@charset "UTF-8";
/*
    Created on : 28.05.2016, 23:31:41
    Author     : Valery Shusharin <shusharin_valery@mail.ru>
*/
/*
    Fonts
*/
/* Circe */
@font-face {
  font-family: 'Circe-Light';
  src: url("../fonts/circe/CRC35.eot");
  src: local("тШ║"), url("../fonts/circe/CRC35.woff") format("woff"), url("../fonts/circe/CRC35.ttf") format("truetype"), url("../fonts/circe/CRC35.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe';
  src: url("../fonts/circe/CRC55.eot");
  src: local("тШ║"), url("../fonts/circe/CRC55.woff") format("woff"), url("../fonts/circe/CRC55.ttf") format("truetype"), url("../fonts/circe/CRC55.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe';
  src: url("../fonts/circe/CRC65.eot");
  src: local("тШ║"), url("../fonts/circe/CRC65.woff") format("woff"), url("../fonts/circe/CRC65.ttf") format("truetype"), url("../fonts/circe/CRC65.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
/* \Circe */
.navbar-default {
  background-color: #202028;
  border-color: #202028; }

.navbar-default .navbar-nav > li > a {
  color: #fff;
  transition: all 200ms;
}
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #EBAD57; }

.brand-nav-btn > a {
  background: #555563 !important;
  color: #ffffff !important;
  text-transform: uppercase;
  padding-left: 25px !important;
  padding-right: 25px !important;
  transition: all 200ms;
}
  .brand-nav-btn > a:hover {
    background: #4d4d59 !important; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #EBAD57;
  background-color: inherit; }

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  padding: 10px; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 13px 16px;
  line-height: 1.27; }

.btn-primary,
.btn-success {
  color: #fff !important;
  background-color: #555563 !important;
  border-color: #202028 !important;
  transition: all 200ms;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #555563;
  border-color: #555563;
  box-shadow: none !important;
}

.btn-primary {
  color: #fff;
  /*background: rgba(140, 198, 63, 1);*/
  background-color: #555563;
  border-color: #000; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  /*background-color: rgba(127, 182, 54, 0.5);*/
  background-color: #202028;
  border-color: #000; }

.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000; }

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #000; }

.bg-green {
  background: #8cc63f; }

* {
  font-family: Circe;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%; }

.page-login {
  background: #202028;
  position: relative; }
  .page-login .float-top-btn {
    position: absolute;
    right: 3%;
    top: 3%; }
  .page-login h1, .page-login h2 {
    text-transform: uppercase;
    text-align: center;
    margin: 0; }
  .page-login h1 {
    font-size: 1.7em; }
  .page-login h2 {
    font-size: 1.2em;
    color: #6d6e71; }
  .page-login form {
    margin-top: 5%; }
  .page-login .wrapper {
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle; }
  .page-login .center-wrap {
    display: table-cell;
    vertical-align: middle; }
  .page-login .center-help-wrap {
    position: relative;
    left: 50%;
    float: left; }
  .page-login .section {
    display: table;
    vertical-align: middle; }
  .page-login .section-wrapper {
    width: 110%;
    max-width: 1000px;
    position: relative;
    text-align: right;
    left: -50%; }
  .page-login .content-place {
    position: relative;
    left: -50%;
    background: rgba(255, 255, 255, 0.7);
    padding: 7%;
    min-width: 450px; }
  .page-login .btn {
    padding-left: 45px;
    padding-right: 45px; }

.pattern-overlay {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  opacity: .6; }

.overlay-white-dots {
  background: url(/images/white-dots.png); }

@media screen and (max-width: 500px) {
  .pattern-overlay {
    display: none; }

  .page-login .float-top-btn {
    position: static;
    display: block;
    background: #000; }
    .page-login .float-top-btn .btn {
      padding-left: 15px;
      padding-right: 15px; }
  .page-login .wrapper, .page-login .center-wrap, .page-login .center-help-wrap {
    display: block;
    height: auto;
    position: static;
    float: none;
    left: auto; }
  .page-login .content-place {
    min-width: 50px;
    display: block;
    position: static;
    height: 100%; } }

.page-login .logo {
  display: block;
  width: 35%;
  margin: 0 auto 2rem;
}