@charset "UTF-8";
html {
  font-family: "Roboto", "Open Sans", helvetica, arial, sans-serif;
}

body {
  text-rendering: optimizeLegibility;
}

.app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background-color: #F6F6F6;
}
.app__header {
  -webkit-tap-highlight-color: transparent;
  position: fixed;
  top: 0;
  z-index: 5000;
  width: 100%;
  height: 46px;
  background-color: #2f3332;
  color: #979BA2;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  overflow: visible !important;
  zoom: 1;
}
.app__inner {
  min-width: 1024px;
  max-width: 1164px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.app__content {
  position: relative;
  padding-top: 46px;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.app__sidebar {
  position: fixed;
  z-index: 5500;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-backface-visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
  transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
  -o-transition: opacity 200ms ease-out, transform 200ms ease-out;
  transition: opacity 200ms ease-out, transform 200ms ease-out;
  transition: opacity 200ms ease-out, transform 200ms ease-out, -webkit-transform 200ms ease-out;
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}
.app__sidebar_visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.app__sidebar_animate {
  display: block;
}
.app__sidebar_padding {
  top: 46px;
}
.app__message {
  z-index: 10001;
  position: fixed;
  top: 0;
  width: 100%;
  height: 46px;
  color: #fff;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  /*display: none;*/
}
.app__message_success {
  background-color: #7cb342;
}
.app__message_warning, .app__message a {
  background-color: #fbc02d;
  color: #212121;
  font-size: 14px;
}
.app__message_error {
  background-color: #f44336;
}
.app__message_guest {
  font-size: 14px;
}
.app__message-close-button {
  display: inline-block;
  padding: 0 8px;
  font-size: 16pt;
  float: right;
}
.app__message-close-button:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
}

h1 {
  font-size: 32px;
}

.header {
  width: 100%;
}
.header_sidebar {
  position: relative;
}
.header__inner {
  min-width: 1024px;
  max-width: 1164px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-left: auto;
  margin-right: auto;
  height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.header__item {
  height: 46px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  white-space: nowrap;
  margin-right: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  margin-right: 8px;
}
.header__title, .header__title a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.header__title_normal, .header__title a_normal {
  font-weight: 400;
}
.header__button {
  display: inline-block;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  min-width: 36px;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  background-color: #444;
  color: #999;
}
.header__button:active {
  color: #0E0500;
  background-color: #E2E5E8;
  cursor: pointer;
}
.header__button:active {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
      transform: translateY(1px);
}
.header__button_avatar {
  padding: 0;
}
.header__button_avatar img {
  width: 36px;
  height: 36px;
  max-height: 36px;
  max-width: 36px;
}
.header__button_menu {
  font-size: 18px;
  padding: 0 4px;
  cursor: pointer;
  background-color: transparent;
  width: 46px;
  height: 46px;
  margin-left: -12px;
  line-height: 46px;
  border-radius: 0;
}
.header__button + .header__button {
  margin-left: 8px;
}

.section {
  background: #fff;
  margin-bottom: 8px;
}
.section_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section__flex-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.section__header {
  font-size: 20px;
  padding: 12px 12px 8px 12px;
  color: #454648;
  font-weight: 700;
}
.section__header_h2 {
  font-size: 16px;
}
.section__header_info {
  font-size: 12px;
  color: #8E8E93;
  text-align: left;
  padding: 8px 0;
  font-weight: normal;
}
.section__header_info a {
  font-weight: 500;
}
.section__flag {
  margin: -4px 0 0 0;
}
.section__flag .flag {
  margin: 0 0 8px 0;
}
.section__buttons {
  padding: 0 12px 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.section__buttons_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section__buttons_right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.section__header + .section__buttons {
  margin-top: -8px;
}
.section_padding {
  padding: 8px 12px;
}
.section_padding p:first-child {
  margin-top: 0;
}
.section_dark {
  background-color: #000000;
  color: #FFFFFF;
}
.section_podbor-video {
  padding-bottom: 16px;
}
.section__favorite_remove::before {
  content: " ";
  display: block;
  width: 2px;
  height: 30px;
  position: absolute;
  background-color: #D3AD56;
  margin: -2px 0 0 -9px;
}
.section_noborder {
  border: none;
}
.section p {
  margin: 1em 0;
}

.section-hr {
  margin: 12px 0;
  position: relative;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  overflow: hidden;
}
.section-hr__title {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #8E8E93;
  text-transform: none;
  font-style: italic;
}
.section-hr__title:before {
  right: 100%;
  margin-right: 15px;
}
.section-hr__title:after, .section-hr__title:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1200px;
  height: 1px;
  background: #E9E9E9;
}
.section-hr__title:after {
  left: 100%;
  margin-left: 15px;
}

@media print {
  /* здесь будут стили для печати */
  .section__header_info, .section__buttons, .section_podbor-video {
    display: none;
  }

  .section {
    border-color: transparent;
    border: 0;
  }

  .section__header {
    padding-top: 0;
  }
}
/*
 * This file is part of the AmDm-4.0 package.
 *
 * (c) Dmitry Rudakov <dima@amdm.ru>
 *
 * Created at: 2019-04-09 20:19
 * Version: 4.0
 */
.flag {
  font-size: 10px;
  background-color: #EFEAE5;
  color: #808080;
  padding: 0px 7px;
  position: relative;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  font-weight: normal;
  vertical-align: middle;
}
.flag:after {
  right: -7px;
  border-width: 8px 7px 8px 0;
}
.flag:before, .flag:after {
  border-color: #EFEAE5 transparent;
  top: 0;
}
.flag:after {
  border-style: solid;
  height: 0;
  width: 0;
  display: block;
  content: "";
  position: absolute;
}
.flag_small {
  font-size: 8px;
  padding: 0px 4px;
  height: 12px;
  line-height: 12px;
}
.flag_small:after {
  right: -5px;
  border-width: 6px 5px 6px 0;
}
.flag_red {
  color: #e24f4f;
  background-color: #ffc7d4;
}
.flag_red:before, .flag_red:after {
  border-color: #ffc7d4 transparent;
}
.flag_green {
  color: #055c25;
  background-color: #c5e1a5;
}
.flag_green:before, .flag_green:after {
  border-color: #c5e1a5 transparent;
}

.flag_orange {
  color: #bf360c;
  background-color: #ffcc80;
}
.flag_orange:before, .flag_orange:after {
  border-color: #ffcc80 transparent;
}

.flag_comment {
  /*margin-top: -4px;*/
  margin-right: 12px;
}

.nav-wrapper {
  height: 36px;
  margin-top: 8px;
  margin-left: 8px;
}

.nav {
  margin: 0;
  padding: 8px 12px;
  list-style: none;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav::-webkit-scrollbar {
  display: none;
}
.nav__item {
  display: inline-block;
  vertical-align: middle;
}
.nav__item, .nav__item a {
  color: #999;
  font-weight: 400;
  font-size: 12px;
}
.nav__item a:hover {
  color: #2281af;
  text-decoration: underline;
}
.nav__item:before {
  margin: 0px 5px;
  content: ">";
  color: #c8ced4;
  font-size: 10px;
  position: relative;
  top: -1px;
}
.nav__item:first-child:before {
  display: none;
}

.buttons-group {
  padding: 15px 0;
}

.buttons-group_form {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.65;
}

.btn {
  display: inline-block;
  position: relative;
  padding: 2px 12px;
  font-weight: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 3px;
  outline: none;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-color: #ddd;
  color: #757575;
  -webkit-transition: all 0.08s ease-in-out, padding-left 0.2s linear, padding-right 0.2s linear;
  -o-transition: all 0.08s ease-in-out, padding-left 0.2s linear, padding-right 0.2s linear;
  transition: all 0.08s ease-in-out, padding-left 0.2s linear, padding-right 0.2s linear;
  /*

    .btn_outlin2e_gray.btn_loading, .btn_default.btn_loading {
    color: #fff;
    border-color: #767e85;
  }

  .btn_outli2ne_gray.btn_loading:after, .btn_default.btn_loading:after {
    color: #767e85;
  }

  .btn_outl2ine_gray.btn_loading:hover, .btn_outl2ine_gray.btn_loading:focus, .btn_out2line_gray.btn_loading:focus:hover,
  .btn_default.btn_loading:hover, .btn_default.btn_loading:focus, .btn_default.btn_loading:focus:hover {
    color: #fff;
  }

  .btn_outl2ine_gray:focus {
    box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
    color: #999;
    border-color: #A6ACB2;
  }

     */
  /********************************************
   * Social
   *******************************************/
}
.btn:hover, .btn:focus, .btnbtn:focus:hover {
  text-decoration: none;
}
.btn:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
}
.btn:active {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
      transform: translateY(1px);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
}
.btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.btn span.fa {
  margin-left: -2px;
}
.btn span.fa + span {
  margin-left: 4px;
}
.btn_round {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  text-align: center;
  border-color: transparent;
}
.btn_round span.fa {
  margin: 0;
}
.btn_uppercase {
  text-transform: uppercase;
  font-size: 12px;
}
.btn_gray {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #666;
}
.btn_gray:hover {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
  color: #ffffff;
}
.btn_gray:active {
  background-color: #757575;
  border-color: #757575;
  color: #ffffff;
}
.btn_gray:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
}
.btn_light-gray {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #666;
  min-height: 32px;
}
.btn_light-gray:hover {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
  color: #ffffff;
}
.btn_light-gray:active {
  background-color: #757575;
  border-color: #757575;
  color: #ffffff;
}
.btn_light-gray:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
}
.btn_outline_gray, .btn_default {
  background-color: #fff;
  border-color: #ddd;
  border-color: #e0e0e0;
  color: #757575;
}
.btn_outline_gray:hover, .btn_outline_gray_default:hover, .btn_default:hover, .btn_default_default:hover {
  border-color: #9e9e9e;
  color: #666;
}
.btn_outline_gray:active, .btn_outline_gray_default:active, .btn_default:active, .btn_default_default:active {
  border-color: #9e9e9e;
  color: #666;
}
.btn_outline_gray.btn_loading, .btn_outline_gray.btn_loading:hover, .btn_outline_gray.btn_loading:focus:hover, .btn_default.btn_loading, .btn_default.btn_loading:hover, .btn_default.btn_loading:focus:hover {
  color: #fff;
}
.btn_outline_gray.btn_loading:after, .btn_default.btn_loading:after {
  color: #767e85;
}
.btn_light-green {
  background-color: #85bf00;
  border-color: #85bf00;
  color: #ffffff;
}
.btn_light-green:hover, .btn_light-green:focus, .btn_light-green:focus:hover {
  border-color: #6ba116;
  background-color: #6ba116;
  color: #ffffff;
  text-decoration: none;
}
.btn_light-green:active {
  background-color: #6ba116;
  border-color: #6ba116;
  color: #ffffff;
}
.btn_favorite.remove span.fa {
  color: #daac43;
}
.btn_subscribe {
  font-weight: 700;
}
.btn_dot-menu {
  border: none;
  min-height: 32px;
  background: none;
  background-color: transparent;
}
.btn_dot-menu:focus, .btn_dot-menu:active, .btn_dot-menu:hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn_fb {
  background-color: #3b5998;
  border-color: #3b5998;
}
.btn_fb:hover {
  background-color: #526fad;
  border-color: #526fad;
}
.btn_vk {
  background-color: #4d75a3;
  border-color: #4d75a3;
}
.btn_vk:hover {
  background-color: #6b91b6;
  border-color: #4d75a3;
}
.btn_tw {
  background-color: #5ea9dd;
  border-color: #5ea9dd;
}
.btn_tw:hover {
  background-color: #87bee2;
  border-color: #87bee2;
}
.btn_on {
  background-color: #f98a0e;
  border-color: #f98a0e;
}
.btn_on:hover {
  background-color: #fdba7a;
  border-color: #fdba7a;
}

