html, body{
    padding:0;
    margin:0;
    
    background:black url(http://quiz.giftmovie.com/images/background.jpg) no-repeat;
    background-size:cover;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline-width: 0;
}

.disabled{
    pointer-events:none;
}

#main_container{
    width:1200px;
    height:600px;
    min-height:600px;
    
    position:relative;
    margin:0 auto;
    
}

#canvas_container{
    position:absolute;
    
    left:0;
    top:0;

}

.section{
    position:absolute;
    width:1200px;
    height:600px;
    
    left:0;
    top:0;
}

/*
#preloader_section{
    display:none;
}
*/

#title_section{
    display:none;
}

#upload_section{
    display:none;
}

#quiz_section{
    width:600px;
    height:auto;
    overflow:hidden;
    position:absolute;
    top:145px;
    left:85px;
    display:none;
}

#analysis_section{
    display:none;
}

#results_section{
    display:none;
}

/*
===========================================================
GENERAL ELEMENTS
===========================================================
*/
.button_generic{
    border:1px solid #9b8345;
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    
    cursor:pointer;
}

.button_generic:hover{
    color:#000000;
    background:#9b8345;
    font-family: 'Oswald', sans-serif;
}

.black{
    background:black;
}



/*
===========================================================
PERSISTENT SCREEN
===========================================================
*/
#social{
    position:absolute;
    width:166px;
    height:24px;
    right:12px;
    top:94px;
        
}

.persistent_social{
    cursor:pointer;
    background-position: 0px 0px;
    
    float:left;
    margin-left:22px;
    
    display:none;
}

#social_fb{
    width:18px;
    height:18px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_fb.png) no-repeat;
    opacity:1;
}

#social_fb:hover{
    opacity:.5;
}

#social_tw{
    width:18px;
    height:16px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_tw.png) no-repeat;
    opacity:1;
    top:1px;
}

#social_tw:hover{
    opacity:.5;
}

#social_ig{
    width:15px;
    height:15px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_ig.png) no-repeat;
    opacity:1;
    top:2px;
}

#social_ig:hover{
    opacity:.5;
}

#social_yt{
    width:21px;
    height:15px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_yt.png) no-repeat;
    opacity:1;
    top:2px;
}

#social_yt:hover{
    opacity:.5;
}

#persistent_release{
    position:absolute;
    width 180px;
    height:20px;
    
    font-family: 'Oswald', sans-serif;
    font-size:16px;
    color:#9b8345;
    text-align:center;
    right:10px;
    top:67px;
    width:150px;
    
    display: none;
}

#persistent_hash{
    position:absolute;
    width 180px;
    height:20px;
    
    font-family: 'Oswald', sans-serif;
    font-size:14px;
    color:#9b8345;
    text-align:center;
    right:10px;
    top:115px;
    width:150px;
    
    display: none;
}

#persistent_stx{
    position:absolute;
    left:12px;
    bottom:8px;
    width:56px;
    height:28px;
    background:url(http://quiz.giftmovie.com/images/footer_studio.png) no-repeat;
    background-size:contain;
    
    display:none;
}

#persistent_copyright{
    position:absolute;
    width:280px;
    height:9px;
    font-family: 'Oswald', sans-serif;
    font-size:8px;
    text-align:right;
    color:#4d421f;
    
    right:8px;
    bottom:6px;
    
    display:none;
    
}

#persistent_bh{
    position:absolute;
    width:35px;
    height:28px;
    background: url(http://quiz.giftmovie.com/images/persistent_bh.png) no-repeat;
    
    right:8px;
    bottom:15px;
    
    display:none;
    
}

#persistent_credits{
    position:absolute;
    width:100%;
    height:0px;
    bottom:0px;
    overflow:hidden;
}

#persistent_credits #credits_rating{
    width:200px;
    height:31px;
    margin:0 auto;
    background: url(http://quiz.giftmovie.com/images/credits.png) no-repeat;
}

#persistent_footer{
    position:absolute;
    width:100%;
    bottom:3px;
    
    font-family: 'Oswald', sans-serif;
    font-size:10px;
    color:#8a7025;
    text-align:center;
    text-decoration:none;
    
    display:none;
}

#persistent_footer a:link{
    color:#8a7025;
    text-decoration:none;
}

#persistent_footer a:visited{
    color:#8a7025;
    text-decoration:none;
}

#persistent_footer a:hover{
    color:#ffffff;
    text-decoration:none;
}

/*
===========================================================
TITLE SCREEN
===========================================================
*/

#title_description{
    position:absolute;
    width:480px;
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:27px;
    line-height:31px;
    left:165px;
    top:170px;
}

#start_button1{
    position:absolute;
    width:230px;
    height:58px;
    
    left:165px;
    top:410px;
    
    font-size:31px;
    text-align:center;
    padding-top:6px;
}

#start_button2{
    position:absolute;
    width:230px;
    height:58px;
    
    left:165px;
    top:410px;
    
    font-size:31px;
    text-align:center;
    padding-top:6px;
    
    display:none;
}

