* {
  margin: 0;
  padding: 0; }

a {
  outline: none;
  text-decoration: none;
  color: #333; }

a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #333; }

h1 {
  font: 56px/62px  'Montserrat', sans-serif; }

h2 {
  font: 36px/36px  'Montserrat', sans-serif; }

h3 {
  font: 30px/30px  'Montserrat', sans-serif; }

h4 {
  font: 22px/26px  'Montserrat', sans-serif; }

h5 {
  font: 18px/28px  'Montserrat', sans-serif; }

h6 {
  font: 14px/22px  'Montserrat', sans-serif; }

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  h1 {
    font: 42px/46px  'Montserrat', sans-serif; }
  h2 {
    font: 36px/36px  'Montserrat', sans-serif; }
  h3 {
    font: 30px/30px  'Montserrat', sans-serif; }
  h4 {
    font: 22px/26px  'Montserrat', sans-serif; }
  h5 {
    font: 18px/28px  'Montserrat', sans-serif; }
  h6 {
    font: 14px/22px  'Montserrat', sans-serif; } }

h4 .small {
  font-size: 18px;
  line-height: 26px; }

.ruble {
  font-family: 'PT Sans', serif; }

.semi_bold {
  font-weight: 500; }

/*----------    background    -----------*/
.light_blue_bg {
  background: #198fee; }

.oragne_bg {
  background: #ff9e65; }

.green_bg {
  background: #51d6a4; }

.pink_bg {
  background: #ff3b51; }

.black_dark_bg {
  background: #464855; }

.transparent_blue_bg {
  background: #e3f2fd; }

.transparent_green_bg {
  background: #e0f2f1; }

.transparent_pink_bg {
  background: #fce4ec; }

.transparent_purple_bg {
  background: #f3e5f5; }

.transparent_yellow_bg {
  background: #fffde7; }

/*----------    background gradient   -----------*/
.light_blue_bg_gradient {
  background: -webkit-gradient(linear, left top, right top, from(#178eee), to(#62bcf6));
  background: -webkit-linear-gradient(left, #178eee, #62bcf6);
  background: -o-linear-gradient(left, #178eee, #62bcf6);
  background: linear-gradient(to right, #178eee, #62bcf6); }

.oragne_bg_gradient {
  background: -webkit-gradient(linear, left top, right top, from(#ff7e3a), to(#ffb280));
  background: -webkit-linear-gradient(left, #ff7e3a, #ffb280);
  background: -o-linear-gradient(left, #ff7e3a, #ffb280);
  background: linear-gradient(to right, #ff7e3a, #ffb280); }

.green_bg_gradient {
  background: -webkit-gradient(linear, left top, right top, from(#1fc481), to(#68deb4));
  background: -webkit-linear-gradient(left, #1fc481, #68deb4);
  background: -o-linear-gradient(left, #1fc481, #68deb4);
  background: linear-gradient(to right, #1fc481, #68deb4); }

.pink_bg_gradient {
  background: -webkit-gradient(linear, left top, right top, from(#ff3a50), to(#ff7f8f));
  background: -webkit-linear-gradient(left, #ff3a50, #ff7f8f);
  background: -o-linear-gradient(left, #ff3a50, #ff7f8f);
  background: linear-gradient(to right, #ff3a50, #ff7f8f); }

/*----------    color   -----------*/
.light_blue_color {
  color: #198fee; }

.oragne_color {
  color: #ff9e65; }

.green_color {
  color: #51d6a4; }

.pink_color {
  color: #ff3b51; }

.dark_color {
  color: #61636e; }

.black_dark_color {
  color: #464855; }

.light_dark_color {
  color: #848797; }

.white_color {
  color: #fff; }

.light_pink_color {
  color: #ffc3c9; }

/*----------    line height   -----------*/
.line_h_0 {
  line-height: 0px; }

.line_h_10 {
  line-height: 10px; }

.line_h_20 {
  line-height: 20px; }

.line_h_30 {
  line-height: 30px; }

.line_h_40 {
  line-height: 40px; }

.line_h_50 {
  line-height: 50px; }

.line_h_60 {
  line-height: 60px; }

.line_h_70 {
  line-height: 70px; }

.line_h_80 {
  line-height: 80px; }

.line_h_90 {
  line-height: 90px; }

.line_h_100 {
  line-height: 100px; }

/*----------    margin   -----------*/
.margin_5 {
  margin: 5px; }

.margin_10 {
  margin: 10px; }

.margin_15 {
  margin: 15px; }

.margin_20 {
  margin: 20px; }

.margin_30 {
  margin: 30px; }

.margin_40 {
  margin: 40px; }

.margin_50 {
  margin: 50px; }

.margin_60 {
  margin: 60px; }

.margin_70 {
  margin: 70px; }

.margin_80 {
  margin: 80px; }

.margin_90 {
  margin: 90px; }

.margin_100 {
  margin: 100px; }

.margin_top {
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0; }

.margin_bottom {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0; }

.margin_right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0; }

.margin_left {
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0; }

.margin_auto {
  margin: auto; }

.select,
.chosen-select,
.chosen-select-no-single,
.chosen-select-no-results,
.chosen-select-deselect,
.chosen-select-rtl,
.chosen-select-width {
  width: 100%; }

.button {
  padding: 10px;
  border-radius: 5px; }

.success_button {
  background: #2dbf64;
  color: #fff;
  border-bottom: 3px solid #1b803f;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.success_button:hover {
  cursor: pointer;
  border-bottom: 3px solid #2dbf64;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.warning_button {
  background: #e8910d;
  color: #fff;
  border-bottom: 3px solid #ac6907;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.warning_button:hover {
  cursor: pointer;
  border-bottom: 3px solid #e8910d;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.danger_button {
  background: #ed5650;
  color: #fff;
  border-bottom: 3px solid #b23735;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.danger_button:hover {
  cursor: pointer;
  border-bottom: 3px solid #ed5650;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

.alert {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border-radius: 3px; }

.info_alert {
  background: #d9edf7;
  color: #31708f;
  border: 1px solid #bce8f1; }

.warning_alert {
  background: #fcf8e3;
  color: #8a6d3b;
  border: 1px solid #faebcc; }

.success_alert {
  background: #dff0d8;
  color: #3c763d;
  border: 1px solid #d6e9c6; }

.danger_alert {
  background: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.c_d_1_4 {
  width: 25%; }

.c_d_1_3 {
  width: 33.3%; }

.c_d_1_2 {
  width: 50%; }

.c_d_2_3 {
  width: 66.6%; }

.c_d_3_4 {
  width: 75%; }

.c_d_1_1 {
  width: 100%;
  overflow: auto; }

.block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  padding: 35px;
  background: #fff;
  border-radius: 5px; }

.main_block {
  width: 630px;
  margin: auto;
  margin-top: 200px;
  -webkit-box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2);
  box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2); }
  .main_block .logo {
    width: 125px;
    margin-bottom: 25px; }
    .main_block .logo img {
      width: 100%; }
  .main_block .title {
    border-bottom: 1px solid #dadada;
    height: 10px;
    text-align: center; }
    .main_block .title .text {
      background: #fff;
      padding: 0px 15px;
      height: 20px;
      color: #7b7f90;
      font: 16px/20px  'PT Sans', sans-serif; }
  .main_block .flied {
    width: 100%;
    color: #2b335e;
    font: 16px/20px 'PT Sans', sans-serif;
    margin-top: 20px; }
  .main_block .in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px;
    font: 16px/20px 'PT Sans', sans-serif;
    color: #2b335e;
    border: 1px solid #cacfe7;
    border-radius: 3px;
    outline: none;
    margin-top: 10px; }
  .main_block .in::-webkit-input-placeholder {
    color: #cacfe7; }
  .main_block .in:-ms-input-placeholder {
    color: #cacfe7; }
  .main_block .in::-ms-input-placeholder {
    color: #cacfe7; }
  .main_block .in::placeholder {
    color: #cacfe7; }
  .main_block .in:hover {
    outline: none; }
  .main_block .in:focus {
    outline: none;
    border: 1px solid #1e9ff2; }
  .main_block .fogot_pass {
    margin: 15px 0px 20px;
    width: 100%;
    text-align: right;
    color: #1e9ff2;
    font: 16px/20px 'PT Sans', sans-serif; }
  .main_block .button_blue {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 10px;
    font: 16px/20px 'PT Sans', sans-serif;
    border: 1px solid #1e9ff2;
    color: #1e9ff2;
    border-radius: 4px;
    text-align: center;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    margin: 20px 0px;
    display: block; }
    .main_block .button_blue i {
      font-size: 14px;
      margin-right: 5px; }
  .main_block .button_blue:hover {
    color: #fff;
    background: #1e9ff2;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer; }
  .main_block .button_red {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 10px;
    font: 16px/20px 'PT Sans', sans-serif;
    border: 1px solid #ff4961;
    color: #ff4961;
    border-radius: 4px;
    text-align: center;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    display: block; }
    .main_block .button_red i {
      font-size: 14px;
      margin-right: 5px; }
  .main_block .button_red:hover {
    color: #fff;
    background: #ff4961;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer; }

@media screen and (min-width: 900px) and (max-width: 1100px) {
  .main_block {
    margin-top: 100px; } }

@media screen and (min-width: 300px) and (max-width: 900px) {
  .main_block {
    margin-top: 50px; } }