/********************************************
  * Social Template
  *******************************************/
.btn_fb, .btn_vk, .btn_tw, .btn_on {
  width: 36px;
  min-width: 36px;
  padding: 2px;
  font-size: 18px;
  color: #ffffff;
}

.btn-social {
  width: 100%;
  display: block;
  font-size: 14px;
  /*text-align: left;*/
  /*padding-left: 40px;*/
}

.btn-social + .btn-social {
  margin: 5px 0 0 0;
}

.btn-social_fb {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}

.btn-social_fb-icon {
  font-size: 20px;
  position: absolute;
  margin-left: -25px;
  margin-top: -1px;
}

.btn-social_fb:hover {
  background-color: #526fad;
}

.btn-social_vk {
  background-color: #4d75a3;
  border-color: #4d75a3;
  color: #fff;
}

.btn-social_vk-icon {
  font-size: 20px;
  position: absolute;
  margin-left: -28px;
  margin-top: -2px;
}

.btn-social_vk:hover {
  background-color: #6b91b6;
}

.btn-social_on {
  background-color: #f98a0e;
  border-color: #f98a0e;
  color: #fff;
}

.btn-social_on:hover {
  background-color: #fdba7a;
}

.btn-social_on-icon {
  font-size: 20px;
  position: absolute;
  margin-left: -20px;
  margin-top: -1px;
}