#title_section #conversation_button{
    position:absolute;
    width:214px;
    height:22px;
    
    right:55px;
    top:500px;
    
    font-size:20px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;
    padding-left:2px;
    padding-right:2px;
    
    display:none;
    
    
}

#title_section #trailer_button{
    position:absolute;
    width:166px;
    height:28px;
    
    left:680px;
    top:494px;
    
    font-size:15px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;

    display:none;
}

#title_share{
    position:absolute;
    width:220px;
    height:52px;
    right:56px;
    top:450px;
}

#title_share #share_buttons{
    position:absolute;
    width:100%;
    height:100%;
    background:url(http://quiz.giftmovie.com/images/title_share_bg.png) no-repeat;
    background-position:left;
    top:0px;
    right:0px;
}

#title_share #share_text{
    position:absolute;
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    color:#ffffff;
    top:14px;
    left:10px;
}

#title_share  #share_fb{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/title_share_fb.png) no-repeat;
    width:21px;
    height:18px;
    top:16px;
    right:54px;
    
    opacity:1;
    
    cursor:pointer;
}

#title_share  #share_fb:hover{
    
    opacity:.5;
}

#title_share  #share_twitter{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/title_share_tw.png) no-repeat;
    width:21px;
    height:18px;
    top:16px;
    right:29px;
    
    opacity:1;
    
    cursor:pointer;
}

#title_share  #share_twitter:hover{
    
    opacity:.5;
}

#title_share  #share_email{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/title_share_email.png) no-repeat;
    width:21px;
    height:18px;
    top:16px;
    right:0px;
    
    opacity:1;
    
    cursor:pointer;
}

#title_share  #share_email:hover{
    
    opacity:.5;
}

#title_disclaimer{
    position:fixed;
    width:100%;
    height:100%;
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    line-height:18px;
    left:0px;
    top:0px;
    background:url(http://quiz.giftmovie.com/images/transparent_black.png);
}

#title_disclaimer a:link{
    color:#9b8345;
}

#title_disclaimer a:visited{
    color:#9b8345;
}

#title_disclaimer a:hover{
    color:#9b8345;
}

#title_disclaimer #disclaimer_box{
    position:relative;
    width:456px;
    height:286px;
    margin:100px auto;
    
    border:1px solid #9b8345;
    
    background:black;
}

#title_disclaimer #disclaimer_text{
    position:relative;
    width:400px;
    height:121px;
    margin:50px auto;
    font-size:15px;
    line-height:23px;
}

#title_disclaimer #disclaimer_close{
    position:absolute;
    right:10px;
    top:10px;
    width:24px;
    height:24px;
    background:url(http://quiz.giftmovie.com/images/general_X.png) no-repeat;
    cursor:pointer;
    opacity:1;
}

#title_disclaimer #disclaimer_close:hover{
    opacity:.5;
}

#title_disclaimer #disclaimer_accept{
    position:relative;
    font-size:30px;
    display:block;
    width:90%;
    height:30px;
    margin:0 auto;
    padding-top:12px;
    padding-bottom:0px;
    text-align:center;
    
}

/*
===========================================================
UPLOAD SCREEN
===========================================================
*/

#upload_photo{
    position:relative;
    width:190px;
    height:25px;
    
    margin:0 auto;
    
    overflow:hidden;
}

#upload_photo_fb{
    position:relative;
    width:190px;
    height:25px;
    
    margin:10px auto;
    font-size:15px;
    
    overflow:hidden;
}

#upload_edit_panel{
    position:relative;
    width:330px;
    margin: 0 auto;
}

#upload_tos{
    position:absolute;
    font-family: 'Oswald', sans-serif;
    color:#9c8545;
    font-size:11px;
    text-align:center;
    width:330px;
    top:200px;
}

#upload_tos a{
    font-family: 'Oswald', sans-serif;
    color:#9c8545;
    font-size:10px;
}

#upload_tos a:link{
    font-family: 'Oswald', sans-serif;
    color:#9c8545;
    font-size:10px;
}

#upload_tos a:visited{
    font-family: 'Oswald', sans-serif;
    color:#9c8545;
    font-size:10px;
}

#upload_tos a:hover{
    font-family: 'Oswald', sans-serif;
    color:#9c8545;
    font-size:10px;
}

#upload_text_display{
    width:100%;
    text-align:center;
    font-size:15px;
}

#upload_add_name{
    border:1px solid #9b8345;
    padding:4px;
    margin-bottom:4px;
}

#upload_name{
    width:320px;
    text-align:center;
    background:#9a9999;
    border:none;
    font-family: 'Oswald', sans-serif;
    
    font-size:16px;
    
    text-transform: uppercase;
}

#upload_change_button{
    position:absolute;
    
    
    
    width:132px;
    text-align:center;
    overflow:hidden;
    
    float:left;
}

#upload_submit_button{
    width:191px;
    text-align:center;
    float:right;
}

#loadButton1{
    position: absolute;
    top:-10px;
    left:-10px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    height:100px;
    opacity:0;
    filter:alpha(opacity=0);
    
}

