#al_index_css{display: none;}
.main_page {width: 100%;position: absolute;top: 50%;margin-top: -300px;height: 512px;}
.main_page_replativ {width: 100%;height: 100%;position: relative;}
.main_page_cont {height: 450px;position: absolute;width: 100%;bottom: 0px;background: url('/img/fon_flag.jpg');box-shadow: 0 0 15px 0 rgba(199, 208, 216, 1);background-size: 55%;}
.main_city {position: absolute;right: 30px;top: -120px;}
.main_content {/* height: 405px; */width: 770px;margin: 0 auto;position: relative;}
.main_logo {position: absolute;left: 0;top: -60px;}
.main_logo_beta {position: absolute;top: -25px;left: 195px;color: #bd3c3c;}
.login_form {width: 340px;padding-top: 94px;transition: margin-left 0.3s;float: left;}
.main_buttons {width: 340px;}
.main_buttons td.active {box-shadow: inset 0 0 7px 0 rgba(0,0,0,0.6);text-shadow: 0 0 1px rgba(0,0,0,0.5);}
.main_buttons td:first-child {background-color: rgb(59, 90, 154);}
.main_buttons td.active {box-shadow: inset 0 0 7px 0 rgba(0,0,0,0.6);text-shadow: 0 0 1px rgba(0,0,0,0.5);}
.main_buttons td:first-child {background-color: rgb(59, 90, 154);}
.main_buttons td:last-child {background: rgb(189, 60, 60);}
.main_buttons td {padding: 7px 0;width: 50%;text-align: center;font-weight: bold;color: rgb(239, 239, 239);font-size: 17px;text-shadow: 0 0 3px rgba(0,0,0,0.5);cursor: pointer;}
.login_block {width: 100%;background: #F5F5F5;margin-top: 15px;box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box}
.login_block input {width: 320px;padding: 10px;font-size: 17px;border: 1px solid rgb(213, 211, 211);margin-bottom: 15px;}
.login_block input:focus{border-color: #3b93ff;}
.login_send_block {position: relative}
.login_links {font-size: 11px;margin-top: 5px;white-space: nowrap;margin-bottom: 8px;}
.login_links label {font-size: 11px;color: #555;position: relative;padding-left: 23px;}
.login_links input {width: auto;left: 0;top:-2px;position: absolute;}
.login_send_but {position: absolute;right: 0;top: 0;border-radius: 0;padding: 15px 14px 14px !important;font-size: 12px;}
.welcome_info {margin-top: 127px;width: 409px;height: 140px;padding: 5px;float: left;margin-left: 10px;}
.descr_site {line-height: 23px;font-size: 16px;color: #fff;display: block;width: 357px;font-weight: normal;background: #000;opacity: 0.7;padding: 20px;}
.users_count {letter-spacing: 10px;color: #595858;font-weight: bold;font-size: 40px;height: 36px;float: left;width: 303px;list-style: none;margin-top: -15px;}
.main_footer {position: absolute;bottom: -66px;left: 0;width: 100%;text-align: center;color: #333;}
.main_footer a {padding: 5px;}
.main_reg_tab {position: absolute;top: -18px;right: -600px;z-index: 111;width: 492px;height: 448px;background: url('/img/reg_img1.png') no-repeat;padding: 20px 30px;box-sizing: border-box;-moz-box-sizing: border-box;transition: right 0.3s;margin-right: -99999999px;}

.reg_title{font-size:25px;color:#6E7174;}
#reg_bg{position: fixed;z-index:100;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.8);display:none;opacity:0;transition: opacity 1s;}
.main_reg_tab_bg1{background:url('/img/reg_img2.png') no-repeat;width:100%;position: absolute;bottom:0;left:2px;height: 10px;}
.main_reg_tab_bg2{background: url('/img/reg_img3.png');width: 481px;position: absolute;left:2px;top: 145px;height: 293px;}
.reg_content_bl{position: absolute;left:33px;top: 73px;z-index:1111;}
.reg_form_descr{width:200px;color: #61625f;font-size:13px;float:left;margin-top:21px;}
.reg_domain{position: absolute;top: 172px;right: 97px;color: #666;}
.reg_form_inp{width: 208px !important;padding:10px !important;float:left;margin-top: 9px;box-shadow: 0 1px 0 rgba(255,255,255,0.3),inset 0 1px 2px rgba(51,51,51,0.1);border: 1px solid #c6d0db !important;margin-bottom: 10px !important;}
.reg_form_inp:focus{border-color: #3b93ff !important;}
.reg_to_social{color:#fff;position:absolute;left:300px;font-size:37px;top: 110px;transition: left 0.4s;}
.reg_to_socila_items{margin-top:10px;font-size:51px;}
.reg_to_socila_items div{cursor: pointer;background-color: #3b5998;padding: 9px 3px;}
.reg_to_socila_items div:hover{opacity:1;}
.reg_to_socila_items div:last-child{margin-left:5px;}
.reg_button{padding: 10px 0 !important;width: 209px;margin-top: 3px;margin-right: 2px;border-radius: 0;font-size: 13px;}
.reg_password{position: relative}
.reg_password_exp{position: absolute;right:2px;bottom:-48px;width: 208px;background:rgb(189, 60, 60);height:5px;transition: background 0.5s;}
.reg_view_pass{position:absolute;right:3px;top:18px;font-size: 19px;color:#45678B;opacity:0.3;cursor: pointer;transition: opacity 0.2s;}
.welcome_info{width:409px;height: 140px;}
#reg_name_info, #reg_login_info{position: absolute;z-index:11111;display: none; transition: margin-left 0.3s;}
.name_info_box {position: relative;background: #fff;border: 1px solid #d8e1d9;padding: 10px;box-shadow: 0px 0px 5px 0px rgba(14, 30, 43, 0.3);width: 198px;line-height:160%;}
.name_info_box:after, .name_info_box:before {right: 100%;top: 26px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.name_info_box:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 5px;margin-top: -5px;}
.name_info_box:before {border-color: rgba(150, 170, 190, 0);border-right-color: #d8e1d9;border-width: 6px;margin-top: -6px;}
.reg_sexs{width: 200px;height: 29px;margin-top: 0;padding-top: 10px;padding-left:10px;}
.reg_clear_form{margin-top: 18px;color: #666;cursor: pointer}
.reg_clear_form:hover{text-decoration: underline;}
.reg_error{position:absolute;top:68px;left:24px;width:441px;height:360px;z-index:311113231;font-size:23px;color: #585F64;padding:30px;box-sizing:border-box;-moz-box-sizing:border-box;display: none;}
.reg_error span {font-size: 42px;color: #ccc;}

.google_play {margin-left: 150px;width: 107px;height: 28px;position: absolute;background-image: url(/img/google_play.png);background-size: cover !important;opacity: 0.5;transition: all 200ms ease-in-out;}
.google_play:hover{opacity:1;}
@media (max-height: 600px){
	.main_page {/* top: 0; *//* margin: 10px 0; */}
}


.indexUserAva {
    position: relative;
    width: 100px;
    height: 100px;
    max-height: 100px;
    overflow: hidden;
    float: left;
    margin-right: 9px;
}
.uava{transition: 500ms ease;opacity: 0;}
/* emoji & stickers*/
.emoji {width: 18px;height: 18px;border:none;margin: 0px 1px;vertical-align: top;}