@import url(css.css);@import "css.css";*{margin:0;padding:0;outline:0;border-radius:60px;padding:6px;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Source Sans Pro",sans-serif,Arial;font-size:100%;margin:0 auto;min-height:100%;color:#32445c;background:rgba(76,216,176,1);background:-moz-linear-gradient(left,rgba(76,216,176,1) 0,rgba(131,247,212,1) 50%,rgba(76,216,176,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(76,216,176,1)),color-stop(50%,rgba(131,247,212,1)),color-stop(100%,rgba(76,216,176,1)));background:-webkit-linear-gradient(left,rgba(76,216,176,1) 0,rgba(131,247,212,1) 50%,rgba(76,216,176,1) 100%);background:-o-linear-gradient(left,rgba(76,216,176,1) 0,rgba(131,247,212,1) 50%,rgba(76,216,176,1) 100%);background:-ms-linear-gradient(left,rgba(76,216,176,1) 0,rgba(131,247,212,1) 50%,rgba(76,216,176,1) 100%);background:linear-gradient(to right,rgba(76,216,176,1) 0,rgba(131,247,212,1) 50%,rgba(76,216,176,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cd8b0',endColorstr='#4cd8b0',GradientType=1)}.topnav{overflow:hidden;text-align:center;padding:15px 0 0 0}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:2rem}.logo{max-height:87px;z-index:12;border-radius:20px}.flashy{background:#ffffffb0;color:#fff;width:100%;min-height:20px;color:#34bd96;font-size:3rem;padding:8px;margin:5px auto;text-align:center;border-radius:20px}.step{font-size:2rem;color:#0c4a38;display:none;margin:0 auto;padding:0rem 1rem 1rem 1rem;text-align:center}.step .ok{display:block;background:#ff8300;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);color:#fff;font-family:'Source Sans Pro',Arial,sans-serif;text-align:center;text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;font-size:30px;width:40%;min-width:250px}.step .ok:hover{background:rgba(130,204,26,1);background:-moz-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(130,204,26,1)),color-stop(50%,rgba(207,255,196,1)),color-stop(100%,rgba(130,204,26,1)));background:-webkit-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:-o-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:-ms-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82cc1a',endColorstr='#82cc1a',GradientType=1);color:#0c4a38}.step .ok{display:block;background:#9f0909;color:#fff;font-family:'Source Sans Pro',Arial,sans-serif;text-align:center;text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;font-size:30px;font-weight:700;width:40%;min-width:250px;background:rgba(6,133,59,1);background:-moz-linear-gradient(45deg,rgba(6,133,59,1) 0,rgba(74,193,76,1) 50%,rgba(6,133,59,1) 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(6,133,59,1)),color-stop(50%,rgba(74,193,76,1)),color-stop(100%,rgba(6,133,59,1)));background:-webkit-linear-gradient(45deg,rgba(6,133,59,1) 0,rgba(74,193,76,1) 50%,rgba(6,133,59,1) 100%);background:-o-linear-gradient(45deg,rgba(6,133,59,1) 0,rgba(74,193,76,1) 50%,rgba(6,133,59,1) 100%);background:-ms-linear-gradient(45deg,rgba(6,133,59,1) 0,rgba(74,193,76,1) 50%,rgba(6,133,59,1) 100%);background:linear-gradient(45deg,rgba(6,133,59,1) 0,rgba(74,193,76,1) 50%,rgba(6,133,59,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#06853b',endColorstr='#06853b',GradientType=1);-webkit-box-shadow:4px 5px 7px 0 rgba(11,91,15,0.7);-moz-box-shadow:4px 5px 7px 0 rgba(11,91,15,0.7);box-shadow:4px 5px 7px 0 rgba(11,91,15,0.7)}.step .ok:hover{background:rgba(130,204,26,1);background:-moz-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(130,204,26,1)),color-stop(50%,rgba(207,255,196,1)),color-stop(100%,rgba(130,204,26,1)));background:-webkit-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:-o-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:-ms-linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);background:linear-gradient(45deg,rgba(130,204,26,1) 0,rgba(207,255,196,1) 50%,rgba(130,204,26,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82cc1a',endColorstr='#82cc1a',GradientType=1);color:#0c4a38}.step .ok:after{content:'';display:block;width:22px;height:20px;position:absolute;right:40px;margin:auto;top:0;bottom:0;background:url(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}@-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}}.step:nth-child(1){display:block}.step p{font-size:2.1rem;padding:2rem 0}.step.step_check .step_head{text-transform:none}.choose_answer{font-style:italic;font-size:2rem;padding:2rem 0 3rem 0;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:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:600px}.option{width:25%;position:relative;text-align:left;cursor:pointer;text-align:center;margin:.5rem 2%;padding:0}.option img{display:block;width:100%;border:3px solid #fff;border-radius:100px}.option-title{font-size:2rem;padding-top:5px}.option.checked img{border-color:#45bd4a}.option.checked .option-title{color:#45bd4a}.btn{color:#fff;display:block;margin:2rem auto;padding:13px 0;max-width:220px;width:100%;font-size:2rem;font-family:Arial;border:0;text-decoration:none;background:#4932db}.btn:hover{background:#f7bd4d}.girl{border-radius:20px}@media screen and (max-width:560px){html{font-size:55%}.answer_box{display:block;text-align:left}.girl{width:45%}.option{width:45%}}@media screen and (max-width:420px){html{font-size:55%}}@media screen and (max-width:350px){.girl{width:45%}}