#loadButton2{
    position: absolute;
    top:-10px;
    left:-10px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    height:100px;
    opacity:0;
    filter:alpha(opacity=0);
    
}


/*
===========================================================
QUIZ
===========================================================
*/

#quiz_section .question {
    font-family: 'Oswald', sans-serif;
    font-size:42px;
    color:#9c8545;
    line-height:52px;
    text-transform:uppercase;
}

#quiz_section .answers_wrapper {
    width:auto;
    overflow: hidden;
    margin-top:20px;
    display:inline-block;
}

#quiz_section .answer {
    width:auto;
    overflow:hidden;
    margin:15px 0px;
    cursor:pointer;
    position:relative;
}

#quiz_section .letter {
    width:90px;
    border:1px solid #9c8545;
    font-family: 'Oswald', sans-serif;
    font-size:25px;
    text-transform:uppercase;
    color:#9c8545;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-top:1px;
}

#quiz_section .letter.over {
    background-color:#9c8545;
    color:#000000; 
}

#quiz_section .answerText {
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    color:#929191;
    text-align:left;
    display:inline-block;
    margin-left:14px;
    position:relative;
}

#quiz_section .answers_wrapper.yesNo {
    width:auto;
    overflow: hidden;
    margin-top:20px;
    float: right;
}

#quiz_section .answer.yesNo {
    width:140px;
    border:1px solid #9c8545;
    font-family: 'Oswald', sans-serif;
    font-size:25px;
    text-transform:uppercase;
    color:#9c8545;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-right:20px;
    margin-top:14px;
}

#quiz_section .answer.yesNo:hover {
    background-color:#9c8545;
    color:#000000; 
}


/*
===========================================================
PROGRESS BAR
===========================================================
*/

#persistent_progress {
    width:auto;
    height:5px;
    position:absolute;
    top:60px;
    left:20px;
    display:none;
}

.progressItem_container{
    position:relative;
    float:left;
    margin-left:9px;
    margin-right:9px;
    width: 46px;
}

.progressItem_title{
    font-family: 'Oswald', sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:#9c8545;
    
    width:100%;
    text-align:center;
}

#progress_bar {
    position:relative;
    margin:0 auto;
    width:100%;
    height:8px;
    border:1px solid #9c8545;
}

#progress_bar_progress{
    background:#9c8545;
    width:0%;
    height:100%;
}


/*
===========================================================
RESULTS
===========================================================
*/
#results_share{
    position:absolute;
    width:290px;
    height:52px;
    right:210px;
    top:491px;
}

#results_share #share_buttons{
    position:absolute;
    width:100%;
    height:100%;
    background:url(http://quiz.giftmovie.com/images/results_share_bg.png) no-repeat;
    background-position:left;
    top:0px;
    right:0px;
}

#results_share #share_text{
    position:absolute;
    font-family: 'Oswald', sans-serif;
    font-size:19px;
    color:#ffffff;
    top:12px;
    left:10px;
}

#results_share  #share_fb{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_fb.png) no-repeat;
    width:23px;
    height:23px;
    top:14px;
    right:103px;
    
    opacity:1;
    
    cursor:pointer;
}

#results_share  #share_fb:hover{
    
    
    opacity:.5;
}

#results_share  #share_twitter{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_tw.png) no-repeat;
    width:24px;
    height:19px;
    top:15px;
    right:70px;
    
    
    opacity:1;
    
    cursor:pointer;
}

#results_share  #share_twitter:hover{
    
    opacity:.5;
}

#results_share  #share_email{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_email.png) no-repeat;
    width:27px;
    height:19px;
    top:15px;
    right:0px;
    
    opacity:1;
    
    cursor:pointer;
}

#results_share  #share_email:hover{
    
    opacity:.5;
}

#results_share  #share_download{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_download.png) no-repeat;
    width:29px;
    height:21px;
    top:14px;
    right:35px;
    
    opacity:1;
    
    cursor:pointer;
}

#results_share  #share_download:hover{
    
    opacity:.5;
}

#results_options{
    position:absolute;
    
    left:310px;
    top:510px;
}

#results_section #results_replay{
    width:auto;
    font-size:15px;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
    float:left;
    margin-right:8px;
}

#results_section #conversation_button{
    width:auto;
    
    font-size:15px;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
    
    display:block;
    
    float:left;
    
}

#results_section #trailer_button{
    width:auto;
    
    font-size:15px;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
    float:left;

    margin-right:8px;
}

#results_description{
    color:#9b8345;
    font-family: Oswald;
    font-size:20px;
    line-height:24px;
    width:400px;
    position:absolute;
    right:100px;
    top:260px;
}

.gray{
    color:#666666;
    
    border:1px solid #666666;
}






















/*
===========================================================
MOBILE
===========================================================
*/
/*
#main_container.mobile{
    
}
*/

#main_container.mobile{
    width:100%;
    height:100vh;
    min-height:0;
    margin:0 0;
    
    overflow:hidden;
}