.btn-social_google {
  border-color: #767e85;
  border-color: #767e85;
  color: #999;
  border-color: #4A81C2;
  color: #4A81C2;
}

.btn-social_google:hover {
  border-color: #2760CD;
  color: #2760CD;
}

.btn-social_google-icon {
  font-size: 18px;
  position: absolute;
  margin-left: -30px;
  margin-top: 0;
}

/***
 * Social
 */
.social-btn {
  display: inline-block;
  text-align: center;
  /*vertical-align: middle;*/
  /*padding: 1px 8px;*/
  border-radius: 3px;
  /*line-height: 15px;*/
  /*box-sizing: border-box;*/
  background-color: #eff2ec;
  color: #A7ACA2;
}

.social-btn + .social-btn {
  margin-left: 6px;
}

.btn > span.fa-ellipsis-v {
  min-width: 12px;
}

/***
 *  btn_outline_gray
 */
.btn_outline_gra2y, .btn_2default {
  background-color: #ffffff;
  color: #A6ACB2;
  border-color: #A6ACB2;
  color: #999;
  border-color: #ebeff1;
}

.btn_outlin2e_gray.btn_loading, .btn_default.btn_loading {
  color: #fff;
  border-color: #767e85;
}

.btn_outli2ne_gray.btn_loading:after, .btn_default.btn_loading:after {
  color: #767e85;
}

.btn_outl2ine_gray.btn_loading:hover, .btn_outl2ine_gray.btn_loading:focus, .btn_out2line_gray.btn_loading:focus:hover,
.btn_default.btn_loading:hover, .btn_default.btn_loading:focus, .btn_default.btn_loading:focus:hover {
  color: #fff;
}

.btn_outl2ine_gray:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
  color: #999;
  border-color: #A6ACB2;
}

/****
 *  Размеры
 */
.btn_lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn_sm {
  padding: 1px 12px;
  font-size: 12px;
  line-height: 20px;
}

.btn_sm-tone {
  padding: 6px 8px;
  font-size: 12px;
}

.btn_xs {
  padding: 1px 5px;
  /*font-size: 10px;*/
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px !important;
}

/***
 *  btn_gray
 */
.btn_gray2 {
  background-color: #78909c;
  border-color: #78909c;
  color: #ffffff;
}

.btn_gra2y:hover, .btn_gra2y:focus, .btn_gr2ay:focus:hover {
  border-color: #667c89;
  background-color: #667c89;
  color: #ffffff;
  text-decoration: none;
}

.btn_gr2ay:active {
  background-color: #667c89;
  border-color: #667c89;
  color: #ffffff;
}

/***
 *  btn_green
 */
.btn_green {
  background-color: #6c9b45;
  border-color: #6c9b45;
  color: #ffffff;
}
.btn_green:hover, .btn_green:focus, .btn_green:focus:hover {
  border-color: #4c7a3d;
  background-color: #4c7a3d;
  color: #ffffff;
  text-decoration: none;
}
.btn_green:active {
  background-color: #4c7a3d;
  border-color: #4c7a3d;
  color: #ffffff;
}
.btn_green.btn_loading {
  color: #83b447;
  color: #6c9b45;
}
.btn_green.btn_loading:hover, .btn_green.btn_loading:focus, .btn_green.btn_loading:focus:hover {
  color: #4c7a3d;
}

.btn_outline_green {
  background-color: #ffffff;
  color: #4c7a3d;
  border-color: #6c9b45;
}
.btn_outline_green:hover, .btn_outline_green:focus, .btn_outline_green:focus:hover {
  color: #4c7a3d;
  border-color: #4c7a3d;
  text-decoration: none;
}

/***
 *  btn_red
 */
.btn_red {
  background-color: #d70a16;
  border-color: #d70a16;
  color: #ffffff;
}
.btn_red:hover, .btn_red:focus, .btn_red:focus:hover {
  border-color: #a60811;
  background-color: #a60811;
  color: #ffffff;
  text-decoration: none;
}
.btn_red:active {
  background-color: #a60811;
  border-color: #a60811;
  color: #ffffff;
}
.btn_red.btn_loading {
  color: #d70a16;
  color: #d70a16;
}
.btn_red.btn_loading:hover, .btn_red.btn_loading:focus, .btn_red.btn_loading:focus:hover {
  color: #a60811;
}

/***
 *  btn_blue
 */
.btn_blue {
  border-color: #2d72d9;
  background-color: #2d72d9;
  color: #ffffff;
}

.btn_blue:hover, .btn_blue:focus:hover {
  border-color: #2b5bb7;
  background-color: #2b5bb7;
  color: #ffffff;
  text-decoration: none;
}

.btn_blue:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
}

.btn_blue:active {
  border-color: #2b5bb7;
  background-color: #2b5bb7;
  color: #ffffff;
}

.btn_blue.btn_loading, .btn_blue.btn_loading:focus:hover {
  color: transparent;
}

/***
 *  btn_yellow
 */
.btn_orange {
  background-color: #ceb562;
  border-color: #ceb562;
  color: #fff;
}

.btn_orange:hover, .btn_orange:focus, .btn_orange:focus:hover {
  background-color: #B89E4A;
  border-color: #B89E4A;
  color: #fff;
  text-decoration: none;
}

.btn_orange:active {
  background-color: #B89E4A;
  border-color: #B89E4A;
  color: #fff;
}

.btn_orange.btn_loading {
  color: #ceb562;
}

.btn_orange.btn_loading:hover, .btn_orange.btn_loading:focus, .btn_orange.btn_loading:focus:hover {
  color: #B89E4A;
}

/***
 *  btn_yellow
 */
.btn_yellow {
  background-color: #fddc43;
  border-color: #fddc43;
  color: #000;
}

.btn_yellow:hover, .btn_yellow:focus, .btn_yellow:focus:hover {
  background-color: #e7be02;
  border-color: #e7be02;
  color: #000;
  text-decoration: none;
}

