html, body {
  height: 100%;
  font-family: "Proxima Nova", sans-serif;
}


html body:not(.mobile) .welcome .auth_logo, body body:not(.mobile) .welcome .auth_logo {
  top: 50%;
  left: 50%;
  width: 440px;
  height: 48px;
  margin-left: -220px;
  background-size: 1000px auto;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  }
body {
  line-height: 1;
  font:normal 14px/21px "Arial",sans-serif;
  color:#000;
  overflow-x: hidden;
  }
header, nav, article, footer, section {
  display:block;
  }

h1, h2, h3, h4, h5, h6, p { margin:0 0 20px 0; }
a, a:visited {
  color:#000;
  text-decoration:none;
  outline:none;
  }
a:hover {
  color:#003cff;
  text-decoration:underline;
  }
a.under {
  text-decoration:underline;
  }
ol, ul {
  list-style: none;
  }
img {
  border:0;
  -ms-interpolation-mode: nearest-neighbor;
  }
blockquote, q {
  quotes: none;
  }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
  }

:focus {
  outline: 0;
  }

ins {
  text-decoration: none;
  }
del {
  text-decoration: line-through;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
  }
table td {
  vertical-align:top;
  text-align:left;
  }


@font-face {
  font-family: 'Proxima Nova';
  src: url('//village.com.kz/gui/proximanova-regular-f980b7697eafe17c5dca217b5d833b15ac2ee9e4205c92b8e347d387e3a7d87f.eot');
  src: url('//village.com.kz/gui/proximanova-regular-f980b7697eafe17c5dca217b5d833b15ac2ee9e4205c92b8e347d387e3a7d87f.eot?#iefix') format('embedded-opentype'),
       url('//village.com.kz/gui/proximanova-regular-57c4c5b68af590684bca82bc44caef8fb95937e039139b11491460dbcbbef2bc.woff') format('woff'),
       url('//village.com.kz/gui/proximanova-regular-1198ea009cf1767213f1f4b59a2583d1ef453a92126881994a2074cfea4213f0.ttf') format('truetype'),
       url('//village.com.kz/gui/proximanova-regular-9e9c81cb435deb81e0f3c0205b8efbf5dceb378209c39d3fe4b34eabc32f7a0a.svg#proxima_novaregular') format('svg');
  font-weight: normal;
  font-style: normal;
  }


@font-face {
  font-family: 'Proxima Nova';
  src: url('//village.com.kz/gui/proximanova-bold-89d01bc73c845a9e877e876d19ce93067b70a87fefd0fe9b8eb22b98db5b8fa7.eot');
  src: url('//village.com.kz/gui/proximanova-bold-89d01bc73c845a9e877e876d19ce93067b70a87fefd0fe9b8eb22b98db5b8fa7.eot?#iefix') format('embedded-opentype'),
       url('//village.com.kz/gui/proximanova-bold-e81f55eaa6b8586827651c5d05c051cec9cd39efa10375589682e56676840d53.woff') format('woff'),
       url('//village.com.kz/gui/proximanova-bold-656e503158b9a44521438d820c902d1bb98f01cca52310a302e2c6a090e779be.ttf') format('truetype'),
       url('//village.com.kz/gui/proximanova-bold-6b78706fdbcc9d08a6fde1f2e61074b3acd17aabdc18f435fbfa61e6323c78bd.svg#proxima_novabold') format('svg');
  font-weight: bold;
  font-style: normal;
  }
@charset "UTF-8";


.auth_web_app {
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999999;
  overflow: auto;
}


.auth_bubbled {
  position: absolute;
  font-family: "Proxima Nova", sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 447px;
  background: #1C1B1A url(//village.com.kz/gui/grid-auth/big_bg-bbee549f3783aa602d11afa775110134644c59530680387aca95476313790269.jpg) right bottom;
  background-size: cover;
  padding: 135px 0 110px;
  z-index: 1000;
  overflow: auto;
}