#main_container.mobile .section{
    width:100%;
    height:100%;
    overflow:hidden;
}

/*
===========================================================
PERSISTENT SCREEN
===========================================================
*/
#main_container.mobile #social{
    position:absolute;
    width:115px;
    height:15px;
    right:7px;
    top:69px;
        
}

#main_container.mobile .persistent_social{
    cursor:pointer;
    background-position: 0px 0px;
    margin-left:7px;
    float:left;
    display:none;
}

#main_container.mobile #social_fb{
    width:18px;
    height:18px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_fb.png) no-repeat;
    background-size:15px;
}

#main_container.mobile #social_tw{
    width:18px;
    height:16px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_tw.png) no-repeat;
    background-size:17px;
}

#main_container.mobile #social_ig{
    width:15px;
    height:15px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_ig.png) no-repeat;
    background-size:14px;
}

#main_container.mobile #social_yt{
    width:21px;
    height:15px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_yt.png) no-repeat;
    background-size:20px;
}

#main_container.mobile #results_options {
    left:0px;
    top:auto;
    bottom:48px;
    width:100%;
    height:20px;
    position:absolute;
}

#main_container.mobile #results_replay{
    position:static;
    width:60px;
    height:auto;
    font-size:12px;
    text-align:center;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    float:left;
}

#main_container.mobile #trailer_button{
    position:static;
    width:60px;
    height:8px;
    
    left:0 !important;
    top:0 !important;
    bottom:auto !important;
    
    font-size:10px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;

    display:none;
    float:left;
}

#main_container.mobile #results_section #conversation_button{
    position:static;
    width:105px;
    height:8px;
    
    left:6px !important;
    top:0 !important;
    bottom:auto !important;
    
    font-size:10px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;
    float:left;
}

#main_container.mobile #persistent_release{
    position:absolute;
    height:20px;
    
    font-family: 'Oswald', sans-serif;
    font-size:10px;
    color:#9b8345;
    text-align:center;
    right:20px;
    top:52px;
    width:100px;
    
    display: none;
}

#main_container.mobile #persistent_hash{
    position:absolute;
    height:20px;
    
    font-family: 'Oswald', sans-serif;
    font-size:10px;
    color:#9b8345;
    text-align:center;
    left:10px;
    top:49px;
    width:100px;
    
    display: none;
}

#main_container.mobile #persistent_stx{
    position:absolute;
    left:12px;
    bottom:8px;
    width:40px;
    height:20px;
    background:url(http://quiz.giftmovie.com/images/footer_studio.png) no-repeat;
    background-size:contain;
    
    display:none;
}

#main_container.mobile #persistent_copyright{
    position:absolute;
    width:100%;
    font-family: 'Oswald', sans-serif;
    font-size:6px;
    text-align:center;
    color:#4d421f;
    bottom:0px;
    
    display:none;
    
}

#main_container.mobile #persistent_bh{
    position:absolute;
    width:35px;
    height:28px;
    background: url(http://quiz.giftmovie.com/images/persistent_bh.png) no-repeat;
    
    right:6px;
    bottom:15px;
    
    display:none;
    
}

#main_container.mobile #persistent_footer{
    position:absolute;
    bottom:10px;
    width:100%;
    
    font-family: 'Oswald', sans-serif;
    font-size:6px;
    color:#8a7025;
    text-align:center;
    text-decoration:none;
    
    display:none;
}

#main_container.mobile #persistent_footer a:link{
    color:#8a7025;
    text-decoration:none;
}

#main_container.mobile #persistent_footer a:visited{
    color:#8a7025;
    text-decoration:none;
}


/*
===========================================================
MOBILE DISCALIMER
===========================================================
*/
#main_container.mobile #title_disclaimer {
    font-size:20px;
}

#main_container.mobile #title_disclaimer #disclaimer_box{
    width:81%;
    height:320px;
    margin-top:50px;
}

#main_container.mobile #title_disclaimer #disclaimer_text{
    position:relative;
    width:90%;
    height:121px;
    margin:50px auto;
    font-size:12px;
    line-height:16px;
    text-align: justify;
}

#main_container.mobile #title_disclaimer #disclaimer_accept{
    position:relative;
    font-size:30px;
    display:block;
    width:90%;
    height:30px;
    margin:0 auto;
    padding-top:12px;
    padding-bottom:0px;
    text-align:center;
    
}

/*
===========================================================
PROGRESS BAR
===========================================================
*/
#main_container.mobile #persistent_progress {
    width:90%;
    height:5px;
    position:absolute;
    top:98px;
    left:10px;
    display:none;
}

#main_container.mobile .progressItem_container{
    position:relative;
    float:left;
    margin-right:0px;
    width: 30%;
}

#main_container.mobile .progressItem_title{
    font-family: 'Oswald', sans-serif;
    font-size:8px;
    text-transform:uppercase;
    color:#9c8545;
    
    width:100%;
    text-align:center;
}

#main_container.mobile .progressItem {
    width:12px;
    height:2px;
    position:relative;
    border:1px solid #9c8545;
}