.btn_yellow:active {
  background-color: #e7be02;
  border-color: #e7be02;
  color: #000;
}

/***
 *  btn_outline_blue
 */
.btn_outline_blue {
  background-color: #ffffff;
  background-color: transparent;
  color: #2d72d9;
  border-color: #2d72d9;
}
.btn_outline_blue:hover, .btn_outline_blue:focus:hover {
  /*color: #0c55c3;*/
  /*border-color: #0c55c3;*/
  color: #fff;
  background-color: #2d72d9;
  text-decoration: none;
}
.btn_outline_blue:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(64, 128, 171, 0.3);
}
.btn_outline_blue.btn_loading, .btn_outline_blue.btn_loading:hover, .btn_outline_blue.btn_loading:focus:hover {
  color: #fff;
  background-color: #ffffff;
}
.btn_outline_blue.btn_loading:after {
  color: #2d72d9;
}

/***
 *  btn_outline_green
 */
/***
 *  Отступ между соседними кнопками
 */
.btn:not(.hidden):not(.btn-social) + .btn:not(.hidden):not(.btn-social) {
  margin-left: 0.8em;
}

.btn:not(.hidden) + .btn.hidden + .btn:not(.hidden) {
  margin-left: 0.8em;
}

.btn_sm + .btn_sm {
  margin-left: 3px;
}

.btn_sm-tone + .btn_sm-tone {
  margin-left: 3px;
}

.btn_xs + .btn_xs {
  margin-left: 3px;
}

/***
 *  Кнопка loading
 */
.btn_loading {
  cursor: default;
  /*padding: 9px 30px 9px 10px;*/
}

.btn_loading:after {
  position: absolute;
  display: inline-block;
  left: calc(50% - 10px);
  top: 8px;
  width: 16px;
  color: #fff;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  -webkit-animation: 0.2s ease 0s normal forwards 1 fadein, animation-spin 1s infinite linear;
  animation: 0.2s ease 0s normal forwards 1 fadein, animation-spin 1s infinite linear;
}

/***
 *  Анимация: появление с задержкой
 */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/***
 *  Анимация: вращение неравномерное безконечное
 */
@-webkit-keyframes animation-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animation-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.btn_primary {
  background-color: #5389B0;
  color: #fff;
}

.btn_favorite {
  /*width: 212px;*/
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px !important;
}

.btn-dropdown {
  display: inline-block;
  border: 1px solid #ebeff1;
  border-radius: 50%;
  font-size: 13pt;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  line-height: 28px;
  margin-top: -11px;
  background-color: #ebeff1;
  color: #999;
}

.btn-dropdown:hover {
  border-color: #e8f5e9;
  background-color: #e8f5e9;
  color: #43a047;
  text-decoration: none;
  cursor: pointer;
}

