body, html{
	margin:0;padding:0;width:100%;height:100%;
	overflow:hidden;	
	font-family: arial;
}
body{
	overflow:hidden;
	overflow-y:auto;
	background: #333;
	cursor:default;	
}
body{
	background-repeat: no-repeat;
	background-image:url(/_hq/_img/bck-blue.jpg);
	background-size: cover;
	background-position:center;
}



#arr_citys, #arr_posts, #arr_koztr, #arr_count{
	display: none;	
}



div, span, ul, ol, li, input, textarea, img, a, b, s, i, u, h1, h2, h3{
	position:relative;
	float: left;
	border: 0; padding: 0; margin: 0;
	background: none;
	list-style-type: none;	
    border: 0;
    outline: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;	
}

input::-webkit-input-placeholder{
    color:rgba(255,255,255,0.8);
}

input, textarea, .tx[contenteditable="true"]{cursor: text;!important; user-select: text;}


#popup_overlay{
	display: none;	
}


.winEL,
#upload,
body.login #M,
body.login #C,
body.login #log{display: none;}


/*POPUP*/
.popover{
	position: fixed;
	z-index: 11;
	top: 0; left: 0;
	width: 100%; height: 100%;
	cursor: pointer;
	background: rgba(255,255,255,0.85);
	opacity: 1;
	visibility: visible;
}

.popover.out2{
	z-index: -1;
	visibility: hidden;
	opacity:0;
}

.pop{
	position: fixed;	
	background: #343843;
	top: 50%; left: 50%;
	width: 600px; height: auto;
	overflow: hidden;
	cursor:default;
	transform: translate(-50%,-50%);
	color: #8F98AA;
	font-size: 16px;
}



.popover.out .pop{
	transform: scale(0.0);
}

.pop .popTitle{
	width: calc(100% - 30px);
	height: 30px;
	margin: 10px 15px;
}
.pop .popTitle i{
	float: left;
	width: 30px;
	text-align: center;
	height:30px; line-height:30px;	
}
.pop .popTitle b{
	font-weight: normal;
	height:30px; line-height:30px;	
}
.pop .popTitle s{
	margin-right: 10px;
}


.pop .scrollIN{
	height:85%; height: calc(100% - 40px) !important;	
	width:100% !important;
	overflow:hidden;
	overflow-y:auto;
}

.pop.s0{
	height: 80vh;	
}

.pop.slogin{
	box-shadow:0px 0px 0px 10px rgba(0,0,0,0.15),0px 0px 30px rgba(0,0,0,0.5);
	background-color: #343843;
	border-radius: 1px;	
	width: 400px;
}
.pop.slogin.error{
	box-shadow:0px 0px 0px 10px rgba(236,83,99,0.5);
		
}

.pop.slogin #PASSWORD{
	display: none;	
}

.pop.slogin .logi{
	width: calc(100% - 40px);
	padding: 0 20px 20px 20px;
}

.pop.slogin .logi input{
	background: none;
	line-height:40px;
	width: 100%;
	margin-bottom:20px;
	font-size:16px;
	margin: 0 0px 10px 0px;	
	text-align:center;
	font-family:inherit;
	border-radius: 0px;
	color: inherit;
	background: rgba(255,255,255,0.1);
}
.pop.slogin .logi input:focus{
	background: rgba(255,255,255,0.2);
	color:#fff;
}
.pop .logi_btn{
	background: rgba(255,255,255,0.1);
	padding:0px 10px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	float:right;
}
.pop .logi_btn:hover{
	background: rgba(255,255,255,0.2);
	color:#fff;
}

.pop.slogin .logi .logi_err,
.pop.slogin .logi .logi_mess{
	line-height:20px;
	color:#fff;
	padding: 10px 0;
	font-size: 12px;
}
.pop.slogin .logi .logi_err,
.pop.slogin .logi .logi_mess:empty{
	display:none;	
}

.pop.slogin .logi .logi_mess{
	line-height:20px;
	color:#333333;
	background: #eee;
	padding: 10px;
	width: calc(100% - 20px);
	font-size: 12px;
	border-radius: 3px;
	margin-bottom: 20px;
}

.pop.slogin .logi .logi_mess:before{
	position: absolute;
	bottom: -10px;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #eee transparent transparent transparent;
	content: "";
}

.pop.slogin .logi #REM{
	width: auto;
	height:30px;line-height:30px;
	cursor:pointer;	
}
.pop.slogin .logi #REM:hover{
	color:#fff;
}
.pop.slogin .logi #REM i{
	margin: 0px 5px 0px 0px;
	text-align:left;	
	font-size: 14px;
	width: 20px;
	text-align: center;
}
.pop.slogin .logi #REM i:before{
	font-family:'i153';
	content:'\e153';	
}
.pop.slogin .logi #REM.act i:before{
	font-family:'i154';
	content:'\e154';	
}


body.login .popover {
    background: none;
}



/*LOADER*/
#progress {
	position: fixed;
	bottom:0px;left:0px;
	height: 5px;
	width: 100%;
	background-color: #acece6;
	overflow: hidden; 
	z-index:10000;
}
#progress.out{
	bottom:-5px; 
}
 
#progress .indeterminate {
    background-color: #ff6461; 
	height: 5px;
	position:static;float:none;
}

#progress .indeterminate:before,
#progress .indeterminate:after{
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0; left: 0;
	bottom: 0;
	will-change: left, right;
	background-color: #333;
}
#progress .indeterminate:before{
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; 
}   
#progress .indeterminate:after {
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation-delay: 1.15s; 
}
	  

@-webkit-keyframes indeterminate {0%{left: -35%;right: 100%;}60%{left: 100%;right: -90%;}100%{left: 100%;right: -90%;}}

@-moz-keyframes indeterminate {0%{left: -35%;right: 100%;}60%{left: 100%;right: -90%;}100%{left: 100%;right: -90%;}}

@keyframes indeterminate {0% {  left: -35%;  right: 100%; }
60% {  left: 100%;  right: -90%; }
100% {  left: 100%;  right: -90%; } 
}

@-webkit-keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }
60% {  left: 107%;  right: -8%; }
100% {  left: 107%;  right: -8%; } 
}

@-moz-keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }
60% {  left: 107%;  right: -8%; }
100% {  left: 107%;  right: -8%; } 
}

@keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }
60% {  left: 107%;  right: -8%; }
100% {  left: 107%;  right: -8%; } 
}








@keyframes blink {
  50% {
		background:#41434f;
		color:#a3a9b5;
  }
}
@-webkit-keyframes blink {
  50% {
		background:#41434f;
		color:#a3a9b5;
  }
}
.blink {
	animation: blink 0.4s step-start 0s infinite;
	transition: background 0.3s ease, color 0.3s ease;
}