#main_container.mobile .progressItem.fill {
    background:#9c8545;
}







/*
===========================================================
TITLE SCREEN
===========================================================
*/

#main_container.mobile #title_section #conversation_button{
    position:absolute;
    width:160px;
    height:16px;
    
    right:auto;
    left:4px;
    top:auto;
    bottom:40px;
    
    font-size:14px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;
    padding-left:2px;
    padding-right:2px;
    
    display:none;
    
    
}

#main_container.mobile #title_section #title_description{
    position:absolute;
    width:88%;
    height:auto;
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:17px;
    line-height:22px;
    left:6px;
    bottom:161px;
    top:auto;
}

#main_container.mobile #title_section #start_button1{
    position:absolute;
    width:164px;
    height:30px;
    
    left:5px;
    top:auto;
    bottom:118px;
    
    font-size:28px;
    text-align:center;
    padding-top:0px;
    overflow:hidden;
}

#main_container.mobile #title_section #start_button1 .btn_text{
    position:absolute;
    width:100%;
    top:-6px;
}

#main_container.mobile #title_section #start_button2{
    position:absolute;
    width:164px;
    height:30px;
    
    left:5px;
    top:auto;
    bottom:85px;
    
    font-size:28px;
    text-align:center;
    padding-top:0px;
    overflow:hidden;
}

#main_container.mobile #title_section #start_button2 .btn_text{
    position:absolute;
    width:100%;
    top:-6px;
}

#main_container.mobile #title_share{
    position:absolute;
    width:65px;
    height:34px;
    left:4px;
    right:auto;
    bottom:74px;
    top:auto;
}

#main_container.mobile #title_section #title_share #share_buttons{
    position:absolute;
    width:65px;
    height:100%;
    background:url(http://quiz.giftmovie.com/images/title_share_bg.png) no-repeat;
    top:0px;
    right:0px;
    
    background-size:cover;
}


#main_container.mobile #title_section #title_share #share_text{
    position:absolute;
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    color:#ffffff;
    top:5px;
    left:9px;
    width:51px;
    height:23px;
    overflow:hidden;
}

#main_container.mobile #title_section #title_share  #share_fb{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_fb_mobile.png) no-repeat;
    width:24px;
    height:20px;
    top:8px;
    right:-33px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #title_share  #share_fb:hover{
    
    background-position:0 0;
}

#main_container.mobile #title_share  #share_twitter{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_tw_mobile.png) no-repeat;
    width:25px;
    height:20px;
    top:8px;
    right:-62px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #title_section #title_share  #share_twitter:hover{
    
    background-position:0 0;
}

#main_container.mobile #title_section #title_share  #share_email{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_email_mobile.png) no-repeat;
    width:27px;
    height:20px;
    top:8px;
    right:-93px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #title_section #title_share  #share_email:hover{
    
    background-position:0 -28px;
}

/*
===========================================================
UPLOAD SCREEN
===========================================================
*/
#main_container.mobile #upload_section{
    width:100% !important;
    left:0 !important;
    height:200px !important;
    overflow:visible;
}

#main_container.mobile #upload_photo{
    position:relative;
    width:135px;
    height:18px;
    font-size:10px;
    
    margin:0 auto;
    
}

#main_container.mobile #upload_photo_fb{
    position:relative;
    width:135px;
    height:18px;
    
    margin:10px auto;
    font-size:12px;
    
    overflow:hidden;
}

#main_container.mobile #upload_edit_panel{
    position:relative;
    width:220px;
    height:55px;
    margin: 0 auto;
}

#main_container.mobile #upload_text_display{
    width:100%;
    text-align:center;
    font-size:12px;
}

#main_container.mobile #upload_add_name{
    border:1px solid #9b8345;
    padding:4px;
    margin-bottom:4px;
}

#main_container.mobile #upload_name{
    width:196px;
    text-align:center;
    background:#9a9999;
    border:none;
    font-family: 'Oswald', sans-serif;
    
    font-size:12px;
    
    text-transform: uppercase;
}

#main_container.mobile #upload_change_button{
    position:absolute;
    width:100px;
    text-align:center;
    overflow:hidden;
    color:#6c6c6c;
    border-color:#6c6c6c;
    float:left;
}

#main_container.mobile #upload_change_text{
    font-size:12px;
    width:100px;
}

#main_container.mobile #upload_submit_button{
    width:113px;
    text-align:center;
    float:right;
    font-size:12px;
}

#main_container.mobile #upload_tos{
    width:100%;
    font-size:10px;
    top:155px;
}

#main_container.mobile #loadButton1{
    position: absolute;
    top:-10px;
    left:-10px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    height:100px;
    opacity:0;
    filter:alpha(opacity=0);
    
}

#main_container.mobile #loadButton2{
    position: absolute;
    top:-10px;
    left:-10px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    height:100px;
    opacity:0;
    filter:alpha(opacity=0);
    
}