.btn-dropdown:active, .btn-dropdown_active, .btn-dropdown_active:hover {
  border-color: #6ba116;
  background-color: #6ba116;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

/*
 * Список меню горизонтальный, вертикальный и выпадающий по кнопке
 */
.menu {
  font-size: 12px;
  text-align: left;
}
.menu__item {
  -webkit-transition: color 200ms ease-out;
  -o-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: currentColor;
  text-decoration: none;
}
.menu__item:before {
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  content: "";
  background-color: #2d72d9;
  opacity: 0;
  position: absolute;
}
.menu__item_current {
  color: #2d72d9;
  text-decoration: none;
  font-weight: 500;
}
.menu__hr {
  width: 100%;
  border-top: 1px solid #e9e9e9;
}
.menu sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.menu__item_current, a.menu__item:hover {
  color: #2d72d9;
  text-decoration: none;
  /*background-color: #CBE2F5;*/
}

span.menu__item {
  cursor: auto;
}

.menu__item_current:before {
  opacity: 1;
}

.menu__item_red {
  color: #d32f2f;
}

.menu__item_green {
  color: #008000;
}

.menu__item .fa {
  /* position: absolute; */
  /* margin-top: 11px; */
  margin-left: -22px;
  font-size: 16px;
  width: 18px;
  text-align: center;
  margin-right: 6px;
  color: rgba(147, 156, 176, 0.8);
}

.menu__item_red.menu__item .fa {
  color: #d32f2f;
}

.menu_vertical {
  padding: 2px 0;
  /*padding: 0;*/
  font-size: 14px;
  line-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu_vertical .menu__item {
  width: 100%;
  padding: 0 24px 0 32px;
  white-space: nowrap;
}
.menu_vertical .menu__item:before {
  left: 0;
  width: 2px;
  height: 100%;
}
.menu_vertical .menu__item:hover {
  background-color: #f2f5f8;
  cursor: pointer;
  color: #000000;
}
.menu_vertical.menu_multiline .menu__item {
  padding: 8px 25px 7px;
  line-height: 1.5;
}
.menu_vertical.menu_multiline .menu__item:before {
  top: 0;
}

.menu-slider {
  margin: 0;
  padding: 8px 0px 0px 12px;
  list-style: none;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.menu-slider::-webkit-scrollbar {
  display: none;
}

.menu_horizontal {
  line-height: 36px;
}
.menu_horizontal.menu__item {
  margin-right: 20px;
}
.menu_horizontal .menu__item::first-letter {
  text-transform: uppercase;
}
.menu_horizontal .menu__item_right {
  margin-right: 0;
}
.menu_horizontal .menu__item:before {
  height: 2px;
  width: 100%;
  bottom: 0;
}

/*.modal__title {*/
/*  font-size: 24px;*/
/*  padding: 18px 24px 8px 24px;*/
/*  color: #454648;*/
/*  font-weight: 700;*/
/*}*/
/*.modal__content {*/
/*  padding: 0px 24px;*/
/*}*/
/*.modal__footer {*/
/*  background-color: #F5F6F6;*/
/*  padding: 6px 24px;*/
/*  margin: 0 -24px;*/
/*  border-top: 1px solid #E6E8E8;*/
/*  border-radius: 0 0 4px 4px;*/
/*}*/
/*.modal__close-button {*/
/*  position: absolute;*/
/*  right: 12px;*/
/*  font-size: 18px;*/
/*  background-color: #F7F7F8;*/
/*  border: 0;*/
/*  width: 40px;*/
/*  height: 40px;*/
/*  border-radius: 50%;*/
/*  color: #363839;*/
/*  margin: 8px 0 8px 0;*/
/*  cursor: pointer;*/
/*}*/
/*.modal__close-button:hover {*/
/*  background-color: #EAEAEA;*/
/*  color: #000000;*/
/*}*/

.podbor__text ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.podbor__text ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.podbor__text pre {
  overflow-x: scroll;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  padding: 0 0 12px;
}
.podbor__text b {
  font-size: 1em;
  /*margin-top: 0.3em;*/
  font-weight: 700;
  display: inline-block;
}

.podbor-panel-wrapper {
  height: 40px;
}
.podbor-panel-wrapper_transpon-form {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: -12px;
}

.podbor-panel {
  position: inherit;
  padding: 4px 0px 8px 12px;
  width: auto;
  height: 40px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.podbor-panel_fixed {
  -webkit-box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.08);
          box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 46px;
  background-color: #ECEFF1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.podbor-panel_fixed .podbor-panel__label {
  background-color: #fff;
}
.podbor-panel__item {
  display: inline-block;
}
.podbor-panel__item + .podbor-panel__item {
  margin-left: 15px;
}
.podbor-panel__label {
  display: inline-block;
  padding: 0 5px;
  color: #595a5b;
  font-size: 11px;
  height: 22px;
  text-align: center;
}
.podbor-panel__label_scroll {
  width: 65px;
}

#v_skroll {
  margin-left: 5px;
}

.i-scroll-stop:hover {
  color: var(--color--link);
  border-bottom: 1px var(--color--link) dashed;
  cursor: pointer;
}

.chord-scheme {
  display: inline-block;
  padding: 2px;
  height: 84px;
  width: 79px;
}

.chord-scheme__img {
  cursor: move;
}

.chord-scheme_move {
  /*background-color: #C8EBFB;*/
  background-color: #7D8F9B;
}

.btn_video-play:hover {
  opacity: 1;
  cursor: pointer;
}

/*
 * Блок "Видео"
 */
.b-video {
  /* background-color: #ece9e3;  */
  /*     padding-left: 50px;
      padding-right: 50px;
   */
  /*   border-left: 4px solid #d5d1c9; */
}

.b-video h2 {
  text-align: left;
  padding-bottom: 5px;
  font-size: 1.7em;
  margin: 10px 0px;
  color: #000;
}

.podbor__video-btn {
  opacity: 0.9;
  color: #EA3323;
  font-size: 5rem;
  background-color: #fff;
  padding: 0;
  height: 20px;
}

.podbor__video-btn:hover {
  opacity: 1;
  cursor: pointer;
}

.podbor__video-btn span.fa {
  margin-top: -30px;
}

.podbor__video-container {
  width: 100%;
  position: relative;
  background-size: cover;
  text-align: center;
  height: 245px;
  height: 284px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.podbor__video-container iframe,
.podbor__video-container object,
.podbor__video-container embed {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  /*height: 100%;*/
  max-width: 560px;
  max-height: 315px;
  border: 0;
  margin-top: -30px;
}

.inline-list {
  display: table;
}
.inline-list__item {
  display: table-cell;
  font-size: 12px;
  color: #8E8E93;
  vertical-align: middle;
}
.inline-list__item:not(:first-child):not(.inline-list__item_bullet) {
  padding-left: 16px;
}
.inline-list__item_bullet:before {
  margin: 0 4px;
  content: "•";
  color: #9A9A9F;
  font-size: 12px;
  position: relative;
}
.inline-list__item:not(:first-child):before {
  margin: 0 8px;
}
.inline-list__item b {
  color: #595a5b;
  font-weight: 700;
}

.user-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-line__avatar img {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  /*margin-right: 8px;*/
  /*margin-top: 8px;*/
  background-color: #dedede;
}
.user-line__name, .user-line__name a {
  display: inline-block;
  font-size: 14px;
  color: #333;
  font-weight: 700;
}
.user-line__name span, .user-line__name a span {
  color: #8E8E93;
  font-weight: normal;
}
.user-line_small .user-line__avatar img {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-right: 2px;
  margin-top: 0px;
  display: block;
}
.user-line_small .user-line__name, .user-line_small .user-line__name a {
  font-size: 12px;
}

.user_inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: top;
}
.user__nick {
  ont-size: 14px;
  color: #333;
  font-weight: 700;
  display: inline-block;
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures;
}

/*********************************************
*   avatar
*********************************************/
.avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.avatar_small {
  width: 20px;
  height: 20px;
}
.avatar__inner {
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  border-radius: 50%;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.avatar img {
  border: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
  vertical-align: baseline;
}

.avatar + .user__nick {
  margin-left: 10px;
}

.user_inline .avatar + .user__nick {
  margin-left: 5px;
}

.app__sidebar .avatar {
  width: 36px;
  height: 36px;
}

.app__sidebar .avatar__inner {
  background-color: #f5f5f5;
}

.app__sidebar .user__nick {
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures;
  font-weight: 700;
  color: #fff;
  color: #fff;
  font-size: 18px;
  margin-left: 8px;
}

.video-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  padding: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  border-spacing: 0px;
  border-collapse: collapse;
  border-bottom: 1px solid #EAEAEA;
}
.video-list__item_pic img {
  width: 160px;
  height: 90px;
}
.video-list__item_pic_duration {
  border-radius: 2px;
  color: #eee;
  background-color: rgba(17, 17, 17, 0.8);
  position: absolute;
  position: absolute;
  bottom: 0;
  margin-bottom: 14px;
  margin-left: 128px;
  left: 0;
  right: 0;
  display: inline-block;
  /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  width: 37px;
  height: 15px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  padding: 0;
}
.video-list__item_metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 8px;
}
.video-list__item_metadata-title, .video-list__item_metadata-title a {
  font-size: 14px;
  line-height: 16px;
  color: #333;
  max-height: 48px;
  margin-bottom: 4px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  /* white-space: nowrap; */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.video-list__item_metadata-author, .video-list__item_metadata-author a {
  font-size: 12px;
  line-height: 14px;
  color: #8E8E93;
}
.video-list__item_metadata-stats {
  font-size: 12px;
  line-height: 14px;
  color: #8E8E93;
}

.video {
  width: 100%;
  position: relative;
  background-size: cover;
  text-align: center;
  padding: 0;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  background-color: #000;
  position: relative;
  /* width: 100%; */
  /* padding-bottom: 56.25%; */
  overflow: hidden;
  background-color: #000;
  /* margin: 0; */
  /* top: 0; */
}
.video__container {
  width: 100%;
  height: 100%;
  position: absolute;
}
.video__pic {
  background-size: cover;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video__btn-play {
  color: #EA3323;
  font-size: 5rem;
  background-color: #fff;
  padding: 0;
  height: 20px;
}
.video__btn-play:hover {
  opacity: 1;
  cursor: pointer;
}
.video__btn-play span.fa {
  margin-top: -30px;
}

form {
  padding: 0;
  margin: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

/* Поле текстовое */
input[type=text], input[type=password], input[type=email], input[type=url], input[type=phone], input[type=tel], input[type=number], input[type=datetime], input[type=date], input[type=search], input[type=datetime-local], textarea, .field__input, .field__select, .recaptcha_widget input[type=text], .dd-select {
  /*font-family: "PT Sans", Helvetica, Arial, sans-serif;*/
  font-size: 15px;
  line-height: 22px;
  color: #333;
  background: #fff;
  position: relative;
  height: 30px;
  width: 100%;
  padding: 1px 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d2d6d7;
  border-radius: 5px;
  z-index: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-transition: border ease 0.5s;
  -o-transition: border ease 0.5s;
  transition: border ease 0.5s;
}

/* Поле выбранное */
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=phone]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=datetime]:focus, input[type=date]:focus, input[type=search]:focus, input[type=datetime-local]:focus, textarea:focus, .field__input:focus, .field__select:focus, input.focus[type=text], input.focus[type=password], input.focus[type=email], input.focus[type=url], input.focus[type=phone], input.focus[type=tel], input.focus[type=number], input.focus[type=datetime], input.focus[type=date], input.focus[type=search], input.focus[type=datetime-local], textarea.focus, .focus.field__input, .focus.field__select {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #2d72d9;
}

/* Поле с ошибкой */
input[type=text].field-with-error, input[type=password].field-with-error, input[type=email].field-with-error, input[type=url].field-with-error, input[type=phone].field-with-error, input[type=tel].field-with-error, input[type=number].field-with-error, input[type=datetime].field-with-error, input[type=date].field-with-error, input[type=search].field-with-error, input[type=datetime-local].field-with-error, textarea.field-with-error, .field__input.field-with-error, .field__select.field-with-error {
  border-color: #f32525;
}

/* Поле отключено */
input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=phone]:disabled,
input[type=tel]:disabled, input[type=number]:disabled, input[type=datetime]:disabled, input[type=date]:disabled, input[type=search]:disabled,
input[type=datetime-local]:disabled, textarea:disabled, .field__input:disabled, .field__select:disabled, input[type=text] .disabled,
input[type=password] .disabled, input[type=email] .disabled, input[type=url] .disabled, input[type=phone] .disabled, input[type=tel] .disabled,
input[type=number] .disabled, input[type=datetime] .disabled, input[type=date] .disabled, input[type=search] .disabled,
input[type=datetime-local] .disabled, textarea .disabled, .field__input .disabled, .field__select .disabled {
  background-color: #eef1f4;
  color: #888888;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #9A9A9F;
  font-weight: normal;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9A9A9F;
  font-weight: normal;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9A9A9F;
  font-weight: normal;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #9A9A9F;
  font-weight: normal;
}

input::placeholder, textarea::placeholder {
  color: #9A9A9F;
  font-weight: normal;
}

textarea, textarea.field__input {
  height: auto;
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  line-height: 25px;
}

#form_fields {
  margin: 6px 0 0 0;
}

