@charset "utf-8";
@font-face{font-family:'rub-arial-regular';src:url(//yastatic.net/islands/_/GfkdHx765bSw7vSed11i7Pjffpk.woff2),url(//yastatic.net/islands/_/sIJpt2WHDXpNt0Pyuj-a0ZnY-h8.woff),url(//yastatic.net/islands/_/iOX23Z1CHz6YYv5o-NPNJCMNEco.ttf)}.i-font_face_rub-arial-regular{font-family:'rub-arial-regular'}
.clearfix:after{
	display: table;
	width: 100%;
	content: "";
	clear: both;
}

*{font-family:"Ubuntu",sans-serif;margin:0;padding:0;outline:none; text-decoration: none; list-style: none; box-sizing: border-box }
.filter{filter: blur(5px)}
a,a:visited,a:link,a:hover{color:#cee1f5}
.f15{font-size:15px}
.f18,h3{font-size:18px}
.f30, h1{font-size:30px}
.p15{padding:15px}
.icon24{width:24px;vertical-align:middle}
.bold{font-weight: 700}
.close{width:24px}
h3{font-weight: 300;letter-spacing:0.03em;margin: 5px 10px;padding: 10px 5px 15px;border-bottom: 1px solid rgba(206,224,255,0.5)}
body{background-color: #666d7d;background: #666d7d url(/im/cabinet-header-bg.jpg) no-repeat 0 center/cover;font-size: 15px}
header{min-height: 100vh}
.container, footer{position:relative;width: 1000px; color: #cee1f5;margin: 0 auto}
.top{padding: 10px 0;line-height: 30px}
.hamb{float: right;width: 30px;height:50px; display:none;position: relative;z-index:12;margin-right: 15px}
.hamb span{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; height: 2px;display:block;background:#cee1f5;margin-bottom: 9px}
.hamb span:first-child{margin-top:9px}
.hambact span:first-child{ position: relative; top: 10px; left: 0; transform: rotate(45deg); z-index: 15 }
.hambact span:last-child{ position: relative; top: 0; left: 0; transform: rotate(-45deg) }
.hambact span:nth-child(2){ display: none }
.menu{float: right; display: block;z-index:11}
.menu ul{text-align: right}
.menu li{display: block;float: left;line-height: 35px;margin-right: 15px;}
.menu a{font-size: 18px;font-weight: 300}
.menu img{width: 24px; vertical-align: middle; margin-right: 15px;display: none}
.menu .close{cursor:pointer;position: absolute;top:15px; right:0}
a.logo{font-size:30px;background: url(/im/logo-cabinet.svg) no-repeat 0 center/40px; margin: 0 20px 0; padding: 0 60px;height:40px;}
.right{float:right;text-align: right}
.right a{font-size: 18px;font-weight:300}
.right a.exit{border:1px solid; border-radius:10px;padding: 4px 17px;margin-left: 40px; transition: all.3s ease}
.right a.exit:hover{box-shadow: 0 0 10px rgba(255,255,255,0.6)}
.right img, .add img, .groups img.avatar{margin-right: 15px;width: 50px;height:50px;border-radius:50%;vertical-align: middle}
footer{margin-bottom: 15px;padding: 15px;border-radius: 10px}
footer div{color: #cee1f5;text-align: left;width: 482px;display: inline-block}
footer div.vk{text-align: right}
footer div.vk a{background: url(/im/vk-cabinet.svg) no-repeat 0 center/32px;font-size:15px;font-weight: 700;padding-left: 40px}
#popup{position: absolute;top:0;left:50%;width: 1000px;z-index: 11;margin-left:-500px;display:none}
#error{display: none;width:1000px;font-size: 15px;border-radius:10px;position:absolute;left:50%;top:70px;z-index:12;background: #ff9494;color: #880000;margin-left: -500px;}
#error h3{border-radius:10px;text-align: center;background: rgba(0,0,0,0.2);margin: 0;border: 0;font-weight: 700}
#errcont{padding:15px;color: #AA0000;margin: 0 2px 2px}
#errclose{cursor: pointer; padding: 5px; width:32px;position: absolute;top: 7px;right: 7px}
#error a{color: #4a505b;display: inline-block; padding: 10px}
#back{background-color: rgba(0,0,0,0.6);position:fixed; display: none;top:0;left:0;width:100%;height: 100%;height: 100vh}

#formauth{width: 900px;margin: 25px auto;text-align: center}
.authinfo{background: url(/im/enter-bg.jpg) no-repeat 0 0;width: 384px;height: 450px;display: inline-block;box-shadow: 5px 5px 25px rgba(255,255,255,0.3)}
.authinfo h2{text-align: left;font-size: 30px;padding: 285px 0 40px 25px}
.authinfo div{text-align: left;font-size: 16px;padding-left:25px;letter-spacing: 0.1em}
div.authform, #authmessage{display: inline-block;width: 460px;vertical-align: top;margin-top: 25px; background: rgba(0,0,0,0.3);margin-left: -3px;height: 400px;border-radius: 0 10px 10px 0;box-shadow: 0 0 30px rgba(255,255,255,0.3);}
.authhead{margin: 0 10px; border-bottom: 1px solid rgba(206,224,255,0.5);padding: 15px}
.authhead div, .authhead h1{cursor: pointer;font-weight: 700; font-size:18px; display: inline-block}
.authhead h1{margin-left: 30px}
.authhead div{color: #9caab9}
.authinp{margin: 0px auto;width: 295px;}
.authinp input::placeholder{color: #9caab9}
.authinp input{width: 100%;padding: 15px; margin-top: 15px;font-size: 18px;letter-spacing:0.1em;background: none;border: 0; border-bottom: 1px solid; color: #cee1f5;font-weight: 400}
.repass{float: right;display: inline-block; font-size: 15px;margin-top: 10px}
.authinp #actbut{font-size: 24px; font-weight: 700;border: 1px solid; border-radius: 10px; margin: 40px auto 0 auto;display: block;padding: 8px 25px;cursor: pointer;width: auto;letter-spacing:0}
.agrmt{text-align: center;font-size: 14px;margin: 0 55px 15px 55px}
.vkenter{padding: 4px 16px;margin: 15px;font-size: 14px;display: inline-block;line-height: 15px;text-align: center;background: #5181b8;border-radius: 4px}
.vkenter img{width: 24px;vertical-align: middle;margin-right: 10px}
.checking{display: none;margin: -7px 0 0 -16px; vertical-align: middle; width: 16px}
#authhide{display:none}
#remind{padding: 15px; letter-spacing: 0.03em;color: #90df69;text-align: justify}
.rub{font-family: 'rub-arial-regular';}
@media screen and (max-width: 1030px) {
	body{background: #666d7d url(/im/cabinet-header-bg-mobile.jpg) no-repeat 0 0/cover}
	.container{ max-width: 320px }
	a.logo{
		line-height: 40px;
		padding: 0 0 0 60px
	    margin: 0 15px;
	}
	#hamb{ display: block }
	.menu{ display: none }
	footer{ text-align: center }
	footer div, footer div.vk{
		width: 100%;
		margin: 0 auto 30px auto;
		text-align: center
	}
	footer div.vk{ margin-bottom: 15p }
	#formauth{
		width: auto;
		margin: 0
	}
	.authhead{border: 0}
	.authinfo{display:none}
	div.authform, #authmessage{
		height: auto;
		width: auto;
		border-radius: 10px;
		margin: 0;
	}
	.authinp{margin: 0 15px}
	.authhead div, .authhead h1{margin: 0 0 10px 0}
	.agrmt{margin: 0 15px 15px 15px}
	.authinp #actbut {padding: 8px 15px; margin: 40px auto 25px auto}
	#error{
		width: 300px;
		margin-left: -150px;
	}
	#popup{
		width: 320px;
		margin-left: -160px;
	}
	.menu{
		position: absolute;
		top: 0;
		left: 0;
		background:rgba(108,114,128, 0.95);
		width: 100%;
		padding: 45px 15px 15px;
	}
	.menu ul{ text-align: left }
	.menu li{ float: none; }
	.menu li img{ display: inline}
}