/*
===========================================================
QUIZ
===========================================================
*/
#main_container.mobile #quiz_section{
    width:100%;
    left:0px;
    top:0px;
}

#main_container.mobile #quiz_section .question {
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    color:#9c8545;
    line-height:24px;
    bottom:186px;
    left:6px;
    position:absolute;
    text-transform:uppercase;
    width:95%;
}

#main_container.mobile #quiz_section .answers_wrapper {
    width:100%;
    height:158px;
    overflow: hidden;
    display:inline-block;
    position:absolute;
    bottom:30px;
    float:none;
}

#main_container.mobile #quiz_section .answer {
    width:auto;
    overflow:hidden;
    margin:6px 0px;
    cursor:pointer;
    position:relative;
}

#main_container.mobile #quiz_section .letter {
    width:60px;
    border:1px solid #9c8545;
    font-family: 'Oswald', sans-serif;
    font-size:14px;
    text-transform:uppercase;
    color:#9c8545;
    text-align:center;
    display:block;
    position:relative;
    margin-top:0px;
    float:left;
}

#main_container.mobile #quiz_section .letter.over {
    background-color:#9c8545;
    color:#000000; 
}

#main_container.mobile #quiz_section .answerText {
    font-family: 'Oswald', sans-serif;
    font-size:12px;
    color:#929191;
    text-align:left;
    display:block;
    margin-left:0px;
    position:relative;
    width:200px;
    margin-top:0px;
    left:10px;
    float:left;
}

#main_container.mobile #quiz_section .answers_wrapper.yesNo {
    overflow: hidden;
    height:136px;
}

#main_container.mobile #quiz_section .answer.yesNo {
    width:140px;
    border:1px solid #9c8545;
    font-family: 'Oswald', sans-serif;
    font-size:25px;
    text-transform:uppercase;
    color:#9c8545;
    text-align:center;
    display:inline-block;
    position:relative;
    float:left;
    margin-left:10px;
}

#main_container.mobile #quiz_section .answer.yesNo:hover {
    background-color:#000000;
    color:#9c8545;
}





/*
===========================================================
RESULTS
===========================================================
*/
#main_container.mobile #results_share{
    position:absolute;
    width:123px;
    height:52px;
    top:130px;
    right:5px;
}

#main_container.mobile #results_share #share_buttons{
    position:absolute;
    width:100%;
    height:100%;
    background:none;
    top:0px;
    left:0px;
}

#main_container.mobile #share_instructions{
    position:absolute;
    width:300px;
    height:100%;
    left:0;
    top:8px;
    
    font-family: 'Oswald', sans-serif;
    font-size:15px;
    color:#666666;
    text-align:right;
    
    display: none;
}

#main_container.mobile #results_share #share_text{
    position:absolute;
    font-family: 'Oswald', sans-serif;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    padding-top:5px;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    overflow:hidden;
    background:url(http://quiz.giftmovie.com/images/results_share_bg.png) no-repeat;
    background-size:contain;
}

#main_container.mobile #results_share  #share_fb{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_fb_mobile.png) no-repeat;
    width:24px;
    height:20px;
    top:38px;
    left:0px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #results_share  #share_fb:hover{
    
    background-position:0 0;
}

#main_container.mobile #results_share  #share_twitter{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_tw_mobile.png) no-repeat;
    width:25px;
    height:20px;
    top:38px;
    left:30px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #results_share  #share_twitter:hover{
    
    background-position:0 0;
}

#main_container.mobile #results_share  #share_download{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_download_mobile.png) no-repeat;
    width:27px;
    height:20px;
    top:41px;
    left:100px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #results_share  #share_download:hover{
    
    background-position:0 0px;
}

#main_container.mobile #results_share  #share_email{
    position:absolute;
    background:url(http://quiz.giftmovie.com/images/results_share_email_mobile.png) no-repeat;
    width:27px;
    height:20px;
    top:39px;
    left:65px;
    
    background-position:0 0;
    
    cursor:pointer;
}

#main_container.mobile #results_share  #share_email:hover{
    
    background-position:0 -28px;
}


#main_container.mobile #results_description{
    color:#9b8345;
    font-family: Oswald;
    font-size:11px;
    line-height:18px;
    width:90%;
    position:absolute;
    left:6px;
    top:290px;
}


/*
===========================================================
TABLET
===========================================================
*/

/*
===========================================================
PERSISTENT
===========================================================
*/
#main_container.tablet .section{
    position:absolute;
    width:1200px;
    height:100%;
    
    left:0;
    top:0;
}

#main_container.tablet #persistent_stx{
    position:absolute;
    left:12px;
    bottom:50px;
    width:100px;
    height:40px;
    background:url(http://quiz.giftmovie.com/images/footer_studio.png) no-repeat;
    background-size:contain;
    
    display:none;
}

#main_container.tablet #persistent_copyright{
    position:absolute;
    width:100%;
    font-family: 'Oswald', sans-serif;
    font-size:8px;
    text-align:center;
    color:#4d421f;
    bottom:40px;
    
    display:none;
    
}