.field {
  display: block;
  position: relative;
  padding-bottom: 10px;
}
.field:not(:first-child) {
  padding-top: 6px;
}
.field__content {
  margin-bottom: 6px;
}
.field__error {
  color: #f32525;
  font-size: 12px;
  line-height: 16px;
}
.field__input_tags {
  min-height: 30px;
  height: auto;
}
.field__select {
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  text-indent: 0.01px;
  /*text-overflow: ' ';*/
  padding: 0 24px 0 9px;
  width: 165px;
  line-height: 1em;
}
.field__select + .field__input {
  margin-top: 15px;
}
.field__select_large {
  width: 100%;
}
.field__label {
  line-height: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
  display: block;
}
.field__desc {
  /*color: #aeb8bc;*/
  font-size: 13px;
  line-height: 1.2em;
  margin-bottom: 10px;
  /*font-size: 11px;*/
  /*line-height: 13px;*/
  /*color: #999999;*/
  color: #9A9A9F;
  /*margin-top: 5px;*/
}
.field__textarea {
  height: 70px;
  min-height: 70px;
}
.field__podbor {
  font-variant: normal;
  font-family: Courier !important;
  white-space: pre;
}
.field__podbor_mono {
  font-family: "Roboto Mono", "Courier New", monospace;
  white-space: pre;
}
.field__podbor_preview {
  /*font-family: "Roboto Mono", "Courier New", monospace;*/
  /*white-space: pre;*/
  font-size: 12px;
  line-height: 16px;
}
.field_select-wrapper {
  position: relative;
}
.field__select-wrapper:hover:before {
  color: #2d72d9;
}
.field__select-wrapper:before {
  direction: ltr;
  display: inline-block;
  font-family: "FontAwesome";
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #24263a;
  content: "";
  content: "";
  height: 2.5rem;
  line-height: 2.5rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  margin-top: -5px;
  width: 2.5rem;
  z-index: 2;
}
.field__select-wrapper select {
  cursor: pointer;
}
.field__select-wrapper select::-ms-expand {
  display: none;
}

form input[type=checkbox],
form input[type=radio] {
  display: none;
}

form label.field__checkbox,
form label.radio {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  display: block;
  padding-left: 2rem;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-tap-highlight-color: transparent;
  line-height: 24px;
  padding-top: 0.5rem;
}

form label.field__checkbox:last-child,
form label.radio:last-child {
  margin-bottom: 0;
}

form label.field__checkbox:before,
form label.radio:before {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #ffffff;
  border: 1px solid #D0D4D8;
  content: "";
  left: 0;
  position: absolute;
  /*top: 0.5rem;*/
  width: 1.5rem;
  height: 1.5rem;
}

form label.field__checkbox:after,
form label.radio:after {
  direction: ltr;
  display: inline-block;
  font-family: "FontAwesome";
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #ececee;
  color: #ffffff;
  content: "";
  padding: 1px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0.5rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
}

form input[type=checkbox]:checked + label.field__checkbox:before,
form input[type=checkbox]:checked + label.radio:before,
form input[type=radio]:checked + label.field__checkbox:before,
form input[type=radio]:checked + label.radio:before {
  background: #6c9b45;
  border: 1px solid #6c9b45;
}

