body{
	background:#f6f9fc
}
header{
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	height:53px;
	background:#fff;
	border-bottom:1px solid #ededed;
	box-shadow:0px 0px 10px rgba(0,0,0,.08);
	z-index:11
}
.grid{
	position:relative;
	max-width:984px;
	margin:0 auto
}
main .grid{
	max-width:600px
}
header .grid{
	height:100%
}

header .logo{
	width:50px;
	position:absolute;
	top:3px;
	bottom:3px;
	left:0;
	background-image:url("../img/favicon/favicon.svg");
	background-position:center center;
	background-size:35px 35px;
	background-repeat:no-repeat
}
header .tlogo{
	position:absolute;
	left:53px;
	top:3px;
	bottom:0;
	width:130px;
	background-image:url("../img/logo/t.svg");
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat
}

main{
	margin-top:60px
}
.item{
	position:relative;
	padding:15px 18px;
	margin-bottom:25px;
	border-radius:16px;
	background:#fff;
	box-shadow:3px 3px 8px #eaeaf2
}
.ftr_rules{
	display:inline-block;
	position:absolute;
	right:16px;
	top:14px
}

.grid a{
	text-decoration:underline;
	color:inherit
}

.htag{
	margin:0;
	text-align:center;
	font-size:20px;
	font-weight:500
}

.hdlinks,.authbtns{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:200px
}
.hdlinks div{
	position:relative;
	display:inline-block;
	padding:5px 10px;
	border-radius:10px;
	padding-left:34px;
	background:#fafafa;
	cursor:pointer
}
.hdlinks div:hover{
	background:rgba(210,225,255,.6)
}
.hdlinks div svg{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:8px;
	width:20px;
	height:20px;
	fill:#353535
}

.authbtns{
	left:auto;
	right:10px
}
.authbtns div{
	display:inline-block;
	padding:5px 10px;
	border-radius:30px;
	background:#000;
	color:#fff;
	cursor:pointer
}
.authbtns .reg{
	background:inherit;
	box-shadow:0 0 0 1px #353535;
	color:#000;
	margin-right:5px
}
.authbtns .reg:hover{
	color:#696969;
	box-shadow:0 0 0 1px grey
}
.authbtns .sign:hover{
	background:#696969
}

.btnmenu{
	display:none;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
	width:55px;
	height:100%
}
.btnmenu div{
	position:relative;
	width:100%;height:100%
}
.btnmenu svg{
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	width:35px;
	height:35px
}

.mobmenu{
	display:none;
	position:fixed;
	top:53px;
	left:0;right:0;
	background:#fff;
	z-index:10;
	box-shadow:0 6px 5px rgba(0,0,0,.3)
}
.mrgdmenu{
	width:100%;
	height:200px
}

.bfone,.bfone2{
	display:none;
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background:rgba(0,0,0,.8);
	z-index:9
}
.bfone2{z-index:12}
#btnmn2{display:none}

/* PUSH */
.psh{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	max-width:600px;
	overflow-y:auto;
	max-height:100%;
	padding:15px 0;
	z-index:15;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.psh .item{
	max-width:600px;
	min-height:200px;
	margin:15px auto
}
.psh::-webkit-scrollbar{
    display:none;width:0;height:0
}
.psh #cpsh{
	position:absolute;
	width:35px;height:35px;
	top:50%;transform:translateY(-50%);
	right:15px;
	right:-5px;
	padding:5px;
	border-radius:100%;
	z-index:1;
	cursor:pointer;
	fill:grey
}
.psh #cpsh:hover svg{
	fill:red
}
.psh #psh{
	display:none
}
.psh .ln{
	height:18px
}

.pozc{
	position:absolute;
	top:55%;left:50%;
	transform:translate(-50%,-50%)
}
#pshf{
	position:relative;
	width:56px;
	height:56px;
	border:3px solid #e8e8e8;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1s linear infinite
}
#pshf::after{
	content:'';  
	box-sizing:border-box;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:56px;
	height:56px;
	border-radius:50%;
	border:3px solid transparent;
	border-bottom-color:#000
}
@keyframes rotation{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
} 

#hpsh{
	display:block;
	padding-right:45px;
	min-height:30px;
	text-align:left;
	font-weight:600
}
.psh .item{
	box-shadow:none
}

.socauth div{
	border-radius:30px;
	padding:13px 18px;
	margin:10px 0 5px 0;
	border:1px solid #353535;
	cursor:pointer;
	text-align:center
}
.socauth div:active{
	transform:scale(.98)
}
.socauth div:hover{
	background:#fafafa
}
.socauth span{
	position:relative
}
.socauth svg{
	position:absolute;
	right:100%;
	margin-right:10px;
	width:24px;
	height:24px;
	top:50%;
	transform:translateY(-50%)
}

.ofertauth{
	font-size:12px;
	text-align:center;
	margin-top:15px
}
.ofertauth a{
	text-decoration:underline;
	color:#353535
}