@charset "utf-8";
@import url('fira/fonts.css?family=Fira+Sans+Condensed:100,200,300,400,500,600,700,800,900&subset=cyrillic,cyrillic-ext,latin-ext');
@import url(robo/fonts.css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic-ext,cyrillic,latin-ext);
@import "icon/icon.css";
html, body {
	text-align: center;margin: 0;padding: 0;width: 100%;height:100%;font-size: 14px;line-height: 1.3em;font-family:'Roboto Condensed', sans-serif;color: #474747;font-weight: 400;cursor:default;min-width:1000px;
	background: #fff;
}
img {border:none; max-width:100%;}
*, *::before, *::after{box-sizing:border-box;}
address, article, aside, figcaption, figure, footer, header, main, nav, section, ol{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5, dl, p{margin:0;padding:0;}
input, textarea, select {font-family: 'Roboto Condensed', sans-serif;line-height:17px; font-size:17px; font-weight:400; -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto; user-select: auto;}
button{font-family: 'Fira Sans Condensed', sans-serif;-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none;}
*:focus {outline: none;}
iframe{max-width:100% !important;border:none;}
a{text-decoration:none;color: #000;}
[fm]{font-family: 'Fira Sans Condensed', sans-serif;}
[cm]{display:flex;align-items: center;justify-content: center;}
[clear]{clear:both;}
[txl]{text-align:left;}
[txr]{text-align:right;}
[txc]{text-align:center;}
[pr]{position:relative;}
[pa]{position:absolute;}
[cp]{cursor:pointer;}
.sipad{padding:9% 0 0 0;}

.login{width:100%;max-width:390px;margin:0 auto;padding:35px;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);}
.login article{width:190px;margin:0 auto;padding:0 25px 0 0;}
.login section{padding:35px 0 0 0;}
.login section dl{margin:15px 0;}
.login section dl i{height:30px;left:6px;top:6px;width:30px;border:50%;font-size:18px;border-radius:50%;color: rgba(0,0,0,0.4);}
[inpt] input{width:100%;padding:0 18px 0 45px;height:42px;border:2px solid rgba(0,0,0,0);border-radius:22px;background: #f2f2f2;vertical-align:top;transition:all 0.2s ease;}
.login section dl input:hover ~ i{color:#ff7336;}
.login section dl input:focus{padding-left:47px;transition:all 0.2s ease;background: #fff7dd;}
.login section dl input:focus ~ i{background: #ff7f47;color: #fff;transition:all 0.2s ease;}
.pssw{font-size:17px;letter-spacing:2px;}
.login section dl span{width:40px;height:100%;right:0;top:0;font-size:17px;color: #999;}
.login section dl span:hover{color: #777;}
.signin{width:100%;height:40px;border-radius:22px;background: #34a7ff;font-size:15px;color: #fff;}
.signbt{padding:20px 0 0 0;}
.signin:hover{background: #1d9dff;}

::-moz-selection { background: #caff86 !important; color: #222;}
::selection { background: #caff86 !important; color: #222;}
input::-moz-selection { background: #a7f541 !important; }
input::selection { background: #a7f541 !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {font-size:17px;border: none;border-radius:22px;-webkit-text-fill-color: #474747;-webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;transition: background-color 5000s ease-in-out 0s;}
::-webkit-input-placeholder {font-size:15px;letter-spacing:0;}
:-ms-input-placeholder {font-size:15px;letter-spacing:0;}
::placeholder {font-size:15px;letter-spacing:0;}