form input[type=checkbox]:checked + label.field__checkbox:after,
form input[type=checkbox]:checked + label.radio:after,
form input[type=radio]:checked + label.field__checkbox:after,
form input[type=radio]:checked + label.radio:after {
  color: #fff;
}

form label.field__checkbox:before {
  border-radius: 0.1875rem;
}

form label.radio:before {
  border-radius: 0.75rem;
}

form label.field__checkbox.field-with-error:before {
  background-color: #ffe2de;
  border-color: #B43728;
}

form label.field__checkbox.field-with-error:after {
  color: #ffe2de;
}

.favorite__icon {
  display: inline-block;
  margin: 0 2px 0 0;
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
  width: 32px;
}
.favorite__icon.favorite_false:not(button) {
  color: transparent;
  width: 0px;
  margin: 0;
}
.favorite__icon.favorite_true:not(button) {
  color: #fdd835;
  width: 14.86px;
  margin-right: 8px;
}
.favorite__button.favorite_false {
  border-color: #2d72d9;
  background-color: #2d72d9;
  color: #ffffff;
}
.favorite__button.favorite_false:not(.favorite__button_icon):after {
  content: "Добавить в избранное";
}
.favorite__button.favorite_true:not(.favorite__button_icon):after {
  content: "Удалить из избранного";
}
.favorite__button.favorite_true span.fa {
  color: #daac43;
}
.favorite__button_icon {
  min-width: 32px;
  height: 32px;
}
.favorite__button_icon.favorite_true span.fa {
  color: #daac43;
}

