@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700);
*{margin:0;padding:0;outline:0}
body{font-family:OpenSansExtraB,Arial,sans-serif;margin:0 auto;min-height:100%;color:#32445c}
body{top:0;left:0;width:100%;height:100%;z-index:-1;background:url(../img/bg5.jpg) no-repeat center center fixed #000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.step{display:none;margin:0 auto;text-align:center}
.step-1{display:block}
.step.step_check .step_head{text-transform:none}
.choose_answer{font-style:italic;font-size:1.8rem;padding:2rem 0 3rem;display:block}
.answer_box{max-width:800px;margin:0 auto;text-align:center;display:inline-block;vertical-align:top}
.checkbox_wrap{margin:0 auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:600px}
.option{width:30%;position:relative;cursor:pointer;text-align:center;margin:.5rem 2%}
.option img{display:block;width:90%;border:3px solid #000;border-radius:8px}
.mobile-hide{display:none}
.option-title{padding-top:5px}
.option.checked img{border-color:#87b919}
.option.checked .option-title{color:#87b919}
.btn{color:#fff;margin:1.2rem auto;padding:13px 0;font-size:1.2rem;font-family:Arial;border:0;text-decoration:none;background:#39920f;position:relative}
.btn:hover{background:#39920f}

@media screen and (max-width:560px){
    .answer_box{display:block;text-align:left}
}

.header{text-align:center;position:relative;padding:1rem;z-index:10}
.logo{max-height:50px;z-index:12}
.box .ok:hover{background:#39920f}
.box .ok:after{content:'';display:block;width:22px;height:28px;position:absolute;right:40px;margin:auto;top:0;bottom:0;background:url(../img/btnpart.png) no-repeat;-webkit-animation:next 1.2s infinite normal ease-out;-moz-animation:next 1.2s infinite normal ease-out;animation:next 1.2s infinite normal ease-out}
.box_copy{padding:5px 5px;text-align:center;color:#000}
.thegirl{max-height:200px;padding: 1rem}

.popup_text{}.photo_option{}.tr-next-button{}.tr-option{}.clearfix{}.tr-b-option{}.final_step{}.tr-submit-button{}
.box{background:#fff;color:#000;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);width:95%;text-align:center;margin-left:auto;margin-right:auto}
.boxheader{background:#fff;width:95%;padding:5px 0;margin:0 auto;text-align:center}
.boxheader img{width:100%}
.flashy{background:#87b919;color:#fff;font-size:1.2rem;padding:5px;margin:0 auto 0.5rem;text-align:center;}
.box .ok{border:1px solid #1a4e01;background:#87b919;box-shadow:inset 0 1px 0 rgba(255,255,255,.4);color:#fff;font-family:OpenSansB,Arial,sans-serif;text-align:center;text-transform:capitalize;cursor:pointer;text-decoration:none;width:70%}
.step p{font-size:1.4rem}

    @-webkit-keyframes next{0%{opacity:0;right:40px}15%{opacity:1;right:30px}100%{opacity:0;right:10px}}
    @-moz-keyframes next{0%{opacity:0;right:40px}15%{opacity:1;right:30px}100%{opacity:0;right:10px}}
    @keyframes next{0%{opacity:0;right:40px}15%{opacity:1;right:30px}100%{opacity:0;right:10px}}

@media screen and (min-width:480px){
    .box{width:600px;position:fixed;left:50%;top:190px;margin-top:-185px;margin-left:-300px}
    .flashy{min-height:20px;font-size:1.5rem;padding:5px 10px;margin:0 auto 1rem}
    .box .ok{display:block;border:1px solid #1a4e01;background:#87b919;box-shadow:inset 0 1px 0 rgba(255,255,255,.4);color:#fff;font-family:OpenSansB,Arial,sans-serif;text-align:center;text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;font-size:30px;width:40%;min-width:300px}
    .btn{margin:2rem auto;padding:13px 0;max-width:220px;width:100%}
    .box_copy{padding:10px 30px 20px 30px}
    .option{width:24%}    
    .boxheader img{width:auto}
    h4 {font-size:1.3rem}
    .thegirl{max-height:280px; padding: 1rem}
    .mobile-hide{display:block}
    .mobile-only{display:none}
}