.auth_bubbled .auth_bg-preloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAABaElEQVR4AQ3NVYKcMAAAUM7Xz7q7js%2FgbBKyRIkOBFnX%2F56xfRd4EUcF2G%2FaKh1bOWorUA2zwhA1K4WTg%2BMqaI9zKGvuhNbERPHqFziszyS5C%2BEqzNluD%2BM4KD8oxwA6d15AfFqi9eLrq7dP3r9%2FFu1%2B%2F74KvZfKCRaMkk3jGDmt6qt%2BuJkmRSg9ycp86SSpqySJl5HEQBFRbRZHybxgjovRewJBlWzOOt0pIU7xaORlb%2B8uzu%2Bv7yIQ77J9Ksudb6AV1FI8OMsbtPz1QXMcrDKEnDvbK62F6I2Jis36yJq%2Fj4%2BSEIYqiavRqYsxXI1Db2xwvrOKIdxp2zunGY96QUkZo%2F3Gt9JyImE5ez37djqawbvzEG6ub7QUGKKLafr%2FRSdJymEJDltZxBJWME8dQYpAiopZ876Vk%2FekrgWhZ2Eej32Eq6IBlVV8pLCjoOVI4hOQ5fsfH8D%2BN9gtOrgrNguYZ5MzLZf%2FAArU34SMWpH%2FAAAAAElFTkSuQmCC) center;
  background-size: cover;
}


.auth_bubbled:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}


.auth_bubbled.auth_loaded .auth_bg-preloader {
  opacity: 0;
}

@-webkit-keyframes auth_bg {
  0% {
    background-position: 50% 0;
  }
  100% {
    background-position: 50% -100vw;
  }
}

@keyframes auth_bg {
  0% {
    background-position: 50% 0;
  }
  100% {
    background-position: 50% -100vw;
  }
}



body .auth_logo {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 206px;
  height: 43px;
  margin-top: -26px;
  margin-left: -103px;
  background-size: 500px auto;
  z-index: 2;
}


.auth_logo svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #FFF;
}



.auth_form-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 268px;
  min-height: 447px;
  margin: -223.5px 0 0 -134px;
}


.auth_login_block {
  font-family: "Proxima Nova", sans-serif;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  
}


.auth_login_block .title {
  text-align: center;
}


.auth_login_block .auth_logo_caption {
  text-align: center;
  font-size: 15px;
  color: #FFF;
}


.auth_login_block p {
  margin: 0 0 20px;
}


.auth_login_block .auth_login_form_menu {
  width: 268px;
  margin: 0 auto 20px;
}


.auth_login_block .auth_login_form_menu .auth_login_menu_links {
  overflow: hidden;
  width: 100%;
}


.auth_login_block .auth_login_form_menu .auth_login_menu_links li {
  float: left;
}


.auth_login_block .auth_login_form_menu .auth_login_menu_links a, .auth_login_block .auth_login_form_menu .auth_login_menu_links a:hover {
  display: block;
  width: 134px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  padding: 0 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}


.auth_login_block .auth_login_form_menu .auth_login_menu_links a:hover {
  color: rgba(255, 255, 255, 0.7);
}


.auth_login_block .auth_login_form_menu .auth_login_menu_links li.active a, .auth_login_block .auth_login_form_menu .auth_login_menu_links li.active a:hover {
  cursor: pointer;
  color: #FFF;
  border-bottom: 1px solid #FFF;
}


.auth_login_block .auth_login_social_links {
  margin: 0 auto;
  position: relative;
  width: 268px;
  font-size: 14px;
  color: #FFF;
}