.jBox-wrapper {
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.jBox-title,
.jBox-content,
.jBox-container {
  position: relative;
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.jBox-container {
  background: #fff;
}

.jBox-content {
  padding: 8px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.jBox-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.jBox-Tooltip .jBox-title,
.jBox-Mouse .jBox-title {
  padding: 8px 10px 0;
  font-weight: bold;
}
.jBox-Tooltip.jBox-hasTitle .jBox-content,
.jBox-Mouse.jBox-hasTitle .jBox-content {
  padding-top: 5px;
}

.jBox-Mouse {
  pointer-events: none;
}

.jBox-pointer {
  position: absolute;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.jBox-pointer:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.jBox-pointer-top {
  top: 0;
}
.jBox-pointer-top:after {
  left: 5px;
  top: 6px;
  -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-right {
  right: 0;
}
.jBox-pointer-right:after {
  top: 5px;
  right: 6px;
  -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-left {
  left: 0;
}
.jBox-pointer-left:after {
  top: 5px;
  left: 6px;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-bottom {
  bottom: 0;
}
.jBox-pointer-bottom:after {
  left: 5px;
  bottom: 6px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.jBox-pointer-top, .jBox-pointer-bottom {
  width: 30px;
  height: 12px;
}
.jBox-pointer-left, .jBox-pointer-right {
  width: 12px;
  height: 30px;
}

.jBox-Modal .jBox-container {
  border-radius: 4px;
}
.jBox-Modal .jBox-container, .jBox-Modal.jBox-closeButton-box:before {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}
.jBox-Modal .jBox-content {
  padding: 0;
}
.jBox-Modal .jBox-title {
  border-radius: 4px 4px 0 0;
  padding: 15px 20px;
  background: #fafafa;
  border-bottom: 1px solid #eee;
  font-weight: 700;
  font-size: 18px;
}
.jBox-Modal.jBox-closeButton-title .jBox-title {
  padding-right: 65px;
}
.jBox-Modal .jBox-footer {
  border-radius: 0 0 4px 4px;
}

.jBox-closeButton {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.jBox-closeButton svg {
  position: absolute;
  top: 50%;
  right: 50%;
}
.jBox-closeButton path {
  fill: #aaa;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}
.jBox-closeButton:hover path {
  fill: #888;
}

.jBox-overlay .jBox-closeButton {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
.jBox-overlay .jBox-closeButton svg {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: -10px;
}
.jBox-overlay .jBox-closeButton path {
  fill: #ddd;
}
.jBox-overlay .jBox-closeButton:hover path {
  fill: #fff;
}

.jBox-closeButton-title .jBox-closeButton {
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
}
.jBox-closeButton-title svg {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-right: -6px;
}

.jBox-closeButton-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.jBox-closeButton-box .jBox-closeButton {
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}
.jBox-closeButton-box .jBox-closeButton svg {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-right: -5px;
}
.jBox-closeButton-box:before {
  content: "";
  position: absolute;
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.jBox-closeButton-box.jBox-pointerPosition-top:before {
  top: 5px;
}
.jBox-closeButton-box.jBox-pointerPosition-right:before {
  right: 2px;
}

.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton {
  background: #fafafa;
}

.jBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.82);
}

.jBox-footer {
  background: #fafafa;
  border-top: 1px solid #eee;
  padding: 8px 10px;
  border-radius: 0 0 3px 3px;
}

body[class^=jBox-blockScroll-],
body[class*=" jBox-blockScroll-"] {
  overflow: hidden;
}

.jBox-draggable {
  cursor: move;
}

@-webkit-keyframes jBoxLoading {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes jBoxLoading {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.jBox-loading .jBox-content {
  opacity: 0.2;
}

.jBox-loading-spinner .jBox-content {
  min-height: 38px !important;
  min-width: 38px !important;
  opacity: 0;
}

.jBox-spinner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
.jBox-spinner:before {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.8);
  -webkit-animation: jBoxLoading 0.6s linear infinite;
          animation: jBoxLoading 0.6s linear infinite;
}

.jBox-countdown {
  border-radius: 4px 4px 0 0;
  z-index: 0;
  background: #000;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  overflow: hidden;
}
.jBox-countdown-inner {
  top: 0;
  right: 0;
  width: 100%;
  height: 3px;
  position: absolute;
  background: #fff;
}

[class^=jBox-animated-],
[class*=" jBox-animated-"] {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes jBox-tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.8) rotate(-4deg);
            transform: scale(0.8) rotate(-4deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.2) rotate(4deg);
            transform: scale(1.2) rotate(4deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.2) rotate(-4deg);
            transform: scale(1.2) rotate(-4deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

@keyframes jBox-tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.8) rotate(-4deg);
            transform: scale(0.8) rotate(-4deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.2) rotate(4deg);
            transform: scale(1.2) rotate(4deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.2) rotate(-4deg);
            transform: scale(1.2) rotate(-4deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
.jBox-animated-tada {
  -webkit-animation: jBox-tada 1s;
          animation: jBox-tada 1s;
}

@-webkit-keyframes jBox-tadaSmall {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-2deg);
            transform: scale(0.9) rotate(-2deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(2deg);
            transform: scale(1.1) rotate(2deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-2deg);
            transform: scale(1.1) rotate(-2deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

@keyframes jBox-tadaSmall {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-2deg);
            transform: scale(0.9) rotate(-2deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(2deg);
            transform: scale(1.1) rotate(2deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-2deg);
            transform: scale(1.1) rotate(-2deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
.jBox-animated-tadaSmall {
  -webkit-animation: jBox-tadaSmall 1s;
          animation: jBox-tadaSmall 1s;
}

@-webkit-keyframes jBox-flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes jBox-flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.jBox-animated-flash {
  -webkit-animation: jBox-flash 0.5s;
          animation: jBox-flash 0.5s;
}

@-webkit-keyframes jBox-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%, 60% {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  40%, 80% {
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
}

@keyframes jBox-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%, 60% {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  40%, 80% {
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
}
.jBox-animated-shake {
  -webkit-animation: jBox-shake 0.4s;
          animation: jBox-shake 0.4s;
}

@-webkit-keyframes jBox-pulseUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jBox-pulseUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.jBox-animated-pulseUp {
  -webkit-animation: jBox-pulseUp 0.25s;
          animation: jBox-pulseUp 0.25s;
}

@-webkit-keyframes jBox-pulseDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jBox-pulseDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.jBox-animated-pulseDown {
  -webkit-animation: jBox-pulseDown 0.25s;
          animation: jBox-pulseDown 0.25s;
}

@-webkit-keyframes jBox-popIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jBox-popIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.jBox-animated-popIn {
  -webkit-animation: jBox-popIn 0.25s;
          animation: jBox-popIn 0.25s;
}

@-webkit-keyframes jBox-popOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes jBox-popOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.jBox-animated-popOut {
  -webkit-animation: jBox-popOut 0.25s;
          animation: jBox-popOut 0.25s;
}

@-webkit-keyframes jBox-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes jBox-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.jBox-animated-fadeIn {
  -webkit-animation: jBox-fadeIn 0.2s;
          animation: jBox-fadeIn 0.2s;
}

@-webkit-keyframes jBox-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes jBox-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.jBox-animated-fadeOut {
  -webkit-animation: jBox-fadeOut 0.2s;
          animation: jBox-fadeOut 0.2s;
}

@-webkit-keyframes jBox-slideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
  }
}

@keyframes jBox-slideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
    opacity: 0;
  }
}
.jBox-animated-slideUp {
  -webkit-animation: jBox-slideUp 0.4s;
          animation: jBox-slideUp 0.4s;
}

@-webkit-keyframes jBox-slideRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
}

@keyframes jBox-slideRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
}
.jBox-animated-slideRight {
  -webkit-animation: jBox-slideRight 0.4s;
          animation: jBox-slideRight 0.4s;
}

@-webkit-keyframes jBox-slideDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
  }
}

@keyframes jBox-slideDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(300px);
            transform: translateY(300px);
    opacity: 0;
  }
}
.jBox-animated-slideDown {
  -webkit-animation: jBox-slideDown 0.4s;
          animation: jBox-slideDown 0.4s;
}

@-webkit-keyframes jBox-slideLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }
}

@keyframes jBox-slideLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }
}
.jBox-animated-slideLeft {
  -webkit-animation: jBox-slideLeft 0.4s;
          animation: jBox-slideLeft 0.4s;
}

.jBox-content .menu {
  border-radius: 4px;
  margin: -8px -12px;
}

.jBox-overlay_gray {
  background-color: rgba(0, 0, 0, 0.22);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  z-index: 9999;
}

/*.modal__close {*/
/*  position: absolute;*/
/*  right: 12px;*/
/*  top: 10px;*/
/*  font-size: 26px;*/
/*  color: #cecece;*/
/*}*/

/*
 * This file is part of the AmDm-4.0 package.
 *
 * (c) Dmitry Rudakov <dima@amdm.ru>
 *
 * Created at: 2019-03-27 22:26
 * Version: 4.0
 */
.dd-select {
  /*border-radius: 2px;*/
  /*border: solid 1px #ccc;*/
  /*position: relative;*/
  cursor: pointer;
  font-weight: 500;
  z-index: 3;
}

.dd-desc {
  color: #aaa;
  display: block;
  overflow: hidden;
  font-weight: normal;
  line-height: 1.4em;
}

.dd-selected {
  overflow: hidden;
  display: block;
  /*padding: 10px;*/
  /*font-weight: bold;*/
  color: #000;
  margin: 2px 0 0 3px;
  cursor: pointer;
  text-decoration: none;
}

.dd-selected:hover {
  text-decoration: none;
}

.dd-pointer {
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}

.dd-pointer-down {
  border: solid 5px transparent;
  border-top: solid 5px #000;
}

.dd-pointer-up {
  border: solid 5px transparent !important;
  border-bottom: solid 5px #000 !important;
  margin-top: -8px;
}

.dd-options {
  /*border: solid 1px #ccc;*/
  border-top: none;
  list-style: none;
  /*box-shadow: 0px 1px 5px #ddd;*/
  display: none;
  position: absolute;
  z-index: 2000;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
}

.dd-option {
  /*padding: 10px;*/
  padding: 0 12px;
  line-height: 28px;
  display: block;
  /*border-bottom: solid 1px #ddd;*/
  overflow: hidden;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  font-weight: 700;
  border-bottom: 1px solid #f0f0f0;
}

.dd-options > li:last-child > .dd-option {
  border-bottom: none;
}

.dd-option:hover, .dd-option-selected {
  text-decoration: none;
  /*background-color: #6c9b45;*/
  background-color: #4585E1;
  color: #fff;
}

.dd-selected-description-truncated {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-option-image, .dd-selected-image {
  vertical-align: middle;
  float: left;
  margin-right: 5px;
  max-width: 64px;
}

.dd-image-right {
  float: right;
  margin-right: 15px;
  margin-left: 5px;
}

.dd-container {
  position: relative;
}

​ .dd-selected-text {
  /*font-weight: bold*/
  cursor: pointer;
}

.dd-option-text {
  cursor: pointer;
}