html{background:white;margin:0;padding:0;}
body{width:320px;margin:0 auto;padding:0;}

@media screen and (max-width: 1920px){body{width:640px;}.ask-title{margin:40px 0 40px 0;}}
@media screen and (max-width: 1280px){body{width:640px;}.ask-title{margin:40px 0 40px 0;}}
@media screen and (max-width: 980px){body{width:640px;}.ask-title{margin:40px 0 40px 0;}}
@media screen and (max-width: 650px){body{width:320px;}.ask-title{margin:40px 0 40px 0;}}
@media screen and (max-width: 480px){body{width:320px;}.ask-title{margin:20px 0 20px 0;}}

ol{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;display:block;}
ol.dil{display: inline-block;}
.clear-fix{clear:both;}

#shadow-overlay{display:none}
#overlay-bg{opacity:0;top:0;left:0;position:fixed;width:100%;height:150%;background:#3b5998;filter: alpha(opacity=0);-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
#overlay-text{text-align: center;color: white;font-weight: 100;font-family: 'Helvetica Neun', sans-serif;font-size: 21px;top: 30%;left: 50%;margin-left: -72px;position: fixed; opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;width:144px}
#overlay-text .title{margin-top:40px}

#error .body{font-weight:100;text-align:center;background:#E84C3D;font-family: 'Helvetica Neun', sans-serif;font-size:12px;color:white;padding: 15px 0px;width:100%;}

#header{text-align:center}
#header .tphdr{margin:20px 0;font-weight:400;font-family: 'Helvetica Neun', sans-serif;font-size:24px;color:black;width:100%;}

#content{margin:0;padding:0;width:100%;}
#content .content-inner{text-align:center}
#content .hello-title{font-family: 'Helvetica Neun', sans-serif;font-size:18px;color:black;font-weight:100;line-height:28px;width:90%;text-align:center;margin:0 auto}
#content .hello-title span{font-size:14px;font-weight: 100;}
#content .social-buttons{margin:10px 0;}
#content .group-buttons {width: 222px;margin: 0 auto;}
#content .group-buttons .btn{float:left;margin:0 5px;}
#content .group-buttons .btn.mrg{margin-left:0px;}
#content .group-buttons .btn .facebook{background:url(/static/images/button_facebook_start_normal2x.png);background-size: 100%;background-repeat: no-repeat;width: 54px;height: 54px;}
#content .group-buttons .btn .vk{background:url(/static/images/button_vk_start_normal2x.png);background-size: 100%;background-repeat: no-repeat;width: 54px;height: 54px;}
#content .group-buttons .btn .twitter{background:url(/static/images/button_twitter_start_normal2x.png);background-size: 100%;background-repeat: no-repeat;width: 54px;height: 54px;}
#content .group-buttons .btn .instagram{background:url(/static/images/button_inst_start_normal2x.png);background-size: 100%;background-repeat: no-repeat;width: 54px;height: 54px;}
#content .group-buttons .btn .ok{background:url(/static/images/button_ok_start_normal2x.png);background-size: 100%;background-repeat: no-repeat;width: 54px;height: 54px;}


#content .other-title{font-family: 'Helvetica Neun', sans-serif;font-size:16px;color:black;font-weight:100;line-height:28px;width:300px;text-align:center;margin:0 auto;cursor:pointer}
#content #pass-place{display:none;}
#content #pass-place input.password-input{display: inline-block;background: white;padding: 10px 7px;outline: none;font-family: 'Helvetica Neun', sans-serif;font-size: 12px;color: black;font-weight: 100;border-radius: 3px;border: 1px solid #007AFF;width: 150px;}
#content #pass-place .password{cursor:pointer;padding: 10px 7px;margin: 0;line-height: 15px;outline: none;font-family: 'Helvetica Neun', sans-serif;font-size: 12px;color: #007AFF;font-weight: 100;border-radius: 3px;background: white;width: 80px;border: 1px solid #007AFF;}
#content .partner-image{width:100%;min-height:1px;height:auto;margin:20px 0}
#content .partner-image img{width:100%}

