/* line 9 : /js/build/tmp/styles.styl */

/* line 1 : /js/build/node_modules/stylus/lib/functions/index.styl */

/* line 297 : /js/build/node_modules/stylus/lib/functions/index.styl */

/* line 1 : /js/build/node_modules/rupture/rupture/index.styl */

/* line 260 : /js/build/node_modules/rupture/rupture/index.styl */

/* line 1 : /js/build/node_modules/rupture/rupture/index.styl */

/* line 260 : /js/build/node_modules/rupture/rupture/index.styl */

/* line 1 : /js/build/node_modules/rupture/rupture/index.styl */

/* line 260 : /js/build/node_modules/rupture/rupture/index.styl */

/* line 110 : /js/build/modules/styles/common.styl */

/* line 110 : /js/build/modules/styles/common.styl */

/* line 147 : /js/build/modules/styles/blocks/variables/variables.styl */

/* line 147 : /js/build/modules/styles/blocks/variables/variables.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/border.styl */

/* line 10 : /js/build/node_modules/nib/lib/nib/border.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/clearfix.styl */

/* line 28 : /js/build/node_modules/nib/lib/nib/clearfix.styl */

/* line 24 : /js/build/node_modules/nib/lib/nib/color-image.styl */

/* line 4 : /js/build/node_modules/nib/lib/nib/color-image.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/image.styl */

/* line 25 : /js/build/node_modules/nib/lib/nib/image.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/overflow.styl */

/* line 20 : /js/build/node_modules/nib/lib/nib/overflow.styl */

/* line 24 : /js/build/node_modules/nib/lib/nib/positions.styl */

/* line 66 : /js/build/node_modules/nib/lib/nib/positions.styl */

/* line 5 : /js/build/node_modules/nib/lib/nib/text/index.styl */

/* line 5 : /js/build/node_modules/nib/lib/nib/text/index.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/text/aliases.styl */

/* line 12 : /js/build/node_modules/nib/lib/nib/text/aliases.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/text/ellipsis.styl */

/* line 9 : /js/build/node_modules/nib/lib/nib/text/ellipsis.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/text/hide-text.styl */

/* line 8 : /js/build/node_modules/nib/lib/nib/text/hide-text.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/text/replace-text.styl */

/* line 9 : /js/build/node_modules/nib/lib/nib/text/replace-text.styl */

/* line 24 : /js/build/node_modules/nib/lib/nib/text/shadow-stroke.styl */

/* line 2 : /js/build/node_modules/nib/lib/nib/text/shadow-stroke.styl */

/* line 1 : /js/build/node_modules/nib/lib/nib/size.styl */

/* line 28 : /js/build/node_modules/nib/lib/nib/size.styl */

/* line 5 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 7 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 8 : /js/build/modules/styles/blocks/variables/icons.styl */
.text-input__clear::after,
.close-button::after,
.page__nav_prev .page__nav-text::before,
.page__nav_next .page__nav-text::before,
.link__type[data-url^="mailto:"]::before,
.link__type[data-url^='/play/']::before,
.page_ebook a[href*='://']:not([href*='javascript.'])::after,
.main__anchor::before,
.main__footer-star::before,
.share_tw::after,
.share_fb::after,
.share_gp::after,
.share_vk::after,
.donate-button::before,
.donate-links__link::after,
.sidebar__toggle::before,
.breadcrumbs__item_home .breadcrumbs__link::before,
.important_warn .important__type::before,
.important_smart .important__type::before,
.important_ponder .important__type::before,
.important_ok .important__type::before,
.spoiler__button::after,
.spoiler.closed .spoiler__button::after,
.toolbar__button_run::before,
.toolbar__button_external::before,
.toolbar__button_download::before,
.toolbar__button_edit::before,
.code-tabs__scroll-button_left::before,
.code-tabs__scroll-button_right::before,
.code-tabs__button_edit::before,
.code-tabs__button_external::before,
.code-tabs__button_download::before,
.comments__header-title::before,
.banner-bottom__close::before,
.quote__footer:before,
.lessons-list_screencast .lessons-list__download:before,
.lessons-list_screencast .lessons-list__lesson > a:before,
.task__open-link::before,
.tasks .tasks__title::before,
.map:before,
.tablet-ebook:before,
.notification__close::before,
.tasks_automation .task__toggle-link::before,
ul > li.rating-stars__star:after,
.photo-cut__rotate:after,
.profile__linked-provider-remove::after,
.profile-field_editable .profile-field__value::after,
.profile-field_editable.profile-field_password::after,
.profile-photo__upic-edit::before,
.receipts__edit:after,
.sitetoolbar__nav-toggle::before,
.sitetoolbar__login:after,
.sitetoolbar__dropdown-button::after,
.sitetoolbar__user::after,
.sitetoolbar__search-toggle::before,
.tablet-menu-search__button::before,
.invoice-table__info-link:after,
.invoice-table__settings-participant .text-input_approved_no .text-input__status:after,
.invoice-table__settings-participant .text-input_approved_yes .text-input__status:after,
.courses-table__status_verified:before,
.courses-table__status_started:before,
.courses-table__status_ended:before,
.courses-materials__delete-action:after,
.courses-feedback-slides__open-feedback:after,
.courses-feedback-control_left .courses-feedback-control__button:after,
.courses-feedback-control_right .courses-feedback-control__button:after,
.participants-logos__arr_left:after,
.participants-logos__arr_right:after,
.course-feedback_not-public::after,
.course-feedback__add-comment:after,
.feedback-policy__link:after,
.phone-toggler:after,
.social-login_facebook::before,
.social-login_vkontakte::before,
.social-login_google::before,
.social-login_github::before,
.social-login_yandex::before,
.social-login_twitter::before,
.about-en-header__github::before,
.main-en-banner__github::before,
.main-en-banner__subscribe::before,
.main-en-search__button::before {
  font-family: 'FontIcons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 13 : /js/build/modules/styles/blocks/variables/icons.styl */
.no-icons .text-input__clear::after,
.no-icons .close-button::after,
.no-icons .page__nav_prev .page__nav-text::before,
.no-icons .page__nav_next .page__nav-text::before,
.no-icons .link__type[data-url^="mailto:"]::before,
.no-icons .link__type[data-url^='/play/']::before,
.no-icons .page_ebook a[href*='://']:not([href*='javascript.'])::after,
.no-icons .main__anchor::before,
.no-icons .main__footer-star::before,
.no-icons .share_tw::after,
.no-icons .share_fb::after,
.no-icons .share_gp::after,
.no-icons .share_vk::after,
.no-icons .donate-button::before,
.no-icons .donate-links__link::after,
.no-icons .sidebar__toggle::before,
.no-icons .breadcrumbs__item_home .breadcrumbs__link::before,
.no-icons .important_warn .important__type::before,
.no-icons .important_smart .important__type::before,
.no-icons .important_ponder .important__type::before,
.no-icons .important_ok .important__type::before,
.no-icons .spoiler__button::after,
.no-icons .spoiler.closed .spoiler__button::after,
.no-icons .toolbar__button_run::before,
.no-icons .toolbar__button_external::before,
.no-icons .toolbar__button_download::before,
.no-icons .toolbar__button_edit::before,
.no-icons .code-tabs__scroll-button_left::before,
.no-icons .code-tabs__scroll-button_right::before,
.no-icons .code-tabs__button_edit::before,
.no-icons .code-tabs__button_external::before,
.no-icons .code-tabs__button_download::before,
.no-icons .comments__header-title::before,
.no-icons .banner-bottom__close::before,
.no-icons .quote__footer:before,
.no-icons .lessons-list_screencast .lessons-list__download:before,
.no-icons .lessons-list_screencast .lessons-list__lesson > a:before,
.no-icons .task__open-link::before,
.no-icons .tasks .tasks__title::before,
.no-icons .map:before,
.no-icons .tablet-ebook:before,
.no-icons .notification__close::before,
.no-icons .tasks_automation .task__toggle-link::before,
.no-icons ul > li.rating-stars__star:after,
.no-icons .photo-cut__rotate:after,
.no-icons .profile__linked-provider-remove::after,
.no-icons .profile-field_editable .profile-field__value::after,
.no-icons .profile-field_editable.profile-field_password::after,
.no-icons .profile-photo__upic-edit::before,
.no-icons .receipts__edit:after,
.no-icons .sitetoolbar__nav-toggle::before,
.no-icons .sitetoolbar__login:after,
.no-icons .sitetoolbar__dropdown-button::after,
.no-icons .sitetoolbar__user::after,
.no-icons .sitetoolbar__search-toggle::before,
.no-icons .tablet-menu-search__button::before,
.no-icons .invoice-table__info-link:after,
.no-icons .invoice-table__settings-participant .text-input_approved_no .text-input__status:after,
.no-icons .invoice-table__settings-participant .text-input_approved_yes .text-input__status:after,
.no-icons .courses-table__status_verified:before,
.no-icons .courses-table__status_started:before,
.no-icons .courses-table__status_ended:before,
.no-icons .courses-materials__delete-action:after,
.no-icons .courses-feedback-slides__open-feedback:after,
.no-icons .courses-feedback-control_left .courses-feedback-control__button:after,
.no-icons .courses-feedback-control_right .courses-feedback-control__button:after,
.no-icons .participants-logos__arr_left:after,
.no-icons .participants-logos__arr_right:after,
.no-icons .course-feedback_not-public::after,
.no-icons .course-feedback__add-comment:after,
.no-icons .feedback-policy__link:after,
.no-icons .phone-toggler:after,
.no-icons .social-login_facebook::before,
.no-icons .social-login_vkontakte::before,
.no-icons .social-login_google::before,
.no-icons .social-login_github::before,
.no-icons .social-login_yandex::before,
.no-icons .social-login_twitter::before,
.no-icons .about-en-header__github::before,
.no-icons .main-en-banner__github::before,
.no-icons .main-en-banner__subscribe::before,
.no-icons .main-en-search__button::before {
  visibility: hidden;
}

/* line 16 : /js/build/modules/styles/blocks/variables/icons.styl */
.spoiler__button::after {
  content: '\25B4';
}

/* line 20 : /js/build/modules/styles/blocks/variables/icons.styl */
.banner-bottom__close::before,
.notification__close::before {
  content: '\E80D';
}

/* line 24 : /js/build/modules/styles/blocks/variables/icons.styl */
.spoiler.closed .spoiler__button::after,
.sitetoolbar__dropdown-button::after,
.sitetoolbar__user::after,
.phone-toggler:after {
  content: '\25BE';
}

/* line 28 : /js/build/modules/styles/blocks/variables/icons.styl */
.main__footer-star::before,
ul > li.rating-stars__star:after {
  content: '\2605';
}

/* line 32 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 36 : /js/build/modules/styles/blocks/variables/icons.styl */
.important_warn .important__type::before {
  content: '\26A0';
}

/* line 40 : /js/build/modules/styles/blocks/variables/icons.styl */
.link__type[data-url^="mailto:"]::before {
  content: '\E810';
}

/* line 44 : /js/build/modules/styles/blocks/variables/icons.styl */
.main-en-banner__subscribe::before {
  content: '\E835';
}

/* line 48 : /js/build/modules/styles/blocks/variables/icons.styl */
.link__type[data-url^='/play/']::before,
.toolbar__button_edit::before,
.code-tabs__button_edit::before {
  content: '\270D';
}

/* line 52 : /js/build/modules/styles/blocks/variables/icons.styl */
.important_ok .important__type::before,
.tasks .tasks__title::before,
.invoice-table__settings-participant .text-input_approved_yes .text-input__status:after,
.courses-table__status_verified:before {
  content: '\2714';
}

/* line 56 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 60 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 64 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 68 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 72 : /js/build/modules/styles/blocks/variables/icons.styl */
.important_ponder .important__type::before,
.invoice-table__settings-participant .text-input_approved_no .text-input__status:after {
  content: '\E81E';
}

/* line 76 : /js/build/modules/styles/blocks/variables/icons.styl */
.important_smart .important__type::before,
.tasks_automation .task__toggle-link::before,
.feedback-policy__link:after {
  content: '\E705';
}

/* line 80 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 84 : /js/build/modules/styles/blocks/variables/icons.styl */
.page_ebook a[href*='://']:not([href*='javascript.'])::after,
.toolbar__button_external::before,
.code-tabs__button_external::before,
.task__open-link::before,
.invoice-table__info-link:after,
.courses-feedback-slides__open-feedback:after {
  content: '\E715';
}

/* line 88 : /js/build/modules/styles/blocks/variables/icons.styl */
.toolbar__button_download::before,
.code-tabs__button_download::before {
  content: '\E805';
}

/* line 92 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 96 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 100 : /js/build/modules/styles/blocks/variables/icons.styl */
.page__nav_prev .page__nav-text::before,
.code-tabs__scroll-button_left::before,
.courses-feedback-control_left .courses-feedback-control__button:after,
.participants-logos__arr_left:after {
  content: '\E80E';
}

/* line 104 : /js/build/modules/styles/blocks/variables/icons.styl */
.page__nav_next .page__nav-text::before,
.code-tabs__scroll-button_right::before,
.courses-feedback-control_right .courses-feedback-control__button:after,
.participants-logos__arr_right:after {
  content: '\E807';
}

/* line 108 : /js/build/modules/styles/blocks/variables/icons.styl */
.toolbar__button_run::before,
.lessons-list_screencast .lessons-list__lesson > a:before {
  content: '\F00F';
}

/* line 112 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 116 : /js/build/modules/styles/blocks/variables/icons.styl */
.comments__header-title::before,
.course-feedback__add-comment:after {
  content: '\F4AC';
}

/* line 120 : /js/build/modules/styles/blocks/variables/icons.styl */
.sitetoolbar__search-toggle::before,
.tablet-menu-search__button::before,
.main-en-search__button::before {
  content: '\E81B';
}

/* line 124 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 128 : /js/build/modules/styles/blocks/variables/icons.styl */
.sitetoolbar__login:after {
  content: '\1F464';
}

/* line 132 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 136 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 140 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 144 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 148 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 152 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 156 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 160 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 164 : /js/build/modules/styles/blocks/variables/icons.styl */
.profile-field_editable .profile-field__value::after,
.profile-field_editable.profile-field_password::after,
.receipts__edit:after {
  content: '\E803';
}

/* line 168 : /js/build/modules/styles/blocks/variables/icons.styl */
.profile__linked-provider-remove::after,
.courses-materials__delete-action:after {
  content: '\E804';
}

/* line 172 : /js/build/modules/styles/blocks/variables/icons.styl */
.sidebar__toggle::before,
.sitetoolbar__nav-toggle::before {
  content: '!';
}

/* line 177 : /js/build/modules/styles/blocks/variables/icons.styl */
.main__anchor::before {
  content: '\E80C';
}

/* line 181 : /js/build/modules/styles/blocks/variables/icons.styl */
.profile-photo__upic-edit::before {
  content: '\E812';
}

/* line 185 : /js/build/modules/styles/blocks/variables/icons.styl */
.breadcrumbs__item_home .breadcrumbs__link::before {
  content: '\E813';
}

/* line 189 : /js/build/modules/styles/blocks/variables/icons.styl */
.map:before {
  content: '\E814';
}

/* line 193 : /js/build/modules/styles/blocks/variables/icons.styl */
.text-input__clear::after,
.close-button::after {
  content: '\E815';
}

/* line 197 : /js/build/modules/styles/blocks/variables/icons.styl */
.share_tw::after {
  content: '\E808';
}

/* line 201 : /js/build/modules/styles/blocks/variables/icons.styl */
.share_fb::after,
.social-login_facebook::before {
  content: '\E809';
}

/* line 205 : /js/build/modules/styles/blocks/variables/icons.styl */
.share_gp::after,
.social-login_google::before {
  content: '\E80A';
}

/* line 209 : /js/build/modules/styles/blocks/variables/icons.styl */
.share_vk::after,
.social-login_vkontakte::before {
  content: '\E80B';
}

/* line 213 : /js/build/modules/styles/blocks/variables/icons.styl */
.social-login_github::before,
.social-login_twitter::before {
  content: '\E80F';
}

/* line 217 : /js/build/modules/styles/blocks/variables/icons.styl */
.about-en-header__github::before,
.main-en-banner__github::before {
  content: '\E853';
}

/* line 221 : /js/build/modules/styles/blocks/variables/icons.styl */
.social-login_yandex::before {
  content: '\E806';
}

/* line 225 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 229 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 233 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 237 : /js/build/modules/styles/blocks/variables/icons.styl */
.quote__footer:before {
  content: '\E81A';
}

/* line 241 : /js/build/modules/styles/blocks/variables/icons.styl */
.lessons-list_screencast .lessons-list__download:before {
  content: '\E81C';
}

/* line 245 : /js/build/modules/styles/blocks/variables/icons.styl */
.tablet-ebook:before {
  content: '\E81D';
}

/* line 249 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 253 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 257 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 261 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 265 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 269 : /js/build/modules/styles/blocks/variables/icons.styl */
.courses-table__status_ended:before {
  content: '\E824';
}

/* line 273 : /js/build/modules/styles/blocks/variables/icons.styl */
.courses-table__status_started:before {
  content: '\E825';
}

/* line 277 : /js/build/modules/styles/blocks/variables/icons.styl */
.photo-cut__rotate:after {
  content: '\E826';
}

/* line 281 : /js/build/modules/styles/blocks/variables/icons.styl */
.donate-button::before,
.donate-links__link::after {
  content: '\E827';
}

/* line 285 : /js/build/modules/styles/blocks/variables/icons.styl */
.course-feedback_not-public::after {
  content: '\E828';
}

/* line 289 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 293 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 297 : /js/build/modules/styles/blocks/variables/icons.styl */
.main__anchor::before {
  content: '\E82B';
}

/* line 301 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 305 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 309 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 313 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 317 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 321 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 325 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 329 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 333 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 337 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 143 : /js/build/modules/styles/blocks/variables/variables.styl */
.login-form_inline .login-form__body,
.complex-form__step,
.course-feedback,
.participant-application {
  border-radius: 10px;
  border: 3px solid #f2e7b3;
}

/* line 339 : /js/build/modules/styles/blocks/variables/icons.styl */

/* line 24 : /js/build/modules/styles/blocks/mixins/hover.styl */

/* line 24 : /js/build/modules/styles/blocks/mixins/imagesize.styl */

/* line 9 : /js/build/modules/styles/blocks/mixins/imagesize.styl */

/* line 9 : /js/build/modules/styles/blocks/tablet-only/tablet-only.styl */

/* line 1 : /js/build/modules/styles/blocks/tablet-only/tablet-only.styl */
.tablet-only {
  display: none;
}
@media (max-width: 840px) {

/* line 5 : /js/build/modules/styles/blocks/tablet-only/tablet-only.styl */
  .tablet-only {
    display: block;
  }
}

/* line 1 : /js/build/modules/styles/blocks/tablet-only/tablet-only.styl */

/* line 1 : /js/build/modules/styles/blocks/phone-only/phone-only.styl */

/* line 1 : /js/build/modules/styles/blocks/phone-only/phone-only.styl */
.phone-only {
  display: none;
}
@media (max-width: 568px) {

/* line 5 : /js/build/modules/styles/blocks/phone-only/phone-only.styl */
  .phone-only {
    display: block;
  }
}

/* line 1 : /js/build/modules/styles/blocks/phone-only/phone-only.styl */

/* line 1 : /js/build/modules/styles/blocks/reset/reset.styl */

/* line 1 : /js/build/modules/styles/blocks/reset/reset.styl */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
address,
dl,
dd,
ul,
ol,
fieldset,
form,
legend,
th,
td,
figure,
figcaption {
  margin: 0;
  padding: 0;
}

/* line 11 : /js/build/modules/styles/blocks/reset/reset.styl */
section,
article,
aside,
figure,
figcaption,
header,
hgroup,
footer,
nav {
  display: block;
}

/* line 17 : /js/build/modules/styles/blocks/reset/reset.styl */
a img {
  border: 0;
}

/* line 20 : /js/build/modules/styles/blocks/reset/reset.styl */
ul {
  list-style: none;
}

/* line 23 : /js/build/modules/styles/blocks/reset/reset.styl */
p {
  margin: 20px 0;
}

/* line 26 : /js/build/modules/styles/blocks/reset/reset.styl */
.invisible {
  visibility: hidden;
}

/* line 27 : /js/build/modules/styles/blocks/reset/reset.styl */

/* line 27 : /js/build/modules/styles/blocks/placeholders/button-reset.styl */

/* line 1 : /js/build/modules/styles/blocks/placeholders/button-reset.styl */
.text-input__clear,
.number-input__btn,
.close-button,
.sidebar .sidebar__toggle,
.spoiler__button,
.code-tabs__scroll-button,
.banner-bottom__close,
.search-form__type,
.task__solution,
.task__step-show,
.error__button-link,
.notification__close,
.photo-cut__rotate,
.login-form__button-link,
.profile__linked-provider-remove,
.profile__action,
.profile-field__cancel,
.profile-field__action,
.sitetoolbar__nav-toggle,
.sitetoolbar__user,
.sitetoolbar__login,
.sitetoolbar__dropdown-button,
.sitetoolbar__search-toggle,
.courses-signup__button-link,
.courses-materials__delete-action,
.course-feedback-comment-form__item-cancel,
.course-feedback__add-comment,
.social-login {
  border: 0;
  background: none;
  display: inline;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/* line 9 : /js/build/modules/styles/blocks/placeholders/button-reset.styl */
.text-input__clear::-moz-focus-inner,
.number-input__btn::-moz-focus-inner,
.close-button::-moz-focus-inner,
.sidebar .sidebar__toggle::-moz-focus-inner,
.spoiler__button::-moz-focus-inner,
.code-tabs__scroll-button::-moz-focus-inner,
.banner-bottom__close::-moz-focus-inner,
.search-form__type::-moz-focus-inner,
.task__solution::-moz-focus-inner,
.task__step-show::-moz-focus-inner,
.error__button-link::-moz-focus-inner,
.notification__close::-moz-focus-inner,
.photo-cut__rotate::-moz-focus-inner,
.login-form__button-link::-moz-focus-inner,
.profile__linked-provider-remove::-moz-focus-inner,
.profile__action::-moz-focus-inner,
.profile-field__cancel::-moz-focus-inner,
.profile-field__action::-moz-focus-inner,
.sitetoolbar__nav-toggle::-moz-focus-inner,
.sitetoolbar__user::-moz-focus-inner,
.sitetoolbar__login::-moz-focus-inner,
.sitetoolbar__dropdown-button::-moz-focus-inner,
.sitetoolbar__search-toggle::-moz-focus-inner,
.courses-signup__button-link::-moz-focus-inner,
.courses-materials__delete-action::-moz-focus-inner,
.course-feedback-comment-form__item-cancel::-moz-focus-inner,
.course-feedback__add-comment::-moz-focus-inner,
.social-login::-moz-focus-inner {
  border: none;
  padding: 0;
}

/* line 13 : /js/build/modules/styles/blocks/placeholders/button-reset.styl */
.text-input__clear:focus,
.number-input__btn:focus,
.close-button:focus,
.sidebar .sidebar__toggle:focus,
.spoiler__button:focus,
.code-tabs__scroll-button:focus,
.banner-bottom__close:focus,
.search-form__type:focus,
.task__solution:focus,
.task__step-show:focus,
.error__button-link:focus,
.notification__close:focus,
.photo-cut__rotate:focus,
.login-form__button-link:focus,
.profile__linked-provider-remove:focus,
.profile__action:focus,
.profile-field__cancel:focus,
.profile-field__action:focus,
.sitetoolbar__nav-toggle:focus,
.sitetoolbar__user:focus,
.sitetoolbar__login:focus,
.sitetoolbar__dropdown-button:focus,
.sitetoolbar__search-toggle:focus,
.courses-signup__button-link:focus,
.courses-materials__delete-action:focus,
.course-feedback-comment-form__item-cancel:focus,
.course-feedback__add-comment:focus,
.social-login:focus {
  outline: 0;
}

/* line 14 : /js/build/modules/styles/blocks/placeholders/clearfix.styl */

/* line 1 : /js/build/modules/styles/blocks/placeholders/clearfix.styl */

/* line 2 : /js/build/modules/styles/blocks/placeholders/clearfix.styl */
.main__footer::after,
.main .clearfix::after,
.balance::after,
.quote::after,
.lessons-list::after,
.donate-list::after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

/* line 6 : /js/build/modules/styles/blocks/placeholders/link-button.styl */

/* line 1 : /js/build/modules/styles/blocks/placeholders/link-button.styl */
.error__button-link,
.login-form__button-link,
.courses-signup__button-link,
.social-login {
  font: inherit;
  color: #0059b2;
  box-sizing: content-box;
}

/* line 7 : /js/build/modules/styles/blocks/placeholders/link-button.styl */
.working-hover .error__button-link:hover,
.working-hover .login-form__button-link:hover,
.working-hover .courses-signup__button-link:hover,
.working-hover .social-login:hover {
  text-decoration: underline;
  color: #ba1000;
}

/* line 9 : /js/build/modules/styles/blocks/placeholders/link-button.styl */

/* line 9 : /js/build/modules/styles/blocks/columns/columns.styl */

/* line 1 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns {
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* line 8 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns__col {
  display: table-cell;
  vertical-align: top;
}

/* line 12 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns_2 .columns__col {
  width: 50%;
}

/* line 15 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns_3 .columns__col {
  width: 33%;
}

/* line 18 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns_3 .columns__col:nth-child(2) {
  width: 34%;
}

/* line 21 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns_4 .columns__col {
  width: 25%;
}

/* line 24 : /js/build/modules/styles/blocks/columns/columns.styl */
.columns_5 .columns__col {
  width: 20%;
}

/* line 25 : /js/build/modules/styles/blocks/columns/columns.styl */

/* line 1 : /js/build/modules/styles/blocks/font/font-icons.styl */
@font-face {
  font-family: 'FontIcons';
  src: url(/pack/modules/styles/blocks/font/icons.4d2a69f8b521198cacb79fadc22a8c66.woff) format('woff'), url(/pack/modules/styles/blocks/font/icons.542eb71b44ca9af7f31525501f2ddf21.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}

/* line 5 : /js/build/modules/styles/blocks/font/font-icons.styl */

/* line 5 : /js/build/modules/styles/blocks/font-test/font-test.styl */

/* line 1 : /js/build/modules/styles/blocks/font-test/font-test.styl */
.font-test {
  font-family: 'FontIcons', serif;
  position: fixed;
  top: -100px;
  left: -100px;
}

/* line 6 : /js/build/modules/styles/blocks/font-test/font-test.styl */
.font-test::after {
  content: '!';
}

/* line 7 : /js/build/modules/styles/blocks/font-test/font-test.styl */

/* line 7 : /js/build/templates/blocks/text-input/index.styl */

/* line 1 : /js/build/templates/blocks/text-input/index.styl */
.text-input {
  display: inline-block;
  width: 100%;
}

/* line 5 : /js/build/templates/blocks/text-input/index.styl */
.text-input__control {
  box-shadow: inset 1px 1px 5px 0 #eee;
  box-sizing: border-box;
  line-height: 16px;
  font-size: 16px;
  padding: 8px 4px;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  width: 100%;
  margin: 0;
  height: 34px;
}

/* line 17 : /js/build/templates/blocks/text-input/index.styl */
.text-input__control:disabled {
  border-color: #c6c6c6;
  background: #f5f2f0;
  color: #999;
}

/* line 22 : /js/build/templates/blocks/text-input/index.styl */
.text-input__control:focus {
  border-color: #8eb0d2;
  box-shadow: inset 1px 1px 5px 0 #e1edf2;
  outline: 0;
}

/* line 27 : /js/build/templates/blocks/text-input/index.styl */
.text-input__control_big {
  padding: 10px 4px;
  height: 38px;
  vertical-align: middle;
}

/* line 34 : /js/build/templates/blocks/text-input/index.styl */
.text-input__clear {
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  color: #999;
  font-size: 20px;
  display: none;
  width: 36px;
  height: 34px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  transition: opacity 0.1s ease;
}

/* line 52 : /js/build/templates/blocks/text-input/index.styl */
.working-hover .text-input__clear:hover {
  opacity: 1;
}

/* line 55 : /js/build/templates/blocks/text-input/index.styl */
.text-input__clear::after {
  z-index: 1;
  position: absolute;
  font-size: 20px;
  right: 8px;
  line-height: 34px;
}

/* line 63 : /js/build/templates/blocks/text-input/index.styl */
.text-input__clear::before {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px;
}

/* line 75 : /js/build/templates/blocks/text-input/index.styl */
.text-input__clear:active {
  position: absolute;
}

/* line 78 : /js/build/templates/blocks/text-input/index.styl */
.text-input__err {
  display: block;
  visibility: hidden;
  color: #c55b4a;
  font-size: 12px;
  padding: 4px 0 0;
}

/* line 87 : /js/build/templates/blocks/text-input/index.styl */
.text-input_invalid .text-input__control,
.text-input__control.ng-invalid.ng-dirty {
  border-color: #cc5b4d;
  box-shadow: inset 1px 1px 5px 0 #f2e7e7;
}

/* line 92 : /js/build/templates/blocks/text-input/index.styl */
.text-input_invalid .text-input__err,
.text-input__control.ng-invalid.ng-dirty + .text-input__err {
  visibility: visible;
}

/* line 96 : /js/build/templates/blocks/text-input/index.styl */

/* line 97 : /js/build/templates/blocks/text-input/index.styl */
.text-input_with-aside .text-input__control {
  padding-right: 85px;
}

/* line 100 : /js/build/templates/blocks/text-input/index.styl */
.text-input_with-aside .text-input__aside {
  position: absolute;
  top: 0;
  right: 10px;
}

/* line 105 : /js/build/templates/blocks/text-input/index.styl */

/* line 106 : /js/build/templates/blocks/text-input/index.styl */
.text-input_small .text-input__control {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}

/* line 112 : /js/build/templates/blocks/text-input/index.styl */

/* line 113 : /js/build/templates/blocks/text-input/index.styl */
.text-input_clear-button .text-input__control {
  padding-right: 30px;
}

/* line 116 : /js/build/templates/blocks/text-input/index.styl */
.text-input_clear-button .text-input__clear {
  display: block;
}

/* line 117 : /js/build/templates/blocks/text-input/index.styl */

/* line 117 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */

/* line 1 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
.text-input-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 5 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
.text-input-button__input {
  -webkit-flex-basis: 150px;
      -ms-flex-preferred-size: 150px;
          flex-basis: 150px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 5px;
}

/* line 11 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
.text-input-button__input {
  box-sizing: border-box;
  padding-right: 20px;
}

/* line 15 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
.text-input-button__input .text-input {
  width: 100%;
}
@media (max-width: 690px) {

/* line 19 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
  .text-input-button,
  .text-input-button__input,
  .text-input-button__button {
    display: block;
  }

/* line 24 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
  .text-input-button__input {
    padding-right: 0;
  }

/* line 27 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
  .text-input-button__input .text-input__err {
    display: none;
  }

/* line 30 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
  .text-input-button__input .text-input_invalid .text-input__err {
    display: block;
  }

/* line 33 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
  .text-input-button__button {
    margin-top: 10px;
  }

/* line 36 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */
  .text-input-button__button .button,
  .text-input-button__button .button__text {
    display: block;
    width: 100%;
  }
}

/* line 39 : /js/build/modules/styles/blocks/text-input-button/text-input-button.styl */

/* line 39 : /js/build/templates/blocks/input-select/index.styl */

/* line 1 : /js/build/templates/blocks/input-select/index.styl */
.input-select {
  box-sizing: border-box;
  position: relative;
  line-height: 16px;
  font-size: 16px;
  padding: 8px 4px 25px 4px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-image: linear-gradient(to bottom, #ccc 0%, #ccc 100%), url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2xpY2UgMTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzU1NSI+PHBhdGggZD0iTTMgMGwzIDVIMHoiLz48cGF0aCBkPSJNMyAxMmwzLTVIMHoiLz48L2c+PC9nPjwvc3ZnPg=="), linear-gradient(to bottom, #dcdcdc 0%, #f9f9f9 80%, #f0f0f0 100%);
  background-position: calc(100% - 20px) 0, calc(100% - 7px) 50%, 0 0;
  background-repeat: no-repeat;
  background-size: 1px 100%, auto, auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.2s, background-image 0.2s;
}

/* line 18 : /js/build/templates/blocks/input-select/index.styl */
.input-select:focus {
  background-image: linear-gradient(to bottom, #8eb0d2 0%, #8eb0d2 100%), url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2xpY2UgMTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzU1NSI+PHBhdGggZD0iTTMgMGwzIDVIMHoiLz48cGF0aCBkPSJNMyAxMmwzLTVIMHoiLz48L2c+PC9nPjwvc3ZnPg=="), linear-gradient(to bottom, #dcdcdc 0%, #f9f9f9 80%, #f0f0f0 100%);
  border-color: #8eb0d2;
  box-shadow: inset 1px 1px 5px 0 #e1edf2;
  outline: 0;
}

/* line 27 : /js/build/templates/blocks/input-select/index.styl */
.input-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* line 31 : /js/build/templates/blocks/input-select/index.styl */
.input-select_big {
  width: 83px;
  margin-left: 10px;
  padding: 10px 4px 10px 10px;
  vertical-align: middle;
}

/* line 37 : /js/build/templates/blocks/input-select/index.styl */
.input-select_small {
  line-height: 14px;
  font-size: 14px;
  padding: 0 25px 0 10px;
  height: 32px;
}

/* line 41 : /js/build/templates/blocks/input-select/index.styl */

/* line 41 : /js/build/templates/blocks/textarea-input/index.styl */

/* line 1 : /js/build/templates/blocks/textarea-input/index.styl */
.textarea-input {
  box-shadow: inset 1px 1px 5px 0 #eee;
  box-sizing: border-box;
  line-height: 1;
  font-size: 100%;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  width: 100%;
}

/* line 12 : /js/build/templates/blocks/textarea-input/index.styl */
.textarea-input__err {
  font-size: 12px;
  display: none;
  padding: 4px 0 0;
  color: #c55b4a;
}

/* line 18 : /js/build/templates/blocks/textarea-input/index.styl */
.textarea-input_invalid {
  border-color: #cc5b4d;
  box-shadow: inset 1px 1px 5px 0 #f2e7e7;
}

/* line 22 : /js/build/templates/blocks/textarea-input/index.styl */
.textarea-input_invalid + .textarea-input__err {
  display: block;
}

/* line 25 : /js/build/templates/blocks/textarea-input/index.styl */
.textarea-input_color_red {
  color: #b80000;
}

/* line 26 : /js/build/templates/blocks/textarea-input/index.styl */

/* line 26 : /js/build/templates/blocks/label/index.styl */

/* line 1 : /js/build/templates/blocks/label/index.styl */
.label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}

/* line 5 : /js/build/templates/blocks/label/index.styl */

/* line 5 : /js/build/modules/styles/blocks/switch/switch.styl */

/* line 1 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch {
  display: inline-table;
}

/* line 4 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch__option {
  display: table-cell;
  position: relative;
  overflow: hidden;
}

/* line 9 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch__control {
  position: absolute;
  top: -99px;
}

/* line 13 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch__label {
  display: inline-block;
  color: #8b8987;
  border: solid #e2e2e2;
  border-width: 1px 0 1px 1px;
  text-align: center;
  cursor: pointer;
}

/* line 21 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch__option:first-child .switch__label {
  border-radius: 4px 0 0 4px;
}

/* line 24 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch__option:last-child .switch__label {
  border-width: 1px;
  border-radius: 0 4px 4px 0;
}

/* line 28 : /js/build/modules/styles/blocks/switch/switch.styl */
.switch__control:checked + .switch__label {
  color: #fff;
  background: #8b8987;
  border-color: #8b8987;
}

/* line 31 : /js/build/modules/styles/blocks/switch/switch.styl */

/* line 10 : /js/build/modules/styles/blocks/modal/modal.styl */

/* line 12 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
}

/* line 21 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal:before {
  content: "";
  display: block;
  background: rgba(0,0,0,0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 31 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal__dialog {
  position: relative;
  margin: auto;
}

/* line 35 : /js/build/modules/styles/blocks/modal/modal.styl */
button.modal__close {
  position: absolute;
  top: -15px;
  right: -15px;
  display: none;
}

/* line 41 : /js/build/modules/styles/blocks/modal/modal.styl */
a.modal__close,
a.modal__close:visited {
  color: #0059b2;
}

/* line 45 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal__has-close .modal__close {
  display: block;
}

/* line 51 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal-overlay_light:after,
.modal-overlay_dark:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100000;
}

/* line 60 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal-overlay_light:after {
  background: #fff;
  opacity: 0.35;
}

/* line 65 : /js/build/modules/styles/blocks/modal/modal.styl */
.modal-overlay_dark:after {
  background: #000;
  opacity: 0.2;
}

/* line 68 : /js/build/modules/styles/blocks/modal/modal.styl */

/* line 68 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */

/* line 1 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input {
  position: relative;
  overflow: hidden;
  display: inline-block;
  min-width: 60px;
  vertical-align: bottom;
  border-radius: 4px;
  background: #d4d4d4;
}

/* line 13 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
  height: 100%;
  border-radius: 4px;
  transition: left 0.2s, right 0.5s, background-color 0.2s;
}

/* line 26 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox {
  position: absolute;
  right: 110%;
}

/* line 30 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__label {
  font-size: 12px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  display: block;
  line-height: 28px;
  color: #fff;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
}

/* line 50 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__on,
.switch-input__off {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  text-align: center;
  border-radius: 4px;
}

/* line 62 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox ~ .switch-input__bg {
  background: #555;
}

/* line 65 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox:checked ~ .switch-input__bg {
  left: 50%;
  right: 0;
  background: #ffaa42;
  transition: left 0.5s, right 0.2s, background-color 0.2s;
}

/* line 71 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox ~ .switch-input__label .switch-input__on,
.switch-input__checkbox:checked ~ .switch-input__label .switch-input__off {
  visibility: hidden;
}

/* line 75 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox ~ .switch-input__label .switch-input-input__off,
.switch-input__checkbox:checked ~ .switch-input__label .switch-input__on {
  visibility: visible;
}

/* line 79 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox:disabled ~ .switch-input__label {
  opacity: 0.5;
  cursor: default;
}

/* line 83 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */
.switch-input__checkbox:disabled ~ .switch-input__bg {
  background: #555;
  opacity: 0.5;
}

/* line 85 : /js/build/modules/styles/blocks/switch-input/switch-input.styl */

/* line 85 : /js/build/modules/styles/blocks/number-input/number-input.styl */

/* line 1 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

/* line 7 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__btn {
  font: 23px/25px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  width: 35px;
  padding: 0 0 2px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #999;
  border-radius: 3px;
}

/* line 21 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__btn:disabled {
  opacity: 0.3;
  cursor: default;
}

/* line 25 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__text {
  width: 38px;
  margin: 0 5px;
  vertical-align: middle;
}

/* line 30 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__text .number-input__input {
  text-align: center;
  font-size: 14px;
}

/* line 34 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__text .text-input__err {
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: normal;
  width: 100%;
}

/* line 47 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__text .number-input__input {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

/* line 51 : /js/build/modules/styles/blocks/number-input/number-input.styl */
.number-input__text .number-input__input::-webkit-inner-spin-button,
.number-input__text .number-input__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 54 : /js/build/modules/styles/blocks/number-input/number-input.styl */

/* line 1 : /js/build/templates/blocks/button/index.styl */

/* line 5 : /js/build/templates/blocks/button/index.styl */
.button {
  font: bold 14px/32px 'Open Sans', sans;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  padding: 0px 28px;
  border-radius: 4px;
  border: 1px solid;
  cursor: pointer;
}

/* line 19 : /js/build/templates/blocks/button/index.styl */
.button::-moz-focus-inner {
  border: 0;
}

/* line 22 : /js/build/templates/blocks/button/index.styl */
.button .spinner_small {
  display: none;
}

/* line 25 : /js/build/templates/blocks/button/index.styl */
.button:disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* line 29 : /js/build/templates/blocks/button/index.styl */
.working-hover .button:hover {
  text-decoration: none;
}

/* line 32 : /js/build/templates/blocks/button/index.styl */

/* line 33 : /js/build/templates/blocks/button/index.styl */
.button_danger,
.button_danger:link,
.button_danger:visited {
  background: linear-gradient(to bottom, #d45f5f, #be4848);
  color: #fff;
}

/* line 37 : /js/build/templates/blocks/button/index.styl */
.working-hover .button_danger:hover {
  color: #fff;
  background: linear-gradient(to bottom, #f07274, #de3d44);
}

/* line 41 : /js/build/templates/blocks/button/index.styl */
.button_danger:focus {
  background: linear-gradient(180deg, #d45f5f 0.59%, #be4848 100%);
  border: 1px solid #d9b915;
  box-sizing: border-box;
  box-shadow: inset 0px 3px 4px rgba(171,161,0,0.123);
  border-radius: 3px;
  outline: none;
}

/* line 49 : /js/build/templates/blocks/button/index.styl */
.button_danger:active,
.button_danger:focus:active {
  background: linear-gradient(180deg, #f07274 0.59%, #de3d44 100%);
  border: 1px solid #be4848;
  box-sizing: border-box;
  box-shadow: inset 0px 3px 0px rgba(0,0,0,0.07);
  border-radius: 3px;
  outline: none;
}

/* line 58 : /js/build/templates/blocks/button/index.styl */

/* line 59 : /js/build/templates/blocks/button/index.styl */
.button_common,
.button_common:link,
.button_common:visited {
  color: #333939;
  text-decoration: none;
  border-color: #cfcecd;
  background: linear-gradient(to bottom, #ededed 0%, #cecece 100%);
}

/* line 66 : /js/build/templates/blocks/button/index.styl */
.working-hover .button_common:hover {
  color: #333939;
  background: linear-gradient(to bottom, #f5f5f5 0%, #e6e6e6 100%);
}

/* line 70 : /js/build/templates/blocks/button/index.styl */
.button_common:focus {
  outline: none;
  border-color: #d4be4b;
  box-shadow: 0 0 3px rgba(213,191,76,0.7);
}

/* line 75 : /js/build/templates/blocks/button/index.styl */
.button_common:active,
.button_common:focus:active {
  outline: none;
  border-color: #cfcecd;
  background: linear-gradient(to bottom, #e3e3e3 0, #e3e3e3 2px, #f5f5f5 2px, #e6e6e6 100%);
  box-shadow: none;
}

/* line 82 : /js/build/templates/blocks/button/index.styl */

/* line 83 : /js/build/templates/blocks/button/index.styl */
.button_action,
.button_action:link,
.button_action:visited {
  padding: 1px 29px;
  border: 0;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(to bottom, #579b74 0%, #498161 100%);
}

/* line 90 : /js/build/templates/blocks/button/index.styl */
.working-hover .button_action:hover {
  color: #fff;
  background: linear-gradient(to bottom, #67b689 0%, #4da975 100%);
}

/* line 94 : /js/build/templates/blocks/button/index.styl */
.button_action:focus {
  padding: 0px 28px;
  outline: none;
  border: 1px solid #d4be4b;
  box-shadow: 0 0 3px rgba(213,191,76,0.7);
}

/* line 100 : /js/build/templates/blocks/button/index.styl */
.button_action:active,
.button_action:focus:active {
  padding: 0px 28px;
  outline: none;
  border: 1px solid #488060;
  background: linear-gradient(to bottom, #5ea97f 0, #5ea97f 2px, #65b588 2px, #4faa76 100%);
  box-shadow: none;
}

/* line 108 : /js/build/templates/blocks/button/index.styl */
.button_loading .spinner_small {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  margin-top: -6px;
}

/* line 116 : /js/build/templates/blocks/button/index.styl */
.button_loading .button__text {
  visibility: hidden;
}

/* line 117 : /js/build/templates/blocks/button/index.styl */

/* line 1 : /js/build/modules/styles/blocks/spinner/spinner.styl */

/* line 4 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner {
  line-height: 0;
  white-space: nowrap;
  visibility: hidden;
  text-align: center;
  display: inline-block;
}

/* line 11 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner_active {
  visibility: visible;
}

/* line 14 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner__dot {
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
          animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/* line 23 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner_small .spinner__dot {
  width: 12px;
  height: 12px;
  margin: 0 1px;
}

/* line 28 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner_medium .spinner__dot {
  width: 18px;
  height: 18px;
  margin: 0 2px;
}

/* line 33 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner_large .spinner__dot {
  width: 24px;
  height: 24px;
  margin: 0 3px;
}

/* line 38 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner__dot_1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

/* line 41 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.spinner__dot_2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

/* line 51 : /js/build/modules/styles/blocks/spinner/spinner.styl */

/* line 52 : /js/build/modules/styles/blocks/spinner/spinner.styl */
.disqus-loading .spinner__dot {
  background-color: #9d9d9d;
}

/* line 44 : /js/build/modules/styles/blocks/spinner/spinner.styl */
@-webkit-keyframes bouncedelay {

/* line 45 : /js/build/modules/styles/blocks/spinner/spinner.styl */
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

/* line 47 : /js/build/modules/styles/blocks/spinner/spinner.styl */
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bouncedelay {

/* line 45 : /js/build/modules/styles/blocks/spinner/spinner.styl */
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

/* line 47 : /js/build/modules/styles/blocks/spinner/spinner.styl */
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* line 53 : /js/build/modules/styles/blocks/spinner/spinner.styl */

/* line 1 : /js/build/modules/styles/blocks/progress/progress.styl */

/* line 16 : /js/build/modules/styles/blocks/progress/progress.styl */
.progress {
  position: relative;
  width: 5em;
  height: 5em;
  margin: 0 0.5em;
  font-size: 12px;
  text-indent: 999em;
  overflow: hidden;
  -webkit-animation: spin 1s infinite steps(8);
          animation: spin 1s infinite steps(8);
}

/* line 28 : /js/build/modules/styles/blocks/progress/progress.styl */
.small.progress {
  font-size: 6px;
}

/* line 32 : /js/build/modules/styles/blocks/progress/progress.styl */
.large.progress {
  font-size: 24px;
}

/* line 36 : /js/build/modules/styles/blocks/progress/progress.styl */
.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 2.25em; /* (container width - part width)/2  */
  width: 0.5em;
  height: 1.5em;
  border-radius: 0.2em;
  background: #eee;
  box-shadow: 0 3.5em #eee; /* container height - part height */
  -webkit-transform-origin: 50% 2.5em;
          transform-origin: 50% 2.5em; /* container height / 2 */
}

/* line 52 : /js/build/modules/styles/blocks/progress/progress.styl */
.progress:before {
  background: #555;
}

/* line 56 : /js/build/modules/styles/blocks/progress/progress.styl */
.progress:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #777;
}

/* line 61 : /js/build/modules/styles/blocks/progress/progress.styl */
.progress > div:before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: #999;
}

/* line 66 : /js/build/modules/styles/blocks/progress/progress.styl */
.progress > div:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  background: #bbb;
}

/* line 12 : /js/build/modules/styles/blocks/progress/progress.styl */
@-webkit-keyframes spin {

/* line 13 : /js/build/modules/styles/blocks/progress/progress.styl */
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes spin {

/* line 13 : /js/build/modules/styles/blocks/progress/progress.styl */
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

/* line 69 : /js/build/modules/styles/blocks/progress/progress.styl */

/* line 69 : /js/build/modules/styles/blocks/close-button/close-button.styl */

/* line 1 : /js/build/modules/styles/blocks/close-button/close-button.styl */
.close-button {
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  color: #999;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 32px;
  position: relative;
}

/* line 13 : /js/build/modules/styles/blocks/close-button/close-button.styl */
.close-button::after {
  z-index: 1;
  position: relative;
}

/* line 18 : /js/build/modules/styles/blocks/close-button/close-button.styl */
.close-button::before {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 7px;
  left: 7px;
}

/* line 26 : /js/build/modules/styles/blocks/close-button/close-button.styl */

/* line 26 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */

/* line 1 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.simple-button {
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none !important;
  border-radius: 4px;
  background: rgba(255,255,255,0);
  border: 2px solid rgba(255,255,255,0.5);
  transition: background-color 0.5s;
}

/* line 14 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.simple-button__text {
  font-size: 20px;
  font-weight: bold;
  display: block;
  color: #dfc374;
  transition: #333 0.5s;
}

/* line 24 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.simple-button__accent {
  color: #cc5b4d;
}

/* line 27 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.simple-button__description {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  transition: #333 0.5s;
}

/* line 34 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.simple-button__description-accent {
  transition: #333 0.5s;
}

/* line 37 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.working-hover .simple-button:hover {
  background: #fff;
}

/* line 40 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.working-hover .simple-button:hover .simple-button__text,
.working-hover .simple-button:hover .simple-button__description {
  color: #0f201c;
}

/* line 44 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */
.working-hover .simple-button:hover .simple-button__description-accent {
  color: #c13335;
}

/* line 45 : /js/build/modules/styles/blocks/simple-button/simple-button.styl */

/* line 45 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */

/* line 1 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane {
  margin-top: 24px;
  margin-bottom: 16px;
}

/* line 5 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane ul.tabbed-pane__tabs,
.tabbed-pane li.tabbed-pane__tab {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 11 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane li.tabbed-pane__tab:before {
  display: none;
  content: '';
}

/* line 16 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane ul.tabbed-pane__tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  overflow: hidden;
  border-bottom: 4px solid #9b6b6b;
  background: #f1f1f1 !important;
}

/* line 27 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane li.tabbed-pane__tab {
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px 10px;
  cursor: pointer;
  background: #fff;
}

/* line 40 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane__body {
  display: none;
  line-height: 22px;
  color: #404040;
  padding: 12px 24px 24px;
  text-align: left;
  background-color: #f1f1f1;
}

/* line 51 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane__body p:first-child {
  margin-top: 0;
}

/* line 54 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane__body ol li ul {
  margin: 16px 0;
}

/* line 57 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane_01 .tabbed-pane__body_01,
.tabbed-pane_02 .tabbed-pane__body_02,
.tabbed-pane_03 .tabbed-pane__body_03,
.tabbed-pane_04 .tabbed-pane__body_04,
.tabbed-pane_05 .tabbed-pane__body_05,
.tabbed-pane_06 .tabbed-pane__body_06,
.tabbed-pane_07 .tabbed-pane__body_07 {
  display: block;
}

/* line 66 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
.tabbed-pane_01 li.tabbed-pane__tab_01,
.tabbed-pane_02 li.tabbed-pane__tab_02,
.tabbed-pane_03 li.tabbed-pane__tab_03,
.tabbed-pane_04 li.tabbed-pane__tab_04,
.tabbed-pane_05 li.tabbed-pane__tab_05,
.tabbed-pane_06 li.tabbed-pane__tab_06,
.tabbed-pane_07 li.tabbed-pane__tab_07 {
  color: #fff;
  background: #9b6b6b;
}
@media (max-width: 568px) {

/* line 77 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
  .tabbed-pane ul.tabbed-pane__tabs {
    display: none;
  }

/* line 80 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
  .main .tabbed-pane h2.tabbed-pane__title {
    font: normal 14px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    line-height: initial;
    margin: 0 -20px;
    padding: 10px 20px;
    text-align: left;
    border-bottom: 4px solid #404040;
    background: #f1f1f1 !important;
  }

/* line 92 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
  .tabbed-pane li.tabbed-pane__tab:first-child {
    border-top: 2px solid #f3f2f1;
  }

/* line 95 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
  .tabbed-pane__body {
    display: block !important;
    padding: 0 20px;
    margin: 0 -10px;
    text-align: left;
    border: none;
    border-bottom: 2px solid #f3f2f1;
    border-radius: initial;
    background: #fbfafa;
  }

/* line 108 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */
  .tabbed-pane_01 li.tabbed-pane__tab_01,
  .tabbed-pane_02 li.tabbed-pane__tab_02,
  .tabbed-pane_03 li.tabbed-pane__tab_03,
  .tabbed-pane_04 li.tabbed-pane__tab_04,
  .tabbed-pane_05 li.tabbed-pane__tab_05,
  .tabbed-pane_06 li.tabbed-pane__tab_06,
  .tabbed-pane_07 li.tabbed-pane__tab_07 {
    font-weight: bold;
    color: #333;
    background: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/tabbed-pane/tabbed-pane.styl */

/* line 1 : /js/build/modules/styles/blocks/body/body.styl */

/* line 1 : /js/build/modules/styles/blocks/body/body.styl */
html,
body {
  height: 100%;
}

/* line 5 : /js/build/modules/styles/blocks/body/body.styl */
body {
  font: 14px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  color: #333;
  background: #fff;
  margin: 0;
}

/* line 10 : /js/build/modules/styles/blocks/body/body.styl */

/* line 10 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */

/* line 1 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
.page-wrapper {
  min-height: 100%;
  margin-bottom: -100px;
}

/* line 7 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
.page-wrapper:after {
  content: "";
  display: block;
  z-index: -1;
  height: 100px;
}

/* line 13 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
.page-wrapper ~ .page-footer {
  transition: margin 0.2s;
}

/* line 16 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
.page-wrapper_sidebar_on .page-wrapper:after,
.page-wrapper_sidebar_on ~ .page-footer {
  margin-left: 250px;
}
@media (max-width: 840px) {

/* line 23 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
  .page-wrapper {
    min-height: initial;
    margin-bottom: auto;
  }

/* line 27 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
  .page-wrapper:after {
    content: none;
  }

/* line 30 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */
  .page-wrapper_sidebar_on ~ .page-footer {
    margin-left: 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/page-wrapper/page-wrapper.styl */

/* line 1 : /js/build/modules/styles/blocks/page/page.styl */

/* line 1 : /js/build/modules/styles/blocks/page/page.styl */
.page {
  position: relative;
  z-index: 0;
  padding: 0;
}

/* line 6 : /js/build/modules/styles/blocks/page/page.styl */
.page-popup {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
}

/* line 12 : /js/build/modules/styles/blocks/page/page.styl */
.page_sidebar_on {
  padding-left: 250px;
}

/* line 15 : /js/build/modules/styles/blocks/page/page.styl */
.page__sidebar {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

/* line 23 : /js/build/modules/styles/blocks/page/page.styl */
.page__inner {
  margin: 0;
  padding: 0 120px;
}

/* line 27 : /js/build/modules/styles/blocks/page/page.styl */
.page__inner_wide {
  padding: 0;
}

/* line 32 : /js/build/modules/styles/blocks/page/page.styl */
.page_sidebar-animation-on {
  transition: padding 0.2s;
}

/* line 35 : /js/build/modules/styles/blocks/page/page.styl */
.page_sidebar-animation-on .page__inner {
  transition: margin-top 0.2s;
}

/* line 38 : /js/build/modules/styles/blocks/page/page.styl */
.page_sidebar-animation-on .page__sidebar {
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

/* line 42 : /js/build/modules/styles/blocks/page/page.styl */
.page_sidebar_on .page__sidebar {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/* line 45 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav {
  position: fixed;
  top: 50%;
  width: 81px;
  height: 90px;
  margin-top: -45px;
  outline: 0;
}

/* line 53 : /js/build/modules/styles/blocks/page/page.styl */
.page .page__nav {
  color: #7d7d7d;
}

/* line 56 : /js/build/modules/styles/blocks/page/page.styl */
.working-hover .page__nav:hover {
  text-decoration: none;
}

/* line 59 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav_prev {
  left: 0;
  transition: top 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, top 0.2s;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}

/* line 63 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav-text {
  font-size: 13px;
  position: absolute;
  top: 50%;
  margin-top: -33px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

/* line 73 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav-text-shortcut {
  color: #c1c1c0;
  visibility: hidden;
}

/* line 77 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav-text-arr {
  position: relative;
  top: -1px;
}

/* line 81 : /js/build/modules/styles/blocks/page/page.styl */
.working-hover .page__nav:hover .page__nav-text-shortcut {
  visibility: visible;
}

/* line 84 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav-text::before {
  display: block;
  margin-bottom: 5px;
  font-size: 36px;
  min-height: 68px;
  line-height: 64px;
  color: #7e7e7e;
}

/* line 92 : /js/build/modules/styles/blocks/page/page.styl */
.working-hover .page__nav:hover .page__nav-text::before {
  background: rgba(216,216,216,0.3);
}

/* line 95 : /js/build/modules/styles/blocks/page/page.styl */

/* line 98 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav-text-alternate {
  display: none;
}

/* line 101 : /js/build/modules/styles/blocks/page/page.styl */
.page_sidebar_on .page__nav_prev {
  -webkit-transform: translateX(250px);
          transform: translateX(250px);
}

/* line 104 : /js/build/modules/styles/blocks/page/page.styl */
.page__nav_next {
  right: 0;
  transition: top 0.2s;
}

/* line 108 : /js/build/modules/styles/blocks/page/page.styl */

/* line 112 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook {
  color: #000;
  font-family: -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 117 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook_epub .main {
  font-size: 12px;
  line-height: 16px;
}

/* line 121 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook_pdf .main {
  font-size: 16px;
  line-height: 22px;
}

/* line 125 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook .page__inner {
  padding: 0;
}

/* line 128 : /js/build/modules/styles/blocks/page/page.styl */

/* line 130 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook .code-example .line-numbers-rows {
  display: none;
}

/* line 133 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook .code-example pre.line-numbers {
  padding-left: 10px;
}

/* line 136 : /js/build/modules/styles/blocks/page/page.styl */

/* line 139 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook_epub .code-example pre[class*="language-"],
.page_ebook_epub .code-example code[class*="language-"] {
  font: 8px/12px 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace !important;
}

/* line 142 : /js/build/modules/styles/blocks/page/page.styl */

/* line 145 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook_pdf .code-example pre[class*="language-"],
.page_ebook_pdf .code-example code[class*="language-"] {
  font: 16px/22px 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace !important;
}

/* line 148 : /js/build/modules/styles/blocks/page/page.styl */
.page_ebook .toolbar {
  display: none;
}

/* line 151 : /js/build/modules/styles/blocks/page/page.styl */
.page .page-break {
  page-break-after: always;
}

/* line 155 : /js/build/modules/styles/blocks/page/page.styl */
.page_contains_header .page__inner {
  padding: 0;
}

/* line 158 : /js/build/modules/styles/blocks/page/page.styl */
.page_contains_header .main_width-limit {
  max-width: initial;
}
@media print {

/* line 165 : /js/build/modules/styles/blocks/page/page.styl */

/* line 166 : /js/build/modules/styles/blocks/page/page.styl */

/* line 168 : /js/build/modules/styles/blocks/page/page.styl */
  .page_ebook .code-example pre[class*="language-"],
  .page_ebook .code-example code[class*="language-"] {
    font: 12px/14px 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace !important;
  }
}
@media (max-width: 840px) {

/* line 173 : /js/build/modules/styles/blocks/page/page.styl */
  .page,
  .page_sidebar_on {
    padding: 0;
  }

/* line 177 : /js/build/modules/styles/blocks/page/page.styl */
  .page .page__sidebar,
  .page .page__inner::after {
    display: none;
  }

/* line 181 : /js/build/modules/styles/blocks/page/page.styl */
  .page__inner {
    padding: 0 10px;
  }

/* line 184 : /js/build/modules/styles/blocks/page/page.styl */
  .page .page__tutorial-map {
    left: 20px;
    right: 20px;
  }

/* line 188 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-wrap {
    position: relative;
    display: block;
    white-space: nowrap;
    margin: 20px 0;
  }

/* line 194 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-wrap:after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 3px;
    height: 100%;
    background: #f5f2f0;
    content: '';
  }

/* line 203 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav {
    position: relative;
    top: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    height: auto;
    padding: 17px 0;
    margin-top: auto;
    border: 3px solid #f5f2f0;
    text-align: center;
    white-space: normal;
  }

/* line 216 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-wrap:active:after {
    background: #7e7e7e;
  }

/* line 219 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav:active {
    border-color: #7e7e7e;
  }

/* line 222 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav_prev {
    padding-left: 30px;
    border-right-width: 0;
    border-radius: 6px 0 0 6px;
  }

/* line 228 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav_next {
    padding-right: 30px;
    border-left-width: 0;
    border-radius: 0 6px 6px 0;
  }

/* line 235 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav_next:only-child {
    display: block;
    margin: 0 0 0 auto;
  }

/* line 239 : /js/build/modules/styles/blocks/page/page.styl */
  .page .page__nav {
    -webkit-transform: none;
            transform: none;
  }

/* line 242 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-text {
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 30px;
    white-space: nowrap;
    text-align: center;
  }

/* line 251 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav_prev .page__nav-text {
    left: 0;
    right: auto;
  }

/* line 255 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav_next .page__nav-text {
    right: 0;
    left: auto;
  }

/* line 260 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-text::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: '';
  }

/* line 266 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-text::before {
    display: inline-block;
    margin-bottom: 0;
    min-height: 0;
    width: 30px;
    line-height: 1;
    vertical-align: middle;
  }

/* line 274 : /js/build/modules/styles/blocks/page/page.styl */
.working-hover   .page__nav:hover .page__nav-text::before {
    background: none;
  }

/* line 277 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-text-shortcut {
    display: none;
  }

/* line 280 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-text-alternate {
    display: block;
    color: #333;
    white-space: nowrap;
  }
}
@media (max-width: 480px) {

/* line 291 : /js/build/modules/styles/blocks/page/page.styl */
  .page__nav-text-alternate {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* line 1 : /js/build/modules/styles/blocks/page/page.styl */

/* line 1 : /js/build/modules/styles/blocks/links/links.styl */

/* line 1 : /js/build/modules/styles/blocks/links/links.styl */
.pseudo,
.anchor,
.working-hover .spoiler__button:hover u,
.comments__header-write:link {
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}

/* line 4 : /js/build/modules/styles/blocks/links/links.styl */
.working-hover .pseudo:hover,
.working-hover .anchor:hover,
.working-hover .spoiler__button:hover u:hover,
.working-hover .comments__header-write:link:hover {
  border-bottom: 1px dashed;
  text-decoration: none;
}

/* line 8 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-tooltip],
.link__type[data-url^="mailto:"],
.link__type[data-url^='/play/'],
.link__type[data-url$=".doc"],
.link__type[data-url$=".docx"],
.link__type[data-url$=".zip"],
.link__type[data-url$=".xls"],
.link__type[data-url$=".xlsx"],
.link__type[data-url$=".pdf"],
.link__type[data-url^='http://developer.mozilla.org'],
.link__type[data-url^='https://developer.mozilla.org'],
.link__type[data-url^='http://msdn.microsoft.com'],
.link__type[data-url^='https://msdn.microsoft.com'],
.link__type[data-url^='http://wikipedia.org'],
.link__type[data-url*='wikipedia.org'],
.link__type[data-url^='http://w3.org'],
.link__type[data-url^='http://dev.w3.org'],
.link__type[data-url^='http://www.w3.org'],
.link__type[data-url^='https://www.w3.org'],
.link__type[data-url^='https://w3.org'],
.link__type[data-url^='http://es5.github.com'] {
  position: fixed;
  color: #fff;
  background: #5c626a;
  padding: 0 9px;
  border-radius: 2px;
  font: 10px/19px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: 0.1ex;
  white-space: nowrap;
}

/* line 19 : /js/build/modules/styles/blocks/links/links.styl */
.pseudo {
  cursor: pointer;
  color: #0059b2;
}

/* line 24 : /js/build/modules/styles/blocks/links/links.styl */
.working-hover .pseudo:hover {
  color: #ba1000;
}

/* line 27 : /js/build/modules/styles/blocks/links/links.styl */
:link {
  color: #0059b2;
}

/* line 30 : /js/build/modules/styles/blocks/links/links.styl */
:visited {
  color: #551a8b;
}
@media print {

/* line 34 : /js/build/modules/styles/blocks/links/links.styl */
  a:visited {
    color: #0059b2;
  }
}

/* line 37 : /js/build/modules/styles/blocks/links/links.styl */
:link,
:visited {
  text-decoration: none;
}

/* line 41 : /js/build/modules/styles/blocks/links/links.styl */
.working-hover a:hover,
a:active {
  color: #ba1000;
  text-decoration: underline;
}

/* line 46 : /js/build/modules/styles/blocks/links/links.styl */

/* line 50 : /js/build/modules/styles/blocks/links/links.styl */
.link-ref {
  vertical-align: super;
  font-size: 90%;
}

/* line 54 : /js/build/modules/styles/blocks/links/links.styl */

/* line 56 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-tooltip]::before {
  content: attr(data-tooltip);
}

/* line 60 : /js/build/modules/styles/blocks/links/links.styl */

/* line 62 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^="mailto:"]::before {
  font-size: 12px;
}

/* line 67 : /js/build/modules/styles/blocks/links/links.styl */

/* line 70 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^='/play/']::before {
  font-size: 12px;
}

/* line 75 : /js/build/modules/styles/blocks/links/links.styl */

/* line 78 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url$=".doc"]::before,
.link__type[data-url$=".docx"]::before {
  content: 'DOC';
}

/* line 82 : /js/build/modules/styles/blocks/links/links.styl */

/* line 84 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url$=".zip"]::before {
  content: 'ZIP';
}

/* line 88 : /js/build/modules/styles/blocks/links/links.styl */

/* line 91 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url$=".xls"]::before,
.link__type[data-url$=".xlsx"]::before {
  content: 'XLS';
}

/* line 95 : /js/build/modules/styles/blocks/links/links.styl */

/* line 97 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url$=".pdf"]::before {
  content: 'PDF';
}

/* line 101 : /js/build/modules/styles/blocks/links/links.styl */

/* line 104 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^='http://developer.mozilla.org']::before,
.link__type[data-url^='https://developer.mozilla.org']::before {
  content: 'MDN';
}

/* line 108 : /js/build/modules/styles/blocks/links/links.styl */

/* line 111 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^='http://msdn.microsoft.com']::before,
.link__type[data-url^='https://msdn.microsoft.com']::before {
  content: 'MSDN';
}

/* line 115 : /js/build/modules/styles/blocks/links/links.styl */

/* line 118 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^='http://wikipedia.org']::before,
.link__type[data-url*='wikipedia.org']::before {
  content: 'WIKI';
}

/* line 122 : /js/build/modules/styles/blocks/links/links.styl */

/* line 128 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^='http://w3.org']::before,
.link__type[data-url^='http://dev.w3.org']::before,
.link__type[data-url^='http://www.w3.org']::before,
.link__type[data-url^='https://www.w3.org']::before,
.link__type[data-url^='https://w3.org']::before {
  content: 'W3C';
}

/* line 132 : /js/build/modules/styles/blocks/links/links.styl */

/* line 134 : /js/build/modules/styles/blocks/links/links.styl */
.link__type[data-url^='http://es5.github.com']::before {
  content: 'ECMA';
}

/* line 137 : /js/build/modules/styles/blocks/links/links.styl */
html:not(.working-hover) .link__type {
  display: none;
}

/* line 145 : /js/build/modules/styles/blocks/links/links.styl */
.main .plain,
.toolbar .toolbar__button,
body .code-tabs .code-tabs__button,
.task .task__open-link,
.tasks_automation .task__toggle-link {
  padding: 0;
  background-image: none;
}

/* line 149 : /js/build/modules/styles/blocks/links/links.styl */

/* line 152 : /js/build/modules/styles/blocks/links/links.styl */

/* line 153 : /js/build/modules/styles/blocks/links/links.styl */
.page_ebook a[href*='://']:not([href*='javascript.']) {
  padding-right: 1.25em;
}

/* line 158 : /js/build/modules/styles/blocks/links/links.styl */
.page_ebook a[href*='://']:not([href*='javascript.'])::after {
  position: absolute;
  margin: 0.1em 0 0 0.5em;
  font-size: 75%;
  text-decoration: none;
}

/* line 163 : /js/build/modules/styles/blocks/links/links.styl */

/* line 2 : /js/build/modules/styles/blocks/main/main.styl */

/* line 3 : /js/build/modules/styles/blocks/main/main.styl */
.main__loud,
.main__strong {
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
  margin: 1em 0;
}

/* line 9 : /js/build/modules/styles/blocks/main/main.styl */
.main {
  margin: auto;
  padding: 0 0 35px;
/* for regexps */
/*
    figure
        margin 30px 0
        padding 30px
        border 3px solid #F5F2F0
        border-radius 6px
    */
}

/* line 13 : /js/build/modules/styles/blocks/main/main.styl */
.main_width-limit {
  max-width: 800px;
}

/* line 16 : /js/build/modules/styles/blocks/main/main.styl */
.main_width-limit-wide {
  max-width: 1000px;
}

/* line 20 : /js/build/modules/styles/blocks/main/main.styl */
.main::before,
.main__header::before {
  content: "";
  display: table;
}

/* line 25 : /js/build/modules/styles/blocks/main/main.styl */
.main__header .breadcrumbs {
  margin: 0 0 12px 0;
  padding: 0;
}

/* line 29 : /js/build/modules/styles/blocks/main/main.styl */
.main__header {
  margin: 40px 0 16px 0;
}

/* line 32 : /js/build/modules/styles/blocks/main/main.styl */
.main__header_center {
  border: 0;
}

/* line 35 : /js/build/modules/styles/blocks/main/main.styl */
.main__header_center .main__header-title,
.main__header_center .breadcrumbs {
  text-align: center;
}

/* line 39 : /js/build/modules/styles/blocks/main/main.styl */
.main .main__header-title {
  font: 700 32px/40px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0 auto 12px auto;
  padding: 0;
}
@media screen and (max-width: 1180px) {

/* line 44 : /js/build/modules/styles/blocks/main/main.styl */
  .main .main__header-title {
    max-width: 430px;
  }
}

/* line 47 : /js/build/modules/styles/blocks/main/main.styl */
.main .main__header-title:not(::first-line) {
  color: #008000;
}

/* line 50 : /js/build/modules/styles/blocks/main/main.styl */
.main .main__header-title:only-child {
  padding-bottom: 5px;
}

/* line 53 : /js/build/modules/styles/blocks/main/main.styl */
.main__username {
  font-style: inherit;
  font-weight: inherit;
  color: #b20600;
}

/* line 58 : /js/build/modules/styles/blocks/main/main.styl */
.main__header-nav {
  float: right;
}

/* line 61 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav {
  display: table;
  float: right;
}

/* line 65 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav-prev,
.main__lesson-nav-next {
  display: table-cell;
}

/* line 69 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav-prev {
  padding-right: 15px;
  border-right: 2px solid #f5f2f0;
}

/* line 73 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav-next {
  padding-left: 15px;
}

/* line 76 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav-prev:last-child {
  border: none;
  padding-right: 0;
}

/* line 80 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav kbd {
  font-size: 11px;
  color: #999;
  font: inherit;
}

/* line 85 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav-arr {
  position: relative;
  top: -0.1em;
}

/* line 89 : /js/build/modules/styles/blocks/main/main.styl */
.main__lesson-nav-link {
  color: #656565;
  text-decoration: underline;
}

/* line 93 : /js/build/modules/styles/blocks/main/main.styl */
.main ul,
.main ol {
  padding-left: 21px;
  margin: 22px 0;
}

/* line 98 : /js/build/modules/styles/blocks/main/main.styl */
.main ul > li,
.main ol > li {
  margin: 0.3em 0;
}

/* line 102 : /js/build/modules/styles/blocks/main/main.styl */
.main ul ul,
.main ul ol,
.main ol ul,
.main ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 106 : /js/build/modules/styles/blocks/main/main.styl */
.main ul > li::before {
  content: "\25CF";
  float: left;
  margin-left: -20px;
  color: #000;
  font-size: 8px;
}

/* line 114 : /js/build/modules/styles/blocks/main/main.styl */
.main h1 {
  margin-bottom: 0.5em;
/* FIXME пока некрасиво с этим: page-break-before: always; */
}

/* line 118 : /js/build/modules/styles/blocks/main/main.styl */
.main h2 {
  margin: 24px 0 12px;
  font-size: 24px;
  line-height: 32px;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  position: relative;
}

/* line 125 : /js/build/modules/styles/blocks/main/main.styl */
.main h3,
.main h4 {
  margin: 30px 0 22px;
}

/* line 129 : /js/build/modules/styles/blocks/main/main.styl */
.main h3 {
  font-size: 128%;
  line-height: 120%;
}

/* line 133 : /js/build/modules/styles/blocks/main/main.styl */
.main h4 {
  font-size: 114%;
  line-height: 125%;
}

/* line 138 : /js/build/modules/styles/blocks/main/main.styl */
.main h5 {
  font-size: 110%;
  line-height: 125%;
}

/* line 143 : /js/build/modules/styles/blocks/main/main.styl */
.main h2 + h3,
.main h3 + h4 {
  margin-top: -8px;
}

/* line 147 : /js/build/modules/styles/blocks/main/main.styl */
.main h2,
.main h3,
.main h4 {
  position: relative;
}

/* line 152 : /js/build/modules/styles/blocks/main/main.styl */
h2 .main__anchor,
h3 .main__anchor,
h4 .main__anchor {
  transition: color 0.2s;
}

/* line 157 : /js/build/modules/styles/blocks/main/main.styl */
.working-hover h2 .main__anchor:hover,
.working-hover h3 .main__anchor:hover,
.working-hover h4 .main__anchor:hover {
  color: #666;
}

/* line 162 : /js/build/modules/styles/blocks/main/main.styl */
.main h1 code,
.main h1 a,
.main h2 code,
.main h2 a,
.main h3 code,
.main h3 a,
.main h4 code,
.main h4 a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

/* line 174 : /js/build/modules/styles/blocks/main/main.styl */
.main h1,
.main h2,
.main h3,
.main h4,
.main h5 {
  page-break-after: avoid;
}

/* line 181 : /js/build/modules/styles/blocks/main/main.styl */
.main h1 + p,
.main h2 + p,
.main h3 + p,
.main h4 + p,
.main h5 + p {
  page-break-before: avoid;
}

/* line 189 : /js/build/modules/styles/blocks/main/main.styl */
.main .format_error {
  color: #f00;
}

/* line 192 : /js/build/modules/styles/blocks/main/main.styl */
.main div.format_error {
  border: 1px solid #f00;
  padding: 5px;
}

/* line 196 : /js/build/modules/styles/blocks/main/main.styl */
.main .admin_link {
  float: right;
  color: #808080;
}

/* line 200 : /js/build/modules/styles/blocks/main/main.styl */
.main__anchor {
  outline: 0;
}

/* line 203 : /js/build/modules/styles/blocks/main/main.styl */
.main__anchor::before {
  position: absolute;
  right: 100%;
  width: 30px;
  text-align: left;
  outline: 0;
  color: #d8d8d8;
  font-size: 90%;
  line-height: inherit;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 217 : /js/build/modules/styles/blocks/main/main.styl */
.working-hover .main__anchor:hover::before {
  opacity: 1;
}

/* line 220 : /js/build/modules/styles/blocks/main/main.styl */
.main__anchor_noicon::before {
  display: none;
}

/* line 223 : /js/build/modules/styles/blocks/main/main.styl */
.main code {
/* disabled the line below for code in colored lines to show up correctly */
/* did it break something? fix it there! */
/* color code_color */
  font-family: 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace;
  padding: 2px 4px;
  background: #f5f2f0;
  border-radius: 2px;
}

/* line 233 : /js/build/modules/styles/blocks/main/main.styl */
.main code.pattern {
  border-bottom: 1px solid #f00;
}

/* line 236 : /js/build/modules/styles/blocks/main/main.styl */
.main code.subject {
  border-bottom: 1px solid #00f;
}

/* line 239 : /js/build/modules/styles/blocks/main/main.styl */
.main code.match {
  border-bottom: 1px solid #008000;
}

/* line 242 : /js/build/modules/styles/blocks/main/main.styl */
.main span.shortcut {
  white-space: nowrap;
}

/* line 245 : /js/build/modules/styles/blocks/main/main.styl */
.main span.shortcut code {
  border: 1px solid #333;
  padding: 0 1px;
  display: inline-block;
  margin: 1px 0;
}

/* line 251 : /js/build/modules/styles/blocks/main/main.styl */
.main p {
  margin: 0 0 12px;
}

/* line 255 : /js/build/modules/styles/blocks/main/main.styl */
.main dl {
  margin: 1em 0;
}

/* line 258 : /js/build/modules/styles/blocks/main/main.styl */
.main dt {
  font-weight: 700;
}

/* line 261 : /js/build/modules/styles/blocks/main/main.styl */
.main dd {
  margin: 8px 0 22px 0px;
}

/* line 270 : /js/build/modules/styles/blocks/main/main.styl */

/* line 273 : /js/build/modules/styles/blocks/main/main.styl */
.main__strong {
  font-style: italic;
  color: #8c0000;
}

/* line 278 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer {
  background: #f5f5f2;
  margin: 30px 0 27px;
  padding: 16px 40px 9px;
}

/* line 284 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer .rating {
  margin-right: 22px;
}

/* line 287 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer .social {
  float: right;
}

/* line 290 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer-date,
.main__footer-author,
.main__footer-author a {
  color: #444;
  font: 13px Arial, Helvetica, sans-serif;
}

/* line 296 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer-date {
  margin-right: 15px;
}

/* line 299 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer-author {
  margin-right: 10px;
}

/* line 302 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer-star {
  position: absolute;
  font-size: 18px;
  color: #bbb;
  margin: 0 10px;
}

/* line 308 : /js/build/modules/styles/blocks/main/main.styl */
.main__footer-star::before {
  display: inline-block;
  vertical-align: middle;
  min-width: 17px;
  min-height: 19px;
}

/* line 315 : /js/build/modules/styles/blocks/main/main.styl */
@media (max-width: 840px) {

/* line 318 : /js/build/modules/styles/blocks/main/main.styl */
  .main {
    padding: 0 0 35px;
  }
}
@media (max-width: 568px) {

/* line 323 : /js/build/modules/styles/blocks/main/main.styl */
  .main {
    padding-bottom: 0;
  }

/* line 326 : /js/build/modules/styles/blocks/main/main.styl */
  .main .main__header-title {
    font-size: 34px;
  }
}
@media (min-width: 1120px) {

/* line 329 : /js/build/modules/styles/blocks/main/main.styl */
  .main {
    line-height: 19px;
  }
}
@media (min-width: 1170px) {

/* line 332 : /js/build/modules/styles/blocks/main/main.styl */
  .main {
    line-height: 20px;
  }
}
@media (min-width: 1220px) {

/* line 335 : /js/build/modules/styles/blocks/main/main.styl */
  .main {
    line-height: 22px;
  }
}
@media (min-width: 1420px) {

/* line 338 : /js/build/modules/styles/blocks/main/main.styl */
  .main {
    font-size: 16px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/main/main.styl */

/* line 1 : /js/build/modules/styles/blocks/content/content.styl */

/* line 1 : /js/build/modules/styles/blocks/content/content.styl */

/* line 3 : /js/build/modules/styles/blocks/content/content.styl */
.content::before {
  content: "";
  display: table;
}

/* line 7 : /js/build/modules/styles/blocks/content/content.styl */
.content_center {
  text-align: center;
}

/* line 8 : /js/build/modules/styles/blocks/content/content.styl */

/* line 2 : /js/build/modules/styles/blocks/image/image.styl */

/* line 3 : /js/build/modules/styles/blocks/image/image.styl */
figure {
  margin: 18px 0;
}

/* line 4 : /js/build/modules/styles/blocks/image/image.styl */
figure .image {
  display: block;
  position: relative;
  max-width: 100%;
}

/* line 10 : /js/build/modules/styles/blocks/image/image.styl */
figure .image__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 17 : /js/build/modules/styles/blocks/image/image.styl */

/* line 17 : /js/build/modules/styles/blocks/share/share.styl */

/* line 1 : /js/build/modules/styles/blocks/share/share.styl */
.share {
  display: inline-block;
  font-size: 22px;
  color: #7e7e7e;
  vertical-align: middle;
}

/* line 7 : /js/build/modules/styles/blocks/share/share.styl */
.share::after {
  display: inline-block;
  vertical-align: bottom;
  min-height: 20px;
  min-width: 20px;
}

/* line 13 : /js/build/modules/styles/blocks/share/share.styl */
.working-hover .share:hover {
  text-decoration: none;
}

/* line 17 : /js/build/modules/styles/blocks/share/share.styl */
.share_tw {
  color: #71baf2;
}

/* line 20 : /js/build/modules/styles/blocks/share/share.styl */
.working-hover .share_tw:hover {
  color: #2092eb;
}

/* line 23 : /js/build/modules/styles/blocks/share/share.styl */

/* line 27 : /js/build/modules/styles/blocks/share/share.styl */
.share_fb {
  color: #8c9cc2;
}

/* line 30 : /js/build/modules/styles/blocks/share/share.styl */
.working-hover .share_fb:hover {
  color: #576ea4;
}

/* line 33 : /js/build/modules/styles/blocks/share/share.styl */
.share_fb::after {
  min-width: 12px;
}

/* line 38 : /js/build/modules/styles/blocks/share/share.styl */
.share_gp {
  color: #e99587;
}

/* line 41 : /js/build/modules/styles/blocks/share/share.styl */
.working-hover .share_gp:hover {
  color: #db5039;
}

/* line 44 : /js/build/modules/styles/blocks/share/share.styl */

/* line 48 : /js/build/modules/styles/blocks/share/share.styl */
.share_vk {
  color: #9badc3;
}

/* line 51 : /js/build/modules/styles/blocks/share/share.styl */
.working-hover .share_vk:hover {
  color: #6480a2;
}

/* line 54 : /js/build/modules/styles/blocks/share/share.styl */
.share_vk::after {
  min-width: 27px;
}

/* line 56 : /js/build/modules/styles/blocks/share/share.styl */

/* line 56 : /js/build/modules/styles/blocks/donate-button/donate-button.styl */

/* line 1 : /js/build/modules/styles/blocks/donate-button/donate-button.styl */
.donate-button {
  background: linear-gradient(to bottom, #eee, #ccc);
  display: inline-block;
  color: #333939;
  border: 1px solid #cfcecd;
  margin: 10px 0;
  font: 700 14px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 30px;
  padding: 0 16px 0 8px;
  height: 32px;
  border-radius: 4px;
}

/* line 13 : /js/build/modules/styles/blocks/donate-button/donate-button.styl */
.donate-button:focus {
  outline: 0;
}

/* line 16 : /js/build/modules/styles/blocks/donate-button/donate-button.styl */
.working-hover .donate-button:hover {
  background: linear-gradient(to bottom, #ddd, #bbb);
  border-color: #bebdbc;
}

/* line 20 : /js/build/modules/styles/blocks/donate-button/donate-button.styl */
.donate-button::before {
  color: rgba(184,0,0,0.5);
  display: inline-block;
  vertical-align: bottom;
  min-height: 20px;
  min-width: 20px;
  margin-right: 10px;
  font-size: 16px;
}

/* line 28 : /js/build/modules/styles/blocks/donate-button/donate-button.styl */

/* line 28 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */

/* line 1 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */
.donate-links {
  display: inline-block;
}

/* line 4 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */
.donate-links__title {
  display: inline-block;
  margin-right: 10px;
  color: #c4c2c0;
  font-size: 12px;
}

/* line 10 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */
.donate-links__link {
  color: #fffb9d;
  margin-right: 20px;
  transition: color 0.2s;
  font-size: 16px;
}

/* line 16 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */
.working-hover .donate-links__link:hover {
  color: #fff;
  text-decoration: none;
}

/* line 20 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */
.donate-links__link::after {
  display: inline-block;
  vertical-align: bottom;
  min-height: 20px;
  min-width: 20px;
}

/* line 25 : /js/build/modules/styles/blocks/donate-links/donate-links.styl */

/* line 25 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */

/* line 1 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar {
  width: 249px;
  background: #f5f2f0;
  border-right: 1px solid #d5d2d0;
}

/* line 6 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__inner {
  overflow: auto;
  height: 100%;
}

/* line 10 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__content {
  margin: 23px 30px 0;
  position: relative;
}

/* line 15 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_sticky-footer .sidebar__content {
  min-height: calc(100% - 85px);
  padding-bottom: 62px;
}

/* line 19 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_sticky-footer .sidebar__section:last-child {
  position: absolute;
  bottom: 0;
}

/* line 23 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */

/* line 26 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar .sidebar__toggle,
.sidebar .map {
  position: absolute;
  top: 12px;
  left: 100%;
  margin-left: 19px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
}

/* line 37 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar .map {
  text-align: center;
  line-height: 44px;
  top: 80px;
  transition: -webkit-transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
}

/* line 43 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar .sidebar__toggle:active {
  position: absolute;
}

/* line 46 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__toggle:focus,
.sidebar .map:focus {
  outline: 0;
}

/* line 51 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.working-hover .sidebar__toggle:hover,
.working-hover .sidebar .map:hover {
  background: #f4f4f4;
}

/* line 55 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__toggle::before {
  font-size: 22px;
  color: #8b8987;
}

/* line 59 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */

/* line 63 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__section {
  margin: 22px 0;
  padding: 0 2px;
  position: relative;
}

/* line 68 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__section_separator_before {
  margin-top: 29px;
}

/* line 71 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__section_separator_before::before {
  content: "";
  position: absolute;
  top: -12px;
  width: 35px;
  border-top: 1px solid #d7d7d4;
}

/* line 78 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__section_share {
  margin-top: 18px;
}

/* line 81 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__section-title {
  color: #c4c2c0;
  font-weight: 400;
  margin: 12px 0;
}

/* line 86 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__link {
  color: #696664;
}

/* line 89 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.working-hover .sidebar__link:hover {
  text-decoration: none;
}

/* line 92 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__navigation-link {
  margin: 12px 0;
  line-height: 1.25;
}

/* line 96 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__navigation-link_active {
  color: #ba1000;
}

/* line 99 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar__share {
  margin: 8px 20px 0 0;
}
@media (max-width: 840px) {

/* line 104 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
  .sidebar__toggle {
    display: none;
  }
}

/* line 107 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_compact .sidebar__section {
  margin: 15px 0;
}

/* line 112 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_compact.sidebar_sticky-footer .sidebar__section:last-child {
  margin: 22px 0;
}

/* line 115 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_compact .sidebar__section_separator_before {
  margin-top: 24px;
}

/* line 118 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_compact .sidebar__section-title {
  margin: 8px 0;
}

/* line 121 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
.sidebar_compact .sidebar__navigation-link {
  line-height: 1.1;
  margin: 8px 0;
}
@media (max-height: 600px) {

/* line 126 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
  .sidebar_sticky-footer .sidebar__content {
    padding-bottom: 38px;
    min-height: calc(100% - 62px);
  }

/* line 130 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */
  .sidebar_compact.sidebar_sticky-footer .sidebar__section:last-child,
  .sidebar_sticky-footer .sidebar__section:last-child {
    margin: 10px 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/sidebar/sidebar.styl */

/* line 1 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */

/* line 1 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #888;
}

/* line 7 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs .breadcrumbs__item {
  display: inline-block;
  margin: 0;
}

/* line 11 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs .breadcrumbs__item::after {
  content: "\2192";
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  color: #a9a9a9;
  display: inline-block;
  margin: 0 9px 0 7px;
}

/* line 19 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs .breadcrumbs__item:last-child::after {
  display: none;
}

/* line 22 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs__hidden-text {
  display: none;
}

/* line 25 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs__item_home .breadcrumbs__link::before {
  display: inline;
  min-width: 17px;
  font-size: 18px;
  color: #999;
  vertical-align: -1px;
}

/* line 33 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.working-hover .breadcrumbs__item_home .breadcrumbs__link:hover {
  text-decoration: none;
}

/* line 36 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.working-hover .breadcrumbs__item_home .breadcrumbs__link:hover::before {
  color: inherit;
}

/* line 39 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.breadcrumbs__link {
  color: #0059b2;
}

/* line 42 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */
.working-hover .breadcrumbs__link:hover {
  color: #ba1000;
}

/* line 43 : /js/build/modules/styles/blocks/breadcrumbs/breadcrumbs.styl */

/* line 43 : /js/build/modules/styles/blocks/important/important.styl */

/* line 1 : /js/build/modules/styles/blocks/important/important.styl */
.important {
  margin: 16px 0;
  border: 3px solid #f5f2f0;
  border-radius: 6px;
}

/* line 6 : /js/build/modules/styles/blocks/important/important.styl */
.important__header {
  margin: 0;
  padding: 24px 24px 0;
  border: none;
}

/* line 11 : /js/build/modules/styles/blocks/important/important.styl */
.important__type {
  font-weight: 700;
  font-size: 16px;
}

/* line 15 : /js/build/modules/styles/blocks/important/important.styl */
.important__type::before {
  display: inline-block;
  min-width: 30px;
  font-size: 20px;
}

/* line 20 : /js/build/modules/styles/blocks/important/important.styl */
.important__title {
  display: inline;
  margin: 0;
  font-size: 128%;
  font-weight: 700;
}

/* line 26 : /js/build/modules/styles/blocks/important/important.styl */
.important__title a,
.important__title a u {
  color: inherit;
  text-decoration: none;
}

/* line 30 : /js/build/modules/styles/blocks/important/important.styl */
.working-hover .important__title a:hover u {
  text-decoration: underline;
}

/* line 33 : /js/build/modules/styles/blocks/important/important.styl */
.important__content {
  margin: 12px 24px 24px;
}

/* line 36 : /js/build/modules/styles/blocks/important/important.styl */
.important__content > .spoiler {
  border: 0;
  background: none;
  margin: 15px 0;
  padding: 10px 20px 10px 0;
}

/* line 42 : /js/build/modules/styles/blocks/important/important.styl */
.important__content > .spoiler + .spoiler {
  margin-top: -15px;
}

/* line 45 : /js/build/modules/styles/blocks/important/important.styl */
.important__content .spoiler__button {
  color: #747361;
}

/* line 48 : /js/build/modules/styles/blocks/important/important.styl */
.important_warn .important__type::before {
  color: #ffb200;
}

/* line 52 : /js/build/modules/styles/blocks/important/important.styl */
.important_smart .important__type::before {
  color: #0083b3;
}

/* line 56 : /js/build/modules/styles/blocks/important/important.styl */
.important_ponder .important__type::before {
  color: #ba6eff;
}

/* line 60 : /js/build/modules/styles/blocks/important/important.styl */
.important_ok .important__type::before {
  color: #83b100;
}
@media (max-width: 840px) {

/* line 65 : /js/build/modules/styles/blocks/important/important.styl */
  .important__header {
    margin: 0;
    padding: 10px 12px 0;
    border: none;
  }

/* line 70 : /js/build/modules/styles/blocks/important/important.styl */
  .important__content {
    margin: 6px 12px 11px;
  }
}
@media print {

/* line 73 : /js/build/modules/styles/blocks/important/important.styl */
  .important {
    page-break-inside: avoid;
  }
}

/* line 1 : /js/build/modules/styles/blocks/important/important.styl */

/* line 1 : /js/build/modules/styles/blocks/summary/summary.styl */

/* line 1 : /js/build/modules/styles/blocks/summary/summary.styl */
.summary {
  background: #f5f2f0;
  margin: 13px 0;
  border: 1px solid #dfdfd0;
}

/* line 6 : /js/build/modules/styles/blocks/summary/summary.styl */
.summary__content {
  margin: 22px;
}

/* line 9 : /js/build/modules/styles/blocks/summary/summary.styl */
.summary_noborder {
  border: 0;
  padding: 1px 0;
  border-radius: 4px;
}
@media print {

/* line 14 : /js/build/modules/styles/blocks/summary/summary.styl */
  .summary {
    page-break-inside: avoid;
  }
}

/* line 15 : /js/build/modules/styles/blocks/summary/summary.styl */

/* line 15 : /js/build/modules/styles/blocks/shortcut/shortcut.styl */

/* line 1 : /js/build/modules/styles/blocks/shortcut/shortcut.styl */
.shortcut {
  background: none;
  border: 1px solid #e8e6e5;
  border-radius: 2px;
  padding: 1px 3px;
  font-family: 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace;
  line-height: inherit;
  word-spacing: -0.4ex;
}

/* line 10 : /js/build/modules/styles/blocks/shortcut/shortcut.styl */
.shortcut__plus {
  color: #b8b7b7;
}

/* line 11 : /js/build/modules/styles/blocks/shortcut/shortcut.styl */

/* line 11 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */

/* line 1 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler {
  background: #f5f2f0;
  border-top: 1px solid #d9d7d6;
  margin: 20px 0;
  padding: 15px 20px 20px;
}

/* line 7 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler__button {
  color: #0059b2;
  position: relative;
  font: 14px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 1px 1px 1px 0;
  text-decoration: none;
  outline: none;
}

/* line 15 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler__button u {
  text-decoration: none;
}

/* line 19 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.working-hover .spoiler__button:hover {
  color: #ba1000;
}

/* line 21 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */

/* line 24 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler__button::after {
  margin-left: 1ex;
  display: inline-block;
  vertical-align: middle;
  min-width: 9px;
  min-height: 18px;
}

/* line 32 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */

/* line 35 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler__content {
  margin-top: 20px;
}

/* line 38 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler + .spoiler {
  margin-top: -20px;
}

/* line 41 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */
.spoiler.closed .spoiler__content {
  display: none;
}

/* line 42 : /js/build/modules/styles/blocks/spoiler/spoiler.styl */

/* line 1 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */

/* line 3 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */
.toolbar {
  display: table-row;
}

/* line 6 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */
.toolbar__tool {
  display: table-cell;
  padding-left: 1px;
}

/* line 10 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */
.toolbar .toolbar__button {
  display: inline-block;
  vertical-align: bottom;
  width: 30px;
  height: 30px;
  background: #c4c2c0;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}

/* line 21 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */
.toolbar__button:link,
.toolbar__button:visited,
.working-hover .toolbar__button:hover,
.toolbar__button:active {
  color: #fff;
  text-decoration: none;
}

/* line 28 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */
.working-hover .toolbar__button:hover {
  background: #95928e;
}

/* line 31 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */

/* line 34 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */

/* line 37 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */

/* line 40 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */

/* line 41 : /js/build/modules/styles/blocks/toolbar/toolbar.styl */

/* line 41 : /js/build/modules/styles/blocks/codebox/codebox.styl */

/* line 1 : /js/build/modules/styles/blocks/codebox/codebox.styl */
.codebox {
  position: relative;
  margin: 1.5em 0;
  overflow: auto;
}

/* line 6 : /js/build/modules/styles/blocks/codebox/codebox.styl */
.codebox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  opacity: 0.8;
}

/* line 13 : /js/build/modules/styles/blocks/codebox/codebox.styl */
.codebox__code {
  width: 100%;
  height: 100%;
}

/* line 17 : /js/build/modules/styles/blocks/codebox/codebox.styl */
.codebox__code pre {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

/* line 20 : /js/build/modules/styles/blocks/codebox/codebox.styl */

/* line 20 : /js/build/modules/styles/blocks/code-result/code-result.styl */

/* line 1 : /js/build/modules/styles/blocks/code-result/code-result.styl */
.code-result {
  position: relative;
  border: 1px solid #e7e5e3;
  margin: 22px 0;
}

/* line 6 : /js/build/modules/styles/blocks/code-result/code-result.styl */
.code-result__toolbar {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 11 : /js/build/modules/styles/blocks/code-result/code-result.styl */
.code-result__iframe {
  display: block;
  border: 0;
  width: 100%;
  height: 100px;
}

/* line 15 : /js/build/modules/styles/blocks/code-result/code-result.styl */

/* line 15 : /js/build/modules/styles/blocks/code-example/code-example.styl */

/* line 1 : /js/build/modules/styles/blocks/code-example/code-example.styl */
.code-example {
  margin: 22px 0;
}

/* line 4 : /js/build/modules/styles/blocks/code-example/code-example.styl */
.code-example__codebox,
.code-example__codebox pre[class*="language-"] {
  margin-bottom: 0;
}

/* line 8 : /js/build/modules/styles/blocks/code-example/code-example.styl */
.code-example__codebox {
  width: 100%;
  height: 100%;
}

/* line 12 : /js/build/modules/styles/blocks/code-example/code-example.styl */
.code-example__result {
  margin-top: 0;
}

/* line 13 : /js/build/modules/styles/blocks/code-example/code-example.styl */

/* line 4 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 6 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs {
  margin: 22px 0;
}

/* line 9 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__tools {
  display: table;
  background: #f5f2f0;
  font-size: 13px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  position: relative;
  z-index: 99;
  width: 100%;
}

/* line 18 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs_result_on .code-tabs__tools {
  box-shadow: none;
}

/* line 21 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switches-wrap,
.code-tabs__buttons {
  display: table-cell;
  white-space: nowrap;
  vertical-align: top;
}

/* line 27 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__scroll-wrap {
  width: 0;
  display: none;
}

/* line 31 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs_scroll .code-tabs__scroll-wrap {
  display: table-cell;
}

/* line 34 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__buttons {
  background: #f0edeb;
}

/* line 37 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__scroll-button {
  width: 17px;
  padding: 0 1px;
  background: #d8d8d8;
  height: 49px;
  color: #fff;
  line-height: 49px;
  font-size: 18px;
}

/* line 47 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.working-hover .code-tabs__scroll-button:hover {
  background: #e1d8cd;
}

/* line 50 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__scroll-button[disabled] {
  background: #d8d8d8;
  color: #ebebeb;
  cursor: default;
}

/* line 55 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 58 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 61 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switches-wrap {
  width: 100%;
}

/* line 64 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switches {
  height: 59px;
  margin-bottom: -10px;
  overflow: hidden;
  position: relative;
}

/* line 70 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switches-items {
  position: absolute;
  transition: 100ms ease-in-out;
}

/* line 74 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switch {
  color: #656565;
  background: #f5f2f0;
  text-align: center;
  padding: 12px 15px;
  line-height: 25px;
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: bottom;
}

/* line 86 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.working-hover .code-tabs__switch:hover,
.working-hover .code-tabs__button:hover {
  background: #e6e6e6;
}

/* line 90 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switch_current,
.working-hover .code-tabs__switch_current:hover {
  background: #c4c2c0;
  color: #fff;
  position: relative;
}

/* line 96 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switch_current {
  cursor: default;
}

/* line 99 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__switch_current::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border-top: 8px solid #c4c2c0;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

/* line 110 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
body .code-tabs .code-tabs__button {
  display: inline-block;
  font-size: 18px;
  padding: 12px;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #999;
  outline: 0;
}

/* line 121 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__button,
.working-hover .code-tabs__button:hover {
  text-decoration: none;
}

/* line 125 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 128 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 131 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 134 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__content {
  overflow: auto;
  box-sizing: border-box;
}

/* line 138 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs_result_on .code-tabs__content {
  border: solid #f5f2f0;
  border-width: 0 3px 3px;
  padding: 15px 0 0 15px;
}

/* line 143 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__dropdown {
  background: #fff;
  font-size: 13px;
  border: solid #e0dbd7;
  border-width: 0 1px 1px;
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  position: absolute;
  z-index: 99;
  display: none;
  min-width: 111px;
}

/* line 155 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__section {
  display: none;
  height: 100%;
  position: relative;
}

/* line 160 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__section_current {
  display: block;
}

/* line 163 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs .code-tabs__section pre[class*='language-'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 0;
}

/* line 172 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs .code-tabs__section pre[class*='language-'] .line-numbers-rows {
  bottom: 0;
}

/* line 175 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */
.code-tabs__result {
  display: block;
  border: 0;
  width: 100%;
  height: 100%;
}

/* line 179 : /js/build/modules/styles/blocks/code-tabs/code-tabs.styl */

/* line 179 : /js/build/modules/styles/blocks/balance/balance.styl */

/* line 1 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance {
  position: relative;
  margin: 38px 0;
  border: 4px solid #f5f2f0;
  border-radius: 2px;
}

/* line 9 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance .balance__title {
  margin: 0 0 14px;
  font-size: 128%;
  line-height: 120%;
  font-weight: bold;
}

/* line 15 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance .balance__list {
  padding-left: 19px;
}

/* line 18 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance li {
  margin: 12px 0;
}

/* line 22 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance__pluses,
.balance__minuses {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

/* line 28 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance__pluses .balance__content {
  margin: 20px 35px 30px 23px;
}

/* line 31 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance__minuses .balance__content {
  margin: 20px 23px 30px 35px;
}

/* line 34 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance__minuses::before {
  content: "";
  border-left: 2px solid #f5f2f0;
  position: absolute;
  top: 25px;
  bottom: 25px;
  left: 50%;
  margin-left: -1px;
}

/* line 43 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance_single .balance__minuses::before {
  display: none;
}

/* line 47 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance_single .balance__pluses,
.balance_single .balance__minuses {
  width: 100%;
}

/* line 51 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance_single .balance__pluses .balance__content,
.balance_single .balance__minuses .balance__content {
  margin: 20px 35px 30px 23px;
}

/* line 56 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance .balance__pluses li::before {
  color: #8dc082;
}

/* line 59 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance .balance__minuses li::before {
  color: #c13335;
}

/* line 62 : /js/build/modules/styles/blocks/balance/balance.styl */
.balance__content,
.balance__content p,
.balance__content ul,
.balance__content ol,
.balance__content figure,
.balance__content .code-example,
.balance__content .codebox,
.balance__content .code-tabs {
  margin: 14px 0;
}

/* line 74 : /js/build/modules/styles/blocks/balance/balance.styl */

/* line 75 : /js/build/modules/styles/blocks/balance/balance.styl */
.page_ebook .balance {
  backround: #fcc;
}

/* line 77 : /js/build/modules/styles/blocks/balance/balance.styl */
.page_ebook .balance .balance__pluses,
.page_ebook .balance .balance__minuses {
  float: none;
  width: 100%;
}

/* line 82 : /js/build/modules/styles/blocks/balance/balance.styl */
.page_ebook .balance .balance__minuses::before {
  display: none;
}

/* line 85 : /js/build/modules/styles/blocks/balance/balance.styl */
.page_ebook .balance .balance__content {
  margin: 20px 23px 30px;
}
@media print {

/* line 89 : /js/build/modules/styles/blocks/balance/balance.styl */

/* line 90 : /js/build/modules/styles/blocks/balance/balance.styl */

/* line 91 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance .balance__pluses,
  .page_ebook .balance .balance__minuses {
    float: left;
    width: 50%;
    box-sizing: border-box;
  }

/* line 97 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance .balance__pluses .balance__content {
    margin: 20px 35px 30px 23px;
  }

/* line 100 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance .balance__minuses .balance__content {
    margin: 20px 23px 30px 35px;
  }

/* line 103 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance .balance__minuses::before {
    display: block;
  }

/* line 106 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance_single .balance__minuses::before {
    display: none;
  }

/* line 110 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance_single .balance__pluses,
  .page_ebook .balance_single .balance__minuses {
    width: 100%;
  }

/* line 114 : /js/build/modules/styles/blocks/balance/balance.styl */
  .page_ebook .balance_single .balance__pluses .balance__content,
  .page_ebook .balance_single .balance__minuses .balance__content {
    margin: 20px 35px 30px 23px;
  }
}
@media (max-width: 840px) {

/* line 120 : /js/build/modules/styles/blocks/balance/balance.styl */

/* line 121 : /js/build/modules/styles/blocks/balance/balance.styl */
  .balance__pluses,
  .balance__minuses {
    float: none;
    width: 100%;
  }

/* line 126 : /js/build/modules/styles/blocks/balance/balance.styl */
  .balance__minuses::before {
    display: none;
  }

/* line 129 : /js/build/modules/styles/blocks/balance/balance.styl */
  .balance .balance__content {
    margin: 20px 23px 30px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/balance/balance.styl */

/* line 1 : /js/build/modules/styles/blocks/comments/comments.styl */

/* line 2 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments {
  max-width: 940px;
  margin: 32px auto 0;
  padding-bottom: 16px;
  border-bottom: 2px solid #eee;
}

/* line 9 : /js/build/modules/styles/blocks/comments/comments.styl */
.main_width-limit-wide .comments {
  max-width: none;
}

/* line 12 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header {
  position: relative;
}

/* line 15 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__read-before {
  position: absolute;
  top: 10px;
  right: 0;
}

/* line 20 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__read-before-link {
  position: relative;
  z-index: 9999;
  cursor: pointer;
  color: #999;
}

/* line 27 : /js/build/modules/styles/blocks/comments/comments.styl */
.working-hover .comments__read-before-link:hover {
  color: #c13335;
}

/* line 30 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__read-before-popup {
  position: fixed;
  left: 3000px;
  z-index: 9998;
  opacity: 0;
  min-width: 590px;
  padding-top: 45px;
  transition: opacity 0.2s ease-out 0.2s;
}

/* line 42 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__read-before-popup-i {
  position: relative;
  padding: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  background: #f7f6ea;
}

/* line 50 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__read-before-popup-i:after {
  position: absolute;
  right: 70px;
  top: -7px;
  width: 15px;
  height: 15px;
  background: #f7f6ea;
  -webkit-transform: rotate(55deg) skew(25deg);
          transform: rotate(55deg) skew(25deg);
  content: '';
}

/* line 64 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__read-before-popup ul {
  margin: 0;
}

/* line 67 : /js/build/modules/styles/blocks/comments/comments.styl */
.working-hover .comments__read-before:hover .comments__read-before-popup {
  position: absolute;
  left: auto;
  right: 0;
  top: -5px;
  opacity: 1;
}

/* line 75 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments .comments__header-title {
  border-bottom: 0;
  display: inline;
  margin-right: 16px;
  color: #333;
}

/* line 81 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header-title::before {
  display: inline-block;
  line-height: 1;
  font-size: 80%;
  color: #eee;
  margin-right: 8px;
  min-width: 26px;
  min-height: 25px;
}

/* line 91 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header-number {
  color: #aaa;
}

/* line 94 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header-number::before {
  content: "(";
}

/* line 97 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header-number::after {
  content: ")";
}

/* line 100 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header-write:link {
  color: #666;
  font-size: 12px;
  vertical-align: 0.4em;
  position: relative;
  display: inline-block;
  line-height: 1;
}

/* line 109 : /js/build/modules/styles/blocks/comments/comments.styl */
.comments__header-write::after {
  content: "\2193";
  position: absolute;
  margin-left: 3px;
  vertical-align: middle;
}
@media (max-width: 840px) {

/* line 117 : /js/build/modules/styles/blocks/comments/comments.styl */
  .comments__read-before {
    position: static;
    -webkit-transform: none;
            transform: none;
  }

/* line 122 : /js/build/modules/styles/blocks/comments/comments.styl */
  .comments__read-before-link {
    display: none;
  }

/* line 126 : /js/build/modules/styles/blocks/comments/comments.styl */
  .comments__read-before-popup {
    position: static;
    opacity: 1;
    min-width: initial;
    padding-top: 0;
    transition: none;
  }

/* line 136 : /js/build/modules/styles/blocks/comments/comments.styl */
  .comments__read-before-popup-i {
    position: static;
    padding: 20px;
    box-shadow: none;
    background: #fff;
  }

/* line 144 : /js/build/modules/styles/blocks/comments/comments.styl */
  .comments__read-before-popup-i:after {
    content: none;
  }

/* line 147 : /js/build/modules/styles/blocks/comments/comments.styl */
.working-hover   .comments__read-before:hover .comments__read-before-popup {
    position: static;
  }
}

/* line 1 : /js/build/modules/styles/blocks/comments/comments.styl */

/* line 1 : /js/build/modules/styles/blocks/banner-bottom/index.styl */

/* line 1 : /js/build/modules/styles/blocks/banner-bottom/index.styl */
.banner-bottom {
  display: none;
  -webkit-align-items: center /*Центрирование по вертикали */;
      -ms-flex-align: center /*Центрирование по вертикали */;
          align-items: center /*Центрирование по вертикали */;
  margin-top: 40px;
  height: 80px;
  position: relative;
  padding-left: 150px;
  padding-right: 24px;
  background: url("/courses/banner-logo.svg") 10px center no-repeat #f1f1f1;
}

/* line 12 : /js/build/modules/styles/blocks/banner-bottom/index.styl */
.banner-bottom__text {
  font-size: 16px;
  color: #313131;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

/* line 17 : /js/build/modules/styles/blocks/banner-bottom/index.styl */
.banner-bottom__close {
  color: #686765;
  width: 16px;
  height: 16px;
}

/* line 23 : /js/build/modules/styles/blocks/banner-bottom/index.styl */
.banner-bottom__close::before {
  vertical-align: middle;
  line-height: 1;
  font-size: 16px;
}

/* line 27 : /js/build/modules/styles/blocks/banner-bottom/index.styl */

/* line 27 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */

/* line 1 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button {
  background: linear-gradient(to bottom, #579c75, #488060);
  display: inline-block;
  color: #fff;
  border: solid #66a983;
  border-width: 3px 0 0;
  margin: 10px 0;
  font: 700 14px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 30px;
  padding: 0 14px 4px;
  height: 37px;
  border-radius: 4px;
}

/* line 14 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button_small {
  height: 30px;
  line-height: 24px;
  padding-bottom: 3px;
}

/* line 19 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button:focus {
  outline: 0;
}

/* line 22 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.working-hover .submit-button:hover {
  background: linear-gradient(to bottom, #66b588, #51a876);
  border-top: 3px solid #76bd95;
}

/* line 26 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button:disabled {
  background: linear-gradient(to bottom, #acacac, #a0a0a0);
  border-top: 3px solid #b5b5b5;
}

/* line 30 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button__spinner {
  vertical-align: middle;
}

/* line 33 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button__spinner .loader__dot {
  background-color: #fff;
}

/* line 37 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */
.submit-button_progress .submit-button__text {
  overflow: hidden;
  height: 0;
  display: block;
}

/* line 40 : /js/build/modules/styles/blocks/submit-button/submit-button.styl */

/* line 40 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */

/* line 1 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  margin-top: 30px;
  padding: 0 48px;
  color: #9d9d9d;
  background: #fbfafa;
  border-top: 2px solid #f3f2f1;
}

/* line 14 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer:after {
  display: table;
  content: "";
}

/* line 19 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer__link {
  color: #3b86c4;
}

/* line 22 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer__slack {
  color: #3b86c4;
  background: url(/pack/modules/styles/blocks/page-footer/slack.8559a3750105522de87657cad56c63d1.svg) left center no-repeat;
  background-size: 16px;
  padding-left: 20px;
  margin-left: -4px;
}

/* line 29 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer__left {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 32 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer__item {
  display: inline-block;
  margin-right: 15px;
}

/* line 37 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
.page-footer__item:not(:last-child)::after {
  margin-left: 15px;
  content: '|';
}
@media (max-width: 840px) {

/* line 43 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
  .page-footer {
    display: block;
    height: auto;
    margin-top: 0;
    text-align: center;
  }

/* line 51 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
  .page-footer__item {
    display: block;
    margin: 20px 0;
  }

/* line 56 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */
  .page-footer__item::after {
    display: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/page-footer/page-footer.styl */

/* line 1 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */

/* line 1 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 30px 0;
}

/* line 7 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table tbody {
  border: 0;
}

/* line 10 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table tr {
  border-bottom: 1px solid #ccc;
}

/* line 13 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table th {
  text-align: left;
}

/* line 16 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table th,
.main table td,
.main table caption {
  padding: 2px 1em 2px 5px;
}

/* line 21 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table tr:nth-child(even) {
  background: #f9f9f9;
}

/* line 24 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table code {
  font-weight: inherit;
}

/* line 27 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table tr:first-child th {
  border-bottom: 3px solid #ccc;
  vertical-align: bottom;
}

/* line 31 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
.main table caption {
  text-align: left;
}
@media (min-width: 1420px) {

/* line 36 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */
  .main table {
    font-size: 15px;
  }
}

/* line 37 : /js/build/modules/styles/blocks/standard-table/standard-table.styl */

/* line 37 : /js/build/modules/styles/blocks/corrector/corrector.styl */

/* line 1 : /js/build/modules/styles/blocks/corrector/corrector.styl */
.corrector {
  padding: 18px 0;
  color: #999;
  font-style: italic;
}

/* line 4 : /js/build/modules/styles/blocks/corrector/corrector.styl */

/* line 4 : /js/build/modules/styles/blocks/quote/quote.styl */

/* line 1 : /js/build/modules/styles/blocks/quote/quote.styl */
.main .quote p {
  margin: 0;
}

/* line 4 : /js/build/modules/styles/blocks/quote/quote.styl */
.quote {
  padding: 25px;
  margin: 10px 0;
  border: 4px solid #fcf8ec;
  border-radius: 2px;
}

/* line 13 : /js/build/modules/styles/blocks/quote/quote.styl */
.quote__i {
  float: left;
  box-sizing: border-box;
  width: 75%;
  padding-right: 70px;
}

/* line 21 : /js/build/modules/styles/blocks/quote/quote.styl */
.quote__text {
  font: italic 16px/20px Georgia, "serif";
  color: #ae8f4b;
}

/* line 26 : /js/build/modules/styles/blocks/quote/quote.styl */
.quote__author {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
}

/* line 31 : /js/build/modules/styles/blocks/quote/quote.styl */
.quote__footer {
  float: right;
  position: relative;
  box-sizing: border-box;
  width: 20%;
}

/* line 40 : /js/build/modules/styles/blocks/quote/quote.styl */
.quote__footer:before {
  font-size: 17px;
  line-height: 40px;
  position: absolute;
  left: -53px;
  top: -8px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ccc;
}

/* line 56 : /js/build/modules/styles/blocks/quote/quote.styl */

/* line 1 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */

/* line 3 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list {
  margin: 22px 0;
  border-radius: 6px;
  border: 4px solid #f5f2f0;
  background: #fff;
}

/* line 11 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
ol.lessons-list__lessons {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: lesson;
}

/* line 17 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list li.lessons-list__lesson {
  margin: 0;
  position: relative;
}

/* line 21 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson {
  font: 16px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 16px 20px 14px 55px;
  border-bottom: 1px solid #ede8e0;
}

/* line 26 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lessons .lessons-list__lessons {
  max-height: 0;
  overflow: hidden;
}

/* line 30 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_open .lessons-list__lessons {
  max-height: 1500px;
}

/* line 33 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson:last-child {
  border: 0;
}

/* line 36 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson::before {
  content: counter(lesson) '.';
  counter-increment: lesson;
  font: 16px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #959595;
  position: absolute;
  left: 10px;
  top: 16px;
  min-width: 30px;
  min-height: 22px;
  text-align: right;
}

/* line 48 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson[data-section-number]::before {
  content: attr(data-section-number) '.' counter(lesson);
}

/* line 51 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_1 {
  background: #faf8f7;
  padding-left: 46px;
}

/* line 55 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_1 > .lessons-list__link {
  font-weight: 600;
}

/* line 58 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_1::before {
  content: counter(lesson) '.';
  left: 5px;
  min-width: 27px;
}

/* line 63 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_1 .lessons-list__lessons {
  margin: 14px -20px -14px -46px;
}

/* line 66 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_2 {
  background: #fff;
  padding-left: 71px;
}

/* line 70 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_2:first-child {
  border-top: 1px solid #ede8e0;
}

/* line 73 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list__lesson_level_2::before {
  content: counters(lesson, '.');
  left: 35px;
}

/* line 77 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__download {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.4s;
}

/* line 89 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__download:before {
  font-size: 20px;
  color: #7e7e7e;
}

/* line 96 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.working-hover .lessons-list_screencast .lessons-list__lesson:hover .lessons-list__download {
  opacity: 1;
}

/* line 99 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__popup {
  position: absolute;
  right: -80px;
  top: 0;
  z-index: 10;
  display: none;
  width: 180px;
  padding-top: 30px;
}

/* line 110 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__popup-list {
  position: relative;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 4px;
  border: 2px solid #c6c6c6;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.13);
}

/* line 121 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__popup-list:before {
  position: absolute;
  left: 50%;
  top: -7px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 2px solid #c6c6c6;
  border-right: 0;
  border-bottom: 0;
  background: #fff;
  content: "";
}

/* line 139 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.working-hover .lessons-list_screencast .lessons-list__download:hover .lessons-list__popup {
  display: block;
}

/* line 142 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__popup-item {
  font-size: 14px;
  line-height: 22px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 151 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__popup-item a {
  color: #000;
  white-space: nowrap;
}

/* line 156 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.working-hover .lessons-list_screencast .lessons-list__popup-item a:hover {
  color: #c13335;
}

/* line 159 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__popup-item:before {
  display: none;
}

/* line 162 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.lessons-list_screencast .lessons-list__lesson > a:before {
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -12px;
  opacity: 0;
  font-size: 15px;
  width: 21px;
  height: 23px;
  line-height: 23px;
  padding-left: 3px;
  text-align: center;
  color: #7e7e7e;
  border: 1px solid;
  background: #fff;
  border-radius: 50%;
  transition: opacity 0.4s;
}

/* line 187 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.working-hover .lessons-list_screencast .lessons-list__lesson:hover a:before {
  opacity: 1;
}

/* line 190 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
.working-hover .lessons-list_screencast .lessons-list__lesson a:hover:before {
  color: #c13335;
}
@media (max-width: 1100px) {

/* line 194 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
  .lessons-list_screencast .lessons-list__download {
    right: 30px;
  }

/* line 197 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
  .lessons-list_screencast .lessons-list__popup {
    position: absolute;
    right: -20px;
  }

/* line 201 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
  .lessons-list_screencast .lessons-list__popup-list:before {
    left: auto;
    right: 20px;
    top: -7px;
  }
}
@media (max-width: 840px) {

/* line 207 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
  .lessons-list__lesson::before {
    top: 10px;
    left: 5px;
  }

/* line 211 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */
  .lessons-list__lesson {
    padding: 10px 10px 9px 43px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/lessons-list/lessons-list.styl */

/* line 1 : /js/build/modules/styles/blocks/extract/extract.styl */

/* line 1 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract {
  max-width: 615px;
  margin: 0 auto;
  padding: 0 0 30px;
  text-align: left;
}

/* line 9 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract_small {
  font-size: 13px;
  padding: 8px 23px 11px;
  line-height: 19px;
  border-radius: 0;
}

/* line 15 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__item {
  position: relative;
  cursor: pointer;
}

/* line 19 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract .extract__header {
  background: #ddd;
  text-align: center;
  color: #191e1e;
  margin-bottom: 21px;
  font-size: 28px;
  padding: 7px 27px 14px;
  border-radius: 3px 3px 0 0;
}

/* line 28 : /js/build/modules/styles/blocks/extract/extract.styl */
h3.extract__title {
  color: #b20600;
  font: 17px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
}

/* line 34 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__title label {
  cursor: pointer;
}

/* line 37 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__dates {
  font-weight: 700;
  margin: 0 27px;
  line-height: 26px;
}

/* line 42 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract_small .extract__dates,
.extract_small .extract__info {
  margin: 0;
}

/* line 46 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__wrap {
  display: table;
  width: 100%;
  min-height: 79px;
  margin-top: 2px;
  background: #f5f2f0;
  transition: background-color 0.2s;
}

/* line 56 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__input {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

/* line 66 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__content,
.extract__aside,
.extract__input-wrap {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 0;
}

/* line 73 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__aside {
  white-space: nowrap;
  border-right: 2px solid transparent;
}

/* line 78 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__input:checked ~ .extract__wrap {
  background: #f9edbf;
}

/* line 81 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__content {
  padding-left: 20px;
  padding-right: 10px;
}

/* line 85 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__aside_price {
  width: 0.1%;
  padding-right: 4em;
  font-size: 14px;
}

/* line 90 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__input-wrap {
  width: 36px;
}

/* line 93 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__aside_price .price__secondary {
  position: absolute;
  left: 100%;
  bottom: 0;
  margin: 0 0 3px 7px;
  white-space: nowrap;
}

/* line 100 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__aside_center {
  text-align: center;
}

/* line 103 : /js/build/modules/styles/blocks/extract/extract.styl */
.extract__price {
  margin-top: 3px;
  position: relative;
}

/* line 105 : /js/build/modules/styles/blocks/extract/extract.styl */

/* line 105 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */

/* line 1 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */

/* line 3 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */
body .grayed-list {
  max-width: 620px;
  padding: 0 20px;
  margin: 0 auto;
}

/* line 8 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */
.grayed-list .grayed-list__item {
  font: 27px/1.2 BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 22px 25px 28px;
  text-align: center;
  color: #e7e5e3;
  background: #f5f2f0;
  border-top: 2px solid #e7e5e3;
}

/* line 20 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */
.grayed-list .grayed-list__item:before {
  display: none;
}

/* line 23 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */
.grayed-list .grayed-list__item:first-child {
  border-top: 0;
}

/* line 26 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */
.grayed-list .grayed-list__item:last-child {
  border-radius: 0 0 10px 10px;
}
@media (max-width: 840px) {

/* line 30 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */
  .grayed-list {
    display: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/grayed-list/grayed-list.styl */

/* line 1 : /js/build/modules/styles/blocks/search-form/search-form.styl */

/* line 1 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form {
  border: solid #eee;
  border-width: 1px 0 0;
  padding-top: 24px;
}

/* line 6 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form_fixed {
  border-color: #c5c5c5;
  border-width: 0 0 1px;
  background: #eee;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 12px 120px;
  z-index: 9999;
  box-shadow: 0 0 3px #c5c5c5;
}

/* line 18 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form_hidden {
  visibility: hidden;
}

/* line 21 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__content {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

/* line 26 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form_fixed .search-form__content {
  margin: auto;
  max-width: 800px;
}

/* line 30 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__line {
  display: table-row;
}

/* line 33 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__query-wrap,
.search-form__send-wrap,
.search-form__status,
.search-form__option-wrap {
  display: table-cell;
  vertical-align: middle;
}

/* line 40 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__query-wrap {
  width: 100%;
}

/* line 43 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__send-wrap {
  white-space: nowrap;
}

/* line 46 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__query-wrap {
  padding-right: 20px;
}

/* line 49 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__query {
  width: 100%;
}

/* line 52 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__query .text-input__control {
  font: normal 14px/38px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  height: 38px;
  padding-left: 10px;
}

/* line 58 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__send {
  line-height: 36px;
  margin: 0;
  min-width: 140px;
  padding-left: 43px;
  padding-right: 43px;
}

/* line 67 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__footer {
  padding-top: 16px;
}

/* line 70 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__types {
  border-bottom: 1px solid #eee;
}

/* line 73 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__type {
  font: 15px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 9px 18px 12px;
  margin-bottom: -1px;
  color: #0059b2;
}

/* line 80 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__type[disabled] {
  border: 1px solid #eee;
  border-bottom-color: #fff;
  color: #727272;
  border-radius: 3px 3px 0 0;
  cursor: default;
}

/* line 87 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__status_notfound {
  font: 21px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding-right: 160px;
}

/* line 91 : /js/build/modules/styles/blocks/search-form/search-form.styl */
.search-form__marked {
  color: #bb1000;
  background: none;
}
@media (max-width: 568px) {

/* line 97 : /js/build/modules/styles/blocks/search-form/search-form.styl */
  .search-form_fixed {
    display: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/search-form/search-form.styl */

/* line 1 : /js/build/modules/styles/blocks/search-results/search-results.styl */

/* line 1 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results {
  counter-reset: result-item;
  margin-top: 22px;
}

/* line 5 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__result {
  margin-bottom: 20px;
  margin-left: 27px;
}

/* line 9 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__title {
  font: 21px/1 BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  counter-increment: result-item;
  position: relative;
}

/* line 14 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__title::before {
  content: counter(result-item);
  position: absolute;
  right: 100%;
  min-width: 22px;
  padding-right: 5px;
  font-size: 12px;
  line-height: 25px;
  color: #bbb;
}

/* line 24 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__count-note {
  color: #727272;
}

/* line 27 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__extract {
  margin: 10px 0 3px;
}

/* line 30 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results .search-results__path {
  margin: 0;
  padding: 0;
  color: #49916a;
  font-size: 12px;
}

/* line 36 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results .search-results__path-step {
  display: inline-block;
  margin: 0 15px 0 0;
}

/* line 40 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results .search-results__path-step::before {
  content: "/";
  color: inherit;
  margin-left: -9px;
}

/* line 45 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results .search-results__path-step:first-child::before {
  display: none;
}

/* line 48 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__path-link {
  color: inherit;
}

/* line 51 : /js/build/modules/styles/blocks/search-results/search-results.styl */
.search-results__marked {
  color: inherit;
  background: #ffffb7;
}

/* line 53 : /js/build/modules/styles/blocks/search-results/search-results.styl */

/* line 53 : /js/build/modules/styles/blocks/task/task.styl */

/* line 1 : /js/build/modules/styles/blocks/task/task.styl */

/* line 2 : /js/build/modules/styles/blocks/task/task.styl */
.task__header {
  margin: 16px 0 16px;
}

/* line 5 : /js/build/modules/styles/blocks/task/task.styl */
.task__title-wrap {
  padding-right: 45px;
}

/* line 8 : /js/build/modules/styles/blocks/task/task.styl */
.task .task__title {
  margin: 0;
  line-height: 28px;
  display: inline;
  font-size: 20px;
  font-weight: bold;
}

/* line 15 : /js/build/modules/styles/blocks/task/task.styl */
.task .task__title a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

/* line 20 : /js/build/modules/styles/blocks/task/task.styl */
.task__header-note {
  margin-top: 6px;
}

/* line 23 : /js/build/modules/styles/blocks/task/task.styl */
.task .task__open-link {
  text-decoration: none;
  margin-left: 20px;
  outline: 0;
  position: absolute;
  line-height: 18px;
}

/* line 31 : /js/build/modules/styles/blocks/task/task.styl */
.task__open-link::before {
  font-size: 16px;
  display: inline-block;
  min-width: 16px;
}

/* line 37 : /js/build/modules/styles/blocks/task/task.styl */
.task__importance {
  color: #999;
  margin-right: 30px;
}

/* line 41 : /js/build/modules/styles/blocks/task/task.styl */
.task__solution {
  display: block;
  margin: 18px 0;
  padding: 4px 12px;
  border-radius: 15px;
  border: 2px solid #568dca;
  font: inherit;
  line-height: 18px;
  color: #568dca;
  text-decoration: none;
}

/* line 53 : /js/build/modules/styles/blocks/task/task.styl */
.working-hover .task__solution:hover {
  color: #ba1000;
  border-color: #ba1000;
}

/* line 57 : /js/build/modules/styles/blocks/task/task.styl */
.task__solution[disabled],
.working-hover .task__solution[disabled]:hover {
  cursor: default;
  opacity: 0.5;
  color: #568dca;
  border-color: #568dca;
}

/* line 64 : /js/build/modules/styles/blocks/task/task.styl */
.task_answer_open .task__solution {
  position: relative;
  background: #568dca;
  color: #fff;
  text-decoration: none;
}

/* line 71 : /js/build/modules/styles/blocks/task/task.styl */
.working-hover .task_answer_open .task__solution:hover {
  color: #fff;
  border-color: #568dca;
}

/* line 75 : /js/build/modules/styles/blocks/task/task.styl */
.task_answer_open .task__solution::after {
  content: "";
  position: absolute;
  border-bottom: 14px solid #f7f6ea;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  margin: 8px 0 0 -7px;
}

/* line 87 : /js/build/modules/styles/blocks/task/task.styl */
.task__content,
.task__content p,
.task__content ul,
.task__content ol,
.task__content figure,
.task__content .code-example,
.task__content .codebox,
.task__content .code-tabs {
  margin: 18px 0;
}

/* line 97 : /js/build/modules/styles/blocks/task/task.styl */
.task__content {
  line-height: 140%;
  margin-bottom: 21px;
}

/* line 101 : /js/build/modules/styles/blocks/task/task.styl */
.task__answer {
  border: 3px solid #f7f6ea;
  margin: 20px 0 14px;
  position: relative;
  display: none;
}

/* line 107 : /js/build/modules/styles/blocks/task/task.styl */
.task__answer-content {
  margin: 25px 30px;
}

/* line 110 : /js/build/modules/styles/blocks/task/task.styl */
.task__answer-close,
.task__answer-close:active {
  position: absolute;
  top: -17px;
  right: -17px;
}
@media (max-width: 568px) {

/* line 116 : /js/build/modules/styles/blocks/task/task.styl */
  .task__answer-close,
  .task__answer-close:active {
    right: -13px;
  }
}

/* line 119 : /js/build/modules/styles/blocks/task/task.styl */
.task_answer_open .task__answer {
  display: block;
}

/* line 122 : /js/build/modules/styles/blocks/task/task.styl */
.task__step-show {
  background: #f7f6ea;
  display: block;
  width: 100%;
  height: 55px;
  text-align: left;
  padding: 0 30px;
  font: 700 114% BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: inherit;
  position: relative;
}

/* line 134 : /js/build/modules/styles/blocks/task/task.styl */
.task__step-show::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  right: -3px;
  border-top: 1px solid #edece2;
}

/* line 142 : /js/build/modules/styles/blocks/task/task.styl */
.task__step:first-child .task__step-show::before,
.task_step_open + .task__step .task__step-show::before {
  display: none;
}

/* line 146 : /js/build/modules/styles/blocks/task/task.styl */
.task__step .task__answer-content {
  display: none;
}

/* line 149 : /js/build/modules/styles/blocks/task/task.styl */
.task_step_open .task__answer-content {
  display: block;
}

/* line 152 : /js/build/modules/styles/blocks/task/task.styl */
.task_step_open .task__step-show {
  display: none;
}

/* line 155 : /js/build/modules/styles/blocks/task/task.styl */
.task .task__step-title {
  margin: 25px 0 14px;
}

/* line 1 : /js/build/modules/styles/blocks/task/task.styl */

/* line 1 : /js/build/modules/styles/blocks/task-single/task-single.styl */

/* line 1 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single {
  margin: 22px 0;
}

/* line 4 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__back {
  font-size: 14px;
}

/* line 7 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__back span,
.working-hover .task-single__back:hover {
  text-decoration: none;
}

/* line 11 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.working-hover .task-single__back:hover span {
  text-decoration: underline;
}

/* line 14 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__back::before {
  content: '\2190   ';
}

/* line 17 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task {
  border-top: 1px solid #eee;
  margin-top: 17px;
}

/* line 21 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task .task__header {
  margin-top: 24px;
}

/* line 24 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task .task__title-wrap {
  padding: 0;
}

/* line 27 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task .task__header-note {
  margin-top: 14px;
}

/* line 30 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task .task__solution::after {
  margin-top: 6px;
}

/* line 35 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task .task__content,
.task-single__task .task__content p,
.task-single__task .task__content ul,
.task-single__task .task__content ol,
.task-single__task .task__content figure,
.task-single__task .task__content .code-example,
.task-single__task .task__content .codebox,
.task-single__task .task__content .code-tabs {
  margin: 22px 0;
}

/* line 45 : /js/build/modules/styles/blocks/task-single/task-single.styl */
.task-single__task .task__content .code-example .codebox {
  margin: 0;
}

/* line 46 : /js/build/modules/styles/blocks/task-single/task-single.styl */

/* line 46 : /js/build/modules/styles/blocks/tasks/tasks.styl */

/* line 1 : /js/build/modules/styles/blocks/tasks/tasks.styl */
.tasks {
  margin-bottom: 60px;
}

/* line 5 : /js/build/modules/styles/blocks/tasks/tasks.styl */
.tasks .tasks__title {
  margin-bottom: 16px;
}

/* line 8 : /js/build/modules/styles/blocks/tasks/tasks.styl */

/* line 11 : /js/build/modules/styles/blocks/tasks/tasks.styl */
.tasks__title::before {
  transition: color 0.2s;
  display: inline-block;
  width: 35px;
  color: #80bd57;
  right: auto;
  left: 0;
  opacity: 1;
}

/* line 20 : /js/build/modules/styles/blocks/tasks/tasks.styl */
.working-hover .tasks__title:hover::before {
  color: #a0ce81;
}

/* line 24 : /js/build/modules/styles/blocks/tasks/tasks.styl */
.tasks__task {
  border-top: 2px solid #eee;
  margin: 0 0 16px;
}

/* line 28 : /js/build/modules/styles/blocks/tasks/tasks.styl */

/* line 29 : /js/build/modules/styles/blocks/tasks/tasks.styl */

/* line 30 : /js/build/modules/styles/blocks/tasks/tasks.styl */
.page_ebook .tasks .tasks__title {
  font-size: 20px;
}

/* line 31 : /js/build/modules/styles/blocks/tasks/tasks.styl */

/* line 31 : /js/build/modules/styles/blocks/intro/intro.styl */

/* line 1 : /js/build/modules/styles/blocks/intro/intro.styl */
.intro {
  color: #51513f;
  font-size: 16px;
  margin-bottom: 19px;
  text-align: center;
}
@media (max-width: 568px) {

/* line 8 : /js/build/modules/styles/blocks/intro/intro.styl */
  .intro {
    font-size: 14px;
    line-height: initial;
  }
}

/* line 1 : /js/build/modules/styles/blocks/intro/intro.styl */

/* line 1 : /js/build/modules/styles/blocks/course-search/course-search.styl */

/* line 1 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search {
  background: #eee;
  border-radius: 4px;
  padding: 30px 40px 40px;
}

/* line 6 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__form {
  display: table;
  width: 100%;
}

/* line 10 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__input-wrap {
  display: table-cell;
  vertical-align: middle;
}

/* line 14 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__input-wrap_text {
  width: 100%;
}

/* line 17 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__query {
  width: 100%;
}

/* line 20 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__query .text-input__control {
  font: normal 14px/38px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

/* line 28 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__input-wrap_submit {
  padding-left: 25px;
}

/* line 31 : /js/build/modules/styles/blocks/course-search/course-search.styl */
.course-search__input-wrap_submit .button_action {
  line-height: 36px;
  min-width: 140px;
  padding-left: 43px;
  padding-right: 43px;
}
@media (max-width: 840px) {

/* line 39 : /js/build/modules/styles/blocks/course-search/course-search.styl */
  .course-search {
    padding: 10px 15px 15px;
  }
}
@media (max-width: 690px) {

/* line 43 : /js/build/modules/styles/blocks/course-search/course-search.styl */
  .course-search {
    display: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-search/course-search.styl */

/* line 1 : /js/build/modules/styles/blocks/course-info/course-info.styl */

/* line 1 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info {
  border-radius: 4px;
  line-height: 1.3;
  margin-top: 22px;
  background: #f7f6ea;
  position: relative;
}

/* line 8 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info .course-info__header {
  margin: 0;
  border-radius: 4px 4px 0 0;
  background: #f0efe4;
  padding: 9px 50px 12px;
}

/* line 14 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info .course-info__header-title {
  font: 28px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

/* line 21 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info__col {
  border-left: 1px solid #dfdfd0;
}

/* line 24 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info__col:first-child {
  border: 0;
}

/* line 27 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info__content {
  margin: 20px 35px 35px;
}

/* line 30 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info__title-note {
  color: #656565;
  text-align: center;
  font-size: 12px;
}

/* line 35 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info .map {
  position: absolute;
  top: 8px;
  right: 20px;
  cursor: pointer;
  font-size: 14px;
  vertical-align: middle;
}

/* line 43 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info .course-info__title {
  font: 700 22px/1.2 BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  text-align: center;
  margin: 0 0 25px;
  padding: 0;
}

/* line 50 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info .course-info__title_alternate {
  color: #b20600;
}

/* line 53 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info_program .course-info__content {
  text-align: left;
}

/* line 56 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info_program .course-info__content ol li {
  margin-top: 10px;
  color: #999;
}

/* line 61 : /js/build/modules/styles/blocks/course-info/course-info.styl */
.course-info_program .course-info__content .course-info__text {
  color: #333;
}
@media (max-width: 840px) {

/* line 66 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info {
    border-radius: initial;
    margin-left: -10px;
    margin-right: -10px;
  }

/* line 72 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info_program {
    background: none;
  }

/* line 76 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info__body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

/* line 80 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info .course-info__col {
    display: block;
    width: auto;
    border: none;
  }

/* line 86 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info .course-info__col:last-child {
    border-top: 1px solid #dfdfd0;
  }

/* line 89 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info_program .course-info__col:last-child {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    background: #f7f6ea;
    border: none;
  }

/* line 95 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info .map__text {
    display: none;
  }

/* line 98 : /js/build/modules/styles/blocks/course-info/course-info.styl */
  .course-info__content {
    margin: 20px 15px 35px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-info/course-info.styl */

/* line 1 : /js/build/modules/styles/blocks/special-links-list/special-links-list.styl */

/* line 1 : /js/build/modules/styles/blocks/special-links-list/special-links-list.styl */
.special-links-list,
.main .special-links-list {
  padding: 0;
}

/* line 5 : /js/build/modules/styles/blocks/special-links-list/special-links-list.styl */
.special-links-list .special-links-list__item {
  font: 400 16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0.2em 0;
}

/* line 9 : /js/build/modules/styles/blocks/special-links-list/special-links-list.styl */
.special-links-list__item::before {
  content: "";
  display: none;
}

/* line 14 : /js/build/modules/styles/blocks/special-links-list/special-links-list.styl */
.working-hover .special-links-list .special-links-list__link:hover {
  color: #ba1000;
}

/* line 15 : /js/build/modules/styles/blocks/special-links-list/special-links-list.styl */

/* line 15 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */

/* line 1 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */

/* line 3 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks .course-bricks__title {
  font: 200% BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 39px 0 4px;
}

/* line 9 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__brick-title .main__anchor::before {
  z-index: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 22px;
  line-height: 25px;
}

/* line 16 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks .course-bricks__title ~ p {
  color: #999;
  text-align: center;
  margin-top: 0;
  margin-bottom: 36px;
}

/* line 22 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__container {
  font-size: 14px;
  margin: 0 -30px;
  -webkit-columns: 200px 3;
          columns: 200px 3;
}

/* line 29 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__brick {
  margin: 0 30px;
  padding-bottom: 20px;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
}

/* line 36 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.main ul.course-bricks__chapters-list {
  margin: 0;
}

/* line 39 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__chapters-list .course-bricks__item {
  margin: 0.3em 0;
  line-height: 18px;
}

/* line 44 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__col:first-child .course-bricks__brick {
  margin: 0 18px 0 0;
}

/* line 47 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__col:last-child .course-bricks__brick {
  margin: 0 0 0 18px;
}

/* line 50 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.main .course-bricks .course-bricks__brick-title {
  font: 18px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
}

/* line 55 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.working-hover .course-bricks .course-bricks__brick-title-link:hover {
  color: #666;
}

/* line 58 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__brick-content {
  margin: 12px 0;
}

/* line 61 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */
.course-bricks__brick-content p {
  margin: 12px 0;
}

/* line 62 : /js/build/modules/styles/blocks/course-bricks/course-bricks.styl */

/* line 62 : /js/build/modules/styles/blocks/error/error.styl */

/* line 1 : /js/build/modules/styles/blocks/error/error.styl */
.error {
  margin-top: 100px;
  text-align: center;
}

/* line 5 : /js/build/modules/styles/blocks/error/error.styl */
.error .error__type {
  font: 200% BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #b20600;
  margin: 0;
}

/* line 10 : /js/build/modules/styles/blocks/error/error.styl */
.error .error__request {
  color: #b20600;
}

/* line 13 : /js/build/modules/styles/blocks/error/error.styl */
.error__code {
  font-size: 860%;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 45px;
}

/* line 19 : /js/build/modules/styles/blocks/error/error.styl */
.error__text {
  font-size: 115%;
  margin-bottom: 23px;
}

/* line 23 : /js/build/modules/styles/blocks/error/error.styl */

/* line 26 : /js/build/modules/styles/blocks/error/error.styl */
.error__search {
  width: 435px;
  display: table;
  margin: auto;
}

/* line 31 : /js/build/modules/styles/blocks/error/error.styl */
.error__search-query-wrap,
.error__search-submit-wrap {
  display: table-cell;
  vertical-align: middle;
}

/* line 36 : /js/build/modules/styles/blocks/error/error.styl */
.error__search-query-wrap,
.error__search-query {
  width: 100%;
}

/* line 40 : /js/build/modules/styles/blocks/error/error.styl */
.error__search-submit {
  margin: 0 0 0 7px;
}

/* line 41 : /js/build/modules/styles/blocks/error/error.styl */

/* line 41 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header {
  margin: 0 -120px;
  padding: 0 120px;
  background-color: #f7d275;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
}

/* line 15 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 46px 0;
  padding-right: 323px;
  color: #404040;
  box-sizing: border-box;
}
@media (max-width: 840px) {

/* line 24 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
  .course-header__inner {
    padding-right: 0;
  }
}

/* line 27 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header_frontpage .course-header__inner {
  margin: 0 auto;
  max-width: 940px;
  padding-right: 0;
}

/* line 32 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__title {
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 15px;
}

/* line 37 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__text {
  margin: 0;
}

/* line 39 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__image-container {
  width: 300px;
  height: 168px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #fbf3e5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 840px) {

/* line 51 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
  .course-header__image-container {
    display: none;
  }
}

/* line 54 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__image {
  background-repeat: no-repeat;
  background-size: contain;
  width: 148px;
  height: 148px;
}

/* line 61 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__text,
.course-header__title {
  max-width: 695px;
}
@media (max-width: 840px) {

/* line 64 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
  .course-header__text,
  .course-header__title {
    padding-right: 0;
  }
}

/* line 67 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__back {
  position: relative;
  border-bottom: 1px solid rgba(64,64,64,0.3);
  font: inherit;
  color: inherit;
}

/* line 72 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.working-hover .course-header__back:hover {
  text-decoration: none;
}

/* line 75 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
.course-header__back::before {
  content: '\2190   ';
  position: absolute;
  left: -20px;
}
@media (max-width: 840px) {

/* line 80 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
  .course-header__back::before {
    display: none;
  }
}
@media (max-width: 840px) {

/* line 83 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */
  .course-header {
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-header/courses-header.styl */

/* line 1 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
@media (max-width: 840px) {

/* line 2 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu {
    position: absolute;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: #f5f2f0;
    box-shadow: 0 3px 8px -1px rgba(0,0,0,0.2);
  }

/* line 16 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__line {
    display: table;
    width: 100%;
    border-top: 1px solid #e7e5e3;
  }

/* line 21 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__title,
  .tablet-menu__content,
  .tablet-menu__aside {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
  }

/* line 28 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__header {
    white-space: nowrap;
  }

/* line 31 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__content {
    width: 100%;
    padding: 0 20px;
  }

/* line 35 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__content .map,
  .tablet-menu__content .tablet-ebook {
    color: #7e7e7e;
  }

/* line 39 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__aside {
    white-space: nowrap;
    padding: 0 20px 0 0;
  }

/* line 43 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */
  .tablet-menu__nav {
    width: 100%;
  }
}

/* line 1 : /js/build/modules/styles/blocks/tablet-menu/tablet-menu.styl */

/* line 1 : /js/build/modules/styles/blocks/search-paranja/search-paranja.styl */
@media (max-width: 840px) {

/* line 2 : /js/build/modules/styles/blocks/search-paranja/search-paranja.styl */
  .search-paranja {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
  }

/* line 13 : /js/build/modules/styles/blocks/search-paranja/search-paranja.styl */
  body.paranja-open {
    overflow: hidden;
  }
}

/* line 1 : /js/build/modules/styles/blocks/search-paranja/search-paranja.styl */

/* line 1 : /js/build/modules/styles/blocks/map/map.styl */

/* line 1 : /js/build/modules/styles/blocks/map/map.styl */
.map {
  font-size: 14px;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
}

/* line 7 : /js/build/modules/styles/blocks/map/map.styl */
.map:before {
  font-size: 22px;
  line-height: 44px;
  vertical-align: middle;
  color: #8b8987;
}

/* line 17 : /js/build/modules/styles/blocks/map/map.styl */
.working-hover .map:hover {
  text-decoration: none;
}

/* line 20 : /js/build/modules/styles/blocks/map/map.styl */
.map__text {
  margin-left: 14px;
  vertical-align: middle;
}

/* line 23 : /js/build/modules/styles/blocks/map/map.styl */

/* line 23 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */

/* line 1 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */
.tablet-ebook {
  font-size: 14px;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
}

/* line 10 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */
.tablet-ebook:before {
  font-size: 22px;
  line-height: 44px;
  vertical-align: middle;
  color: #8b8987;
}

/* line 20 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */
.working-hover .tablet-ebook:hover {
  text-decoration: none;
}

/* line 23 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */
.tablet-ebook__text {
  margin-left: 14px;
  vertical-align: middle;
}

/* line 28 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */
.tablet-ebook__note {
  margin-left: 10px;
  opacity: 0.5;
}

/* line 31 : /js/build/modules/styles/blocks/tablet-ebook/tablet-ebook.styl */

/* line 31 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */

/* line 1 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map {
  margin: 140px auto 0;
  background: #fff;
  padding: 0 155px;
  outline: none;
}
@media (max-width: 1120px) {

/* line 8 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map {
    margin-bottom: 0;
  }
}
@media (max-width: 840px) {

/* line 11 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map {
    margin-top: 80px;
    padding: 0 16px;
  }
}
@media (max-width: 568px) {

/* line 15 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map {
    margin-top: 120px;
  }
}

/* line 18 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map_main {
  max-width: 920px;
  margin-top: 46px;
  padding: 0 20px;
}
@media (max-width: 568px) {

/* line 23 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map_main {
    margin-top: 34px;
  }
}

/* line 26 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: #fff;
  padding: 57px 155px 20px 155px;
}
@media (max-width: 1120px) {

/* line 35 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map__filter {
    padding: 57px 155px 20px 155px;
  }
}
@media (max-width: 840px) {

/* line 38 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map__filter {
    padding: 20px;
  }
}

/* line 41 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter-t {
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 48 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter .text-input__control::-webkit-input-placeholder {
  color: #7e7e7e;
  font: 14px/16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  opacity: 0.5;
  padding-top: 2px;
}

/* line 54 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter .text-input__control::-moz-placeholder {
  color: #7e7e7e;
  font: 14px/16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  opacity: 0.5;
}

/* line 59 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter .text-input__control:-ms-input-placeholder {
  color: #7e7e7e;
  font: 14px/16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  opacity: 0.5;
}

/* line 64 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter .text-input__control {
  font: 14px/16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 67 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter.sticky .text-input__control {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* line 71 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__filter.sticky .switch__label {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* line 75 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__input-wrap,
.tutorial-map__option,
.tutorial-map__layout {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 568px) {

/* line 81 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map__input-wrap,
  .tutorial-map__option,
  .tutorial-map__layout {
    display: block;
  }
}

/* line 84 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__input-wrap {
  width: 100%;
}

/* line 87 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__option {
  white-space: nowrap;
  padding: 0 50px 0 40px;
}
@media (max-width: 568px) {

/* line 91 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map__option {
    display: block;
    padding: 20px 0 0 20px;
  }
}

/* line 95 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__option-control {
  position: absolute;
  top: 50%;
  right: 100%;
  margin: 0;
  -webkit-transform: translateY(-50%) scale(1.25);
          transform: translateY(-50%) scale(1.25);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

/* line 105 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__option-label {
  color: #7e7e7e;
  position: relative;
}

/* line 109 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__option-label {
  padding-left: 11px;
}

/* line 112 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map__input {
  width: 100%;
  position: relative;
}

/* line 116 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list {
  counter-reset: one;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 121 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map_main .tutorial-map-list {
  margin-right: -20px;
}
@media (max-width: 1120px) {

/* line 124 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map_main .tutorial-map-list {
    margin-right: 0;
  }
}

/* line 127 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list__item {
  list-style: none;
  counter-increment: one;
}

/* line 131 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list__title {
  margin: 65px 0 32px;
  font-size: 18px;
  line-height: 24px;
  color: #999;
}

/* line 137 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-two {
  counter-reset: two;
}

/* line 140 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-two__item {
  counter-increment: two;
}

/* line 143 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-two__title {
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding-bottom: 15px;
  margin-bottom: 14px;
}
@media (max-width: 1120px) {

/* line 153 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map-list-two__title {
    font-size: 18px;
  }
}

/* line 156 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-two__link {
  color: #373636;
}

/* line 159 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-three {
  counter-reset: three;
  margin-bottom: 30px;
  list-style-type: none;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-columns: 3;
  columns: 3;
}
@media (max-width: 840px) {

/* line 168 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map-list-three {
    -webkit-columns: 2;
    columns: 2;
  }
}
@media (max-width: 568px) {

/* line 172 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
  .tutorial-map-list-three {
    -webkit-columns: 1;
    columns: 1;
  }
}

/* line 176 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-three__item {
  counter-increment: three;
  margin-bottom: 2px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

/* line 183 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-three__title {
  position: relative;
  padding-left: 24px;
}

/* line 187 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-three__title:before {
  position: absolute;
  top: 4px;
  left: 0;
  font-family: 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace;
  font-size: 12px;
  line-height: 16px;
  content: counter(three);
}

/* line 196 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-three__link {
  font-size: 16px;
  line-height: 23px;
}

/* line 201 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-three__link_active {
  color: #ba1000;
}

/* line 204 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-four {
  display: none;
  counter-reset: four;
}

/* line 208 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map_show-tasks .tutorial-map-list-four {
  display: block;
}

/* line 211 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-four__item {
  margin-bottom: 2px;
  counter-increment: four;
}

/* line 215 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-four__title {
  position: relative;
  padding-left: 24px;
  margin: 2px 0;
}

/* line 220 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-four__title:before {
  position: absolute;
  content: "\2713";
  color: #66ba7a;
  font-size: inherit;
  margin: 0 0 0 -16px;
}

/* line 227 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */
.tutorial-map-list-four__link {
  font-size: 14px;
  line-height: 20px;
}

/* line 1 : /js/build/modules/styles/blocks/tutorial-map/tutorial-map.styl */

/* line 1 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */

/* line 1 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map-overlay {
  position: fixed;
  background: rgba(255,255,255,0.96);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  overflow: auto;
}

/* line 12 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map-overlay__close,
.tutorial-map-overlay__close:active {
  position: fixed;
  top: 50px;
  right: 64px;
  z-index: 2;
  font-size: 42px;
  line-height: 42px;
  width: 42px;
  height: 42px;
  color: #fff;
}
@media (max-width: 840px) {

/* line 27 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
  .tutorial-map-overlay__close,
  .tutorial-map-overlay__close:active {
    top: 14px;
    right: 10px;
  }
}
@media (max-width: 568px) {

/* line 31 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
  .tutorial-map-overlay__close,
  .tutorial-map-overlay__close:active {
    top: 60px;
  }
}

/* line 34 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map-overlay__close:before {
  width: 25px;
  height: 25px;
  background: #999;
}

/* line 39 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map-overlay .tutorial-map {
  background: none;
  padding-bottom: 50px;
}

/* line 43 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map-overlay .tutorial-map:after {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 80%);
  content: '';
}

/* line 55 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map_on {
  overflow: hidden;
}

/* line 58 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map_on .modal::before {
  background: none;
}

/* line 61 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map_on .modal .spinner__dot {
  background: #999;
}

/* line 64 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */
.tutorial-map_on .modal-dialog {
  -webkit-transform: none;
          transform: none;
}

/* line 1 : /js/build/modules/styles/blocks/tutorial-map-overlay/tutorial-map-overlay.styl */

/* line 10 : /js/build/modules/styles/blocks/notification/notification.styl */

/* line 12 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification {
  position: relative;
}

/* line 15 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification__content {
  margin: 22px 45px 22px 22px;
  color: #333;
  font: 400 14px/16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  white-space: normal;
}

/* line 21 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification__content p {
  margin: 10px 0;
}

/* line 24 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_popup,
.notification_message {
  border: 1px solid;
  border-radius: 4px;
}

/* line 29 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_message {
  margin: 22px 0;
}

/* line 32 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_popup {
  border: 1px solid;
  box-shadow: 0 3px 3px rgba(0,0,0,0.25);
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 630px;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  box-sizing: border-box;
}

/* line 47 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_top {
  min-height: 60px;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
@media (max-width: 840px) {

/* line 53 : /js/build/modules/styles/blocks/notification/notification.styl */
  .notification_top {
    display: none;
  }
}

/* line 56 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_top .notification__content {
  text-align: center;
}

/* line 59 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_error {
  background: #f2dede;
  border-color: #e7c9c9;
}

/* line 63 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_error .notification__cause {
  color: #b20600;
}

/* line 66 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_error .notification__close {
  color: #a86464;
}

/* line 69 : /js/build/modules/styles/blocks/notification/notification.styl */
.working-hover .notification_error .notification__close .notification:hover {
  color: #b98383;
}

/* line 72 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_warning {
  background: #fcf8e1;
  border-color: #ece6c4;
}

/* line 76 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_warning .notification__close {
  color: #a99e62;
}

/* line 79 : /js/build/modules/styles/blocks/notification/notification.styl */
.working-hover .notification_warning .notification__close .notification:hover {
  color: #bab181;
}

/* line 82 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_info {
  background: #d9edf8;
  border-color: #c8e0ed;
}

/* line 86 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_info .notification__close {
  color: #5c879f;
}

/* line 89 : /js/build/modules/styles/blocks/notification/notification.styl */
.working-hover .notification_info .notification__close .notification:hover {
  color: #7c9fb3;
}

/* line 92 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_success {
  background: #dff0d6;
  border-color: #d1e7c6;
}

/* line 96 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification_success .notification__close {
  color: #699552;
}

/* line 99 : /js/build/modules/styles/blocks/notification/notification.styl */
.working-hover .notification_success .notification__close .notification:hover {
  color: #85b06f;
}

/* line 102 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification__close {
  position: absolute;
  right: 18px;
  top: 22px;
  width: 14px;
  height: 14px;
}

/* line 110 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification__close:active {
  position: absolute;
}

/* line 113 : /js/build/modules/styles/blocks/notification/notification.styl */
.notification__close::before {
  vertical-align: middle;
  line-height: 1;
  font-size: 15px;
}

/* line 1 : /js/build/modules/styles/blocks/notification/notification.styl */

/* line 1 : /js/build/modules/styles/blocks/prism/prism.styl */

/* line 7 : /js/build/modules/styles/blocks/prism/prism.styl */
code[class*="language-"],
pre[class*="language-"] {
  color: #000;
  text-shadow: 0 1px #fff;
  font-family: 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  -moz-tab-size: 4;
       tab-size: 4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  position: relative;
}
@media print {

/* line 34 : /js/build/modules/styles/blocks/prism/prism.styl */
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* line 39 : /js/build/modules/styles/blocks/prism/prism.styl */
pre[class*="language-"] {
  padding: 1em;
  margin: 1.5em 0;
  overflow: auto;
}

/* line 44 : /js/build/modules/styles/blocks/prism/prism.styl */
pre[class*="language-"] {
  background: #f5f2f0;
}

/* line 48 : /js/build/modules/styles/blocks/prism/prism.styl */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
}

/* line 52 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #708090;
}

/* line 58 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.punctuation {
  color: #999;
}

/* line 61 : /js/build/modules/styles/blocks/prism/prism.styl */
.namespace {
  opacity: 0.7;
}

/* line 64 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.property,
.token.tag,
.token.boolean,
.token.number {
  color: #905;
}

/* line 70 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.selector,
.token.attr-name,
.token.string {
  color: #690;
}

/* line 75 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
/* background: hsla(0,0%,100%,.5); */
}

/* line 83 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

/* line 89 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.regex,
.token.important {
  color: #e90;
}

/* line 93 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.important {
  font-weight: bold;
}

/* line 96 : /js/build/modules/styles/blocks/prism/prism.styl */
.token.entity {
  cursor: help;
}

/* line 97 : /js/build/modules/styles/blocks/prism/prism.styl */

/* line 97 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */

/* line 1 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */

/* line 3 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */
.main .inline-highlight {
  position: absolute;
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
  left: 0;
  top: -2px;
  z-index: -1;
  padding: 0;
}

/* line 13 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */
.main .inline-highlight .mask {
  padding: 0;
  background: #f5e7c6;
  outline: 2px solid #f5e7c6;
}

/* line 18 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */
.main .block-highlight {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  margin-top: 1em /* Same as .prism’s padding-top */;
  padding: 0;
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

/* line 32 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */
.main .block-highlight .mask {
  display: block;
  background: #f5e7c6;
  outline: 1px solid #f5e7c6;
  left: 0;
  right: 0;
  position: absolute;
  padding: 0;
}

/* line 39 : /js/build/modules/styles/blocks/prism/prism-line-highlight.styl */

/* line 39 : /js/build/modules/styles/blocks/prism/prism-line-numbers.styl */

/* line 1 : /js/build/modules/styles/blocks/prism/prism-line-numbers.styl */
pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}

/* line 6 : /js/build/modules/styles/blocks/prism/prism-line-numbers.styl */
.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em /* works for line-numbers below 1000 lines */;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 17 : /js/build/modules/styles/blocks/prism/prism-line-numbers.styl */
.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}

/* line 22 : /js/build/modules/styles/blocks/prism/prism-line-numbers.styl */
.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

/* line 27 : /js/build/modules/styles/blocks/prism/prism-line-numbers.styl */

/* line 27 : /js/build/modules/styles/blocks/prism/my-prism.styl */

/* line 1 : /js/build/modules/styles/blocks/prism/my-prism.styl */
pre[class*="language-"],
code[class*="language-"] {
  font: 14px/17px 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace;
  z-index: 0;
  text-shadow: none;
  margin: 0;
}

/* line 8 : /js/build/modules/styles/blocks/prism/my-prism.styl */
pre[class*="language-"] {
  position: relative;
}

/* line 10 : /js/build/modules/styles/blocks/prism/my-prism.styl */
pre[class*="language-"] > code.language-markup {
  color: inherit;
  position: relative;
}

/* line 14 : /js/build/modules/styles/blocks/prism/my-prism.styl */
pre[class*="language-"] > code[class*="language-"] {
  background: none;
  padding: 0;
}

/* line 18 : /js/build/modules/styles/blocks/prism/my-prism.styl */
pre.line-numbers {
  padding-left: 3.2em;
}

/* line 24 : /js/build/modules/styles/blocks/prism/my-prism.styl */
.line-numbers .line-numbers-rows {
  left: 0;
  top: 0;
  padding: 1em 0;
  border: 0;
  background: #e7e5e3;
  width: auto;
}

/* line 32 : /js/build/modules/styles/blocks/prism/my-prism.styl */
.line-numbers .line-numbers-rows:after {
  width: auto;
  display: block;
  visibility: hidden;
  margin-top: -1.2em;
  content: '222';
}

/* line 39 : /js/build/modules/styles/blocks/prism/my-prism.styl */
.line-numbers-rows > span:before,
.line-numbers .line-numbers-rows:after {
  padding: 0 0.7em 0 0.8em;
  background: #e7e5e3;
  text-shadow: none;
}
@media (min-width: 1420px) {

/* line 46 : /js/build/modules/styles/blocks/prism/my-prism.styl */
  pre[class*="language-"],
  code[class*="language-"] {
    font-size: 16px;
    line-height: 19px;
  }
}

/* line 49 : /js/build/modules/styles/blocks/prism/my-prism.styl */

/* line 1 : /js/build/modules/styles/blocks/domtree/domtree.styl */

/* line 2 : /js/build/modules/styles/blocks/domtree/domtree.styl */
.domtree {
  border: 1px solid #f5f2f0;
  border-radius: 4px;
  margin: 10px 0 10px 0;
}

/* line 5 : /js/build/modules/styles/blocks/domtree/domtree.styl */

/* line 5 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */

/* line 1 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */
.tutorial-progress {
  display: none;
}

/* line 4 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */
.tutorial-progress[value] {
  display: block;
/* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 4px;
  background: #e1e0de;
  border: none;
}

/* line 16 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */
.tutorial-progress[value]::-webkit-progress-bar {
  background: #e1e0de;
}

/* line 19 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */
.tutorial-progress[value]::-webkit-progress-value {
  background: #b8d0b1;
}

/* line 22 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */
.tutorial-progress[value]::-moz-progress-bar {
  background: #b8d0b1;
}

/* line 25 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */
.tutorial-progress[value]::-ms-fill {
  border: none;
  background: #b8d0b1;
}

/* line 27 : /js/build/modules/styles/blocks/tutorial-progress/tutorial-progress.styl */

/* line 27 : /js/build/modules/styles/blocks/article-tablet-foot/article-tablet-foot.styl */

/* line 1 : /js/build/modules/styles/blocks/article-tablet-foot/article-tablet-foot.styl */

/* line 3 : /js/build/modules/styles/blocks/article-tablet-foot/article-tablet-foot.styl */
.article-tablet-foot__layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  white-space: nowrap;
}

/* line 10 : /js/build/modules/styles/blocks/article-tablet-foot/article-tablet-foot.styl */
.article-tablet-foot .share-icons {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 14 : /js/build/modules/styles/blocks/article-tablet-foot/article-tablet-foot.styl */
.article-tablet-foot__map .map,
.article-tablet-foot__map .map__text {
  vertical-align: baseline;
}

/* line 16 : /js/build/modules/styles/blocks/article-tablet-foot/article-tablet-foot.styl */

/* line 16 : /js/build/modules/styles/blocks/share-icons/share-icons.styl */

/* line 1 : /js/build/modules/styles/blocks/share-icons/share-icons.styl */

/* line 3 : /js/build/modules/styles/blocks/share-icons/share-icons.styl */
.share-icons__title {
  display: inline-block;
  margin-right: 10px;
  color: #c4c2c0;
}

/* line 11 : /js/build/modules/styles/blocks/share-icons/share-icons.styl */
.share-icons .share {
  margin-right: 20px;
}

/* line 12 : /js/build/modules/styles/blocks/share-icons/share-icons.styl */

/* line 12 : /js/build/modules/styles/blocks/faq-cite/faq-cite.styl */

/* line 1 : /js/build/modules/styles/blocks/faq-cite/faq-cite.styl */
.faq-cite {
  margin-bottom: 30px;
}

/* line 5 : /js/build/modules/styles/blocks/faq-cite/faq-cite.styl */
.faq-cite__list dl {
  margin: 0;
}
@media (max-width: 1250px) {

/* line 9 : /js/build/modules/styles/blocks/faq-cite/faq-cite.styl */
  .faq-cite__list {
    margin: auto !important;
  }
}
@media (max-width: 840px) {

/* line 13 : /js/build/modules/styles/blocks/faq-cite/faq-cite.styl */
  .faq-cite__list {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/faq-cite/faq-cite.styl */

/* line 1 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */

/* line 1 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */

/* line 3 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form__form {
  display: inline-block;
  min-width: 350px;
  padding: 25px 25px 35px 25px;
  margin-top: 15px;
  text-align: left;
  border-radius: 3px;
  background: #eee;
}

/* line 16 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form .text-input,
.jetbrains-form .input-select {
  width: 100%;
}

/* line 20 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form__line {
  margin-top: 25px;
}

/* line 23 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form__line:first-child {
  margin-top: 0;
}

/* line 26 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form__line:last-child {
  margin-top: 30px;
}

/* line 29 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form__label {
  display: block;
  color: #666;
}

/* line 34 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */
.jetbrains-form__note {
  font-size: 12px;
  color: #333;
  margin: 12px auto 0;
  line-height: 16px;
  width: 250px;
}

/* line 39 : /js/build/modules/styles/blocks/jetbrains-form/jetbrains-form.styl */

/* line 39 : /js/build/modules/styles/blocks/flex-column/flex-column.styl */

/* line 1 : /js/build/modules/styles/blocks/flex-column/flex-column.styl */
.flex-column,
.course-frontpage__column,
.course-page,
.courses-frontpage-list__content,
.opinion-professionals__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 4 : /js/build/modules/styles/blocks/flex-column/flex-column.styl */

/* line 4 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */

/* line 1 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */
.image-with-text {
  display: table;
  width: 100%;
}

/* line 5 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */
.image-with-text__img,
.image-with-text__text {
  display: table-cell;
  vertical-align: top;
}

/* line 10 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */
.image-with-text__img {
  padding: 0 20px 20px 0;
}
@media (max-width: 1000px) {

/* line 14 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */
  .image-with-text {
    display: block;
    width: auto;
  }

/* line 18 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */
  .image-with-text__img,
  .image-with-text__text {
    display: block;
  }
}

/* line 20 : /js/build/modules/styles/blocks/image-with-text/image-with-text.styl */

/* line 20 : /js/build/modules/styles/blocks/fixed-tab/fixed-tab.styl */

/* line 1 : /js/build/modules/styles/blocks/fixed-tab/fixed-tab.styl */
.fixed-tab {
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 6 : /js/build/modules/styles/blocks/fixed-tab/fixed-tab.styl */

/* line 6 : /js/build/modules/styles/blocks/rating/rating.styl */

/* line 1 : /js/build/modules/styles/blocks/rating/rating.styl */
.rating {
  color: #999;
}

/* line 4 : /js/build/modules/styles/blocks/rating/rating.styl */
.rating__star {
  font-size: 24px;
  line-height: 24px;
  font-style: normal;
}

/* line 10 : /js/build/modules/styles/blocks/rating/rating.styl */
.rating_1 .rating__star:nth-child(1),
.rating_2 .rating__star:nth-child(1),
.rating_2 .rating__star:nth-child(2),
.rating_3 .rating__star:nth-child(1),
.rating_3 .rating__star:nth-child(2),
.rating_3 .rating__star:nth-child(3),
.rating_4 .rating__star:nth-child(1),
.rating_4 .rating__star:nth-child(2),
.rating_4 .rating__star:nth-child(3),
.rating_4 .rating__star:nth-child(4),
.rating_5 .rating__star {
  color: #f8ab47;
}

/* line 21 : /js/build/modules/styles/blocks/rating/rating.styl */

/* line 21 : /js/build/modules/styles/blocks/disqus/disqus.styl */

/* line 1 : /js/build/modules/styles/blocks/disqus/disqus.styl */
.disqus-loading {
  margin: 10px 0;
}

/* line 2 : /js/build/modules/styles/blocks/disqus/disqus.styl */

/* line 2 : /js/build/modules/styles/blocks/automation/automation.styl */

/* line 1 : /js/build/modules/styles/blocks/automation/automation.styl */
.main__header_automation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}

/* line 7 : /js/build/modules/styles/blocks/automation/automation.styl */
.main__header_automation::before {
  content: none;
}

/* line 10 : /js/build/modules/styles/blocks/automation/automation.styl */
.main__header_automation .theory-toggle__option_active {
  color: #ba1000;
  cursor: default;
}

/* line 14 : /js/build/modules/styles/blocks/automation/automation.styl */
.working-hover .main__header_automation .theory-toggle__option_active:hover {
  text-decoration: none;
}

/* line 17 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation {
  margin-top: 60px;
}

/* line 20 : /js/build/modules/styles/blocks/automation/automation.styl */

/* line 21 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation .task__toggle-link {
  text-decoration: none;
  margin-left: 20px;
  outline: 0;
  position: absolute;
  line-height: 18px;
}

/* line 29 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation .task__toggle-link::before {
  font-size: 16px;
  display: inline-block;
  min-width: 16px;
}

/* line 35 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation .task__solution {
  display: inline-block;
  margin-right: 10px;
}

/* line 39 : /js/build/modules/styles/blocks/automation/automation.styl */

/* line 40 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation .task_resolved .task__status {
  color: #498161;
}

/* line 43 : /js/build/modules/styles/blocks/automation/automation.styl */

/* line 44 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation .task_added .task__status {
  color: #f2ae43;
}

/* line 47 : /js/build/modules/styles/blocks/automation/automation.styl */

/* line 48 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks_automation .task_new .task__status {
  color: #f2ae43;
}

/* line 52 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks-filter {
  margin-bottom: 10px;
}

/* line 55 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks-filter__option {
  display: inline-block;
  padding: 7px 19px;
  background-color: #e0e0e0;
  border-radius: 20px;
  margin-right: 14px;
  cursor: pointer;
}

/* line 63 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks-filter__option:nth-child(1) {
  margin-right: 30px;
}

/* line 66 : /js/build/modules/styles/blocks/automation/automation.styl */
.tasks-filter__option_active {
  background-color: #bbbaba;
}

/* line 69 : /js/build/modules/styles/blocks/automation/automation.styl */
.working-hover .tasks-filter__option:hover {
  border: 1px solid #bbbaba;
  padding: 6px 18px;
}

/* line 71 : /js/build/modules/styles/blocks/automation/automation.styl */

/* line 71 : /js/build/templates/blocks/section/index.styl */

/* line 1 : /js/build/templates/blocks/section/index.styl */
.section {
  display: block;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 40px;
}

/* line 7 : /js/build/templates/blocks/section/index.styl */
.section__content {
  max-width: 85%;
  margin: 0 auto;
}

/* line 11 : /js/build/templates/blocks/section/index.styl */
.section .section__title {
  margin-top: 0;
}

/* line 14 : /js/build/templates/blocks/section/index.styl */
.section_color_gray {
  background: #eee;
}

/* line 17 : /js/build/templates/blocks/section/index.styl */
.section_color_yellow {
  background: #f6f4eb;
}

/* line 20 : /js/build/templates/blocks/section/index.styl */
.section_color_green {
  background: #e7f3ec;
}

/* line 23 : /js/build/templates/blocks/section/index.styl */
.section_color_red {
  background: rgba(184,0,0,0.1);
}

/* line 24 : /js/build/templates/blocks/section/index.styl */

/* line 24 : /js/build/templates/blocks/rating-stars/index.styl */

/* line 1 : /js/build/templates/blocks/rating-stars/index.styl */
ul.rating-stars {
  margin: 0;
  padding: 0;
}

/* line 5 : /js/build/templates/blocks/rating-stars/index.styl */

/* line 6 : /js/build/templates/blocks/rating-stars/index.styl */
ul > li.rating-stars__star {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px 0 0;
}

/* line 11 : /js/build/templates/blocks/rating-stars/index.styl */
ul > li.rating-stars__star:before {
  display: none;
}

/* line 14 : /js/build/templates/blocks/rating-stars/index.styl */
ul > li.rating-stars__star:after {
  font-size: 16px;
  color: #999;
}

/* line 20 : /js/build/templates/blocks/rating-stars/index.styl */

/* line 21 : /js/build/templates/blocks/rating-stars/index.styl */
ul > li.rating-stars__star_active:after {
  color: #f8ab47;
}

/* line 22 : /js/build/templates/blocks/rating-stars/index.styl */

/* line 95 : /js/build/modules/styles/en.styl */

/* line 95 : /js/build/modules/styles/en.styl */

/* line 1 : /js/build/modules/styles/blocks/login/login.styl */

/* line 2 : /js/build/modules/styles/blocks/login/login.styl */
.auth-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 300px;
  margin-left: -200px;
  margin-top: -150px;
  background: #fff;
  border: 1px solid #000;
  z-index: 10000;
}

/* line 12 : /js/build/modules/styles/blocks/login/login.styl */
.auth-modal .progress {
  margin: 100px auto 0 auto;
}

/* line 13 : /js/build/modules/styles/blocks/login/login.styl */

/* line 13 : /js/build/modules/styles/blocks/photo-cut/index.styl */

/* line 1 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut {
  padding: 25px 35px 35px 35px;
  background: #fff;
}

/* line 6 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__canvas {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}

/* line 10 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__title {
  font: bold 28px/40px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 13 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__layout {
  margin-top: 30px;
  white-space: nowrap;
  border: 2px solid #e0e0e0;
}

/* line 20 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__main {
  display: inline-block;
  width: 300px;
  height: 300px;
  text-align: center;
  white-space: normal;
  background: #f5f2f0;
}

/* line 31 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__canvas-wrapper {
  position: relative;
  left: -5px;
  top: -5px;
  display: inline-block;
  vertical-align: top;
}

/* line 40 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__rotate {
  position: absolute;
  right: 12px;
  top: 10px;
}

/* line 47 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__rotate:after {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #fff;
  opacity: 0.8;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

/* line 58 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__result {
  display: inline-block;
  width: 180px;
  text-align: center;
  white-space: normal;
  vertical-align: top;
}

/* line 67 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__selection-canvas {
  border-radius: 50%;
  width: 146px;
  height: 146px;
  margin-top: 50px;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

/* line 76 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__selection-canvas_small {
  width: 36px;
  height: 36px;
  margin-top: 35px;
}

/* line 81 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__submit {
  margin-top: 36px;
}

/* line 84 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut__submit .button {
  margin-right: 25px;
}

/* line 87 : /js/build/modules/styles/blocks/photo-cut/index.styl */
.photo-cut a.photo-cut__close-link {
  display: inline;
}

/* line 88 : /js/build/modules/styles/blocks/photo-cut/index.styl */

/* line 88 : /js/build/modules/styles/blocks/login-form/login-form.styl */

/* line 1 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__error,
.login-form__warning,
.login-form__info,
.login-form__success {
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid;
}

/* line 7 : /js/build/modules/styles/blocks/login-form/login-form.styl */

/* line 9 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_modal {
  width: 815px;
  background: #eee;
}

/* line 13 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_inline {
  margin-top: -20px;
}

/* line 16 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_inline .login-form__body {
  box-sizing: border-box;
  overflow: hidden;
  max-width: 500px;
  margin: 30px auto 0;
  padding-top: 30px;
  text-align: left;
}

/* line 28 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_modal .login-form__form {
  padding-top: 30px;
  background: #fff;
}

/* line 33 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__line {
  padding: 0 40px;
  margin-bottom: 25px;
  font-size: 14px;
  position: relative;
}

/* line 39 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__line:last-child {
  margin-bottom: 0;
}

/* line 42 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

/* line 48 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__row-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 51 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__form-control {
  margin-right: 15px;
  width: 205px;
}

/* line 55 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__notification:empty {
  margin: 0;
}

/* line 57 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__note {
  color: #656565;
}

/* line 60 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__error {
  background: #f2dede;
  border-color: #e7c9c9;
}

/* line 65 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__warning {
  background: #fcf8e1;
  border-color: #ece6c4;
}

/* line 70 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__info {
  background: #d9edf8;
  border-color: #c8e0ed;
}

/* line 75 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__success {
  background: #dff0d6;
  border-color: #d1e7c6;
}

/* line 80 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__header,
.login-form__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 92 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__aside,
.login-form__footer-link {
  white-space: nowrap;
}

/* line 96 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__register,
.login-form__login,
.login-form__header-delimiter {
  margin-top: 3px;
}

/* line 101 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__header-delimiter {
  font-size: 22px;
  font-weight: bold;
  color: #999;
}

/* line 106 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_modal .login-form__title,
.login-form__button,
.login-form__header-delimiter {
  padding-right: 10px;
}

/* line 111 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_modal .login-form__title {
  font: 700 21px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 114 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__label {
  color: #333;
}

/* line 117 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__input {
  width: 100%;
  margin-top: 5px;
  position: relative;
}

/* line 122 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_inline .login-form__label {
  display: block;
}

/* line 125 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_inline .login-form__input {
  max-width: 350px;
}

/* line 129 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__input .text-input__control::-webkit-input-placeholder {
  color: #b3b3b3;
}

/* line 132 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__input .text-input__control::-moz-placeholder {
  color: #b3b3b3;
}

/* line 135 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__input .text-input__control:-ms-input-placeholder {
  color: #b3b3b3;
}

/* line 139 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__input_invalid {
  border-color: #e62e29;
  color: #e62e29;
}

/* line 143 : /js/build/modules/styles/blocks/login-form/login-form.styl */

/* line 146 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__forgot {
  float: right;
}

/* line 149 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__footer {
  margin-top: 25px;
}

/* line 152 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__footer .button_action {
  padding: 2px 43px;
  margin-right: 10px;
}

/* line 156 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__footer .button_action:active,
.login-form__footer .button_action:focus,
.login-form__footer .button_action:focus:active {
  padding: 1px 42px;
}

/* line 161 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__separator {
  color: #999;
  margin: 0 1ex;
}

/* line 165 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__submit {
  min-width: 110px;
  outline: none;
  margin: 0;
  padding-top: 25px;
}

/* line 171 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__social-logins {
  background: #eee;
  line-height: 0;
  margin-top: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
}

/* line 178 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form_inline .login-form__social-logins {
  background: #f6f4eb;
  padding-bottom: 15px;
}

/* line 182 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__social-logins-title,
.main h5.login-form__social-logins-title {
  font: 700 18px/normal BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
}

/* line 187 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__social-login {
  margin: 0 6px 10px 0;
}

/* line 190 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form-modal .close-button,
.login-form-modal .close-button:active {
  font-size: 42px;
  line-height: 42px;
  width: 42px;
  height: 42px;
  color: #fff;
  top: 18px;
  right: 18px;
}

/* line 200 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form-modal .close-button:before {
  width: 25px;
  height: 25px;
  background: #999;
}

/* line 205 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form-modal .modal__close:focus {
  outline: none;
}

/* line 208 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form-modal .login-form__close-link {
  display: none;
}

/* line 211 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form p {
  margin: 10px 0;
}

/* line 214 : /js/build/modules/styles/blocks/login-form/login-form.styl */
.login-form__agreement-control {
  margin: 0 7px 0 0;
  position: relative;
  top: 1px;
}
@media (max-width: 840px) {

/* line 220 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form_modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
  }

/* line 229 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form-modal .login-form__close-link,
  .login-form-modal .login-form__close-link:visited {
    display: inline-block;
    margin-left: 20px;
  }

/* line 234 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__header-aside {
    vertical-align: top;
  }

/* line 237 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__social-login.social-login {
    font-size: 14px;
    min-width: 115px;
  }

/* line 242 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__social-login.social-login:before {
    padding: 0 2px;
  }

/* line 245 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__form-control {
    margin-bottom: 15px;
  }
}
@media (max-width: 568px) {

/* line 249 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form_inline .login-form__body {
    border: none;
    border-radius: initial;
    width: auto;
    max-width: initial;
    margin-left: -10px;
    margin-right: -10px;
  }

/* line 258 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__line {
    padding: 0 20px;
  }

/* line 261 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__row {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

/* line 264 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__form-control {
    margin-right: 0;
    width: 100%;
  }

/* line 268 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__submit {
    padding-top: 0;
  }

/* line 271 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__footer .button_action {
    padding: 1px 29px;
  }

/* line 274 : /js/build/modules/styles/blocks/login-form/login-form.styl */
  .login-form__footer .button_action:active,
  .login-form__footer .button_action:focus,
  .login-form__footer .button_action:focus:active {
    padding: 0px 28px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/login-form/login-form.styl */

/* line 1 : /js/build/modules/styles/blocks/login-form-modal/login-form-modal.styl */

/* line 1 : /js/build/modules/styles/blocks/login-form-modal/login-form-modal.styl */
@media (max-width: 840px) {

/* line 4 : /js/build/modules/styles/blocks/login-form-modal/login-form-modal.styl */
  .login-form-modal .modal__dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-transform: none;
            transform: none;
  }

/* line 15 : /js/build/modules/styles/blocks/login-form-modal/login-form-modal.styl */
  .login-form-modal.modal__has-close button.modal__close {
    display: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/login-form-modal/login-form-modal.styl */

/* line 1 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 1 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__title,
.profile__linked-account,
.profile__action-item,
.profile-field,
.profile-field__lcell,
.profile-field__rcell,
.profile-providers {
  border-bottom: 1px solid #e6e0d4;
}

/* line 4 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__title,
.profile__linked-account,
.profile__action-item,
.profile-field,
.profile-providers {
  line-height: 22px;
  padding: 0 50px 0 40px;
}

/* line 11 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__title-content,
.profile__action-content,
.profile-providers__content {
  padding: 17px 0 17px;
}

/* line 14 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__action,
.profile-field__action {
  font: inherit;
  color: #727272;
}

/* line 18 : /js/build/modules/styles/blocks/profile/profile.styl */
.working-hover .profile__action:hover,
.working-hover .profile-field__action:hover {
  color: #ba1000;
  text-decoration: underline;
}

/* line 22 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 23 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__label {
  padding: 30px;
  border: 3px solid #eee;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}

/* line 30 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__label::after {
  content: '';
  width: 17px;
  height: 17px;
  border-top: 3px solid #eee;
  border-left: 3px solid #eee;
  background: #fff;
  position: absolute;
  margin-left: -7px;
  left: 50%;
  top: -11px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  box-sizing: border-box;
}

/* line 44 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__view {
  display: block;
  position: relative;
}

/* line 48 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -35px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e7e5e3;
  padding: 2px;
}

/* line 58 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__spinner .spinner__dot {
  background: #999;
}

/* line 61 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__single-tab-header {
  width: 100%;
  height: 20px;
  background: #f7f6ea;
}

/* line 66 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tabs {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* line 72 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab {
  display: table-cell;
}

/* line 75 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab-content {
  border-right: 1px solid #d7d3c8;
  text-align: center;
  background: #e7e3d9;
  font: 15px/18px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 81 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab:first-child .profile__tab-content {
  border-radius: 4px 0 0;
}

/* line 84 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab:last-child .profile__tab-content {
  border-radius: 0 4px 0 0;
  border-right: 0;
}

/* line 88 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab_current .profile__tab-content,
.profile__content {
  border-right: none;
  background: #f7f6ea;
}

/* line 94 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab_current .profile__tab-link {
  color: inherit;
  cursor: inherit;
  text-decoration: inherit;
  pointer-events: none;
}

/* line 100 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab-link {
  display: block;
  color: #727272;
  padding: 21px 20px;
  white-space: nowrap;
}

/* line 106 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__tab_current .profile__tab-content,
.working-hover .profile__tab-link:hover {
  color: #bb1000;
}

/* line 110 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__notification {
  font-size: 10px;
  font-weight: normal;
  line-height: 16px;
  display: inline-block;
  width: 16px;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: #fff;
  background: #bb1000;
}

/* line 128 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 131 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 134 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile .profile__inline-title {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 18px;
  color: #666;
}

/* line 140 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile .profile__note {
  color: #999;
  margin-top: 16px;
  margin-bottom: 10px;
}

/* line 146 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 149 : /js/build/modules/styles/blocks/profile/profile.styl */
.working-hover .profile__linked-account:hover {
  background: #f9f8f0;
}

/* line 152 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__account-content {
  padding: 19px 0 14px 68px;
  min-height: 48px;
  position: relative;
}

/* line 157 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__linked-provider-remove {
  font-size: 14px;
  position: absolute;
  left: 100%;
  top: 31px;
  display: none;
  margin-left: 7px;
  color: #727272;
}

/* line 172 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__linked-provider-remove:active {
  position: absolute;
}

/* line 175 : /js/build/modules/styles/blocks/profile/profile.styl */
.working-hover .profile__linked-account:hover .profile__linked-provider-remove {
  display: block;
}

/* line 178 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 181 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__linked-upic {
  position: absolute;
  top: 16px;
  left: 0;
  width: 48px;
  height: 48px;
}

/* line 188 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__linked-name {
  font-weight: 700;
  color: #333;
}

/* line 192 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__linked-provider {
  color: #999;
}

/* line 195 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 198 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__action-item:last-child {
  border: 0;
}

/* line 201 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 204 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 207 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__action_remove-account {
  margin-bottom: 100px;
}

/* line 210 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__fields {
  display: table;
  width: 100%;
  padding-bottom: 15px;
}

/* line 216 : /js/build/modules/styles/blocks/profile/profile.styl */
.profile__fields_account {
  padding-bottom: 0;
}

/* line 222 : /js/build/modules/styles/blocks/profile/profile.styl */

/* line 1 : /js/build/modules/styles/blocks/profile/profileField.styl */

/* line 4 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field {
  padding: 0;
  display: table-row;
}

/* line 10 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editable {
  position: relative;
}

/* line 13 : /js/build/modules/styles/blocks/profile/profileField.styl */
.working-hover .profile-field_editable:not(.profile-field_editing):hover {
  background: #f9f8f0;
  cursor: pointer;
}

/* line 17 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field .profile-field__inline-title {
  margin: 25px 0 0;
  font-size: 16px;
  line-height: 18px;
  color: #656565;
}

/* line 23 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__change {
  position: relative;
  display: none;
}

/* line 28 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__lcell,
.profile-field__rcell {
  display: table-cell;
  vertical-align: top;
  height: 20px;
  white-space: nowrap;
}

/* line 40 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile__fields:last-child .profile-field:last-child .profile-field__lcell,
.profile__fields:last-child .profile-field:last-child .profile-field__rcell {
  border: 0;
}

/* line 44 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__rcell {
  width: 100%;
  padding: 17px 50px 17px 0;
}

/* line 48 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__lcell {
  padding: 17px 25px 17px 40px;
}

/* line 51 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editable .profile-field__value::after,
.profile-field_editable.profile-field_password::after {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  font-size: 15px;
  min-height: 20px;
  min-width: 20px;
  color: #727272;
}

/* line 68 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editable.profile-field_password::after {
  top: 17px;
  right: 50px;
}

/* line 72 : /js/build/modules/styles/blocks/profile/profileField.styl */
.working-hover .profile-field:hover .profile-field__value::after,
.working-hover .profile-field:hover.profile-field_editable.profile-field_password::after {
  display: block;
}

/* line 76 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing.profile-field_password::after {
  display: none !important;
}

/* line 79 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing.profile-field_password .text-input_invalid {
  padding-bottom: 20px;
}

/* line 82 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing.profile-field_password .text-input__err {
  position: absolute;
}

/* line 85 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__name {
  color: #727272;
}

/* line 88 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__value {
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  width: 100%;
  padding-right: 20px;
  white-space: normal;
}

/* line 98 : /js/build/modules/styles/blocks/profile/profileField.styl */
.main .profile-field__value p {
  margin: 0;
}

/* line 101 : /js/build/modules/styles/blocks/profile/profileField.styl */
.main .profile-field__value p:not(:last-child) {
  margin: 0 0 12px 0;
}

/* line 104 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__value:empty::before {
  content: "\2014";
}

/* line 107 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing .profile-field__value {
  display: none;
}

/* line 110 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing .profile-field__change {
  display: table;
  width: 100%;
}

/* line 114 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing .profile-field__rcell {
  padding-top: 10px;
  padding-bottom: 8px;
}

/* line 118 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_editing.profile-field_password {
  padding-top: 12px;
  padding-bottom: 10px;
}

/* line 122 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__control {
  display: block;
}

/* line 125 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__control {
  font-size: 14px;
}

/* line 128 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_accounts .profile-field__control {
  width: calc(100% - 125px);
}

/* line 134 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field #profile-birth-day {
  min-width: 0;
  width: 50px;
  margin-right: 10px;
}

/* line 139 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field #profile-birth-month {
  min-width: 0;
  width: 90px;
  margin-right: 10px;
}

/* line 144 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field #profile-birth-year {
  min-width: 0;
  width: 70px;
}

/* line 148 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field #profile-tz {
  width: 230px;
}

/* line 151 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field #profile-about {
  height: 100px;
}

/* line 154 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__change-content,
.profile-field__ok-cancel {
  display: table-cell;
  vertical-align: top;
}

/* line 159 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__change-content {
  padding-right: 15px;
}

/* line 162 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__change-content .textarea-input {
  width: 100%;
  height: 120px;
}

/* line 166 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__ok-cancel {
  width: 1%;
  white-space: nowrap;
}

/* line 170 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_password {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: auto;
  min-height: 20px;
  padding: 17px 25px 17px 40px;
}

/* line 180 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_password .profile-field__change-content {
  width: 1%;
  white-space: nowrap;
}

/* line 184 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_password .profile-field__ok-cancel {
  width: auto;
}

/* line 187 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field_password .profile-field__labeled,
.profile-field_password .profile-field__labeled-label {
  display: inline-block;
  margin-right: 20px;
}

/* line 192 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__pass {
  width: 150px;
}

/* line 195 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__save {
  margin: 0 0 -1px;
  height: 32px;
}

/* line 199 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__cancel {
  color: #568dca;
  font-size: inherit;
  margin-left: 10px;
}

/* line 205 : /js/build/modules/styles/blocks/profile/profileField.styl */
.working-hover .profile-field__cancel:hover {
  color: #ba1000;
  text-decoration: underline;
}

/* line 209 : /js/build/modules/styles/blocks/profile/profileField.styl */

/* line 212 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__tests {
  display: table;
  width: 100%;
}

/* line 216 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test {
  display: table-row;
}

/* line 219 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-name,
.profile-field__test-score,
.profile-field__test-level,
.profile-field__test-weaks {
  display: table-cell;
  vertical-align: top;
  padding: 20px 15px 20px 0;
  border-top: 1px solid #e4ddd2;
}

/* line 228 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test:first-child .profile-field__test-name,
.profile-field__test:first-child .profile-field__test-score,
.profile-field__test:first-child .profile-field__test-level,
.profile-field__test:first-child .profile-field__test-weaks {
  padding-top: 34px;
  border: 0;
}

/* line 235 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test:last-child .profile-field__test-name,
.profile-field__test:last-child .profile-field__test-score,
.profile-field__test:last-child .profile-field__test-level,
.profile-field__test:last-child .profile-field__test-weaks {
  padding-bottom: 30px;
}

/* line 241 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-name {
  padding-left: 23px;
  width: 33%;
}

/* line 245 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-score {
  width: 21%;
}

/* line 248 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-level {
  width: 15%;
}

/* line 251 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-weaks {
  padding-right: 23px;
}

/* line 254 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-legend {
  font-size: 12px;
  color: #727272;
  margin-bottom: 1px;
}

/* line 259 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-title {
  font: 18px/22px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 4px 0 4px;
}

/* line 263 : /js/build/modules/styles/blocks/profile/profileField.styl */
.profile-field__test-percent {
  font-size: 28px;
  color: #4c906b;
  margin: 7px 0 0 3px;
}

/* line 266 : /js/build/modules/styles/blocks/profile/profileField.styl */

/* line 266 : /js/build/modules/styles/blocks/profile/profileProviders.styl */

/* line 1 : /js/build/modules/styles/blocks/profile/profileProviders.styl */

/* line 4 : /js/build/modules/styles/blocks/profile/profileProviders.styl */

/* line 7 : /js/build/modules/styles/blocks/profile/profileProviders.styl */
.profile-providers .profile-providers__title {
  margin-bottom: 12px;
  color: #727272;
}

/* line 11 : /js/build/modules/styles/blocks/profile/profileProviders.styl */
.profile-providers__social-login {
  margin-right: 6px;
  vertical-align: bottom;
  margin-bottom: 5px;
}

/* line 14 : /js/build/modules/styles/blocks/profile/profileProviders.styl */

/* line 14 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */

/* line 1 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo {
  text-align: center;
  margin: 25px 0 35px;
}

/* line 5 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__upic {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 146px;
  height: 146px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
}

/* line 19 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__upic-edit {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  line-height: 17px;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.7);
}

/* line 39 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__upic-edit::before {
  font-size: 48px;
  display: block;
  margin: 30px 0 5px;
  color: rgba(255,255,255,0.35);
  line-height: 1;
}

/* line 47 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.working-hover .profile-photo__upic:hover .profile-photo__upic-edit {
  display: block;
}

/* line 50 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo .profile-photo__upic_loading .profile-photo__upic-edit {
  display: none;
}

/* line 53 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__upic .spinner {
  margin: auto;
  display: block;
  padding-top: 64px;
}

/* line 58 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__upic .spinner__dot {
  background: #999;
}

/* line 61 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__content {
  margin: 20px 0;
  border-radius: 4px;
}

/* line 65 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__sign {
  text-align: center;
}

/* line 68 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */
.profile-photo__sign-text {
  font-size: 13px;
  line-height: 13px;
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
  white-space: nowrap;
  border-radius: 50px;
  color: #fff;
  background: #f6aa51;
}

/* line 82 : /js/build/modules/styles/blocks/profile/profilePhoto.styl */

/* line 82 : /js/build/modules/styles/blocks/profile/profileJobs.styl */

/* line 1 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs {
  min-height: 440px;
}

/* line 3 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs__no-jobs {
  text-align: center;
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
}

/* line 8 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs__list {
  margin: 0;
}

/* line 10 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs a.job-link {
  text-decoration: none;
}

/* line 12 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs .job-item {
  border-bottom: 1px solid #e4ddd2;
  height: 100px;
}

/* line 15 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs .job-item__title {
  color: #0059b2;
  font-size: 20px;
  line-height: 28px;
  padding: 32px 50px 8px;
  font-weight: bold;
}

/* line 21 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.profile-jobs .job-item__details {
  padding: 0 50px;
  color: #808080;
}

/* line 24 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.working-hover .profile-jobs .job-item:hover {
  background: #f9f9f0;
}

/* line 26 : /js/build/modules/styles/blocks/profile/profileJobs.styl */
.working-hover .profile-jobs .job-item:hover .job-item__details:after {
  position: relative;
  bottom: 26px;
  color: #727272;
  font-family: 'FontIcons';
  float: right;
  content: '\E803';
}

/* line 32 : /js/build/modules/styles/blocks/profile/profileJobs.styl */

/* line 32 : /js/build/modules/styles/blocks/recover/recover.styl */

/* line 1 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover {
  margin: 41px 0;
}

/* line 4 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__title {
  font: 32px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
}

/* line 8 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__content {
  background: #f7f6ea;
  border-radius: 4px;
  padding: 0 40px;
  margin-top: 30px;
}

/* line 14 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__controls {
  display: table;
  width: 100%;
  max-width: 665px;
  margin: auto;
  padding: 50px 0 45px;
}

/* line 21 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__label-wrap,
.recover__input-wrap,
.recover__save-wrap {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 28 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__label-wrap {
  padding-right: 15px;
}

/* line 31 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__label {
  color: #656565;
}

/* line 34 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__input-wrap {
  width: 100%;
  padding-right: 15px;
}

/* line 38 : /js/build/modules/styles/blocks/recover/recover.styl */
.recover__input {
  width: 100%;
}

/* line 39 : /js/build/modules/styles/blocks/recover/recover.styl */

/* line 39 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */

/* line 1 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */
.full-phone {
  display: table;
  width: 100%;
}

/* line 5 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */
.full-phone__code-wrap,
.full-phone__tel-wrap {
  display: table-cell;
  vertical-align: middle;
}

/* line 10 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */
.full-phone__tel-wrap {
  width: 100%;
}

/* line 13 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */
.full-phone__tel-wrap .input-select {
  margin: 0;
}

/* line 16 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */
.full-phone__code-wrap {
  padding-right: 5px;
}

/* line 19 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */
.full-phone__tel {
  width: 100%;
}

/* line 20 : /js/build/modules/styles/blocks/full-phone/full-phone.styl */

/* line 20 : /js/build/templates/blocks/price/index.styl */

/* line 1 : /js/build/templates/blocks/price/index.styl */
.price {
  font: 25px/1 BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 6 : /js/build/templates/blocks/price/index.styl */
.price__prefix {
  display: inline;
  padding-right: 8px;
}

/* line 10 : /js/build/templates/blocks/price/index.styl */
.price__main {
  display: inline;
  color: #4d906b;
  font-weight: bold;
}

/* line 15 : /js/build/templates/blocks/price/index.styl */
.price__full-price {
  display: block;
  font-size: 12px;
  padding-right: 6px;
  text-decoration: line-through;
  color: #999;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: normal;
}

/* line 24 : /js/build/templates/blocks/price/index.styl */
.price__secondary {
  font: 14px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: inline;
  padding-left: 6px;
}

/* line 29 : /js/build/templates/blocks/price/index.styl */
.price__full-price-amount,
.price__secondary-amount,
.price__main-amount {
  display: inline;
}

/* line 32 : /js/build/templates/blocks/price/index.styl */

/* line 32 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */

/* line 1 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm {
  text-align: center;
  margin: 0 20px 60px;
}

/* line 5 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm .order-confirm__title {
  font: 28px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 26px 0 20px;
  color: #000;
}

/* line 10 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm__strong,
.order-confirm__accent {
  font: 18px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 13 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */

/* line 16 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm__accent_ok {
  color: #4d906b;
}

/* line 19 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm__accent_error {
  color: #b20600;
}

/* line 22 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm__content {
  margin-top: -5px;
}

/* line 25 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */
.order-confirm__text {
  margin: 30px 0 30px;
  line-height: 1.35;
}

/* line 24 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */

/* line 27 : /js/build/modules/styles/blocks/order-confirm/order-confirm.styl */

/* line 27 : /js/build/modules/styles/blocks/order-form/order-form.styl */

/* line 1 : /js/build/modules/styles/blocks/order-form/order-form.styl */

/* line 2 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__content {
  margin: 0 auto;
  display: table;
}

/* line 6 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__item {
  display: table-cell;
  border-left: 1px solid #ccc;
  padding: 5px 10px;
}

/* line 11 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__item:first-child {
  border: 0;
}

/* line 14 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__item_amount,
.order-form__item_price {
  width: 160px;
}

/* line 18 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__item_participant {
  width: 180px;
}

/* line 21 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__label {
  display: inline-block;
}

/* line 24 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__control {
  display: block;
  margin-top: 10px;
}

/* line 28 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__control_amount {
  margin-top: 8px;
}

/* line 31 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__control_price {
  line-height: 0.9;
  width: 200px;
  margin-right: -40px;
}

/* line 36 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participants {
  margin: 10px auto -10px;
  width: 485px;
}

/* line 40 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participants_hidden {
  display: none;
}

/* line 43 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participants-trigger {
  line-height: 1;
  font-size: 13px;
}

/* line 47 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participants-note {
  color: #999;
  font-size: 12px;
  margin: 0;
}

/* line 52 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participants-addresses {
  padding: 0;
}

/* line 55 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form .order-form__participants-list {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

/* line 60 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participant {
  text-align: left;
  float: left;
  width: 44%;
}

/* line 65 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form .order-form__participant {
  margin-bottom: 10px;
}

/* line 68 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form .order-form__participant:nth-child(odd) {
  margin-right: 2%;
  margin-left: 4%;
}

/* line 72 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form .order-form__participant:nth-child(even) {
  margin-right: 4%;
  margin-left: 2%;
}

/* line 76 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participant::before {
  display: none;
}

/* line 79 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__participant-label {
  margin-left: 3px;
}

/* line 82 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__email-wrap {
  margin-top: 6px;
}

/* line 85 : /js/build/modules/styles/blocks/order-form/order-form.styl */
.order-form__submit {
  margin: 35px 0 32px;
}

/* line 86 : /js/build/modules/styles/blocks/order-form/order-form.styl */

/* line 86 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */

/* line 1 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form {
  margin: 0 auto;
  width: 708px;
  margin-top: 37px;
}

/* line 6 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__content {
  display: table;
}

/* line 9 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__fields,
.contact-form__note {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

/* line 16 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__fields {
  padding-right: 58px;
}

/* line 20 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__name {
  margin: -8px 0 17px;
}

/* line 24 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__name,
.contact-form__name-input {
  width: 320px;
}

/* line 29 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__name-input,
.contact-form__full-phone {
  margin-top: 7px;
}

/* line 34 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__note {
  background: #fcf8f2;
  border-left: 3px solid #f2ae43;
  padding: 10px 19px;
  font-size: 13px;
  line-height: 1.2;
  color: #333;
}

/* line 43 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__note-title {
  font: 18px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #f4af35;
}

/* line 48 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__note p {
  margin: 4px 0;
}

/* line 52 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */
.contact-form__submit {
  margin: 42px 0 30px;
}

/* line 53 : /js/build/modules/styles/blocks/contact-form/contact-form.styl */

/* line 53 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */

/* line 1 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method {
  max-width: 615px;
  margin: 0 auto;
  text-align: left;
}

/* line 7 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method ul.pay-method__methods,
.pay-method li.pay-method__method,
.pay-method h3.pay-method__method-title,
.pay-method h4.pay-method__method-subtitle {
  margin: 0;
  padding: 0;
}

/* line 14 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method li.pay-method__method:before {
  display: none;
  content: '';
}

/* line 18 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__method {
  position: relative;
  border-bottom: 2px solid #fff;
}

/* line 22 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__method-label {
  position: relative;
  display: block;
  min-height: 47px;
  padding: 15px 30px 15px 50px;
  white-space: nowrap;
  cursor: pointer;
  background: #f5f2f0;
  transition: background-color 0.2s;
}

/* line 36 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__method-label:after {
  display: inline-block;
  position: relative;
  height: 47px;
  vertical-align: middle;
  content: '';
}

/* line 45 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method .pay-method__default-currency {
  padding: 0 50px 10px;
}

/* line 48 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__logo {
  vertical-align: middle;
}

/* line 51 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method h3.pay-method__method-title {
  font: bold 20px/normal BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: inline-block;
  margin-right: 20px;
  vertical-align: baseline;
  color: #555;
}

/* line 61 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__cards {
  margin-right: 15px;
  white-space: nowrap;
}

/* line 66 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__card {
  vertical-align: middle;
  margin-right: 5px;
}

/* line 70 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method h4.pay-method__method-subtitle {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  display: inline-block;
  color: #555;
}

/* line 79 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__method-radio {
  position: absolute;
  z-index: 1;
  left: 16px;
  top: 29px;
  width: 16px;
  height: 16px;
}

/* line 88 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__header {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}

/* line 94 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__method-radio:checked ~ .pay-method__method-label {
  background: #f9edbf;
}

/* line 97 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
.pay-method__method-radio:checked ~ .payment-setting {
  display: block;
}
@media (max-width: 568px) {

/* line 101 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
  .pay-method__method-label,
  .pay-method .payment-setting {
    margin-left: -10px;
    margin-right: -10px;
  }

/* line 106 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
  .pay-method__cards {
    margin: 0 20px 0 0;
  }

/* line 109 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
  .pay-method h3.pay-method__method-title {
    display: block;
  }

/* line 112 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */
  .pay-method h4.pay-method__method-subtitle {
    margin: 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/pay-method/pay-method.styl */

/* line 1 : /js/build/modules/styles/blocks/pay-hint/pay-hint.styl */

/* line 1 : /js/build/modules/styles/blocks/pay-hint/pay-hint.styl */
.pay-hint {
  font-zize: 13px;
}

/* line 4 : /js/build/modules/styles/blocks/pay-hint/pay-hint.styl */
.pay-hint__hint {
  text-decoration: underline;
}

/* line 7 : /js/build/modules/styles/blocks/pay-hint/pay-hint.styl */
.pay-hint__flag {
  margin-right: 7px;
}

/* line 8 : /js/build/modules/styles/blocks/pay-hint/pay-hint.styl */

/* line 1 : /js/build/modules/styles/blocks/receipts/receipts.styl */

/* line 4 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts {
  max-width: 620px;
  margin: auto;
}

/* line 9 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt {
  position: relative;
  background: radial-gradient(7px at 0 0, #fff 0%, #fff 7px, rgba(255,255,255,0) 8px), radial-gradient(7px at 100% 0, #fff 0%, #fff 7px, rgba(255,255,255,0) 8px), radial-gradient(7px at 0 100%, #fff 0%, #fff 7px, rgba(255,255,255,0) 8px), radial-gradient(7px at 100% 100%, #fff 0%, #fff 7px, rgba(255,255,255,0) 8px), url(/pack/modules/styles/blocks/receipts/receipts__bg.413a20d949507701d49bfb20f506bb18.svg), #f9eebd;
  padding: 14px 61px 20px 23px;
}

/* line 19 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt:first-child {
  border-radius: 10px 10px 0 0;
  background: radial-gradient(7px at 0 100%, #fff 0%, #fff 7px, rgba(255,255,255,0) 8px), radial-gradient(7px at 100% 100%, #fff 0%, #fff 7px, rgba(255,255,255,0) 8px), url(/pack/modules/styles/blocks/receipts/receipts__bg.413a20d949507701d49bfb20f506bb18.svg), #f9eebd;
}

/* line 26 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt::after {
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  left: 7px;
  right: 7px;
  top: -9px;
  z-index: 9;
  overflow: hidden;
  text-shadow: 1px 0 1px rgba(0,0,0,0.4);
  white-space: nowrap;
  color: #fff;
  content: "\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65\FF65";
}

/* line 44 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt:first-child::after {
  display: none;
}

/* line 47 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt-body {
  display: table;
  width: 100%;
}

/* line 51 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt-content,
.receipts__receipt-aside {
  display: table-cell;
}

/* line 55 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt-aside {
  display: table-cell;
  vertical-align: top;
}

/* line 59 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt-aside_center,
.receipts__receipt-content {
  vertical-align: middle;
}

/* line 63 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt-content {
  width: 100%;
  padding-right: 15px;
}

/* line 67 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__type {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 8px;
  color: #b40000;
}

/* line 73 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__title,
.receipts__status {
  font: 700 18px/1 BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin-bottom: 2px;
}

/* line 78 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__receipt-aside .receipts__title {
  font-size: 21px;
  line-height: 21px;
  vertical-align: middle;
}

/* line 83 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__note {
  font-size: 13px;
}

/* line 86 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__status_ok {
  color: #4d906b;
}

/* line 89 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__price {
  margin-top: 24px;
  font-weight: bold;
  font-size: 18px;
  white-space: nowrap;
  color: #49916a;
}

/* line 96 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__price .price {
  font: 700 21px/21px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* line 99 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__edit {
  opacity: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 21px;
  margin: 0 -35px 0 10px;
  vertical-align: middle;
  text-decoration: none !important;
  color: #ba1000;
  transition: opacity 0.2s;
}

/* line 115 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__edit_participants {
  position: absolute;
  right: 20px;
  top: 50%;
  margin: 0;
}

/* line 121 : /js/build/modules/styles/blocks/receipts/receipts.styl */

/* line 124 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.working-hover .receipts__receipt:hover .receipts__edit {
  opacity: 1;
}

/* line 127 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method {
  margin-top: 11px;
  width: 136px;
  height: 37px;
  background-position: right;
  background-repeat: no-repeat;
}

/* line 134 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_webmoney {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-webmoney.a2d7731f4b07a06159fb4cd96410474c.svg);
}

/* line 137 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_banksimple {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-banksimple.360f045dbdc439951385904dfef9a4ea.svg);
}

/* line 140 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_interkassa {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-interkassa.061691c5d782b4b99d4c3e9797da6351.svg);
}

/* line 143 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_payanyway {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-payanyway.b76b66a121e198d0e708f047b82e05fc.svg);
}

/* line 146 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_paypal {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-paypal.9977c3c0b4f689df7a14191d0e31a565.svg);
}

/* line 149 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_webmoney {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-webmoney.a2d7731f4b07a06159fb4cd96410474c.svg);
}

/* line 152 : /js/build/modules/styles/blocks/receipts/receipts.styl */
.receipts__pay-method_yandexmoney {
  background-image: url(/pack/modules/styles/blocks/receipts/pay-logo-yandexmoney.5ecc4a8570830c9bfbe482c9375d9fba.svg);
}
@media (max-width: 568px) {

/* line 157 : /js/build/modules/styles/blocks/receipts/receipts.styl */
  .receipts__receipt-content,
  .receipts__receipt-aside {
    display: block;
  }

/* line 161 : /js/build/modules/styles/blocks/receipts/receipts.styl */
  .receipts__price {
    margin-top: 0;
  }

/* line 164 : /js/build/modules/styles/blocks/receipts/receipts.styl */
  .receipts__receipt-aside {
    margin-top: 10px;
  }

/* line 167 : /js/build/modules/styles/blocks/receipts/receipts.styl */
  .receipts__edit {
    opacity: 1;
  }

/* line 170 : /js/build/modules/styles/blocks/receipts/receipts.styl */
  .receipts__title {
    padding-right: 10px;
  }

/* line 173 : /js/build/modules/styles/blocks/receipts/receipts.styl */
  .receipts__pay-method {
    background-position: 0 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/receipts/receipts.styl */

/* line 1 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */

/* line 1 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form {
  max-width: 780px;
  margin: auto;
}

/* line 5 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form.login-form {
  width: auto;
}

/* line 8 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form.login-form,
.complex-form .login-form__form {
  background: none;
}

/* line 12 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form .login-form__form {
  padding: 45px;
  text-align: left;
}

/* line 17 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form .login-form__label {
  color: #666;
}

/* line 20 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form.login-form .complex-form__step {
  max-width: 490px;
  margin: auto;
}

/* line 24 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__description {
  max-width: 500px;
  margin: 20px auto 40px;
  font-size: 14px;
  line-height: 19px;
  color: #20252b;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* line 32 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__step {
  display: none;
  text-align: center;
}

/* line 37 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__step-content {
  margin: 45px 80px;
}

/* line 40 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__step_current {
  display: block;
}

/* line 43 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__body {
  padding: 0 20px;
}

/* line 46 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__extract {
  box-sizing: border-box;
  margin: 0 auto 17px;
}

/* line 50 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form .complex-form__step-title,
.complex-form .complex-form__alternate-title {
  font: 28px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 17px 0 11px;
}

/* line 55 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form .complex-form__alternate-title {
  position: relative;
  margin: 25px 0 10px;
  color: #333;
}

/* line 62 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__amount {
  width: 177px;
}

/* line 65 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__email {
  width: 350px;
}

/* line 68 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__name {
  display: block;
  margin: auto;
  width: 290px;
}

/* line 73 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__email-note {
  font-size: 12px;
  color: #333;
  margin: 12px auto 0;
  line-height: 16px;
  width: 250px;
}

/* line 80 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__pay-method {
  margin: 20px auto 29px;
}

/* line 83 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form[data-order-info-status="pending"] [data-order-form-step-payment] {
  display: none;
}

/* line 86 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
.complex-form__submit-line {
  margin: 50px 20px 30px 20px;
}
@media (max-width: 840px) {

/* line 91 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form {
    width: auto;
  }

/* line 94 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__step {
    border: none;
    border-radius: none;
  }

/* line 98 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form .complex-form__next {
    display: none;
  }

/* line 101 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__alternate-title:first-child:before {
    position: absolute;
    top: -15px;
    left: 50%;
    width: 35px;
    height: 3px;
    margin-left: -17px;
    background: #f5f2f0;
    content: '';
  }

/* line 114 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__email {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 615px;
    margin: 20px auto 0;
    padding: 0 23px;
  }

/* line 123 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__email-note {
    font-size: 14px;
    width: auto;
    max-width: 615px;
    padding: 0 23px;
  }

/* line 130 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__submit-line {
    margin-top: 30px;
  }
}
@media (max-width: 568px) {

/* line 135 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__extract {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
    margin-right: -10px;
  }

/* line 142 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */
  .complex-form__email,
  .complex-form__email-note {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/complex-form/complex-form.styl */

/* line 6 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */

/* line 8 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar {
  box-shadow: 0 2px 3px -2px rgba(0,0,0,0.3);
  width: 100%;
  z-index: 1;
  position: relative;
  background: #fff;
}

/* line 15 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar_tutorial {
  box-shadow: none;
}

/* line 19 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar--page_main {
  background: none;
  box-shadow: none;
}

/* line 23 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar--page_main .buy-book-button {
  color: #fdc073;
  border: 1px solid #fdc073;
  box-shadow: none;
}

/* line 27 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar--page_main .buy-book-button:hover {
  border: 1px solid #fff;
}

/* line 29 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar--page_main .buy-book-button:hover:before {
  bottom: 100%;
}

/* line 32 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar--page_main .sitetoolbar__link,
.sitetoolbar--page_main .sitetoolbar__search-toggle,
.sitetoolbar--page_main .sitetoolbar__user,
.sitetoolbar--page_main .sitetoolbar__login,
.sitetoolbar--page_main .sitetoolbar__dropdown-button::after,
.sitetoolbar--page_main .sitetoolbar__user::after {
  color: #fdc073;
}

/* line 40 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar--page_main .sitetoolbar__search-toggle:hover,
.working-hover .sitetoolbar--page_main .sitetoolbar__user:hover,
.working-hover .sitetoolbar--page_main .sitetoolbar__login:hover {
  color: #fff;
}

/* line 46 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar--page_main .sitetoolbar__link:hover {
  color: #e96861;
}

/* line 49 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */

/* line 50 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar--page_main .sitetoolbar__section_current .sitetoolbar__link {
  color: #fff;
}

/* line 54 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__content {
  font-size: 16px;
  line-height: 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-collapse: collapse;
}

/* line 60 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__logo-wrap,
.sitetoolbar__sections,
.sitetoolbar__user-wrap,
.sitetoolbar__login-wrap,
.sitetoolbar__search-wrap,
.sitetoolbar__book-wrap {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
}

/* line 71 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__nav-toggle-wrap {
  display: none;
}

/* line 74 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__logo-wrap {
  padding: 0 32px;
}

/* line 77 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown {
  position: relative;
}

/* line 80 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__section_dropdown .sitetoolbar__dropdown-wrap {
  top: 16px;
}

/* line 83 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__user-wrap {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  position: relative;
  min-width: 20px;
  padding-left: 47px;
  transition: opacity 0.3s ease-out;
}

/* line 92 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-wrap {
  box-sizing: border-box;
  padding-right: 24px;
}

/* line 96 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__link_logo,
.sitetoolbar__logo-handler,
.sitetoolbar__logo {
  vertical-align: bottom;
  height: 60px;
}

/* line 102 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__logo_small {
  display: none;
  width: 80px;
}

/* line 106 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__link_logo {
  position: relative;
}

/* line 109 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__logo,
.sitetoolbar__link_logo {
  outline: 0;
}

/* line 113 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__link_logo .sitetoolbar__logo {
  margin: 0;
}

/* line 116 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__sections {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 18px 0;
}

/* line 121 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */

/* line 125 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__section {
  display: inline-block;
  margin-right: 20px;
}

/* line 129 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__section_current,
.sitetoolbar__section_current .sitetoolbar__link,
.sitetoolbar__section_current .sitetoolbar__dropdown-button,
.working-hover .sitetoolbar__section_current .sitetoolbar__dropdown-button:hover {
  color: #b20600;
}

/* line 135 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__link {
  color: #696664;
  display: inline-block;
}

/* line 139 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar__link:hover {
  text-decoration: none;
}

/* line 144 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__book-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
}

/* line 149 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__user,
.sitetoolbar__login {
  font: 16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #8b8987;
  line-height: inherit;
  height: 60px;
}

/* line 157 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-button {
  font: 16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #696664;
  line-height: inherit;
}

/* line 163 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__user {
  display: block;
  padding: 0 17px 0 5px;
}

/* line 167 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__login {
  padding-right: 8px;
  text-align: center;
}

/* line 172 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__login:after {
  font-size: 23px;
  display: inline-block;
  width: 30px;
  text-align: left;
}

/* line 183 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar__dropdown-button:hover {
  color: #ba1000;
}

/* line 186 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar__user:hover,
.working-hover .sitetoolbar__login:hover {
  color: #686765;
}

/* line 190 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-button::after,
.sitetoolbar__user::after {
  display: inline-block;
  min-width: 15px;
  color: #c4c2c0;
  font-size: 14px;
  vertical-align: bottom;
  position: relative;
  top: 2px;
}

/* line 201 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__user {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  position: relative;
}

/* line 207 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__userpic {
  position: absolute;
  left: -40px;
  top: 50%;
  margin-top: -19px;
  border-radius: 50%;
}

/* line 216 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__user-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

/* line 226 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-content {
  position: relative;
  height: 60px;
}

/* line 231 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-input {
  position: absolute;
  top: 50%;
  right: 0;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  opacity: 0;
  transition: left 0.3s ease-out 0.1s, opacity 0.4s ease-out;
}

/* line 243 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-toggle {
  display: inline-block;
  position: relative;
  height: 60px;
  width: 30px;
  margin: 0;
  color: #8b8987;
}

/* line 256 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-toggle_unready {
  visibility: hidden;
}

/* line 259 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar__search-toggle:hover {
  color: #686765;
}

/* line 262 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-toggle:active {
  color: #8b8987;
}

/* line 265 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search-toggle::before {
  font-size: 23px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  line-height: 60px;
  text-align: center;
  transition: left 0.3s ease-out;
}

/* line 283 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search .text-input {
  display: block;
}

/* line 286 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search .text-input__control {
  padding-left: 37px;
  padding-right: 93px;
}

/* line 291 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search .text-input__control::-webkit-input-placeholder {
  font-size: 13px;
  line-height: 18px;
}

/* line 295 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search .text-input__control::-moz-placeholder {
  font-size: 13px;
  line-height: 18px;
}

/* line 299 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__search .text-input__control:-ms-input-placeholder {
  font-size: 13px;
  line-height: 18px;
}

/* line 303 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__find {
  font: bold 12px 'Open Sans', sans;
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 89px;
  margin: 0;
  padding: 0;
  border: none;
  border-left: 1px solid #8eb0d2;
  border-radius: 0 4px 4px 0;
  background: #f5f2f0;
  color: #333;
  cursor: pointer;
}

/* line 324 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar_search_open .sitetoolbar__search-toggle:hover {
  color: #8b8987;
}

/* line 327 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar_search_open .sitetoolbar__search-toggle {
  pointer-events: none;
}

/* line 330 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar_search_open .sitetoolbar__search-input {
  left: -260px;
  opacity: 1;
}

/* line 335 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar_search_open .sitetoolbar__search-toggle::before {
  position: absolute;
  left: -256px;
}

/* line 339 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar_search_open .sitetoolbar__user-wrap,
.sitetoolbar_search_open .sitetoolbar__book-wrap,
.sitetoolbar_search_open .sitetoolbar__login-wrap {
  opacity: 0;
  pointer-events: none;
}

/* line 349 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__spinner {
  position: absolute;
  left: 50%;
  margin: -11px 0 0 -35px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e7e5e3;
  padding: 2px;
}

/* line 358 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__spinner .spinner__dot {
  background: #d7d7d7;
}

/* line 361 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__nav-toggle:focus,
.sitetoolbar__user:focus,
.sitetoolbar__login:focus {
  outline: 0;
}

/* line 366 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar .tablet-menu,
.sitetoolbar__dropdown-wrap {
  display: none;
}

/* line 371 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-wrap {
  position: relative;
  width: 100%;
}

/* line 375 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-body {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  min-width: 190px;
  border: 2px solid #e2e2e2;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  background: #fff;
}

/* line 390 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-body::before {
  content: "";
  position: absolute;
  margin-left: -5px;
  top: -7px;
  right: 60px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: solid #e2e2e2;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 403 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-items {
  margin: 15px 18px;
}

/* line 406 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__dropdown-item {
  margin: 7px 0;
}

/* line 409 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.sitetoolbar__secondary-link {
  color: #000;
}

/* line 412 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover .sitetoolbar__secondary-link:hover {
  text-decoration: none;
}
@media (max-width: 1175px) {

/* line 418 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo_normal {
    display: none;
  }

/* line 421 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo_small {
    display: inline;
  }

/* line 424 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo-wrap {
    padding: 0 24px;
  }

/* line 427 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__section {
    font-size: 14px;
    margin-right: 10px;
  }

/* line 431 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__book-wrap .buy-book-button {
    font-size: 14px;
  }

/* line 434 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__sections-list {
    display: table;
    width: 85%;
  }

/* line 438 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__section {
    display: table-cell;
    margin: 0;
    padding-right: 10px;
    text-align: center;
  }

/* line 445 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-button {
    font-size: 14px;
  }
}
@media (max-width: 940px) {

/* line 449 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo-wrap {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }

/* line 452 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__link_logo {
    margin: 0;
  }

/* line 455 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__user::before {
    padding: 0;
  }

/* line 458 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__book-wrap {
    padding-right: 8px;
  }

/* line 461 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__login {
    padding-right: 0;
  }

/* line 464 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__user-wrap {
    padding-left: 40px;
  }

/* line 467 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__userpic {
    left: -38px;
  }

/* line 470 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__search-wrap {
    padding-right: 10px;
  }
}
@media (max-width: 840px) {

/* line 476 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar {
    position: relative;
    height: 60px;
  }

/* line 480 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__user-wrap {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 64px;
    padding: 0;
    position: static;
  }

/* line 486 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__user {
    display: inline-block;
    padding: 0;
  }

/* line 491 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-wrap {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
  }

/* line 500 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__userpic {
    position: static;
    margin: 0;
  }

/* line 504 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__user-text,
  .sitetoolbar__user:after {
    display: none;
  }

/* line 508 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_menu_open .tablet-menu {
    display: block;
  }

/* line 511 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo-wrap {
    width: 0;
    padding: 0;
  }

/* line 515 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo_normal {
    display: inline;
  }

/* line 518 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo_small {
    display: none;
  }

/* line 521 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__link_logo,
  .sitetoolbar__logo {
    position: absolute;
    left: 90px;
  }

/* line 526 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__user-text {
    max-width: 130px;
  }

/* line 529 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__nav-toggle-wrap {
    display: table-cell;
  }

/* line 535 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__nav-toggle,
  .sitetoolbar__nav-toggle:active {
    position: absolute;
    left: 0;
  }

/* line 540 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__sections-list {
    display: none;
  }

/* line 543 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__nav-toggle {
    color: #8b8987;
    height: 60px;
    width: 60px;
    text-align: center;
  }

/* line 550 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar--page_main .sitetoolbar__nav-toggle {
    color: #fff;
  }

/* line 553 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__nav-toggle--active {
    color: #8b8987 !important;
  }

/* line 556 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover   .sitetoolbar__nav-toggle:hover {
    color: #686765;
  }

/* line 559 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__nav-toggle::before {
    font-size: 22px;
  }

/* line 563 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-body {
    background: #f5f2f0;
    position: absolute;
    border: 0;
    border-radius: 0;
    left: auto;
    right: auto;
    width: 100%;
    box-shadow: 0 2px 3px -2px rgba(0,0,0,0.3);
  }

/* line 576 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar .sitetoolbar__dropdown-body {
    -webkit-transform: none;
            transform: none;
  }

/* line 579 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-body::before {
    display: none;
  }

/* line 582 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-items,
  .sitetoolbar__dropdown-item {
    margin: 0;
  }

/* line 587 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__secondary-link:link,
  .sitetoolbar__secondary-link:visited {
    color: #498cbe;
  }

/* line 591 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
.working-hover   .sitetoolbar__secondary-link:hover {
    text-decoration: none;
    color: #ba1000;
  }

/* line 595 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-item {
    line-height: 60px;
    border-top: 1px solid #e7e5e3;
  }

/* line 599 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__dropdown-link {
    display: block;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
  }

/* line 605 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_menu_open .sitetoolbar__nav-toggle,
  .sitetoolbar_user_open .sitetoolbar__user {
    background: #f5f2f0;
  }

/* line 609 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__search-wrap {
    display: none;
  }

/* line 612 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__search-input {
    transition: opacity 0.4s ease-out;
  }

/* line 615 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__search-toggle::before {
    transition: none;
  }

/* line 618 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__search-content,
  .sitetoolbar_search_open .sitetoolbar__search-toggle {
    position: static;
  }

/* line 622 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__search-input {
    right: 20px;
    left: 50px;
  }

/* line 626 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__search-input {
    left: 60px;
  }

/* line 629 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__search-toggle::before {
    left: 65px;
  }

/* line 632 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__logo-wrap {
    visibility: hidden;
  }

/* line 635 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__book-wrap {
    font-size: 14px;
    height: 60px;
  }
}
@media (max-width: 790px) {

/* line 642 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__link_logo,
  .sitetoolbar__logo {
    left: 90px;
    margin-left: 0;
  }

/* line 647 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__link_logo .sitetoolbar__logo {
    left: 0;
  }
}
@media (max-width: 568px) {

/* line 651 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__link_logo,
  .sitetoolbar__logo {
    left: 55px;
    margin-left: 0;
  }

/* line 656 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo_normal {
    display: none;
  }

/* line 659 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__logo_small {
    display: inline;
  }

/* line 662 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__nav-toggle-wrap {
    visibility: hidden;
  }

/* line 665 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__search-input {
    left: 20px;
  }

/* line 668 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar_search_open .sitetoolbar__search-toggle::before {
    left: 25px;
  }

/* line 671 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */

/* line 672 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */
  .sitetoolbar__book-wrap .buy-book-button__extra-text {
    display: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/sitetoolbar/sitetoolbar_en.styl */

/* line 1 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */

/* line 1 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */
.tablet-menu-search {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}

/* line 5 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */
.tablet-menu-search__input {
  display: block;
  border: none;
  border-radius: 4px;
  height: 40px;
  width: 100%;
  padding: 0 15px;
  font-size: 16px;
  -webkit-appearance: none;
  outline: none;
}

/* line 16 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */
.tablet-menu-search__button {
  border: none;
  background-color: #fd9460;
  border-radius: 0 4px 4px 0;
  padding: 0;
  height: 40px;
  position: relative;
  width: 52px;
  min-width: 0;
  margin-left: 0;
  text-transform: uppercase;
  color: #fff;
  font-size: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
}

/* line 32 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */
.tablet-menu-search__button::before {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 23px;
  line-height: 44px;
}

/* line 43 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */
.working-hover .tablet-menu-search__button:hover {
  background-color: #ff7c3c;
}

/* line 44 : /js/build/modules/styles/blocks/tablet-menu-search/tablet-menu-search.styl */

/* line 44 : /js/build/modules/styles/blocks/course-form/course-form.styl */

/* line 1 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form {
  padding: 35px;
  border-radius: 4px;
  border: 3px solid #eee;
  background: #fbfafa;
}

/* line 8 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form .course-form__title {
  margin: 0;
}

/* line 11 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form .course-form__title_signup {
  font-size: 14px;
  color: #b20600;
}

/* line 16 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form .course-form__text {
  font-size: 14px;
}

/* line 19 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form__more {
  color: #3b86c4;
}

/* line 22 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form .courses-signup {
  margin-top: 10px;
  background: none;
}

/* line 27 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form .courses-signup__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 30 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.main .course-form li.courses-signup__course {
  margin: 0 4px;
  background: #fff;
  border: 1px solid #f7f6ea;
}

/* line 36 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.main .course-form li.courses-signup__course:first-child {
  margin-left: 0;
}

/* line 39 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.main .course-form li.courses-signup__course:last-child {
  margin-right: 0;
}

/* line 42 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.main .course-form li.courses-signup__course:only-child {
  width: 50%;
  margin: 0;
}

/* line 46 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form .courses-signup__info,
.course-form .courses-signup__apply {
  border: none;
}

/* line 50 : /js/build/modules/styles/blocks/course-form/course-form.styl */
.course-form__form {
  width: 50%;
  box-sizing: border-box;
  padding-right: 15px;
}
@media (max-width: 840px) {

/* line 56 : /js/build/modules/styles/blocks/course-form/course-form.styl */
  .course-form__form .button,
  .course-form .text-input {
    width: 100%;
    margin-top: 10px;
  }

/* line 61 : /js/build/modules/styles/blocks/course-form/course-form.styl */
  .course-form .courses-signup__list {
    display: block;
  }

/* line 64 : /js/build/modules/styles/blocks/course-form/course-form.styl */
  .main .course-form li.courses-signup__course {
    margin: 0 !important;
    width: auto !important;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-form/course-form.styl */

/* line 1 : /js/build/modules/styles/blocks/course-frontpage/index.styl */

/* line 1 : /js/build/modules/styles/blocks/course-frontpage/index.styl */

/* line 3 : /js/build/modules/styles/blocks/course-frontpage/index.styl */
.course-frontpage__column {
  max-width: 940px;
  margin: 0 auto;
}

/* line 8 : /js/build/modules/styles/blocks/course-frontpage/index.styl */
.course-frontpage .comments {
  margin: 32px 0 0 0;
}

/* line 9 : /js/build/modules/styles/blocks/course-frontpage/index.styl */

/* line 9 : /js/build/modules/styles/blocks/course-page/index.styl */

/* line 1 : /js/build/modules/styles/blocks/course-page/index.styl */
.course-page {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 8px;
  padding-right: 339px;
}
@media (max-width: 840px) {

/* line 12 : /js/build/modules/styles/blocks/course-page/index.styl */
  .course-page {
    padding-right: 0;
  }
}

/* line 15 : /js/build/modules/styles/blocks/course-page/index.styl */
.course-page .comments {
  margin: 32px 0 0 0;
}

/* line 1 : /js/build/modules/styles/blocks/course-page/index.styl */

/* line 1 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */

/* line 1 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */
.buy-book-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  line-height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none !important;
  color: #cb6556;
  box-shadow: inset 0 0 0 2px #f8e8e5;
  border-radius: 34px;
  transition: color 0.2s, box-shadow 0.2s;
}

/* line 20 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */

/* line 21 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */
.buy-book-button__extra-text::after {
  content: " ";
}

/* line 24 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */
.buy-book-button:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  top: 0;
  z-index: -1;
  background: #cb6556;
  transition: bottom 0.2s;
  content: '';
}

/* line 38 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */
.working-hover .buy-book-button:hover {
  color: #fff;
  box-shadow: none;
}

/* line 43 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */
.working-hover .buy-book-button:hover:before {
  bottom: 0;
}

/* line 44 : /js/build/modules/styles/blocks/buy-book-button/buy-book-button_en.styl */

/* line 44 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */

/* line 1 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form {
  width: 412px;
  padding: 21px 30px 40px 30px;
  box-sizing: border-box;
  background: #fff;
}

/* line 9 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form__title {
  font: bold 28px/28px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  white-space: nowrap;
}

/* line 14 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form__line {
  margin-top: 20px;
}

/* line 17 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form__line_submit {
  margin-top: 30px;
}

/* line 20 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form .input-select {
  width: 155px;
}

/* line 23 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form__note {
  font-size: 13px;
}

/* line 26 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form .button_action {
  margin-right: 30px;
}

/* line 29 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */
.payment-currency-form a.payment-currency-form__close-link {
  display: inline-block;
}

/* line 30 : /js/build/modules/styles/blocks/payment-currency-form/payment-currency-form.styl */

/* line 30 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */

/* line 1 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser {
  position: relative;
  display: inline-block;
}

/* line 5 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__fieldset {
  float: left;
  border: none;
}

/* line 9 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__label {
  float: right;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: #999;
  transition: color 0.2s;
}

/* line 20 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__label-text {
  font-size: 18px;
  line-height: 40px;
  position: absolute;
  left: 100%;
  white-space: nowrap;
  margin-left: 20px;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 35 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__label:before {
  font-size: 36px;
  line-height: 36px;
  content: '\2605';
}

/* line 41 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__input:checked ~ .rating-chooser__label {
  color: #f8ab47;
}

/* line 44 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.working-hover .rating-chooser__fieldset:hover .rating-chooser__label {
  color: #999;
}

/* line 47 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.working-hover .rating-chooser__label:hover,
.working-hover .rating-chooser__label:hover ~ .rating-chooser__label {
  color: #f8ab47;
}

/* line 51 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.working-hover .rating-chooser__input:checked + .rating-chooser__label:hover,
.working-hover .rating-chooser__fieldset:hover .rating-chooser__input:checked + .rating-chooser__label:hover ~ .rating-chooser__label,
.working-hover .rating-chooser__input:checked ~ .rating-chooser__label:hover,
.working-hover .rating-chooser__input:checked ~ .rating-chooser__label:hover ~ .rating-chooser__label,
.working-hover .rating-chooser__label:hover ~ .rating-chooser__input:checked ~ .rating-chooser__label,
.working-hover .rating-chooser__fieldset:hover .rating-chooser__label:hover {
  color: #f8ab47;
}

/* line 59 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__input:checked + .rating-chooser__label .rating-chooser__label-text {
  opacity: 1;
}

/* line 62 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.working-hover .rating-chooser__fieldset:hover .rating-chooser__label-text {
  opacity: 0 !important;
}

/* line 65 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.working-hover .rating-chooser__label:hover .rating-chooser__label-text {
  opacity: 1 !important;
}

/* line 68 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser__err {
  font-size: 12px;
  display: none;
  padding: 4px 0 0;
  color: #c55b4a;
}

/* line 77 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */
.rating-chooser_invalid .rating-chooser__err {
  display: block;
}

/* line 78 : /js/build/modules/styles/blocks/rating-chooser/rating-chooser.styl */

/* line 78 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */
.courses-register .receipts__receipt,
.courses-register .grayed-list__item,
.courses-register .complex-form,
.courses-register_step_4 .receipts__edit {
  display: none;
}

/* line 9 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */
.courses-register_step_1 .complex-form_step_1,
.courses-register_step_2 .complex-form_step_2,
.courses-register_step_3 .complex-form_step_3,
.courses-register_step_4 .complex-form_step_4 {
  display: block;
}

/* line 16 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */
.courses-register_step_1 .grayed-list__item,
.courses-register_step_2 .grayed-list__item_step_3,
.courses-register_step_2 .grayed-list__item_step_4,
.courses-register_step_3 .grayed-list__item_step_4 {
  display: block;
}

/* line 23 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */
.courses-register_step_2 .receipts__receipt_step_1,
.courses-register_step_3 .receipts__receipt_step_1,
.courses-register_step_3 .receipts__receipt_step_2,
.courses-register_step_4 .receipts__receipt_step_1,
.courses-register_step_4 .receipts__receipt_step_2,
.courses-register_step_4 .receipts__receipt_step_3 {
  display: block;
}

/* line 29 : /js/build/modules/styles/blocks/courses-register/courses-register.styl */

/* line 29 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */
.courses-register-common {
  margin: 35px;
}

/* line 4 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */
.courses-register-common h2.courses-register-common__title,
.courses-register-common h3.courses-register-common__title {
  font: bold 29px/33px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  color: #b20600;
}

/* line 12 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */
.courses-register-common h3.courses-register-common__title {
  font-size: 18px;
  line-height: 20px;
  margin-top: 22px;
  color: #333;
}

/* line 20 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */
.courses-register-common__next {
  margin-top: 35px;
}
@media (max-width: 568px) {

/* line 25 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */
  .courses-register-common {
    margin: 30px 0 0 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-register-common/courses-register-common.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-register-participants/courses-register-participants.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-register-participants/courses-register-participants.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-register-participants/courses-register-participants.styl */
.courses-register-participants__add-participants {
  position: relative;
  display: block;
  width: 65%;
  margin: 0 auto;
}
@media (max-width: 568px) {

/* line 13 : /js/build/modules/styles/blocks/courses-register-participants/courses-register-participants.styl */
  .courses-register-participants__add-participants {
    width: auto;
    margin: 0;
    padding: 0 20px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-register-participants/courses-register-participants.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */
.course-register-info {
  display: inline-block;
  width: 65%;
  margin: 25px 0 0 10px;
  padding: 15px 25px;
  text-align: left;
  background: #f5f2f0;
}

/* line 12 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */
.course-register-info .course-register-info__group {
  font: bold 16px/18px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  color: #b20600;
}

/* line 19 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */
.course-register-info .course-register-info__info {
  font: normal 13px/16px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
}

/* line 24 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */
.course-register-info .course-register-info__info_length {
  margin-top: 5px;
}

/* line 27 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */
.course-register-info__time {
  font-weight: bold;
}

/* line 28 : /js/build/modules/styles/blocks/course-register-info/course-register-info.styl */

/* line 28 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 25px;
}

/* line 9 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings__cell {
  display: table-cell;
  width: 33.3%;
  padding: 10px 30px;
  border-left: 1px solid #e7e5e3;
  border-right: 1px solid #e7e5e3;
}

/* line 19 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings__cell:first-child {
  padding-left: 0;
  border: none;
}

/* line 24 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings__cell:last-child {
  padding-right: 0;
  border: none;
}

/* line 29 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings .course-register-settings__title {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}

/* line 35 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings__title:after {
  content: ':';
}

/* line 39 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */

/* line 40 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings__price .price__secondary {
  color: #999;
}

/* line 43 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings__body {
  margin-top: 15px;
}

/* line 46 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings .price {
  width: 180px;
  text-align: center;
}

/* line 50 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
.course-register-settings .price__secondary {
  margin-left: 10px;
}
@media (max-width: 568px) {

/* line 54 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
  .course-register-settings {
    display: block;
  }

/* line 57 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
  .course-register-settings__cell {
    display: block;
    width: auto;
    padding: 40px 20px !important;
    border: 0;
    border-top: 1px solid #e7e5e3 !important;
  }

/* line 67 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
  .course-register-settings__cell:first-child {
    border: 0 !important;
  }

/* line 70 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */
  .course-register-settings .price {
    width: auto;
    text-align: center;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-register-settings/course-register-settings.styl */

/* line 1 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */

/* line 1 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants {
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: margin-top 0.2s, opacity 0.2s;
}

/* line 15 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants_visible {
  position: static;
  z-index: initial;
  margin-top: 10px;
  pointer-events: auto;
  opacity: 1;
}

/* line 25 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.main .course-add-participants ul,
.main .course-add-participants p,
.main .course-add-participants li {
  margin: 0;
  padding: 0;
}

/* line 31 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants li:before {
  display: none;
  content: '';
}

/* line 35 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__checkbox {
  position: absolute;
  visibility: hidden;
}

/* line 39 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__add,
.course-add-participants__note {
  font-size: 12px;
}

/* line 43 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__add {
  cursor: pointer;
  color: #0059b2;
  border-bottom: 1px dashed;
}

/* line 48 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.working-hover .course-add-participants__add:hover {
  color: #ba1000;
}

/* line 51 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__note {
  color: #9f9f9f;
}

/* line 54 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__dropdown {
  display: none;
  position: relative;
  margin-top: 20px;
  padding: 5px 15px 25px 15px;
  text-align: left;
  counter-reset: participants;
  border-radius: 6px;
  border: 2px solid #e7e5e3;
  background: #f5f2f0;
}

/* line 69 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__dropdown:before {
  position: absolute;
  top: -13px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: #f5f2f0;
  border-left: 2px solid #e7e5e3;
  border-top: 2px solid #e7e5e3;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

/* line 86 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__checkbox:checked ~ .course-add-participants__dropdown {
  display: block;
}

/* line 89 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants__dropdown-close {
  position: absolute;
  top: -19px;
  right: -17px;
}

/* line 95 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants-item {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 20px 10px 0 10px !important;
}

/* line 102 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants-item .text-input {
  width: 100%;
  margin-top: 5px;
}

/* line 106 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants-item .text-input__err {
  position: absolute;
  line-height: 13px;
  padding-top: 0;
}

/* line 113 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants-item__participant {
  font-size: 13px;
}

/* line 116 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
.course-add-participants-item__participant-n:after {
  counter-increment: participants;
  content: " " counter(participants) ":";
}
@media (max-width: 568px) {

/* line 122 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */
  .course-add-participants-item {
    display: block;
    width: 100%;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-add-participants/course-add-participants.styl */

/* line 1 : /js/build/modules/styles/blocks/participants-profiles/participants-profiles.styl */

/* line 1 : /js/build/modules/styles/blocks/participants-profiles/participants-profiles.styl */
.participants-profiles {
  border: 3px solid #eee;
  border-radius: 10px;
}

/* line 6 : /js/build/modules/styles/blocks/participants-profiles/participants-profiles.styl */
.main ol.participants-profiles__profiles {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
  counter-reset: profiles;
}

/* line 16 : /js/build/modules/styles/blocks/participants-profiles/participants-profiles.styl */
.main li.participants-profiles__profile {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0;
  padding: 42px 20px 20px 20px;
  border-bottom: 1px solid #eee;
  vertical-align: top;
}

/* line 27 : /js/build/modules/styles/blocks/participants-profiles/participants-profiles.styl */
.main li.participants-profiles__profile:before {
  display: inline-block;
  font-weight: bold;
  color: #959595;
  counter-increment: profiles;
  content: counter(profiles);
}

/* line 34 : /js/build/modules/styles/blocks/participants-profiles/participants-profiles.styl */

/* line 34 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */

/* line 1 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.questionnaire {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 10px;
}

/* line 7 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.questionnaire__userpic {
  width: 64px;
  margin-right: 20px;
}

/* line 11 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.questionnaire__userpic-img {
  position: relative;
  width: 64px;
  height: 64px;
  margin-top: -22px;
  border-radius: 100%;
}

/* line 20 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main .questionnaire h3,
.main .questionnaire h4,
.main .questionnaire ul,
.main .questionnaire ul li,
.main .questionnaire p {
  margin: 0;
  padding: 0;
}

/* line 28 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main .questionnaire ul li:before {
  display: none;
  content: '';
}

/* line 32 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main h3.questionnaire__title {
  font-size: 14px;
}

/* line 35 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main .questionnaire ul.questionnaire__list {
  font-size: 13px;
  margin-top: 20px;
}

/* line 40 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main h4.questionnaire__question {
  font-size: 13px;
  font-weight: normal;
  color: #747474;
}

/* line 46 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main .questionnaire__question_inline {
  display: inline;
}

/* line 49 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.questionnaire__question_inline:after {
  content: ': ';
}

/* line 52 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.questionnaire__question_inline + .questionnaire__answer {
  display: inline;
}

/* line 55 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */
.main .questionnaire h4.questionnaire__question_block {
  display: block;
  margin-top: 20px;
}

/* line 58 : /js/build/modules/styles/blocks/questionnaire/questionnaire.styl */

/* line 58 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */

/* line 1 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */

/* line 3 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */
.receipts_register {
  padding: 0;
  margin-top: 40px;
  text-align: left;
}

/* line 9 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */
.receipts .receipts__receipt {
  padding: 15px 0 15px 25px;
}

/* line 12 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */
.receipts .course-register-info {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
}

/* line 21 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */
.receipts .price {
  vertical-align: middle;
}

/* line 24 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */
.receipts .receipts__receipt-aside {
  white-space: nowrap;
  padding-right: 60px;
}
@media (max-width: 568px) {

/* line 29 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */
  .receipts .course-register-info {
    display: block;
    margin-top: 10px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/receipts/receipts_register.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-contacts/course-register-contacts.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-contacts/course-register-contacts.styl */

/* line 2 : /js/build/modules/styles/blocks/course-register-contacts/course-register-contacts.styl */
.course-register-contacts .contact-form {
  width: auto;
}

/* line 3 : /js/build/modules/styles/blocks/course-register-contacts/course-register-contacts.styl */

/* line 3 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */

/* line 2 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */
.course-register-payment__body {
  margin: 30px;
}

/* line 5 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */
.course-register-payment .pay-method__methods {
  margin-bottom: 0;
}

/* line 8 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */
.course-register-payment__next {
  margin-top: 15px;
}

/* line 11 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */
.course-register-payment__next-or {
  margin-bottom: 15px;
}
@media (max-width: 840px) {

/* line 15 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */
  .course-register-payment__body {
    margin: 30px 0 0 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-register-payment/course-register-payment.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-success/course-register-success.styl */

/* line 1 : /js/build/modules/styles/blocks/course-register-success/course-register-success.styl */

/* line 2 : /js/build/modules/styles/blocks/course-register-success/course-register-success.styl */
.course-register-success .course-register-success__title {
  margin: 0;
}

/* line 3 : /js/build/modules/styles/blocks/course-register-success/course-register-success.styl */

/* line 3 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */

/* line 1 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting {
  display: none;
  padding: 10px 50px 35px;
  background: #f9edbf;
}

/* line 8 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item {
  margin-top: 25px;
}

/* line 11 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item:first-child {
  margin-top: 0;
}

/* line 14 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item_with_cb {
  font-size: 13px;
  line-height: 14px;
}

/* line 18 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__cb-label {
  display: inline-block;
  padding-left: 20px;
}

/* line 23 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item_with_cb .payment-setting__cb {
  position: absolute;
  margin-top: 1px;
}

/* line 28 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item_hidden {
  display: none;
}

/* line 31 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__cb_invoice-need[value="ACT"]:checked ~ .payment-setting__item_hidden,
.payment-setting__cb_invoice-need[value="AGREEMENT"]:checked ~ .payment-setting__item_hidden {
  display: block;
}

/* line 35 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__textarea-head,
.payment-setting__textarea-bank {
  height: 115px;
}

/* line 39 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__textarea-addr {
  height: 75px;
}

/* line 42 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__label {
  font-size: 14px;
  line-height: 16px;
  display: block;
  margin-bottom: 7px;
}

/* line 50 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__small-note {
  font-size: 11px;
  line-height: 16px;
  font-style: italic;
  color: #858585;
}

/* line 57 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item_currency .payment-setting__label {
  display: block;
}

/* line 60 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item_currency .input-select {
  min-width: 6em;
}

/* line 63 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting__item_currency .payment-setting__small-note {
  position: relative;
  top: 5px;
  display: inline-block;
  margin-left: 20px;
}

/* line 71 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting .text-input {
  width: 100%;
}

/* line 74 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */
.payment-setting .textarea-input {
  font-size: 13px;
  width: 100%;
}

/* line 77 : /js/build/modules/styles/blocks/payment-setting/payment-setting.styl */

/* line 77 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */

/* line 1 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */

/* line 3 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.main .invoice-table__empty-message {
  margin: 12px;
  padding: 10px;
}

/* line 7 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__participant-form,
.invoice-table__contact-form {
  position: relative;
}

/* line 12 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.notification.invoice-table__state-notification {
  margin-top: 0;
}

/* line 15 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table table tr:first-child th {
  border-width: 1px;
  border-color: #e4e0d2;
}

/* line 19 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table table.invoice-table__table,
.invoice-table th.invoice-table__main {
  margin: 0;
}

/* line 23 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table table.invoice-table__table {
  width: 100%;
}

/* line 26 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table tr.invoice-table__data,
.invoice-table tr.invoice-table__settings {
  border-bottom: 1px solid #e4e0d2;
}

/* line 30 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table tr.invoice-table__data:nth-last-child(2),
.invoice-table tr.invoice-table__settings:last-child {
  border: none;
}

/* line 34 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__data {
  transition: background-color 0.2s;
}

/* line 37 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.working-hover .invoice-table__data:hover {
  background: #f9f8f0;
}

/* line 40 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table th.invoice-table__main,
.invoice-table td.invoice-table__info,
.invoice-table td.invoice-table__price {
  padding: 25px 12px 25px 12px;
}

/* line 45 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table th.invoice-table__main {
  font-size: 11px;
  font-weight: normal;
  width: 50%;
  padding-left: 25px;
}

/* line 52 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table td.invoice-table__info {
  vertical-align: middle;
  white-space: nowrap;
}

/* line 56 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__info-link {
  font-size: 13px;
  padding-right: 30px;
}

/* line 61 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__info-link:after {
  position: absolute;
  margin-top: 2px;
  padding-left: 5px;
  text-decoration: none;
  color: #ccc;
}

/* line 73 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table td.invoice-table__price {
  width: 0.1%;
  padding-right: 25px;
  text-align: center;
  white-space: nowrap;
}

/* line 80 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__price .price {
  font-size: 17px;
  color: #000;
}

/* line 85 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__payment-status {
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px;
  line-height: 14px;
  color: #b40000;
}

/* line 94 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__payment-status_success {
  color: #4c906b;
}

/* line 97 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__payment-type {
  font-size: 12px;
  line-height: 14px;
}

/* line 101 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__number {
  margin-right: 10px;
}

/* line 104 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table h3.invoice-table__title {
  font: 17px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 5px 0 0 0;
}

/* line 108 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__slots {
  font-size: 12px;
  margin-top: 5px;
}

/* line 112 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__slots-free:before {
  content: ": ";
}

/* line 115 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__slots-busy:before {
  font-weight: normal;
  content: " / ";
}

/* line 119 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__slots-confirmed_note {
  color: #999;
}

/* line 122 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings {
  display: none;
}

/* line 125 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__data_show_settings {
  background: #f9f8f0;
  border-bottom: none !important;
}

/* line 129 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table .invoice-table__data_show_settings th.invoice-table__main,
.invoice-table .invoice-table__data_show_settings td.invoice-table__info,
.invoice-table .invoice-table__data_show_settings td.invoice-table__price {
  padding-bottom: 0;
}

/* line 134 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__data_show_settings + .invoice-table__settings {
  display: table-row;
}

/* line 137 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table td.invoice-table__settings-cell {
  padding: 25px;
  background: #f9f8f0;
}

/* line 142 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-dropdown {
  position: relative;
  padding: 30px;
  white-space: nowrap;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #ffab33;
}

/* line 153 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-dropdown:before {
  position: absolute;
  top: -13px;
  left: 60px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: #fff;
  border-left: 2px solid #ffab33;
  border-top: 2px solid #ffab33;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

/* line 170 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-dropdown-close {
  position: absolute;
  right: -18px;
  top: -19px;
}

/* line 175 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-dropdown-cell {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  box-sizing: border-box;
}

/* line 183 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-dropdown-cell_left {
  width: 63%;
  padding-right: 10px;
  border-right: 3px solid #f5f2f0;
}

/* line 189 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-dropdown-cell_right {
  width: 37%;
  padding-left: 30px;
}

/* line 193 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
h4.invoice-table__settings-title {
  font: 17px/17px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
}

/* line 198 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table ul.invoice-table__settings-participants,
.invoice-table li.invoice-table__settings-participant {
  margin: 0;
  padding: 0;
}

/* line 203 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table ul.invoice-table__settings-participants {
  margin: 35px 0 -20px 0;
}

/* line 206 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table li.invoice-table__settings-participant:before {
  display: none;
  content: '';
}

/* line 210 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant {
  font-size: 13px;
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 0 20px 20px 0 !important;
}

/* line 220 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant:only-child {
  width: 100%;
}

/* line 223 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__participant-label,
.invoice-table__contact-form-label {
  display: block;
}

/* line 227 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input,
.invoice-table__contact-form .text-input {
  position: relative;
  width: 100%;
  margin-top: 5px;
}

/* line 234 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input__status {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 18px;
  width: 34px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  border-radius: 0 3px 3px 0;
}

/* line 251 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input_approved_no .text-input__status {
  background: #999;
}

/* line 254 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input_approved_yes .text-input__status {
  background: #47916a;
}

/* line 257 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input_approved_no .text-input__status:after {
  display: block;
}

/* line 262 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input_approved_yes .text-input__status:after {
  display: block;
}

/* line 267 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings .text-input__err {
  position: absolute;
  line-height: 13px;
}

/* line 272 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-participant .text-input__control {
  padding-right: 34px;
}

/* line 275 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-line {
  margin-top: 20px;
}

/* line 278 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-line_submit {
  margin-top: 30px;
}

/* line 281 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__settings-line_foot {
  margin-top: 50px;
  white-space: normal;
}

/* line 286 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
p.invoice-table__note {
  font-size: 14px;
  margin: 10px 0 20px 0;
}

/* line 291 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__contact-form .invoice-table__settings-line:first-child {
  margin-top: 35px;
}

/* line 294 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__contact-form .text-input {
  width: 100%;
}

/* line 297 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__contact-form .full-phone__tel-wrap .text-input {
  margin: 0;
}

/* line 300 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__contact-form .full-phone__tel-wrap .text-input {
  margin: 0;
}

/* line 303 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
.invoice-table__cancel-order {
  float: right;
  line-height: 34px;
  color: #568dca;
}
@media (max-width: 970px) {

/* line 311 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
  .invoice-table__settings-dropdown-cell {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
  }

/* line 317 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
  .invoice-table__settings-dropdown-cell_right {
    margin-top: 30px;
  }

/* line 320 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */
  .invoice-table__settings-dropdown-cell_right .full-phone {
    width: 50%;
    margin-top: 30px;
  }
}

/* line 322 : /js/build/modules/styles/blocks/invoice-table/invoice-table.styl */

/* line 322 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table table tr:first-child th {
  border-width: 1px;
  border-color: #e4e0d2;
}

/* line 7 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table table.courses-table__table,
.courses-table th.courses-table__main {
  margin: 0;
  width: 100%;
}

/* line 12 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table tr.courses-table__line:nth-child(even) {
  background: none;
}

/* line 15 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table tr.courses-table__line,
.courses-table tr .courses-table__info,
.courses-table tr .courses-table__verify {
  border-bottom: 1px solid #e4e0d2;
}

/* line 20 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table tr.courses-table__line:last-child,
.main .courses-table tr.courses-table__line:last-child .courses-table__info,
.main .courses-table tr.courses-table__line:last-child .courses-table__verify {
  border: none;
}

/* line 25 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table th.courses-table__main,
.main .courses-table td.courses-table__info,
.main .courses-table td.courses-table__verify {
  padding: 25px 0;
  vertical-align: top;
}

/* line 32 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table th.courses-table__main {
  font-size: 11px;
  font-weight: normal;
  width: 40%;
}

/* line 38 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table th.courses-table__main {
  padding-left: 20px;
  padding-right: 10px;
}

/* line 42 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__start,
.courses-table__schedule {
  font-size: 14px;
  line-height: initial;
}

/* line 47 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__schedule {
  margin-top: 5px;
}

/* line 50 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table td.courses-table__info {
  vertical-align: middle;
}

/* line 53 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table td.courses-table__info {
  padding-left: 10px;
  padding-right: 15px;
}

/* line 57 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main ul.courses-table__info-links,
.main li.courses-table__info-links-item {
  margin: 2px 0;
  padding: 0;
}

/* line 62 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main li.courses-table__info-links-item:before {
  display: none;
  content: '';
}

/* line 66 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main li.courses-table__info-links-item {
  font-size: 14px;
}

/* line 69 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__info-link {
  line-height: initial;
  color: #568dca;
}

/* line 73 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table td.courses-table__verify {
  width: 0.1%;
  padding-right: 60px;
  text-align: left;
  white-space: nowrap;
}

/* line 80 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table h3.courses-table__title {
  font: 17px/17px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 5px 0 10px 0;
}

/* line 84 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table h3.courses-table__subtitle {
  font: 17px/17px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 5px 0 10px 0;
  color: #848081;
}

/* line 89 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__status {
  font-weight: bold;
  position: relative;
  display: inline-block;
  line-height: 25px;
  padding-left: 26px;
  white-space: nowrap;
  color: #469269;
}

/* line 103 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__status_ended {
  color: #999;
}

/* line 106 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__status:before {
  font-size: 18px;
  position: absolute;
  margin-left: -26px;
  font-weight: normal;
}

/* line 114 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */

/* line 117 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */

/* line 120 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */

/* line 123 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.main .courses-table__verify li.courses-table__info-links-item {
  font-size: 13px;
  margin-left: 26px;
  color: #568dca;
}

/* line 130 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */
.courses-table__action {
  margin-bottom: 5px;
}

/* line 131 : /js/build/modules/styles/blocks/courses-table/courses-table.styl */

/* line 131 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
.courses-features {
  margin-top: 36px;
}

/* line 4 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
ul.courses-features__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -10px 20px;
  padding: 0;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 960px) {

/* line 11 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
  ul.courses-features__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -10px 0;
  }
}

/* line 15 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
li.courses-features__feature {
  position: relative;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
}

/* line 22 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
li.courses-features__feature:last-child {
  padding-right: 0;
}
@media (max-width: 840px) {

/* line 25 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
  li.courses-features__feature {
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    width: 33.33%;
  }
}
@media screen and (max-width: 480px) {

/* line 30 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
  li.courses-features__feature {
    width: 50%;
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 340px) {

/* line 34 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
  li.courses-features__feature {
    width: 100%;
    text-align: center;
  }
}

/* line 38 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
li.courses-features__feature:before {
  display: none;
}

/* line 41 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
h3.courses-features__feature-title {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
}
@media screen and (max-width: 480px) {

/* line 48 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
  h3.courses-features__feature-title {
    margin-top: 0;
  }
}

/* line 51 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
.courses-features__feature-text {
  font-size: 14px;
  margin: 0;
}

/* line 55 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
.courses-features__feature-link {
  border-bottom: 1px solid rgba(64,64,64,0.3);
  background-clip: padding-box;
  color: inherit;
}

/* line 59 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
.working-hover .courses-features__feature-link:hover {
  text-decoration: none;
  border-bottom: 1px solid rgba(186,16,0,0.3);
}

/* line 63 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
.courses-features__feature-image {
  margin-bottom: 16px;
  display: block;
}
@media screen and (max-width: 480px) {

/* line 67 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */
  .courses-features__feature-image {
    margin-bottom: 0;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-features/courses-features.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  margin: 0 -120px;
  background-color: #fbf3e5;
  padding-bottom: 56px;
}
@media (max-width: 890px) {

/* line 8 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
  .courses-frontpage-list {
    margin: 0 -10px;
    padding: 16px 10px;
  }
}

/* line 12 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list__content {
  max-width: 940px;
  margin: 0 auto;
}

/* line 17 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
h2.courses-frontpage-list__title {
  padding-top: 56px;
  margin-bottom: 36px;
  margin-top: 0;
  line-height: 32px;
  font-size: 24px;
  color: #404040;
}

/* line 25 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list ul {
  padding: 0;
  margin: 0;
}

/* line 29 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list ul > li {
  margin: 0 0 24px 0;
}

/* line 31 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list ul > li:last-child {
  margin: 0;
}

/* line 34 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */

/* line 37 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
li.courses-frontpage-list__course {
  min-height: 126px;
  position: relative;
  padding: 0 0 0 164px;
}
@media screen and (max-width: 425px) {

/* line 42 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
  li.courses-frontpage-list__course {
    padding: 0;
  }
}

/* line 45 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
li.courses-frontpage-list__course:before {
  display: none;
}

/* line 48 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
h3.courses-frontpage-list__course-title {
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 24px;
}

/* line 53 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
h3.courses-frontpage-list__course-title a {
  margin-right: 18px;
}

/* line 56 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list__course-text p {
  margin: 5px 0 0;
}

/* line 59 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.courses-frontpage-list__course-image {
  width: 140px;
  height: 126px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 8px;
  font-size: 0;
}
@media screen and (max-width: 425px) {

/* line 71 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
  .courses-frontpage-list__course-image {
    width: 100%;
    display: block;
    position: static;
    margin-bottom: 16px;
  }
}

/* line 78 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
h3 a.courses-frontpage-list__course-badge {
  background-color: #9b6b6b;
  color: #fff;
  height: 24px;
  border-radius: 20px;
  display: inline-block;
  font-size: 12px;
  padding: 0 12px;
  vertical-align: super;
}

/* line 88 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */
.working-hover h3 a.courses-frontpage-list__course-badge:hover {
  color: #fff;
  text-decoration: none;
}

/* line 1 : /js/build/modules/styles/blocks/courses-frontpage-list/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals {
  margin: 40px -120px 0;
  background-color: #404040;
  color: #fff;
  padding: 32px 0;
}
@media (max-width: 840px) {

/* line 7 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
  .opinion-professionals {
    margin: 0 -10px;
    padding: 16px 10px;
  }
}

/* line 11 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals__content {
  max-width: 940px;
  margin: 0 auto;
}

/* line 16 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
ul.opinion-professionals__opinions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
}

/* line 22 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
ul.opinion-professionals__opinions > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 0 56px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
@media (max-width: 840px) {

/* line 28 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
  ul.opinion-professionals__opinions > li {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 31 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
ul.opinion-professionals__opinions > li::before {
  display: none;
}

/* line 34 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals__opinion-info {
  margin-right: 22px;
  min-width: 264px;
  max-width: 264px;
}

/* line 39 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals__opinion-info h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 115%;
}

/* line 44 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals__opinion-description {
  font-size: 115%;
}

/* line 47 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals__opinion-name {
  color: #fff;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
}

/* line 53 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */
.opinion-professionals__opinion-image {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-right: 24px;
  min-width: 95px;
  height: 95px;
  width: 95px;
}

/* line 1 : /js/build/modules/styles/blocks/courses-opinions-professionals/courses-opinions-professionals.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  color: #404040;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
}

/* line 11 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters ul {
  margin: 24px -10px 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 16 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters ul > li {
  margin: 0 10px 24px 10px;
}

/* line 19 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters ul > li:before {
  display: none;
}

/* line 22 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
h2.courses-masters__title {
  margin: 56px 0 24px;
  line-height: 32px;
}

/* line 26 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters__text {
  max-width: 606px;
  margin-top: 24px;
}

/* line 30 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters__masters {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 34 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters__master {
  margin-bottom: 24px;
  box-sizing: border-box;
}

/* line 38 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
.courses-masters__master_row {
  display: block;
  min-height: 100px;
}
@media (max-width: 840px) {

/* line 42 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */
  .courses-masters__master {
    width: auto;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-masters/courses-masters.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.courses-master,
.course-master {
  position: relative;
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  color: #404040;
}

/* line 10 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.courses-master__name,
.course-master__name {
  font-weight: bold;
  color: #0059b2;
  line-height: 24px;
  font-size: 16px;
  margin: 2px 0 0;
  display: block;
  text-align: center;
}

/* line 19 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.courses-master__img,
.course-master__img {
  border-radius: 50%;
  width: 100%;
}

/* line 23 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.courses-master__photo,
.course-master__photo {
  max-width: 96px;
  display: block;
}

/* line 29 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.course-master {
  padding-left: 110px;
  margin-bottom: 24px;
}

/* line 33 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.course-master__photo {
  position: absolute;
  left: 0;
}

/* line 37 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */
.course-master__name {
  text-align: left;
  margin-bottom: 8px;
}

/* line 39 : /js/build/modules/styles/blocks/courses-master/courses-master.styl */

/* line 39 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq {
  color: #404040;
}

/* line 4 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq ul.courses-faq__questions,
.courses-faq li.courses-faq__question {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 10 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq li.courses-faq__question:before {
  display: none;
  content: '';
}

/* line 15 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq ul.courses-faq__questions {
  margin-bottom: 54px;
}

/* line 18 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__body {
  text-align: left;
}

/* line 21 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__input {
  position: absolute;
  visibility: hidden;
}

/* line 25 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq li.courses-faq__question {
  margin-bottom: 2px;
  background-color: #f1f1f1;
  padding: 0 16px 16px 16px;
}

/* line 30 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq li.courses-faq__question:last-child {
  border: none;
}

/* line 33 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__question-title {
  padding-top: 16px;
  font-size: 16px;
  display: block;
  height: 100%;
  cursor: pointer;
}

/* line 40 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.working-hover .courses-faq__question-title:hover {
  color: #b20600;
}

/* line 43 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__answer {
  position: relative;
  display: none;
  padding: 10px;
  margin-top: 15px;
  background: #fff;
  border-radius: 5px;
}

/* line 54 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__answer:before {
  position: absolute;
  top: -6px;
  left: 30px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

/* line 69 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__answer p {
  margin: 10px;
}

/* line 72 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__input:checked ~ .courses-faq__answer {
  display: block;
}

/* line 75 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
.courses-faq__input:checked ~ .courses-faq__question-title {
  font-weight: bold;
  border: none;
  color: #b20600;
}
@media (max-width: 690px) {

/* line 83 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq {
    margin: 0 -10px;
  }

/* line 87 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq__question-title {
    font-size: 14px;
    font-style: normal;
    color: #3b86c4;
    border: none;
  }

/* line 95 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq ul.courses-faq__questions {
    border-radius: none;
    background: #fbfafa;
  }

/* line 99 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq li.courses-faq__question {
    border-bottom: 2px solid #f3f2f1;
  }

/* line 102 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq__answer {
    position: relative;
    display: none;
    padding: 0;
    margin-top: 0;
    background: none;
    border-radius: initial;
  }

/* line 113 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq__answer:before {
    display: none;
  }

/* line 116 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq__answer p {
    margin: 10px 0;
  }

/* line 119 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .courses-faq__input:checked ~ .courses-faq__question-title {
    color: #333;
  }

/* line 122 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */
  .main .courses-faq__body > p {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* line 124 : /js/build/modules/styles/blocks/courses-faq/courses-faq.styl */

/* line 124 : /js/build/modules/styles/blocks/courses-signup/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup {
  margin: 0 0 10px;
  width: 300px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 0 rgba(0,0,0,0.17), 0 1px 1px rgba(0,0,0,0.17);
  border-radius: 0 0 4px 4px;
  font-size: 14px;
}
@media (max-width: 840px) {

/* line 13 : /js/build/modules/styles/blocks/courses-signup/index.styl */
  .courses-signup {
    width: auto;
    position: static;
  }
}

/* line 18 : /js/build/modules/styles/blocks/courses-signup/index.styl */
h3.courses-signup__title {
  padding-left: 16px;
  font-size: 20px;
  margin: 20px 0 8px 0;
}

/* line 23 : /js/build/modules/styles/blocks/courses-signup/index.styl */
h4.courses-signup__title {
  font-size: 14px;
}

/* line 26 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__course {
  border-bottom: 1px solid #f0f0f0;
}

/* line 29 : /js/build/modules/styles/blocks/courses-signup/index.styl */
ul.courses-signup__list,
li.courses-signup__course,
h4.courses-signup__title,
p.courses-signup__text {
  margin: 0;
  padding: 0;
}

/* line 37 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__group-time {
  margin: 4px 0;
  display: block;
}

/* line 41 : /js/build/modules/styles/blocks/courses-signup/index.styl */
li.courses-signup__course:before {
  display: none;
  content: '';
}

/* line 45 : /js/build/modules/styles/blocks/courses-signup/index.styl */
ul > li.courses-signup__course {
  position: relative;
  margin: 0;
}

/* line 49 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__course .courses-signup__input {
  position: absolute;
  z-index: 1;
  left: 16px;
  top: 10px;
  width: 16px;
  height: 16px;
}

/* line 58 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__course .courses-signup__input:checked ~ .courses-signup__info {
  background: #feeee0;
}

/* line 61 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__list {
  display: table;
  width: 100%;
  background: #fff;
}

/* line 66 : /js/build/modules/styles/blocks/courses-signup/index.styl */
p.courses-signup__participants-limit {
  color: #b20600;
  margin: 5px 0 0 0;
  font-size: 12px;
}

/* line 71 : /js/build/modules/styles/blocks/courses-signup/index.styl */
p.courses-signup__participants-limit-total {
  color: #b20600;
  margin: 10px 0;
  font-size: 12px;
}

/* line 76 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__apply {
  padding-left: 20px;
}

/* line 79 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__info {
  display: block;
  padding: 12px 0 16px 16px;
}

/* line 83 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup_multi .courses-signup__info {
  padding-left: 42px;
}

/* line 86 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__discount {
  margin: 10px 0;
  font-size: 12px;
  color: #999;
}

/* line 91 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__discount a {
  color: #999;
  font-weight: bold;
}

/* line 95 : /js/build/modules/styles/blocks/courses-signup/index.styl */

/* line 98 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup .price {
  margin-top: 16px;
  margin-bottom: 16px;
}

/* line 102 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup .price,
.courses-signup .price__secondary {
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  line-height: initial;
  vertical-align: baseline;
  white-space: nowrap;
}

/* line 112 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__subscribe-other {
  margin: 0 0 12px 0;
}

/* line 116 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__subscribe-empty {
  padding: 0 16px 16px 16px;
}

/* line 119 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup .button,
.courses-signup .button:active,
.courses-signup .button:focus:active {
  font-size: 13px;
  line-height: 34px;
  padding-left: 20px;
  padding-right: 20px;
  background: #51a06c;
  color: #fff;
}

/* line 130 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.working-hover .courses-signup .button:hover,
.working-hover .courses-signup .button:active:hover,
.working-hover .courses-signup .button:focus:active:hover {
  color: #fff;
  background: #67b689;
}

/* line 134 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__apply .button:focus,
.courses-signup__apply .button:active,
.courses-signup__apply .button:focus:active {
  padding-left: 19px;
  padding-right: 19px;
}

/* line 140 : /js/build/modules/styles/blocks/courses-signup/index.styl */
h4.courses-signup__title,
p.courses-signup__text {
  line-height: initial;
}

/* line 144 : /js/build/modules/styles/blocks/courses-signup/index.styl */
p.courses-signup__text {
  margin-top: 5px;
}

/* line 147 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__anchor {
  position: relative;
  top: -100px;
  display: block;
}

/* line 153 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup__teacher {
  margin-top: 4px;
}

/* line 155 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup_no-groups {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}

/* line 160 : /js/build/modules/styles/blocks/courses-signup/index.styl */
.courses-signup_no-groups h3.courses-signup__info-title {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #999;
}
@media (max-width: 840px) {

/* line 169 : /js/build/modules/styles/blocks/courses-signup/index.styl */
  .courses-signup__list {
    display: block;
    width: auto;
  }

/* line 173 : /js/build/modules/styles/blocks/courses-signup/index.styl */
  ul > li.courses-signup__course {
    display: block;
    border-bottom: 2px solid #f7f6ea;
  }

/* line 178 : /js/build/modules/styles/blocks/courses-signup/index.styl */
  .courses-signup__info,
  .courses-signup__apply {
    display: block;
    border: none;
  }

/* line 183 : /js/build/modules/styles/blocks/courses-signup/index.styl */
  .courses-signup__apply {
    margin-top: 15px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-signup/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-system-req/courses-system-req.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-system-req/courses-system-req.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-system-req/courses-system-req.styl */
.courses-system-req__body {
  padding: 20px 40px;
  background: #f5f2f0;
}
@media (max-width: 690px) {

/* line 10 : /js/build/modules/styles/blocks/courses-system-req/courses-system-req.styl */
  .courses-system-req__body {
    padding: 0;
    background: none;
  }
}

/* line 13 : /js/build/modules/styles/blocks/courses-system-req/courses-system-req.styl */

/* line 13 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */
.courses-guarantee h2 {
  line-height: 24px;
  margin-bottom: 24px;
}

/* line 7 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */
.courses-guarantee p {
  margin: 12px 0;
}

/* line 10 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */
.courses-guarantee ul {
  margin: 12px 0;
  padding: 0;
}

/* line 14 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */
.courses-guarantee ul > li {
  margin: 12px 0;
}

/* line 17 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */
.courses-guarantee ul > li:before {
  content: '-';
  margin: 0 6px 0 0;
  line-height: 24px;
  font-size: 16px;
  color: #404040;
}

/* line 22 : /js/build/modules/styles/blocks/courses-guarantee/index.styl */

/* line 22 : /js/build/modules/styles/blocks/courses-mix/courses-mix.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-mix/courses-mix.styl */
.courses-mix {
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  color: #404040;
  margin-bottom: 8px;
}

/* line 8 : /js/build/modules/styles/blocks/courses-mix/courses-mix.styl */
.courses-mix h2,
.courses-mix h3 {
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  text-align: left;
  margin-bottom: 24px;
}

/* line 14 : /js/build/modules/styles/blocks/courses-mix/courses-mix.styl */
.courses-mix ol {
  margin: 16px 0;
}

/* line 15 : /js/build/modules/styles/blocks/courses-mix/courses-mix.styl */

/* line 15 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials {
  text-align: left;
  counter-reset: lines;
}

/* line 5 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.main table.courses-materials__table td,
.main table.courses-materials__table th {
  font-size: 14px;
  line-height: initial;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 14 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.main table.courses-materials__table tr.courses-materials__line:last-child {
  border: none;
}

/* line 17 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.main p.courses-materials__note {
  margin: 5px 0 0 0;
  color: #999;
}

/* line 21 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.main td.courses-materials__num {
  padding-left: 10px;
  vertical-align: top;
}

/* line 25 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
td.courses-materials__num:after {
  counter-increment: lines;
  content: counter(lines);
}

/* line 29 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials__link:link {
  text-decoration: underline;
}

/* line 32 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials__video-key {
  text-align: center;
}

/* line 35 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials__video-key span {
  font-weight: bold;
  color: #b20600;
}

/* line 39 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials__delete-action {
  opacity: 0;
  transition: opacity 0.4s;
}

/* line 45 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials__delete-action:after {
  font-size: 16px;
  color: #737373;
}

/* line 50 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.working-hover .courses-materials__line:hover .courses-materials__delete-action {
  opacity: 1;
}

/* line 54 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */
.courses-materials__chat-list-item {
  text-align: left;
}

/* line 55 : /js/build/modules/styles/blocks/courses-materials/courses-materials.styl */

/* line 55 : /js/build/modules/styles/blocks/chat-group/index.styl */

/* line 1 : /js/build/modules/styles/blocks/chat-group/index.styl */
.chat-group {
  text-align: center;
  overflow: hidden;
}

/* line 5 : /js/build/modules/styles/blocks/chat-group/index.styl */
.chat-group__header {
  display: inline-block;
  position: relative;
  font-weight: bold;
  margin-bottom: 23px;
}

/* line 11 : /js/build/modules/styles/blocks/chat-group/index.styl */
.chat-group__header::after,
.chat-group__header::before {
  content: '';
  border-top: 1px solid #dfdddc;
  width: 1000px;
  position: absolute;
  top: 50%;
}

/* line 19 : /js/build/modules/styles/blocks/chat-group/index.styl */
.chat-group__header::after {
  left: 100%;
  margin-left: 30px;
}

/* line 23 : /js/build/modules/styles/blocks/chat-group/index.styl */
.chat-group__header::before {
  right: 100%;
  margin-right: 30px;
}

/* line 25 : /js/build/modules/styles/blocks/chat-group/index.styl */

/* line 25 : /js/build/modules/styles/blocks/chat-log/index.styl */

/* line 1 : /js/build/modules/styles/blocks/chat-log/index.styl */
.chat-log {
  padding-top: 60px;
}

/* line 4 : /js/build/modules/styles/blocks/chat-log/index.styl */
.chat-log__header {
  height: 60px;
  margin-top: -60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #eee;
  padding: 0 30px;
  font-size: 0.875em;
  position: absolute;
  left: 0;
  right: 0;
}

/* line 17 : /js/build/modules/styles/blocks/chat-log/index.styl */
.chat-log__header_fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
  z-index: 2;
}

/* line 23 : /js/build/modules/styles/blocks/chat-log/index.styl */
.chat-log .chat-log__title {
  margin: 0;
}

/* line 26 : /js/build/modules/styles/blocks/chat-log/index.styl */
.chat-log__field {
  width: 156px;
  display: inline-block;
  margin: 0 10px;
  height: 34px;
}

/* line 32 : /js/build/modules/styles/blocks/chat-log/index.styl */
.chat-log__content {
  padding: 30px 22px;
}

/* line 33 : /js/build/modules/styles/blocks/chat-log/index.styl */

/* line 33 : /js/build/modules/styles/blocks/chat-message/index.styl */

/* line 1 : /js/build/modules/styles/blocks/chat-message/index.styl */
.chat-message {
  margin-bottom: 15px;
  text-align: left;
}

/* line 5 : /js/build/modules/styles/blocks/chat-message/index.styl */
.chat-message__header {
  display: block;
  margin-bottom: 5px;
}

/* line 9 : /js/build/modules/styles/blocks/chat-message/index.styl */
.chat-message__user {
  font-weight: bold;
  display: inline-block;
}

/* line 13 : /js/build/modules/styles/blocks/chat-message/index.styl */
.chat-message__date {
  color: #999;
  display: inline-block;
  margin-left: 15px;
}

/* line 18 : /js/build/modules/styles/blocks/chat-message/index.styl */

/* line 19 : /js/build/modules/styles/blocks/chat-message/index.styl */
.chat-message__message p {
  margin: 0;
  overflow-wrap: break-word;
}

/* line 23 : /js/build/modules/styles/blocks/chat-message/index.styl */
.chat-message__attachments {
  margin-left: 20px;
}

/* line 24 : /js/build/modules/styles/blocks/chat-message/index.styl */

/* line 24 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */
.courses-materials-add {
  padding: 25px;
  text-align: left;
  border-radius: 4px;
  background: #eee;
}

/* line 9 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */
.main h2.courses-materials-add__title {
  font-size: 16px;
  margin: 0 0 25px 0;
}

/* line 14 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */
.courses-materials-add__line {
  width: 80%;
  margin-top: 15px;
}

/* line 18 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */
.courses-materials-add__remove {
  margin-right: 4px;
}

/* line 21 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */
.courses-materials-add__line_empty .courses-materials-add__remove {
  display: none;
}

/* line 24 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */
.courses-materials-add__line .text-input {
  width: 100%;
}

/* line 25 : /js/build/modules/styles/blocks/courses-materials-add/courses-materials-add.styl */

/* line 25 : /js/build/modules/styles/blocks/courses-tab/courses-tab.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-tab/courses-tab.styl */
.courses-tab {
  padding: 10px;
  text-align: center;
  background: #f7f6ea;
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
}

/* line 9 : /js/build/modules/styles/blocks/courses-tab/courses-tab.styl */
.courses-tab__link {
  color: #0059b2 !important;
}

/* line 10 : /js/build/modules/styles/blocks/courses-tab/courses-tab.styl */

/* line 10 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__wrapper {
  position: relative;
}

/* line 6 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__body {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  margin: 0 90px;
}

/* line 13 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.main ul.courses-testimonials__testimonials {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0;
  padding: 0;
  transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 23 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.main li.courses-testimonials__testimonial {
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  display: table;
  width: 100%;
  min-height: 200px;
  margin: 0;
  padding: 0;
}

/* line 33 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.main li.courses-testimonials__testimonial:before {
  display: none;
  content: '';
}

/* line 37 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__main,
.courses-testimonials__user {
  display: table-cell;
  vertical-align: top;
}

/* line 43 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__main {
  padding: 20px 40px 30px 30px;
  background: #f6f4eb;
}

/* line 48 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__main .rating {
  text-align: center;
}

/* line 51 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__user {
  width: 0.1%;
  min-width: 165px;
  padding: 20px 0;
  text-align: center;
  background: #ede9d8;
}

/* line 60 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__userpic {
  position: relative;
  overflow: hidden;
}

/* line 64 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__userpic:before {
  position: absolute;
  left: -42px;
  top: 40px;
  width: 45px;
  height: 45px;
  background: #f6f4eb;
  -webkit-transform: rotate(134deg) skew(21deg, 21deg);
          transform: rotate(134deg) skew(21deg, 21deg);
  content: '';
}

/* line 78 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__userpic-img {
  display: block;
  width: 86px;
  height: 86px;
  margin: 0 auto;
}

/* line 86 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__username,
.courses-testimonials__country {
  margin-top: 5px;
  padding: 0 20px;
}

/* line 91 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__username {
  font-weight: bold;
  line-height: initial;
}

/* line 96 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__username-link {
  color: #3b86c4;
}

/* line 99 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__country {
  white-space: nowrap;
  color: #999;
}

/* line 104 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__country-flag,
.courses-testimonials__country-text {
  vertical-align: middle;
}

/* line 108 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__country-flag {
  width: 20px;
  margin-right: 7px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
}

/* line 114 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.main p.courses-testimonials__testimonial-text {
  margin: 10px 0 0 0;
  padding: 0;
  line-height: initial;
}

/* line 120 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__cut {
  color: #0059b2;
  cursor: pointer;
  text-decoration: underline;
}

/* line 126 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.working-hover .courses-testimonials__cut:hover {
  color: #ba1000;
}

/* line 129 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__cuted {
  display: none;
}

/* line 132 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__all {
  position: absolute;
  right: 90px;
  top: -25px;
  color: #3b86c4;
}

/* line 139 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__arr {
  position: absolute;
  top: 65px;
  overflow: hidden;
  width: 34px;
  height: 66px;
  cursor: pointer;
}

/* line 149 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__arr:after {
  position: absolute;
  top: 9px;
  width: 48px;
  height: 48px;
  background: #ede9d8;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 161 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__arr_prev {
  left: 10px;
}

/* line 164 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__arr_next {
  right: 10px;
}

/* line 167 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__arr_prev:after {
  left: 10px;
}

/* line 170 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
.courses-testimonials__arr_next:after {
  left: -24px;
}
@media (max-width: 840px) {

/* line 174 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials {
    margin: 0 -10px;
  }

/* line 177 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__body {
    margin: 0 50px;
  }

/* line 180 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr_prev {
    left: 0;
  }

/* line 183 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr_next {
    right: 10;
  }
}
@media (max-width: 568px) {

/* line 187 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__body {
    margin: 0;
  }

/* line 190 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__wrapper {
    padding-top: 20px;
  }

/* line 193 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .main li.courses-testimonials__testimonial {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

/* line 197 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__main,
  .courses-testimonials__user {
    display: block;
  }

/* line 201 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__main {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

/* line 204 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__user {
    width: auto;
    padding-top: 0;
  }

/* line 208 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__userpic {
    padding-top: 30px;
  }

/* line 211 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__userpic:before {
    position: absolute;
    left: 50%;
    top: -37px;
    margin-left: -20px;
    -webkit-transform: rotate(45deg) skew(5deg, 5deg);
            transform: rotate(45deg) skew(5deg, 5deg);
  }

/* line 220 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr {
    top: auto;
    bottom: 95px;
    z-index: 1;
    width: 17px;
    height: 33px;
  }

/* line 228 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr_prev {
    left: 50%;
    margin-left: -100px;
  }

/* line 232 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr_next {
    right: 50%;
    margin-right: -100px;
  }

/* line 236 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr:after {
    top: 5px;
    width: 24px;
    height: 24px;
    background: #cfcbb7;
  }

/* line 244 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr_prev:after {
    left: 4px;
  }

/* line 247 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__arr_next:after {
    left: -12px;
  }

/* line 250 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */
  .courses-testimonials__all {
    top: 0;
    left: auto;
    right: 10px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-testimonials/courses-testimonials.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.courses-professionals {
  text-align: left;
}

/* line 4 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.courses-professionals__feedback {
  position: relative;
  min-height: 95px;
  margin-top: 40px;
  padding-left: 110px;
}

/* line 11 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.main h3.courses-professionals__feedback-title {
  font: bold 14px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  text-align: left;
}

/* line 18 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.main a.courses-professionals__homepage {
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
  color: #0059b2;
}

/* line 25 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.working-hover .main a.courses-professionals__homepage:hover {
  color: #ba1000;
}

/* line 28 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.main .courses-professionals p {
  margin: 10px 0;
}

/* line 31 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.main p.courses-professionals__about {
  color: #999;
}

/* line 34 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
.courses-professionals__userpic {
  position: absolute;
  left: 0;
  top: -15px;
  overflow: hidden;
  width: 86px;
  height: 86px;
  border-radius: 50%;
}
@media (max-width: 568px) {

/* line 46 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */
  .courses-professionals__feedback {
    padding-left: 98px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/courses-professionals/courses-professionals.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
.courses-feedback-inline {
  margin-top: 32px;
  margin-bottom: 24px;
}

/* line 4 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
h2.courses-feedback-inline__title {
  margin-bottom: 24px;
  line-height: 32px;
}

/* line 8 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
.courses-feedback-inline__slider {
  position: relative;
  text-align: center;
}

/* line 12 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
.courses-feedback-inline__slides-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 890px) {

/* line 16 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
  .courses-feedback-inline__slides-wrapper {
    width: 100%;
  }
}

/* line 19 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
ul.courses-feedback-inline__pagination {
  padding: 0;
  margin: 20px auto 0;
}

/* line 23 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
ul > li.courses-feedback-inline__page {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  background-color: #ececec;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

/* line 33 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
ul > li.courses-feedback-inline__page:last-child {
  margin-right: 0;
}

/* line 36 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
ul > li.courses-feedback-inline__page:before {
  display: none;
}

/* line 39 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */
.working-hover ul > li.courses-feedback-inline__page:hover,
ul > li.courses-feedback-inline__page_active {
  background-color: #999;
}

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-inline/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */

/* line 4 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
ul.courses-feedback-slides {
  margin: 0;
  padding: 0;
}

/* line 8 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  white-space: nowrap;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: transform;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

/* line 16 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
ul > li.courses-feedback-slides__feedback {
  margin: 0;
}

/* line 19 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__feedback {
  background-color: #dbdbdb;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  text-align: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 28 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__feedback:before {
  display: none;
}

/* line 31 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__feedback-inner {
  height: 220px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 37 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__feedback-inner_all {
  background-color: #ede9d8;
}
@media (max-width: 1135px) {

/* line 40 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__feedback-inner {
    height: 250px;
  }
}
@media (max-width: 1090px) {

/* line 43 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__feedback-inner {
    height: 300px;
  }
}
@media (max-width: 890px) {

/* line 46 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__feedback-inner {
    height: 315px;
  }
}
@media (max-width: 840px) {

/* line 49 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__feedback-inner {
    height: 100%;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

/* line 54 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__review {
  background-color: #f1f1f1;
  width: 79%;
  padding: 24px 32px 46px 24px;
  box-sizing: border-box;
  position: relative;
}

/* line 61 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__review:after {
  position: absolute;
  content: '';
  margin: auto;
  top: 0;
  bottom: 0;
  right: -21px;
  height: 0;
  width: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 21px solid #f1f1f1;
}
@media (max-width: 890px) {

/* line 74 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__review {
    width: 75%;
    padding: 21px 27px;
  }
}
@media (max-width: 840px) {

/* line 78 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__review {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
  }

/* line 82 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__review:after {
    right: 0;
    left: 0;
    bottom: -18px;
    top: auto;
    border-bottom: none;
    border-top: 18px solid #dbdbdb;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}

/* line 92 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
h3.courses-feedback-slides__title {
  display: inline-block;
  color: #666;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin: 0 10px 0 0;
}

/* line 100 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
h3.courses-feedback-slides__title_all {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  margin: 0;
}

/* line 106 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
ul.courses-feedback-slides__rating {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
  margin-right: 15px;
}

/* line 112 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__userpic {
  width: 86px;
  height: 86px;
  border-radius: 50%;
}

/* line 117 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__content {
  margin-top: 18px;
  line-height: 22px;
  font-size: 14px;
  color: #404040;
}

/* line 123 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__content p {
  margin: 0;
}

/* line 126 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__content p:last-of-type {
  display: inline;
}

/* line 129 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__more {
  font-size: 14px;
  display: inline-block;
}

/* line 133 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__open-feedback {
  display: inline-block;
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  position: relative;
}

/* line 139 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__open-feedback:after {
  position: absolute;
  right: -17px;
  top: 1px;
  font-size: 11px;
}

/* line 146 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__address {
  max-width: 100%;
  padding: 0 20px;
  font-weight: bold;
  color: #404040;
}

/* line 152 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__author {
  width: 21%;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 890px) {

/* line 162 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__author {
    width: 25%;
  }
}
@media (max-width: 840px) {

/* line 165 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
  .courses-feedback-slides__author {
    width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 21px;
  }
}

/* line 171 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__author-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
}

/* line 177 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
.courses-feedback-slides__author-link {
  display: block;
}

/* line 180 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */
p.courses-feedback-slides__name {
  margin: 3px 0 10px;
  padding: 0 20px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-slides/index.styl */

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */

/* line 3 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.courses-feedback-control {
  position: absolute;
  width: 7.5%;
  top: 0;
  bottom: 42px;
  opacity: 1;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
@media (max-width: 890px) {

/* line 12 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
  .courses-feedback-control {
    width: 50px;
  }
}
@media (max-width: 840px) {

/* line 15 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
  .courses-feedback-control {
    height: 209px;
    z-index: 2;
    top: auto;
    bottom: 40px;
  }
}

/* line 21 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.courses-feedback-control_hidden {
  opacity: 0;
  visibility: hidden;
}

/* line 25 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.courses-feedback-control_left {
  left: -70px;
}

/* line 28 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */

/* line 29 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */

/* line 30 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
@media (max-width: 890px) {

/* line 33 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
  .courses-feedback-control_left {
    left: -50px;
  }
}
@media (max-width: 840px) {

/* line 36 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
  .courses-feedback-control_left {
    left: 0;
  }
}

/* line 39 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.courses-feedback-control_right {
  right: -70px;
}

/* line 42 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */

/* line 43 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */

/* line 44 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
@media (max-width: 890px) {

/* line 47 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
  .courses-feedback-control_right {
    right: -50px;
  }
}
@media (max-width: 840px) {

/* line 50 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
  .courses-feedback-control_right {
    right: 0;
  }
}

/* line 54 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.courses-feedback-control__button {
  position: absolute;
  height: 56px;
  width: 45px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 64 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.courses-feedback-control__button:after {
  content: '';
  font-size: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 56px;
  left: 0;
  right: 0;
  margin: auto;
  color: #999;
}

/* line 76 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */
.working-hover .courses-feedback-control__button:hover:after {
  color: #333;
}

/* line 1 : /js/build/modules/styles/blocks/courses-feedback-control/index.styl */

/* line 1 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */

/* line 1 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos {
  padding-top: 32px;
}

/* line 4 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__slider {
  position: relative;
  margin: 40px 0 40px 0;
  padding: 0 50px;
}

/* line 12 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__slider-i {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

/* line 19 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__slider-i:before,
.participants-logos__slider-i:after {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 25px;
  background: #f00;
  content: '';
}

/* line 32 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__slider-i:before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}

/* line 37 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__slider-i:after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}

/* line 41 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__arr {
  position: absolute;
  top: 50%;
  font-size: 50px;
  line-height: 28px;
  font-style: normal;
  width: 29px;
  height: 29px;
  margin-top: -14px;
  cursor: pointer;
  color: #ccc;
}

/* line 56 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.working-hover .participants-logos__arr:hover {
  color: #333;
}

/* line 59 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__arr_left {
  left: 0;
}

/* line 62 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__arr_right {
  right: 0;
}

/* line 65 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__arr_left:after {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 72 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__arr_right:after {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 79 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__slider_disable_left .participants-logos__arr_left,
.participants-logos__slider_disable_left .participants-logos__slider-i:before,
.participants-logos__slider_disable_right .participants-logos__arr_right,
.participants-logos__slider_disable_right .participants-logos__slider-i:before {
  display: none;
}

/* line 85 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.main ul.participants-logos__list,
.main li.participants-logos__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 91 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.main li.participants-logos__item:before {
  content: '';
  display: none;
}

/* line 95 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.main ul.participants-logos__list {
  margin-top: 10px;
  white-space: nowrap;
  transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 102 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.main li.participants-logos__item {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 25px;
  text-align: center;
  vertical-align: middle;
}

/* line 111 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.participants-logos__logo {
  opacity: 0.75;
  transition: opacity 0.3s;
}

/* line 116 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */
.working-hover .participants-logos__item:hover .participants-logos__logo {
  opacity: 1;
}

/* line 117 : /js/build/modules/styles/blocks/participants-logos/participants-logos.styl */

/* line 117 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */

/* line 1 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback {
  padding: 50px 70px;
  text-align: left;
}

/* line 8 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_form {
  box-sizing: border-box;
  max-width: 635px;
  margin: 30px auto 0;
}

/* line 13 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */

/* line 14 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback-comment-form__item-cancel {
  font: 14px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #3b86c4;
}

/* line 21 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.working-hover .course-feedback-comment-form__item-cancel:hover {
  color: #b20600;
  text-decoration: underline;
}

/* line 25 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback-comment-form .textarea-input {
  height: 60px;
}

/* line 28 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback-comment-form__ok-cancel {
  margin-top: 10px;
}

/* line 31 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback-comment-form__ok-cancel .button_action {
  margin-right: 20px;
}

/* line 37 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
h2.course-feedback__title {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 7px 0;
  padding: 0;
  line-height: 19px;
  color: #666;
}

/* line 48 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__title-note {
  color: #999;
}

/* line 51 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__title .course-feedback__checkbox {
  margin-right: 7px;
}

/* line 54 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__line:not(:first-child) {
  margin-top: 25px;
}

/* line 57 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__line_defined .course-feedback__user {
  position: relative;
  box-sizing: border-box;
  min-height: 105px;
  padding: 10px 25px 10px 120px;
  border-radius: 4px;
  background: #eee;
}

/* line 67 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__line_defined .course-feedback__userpic {
  top: 6px;
  left: 15px;
}

/* line 71 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__line_defined .course-feedback__country,
.course-feedback__line_defined .course-feedback__occupation {
  display: block;
  margin-top: 7px;
  color: #999;
}

/* line 79 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__line_defined .course-feedback__edit {
  float: right;
  cursor: pointer;
  color: #3b86c4;
}

/* line 85 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.working-hover .course-feedback__line_defined .course-feedback__edit:hover {
  color: #ba1000;
}

/* line 88 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__line_editable,
.course-feedback__edit-input:checked ~ .course-feedback__line_defined {
  display: none;
}

/* line 92 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__edit-input:checked ~ .course-feedback__line_editable {
  display: block;
}

/* line 95 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__label {
  line-height: 25px;
}

/* line 98 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback .textarea-input {
  width: 100%;
}

/* line 101 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback .text-input,
.course-feedback .input-select {
  width: 100%;
  max-width: 410px;
}

/* line 106 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback .textarea-input {
  height: 110px;
}

/* line 109 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__note {
  font-size: 13px;
  line-height: 17px;
  margin-top: 10px;
  color: #999;
}

/* line 117 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result {
  position: relative;
  padding: 20px 30px 60px 120px;
}

/* line 122 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__user {
  position: relative;
  margin-top: 15px;
}

/* line 126 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__userpic {
  position: absolute;
  top: -15px;
  left: -100px;
  overflow: hidden;
  width: 86px;
  height: 86px;
  border-radius: 50%;
}

/* line 137 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__userpic-img {
  width: 86px;
  height: 86px;
}

/* line 141 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__username {
  margin-right: 10px;
}

/* line 144 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__username-link {
  font-weight: bold;
  color: #3b86c4;
}

/* line 148 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.working-hover .course-feedback__username-link:hover {
  color: #ba1000;
}

/* line 151 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__country {
  white-space: nowrap;
}

/* line 154 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__country-flag {
  margin-right: 5px;
}

/* line 157 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__country-text {
  color: #999;
}

/* line 160 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_form .course-feedback__country-text {
  white-space: normal;
}

/* line 163 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__date {
  float: right;
  color: #999;
}

/* line 167 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
a.course-feedback__date {
  text-decoration: none;
}

/* line 170 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.working-hover a.course-feedback__date:hover {
  text-decoration: underline;
}

/* line 173 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__homepage {
  display: block;
  margin-top: 5px;
}

/* line 177 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .rating {
  margin-top: 15px;
}

/* line 180 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .course-feedback__name {
  margin-top: 5px;
  color: #469269;
}

/* line 185 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__info {
  color: #999;
}

/* line 188 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__teacher {
  color: #999;
}

/* line 191 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .course-feedback__edit {
  font-size: 12px;
  display: inline-block;
  margin-top: 20px;
  color: #b20600;
}

/* line 199 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .course-feedback__share {
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 10px;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  border: 3px solid #f2e7b3;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

/* line 214 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .share-icons {
  white-space: nowrap;
}

/* line 217 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .share-icons__title {
  display: block;
  margin: 0;
}

/* line 221 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_result .share-icons .share {
  margin: 7px 10px 0 10px;
}

/* line 224 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_not-public::after {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  line-height: 30px;
  right: -15px;
  top: 32px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  background: #999;
}

/* line 238 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback_external {
  padding-bottom: 40px;
  border-color: #f5f2f0;
}

/* line 242 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__teacher-comment {
  position: relative;
  padding: 10px 15px;
  margin-top: 15px;
  color: #333;
  border-radius: 3px;
  background: #f5f2f0;
}

/* line 252 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__teacher-comment:before {
  position: absolute;
  top: -6px;
  left: 30px;
  z-index: -1;
  width: 20px;
  height: 20px;
  background: #f5f2f0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

/* line 267 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.main .course-feedback__teacher-comment p {
  margin: 5px 0 0 0;
}

/* line 270 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__add-comment {
  margin-left: 5px;
  cursor: pointer;
  color: #999;
}

/* line 278 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
.course-feedback__add-comment:after {
  font-size: 16px;
  line-height: 16px;
}
@media (max-width: 840px) {

/* line 286 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback {
    border: none;
    margin-bottom: 40px;
  }

/* line 290 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback_form {
    padding: 10px;
  }

/* line 293 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback__line_defined .course-feedback__edit,
  .course-feedback__date {
    float: none;
    display: block;
  }

/* line 298 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback_result .course-feedback__share {
    position: static;
    padding: 0;
    margin: 20px 0;
    text-align: left;
    border-radius: initial;
    border: none;
    -webkit-transform: none;
            transform: none;
  }

/* line 311 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback_result .share-icons .share {
    margin: 7px 20px 0 0;
  }
}
@media (max-width: 568px) {

/* line 315 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback_result {
    padding: 20px 30px 40px 90px;
  }

/* line 318 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */
  .course-feedback_result .course-feedback__userpic {
    left: -95px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/course-feedback/course-feedback.styl */

/* line 1 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */

/* line 1 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks {
  margin-top: 50px;
}

/* line 4 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

/* line 10 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__select {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 20px;
  text-align: left;
}

/* line 17 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__select .input-select {
  width: 100%;
}

/* line 20 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.main h2.course-feedbacks__title {
  margin: 0;
}

/* line 23 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__title {
  text-align: left;
}

/* line 26 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__title-n {
  color: #b20600;
}

/* line 29 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__title-t {
  margin-left: 6px;
}

/* line 32 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__feedback {
  margin-bottom: 20px;
}

/* line 35 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks__loader {
  display: none;
  text-align: center;
}

/* line 40 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */
.course-feedbacks_loading .course-feedbacks__loader {
  display: block;
}

/* line 41 : /js/build/modules/styles/blocks/course-feedbacks/course-feedbacks.styl */

/* line 41 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */

/* line 1 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat {
  padding: 40px 35px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background: #20252b;
}

/* line 8 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat__list {
  position: relative;
  display: inline-block;
  padding-right: 240px;
  vertical-align: top;
  text-align: right;
}
@media (max-width: 568px) {

/* line 15 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat__list {
    padding-right: 100px;
  }
}

/* line 18 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.main ul.feedback-stat__list {
  margin: 0 30px 20px 0;
}

/* line 21 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat__item {
  font-size: 18px;
  position: relative;
  min-height: 37px;
  cursor: pointer;
  white-space: nowrap;
  line-height: 37px;
  color: #fff;
  padding: 0;
}

/* line 31 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.main li.feedback-stat__item {
  margin: 0;
}

/* line 34 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.main li.feedback-stat__item::before {
  display: none;
  content: '';
}

/* line 38 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.working-hover .feedback-stat__item:hover,
.feedback-stat__item_active {
  color: #f8ab47;
}

/* line 42 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat__status {
  position: absolute;
  left: 100%;
  width: 230px;
  height: 22px;
  background: rgba(248,175,71,0.2);
  background-clip: content-box;
  margin-left: 10px;
  top: 50%;
  margin-top: -11px;
}
@media (max-width: 568px) {

/* line 53 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat__status {
    width: 90px;
  }
}

/* line 56 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat__status-i {
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  padding: 0;
  background: #f8ab47;
}

/* line 64 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat__pie {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 180px;
}

/* line 70 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat__content {
  display: inline-block;
  margin-top: 50px;
  margin-left: 40px;
}
@media (max-width: 568px) {

/* line 75 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat__content {
    display: block;
    margin-left: 0;
  }
}

/* line 79 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat_slider {
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
@media (max-width: 568px) {

/* line 87 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat_slider {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}

/* line 92 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */

/* line 93 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
@media (max-width: 568px) {

/* line 94 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat_slider .feedback-stat__list {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 auto;
    padding: 0;
    text-align: left;
  }
}

/* line 100 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat_slider .feedback-stat__item {
  height: 10px;
  line-height: 10px;
  min-height: 10px;
  padding-bottom: 20px;
  color: #666;
  font-size: 14px;
}

/* line 108 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat_slider .feedback-stat__status {
  height: 10px;
  top: auto;
  margin-top: 0;
}
@media (max-width: 568px) {

/* line 113 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat_slider .feedback-stat__status {
    left: 100px;
    width: calc(100% - 80px);
  }
}

/* line 117 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
.feedback-stat_slider .feedback-stat__pie {
  height: 130px;
  width: 130px;
}
@media (max-width: 568px) {

/* line 121 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */
  .feedback-stat_slider .feedback-stat__pie {
    margin: 0 auto;
  }
}

/* line 1 : /js/build/modules/styles/blocks/feedback-stat/feedback-stat.styl */

/* line 1 : /js/build/templates/blocks/pie/index.styl */

/* line 1 : /js/build/templates/blocks/pie/index.styl */
.pie {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}

/* line 9 : /js/build/templates/blocks/pie/index.styl */
.pie__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 16 : /js/build/templates/blocks/pie/index.styl */
.pie__text {
  position: relative;
  top: 32px;
}

/* line 20 : /js/build/templates/blocks/pie/index.styl */
.pie__title {
  font-size: 38px;
  display: block;
  line-height: 1.35;
}

/* line 25 : /js/build/templates/blocks/pie/index.styl */
.pie__label {
  font-size: 13px;
  display: block;
  padding: 0 20px;
  white-space: normal;
  line-height: 17px;
  color: rgba(255,255,255,0.4);
}

/* line 33 : /js/build/templates/blocks/pie/index.styl */

/* line 34 : /js/build/templates/blocks/pie/index.styl */
.pie_small .pie__text {
  top: 20px;
}

/* line 37 : /js/build/templates/blocks/pie/index.styl */
.pie_small .pie__title {
  font-size: 29px;
}

/* line 38 : /js/build/templates/blocks/pie/index.styl */

/* line 38 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */

/* line 1 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.feedback-policy {
  position: relative;
  margin-top: 5px;
  text-align: right;
}

/* line 8 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.feedback-policy__link {
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
  color: #999;
}

/* line 17 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.working-hover .feedback-policy__link:hover {
  color: #b20600;
}

/* line 20 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.feedback-policy__link:after {
  margin-left: 5px;
}

/* line 25 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.feedback-policy__popup {
  position: absolute;
  left: -4px;
  right: -4px;
  z-index: 99;
  display: none;
  box-sizing: border-box;
  padding-top: 20px;
  text-align: left;
}

/* line 38 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.working-hover .feedback-policy__link:hover .feedback-policy__popup {
  display: block;
  color: #333;
}

/* line 43 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.main ul.feedback-policy__list {
  margin: 0;
  padding: 20px 20px 20px 50px;
}

/* line 47 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.feedback-policy__list {
  position: relative;
  background: #f5f2f0;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}

/* line 54 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
.feedback-policy__list:before {
  position: absolute;
  top: -6px;
  right: 66px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: #f5f2f0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

/* line 69 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
html:not(.working-hover) .feedback-policy {
  margin-top: 20px;
  text-align: left;
}

/* line 74 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
html:not(.working-hover) .feedback-policy__link {
  font-size: 18px;
  display: block;
}

/* line 79 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
html:not(.working-hover) .feedback-policy__popup {
  position: static;
  font-size: 14px;
  display: block;
  padding-top: 0;
  margin-top: 10px;
}

/* line 89 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */
html:not(.working-hover) .feedback-policy__list:before,
html:not(.working-hover) .feedback-policy__link:after {
  display: none;
}

/* line 91 : /js/build/modules/styles/blocks/feedback-policy/feedback-policy.styl */

/* line 1 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
@media (max-width: 568px) {

/* line 3 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
  .phone-toggler {
    position: relative;
    padding: 10px 50px 10px 20px;
    margin: 0 -10px;
    text-align: left;
    color: #0059b2;
    cursor: pointer;
    border-top: 1px solid rgba(0,0,0,0.05);
  }

/* line 17 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
  .phone-toggler:after {
    font-size: 22px;
    line-height: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

/* line 29 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
  .phone-toggler__input {
    visibility: hidden;
    position: absolute;
  }

/* line 34 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
  .phone-toggler__input:checked ~ .phone-toggler {
    display: none;
  }

/* line 37 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
  .phone-toggler__input ~ .courses-features,
  .phone-toggler__input ~ .courses-masters,
  .phone-toggler__input ~ .courses-testimonials,
  .phone-toggler__input ~ .courses-tabbed-pane,
  .phone-toggler__input ~ .courses-guarantee,
  .phone-toggler__input ~ .courses-professionals,
  .phone-toggler__input ~ .courses-faq,
  .phone-toggler__input ~ .fixed-tab,
  .phone-toggler__input ~ .courses-parts,
  .phone-toggler__input ~ .courses-how,
  .phone-toggler__input ~ .courses-result,
  .phone-toggler__input ~ .courses-system-req {
    display: none;
  }

/* line 51 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */
  .phone-toggler__input:checked ~ .courses-features,
  .phone-toggler__input:checked ~ .courses-masters,
  .phone-toggler__input:checked ~ .courses-testimonials,
  .phone-toggler__input:checked ~ .courses-tabbed-pane,
  .phone-toggler__input:checked ~ .courses-guarantee,
  .phone-toggler__input:checked ~ .courses-professionals,
  .phone-toggler__input:checked ~ .courses-faq,
  .phone-toggler__input:checked ~ .fixed-tab,
  .phone-toggler__input:checked ~ .courses-parts,
  .phone-toggler__input:checked ~ .courses-how,
  .phone-toggler__input:checked ~ .courses-result,
  .phone-toggler__input:checked ~ .courses-system-req {
    display: block;
  }
}

/* line 1 : /js/build/modules/styles/blocks/phone-toggler/phone-toggler.styl */

/* line 1 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */

/* line 1 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application {
  box-sizing: border-box;
  max-width: 635px;
  margin: 0 auto;
  padding: 50px 45px;
  text-align: left;
}

/* line 11 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application .text-input,
.participant-application .input-select {
  width: 100%;
  max-width: 410px;
  margin-top: 7px;
}

/* line 17 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application .textarea-input {
  width: 100%;
  margin-top: 7px;
}

/* line 21 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application .textarea-input {
  min-height: 75px;
}

/* line 24 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application .upload-userpic {
  margin-top: 7px;
}

/* line 27 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application__label {
  display: block;
}

/* line 30 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application__flag {
  margin-left: 4px;
  border: 1px solid #dfdfd0;
}

/* line 34 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.participant-application__line {
  margin-top: 25px;
}

/* line 37 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
.main p.participant-application__note {
  font-size: 13px;
  margin: 5px 0 0 0;
  color: #999;
}
@media (max-width: 840px) {

/* line 45 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */
  .participant-application {
    border: none;
  }
}

/* line 1 : /js/build/modules/styles/blocks/participant-application/participant-application.styl */

/* line 1 : /js/build/modules/styles/blocks/upload-userpic/upload-userpic.styl */

/* line 1 : /js/build/modules/styles/blocks/upload-userpic/upload-userpic.styl */
.upload-userpic {
  position: relative;
  white-space: nowrap;
}

/* line 6 : /js/build/modules/styles/blocks/upload-userpic/upload-userpic.styl */
.upload-userpic__img {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
  background-repeat: no-repeat;
  vertical-align: middle;
  border-radius: 50%;
}

/* line 22 : /js/build/modules/styles/blocks/upload-userpic/upload-userpic.styl */
.upload-userpic__img .spinner {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 30 : /js/build/modules/styles/blocks/upload-userpic/upload-userpic.styl */
.upload-userpic__new {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  color: #3b86c4;
}

/* line 36 : /js/build/modules/styles/blocks/upload-userpic/upload-userpic.styl */

/* line 36 : /js/build/modules/styles/blocks/teacher-picture/teacher-picture.styl */

/* line 1 : /js/build/modules/styles/blocks/teacher-picture/teacher-picture.styl */
.teacher-picture {
  position: relative;
  display: inline-block;
  width: 145px;
  text-align: center;
}

/* line 11 : /js/build/modules/styles/blocks/teacher-picture/teacher-picture.styl */
.teacher-picture__img {
  overflow: hidden;
  width: 145px;
  height: 145px;
  border-radius: 50%;
}

/* line 19 : /js/build/modules/styles/blocks/teacher-picture/teacher-picture.styl */
.teacher-picture__text {
  display: inline-block;
}

/* line 22 : /js/build/modules/styles/blocks/teacher-picture/teacher-picture.styl */
.teacher-picture__content {
  font-size: 13px;
  line-height: 13px;
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
  white-space: nowrap;
  border-radius: 50px;
  color: #fff;
  background: #f6aa51;
}

/* line 36 : /js/build/modules/styles/blocks/teacher-picture/teacher-picture.styl */

/* line 36 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */

/* line 1 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.teacher-info {
  overflow: hidden;
  margin-top: 50px;
  text-align: left;
  border-radius: 3px;
  background: #f7f6ea;
}

/* line 11 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.main table.teacher-info__table {
  margin: 0;
}

/* line 14 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.main tr.teacher-info__line {
  border-color: #eae5d9;
}

/* line 17 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.main tr.teacher-info__line:last-child {
  border: none;
}

/* line 20 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.main tr.teacher-info__line:nth-child(even) {
  background: none;
}

/* line 23 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.main tr.teacher-info__line:first-child th {
  vertical-align: top;
  border: none !important;
}

/* line 28 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.main th.teacher-info__head,
.main td.teacher-info__info {
  padding: 20px 50px;
  vertical-align: top;
}

/* line 34 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */
.teacher-info__head {
  font-weight: normal;
  white-space: nowrap;
}

/* line 36 : /js/build/modules/styles/blocks/teacher-info/teacher-info.styl */

/* line 36 : /js/build/modules/styles/blocks/teacher-feedback/teacher-feedback.styl */

/* line 1 : /js/build/modules/styles/blocks/teacher-feedback/teacher-feedback.styl */

/* line 2 : /js/build/modules/styles/blocks/teacher-feedback/teacher-feedback.styl */
.teacher-feedback .course-feedbacks__title {
  width: 100%;
  text-align: center;
}

/* line 4 : /js/build/modules/styles/blocks/teacher-feedback/teacher-feedback.styl */

/* line 4 : /js/build/modules/styles/blocks/page-loader/page-loader.styl */

/* line 1 : /js/build/modules/styles/blocks/page-loader/page-loader.styl */
.page-loader {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 20px;
  text-align: center;
  border-radius: 50px;
  border: 2px solid #f5f2f0;
}

/* line 12 : /js/build/modules/styles/blocks/page-loader/page-loader.styl */
.page-loader .spinner__dot {
  background: #f5f2f0;
}

/* line 13 : /js/build/modules/styles/blocks/page-loader/page-loader.styl */

/* line 13 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */

/* line 1 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe {
  padding: 45px;
}

/* line 4 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe_fancy {
  padding: 25px;
  margin-top: 40px;
  margin-bottom: 40px;
  background: #ebf6ff url("/img/subscribe_bg.svg") 0 80% no-repeat;
  background-size: cover;
  border-radius: 4px;
}

/* line 12 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.main h3.subscribe__title {
  margin: 0;
  color: #666;
}

/* line 17 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe__form {
  margin-top: 20px;
}

/* line 20 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe__line {
  font-size: 13px;
  margin-top: 10px;
  color: #4a4a4a;
}

/* line 27 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe__line_email {
  width: 50%;
  margin-top: 25px;
}

/* line 31 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe__input {
  margin-right: 7px;
}

/* line 34 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */
.subscribe__action {
  margin-top: 20px;
}

/* line 35 : /js/build/modules/styles/blocks/subscribe/subscribe.styl */

/* line 1 : /js/build/modules/styles/blocks/donate-list/index.styl */

/* line 3 : /js/build/modules/styles/blocks/donate-list/index.styl */
.donate-list {
  margin: 22px 0;
  border-radius: 6px;
  border: 4px solid #f2e7b3;
  background: #fff;
}

/* line 11 : /js/build/modules/styles/blocks/donate-list/index.styl */
ol.donate-list__items {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: donate-item;
}

/* line 17 : /js/build/modules/styles/blocks/donate-list/index.styl */
.donate-list li.donate-list__item {
  margin: 0;
  position: relative;
  font: 16px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 16px 20px 14px 55px;
  border-bottom: 1px solid #f2e7b3;
}

/* line 24 : /js/build/modules/styles/blocks/donate-list/index.styl */
.donate-list__item:last-child {
  border: 0;
}

/* line 27 : /js/build/modules/styles/blocks/donate-list/index.styl */
.donate-list__item::before {
  content: counter(donate-item) '.';
  counter-increment: donate-item;
  font: 16px/20px BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #959595;
  position: absolute;
  left: 10px;
  top: 16px;
  min-width: 30px;
  min-height: 22px;
  text-align: right;
}

/* line 39 : /js/build/modules/styles/blocks/donate-list/index.styl */
.donate-list__amount {
  position: absolute;
  right: 28px;
  top: 16px;
  font-size: 14px;
  color: #999;
}
@media (max-width: 840px) {

/* line 47 : /js/build/modules/styles/blocks/donate-list/index.styl */
  .donate-list__item::before {
    top: 10px;
    left: 5px;
  }

/* line 51 : /js/build/modules/styles/blocks/donate-list/index.styl */
  .donate-list__item {
    padding: 10px 10px 9px 43px;
  }
}

/* line 1 : /js/build/modules/styles/blocks/donate-list/index.styl */

/* line 1 : /js/build/modules/styles/blocks/auto-currency/index.styl */

/* line 1 : /js/build/modules/styles/blocks/auto-currency/index.styl */

/* line 2 : /js/build/modules/styles/blocks/auto-currency/index.styl */
.auto-currency__usd {
  color: #808080;
  padding-left: 4px;
}

/* line 4 : /js/build/modules/styles/blocks/auto-currency/index.styl */

/* line 1 : /js/build/handlers/auth/client/styles/global/common.styl */

/* line 1 : /js/build/handlers/auth/client/styles/global/common.styl */

/* line 1 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */

/* line 1 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login {
  display: inline-block;
  text-align: left;
  border-radius: 4px;
  min-width: 130px;
  font-size: 16px;
  line-height: 30px;
  padding: 1px 5px 2px 0;
  color: #fff;
}

/* line 12 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login:hover {
  text-decoration: none;
  color: #fff;
}

/* line 16 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login::before {
  display: inline-block;
  min-width: 30px;
  padding: 0 5px;
  text-align: center;
  font-size: 20px;
}

/* line 23 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_facebook {
  background: #4e7ac2;
}

/* line 26 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login_facebook:hover {
  background: #345a98;
}

/* line 29 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */

/* line 32 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_vkontakte {
  background: #4e7ac2;
}

/* line 35 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login_vkontakte:hover {
  background: #345a98;
}

/* line 38 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_vkontakte::before {
  font-size: 18px;
}

/* line 42 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_google {
  background: #444547;
}

/* line 45 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login_google:hover {
  background: #717376;
}

/* line 48 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */

/* line 51 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_github {
  background: #b3b3b3;
}

/* line 54 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login_github:hover {
  background: #868686;
}

/* line 57 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */

/* line 60 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_yandex {
  background: #eeb94d;
}

/* line 63 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login_yandex:hover {
  background: #d89715;
}

/* line 66 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_yandex::before {
  font-size: 18px;
  color: #d8232a;
}

/* line 71 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.social-login_twitter {
  background: #1da1f2;
}

/* line 74 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */
.working-hover .social-login_yandex:hover {
  background: #0b7bc0;
}

/* line 77 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */

/* line 78 : /js/build/handlers/auth/client/styles/global/social-login/social-login.styl */

/* line 1 : /js/build/handlers/about/client/styles/global/en.styl */

/* line 1 : /js/build/handlers/about/client/styles/global/en.styl */

/* line 9 : /js/build/handlers/about/templates/blocks/about-en.styl */

/* line 24 : /js/build/handlers/about/templates/blocks/about-en.styl */

/* line 9 : /js/build/handlers/about/templates/blocks/about-en.styl */

/* line 9 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.about-en-header {
  padding-top: 20px;
  background-color: #373636;
  background: linear-gradient(170deg, #414141 0%, #414141 45%, #3d3d3d 45%);
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 8 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.about-en-header__logo {
  margin-left: 32px;
  text-align: left;
}
@media (max-width: 568px) {

/* line 12 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
  .about-en-header__logo {
    display: block;
    margin-left: 0;
    text-align: center;
  }

/* line 17 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
  .about-en-header__logo img {
    max-width: 100%;
  }
}

/* line 20 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.about-en-header__text {
  padding: 68px 0 62px;
  text-align: center;
}
@media (max-width: 568px) {

/* line 24 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
  .about-en-header__text {
    padding: 30px 0;
  }
}

/* line 27 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.about-en-header__title {
  margin-bottom: 24px;
  font-size: 48px;
  line-height: 38px;
  text-align: center;
  color: #fffed7;
}
@media (max-width: 568px) {

/* line 34 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
  .about-en-header__title {
    font-size: 28px;
    margin-bottom: 10px;
  }
}

/* line 38 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.about-en-header__github {
  color: #fdc073;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  height: 22px;
  line-height: 22px;
}

/* line 46 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.working-hover .about-en-header__github:hover {
  color: #fff;
  text-decoration: none;
}

/* line 50 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */
.about-en-header__github::before {
  font-size: 20px;
  padding-right: 6px;
  vertical-align: middle;
}

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-header/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */
.about-en-banner {
  position: relative;
  min-height: 240px;
  color: #fff;
  background: url(/pack/handlers/about/templates/blocks/about-en-banner/header.c414e72a87b700d27efbcfe6f6358f59.jpg) no-repeat;
  background-size: cover;
}

/* line 8 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */
.about-en-banner__header {
  margin-bottom: 17px;
  padding-top: 17px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 690px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-banner__header {
    padding-top: 35px;
  }
}

/* line 17 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */
.about-en-banner__title {
  font-size: 16px;
  font-weight: normal;
  line-height: initial;
}
@media only screen and (max-width: 690px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-banner__title {
    font-size: 18px;
  }
}

/* line 25 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */
.about-en-banner__name {
  font-size: 31px;
  font-weight: bold;
  line-height: 42px;
}
@media only screen and (max-width: 840px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-banner__name {
    font-size: 40px;
    line-height: 40px;
  }
}

/* line 34 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */
.about-en-banner__line {
  width: 110px;
  height: 2px;
  margin: 20px auto 0;
  border: none;
  background: rgba(255,255,255,0.2);
}
@media only screen and (max-width: 568px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-banner__line {
    display: none;
  }
}

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-banner/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */
.about-en-benefits {
  padding-bottom: 30px;
  width: 100%;
  text-align: center;
}

/* line 6 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */
.about-en-benefits__list {
  display: inline-table;
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 690px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-benefits__list {
    display: block;
    text-align: center;
  }
}

/* line 15 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */
.about-en-benefits__item {
  display: table-cell;
  padding: 0 10px;
  text-align: center;
}
@media only screen and (max-width: 690px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-benefits__item {
    display: inline-block;
    margin-top: 20px;
  }
}

/* line 24 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */
.about-en-benefits__num {
  font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 55px;
  font-weight: bold;
}
@media only screen and (max-width: 840px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-benefits__num {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1420px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-benefits__num {
    font-size: 42px;
    line-height: 42px;
  }
}

/* line 38 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */
.about-en-benefits__description {
  margin: 0;
  opacity: 0.6;
}
@media only screen and (max-width: 840px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-benefits__description {
    font-size: 12px;
  }
}

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-benefits/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */

/* line 2 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */
.about-en-humans__human {
  min-height: 64px;
  margin-top: 10px;
  padding-top: 6px;
  padding-left: 78px;
}

/* line 8 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */
.about-en-humans__human-title {
  font-size: inherit;
}

/* line 11 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */
.about-en-humans__link {
  color: #3b86c4;
}

/* line 14 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */
.about-en-humans__link:visited {
  color: #0059b2;
}

/* line 17 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */
.about-en-humans__human-userpic {
  position: absolute;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin: -8px 0 0 -78px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
}

/* line 27 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */
.about-en-humans__human-role {
  margin: 3px 0 0 0;
  font-size: 14px;
  color: #999;
}

/* line 30 : /js/build/handlers/about/templates/blocks/about-en-humans/index.styl */

/* line 30 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
.about-en-layout {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  padding: 0 50px;
}
@media (max-width: 568px) {

/* line 8 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
  .about-en-layout {
    padding: 0 0 54px 0;
  }
}

/* line 11 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
.about-en-layout::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  top: 0;
  bottom: 0;
  background: #eee;
}
@media only screen and (max-width: 840px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-layout::after {
    display: none;
  }
}

/* line 23 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
.about-en-layout_last {
  margin-bottom: -30px;
}
@media (max-width: 840px) {

/* line 26 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
  .about-en-layout_last {
    margin-bottom: 0;
  }
}

/* line 29 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
.about-en-layout .columns__col {
  padding: 54px 34px;
}
@media (max-width: 568px) {

/* line 32 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */
  .about-en-layout .columns__col {
    padding: 34px 18px 0;
  }
}
@media only screen and (max-width: 840px) {

/* line 144 : /js/build/node_modules/rupture/rupture/index.styl */
  .about-en-layout .columns__col {
    display: block;
    width: auto;
    margin-top: 20px;
    border: none;
  }
}

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-layout/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-list/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-list/index.styl */
.about-en-list {
  list-style: none;
  counter-reset: items;
}

/* line 5 : /js/build/handlers/about/templates/blocks/about-en-list/index.styl */
.about-en-list__item {
  margin-top: 10px;
  padding-left: 1.6em;
}

/* line 9 : /js/build/handlers/about/templates/blocks/about-en-list/index.styl */
.about-en-list__item::before {
  position: absolute;
  margin-left: -1.6em;
  color: #999;
  text-align: right;
  counter-increment: items;
  content: counter(items) '.';
}

/* line 15 : /js/build/handlers/about/templates/blocks/about-en-list/index.styl */

/* line 15 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */

/* line 1 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */
.about-en-text {
  font-size: 16px;
  line-height: initial;
}

/* line 5 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */
.about-en-text__small {
  font-size: 14px;
}

/* line 8 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */

/* line 9 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */
.about-en-text__contacts p {
  margin: 5px 0;
}

/* line 12 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */
.about-en-text__contacts :link {
  color: #3b86c4;
}

/* line 15 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */
.about-en-text__title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 33px;
}

/* line 20 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */

/* line 21 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */
.about-en-text__body_center {
  text-align: center;
}

/* line 22 : /js/build/handlers/about/templates/blocks/about-en-text/index.styl */

/* line 22 : /js/build/handlers/newsletter/client/styles/global/en.styl */

/* line 1 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form {
  width: 410px;
  background: #eee;
  padding: 20px 40px;
}

/* line 6 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__header {
  text-align: center;
  margin-top: 20px;
}

/* line 10 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__description {
  text-align: center;
  margin-top: 20px;
}

/* line 14 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__subscribe-form {
  text-align: center;
  margin-top: 20px;
  margin-left: 60px;
}

/* line 19 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__input,
.en-subscribe-form__button {
  display: block;
}

/* line 22 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__input {
  border: none;
  border-radius: 4px;
  height: 44px;
  width: 250px;
  padding: 0 15px;
  font-size: 16px;
  -webkit-appearance: none;
}

/* line 31 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__button {
  position: relative;
  border: none;
  background-color: #fd9460;
  border-radius: 3px;
  padding: 0;
  height: 44px;
  width: 280px;
  text-align: center;
  margin-top: 10px;
}

/* line 42 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__text {
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}

/* line 48 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__button.button_loading .en-subscribe-form__text {
  display: none;
}

/* line 51 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.working-hover .en-subscribe-form__button:hover {
  background-color: #ff7c3c;
}

/* line 54 : /js/build/handlers/newsletter/client/styles/global/en.styl */
.en-subscribe-form__legal {
  text-align: center;
  margin-top: 20px;
  color: #999;
}

/* line 57 : /js/build/handlers/newsletter/client/styles/global/en.styl */

/* line 2 : /js/build/handlers/tutorial/client/styles/global/en.styl */

/* line 2 : /js/build/handlers/tutorial/client/styles/global/en.styl */

/* line 7 : /js/build/handlers/tutorial/templates/blocks/main-en.styl */

/* line 24 : /js/build/handlers/tutorial/templates/blocks/main-en.styl */

/* line 7 : /js/build/handlers/tutorial/templates/blocks/main-en.styl */

/* line 7 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner {
  position: relative;
  color: #fff;
  background-color: #fff;
  background: linear-gradient(162deg, #414141 0%, #414141 41%, #3d3d3d 41%);
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 80px;
  top: -60px;
}
@media (max-width: 568px) {

/* line 12 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  .main-en-banner {
    background-image: linear-gradient(to top left, #414141 0%, #414141 50%, #3d3d3d 50%);
  }
}

/* line 15 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  border-bottom: 19px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}

/* line 25 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
  box-sizing: border-box;
}
@media (max-width: 568px) {

/* line 32 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  .main-en-banner__inner {
    padding-top: 32px;
  }
}

/* line 36 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__github,
.main-en-banner__subscribe {
  color: #fdc073;
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  line-height: 22px;
  margin-right: 25px;
}

/* line 44 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__subscribe {
  cursor: pointer;
}

/* line 47 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.working-hover .main-en-banner__github:hover,
.working-hover .main-en-banner__subscribe:hover {
  color: #fff;
  text-decoration: none;
}

/* line 51 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__github::before {
  font-size: 20px;
  padding-right: 6px;
  vertical-align: middle;
}

/* line 57 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__subscribe::before {
  font-size: 20px;
  padding-right: 6px;
  vertical-align: middle;
}

/* line 63 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__texts {
  padding: 0 30px;
}

/* line 66 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
h1.main-en-banner__title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 568px) {

/* line 74 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  h1.main-en-banner__title {
    font-size: 28px;
    margin-bottom: 23px;
  }
}

/* line 78 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
h2.main-en-banner__subtitle {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 568px) {

/* line 86 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  h2.main-en-banner__subtitle {
    font-size: 20px;
    margin-bottom: 23px;
  }
}

/* line 90 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
p.main-en-banner__text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

/* line 97 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
@media (max-width: 568px) {

/* line 98 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  p.main-en-banner__text.no-mobile {
    display: none;
  }
}

/* line 101 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__logo {
  display: block;
  margin-left: 32px;
  text-align: left;
}
@media (max-width: 568px) {

/* line 106 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  .main-en-banner__logo {
    margin-left: 0;
    text-align: center;
  }
}

/* line 110 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__content {
  margin-top: 20px;
}

/* line 113 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__sub {
  width: 650px;
  padding: 0 10px 50px 10px;
  margin: 32px auto 0;
}
@media (max-width: 767px) {

/* line 118 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
  .main-en-banner__sub {
    width: auto;
  }
}

/* line 121 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */
.main-en-banner__list {
  width: 100%;
  padding: 15px 0 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-banner/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
.main-en-search {
  border-radius: 3px;
  background-color: #373636;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 45px;
  max-width: 990px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
}
@media (max-width: 568px) {

/* line 11 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
  .main-en-search {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
}

/* line 16 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
.main-en-search__input {
  display: block;
  border: none;
  border-radius: 4px;
  height: 44px;
  width: 100%;
  padding: 0 15px;
  font-size: 16px;
  -webkit-appearance: none;
}
@media (max-width: 568px) {

/* line 26 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
  .main-en-search__input {
    border-radius: 4px 0 0 4px;
  }
}

/* line 29 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
.main-en-search__button {
  border: none;
  background-color: #fd9460;
  border-radius: 3px;
  padding: 0;
  min-width: 140px;
  height: 44px;
  margin-left: 20px;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
}

/* line 43 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
.main-en-search__button::before {
  display: none;
}

/* line 46 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
.working-hover .main-en-search__button:hover {
  background-color: #ff7c3c;
}
@media (max-width: 568px) {

/* line 49 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
  .main-en-search__button {
    position: relative;
    border-radius: 0 4px 4px 0;
    margin-left: 0;
    width: 52px;
    min-width: 0;
    font-size: 0;
  }

/* line 57 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */
  .main-en-search__button::before {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 23px;
    line-height: 44px;
  }
}

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-search/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
.main-en-parts {
  display: block;
}

/* line 4 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
p.main-en-parts__title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.2;
  color: #fffed7;
  margin: 0 0 15px;
}
@media (max-width: 568px) {

/* line 12 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  p.main-en-parts__title {
    display: none;
  }
}

/* line 15 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
p.main-en-parts__description {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  max-width: 650px;
  margin: 0 auto 24px;
  padding: 0 20px;
}
@media (max-width: 568px) {

/* line 23 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  p.main-en-parts__description {
    display: none;
  }
}

/* line 26 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
.main-en-parts__tabs {
  background-color: #fdc073;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  margin: 0 auto;
  max-width: 920px;
  width: 100%;
}
@media (max-width: 568px) {

/* line 34 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  .main-en-parts__tabs {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 37 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
.main-en-parts__tab {
  position: relative;
  background-color: #fff;
  border: 3px solid #fdc073;
  width: 100%;
  padding: 18px 30px 27px;
}
@media (max-width: 568px) {

/* line 44 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  .main-en-parts__tab {
    width: auto;
    border-width: 0;
    padding: 11px 18px 5px;
    border-bottom: 1px solid #000;
    background-color: #fdc073;
  }

/* line 51 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  .main-en-parts__tab:last-child {
    border-bottom: none;
  }
}

/* line 54 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
.main-en-parts__tab.active {
  background-color: #fdc073;
}

/* line 57 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
.main-en-parts__tab.active:before {
  content: '';
  display: block;
  left: 0;
  right: 0;
  bottom: -21px;
  margin: auto;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 18px solid #fdc073;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}
@media (max-width: 568px) {

/* line 72 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  .main-en-parts__tab.active:before {
    display: none;
  }
}

/* line 75 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
p.main-en-parts__tab-title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  color: #000;
  margin: 0 0 10px;
}
@media (max-width: 568px) {

/* line 83 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  p.main-en-parts__tab-title {
    margin-bottom: 0;
  }
}

/* line 86 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
p.main-en-parts__tab-subtitle {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

/* line 93 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
p.main-en-parts__tab-text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  margin: 0 0 12px;
}

/* line 100 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
p.main-en-parts__tab-text:last-child {
  margin-bottom: 0;
}
@media (max-width: 568px) {

/* line 103 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  p.main-en-parts__tab-text {
    display: none;
  }
}

/* line 106 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
span.main-en-parts__label {
  background-color: #9b6b6b;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
  border-radius: 70px;
  text-transform: uppercase;
  padding: 5px 20px 4px;
  margin: 0;
}
@media (max-width: 568px) {

/* line 117 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */
  span.main-en-parts__label {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-parts/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents {
  background: #fff;
  outline: none;
}
@media (min-width: 1220px) {

/* line 5 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents {
    line-height: 20px;
  }
}

/* line 8 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents ul > li {
  margin: 0;
}

/* line 11 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents ul > li::before {
  content: "";
}
@media (max-width: 1120px) {

/* line 14 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents {
    margin-bottom: 0;
    padding: 0 16px;
  }
}
@media (max-width: 568px) {

/* line 18 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents {
    margin-top: 34px;
  }
}

/* line 21 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__container {
  position: relative;
}

/* line 24 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__container:before {
  content: '';
  height: 54px;
  position: absolute;
  top: -54px;
  right: 0;
  left: 0;
  background-image: linear-gradient(to top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%);
}

/* line 33 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__container:first-child:before {
  display: none;
}
@media (max-width: 568px) {

/* line 37 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents__container:before {
    display: none;
  }
}

/* line 40 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__inner {
  max-width: 920px;
  margin: 0 auto;
  padding-top: 48px;
  padding-bottom: 64px;
}
@media (max-width: 568px) {

/* line 46 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents__inner {
    padding-top: 0;
    padding-bottom: 16px;
  }
}

/* line 50 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__part {
  min-width: 80px;
  display: inline-block;
  margin-bottom: 17px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #9b6b6b;
  border-radius: 12px;
  font-size: 12px;
  line-height: 23px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

/* line 64 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__title {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 28px;
}

/* line 69 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__description {
  max-width: 490px;
  margin-bottom: 24px;
}

/* line 73 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents__description p {
  margin: 0 0 8px 0;
}

/* line 76 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list {
  counter-reset: one;
  padding: 0;
  margin: 0;
}

/* line 81 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list__title {
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding-bottom: 8px;
  margin-bottom: 16px;
}

/* line 91 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list__link {
  color: #373636;
}

/* line 94 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list__item {
  list-style: none;
  counter-increment: one;
}

/* line 98 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list-sub {
  padding: 0;
  margin: 0;
  counter-reset: two;
  margin-bottom: 24px;
  list-style-type: none;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -webkit-columns: 3;
  columns: 3;
}
@media (max-width: 840px) {

/* line 109 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents .list-sub {
    -webkit-columns: 2;
    columns: 2;
  }
}
@media (max-width: 568px) {

/* line 113 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents .list-sub {
    -webkit-columns: 1;
    columns: 1;
  }
}

/* line 117 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list-sub__title {
  position: relative;
  padding-left: 38px;
  margin-bottom: 2px;
}

/* line 122 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list-sub__title:before {
  position: absolute;
  top: 4px;
  left: 0;
  font-family: 'Consolas', 'Lucida Console', 'Menlo', 'Monaco', monospace;
  font-size: 12px;
  line-height: 16px;
  content: counter(one) '.' counter(two);
}

/* line 131 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list-sub__link {
  font-size: 16px;
  line-height: 23px;
}

/* line 135 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list-sub__item {
  counter-increment: two;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

/* line 141 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
@media (max-width: 568px) {

/* line 142 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents .list-sub__item_phone_hidden {
    display: none;
  }
}

/* line 145 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
.main-en-contents .list-sub__more {
  cursor: pointer;
  display: none;
  margin-left: 38px;
  font-size: 16px;
  line-height: 23px;
}
@media (max-width: 568px) {

/* line 152 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */
  .main-en-contents .list-sub__more {
    display: inline-block;
  }
}

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-contents/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */

/* line 1 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.en-share-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
}

/* line 5 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.en-share-wrapper__title {
  color: #9d9d9d;
}

/* line 8 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.en-share-wrapper__icon {
  margin-left: 12px;
  font-size: 18px;
  font-family: 'FontIcons';
  color: #fdc073;
}

/* line 14 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.working-hover .en-share-wrapper__icon:hover {
  text-decoration: none;
  color: #fff;
}

/* line 18 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.en-share-wrapper__icon_tw:before {
  content: '\E808';
}

/* line 21 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.en-share-wrapper__icon_fb:before {
  content: '\E809';
}

/* line 24 : /js/build/handlers/tutorial/templates/blocks/main-en-share/index.styl */
.en-share-wrapper__icon_gp:before {
  content: '\E80A';
}

/*# sourceMappingURL=styles.b363cbd7204b6ec74a4cbeca7061b31d.css.map*/