*{margin:0;padding:0}:focus{outline:0}

img{border:none}

html{font-size:62.5%;height:100%}

body{font-size:1.2rem;height:100%;font-family:Helvetica,Arial,sans-serif;color:#000;background:#000}

body.bg2{background:url(women_bg.jpg) no-repeat center 0;background-size:cover}

ol,ul{list-style:none}

input[type="button"],input[type="submit"],button{cursor:pointer}

.first_page{height:100%;text-align:center}

.radar_scanner{display:none;margin:0 auto;text-align:center;background:url(profiles_bg2.jpg) no-repeat center 0;background-size:cover;height:100%;width:100%;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0}

#radar{width:100%}

#radar img{position:relative;min-width:222px}

h3.radar_title{font-size:1.4rem;line-height:140px}

.hidden{display:none}#popup-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:url(girl_1st.jpg) center center no-repeat #000}

.popup_alert{position:absolute;width:380px;height:135px;left:0;top:0;bottom:0;right:0;margin:auto;z-index:100;padding:0 0 20px;overflow:hidden;border:1px solid #949494;background-color:#ededed;border-radius:5px;box-shadow:0 0 18px rgba(0,0,0,.4);font-size:1.3rem;text-align:center}

.popup_alert .top{height:23px;border-bottom:1px solid #696969;border-radius:5px 5px 0 0;background:#e3e3e3;background:-moz-linear-gradient(top, #e3e3e3 0%, #b5b5b5 100%);background:-webkit-linear-gradient(top, #e3e3e3 0%,#b5b5b5 100%);background:linear-gradient(to bottom, #e3e3e3 0%,#b5b5b5 100%)}

.popup_alert .alert_text{padding:0 20px 0 100px;text-align:left;background:url(alert_icon_b.png) no-repeat 20px 9px}

.popup_alert .alert_text h5{font-size:1.4rem;margin:10px 0}

.popup_alert .popup_close{margin:10px 3px 0 3px;display:inline-block;text-decoration:none;width:75px;height:21px;border-radius:4px;border:1px solid #9A9A9A;background:#ccc;font-size:1.4rem;color:#000;height:20px;text-align:center;line-height:20px;float:right;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 34%, #ececec 45%, #ffffff 100%);background:-webkit-linear-gradient(top, #ffffff 34%,#ececec 45%,#ffffff 100%);background:linear-gradient(to bottom, #ffffff 34%,#ececec 45%,#ffffff 100%)}

.second_page{display:none}

.intro_image{display:inline-block}

.second_page .step{display:none;background:#000;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5);width:600px;position:absolute;left:0;right:0;top:50%;margin:-100px auto 0;line-height:28px;font-size:2.2rem;text-align:center}

.second_page .step1{display:block}

.step_header{padding:22px 0;background:#f0557b;color:#fff;font-size:2.7rem;font-weight:bold;text-align:center}

.step_header ul{text-align:center}

.step_header li{display:inline-block;font-size:2.3rem;color:rgba(255,255,255,.8);margin-left:5px;font-weight:normal}.step_header li:first-child{margin-left:0}

.circle{border-radius:100px;padding:5px 13px;background:#555;text-shadow:0 1px #666}

.circle.active{color:#000;background:#e7e7e7}

.step_content{padding:10px 30px 20px;text-align:left}

.step_content p{margin:10px 0}

.button_block{text-align:center;padding-top:15px;clear:both;overflow:hidden}

.button_block a{color:#fff;cursor:pointer;font-size:3rem;width:40%;padding:15px 0;border-radius:4px;display:inline-block;text-align:center;text-decoration:none;text-transform:uppercase;font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,.3)}

.btn_ok,.btn_next,.btn_start{background-color:#F0557B}


.button_block a.btn_no{background:#56575b;color:#fff;margin-left:-4px;border-radius:0 4px 4px 0}

.button_block a.btn_yes{background:#f0557b;color:#fff;margin-right:-4px;border-radius:4px 0 0 4px}

.checkbox_wrap{width:60%;margin:0 auto}.notice{font-size:1.8rem;margin:10px 0;text-align:center}

.option{color:#fff;display:block;padding-left:50px;margin-bottom:15px;position:relative;line-height:20px;cursor:pointer}

.option:after{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:20px;box-sizing:border-box;border:2px solid #fff;border-radius:2px}

.option.checked:after{background:url(checked.png) center center no-repeat}

@media all and (max-width: 1080px){#radar img{bottom:19px;width:20%;max-width:300px}}

@media (max-width: 600px){
	html{font-size:42%}
	.second_page .step{max-width:600px;width:100%}
	.popup_alert{width:90%;max-width:320px}
	.step_header{padding:5px 0}
	.step_content{padding:5px 10px 10px;line-height:1.1}
	.checkbox_wrap{width:100%}
	.button_block a{font-size:1.8rem}
	.circle{padding:3px 13px}
	.popup_alert .alert_text h5{font-size:1.9rem}
	.popup_alert p{font-size:1.8rem}
	.popup_alert .popup_close{font-size:1.8rem;margin-top:5px}
	
	h3.radar_title{font-size:1.8rem}}
	
	@media (max-width: 375px){
		
		#radar > img{width:60%}.button_block a.btn_no{margin-top:10px}}
		
		@media (max-height: 780px){#popup-wrapper{background-size:auto 100%}}
		
		@media (max-height: 400px) and (orientation: landscape){.second_page .step{top:10px;margin-top:0}}