#main_container.tablet #persistent_bh{
    position:absolute;
    width:35px;
    height:28px;
    background: url(http://quiz.giftmovie.com/images/persistent_bh.png) no-repeat;
    
    right:6px;
    bottom:45px;
    
    display:none;
    
}

#main_container.tablet #persistent_footer{
    position:absolute;
    bottom:50px;
    width:100%;
    
    font-family: 'Oswald', sans-serif;
    font-size:12px;
    color:#8a7025;
    text-align:center;
    text-decoration:none;
    
    display:none;
}

#main_container.tablet #persistent_footer a:link{
    color:#8a7025;
    text-decoration:none;
}

#main_container.tablet #persistent_footer a:visited{
    color:#8a7025;
    text-decoration:none;
}


#main_container.tablet .persistent_social{
    cursor:pointer;
    background-position: 0px 0px;
    
    float:left;
    
    display:none;
}

#main_container.tablet #social_fb{
    width:18px;
    height:18px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_fb.png) no-repeat;
}

#main_container.tablet #social_tw{
    width:18px;
    height:16px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_tw.png) no-repeat;
}

#main_container.tablet #social_ig{
    width:15px;
    height:15px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_ig.png) no-repeat;
}

#main_container.tablet #social_yt{
    width:21px;
    height:15px;
    background:url(http://quiz.giftmovie.com/images/persistent_social_yt.png) no-repeat;
}


#main_container.tablet #trailer_button{
    position:absolute;
    width:166px;
    height:28px;
    
    left:680px;
    top:auto !important;
    bottom:120px !important;
    
    font-size:24px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;

    display:none;
}

#main_container.tablet #conversation_button{
    position:absolute;
    width:279px;
    height:28px;
    
    left:865px;
    top:auto !important;
    bottom:120px !important;
    
    font-size:24px;
    text-align:center;
    padding-top:0px;
    padding-bottom:8px;
    
    display:none;
    
    
}

/*
===========================================================
TITLE
===========================================================
*/

#main_container.tablet #title_description{
    position:absolute;
    width:583px;
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:27px;
    line-height:31px;
    left:165px;
    top:250px;
}

#main_container.tablet #start_button1{
    position:absolute;
    width:230px;
    height:58px;
    
    left:165px;
    top:auto;
    bottom:250px;
    
    font-size:31px;
    text-align:center;
    padding-top:6px;
}

#main_container.tablet #start_button2{
    position:absolute;
    width:auto;
    height:58px;
    
    left:165px;
    top:auto;
    bottom:170px;
    
    font-size:31px;
    text-align:center;
    padding-top:6px;
    padding-left:20px;
    padding-right:20px;
}

#main_container.tablet #title_share{
    position:absolute;
    width:230px;
    height:52px;
    right:50px;
    top:auto;
    bottom:180px;
}


/*
===========================================================
UPLOAD
===========================================================
*/


#main_container.tablet #upload_name{
    width:306px;
    text-align:center;
    background:#9a9999;
    border:none;
    font-family: 'Oswald', sans-serif;
    
    font-size:16px;
    
    text-transform: uppercase;
}
#main_container.tablet  #upload_tos{
    position:absolute;
    font-family: 'Oswald', sans-serif;
    color:#9c8545;
    font-size:11px;
    text-align:center;
    width:330px;
    top:280px;
}


/*
===========================================================
QUIZ
===========================================================
*/


#main_container.tablet #quiz_section{
    width:600px !important;
    height:auto !important;
    overflow:hidden !important;
    position:absolute;
    top:245px !important;
    left:85px !important;
    display:none;
}
#main_container.tablet #quiz_section .question {
    font-family: 'Oswald', sans-serif;
    font-size:42px;
    color:#9c8545;
    line-height:52px;
    text-transform:uppercase;
}

#main_container.tablet #quiz_section .answers_wrapper {
    width:auto;
    overflow: hidden;
    margin-top:20px;
    display:inline-block;
}

#main_container.tablet #quiz_section .answer {
    width:500px;
    overflow:hidden;
    margin:15px 0px;
    cursor:pointer;
    position:relative;
}

#main_container.tablet #quiz_section .letter {
    width:90px;
    border:1px solid #9c8545;
    font-family: 'Oswald', sans-serif;
    font-size:25px;
    text-transform:uppercase;
    color:#9c8545;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-top:1px;
}

#main_container.tablet #quiz_section .letter.over {
    background-color:#9c8545;
    color:#000000; 
}

#main_container.tablet #quiz_section .answerText {
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    color:#929191;
    text-align:left;
    display:inline-block;
    margin-left:14px;
    position:relative;
    margin-top:0px;
    left:10px;
}

#main_container.tablet #quiz_section .answers_wrapper.yesNo {
    width:auto;
    overflow: hidden;
    margin-top:20px;
    float: right;
}

#main_container.tablet #quiz_section .answer.yesNo {
    width:140px;
    border:1px solid #9c8545;
    font-family: 'Oswald', sans-serif;
    font-size:25px;
    text-transform:uppercase;
    color:#9c8545;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-right:20px;
    margin-top:14px;
}