.auth_login_block .auth_login_social_links p {
  text-align: center;
  font-size: 15px;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list {
  text-align: center !important;
  font-size: 0 !important;
  line-height: 0;
  margin: 0 auto 15px;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list:after {
  content: '';
  display: inline-block;
  width: 100%;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li {
  display: inline-block;
  width: 30px;
  vertical-align: top;
  margin: 0 5px 10px;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li a {
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li a svg {
  display: block;
  width: 30px;
  height: 30px;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li a.facebook svg {
  fill: #3B5998;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li a.twitter svg {
  fill: #2AA9E0;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li a.vkontakte svg {
  fill: #5181b8;
}


.auth_login_block .auth_login_social_links .auth_login_social_link_list li a.spinner {
  background-position: -132px -24px;
  -webkit-animation: auth_rotate 1s linear infinite;
  -moz-animation: auth_rotate 1s linear infinite;
  animation: auth_rotate 1s linear infinite;
}


.auth_login_block .auth_login_social_links .auth_separator {
  text-align: center;
  position: relative;
  letter-spacing: 1px;
  line-height: 14px;
  overflow: hidden;
  margin: 15px 0 20px;
  font-size: 14px;
  color: #FFF;
}


.auth_login_block .auth_login_social_links .auth_separator:before, .auth_login_block .auth_login_social_links .auth_separator:after {
  display: block;
  content: '';
  width: 50%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 7px;
}


.auth_login_block .auth_login_social_links .auth_separator:before {
  left: -22px;
}


.auth_login_block .auth_login_social_links .auth_separator:after {
  right: -22px;
}


.auth_login_block .auth_login_form {
  color: #FFF;
  font-size: 15px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 268px;
  a-text-decoration: underline;
  a-color: #FFF;
  
}


.auth_login_block .auth_login_form .auth_change {
  margin: 20px 0 0;
  line-height: 100%;
  font-size: 14px;
  color: #FFF;
}


.auth_login_block .auth_login_form .auth_change a {
  color: #FFF;
  text-decoration: none;
}


.auth_login_block .auth_login_form .auth_change a:hover {
  color: #FFF;
  text-decoration: underline;
}


.auth_login_block .auth_login_form .auth_login_form--profile-description {
  color: #FFF;
  font-size: 15px;
}


.auth_login_block .auth_login_form .auth_login_form--profile-avatar_wrapper {
  margin: 0 auto;
  height: auto;
}


.auth_login_block .auth_login_form .auth_login_form--profile-avatar_wrapper .auth_login_form--profile-avatar {
  border-radius: 50%;
  width: 90px;
  margin: 0 0 20px;
}


.auth_login_block .auth_login_form .auth_login_form--profile-change {
  margin-top: 30px;
}


.auth_login_block .auth_login_form .auth_login_form--profile-change a {
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.5px;
  font-variant: small-caps;
  text-transform: lowercase;
  text-decoration: none;
}


.auth_login_block .auth_login_form .auth_login_form-disclaimer {
  margin: 20px 0 0;
  line-height: 16px;
  font-size: 12px;
  color: #FFF;
}


.auth_login_block .auth_login_form .auth_login_form-disclaimer a {
  color: #FFF;
  text-decoration: underline;
}


.auth_login_block .auth_login_form .auth_login_form-fields {
  margin-bottom: 20px;
}


.auth_login_block .auth_login_form .g-recaptcha {
  transform: translateX(50%);
}


.auth_login_block .auth_login_form .g-recaptcha iframe {
  transform: translateX(-50%);
}


.auth_login_block .auth_login_form .auth_login_form-inputs-group {
  margin-bottom: 20px;
}


.auth_login_block .auth_login_form .auth_login_form-text-input {
  position: relative;
  font-size: 15px;
  color: #FFF;
}


.auth_login_block .auth_login_form .auth_login_form-text-input input {
  outline: none;
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.6) !important;
  
  -webkit-text-fill-color: #FFF !important;
  
  color: #FFF !important;
  
}


.auth_login_block .auth_login_form .auth_login_form-text-input input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: none;
  box-sizing: border-box;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0px;
  height: 44px;
  margin: 1px 0 0;
  padding: 0 20px;
  position: relative;
  z-index: 1;
  width: 100%;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  font-family: "Proxima Nova", sans-serif;
  font-size: 15px;
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:hover {
  cursor: pointer;
}


.auth_login_block .auth_login_form .auth_login_form-text-input input.auth_login_form-text-input--first {
  border-radius: 3px 3px 0 0;
  margin-top: 0px;
}


.auth_login_block .auth_login_form .auth_login_form-text-input input.auth_login_form-text-input--last {
  border-radius: 0 0 3px 3px;
}


.auth_login_block .auth_login_form .auth_login_form-text-input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:focus:-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}


.auth_login_block .auth_login_form .auth_login_form-text-input input.auth_login_form-text-input--error {
  background-color: rgba(39, 10, 18, 0.6);
}


.auth_login_block .auth_login_form .auth_login_form-text-input .auth_login_form-error-tooltip {
  display: block;
  width: 18px;
  height: 18px;
  background-position: -260px 0;
  background-image: url(//village.com.kz/gui/grid-auth/sprite-5d0d298c3c81a4ef0fd6323408f72d5a8e5821540e11744f8626544d169e931d.png);
  background-size: 500px auto;
  background-repeat: no-repeat;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
  cursor: pointer;
}


.auth_login_block .auth_login_form .auth_login_form-text-input .auth_login_form-error-tooltip:hover {
  background-position: -260px -18px;
}


.auth_login_block .auth_login_form .auth_login_form-text-input .auth_login_form-error-tooltip span {
  
  position: absolute;
  background: #000000;
  color: #FFF;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  bottom: 25px;
  left: -84px;
  width: 170px;
  font-size: 12px;
  font-style: normal;
  opacity: .9;
}


.auth_login_block .auth_login_form .auth_login_form-text-input .auth_login_form-error-tooltip span:after {
  display: block;
  content: '';
  border-top: 6px solid #000000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
}


.auth_login_block .auth_login_form .auth_login_form-text-input .auth_login_form-error-tooltip:hover span {
  display: block;
}


.auth_login_block .auth_login_form .auth_login_form-btn {
  background: #F3CA62;
  color: #000;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 46px;
  outline: none;
  overflow: visible;
  vertical-align: top;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 24px;
  line-height: 46px;
  font-family: "Proxima Nova", sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.4px;
}


.auth_login_block .auth_login_form .auth_login_form-btn.auth_login_form-btn-white {
  background-color: rgba(0, 0, 0, 0.6);
}


.auth_login_block .auth_login_form .auth_login_form-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}


.auth_login_block .auth_login_form .auth_login_form-btn::-moz-focus-inner span {
  border: 0;
  padding: 0;
  margin: 0;
}


.auth_login_block .auth_login_form .auth_login_form-btn:hover {
  text-decoration: none;
  background-color: #D5A428;
}


.auth_login_block .auth_login_form .auth_login_form-btn.auth_login_form-btn--disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.2);
  cursor: not-allowed;
}


.auth_login_block .auth_login_form .auth_login_form-btn.auth_login_form-btn--loading {
  background-image: -webkit-linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25));
  background-image: -moz-linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25));
  background-image: -o-linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25));
  background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25));
  background-size: 40px 40px;
  -webkit-animation: auth-loading 2s linear infinite forwards;
  -moz-animation: auth-loading 2s linear infinite forwards;
  animation: auth-loading 2s linear infinite forwards;
}