#content #passport-place {margin:10px 0;}
#content #passport-place input.passport-input{margin:5px 0 0 0;display: inline-block;background: white;padding: 10px 7px;outline: none;font-family: 'Helvetica Neun', sans-serif;font-size: 12px;color: black;font-weight: 100;border-radius: 3px;border: 1px solid #007AFF;width: 150px;}
#content #passport-place .go-passport{cursor:pointer;padding: 10px 7px;margin:5px 0 0 0;line-height: 15px;outline: none;font-family: 'Helvetica Neun', sans-serif;font-size: 12px;color: #007AFF;font-weight: 100;border-radius: 3px;background: white;width: 166px;border: 1px solid #007AFF;}


#page .copyright{margin:10px 0;text-align:center;width:100%;}
#page .copyright a{font-size:12px;font-family: 'Helvetica Neun', sans-serif;color:#999999;text-decoration:none;}

/*secondstep*/
#content .ask-title{font-weight:100;margin:20px 0 20px 0;text-align:center;font-family:'Helvetica Neun', sans-serif;font-size:18px;color:black;}
#content .user-box{margin:0 10px;padding:10px;background:white;border:1px solid #eaeaea;border-radius:5px;}
#content .user-box .user-about .top-left{float:left;}
#content .user-box .user-about .top-left .user-photo{width:50px;height:50px;overflow:hidden;}
#content .user-box .user-about .top-left .user-photo img{width:50px;height:50px;}
#content .user-box .user-about .top-right{float:left;margin-left:5px;}
#content .user-box .user-about .top-right .user-name{font-family:'Helvetica Neun', sans-serif;font-weight:bold;font-size:12px;width:100%;float:left;color:black;}
#content .user-box .user-about .top-right .time{font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:11px;width:100%;float:left;color:#808080;margin-top:5px;}

#content .user-box .post{margin:10px 0 0 0;}
#content .user-box .post .message{text-align:left;font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:12px;width:100%;}
#content .user-box .post .photo{margin:5px 0;}
#content .user-box .post .photo img{width:100%;}
#content .user-box .post .link{font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:11px;width:100%;color:#808080;}

#content .controll-buttons{margin:10px 0;}
#content .share-buttons{margin:0 auto;text-align:center;}
#content .share-buttons a{text-decoration:none;}
#content .share-buttons .share.facebook{width:200px;height:40px;background-size: 50px auto;background-color:#3b5998;background-image:url(/static/images/button_facebook_post_normal2x.png);background-repeat:no-repeat;background-position: left center;font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:14px;color:white;margin: 0 auto;border-radius: 3px;line-height:40px;font-weight:bold;}
#content .share-buttons .share.vk{width:200px;height:40px;background-size: 50px auto;background-color:#54769a;background-image:url(/static/images/button_vk_post_normal2x.png);background-repeat:no-repeat;background-position: left center;font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:14px;color:white;margin: 0 auto;border-radius: 3px;line-height:40px;font-weight:bold;}
#content .share-buttons .share.twitter{width:200px;height:40px;background-size: 50px auto;background-color:#6eb8f1;background-image:url(/static/images/button_twitter_post_normal2x.png);background-repeat:no-repeat;background-position: left center;font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:14px;color:white;margin: 0 auto;border-radius: 3px;line-height:40px;font-weight:bold;}
#content .share-buttons .share.instagram{width:200px;height:40px;background-size: 50px auto;background-color:#3b5998;background-image:url();background-repeat:no-repeat;background-position: left center;font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:14px;color:white;margin: 0 auto;border-radius: 3px;line-height:40px;font-weight:bold;}
#content .share-buttons .cancel{text-decoration:none;font-family:'Helvetica Neun', sans-serif;font-weight:100;font-size:14px;width:100%;color:#E84C3B;margin: 15px auto 0 auto;float:left;}

/*error*/
#content .move-buttons{margin:10px 0;}
#content .move-buttons a{text-decoration:none;}
#content .move-buttons .back{cursor:pointer;padding: 10px 7px;margin: 20px auto;line-height: 15px;outline: none;font-family: 'Helvetica Neun', sans-serif;font-size: 12px;color: #3B5998;font-weight: 100;border-radius: 3px;background: white;width: 180px;border: 1px solid #3B5998;}