html, body { height: 100%; }
body { font-family: 'Roboto', sans-serif; color: #394351; font-size: 15px; padding-top: 100px; }

a { color: #3357b5; text-decoration: underline; }
a:hover, a:focus { color: #3357b5; text-decoration: none; }
a.text-info:hover, a.text-info:focus { color: #3357b5; }

/* ===== Alerts ===== */

.alert { padding: 13px 14px 14px 14px; margin-bottom: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.alert i { float: left; margin-right: 8px; }
.alert h6 { margin-top: 0; }
.alert .alert-link { font-weight: 600; }
.alert .btn { margin-top: 14px; }
.alert hr { margin: 12px -14px }
button.close { font-weight: normal; }

/* Success */

.alert-success { color: #2D552D; background-color: #F5FAF4; border-color: #D6E9C6; }
.alert-success hr { border-top-color: #D6E9C6; }
.alert-success .alert-link { color: #2D552D; }

/* Danger */

.alert-danger { background-color: #e61f3f; border-color: #e61f3f; color: #fff; }
.alert-danger hr { border-top-color: #EED3D7; }
.alert-danger .alert-link { color: #923E3C; }

.text-warning { color: #f2ab3b; }
.text-danger { color: #e61f3f; }
.text-info { color: #3357b5; }

.media, .media-body { overflow: hidden; zoom: 1; }
.media-body { width: 10000px; }
.media-body, .media-left { display: table-cell; vertical-align: middle; }

i[class*="icon-"] { background-image: url('../images/icons.png'); background-repeat: no-repeat; display: inline-block; position: relative; }
.icon-brace { width: 20px; height: 224px; background-position: -62px 0px; }
.i20x20 { width: 20px; height: 20px; top: 2px; margin-right: 9px; }
.icon-calendar { background-position: 0px -30px; }
.icon-razmer { background-position: -22px -52px; }
.icon-ranked { background-position: 0px -52px; }
.icon-phone { background-position: 0px -74px; }
.icon-phone2 { background-position: -64px -384px; }
.icon-mode { background-position: -22px -74px; }
.icon-address { background-position: -22px -30px; }
.icon-instagram { background-position: -60px -226px; }
.i60x60 { width: 60px; height: 60px; }
.icon-benefit-1 { background-position: 0px -220px; }
.icon-benefit-2 { background-position: 0px -158px; }
.icon-benefit-3 { background-position: 0px -96px; }
.icon-benefit-4 { background-position: 0px -282px; }
.icon-benefit-5 { background-position: 0px -344px; }

label { text-transform: uppercase; color: #394351; font-size: 14px; }

.form-group { margin-bottom: 20px; }

.form-control {
  padding: 9px 10px 8px;
  font-size: 15px;
  border: 1px solid #dfe1ed;
  box-shadow: none;
  border-radius: 3px;
  height: auto;
}

.form-control:focus {
  border-color: #abaebd;
  box-shadow: none;
}

/* Error inputs */

.has-error .help-block, 
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline,
.has-error .form-control-feedback {
  color: #e61f3f;
}

.has-error .form-control,
.has-error .form-control:focus {
  border-color: #e61f3f;
  box-shadow: none;
}

.btn i { margin-right: 8px; }
.btn {
  padding: 10px 27px 8px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn-sm {
    padding: 1px 24px;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-lg {
    padding: 17px 58px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn:active,
.btn.active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Button white */
.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #e61f3f;
}

/* Button danger */

.btn-danger {
  background-color: #e61f3f;
  border-color: #e61f3f;
}
.btn-border-danger, .btn-border-danger:focus {
    background-color: transparent;
    border-color: #e61f3f;
    color: #e61f3f;
}
.btn-danger:hover, .btn-border-danger:hover, .btn-white:hover,
.btn-danger:focus {
  background-color: #e61f3f;
  border-color: #e61f3f;
  color: #fff;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(230,31,64,0.25);
-moz-box-shadow: 0px 5px 20px 0px rgba(230,31,64,0.25);
box-shadow: 0px 5px 20px 0px rgba(230,31,64,0.25);
}
.btn-danger:active, .btn-border-danger:active, .btn-white:active,
.btn-danger.active, .btn-border-danger.active, .btn-white.active,
.open .dropdown-toggle.btn-danger {
  background-color: #e61f3f;
  border-color: #e61f3f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-danger:active:hover, .btn-danger.active:hover, .btn-border-danger:active:hover, .btn-border-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #d21f3c;
    border-color: #d21f3c;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #C75549;
  border-color: #C75549;
}

/* Button info */

.btn-info {
  background-color: #3357b5;
  border-color: #3357b5;
}
.btn-border-info, .btn-border-info:focus {
    background-color: transparent;
    border-color: #3357b5;
    color: #3357b5;
}
.btn-info:hover, .btn-border-info:hover,
.btn-info:focus {
  background-color: #3357b5;
  border-color: #3357b5;
  color: #fff;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(51,88,181,0.25);
-moz-box-shadow: 0px 5px 20px 0px rgba(51,88,181,0.25);
box-shadow: 0px 5px 20px 0px rgba(51,88,181,0.25);
}
.btn-info:active, .btn-border-info:active,
.btn-info.active, .btn-border-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #3357b5;
  border-color: #3357b5;
    -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-info:active:hover, .btn-info.active:hover, .btn-border-info:active:hover, .btn-border-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #2f4fa5;
    border-color: #2f4fa5;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #4DA2B8;
  border-color: #4DA2B8;
}



/* Button default */

.btn-default {
  background-color: #dfe1ed;
  border-color: #dfe1ed;
  color: #8e94b8;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #8e94b8;
  background-color: #dfe1ed;
  border-color: #dfe1ed;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(223,225,237,0.25);
  -moz-box-shadow: 0px 5px 20px 0px rgba(223,225,237,0.25);
  box-shadow: 0px 5px 20px 0px rgba(223,225,237,0.25);
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #dfe1ed;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  background-color: #ced0da;
  border-color: #ced0da;
  color: #8e94b8;
}

/*===== Uniform. Checkbox =====*/

.checker, .checker span, .checker input {
  width: 18px;
  height: 18px;
}
.checker {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.checker span {
  border: 1px solid #dfe1ed;
  border-radius: 3px;
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  position: relative;
}
.checker span:after {
  content: "";
  background: url(../images/forms/check.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(Opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.checker span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(Opacity=100);
}
.checker.focus span.checked:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.checkbox-danger .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-danger .checker span:hover {
  border-color: #D65C4F;
}
.checkbox-danger .checker:active span, 
.checkbox-danger .checker.active span, 
.checkbox-danger .checker span.checked {
  border-color: #D65C4F;
  background-color: #D65C4F;
}

.checkbox-success .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-success .checker span:hover {
  border-color: #65B688;
}
.checkbox-success .checker:active span, 
.checkbox-success .checker.active span, 
.checkbox-success .checker span.checked {
  border-color: #65B688;
  background-color: #65B688;
}

.checkbox-primary .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-primary .checker span:hover {
  border-color: #455763;
}
.checkbox-primary .checker:active span,
.checkbox-primary .checker.active span,
.checkbox-primary .checker span.checked {
  border-color: #455763;
  background-color: #455763;
}

.checkbox-info .checker span:after {
  content: "";
  background-image: url(../images/forms/check_white.png);
}
.checkbox-info .checker span:hover {
  border-color: #3357b5;
}
.checkbox-info .checker:active span, 
.checkbox-info .checker.active span, 
.checkbox-info .checker span.checked {
  border-color: #3357b5;
  background-color: #3357b5;
}

input[type="checkbox"].styled {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}

.checker:active span, .checker.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.checker.focus span, .checker:hover span {
  background-color: #fafafa;
}
.checker.focus:active span.checked:after, 
.checker:hover:active span.checked:after, 
.checker.active:hover span.checked:after, 
.checker.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.checker.disabled span, 
.checker.disabled:active span, 
.checker.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checker.disabled span.checked, 
.checker.disabled:active span.checked, 
.checker.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checker.disabled span.checked:after, 
.checker.disabled:active span.checked:after, 
.checker.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

/**** ****/

/*===== File uploader =====*/

.uploader {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #dfe1ed;
  background: #fff;
  padding: 5px 5px 5px 10px;
  border-radius: 3px;
}
.has-success .uploader { border-color: #3c763d; webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .uploader { border-color: #e61f3f; }
.uploader span.action {
  cursor: pointer;
  float: right;
  display: inline;
  overflow: hidden;
  margin-top: 1px;
}
.uploader span.filename {
  color: #abaebd;
  cursor: pointer;
  max-width: 200px;
  font-size: 15px;
  line-height: 28px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

.uploader input[type=file] {
  width: 100%;
  margin-top: 0;
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 40px;
  border: none;
  cursor: pointer;
}

.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.uploader.disabled span.action {
  color: #aaa;
}
.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}

.help-block-error { font-size: 13px; }

.bg-enter { background-color: #e6eaf2; }
.login-form, .reset-password { width: 380px; /*margin-top: -230px; margin-left: -190px;*/ }
.request-password { width: 380px; /*margin-left: -190px; margin-top: -182px;*/ }
.signup-form { width: 580px; /*margin-left: -290px; margin-top: -337px;*/ }

.enter-wrapper { margin: 0 auto; -webkit-box-shadow: 0px 5px 20px 0px rgba(142,148,184,0.25); -moz-box-shadow: 0px 5px 20px 0px rgba(142,148,184,0.25); box-shadow: 0px 5px 20px 0px rgba(142,148,184,0.25); }
.enter-header { background-color: #3357b5; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.enter-title { margin: 0; font-weight: 500; padding: 20px 20px 21px; color: #fff; }
.enter-body { background-color: #fff; padding: 36px 40px 40px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.enter-body .form-group { margin-bottom: 15px; }
.enter-body .checkbox label { padding-left: 0px; }
.enter-body .form-actions { margin-top: 20px; }
.enter-text { line-height: 1.25; margin-bottom: 31px; }
.enter-help-text { color: #737f8f; font-size: 13px; }
.field-loginform-rememberme label { color: #737f8f; }
.signup-help-text { color: #737f8f; font-size: 13px; text-transform: uppercase; }
#uniform-signupform-agree, .signup-agree { display: table-cell; vertical-align: top; }
#uniform-signupform-agree { padding-right: 10px; }
.signup-agree { color: #737f8f; font-size: 13px; }
.signup-form .enter-body { padding-bottom: 20px; }

.enter-table { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
.enter-table table { height: 100%; margin: 0 auto; border-spacing: 0; border-collapse: collapse; }
.enter-table table td { padding: 0; margin: 0; border: 0; vertical-align: middle; }

input[type="checkbox"].password-switch {
  display: none;
}
input[type="checkbox"].password-switch + label {
  cursor: pointer;
  position: absolute; top: 10px; right: 10px;
}
.password-switch:checked + label i:before {
    content: "\e245";
}
.password-switch:not(checked) + label i:before {
    content: "\e247";
}

.password-switch-wrap { position: relative; }

.navbar:after {
    position: absolute;
    z-index: 1030;
    bottom: -1px;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    background-color: rgba(0,0,0,0.1);
}
.navbar { margin-bottom: 0; }
.navbar-fixed-top { border: none; }
.navbar-default { background-color: #fff; }
.navbar-brand { height: auto; padding: 14px 10px; display: inline-block; }
.nav-phone { float: right;  margin: 10px 10px 0 0; border: 1px solid #3357b5; }
.nav-phone a { display: block; padding: 9px 10px 3px; line-height: 20px; }
.nav-phone i { margin: 0; top: 0; }
#menu-left { margin: 30px 0px 30px 30px; }
#menu-left > li > a { padding-top: 10px; padding-bottom: 10px; color: #737f8f; font-size: 1.2em;/*18px;*/ font-weight: 300; text-decoration: none; }
#menu-left > li + li { border-left: 1px solid #dfe1ed; }
#menu-left > li > a:hover, #menu-left > li > a:focus { color: #394351; }
#menu-left > .active > a, #menu-left > .active > a:hover, #menu-left > .active > a:focus { color: #394351; background-color: transparent; }
#menu-right { position: relative; }
#menu-right .btn { min-width: 140px; }
#menu-right .btn + .btn { margin-left: 17px; }
.menu-right-wrap { padding: 0px 10px; }
.menu-phone { font-size: 1.2em; font-weight: 300; line-height: 1; padding: 11px 0px; text-align: right; }
.menu-phone a span { font-weight: bold; }
.menu-phone a { text-decoration: none; color: #394351; }
.menu-phone a i { top: 4px; }

.section { position: relative; overflow: hidden; }
.section-title { font-size: 2.4em;/*36px;*/ margin: 0px 0px 1.2em;/*0 0 18px;*/ font-weight: bold; text-transform: uppercase; text-align: center; }
.section-title span, .section-subtitle { font-weight: 300; }
.section-subtitle { font-size: 1.6em;/*24px;*/ text-align: center; margin: 0 0 2.458em;/*0 0 59px;*/ }
.manager-best__title { font-size: 1.6em; text-align: center; margin-bottom: 40px; }
.manager-best p { font-weight: 300; }

/* ERROR PAGE */
.error-content { min-width: 380px; }
.error-wrapper h1 { 
  color: #fff; 
  font-size: 200px; 
  line-height: 1; 
  margin-bottom: 35px; 
  font-weight: 300; 
  text-stroke: 1px transparent; 
  display: block; 
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9, 
               0 3px 0 #bbb, 
               0 4px 0 #b9b9b9, 
               0 5px 0 #aaa, 
               0 6px 1px rgba(0,0,0,.1), 
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3), 
               0 3px 5px rgba(0,0,0,.2), 
               0 5px 10px rgba(0,0,0,.25), 
               0 10px 10px rgba(0,0,0,.2), 
               0 20px 20px rgba(0,0,0,.15); 
}
.error-wrapper.offline h1 { 
  font-size: 120px; 
}
.error-wrapper h6 { 
  margin-bottom: 15px; 
}
.message-wrapper { max-width: 500px; }
.message-btn { margin-top: 30px; }
@media (max-width:480px) {
    .error-wrapper h1 {
        font-size: 100px;
    }
    .login-form, .reset-password { max-width: 330px; }
    .error-wrapper h3 { font-size: 18px; }
    .error-content .col-md-6 + .col-md-6 { margin-top: 20px; }
}

/* HEADER */

.bg-header { background: url('../images/offer.jpg') no-repeat 50% 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#header { height: 46.667em;/*700px*/ position: relative; }
#header .header-wrap { height: 100%; margin: 0 auto; border-spacing: 0; border-collapse: collapse; }
#header .header-wrap .header-content { position: relative; z-index: 1; padding: 0; margin: 0; border: 0; vertical-align: middle; text-align: center; color: #fff; text-transform: uppercase; }
.header-title { font-size: 4em;/*60px;*/ line-height: 1.3333; margin: 0px 0px 0.667em;/*0 0 40px;*/ }
.header-title span, .header-subtitle { font-weight: 300; }
.header-subtitle { font-size: 1.6em;/*24px;*/ margin-bottom: 4.583em;/*110px;*/ padding: 0 10px; }

.dashed { position: relative; width: 100%; left: 0; }
.dashed-single-top { border-top: 1px dashed #e9ecf1; height: 1.4em;/*21px;*/ }
.dashed-single-bottom { border-bottom: 1px dashed #e9ecf1; height: 1.4em;/*21px;*/ }
.dashed-double { height: 1.4em;/*21px;*/ border: 1px dashed #e9ecf1; border-width: 1px 0px 1px; top: -1.867em; /*-28px*/ }
.dashed-single { border-top: 1px dashed #e9ecf1; }

/* ABOUT */

#about { background-color: #fbfbfd; padding-top: 7.2em;/*108px;*/ }
#about .section-title, #about .section-subtitle { color: #3357b5; }
.about-title { font-size: 5em;/*75px;*/ line-height: 1; font-weight: 300; white-space: nowrap; color: #737f8f; margin-bottom: 0.347em;/*25px;*/ }
.about-level { position: relative; font-size: 15px; color: #737f8f; text-align: center; }
.level { display: inline-block; line-height: 1; position: relative; padding: 0px 6.6em;/*0 99px;*/ white-space: nowrap; }
.level:before, .level:after { content: ''; position: absolute; height: 8px; width: 60px; top: 3px; background-image: url('../images/icons.png'); background-repeat: no-repeat; }
.level:before { left: 0; }
.level:after { right: 0; }

.level-warning:after, level-warning:before { background-position: 0px 0px; }
.level-danger:after, .level-danger:before { background-position: 0px -10px; }
.level-info:after, .level-info:before { background-position: 0px -20px; }

.about-wrap { text-align: center; }
.about-body p { margin: 0; font-weight: 300; }
.about-body { font-size: 1.2em;/*18px;*/ line-height: 1.7; }
.about-level { margin-bottom: 2.2em;/*33px;*/ }

.about-instructions, .about-example { padding-top: 4.133em;/*62px;*/ background-color: #fff; overflow: hidden; }
.about-example { padding-bottom: 7.2em;/*108px;*/ }
.about-instructions { margin-top: 6.733em;/*101px;*/ }
.about-instructions .section-subtitle { margin-bottom: 2.542em;/*61px;*/ }

.instructions { position: relative; background: url('../images/instructions.png') no-repeat left top 80px; padding-top: 1.933em;/*29px;*/ }
.arrow-left { position: absolute; top: 240px; content: ''; width: 6px; height: 12px; background: url('../images/arrow-left.png') no-repeat; }
.instructions-row ~ .instructions-row { margin-top: 3.333em;/*50px;*/ position: relative; }
.instructions-item header { color: #394351; margin-bottom: 1.6em;/*24px;*/ }
.instructions-item header h3 { margin: 0; font-weight: 500; }
.instructions-item header h3 span { font-weight: 300; }
.instructions-body { font-size: 1.2em;/*18px;*/ font-weight: 300; line-height: 1.7; color: #737f8f; margin: 0; }
.example-balance-month span { font-size: 15px; padding: 0 80px; }
.example-level-title { color: #737f8f; font-size: 1.6em;/*24px;*/ line-height: 1; font-weight: 300; margin-bottom: 4px; white-space: nowrap; }
.example-level-title span { font-weight: 500; }
.example-level-title sup { top: -0.2em; }
.example-level + .example-level { margin-top: 2.667em;/*40px;*/ }
.example-item .media-left { padding-right: 20px; }
.example-title, .example-text { font-size: 1.2em;/*18px;*/ line-height: 1.7; color: #737f8f; font-weight: 300; }
.example-title { margin-bottom: 2.222em;/*40px;*/ }
.example-text:last-child { margin-bottom: 0; }
.example-balance { font-size: 5em;/*75px;*/ font-weight: 300; line-height: 1; color: #737f8f; margin-bottom: 0.486em;/*35px;*/ }
.example-balance-month { color: #737f8f; }
.example-item { padding-right: 2.222em;/*40px;*/ }

/* PARTNERS */
#partners { background-color: #3357b5; color: #fff; padding-top: 7.2em;/*108px;*/ padding-bottom: 5.333em;/*80px;*/ }
#partners a { color: #fff; text-decoration: underline; }
#partners a:hover, #partners a:focus, #partners a:active { text-decoration: none; color: #fff; }
.partners-stat { font-size: 1.2em;/*18px;*/ line-height: 1; white-space: nowrap; font-weight: 300; text-align: center; margin-bottom: 2.278em;/*41px;*/ }
.partners-stat .dashed { border-color: #4172f2; }
.partners-cell { font-size: 2em;/*36px;*/ padding: 1.167em 0 1.111em;/*42px 0px 40px;*/ }
.partners-cell span { font-size: 0.667em;/*24*/ }

.box-angle { position: relative; max-width: 53.333em;/*800px;*/ margin: 0 auto; }
.angle:after, .angle:before { content: ''; position: absolute; width: 12px; height: 12px; background-image: url('../images/angle-white.png'); background-repeat: no-repeat; }
.angle:after { bottom: 0; }
.angle:before { top: 0; }
.angle-left:after, .angle-left:before { left: 0; }
.angle-right:after, .angle-right:before { right: 0; }
.angle-left:before { background-position: 0px 0px; }
.angle-left:after { background-position: 0px -12px; }
.angle-right:before { background-position: -12px 0px; }
.angle-right:after { background-position: -12px -12px; }
.angle-content { padding: 1.111em;/*20px;*/ font-size: 1.2em;/*18px;*/ font-weight: 300; line-height: 1.7; text-align: center; }

/* BENEFIT */
#benefit { padding-top: 7.133em;/*107px;*/ }
#benefit .section-title { line-height: 1.25; color: #3357b5; margin-bottom: 2.917em;/*70px;*/ }
.benefit-item { text-align: center; width: 20%; float: left; padding: 0 0.733em;/*0 11px;*/ }
.benefit-icon { margin-bottom: 1.333em;/*20px;*/ }
.benefit-title { color: #394351; font-size: 1.2em;/*18px;*/ font-weight: 500; margin-bottom: 0.333em;/*6px;*/ }
.benefit-body { color: #737f8f; line-height: 1.6; }
.benefit-body p { margin: 0; }
.block-danger { background-color: #e61f3f; padding: 1.333em 0;/*20px 0px;*/ margin-top: 6.667em;/*100px;*/ }
.block-dashed { border: 1px dashed #f07b8e; border-width: 1px 0 1px; }
#benefit .box-angle { color: #fff; }
.block-dashed #benefit .box-angle { margin: -1px auto; }
.block-links { background-color: #fbfbfd; padding-top: 6.8em;/*102px;*/ padding-bottom: 6em;/*90px;*/ }
.block-links-mobile { display: none; }
.link-item { text-align: center; padding: 0 3.333em;/*0 50px;*/ }
.link-title { font-size: 1.2em;/*18px;*/ color: #737f8f; margin-bottom: 1.833em;/*33px;*/ }

/* CONTACTS */
#contacts { padding-top: 7.2em;/*108px;*/ padding-bottom: 3.333em;/*50px;*/ }
#contacts .section-title { color: #3357b5; margin-bottom: 2.208em;/*53px;*/ }
.contacts-list { margin-top: 0px; }
.contact-item sup { font-size: 0.733em;/*11px;*/ }
.contact-item {
    font-size: 1.2em;/*18px;*/ font-weight: 300;
}
.contact-item, .contact-item a, .contact-item a:focus, .contact-item a:active { color: #394351; text-decoration: none; }
.contact-item span { font-weight: bold; }
.contact-director { margin: 3em 0 0; text-align: center }
.contact-director a { color: #3357b5; }

.contact-wrap {
    display: block;
}

.contact-wrap, .contact-body {
    overflow: hidden;
    zoom: 1;
}

.contact-body, .contact-icon {
    display: table-cell;
    vertical-align: top;
}

.contact-body {
    width: 1000px;
}

.contact-icon {
    padding-right: 15px;
}

.contact-icon i {
    margin: 0;
}

/* MAP */
#map { height: 480px; }
#map iframe { border: 0 !important; }

/* FOOTER */
#footer { background-color: #3357b5; color: #fff; padding: 1.533em 0;/*23px 0;*/ }
#footer .copyright { margin: 0; padding: 1.667em 0;/*25px 0px;*/ }
.created_by { float: right; padding: 1.133em 0;/*17px 0px;*/ }
.created_by p { margin: 0; line-height: 1.2em; }
.created_by p + p { margin-top: 0.133em;/*2px;*/ }
.created_by sup { color: #5584ff; font-size: 70%; }
.created_by a { color: #fff; text-decoration: none; }

/* PROGRESS */
#progress{padding-top:7.2em;padding-bottom:3.333em;background:#edeef0}
#progress .section-title{color:#3357b5}
.progress-inner{max-width:870px;margin:0 auto}
.progress-scroll{height:500px;overflow-y:scroll}
.progress-inner .media + .media{margin-top:40px}
.progress-inner .media{background-color:#fff;border-radius:2px;box-shadow:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8}
.progress-inner .media-inner{padding:20px}
.progress-inner .media-body,.progress-inner .media-left{vertical-align:top}
.progress-inner .media-footer{border-top:1px solid #e7e8ec;padding:20px}
.progress-inner .media-left a{display:block;margin-right:20px}
.progress-item{margin-top:20px}
.progress-gallery{margin-top:10px}
.post_img{width:50px;height:50px;border-radius:50%;vertical-align:top}
h5.post_author{margin:0;padding-top:7px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;line-height:16px;overflow:hidden;text-overflow:ellipsis}
.flat_button{padding:7px 16px 8px;margin:0;font-size:12.5px;display:inline-block;zoom:1;cursor:pointer;white-space:nowrap;outline:none;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;vertical-align:top;line-height:15px;text-align:center;text-decoration:none;background:none;background-color:#5e81a8;color:#fff;border:0;border-radius:2px;box-sizing:border-box}
.flat_button:focus,.flat_button:hover{color:#fff}
.wall_head{background:#507299;position:relative;height:40px;line-height:38px;font-size:13px;font-weight:500;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:#d3dde7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top-left-radius:2px;border-top-right-radius:2px}
.wpoll_logo:before{width:20px;height:12px;margin:8px 4px;background-position:0 0;pointer-events:none;content:'';display:block;background:url(https://vk.com/images/icons/comments_widget.png)}
.wpoll_logo{margin-right:11px;margin-left:10px;margin-top:6px;position:relative;z-index:1;float:right;width:28px;height:28px;border-radius:50%}
.wpoll_title{color:#fff;padding-left:15px}

/* MEDIA */

@media (max-width:1199px) {
    body { font-size: 12px; }
    #menu-left { margin-left: 0px; }
    .nav > li > a { padding: 10px 5px; }
    .instructions { background: url(../images/instructions.png) no-repeat left 40px top 80px; background-size: 50%; padding-bottom: 2.5em; }
    .instructions-row { padding-left: 0px; }
    #footer .copyright { padding: 27px 0; }
    .created_by { padding: 21px 0; }
    #menu-left > li > a { font-size: 1.15em; }
}

@media (max-width:992px) {
    body { padding-top: 60px; }
    .navbar-header { float: none; }
    .navbar-brand { padding: 10px; }
    .navbar-left,
    .navbar-right{float:none !important;}
    .navbar-toggle{display:block; border-radius:0;margin-top: 10px;margin-bottom: 10px;padding: 12px 10px;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #3357b5; }
    .navbar-default .navbar-toggle { border-color: #3357b5; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #3357b5; }
    .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
    .navbar-collapse, .navbar-collapse.collapsing{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}
    .navbar-fixed-top{top:0;border-width:0 0 1px;}
    .navbar-collapse.collapse{display:none !important;border-top:1px solid transparent;}
    .navbar-nav{float:none !important;margin-top:20px; margin-bottom: 20px;}
    .navbar-nav > li{float:none;}
    .navbar-nav > li > a{padding-top:10px;padding-bottom:10px;}
    .collapse.in{display:block !important;}
    
    #menu-left { margin: 0 0 10px; }
    #menu-left > li + li { border: 0; }
    
    .level { padding: 0 4.667em;/*0px 70px;*/ }
    .instructions { background: none; background-size: contain; }
    .instructions-row:first-child { margin-top: 40px; }
    .arrow-left { top: 216px; }
    
    .example-item { padding-right: 20px; }
    .example-item { margin-top: 40px; }
    
    .i20x20 { top: 4px; }
    
    .link-item { padding: 0; }
    
    .copyright { text-align: center; }
}

@media (max-width:767px) {
    body { font-size: 12px; }
    #header { font-size: 0.7em; }
    
    .arrow-left { top: 171px; height: 8px; background-size: contain; }
    .example-item { margin-top: 0px; }
    .example-text { margin-bottom: 0; }
    .example-balance-month { margin-bottom: 20px; }
    .example-item { padding: 0; margin-top: 20px; }
    .example-title { margin-top: 60px; }
    
    .benefit-item { width: 100%; float: none; text-align: left; font-size: 1.2em; }
    .benefit-item + .benefit-item { margin-top: 30px; }
    .benefit-item, .benefit-body { overflow: hidden; zoom: 1; }
    .benefit-body { width: 10000px; }
    .benefit-body, .benefit-icon { display: table-cell; vertical-align: top; }
    .benefit-icon { padding-right: 20px; }
    
    .contact-item { text-align: left; }
    .contacts-list .col-sm-3 + .col-sm-3 { margin-top: 20px; }
    .contact-body, .contact-icon {
        vertical-align: middle;
    }
    .angle-content br { display: none; }
    
    #footer { font-size: 15px; }
    #footer .copyright, #footer .created_by { padding: 0; }
    #footer .copyright { text-align: left; padding: 8px 0; }
    .level:before, .level:after { display: none; }
    
    
}

@media (max-width:560px) {
    body { font-size: 12px; }
    #header { font-size: 0.5em; }
    .level:before, .level:after { display: block; }
    .header-subtitle { font-size: 2.571em; margin-bottom: 30px; }
    .section-title, .instructions-title { font-size: 1.533em; }
    .section-subtitle { font-size: 1.5em; }
    .section-subtitle br { display: none; }
    .col-xs-4 { width: 100%; }
    .col-xs-4 + .col-xs-4 { margin-top: 40px; }
    .col-xs-6 { width: 100%; }
    .media-body, .media-left { display: block; text-align: center }
    .media-body { width: auto; }
    .example-item { text-align: center; }
    .icon-brace { background-position: -84px 0px; width: 224px; height: 20px; }
    .example-item .media-left { padding-right: 0; }
    .example-text{ text-align: left; }
    #partners .col-xs-4 { width: 33.33333333%; margin-top: 0; }
    #partners i { display: none; }
    .partners-heading span { display: none; }
    .header-title { padding: 0 10px; }
    .btn-lg { font-size: 15px; padding: 14px 40px 15px;}
    .block-links { display: none; }
    .block-links-mobile { display: block; padding: 40px 0px 40px; }
    .block-links-mobile .col-xs-12 + .col-xs-12 { margin-top: 40px; }
    .partners-cell { font-size: 1.6em; }
    #footer .copyright, #footer .created_by { text-align: center; float: none; }
}

.rub {
  font-family: arial;
  vertical-align: middle;
  border-bottom: 1px solid;
  line-height: 5px;
  display: inline-block;
  width: 0.4em;
}

@font-face {
  font-family: 'ruble';
  src:  url('fonts/ruble.eot?fqb711');
  src:  url('fonts/ruble.eot?fqb711#iefix') format('embedded-opentype'),
    url('fonts/ruble.ttf?fqb711') format('truetype'),
    url('fonts/ruble.woff?fqb711') format('woff'),
    url('fonts/ruble.svg?fqb711#ruble') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ruble-"], [class*=" ruble-"] {
  font-family: 'ruble' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ruble-normal:before {
  content: "\e900";
}

.top-manager {
	display: flex;
	justify-content: center;
}

.top-manager-other {
	
	margin-top: 30px;
}

#top-manager-other {
	display: flex;
	flex-wrap: wrap;
}

.top-manager-other .manager {
	width: 25%;	
}

.manager {
	font-weight: 300;
	display: flex;
	padding: 10px;
}

.manager-body {
	padding-left: 10px;
}

.manager-position {
	font-size: 18px;
	font-weight: 500;
}

.top-manager-more {
	text-align: center;
}


@media(max-width: 991px) {
	.top-manager-other .manager {
		width: 33.3333%;	
	}
}

@media (max-width: 480px) {
	#header {
		height: auto;
	}
	
	#header .header-wrap .header-content {
		padding: 40px 0;
	}
	
	.top-manager {
		flex-wrap: wrap;
	}
	
	.top-manager .manager {
		width: 100%;
	}
	
	.top-manager-other .manager {
		width: 50%;
	}
}