.auth_login_block .auth_login_form .auth_login_form-social {
  margin: 0 auto 5px;
}


.auth_login_block .auth_login_form .auth_login_form-social-logo {
  display: inline-block;
  background-image: url(//village.com.kz/gui/grid-auth/sprite-5d0d298c3c81a4ef0fd6323408f72d5a8e5821540e11744f8626544d169e931d.png);
  background-size: 500px auto;
  width: 30px;
  height: 24px;
  opacity: 0.86;
}


.auth_login_block .auth_login_form .auth_login_form-social-logo.vk {
  background-position: 0px -48px;
}


.auth_login_block .auth_login_form .auth_login_form-social-logo.fb {
  background-position: -34px -48px;
}


.auth_login_block .auth_login_form .auth_login_form-social-logo.tw {
  background-position: -68px -48px;
}


.auth_login_block .auth_login_form .auth_login_form-social-logo.gplus {
  background-position: -102px -48px;
}



.auth_spinner_wrap {
  margin: 170px 0 0 -20px;
  position: relative;
}


.auth_spinner_wrap .auth_spinner {
  top: 50%;
  left: 50%;
  z-index: 999;
  margin: -75px 0 0 -75px;
  width: 175px;
  height: 175px;
  display: block;
  position: absolute;
  border: 3px solid rgba(0, 0, 0, 0.6);
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: auth-spinner-rotate 1.5s linear infinite;
  animation: auth-spinner-rotate 1.5s linear infinite;
}


.auth_spinner_wrap .auth_spinner:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  display: block;
  border: 3px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

@-webkit-keyframes auth-spinner-rotate {
  0% {
    -webkit-transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(405deg);
  }
}

@keyframes auth-spinner-rotate {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}


@-webkit-keyframes auth-loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@-moz-keyframes auth-loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@keyframes auth-loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@-moz-keyframes auth_rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes auth_rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes auth_rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.mobile .auth_top_errors_block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 12px;
  background-color: #ed2100;
  text-align: center;
  font-size: 15px;
  color: #FFF;
}


.mobile .auth_top_errors_block li {
  padding: 10px 0;
}


.mobile .auth_logo {
  transform: scale(0.6);
}


.mobile .auth_login_block .auth_login_form .auth_login_form-text-input .auth_login_form-error-tooltip {
  display: none;
}