#main_container.tablet #quiz_section .answer.yesNo:hover {
    background-color:#000000;
    color:#9c8545; 
}

/*
===========================================================
RESULTS
===========================================================
*/
#main_container.tablet #results_share{
    position:absolute;
    width:280px;
    height:52px;
    right:220px;
    top:auto;
    bottom:190px;
}


#main_container.tablet #results_options{
    position:absolute;
    
    left:310px;
    top:625px;
    
    width:360px;
    height:30px;
}

#main_container.tablet #results_section #results_replay{
    width:auto;
    height:28px;
    font-size:15px;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
    float:left;
    margin-right:8px;
}

#main_container.tablet #results_section #conversation_button{
    width:auto;
    
    font-size:15px;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:0;
    display:block;
    left:0;
    bottom:auto !important;
    position:static;
    
    float:left;
    
}

#main_container.tablet #results_section #trailer_button{
    width:auto;
    
    font-size:15px;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:0;
    float:left;
    bottom:auto !important;
    left:auto !important;

    margin-right:8px;
    position:static;
}













/*
===========================================================
MOBILE/TABLET/BROWSER ISSUES
===========================================================
*/
#browser_issues{
    background:url(http://quiz.giftmovie.com/images/background.jpg) no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
}

#mobile_issue #title_treatment{
    width:80px;
    height:85px;
    position:relative;
    margin:10px auto;
    
    background:url(http://quiz.giftmovie.com/images/persistent_tt.png) no-repeat;
    background-size:contain;
}

#mobile_issue #message{
    width:100%;
    position:absolute;
    top:76px;
    text-align:center;
    
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:12px;
}

#mobile_issue #gift_logo{
    width:100%;
    height:30px;
    position:absolute;
    bottom:14px;
}

#mobile_issue #gift_logo #logo{ 
    width:100%;
    height:23px;
    background:url(http://quiz.giftmovie.com/images/persistent_movie_logo.png) no-repeat;
    background-size:contain;
    background-position:center;
}

#mobile_issue #gift_logo #release_date{ 
    position:absolute;
    width:100%;
    text-align:center;
    
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:6px;
    
    bottom:0px;
}

#tablet_issue #title_treatment{
    width:573px;
    height:30px;
    position:relative;
    margin:10px auto;
    
    background:url(http://quiz.giftmovie.com/images/persistent_tt.png) no-repeat;
    background-size:contain;
}

#tablet_issue #message{
    width:100%;
    position:absolute;
    top:300px;
    text-align:center;
    
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:24px;
}

#tablet_issue #gift_logo{
    width:100%;
    height:80px;
    position:absolute;
    bottom:14px;
}

#tablet_issue #gift_logo #logo{ 
    width:100%;
    height:60px;
    background:url(http://quiz.giftmovie.com/images/persistent_movie_logo.png) no-repeat;
    background-size:contain;
    background-position:center;
}

#tablet_issue #gift_logo #release_date{ 
    position:absolute;
    width:100%;
    text-align:center;
    
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:15px;
    
    bottom:0px;
}




#old_browser{
    min-height:800px;
}

#old_browser #title_treatment{
    width:180px;
    height:85px;
    position:relative;
    margin:10px auto;
    
    background:url(http://quiz.giftmovie.com/images/persistent_tt.png) no-repeat;
    background-size:contain;
}

#old_browser #message{
    width:100%;
    position:absolute;
    top:300px;
    text-align:center;
    
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:24px;
}

#old_browser #gift_logo{
    width:100%;
    height:80px;
    position:absolute;
    bottom:14px;
}

#old_browser #gift_logo #logo{ 
    width:100%;
    height:60px;
    background:url(http://quiz.giftmovie.com/images/persistent_movie_logo.png) no-repeat;
    background-size:contain;
    background-position:center;
}

#old_browser #gift_logo #release_date{ 
    position:absolute;
    width:100%;
    text-align:center;
    
    color:#9b8345;
    font-family: 'Oswald', sans-serif;
    font-size:15px;
    
    bottom:0px;
}

#old_browser #browsers{
    position:relative;
    width:400px;
    margin:300px auto;
}

#old_browser #browsers .old_icon{
    margin-left:12px;
}


/*
===========================================================
PRELOADER
===========================================================
*/
#preloader_section {
    width:100%;
    height:100%;
    min-width:1200px;
    position:absolute;
    left:0;
    top:0;
    background:#000000;
}

#preloader_content {
    width:100%;
    height:128px;
    background-size:cover;
    position:absolute;
    overflow:hidden;
    left:0;
    top:40%;
}

#preloader_top {
    position:absolute;
    left:0;
    top:0;
}

#preloader_bottom {
    position:absolute;
    left:0;
    bottom:0;
}

#preloader_bar {
    width:100%;
    height:100%;
    position:absolute;
    background-size:cover;
    left:0;
    top:0;
    background-image:url(http://quiz.giftmovie.com/images/preloader_bar.png);
}