@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Source+Code+Pro';
@font-face {
  font-family: "codeavengers-font";
  src: url("fonts/codeavengers-font.eot?10.1449");
  src: url("fonts/codeavengers-font.eot?10.1449#iefix") format("embedded-opentype"), url("fonts/codeavengers-font.woff?10.1449") format("woff"), url("fonts/codeavengers-font.ttf?10.1449") format("truetype"), url("fonts/codeavengers-font.svg#codeavengers-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
[data-icon]:before {
  font-family: "codeavengers-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon-font,
[class$="_icon"]:before,
.course-popup_play-icon:before,
.course-popup_play-icon.is-current:before,
.points-grid_link-icon:before,
.comments_comment-profile-points:before,
.comments_comment-up-vote:before,
.comments_comment-reply:before,
.header-bar_help:before,
.dropdown-menu_link.-video:before,
.dropdown-menu_link:visited.-video:before,
.dropdown-menu_link.-resource:before,
.dropdown-menu_link:visited.-resource:before,
.footer-signup_ccd-icon:before,
.slider_dot,
.testimonial-boxes_box-button:before,
.header-image_ccd-icon:before,
.header-image_video-play:before,
.subscription-pricing_list-item:before,
.message-bar_button:last-of-type:after,
.jqconsole-prompt > span:first-child,
.guiders_buttons_container .guiders_button:first-of-type:after,
.guiders_buttons_container .guiders_button.-prev:before,
.guide-nav_mobile-close:before,
.guide_label-icon:before,
.guide_toggle:before,
.guide-task_label-icon:before,
.guide-task_toggle:before,
.guide-task.a .guide-task_letter:before,
h2.mu.a:before,
.guide-task.c .guide-task_letter:before,
h2.mu.c:before,
.guide-task.ca .guide-task_letter:before,
h2.mu.ca:before,
.guide-task.e .guide-task_letter:before,
h2.mu.e:before,
.guide-task.p .guide-task_letter:before,
h2.mu.p:before,
.lesson-plan_key:before,
.details .close,
.ui-icon-closethick,
.loading-icons,
.matching-quiz_answer:before,
.quiz-buttons_button-checkmark:before,
.quiz-buttons_button.-reset:before,
.correct-answer:before,
.incorrect-answer:before,
.guide-task.a .guide-task_letter:before,
h2.mu.a:before,
.guide-task.c .guide-task_letter:before,
h2.mu.c:before,
.guide-task.ca .guide-task_letter:before,
h2.mu.ca:before,
.guide-task.e .guide-task_letter:before,
h2.mu.e:before,
.guide-task.p .guide-task_letter:before,
h2.mu.p:before,
.live-support_refresh:before,
.live-support_new-indicator:before,
.live-support_conversation-remove:before,
.live-chat.is-open .live-chat_header-close:before,
.live-chat_message.-response .live-chat_message-icon:before,
.vertical-info_blocks-divider-circle:before,
.ui-search:before,
.ui-select:before {
  font-family: "codeavengers-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-profile:before {
  content: "\57";
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-twitter-logo:before {
  content: "\61";
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-add:before {
  content: "\62";
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-awesome-meter:before {
  content: "\63";
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-birthday-two:before {
  content: "\66";
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ca-icon:before {
  content: "\6a";
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ca-logo:before,
.guide-task.ca .guide-task_letter:before,
.lesson-plan_key.-lesson:before,
h2.mu.ca:before,
.live-chat_message.-response .live-chat_message-icon:before {
  content: "\6b";
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-chest:before {
  content: "\6e";
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-connect-four:before {
  content: "\73";
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-css-icon:before {
  content: "\75";
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-css-icon-small:before {
  content: "\76";
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-curling:before {
  content: "\77";
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-brackets:before {
  content: "\79";
}
/* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-dev-icon:before {
  content: "\7a";
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-dev-icon-small:before {
  content: "\41";
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-diving:before {
  content: "\42";
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-facebook:before {
  content: "\48";
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-gear:before {
  content: "\4f";
}
/* line 97, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-google:before {
  content: "\51";
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-gym:before {
  content: "\55";
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-hangman:before {
  content: "\58";
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-html-icon:before {
  content: "\5a";
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-html-icon-small:before {
  content: "\30";
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-jquery:before {
  content: "\33";
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-jquery-icon:before {
  content: "\35";
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-js-icon:before {
  content: "\36";
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-js-icon-small:before {
  content: "\37";
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-lightbulb:before {
  content: "\22";
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-menu:before {
  content: "\29";
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-mini-close:before {
  content: "\2a";
}
/* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-mini-play:before,
.header-image_video-play:before {
  content: "\2b";
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-mystery-pic:before {
  content: "\3c";
}
/* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-phone-speaker:before {
  content: "\3f";
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ping-pong:before {
  content: "\40";
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-python:before {
  content: "\7c";
}
/* line 148, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-rsvp:before {
  content: "\e003";
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ribbon-small:before {
  content: "\e007";
}
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ribbon-small-empty:before {
  content: "\e008";
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ribbon-small-half:before {
  content: "\e009";
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-tic-tac-toe:before {
  content: "\e012";
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-treasure-hunt:before {
  content: "\e013";
}
/* line 166, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-twitter:before {
  content: "\e014";
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-dwn-btn:before {
  content: "\e01d";
}
/* line 172, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-up-btn:before {
  content: "\e023";
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-share-1:before {
  content: "\e027";
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-video-1:before {
  content: "\e028";
}
/* line 181, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-hint:before {
  content: "\e029";
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-google-job:before {
  content: "\52";
}
/* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-psr:before {
  content: "\7b";
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-rock:before {
  content: "\e02a";
}
/* line 193, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-scissors:before {
  content: "\e02b";
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-paper:before {
  content: "\e02c";
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-empty-circle:before {
  content: "\6d";
}
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-full-circle:before,
.comments_comment-profile-points:before,
.slider_dot:before,
.subscription-pricing_list-item:before,
.live-support_new-indicator:before,
.vertical-info_blocks-divider-circle:before {
  content: "\e02d";
}
/* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-play:before,
.course-popup_play-icon:before {
  content: "\e02f";
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-play-solid:before,
.course-popup_play-icon.is-current:before {
  content: "\e031";
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ca-full:before {
  content: "\69";
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-memory-game:before {
  content: "\e034";
}
/* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-review:before {
  content: "\e033";
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ribbon-solid:before {
  content: "\e035";
}
/* line 223, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ribbon-mini-solid:before {
  content: "\e036";
}
/* line 226, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-plug:before {
  content: "\e03d";
}
/* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-google-plus:before {
  content: "\53";
}
/* line 232, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-no-credit-card:before,
.footer-signup_ccd-icon:before,
.header-image_ccd-icon:before {
  content: "\e046";
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-facebook-square:before {
  content: "\e048";
}
/* line 238, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-email:before {
  content: "\e049";
}
/* line 241, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-star:before {
  content: "\7e";
}
/* line 244, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-full-star:before {
  content: "\e001";
}
/* line 247, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-youtube:before {
  content: "\6c";
}
/* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-slide-show:before,
.guide_label-icon.-presentation:before,
.guide-task_label-icon.-presentation:before {
  content: "\56";
}
/* line 253, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-quiz:before {
  content: "\2e";
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-interface:before {
  content: "\3a";
}
/* line 259, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-resources:before {
  content: "\e03c";
}
/* line 262, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-light-bulb:before {
  content: "\e041";
}
/* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-puzzle:before,
.guide-task.p .guide-task_letter:before,
h2.mu.p:before {
  content: "\e043";
}
/* line 268, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-rocket:before,
.guide-task.a .guide-task_letter:before,
.lesson-plan_key.-activities:before,
h2.mu.a:before {
  content: "\e044";
}
/* line 271, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-lesson-plan:before,
.dropdown-menu_link.-resource:before,
.dropdown-menu_link:visited.-resource:before,
.guide-task.c .guide-task_letter:before,
.lesson-plan_key.-concept:before {
  content: "\e04e";
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-exclamation:before {
  content: "\e01c";
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-question-mark:before {
  content: "\e03a";
}
/* line 280, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-badge:before {
  content: "\5d";
}
/* line 283, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-book:before {
  content: "\e03b";
}
/* line 286, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-classroom-book:before {
  content: "\e002";
}
/* line 289, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-boxing:before {
  content: "\e006";
}
/* line 292, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-click-racer:before {
  content: "\e03e";
}
/* line 295, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-code:before {
  content: "\e04f";
}
/* line 298, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-date:before {
  content: "\e050";
}
/* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-down:before {
  content: "\68";
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-down-arrow:before,
.guide_toggle:before,
.guide-task_toggle:before,
.ui-select:before {
  content: "\72";
}
/* line 307, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-external-window:before {
  content: "\50";
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-golf:before {
  content: "\26";
}
/* line 313, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-guide:before {
  content: "\3d";
}
/* line 316, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-html-css-icon:before {
  content: "\e051";
}
/* line 319, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-individual:before {
  content: "\e052";
}
/* line 322, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-intro-graphics:before {
  content: "\e053";
}
/* line 325, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-jquery-dollar:before {
  content: "\e054";
}
/* line 328, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-left-arrow:before {
  content: "\e055";
}
/* line 331, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-lock:before {
  content: "\e056";
}
/* line 334, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-turtle:before {
  content: "\64";
}
/* line 337, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-mail:before {
  content: "\70";
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-menu-icon:before,
.matching-quiz_answer:before {
  content: "\43";
}
/* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-money-run:before {
  content: "\46";
}
/* line 346, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-more:before {
  content: "\31";
}
/* line 349, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-open-book:before {
  content: "\21";
}
/* line 352, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-person:before {
  content: "\e00f";
}
/* line 355, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-plus:before {
  content: "\e015";
}
/* line 358, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-price-tag:before {
  content: "\e016";
}
/* line 361, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-question:before {
  content: "\e04b";
}
/* line 364, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-redo:before {
  content: "\e057";
}
/* line 367, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-right-arrow:before,
.jqconsole-prompt > span:first-child:before,
.jqconsole-prompt > span:first-child:before {
  content: "\e059";
}
/* line 370, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-running:before {
  content: "\e05a";
}
/* line 373, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-share:before {
  content: "\e05b";
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-shot:before {
  content: "\e05c";
}
/* line 379, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-movie:before {
  content: "\e05d";
}
/* line 382, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-progress-bars:before {
  content: "\39";
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-info:before {
  content: "\23";
}
/* line 388, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-upload-photo:before {
  content: "\25";
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-minus:before {
  content: "\27";
}
/* line 394, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-manuscript:before {
  content: "\28";
}
/* line 397, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-camera:before {
  content: "\3e";
}
/* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-postcard:before {
  content: "\2f";
}
/* line 403, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-website:before {
  content: "\24";
}
/* line 406, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-loop-grid:before {
  content: "\38";
}
/* line 409, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-chrome:before {
  content: "\5b";
}
/* line 412, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-video-camera:before,
.dropdown-menu_link.-video:before,
.dropdown-menu_link:visited.-video:before {
  content: "\5f";
}
/* line 415, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-list-bullet:before {
  content: "\5c";
}
/* line 418, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-cloud-upload:before {
  content: "\e000";
}
/* line 421, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-file:before {
  content: "\e00a";
}
/* line 424, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-trash:before {
  content: "\e00b";
}
/* line 427, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-shortcut:before {
  content: "\e011";
}
/* line 430, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-monitor:before {
  content: "\e018";
}
/* line 433, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-open:before,
.points-grid_link-icon:before,
.testimonial-boxes_box-button:before {
  content: "\e019";
}
/* line 436, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-app:before {
  content: "\65";
}
/* line 439, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-search:before,
.ui-search:before {
  content: "\67";
}
/* line 442, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-check-circle:before {
  content: "\78";
}
/* line 445, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-boxes:before {
  content: "\47";
}
/* line 448, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-watch:before {
  content: "\49";
}
/* line 451, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-arrow-cross:before {
  content: "\4d";
}
/* line 454, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-check:before,
.message-bar[data-type="correct"] .message-bar_icon:before,
.quiz-buttons_button-checkmark:before,
.correct-answer:before,
.incorrect-answer:before {
  content: "\5e";
}
/* line 457, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-close:before,
.popup-dialog .ui-icon-closethick:before,
.message-bar[data-type="error"] .message-bar_icon:before,
.guide-nav_mobile-close:before,
.details .close:before,
.ui-icon-closethick:before,
.incorrect-answer:before,
.live-support_conversation-remove:before,
.live-chat.is-open .live-chat_header-close:before {
  content: "\e00c";
}
/* line 460, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-close-circle:before {
  content: "\e017";
}
/* line 463, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-right:before,
.message-bar_button:last-of-type:after,
.guiders_buttons_container .guiders_button:first-of-type:after {
  content: "\e01e";
}
/* line 466, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-left:before,
.guiders_buttons_container .guiders_button.-prev:before {
  content: "\e020";
}
/* line 469, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-clipboard:before {
  content: "\e022";
}
/* line 472, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-birthday-invite:before {
  content: "\e030";
}
/* line 475, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-celebrity:before {
  content: "\e032";
}
/* line 478, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-game-editor:before {
  content: "\e037";
}
/* line 481, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-eye-spy:before {
  content: "\e039";
}
/* line 484, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-flags-challenge:before {
  content: "\e042";
}
/* line 487, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-controller:before {
  content: "\e04c";
}
/* line 490, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-game-graphics:before {
  content: "\e05e";
}
/* line 493, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-soccer:before {
  content: "\71";
}
/* line 496, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-speedway:before {
  content: "\74";
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-stats-calc:before {
  content: "\45";
}
/* line 502, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-table-tennis:before {
  content: "\4a";
}
/* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-tennis:before {
  content: "\4b";
}
/* line 508, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-thumbs-up:before {
  content: "\4c";
}
/* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-undo:before,
.comments_comment-reply:before {
  content: "\4e";
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-up:before {
  content: "\34";
}
/* line 517, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-up-arrow:before,
.comments_comment-up-vote:before,
.guide.is-expanded .guide_toggle:before,
.guide-task.is-expanded .guide-task_toggle:before {
  content: "\2c";
}
/* line 520, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-video:before {
  content: "\2d";
}
/* line 523, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-weightlifting:before {
  content: "\3b";
}
/* line 526, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-wiki:before {
  content: "\60";
}
/* line 529, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-world:before {
  content: "\7d";
}
/* line 532, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-resume:before {
  content: "\e00d";
}
/* line 535, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-shopping-bag:before {
  content: "\e00e";
}
/* line 538, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-progress:before {
  content: "\e024";
}
/* line 541, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-settings:before {
  content: "\e02e";
}
/* line 544, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-course-notes:before {
  content: "\e03f";
}
/* line 547, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-pb-camera:before {
  content: "\6f";
}
/* line 550, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-pb-circle-plus:before {
  content: "\44";
}
/* line 553, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-pb-circle:before {
  content: "\54";
}
/* line 556, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-pb-download:before {
  content: "\59";
}
/* line 559, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-help-circled:before,
.header-bar_help:before {
  content: "\32";
}
/* line 562, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-print:before {
  content: "\e004";
}
/* line 565, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-circle-star:before {
  content: "\e005";
}
/* line 568, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-ribbon:before {
  content: "\e01a";
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-circle-ca:before {
  content: "\e010";
}
/* line 574, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-swap:before {
  content: "\e01b";
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-reset:before,
.quiz-buttons_button.-reset:before,
.live-support_refresh:before {
  content: "\e01f";
}
/* line 580, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-weigh:before {
  content: "\e021";
}
/* line 583, C:\Users\Michael\workspace\CodeAvengers2\war\less\ca-font.less */
.icon-insert:before {
  content: "\e025";
}
/*--- colors ---*/
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\utils.less */
.dropdown-menu,
.top-notification {
  display: none;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\utils.less */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\utils.less */
.login-instructions,
.require-login .login-required {
  display: none;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\utils.less */
.require-login .login-instructions {
  display: block;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix {
  /* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  from {
    opacity: 1;
  }
  /* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  to {
    opacity: 1;
  }
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.no-close .ui-dialog-titlebar-close {
  display: none;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.normal-price {
  text-decoration: line-through;
  color: red;
}
/*#ca-message {
	display: none;
}*/
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.status .add {
  left: 5px;
  width: 350px;
  height: 55px;
  top: -50px;
  position: absolute;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html {
  background: none;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.front {
  z-index: 10000 !important;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.front.highlight {
  box-shadow: 0 0 40px 10px #EF5555 !important;
  transition: all 0.2s linear;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.front .results-overlay {
  transition: opacity 0.2s linear;
  box-shadow: 0 0 300px 100px rgba(200, 200, 200, 0.9) !important;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.add img {
  float: right;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
img.mouse-master {
  position: relative;
  left: 3px;
  height: 30px;
}
/* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
img.mouse-master:hover {
  background-color: #333;
  border-radius: 4px;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body {
  overflow: auto;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#gloss,
#reference {
  padding: 2px 0;
  z-index: 100000007;
  /*10002;*/
  /*Some of the tooltip glosses look bad when semi-transparent*/
  opacity: 1;
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.gloss.popover {
  line-height: 20px;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.gloss.popover h3 {
  color: white;
  margin-top: 0;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .course-links .ui-button {
  min-width: 150px;
  font-size: 14px !important;
  text-align: center;
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .black a {
  /*color: #eee;*/
  font-weight: 700;
  border-bottom: none;
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .black a:hover {
  color: #d1f3ff !important;
  border-bottom: none !important;
  box-shadow: none;
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog {
  border: 1px solid #ddd;
  overflow: visible;
  padding: 0;
  /*box-shadow: #eee 0 0 12px -2px;*/
  z-index: 1001;
}
/*Dont use important here!! It messess things up, these need to be assiged dynamically by JQuery*/
/* line 128, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal-dialog.ui-dialog {
  z-index: 10001;
}
/* line 132, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal-dialog.ui-dialog.video {
  padding: 10px;
  z-index: 100000006;
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal-dialog.ui-dialog.video.-no-title {
  background-color: #1e1f2a;
  padding: 3px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal-dialog.ui-dialog.video.-no-title .ui-dialog-titlebar {
  position: absolute;
  right: 0;
  z-index: 1;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal-dialog.ui-dialog.video.-no-title .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: #fff;
  border: 3px solid #1e1f2a;
  border-radius: 50%;
  color: #000;
  font-size: 18px;
  line-height: .8em;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal-dialog.ui-dialog.video #video-dialog {
  font-size: 0;
}
/*.modal-dialog.ui-dialog.video,*/
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#guiders_overlay,
.ui-widget-overlay {
  background: #191919;
  opacity: .6;
  filter: alpha(opacity=60);
  /*Important here makes JQuery NOT automatically assign the z-indexes*/
  z-index: 1002 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-widget-overlay.solid {
  background: #000000;
  opacity: 1;
  /*text-align: center;*/
}
/* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dev-mode .ui-widget-overlay.solid {
  background: rgba(0, 0, 0, 0.9);
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-widget-overlay .content {
  background: transparent;
  bottom: 0;
  color: white;
  font-size: 64px;
  height: 200px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-widget-overlay .content img {
  margin-bottom: 0.2em;
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-widget-overlay.dark {
  opacity: .8;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#background-filter {
  display: none;
}
/*.container {
  position: relative;
}*/
/* line 218, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body:not(.course) .container-label {
  opacity: 1.0 !important;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main .container-label {
  display: none;
  opacity: 0.5;
  background-color: white;
  color: #333;
}
/* line 230, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.mailto {
  cursor: pointer;
}
/* line 234, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.mailto:hover {
  text-decoration: underline;
}
/* line 238, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.side-toolbar {
  position: fixed;
  right: 0;
  cursor: pointer;
  display: block;
  opacity: 1.0;
  bottom: 46px;
}
/* line 247, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#side-toolbar {
  left: 27px;
}
/* line 251, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.admin .side-toolbar {
  top: auto;
  bottom: 0;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .side-toolbar {
  left: 27px;
}
/* line 260, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#side-toolbar2 {
  z-index: 999;
}
/* line 264, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.audio-container {
  position: absolute;
  top: 3px;
  left: 40px;
  opacity: 0.4;
  text-align: left;
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#validation-dialog {
  overflow-y: auto !important;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#validation-dialog code {
  overflow: visible;
}
/* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.gloss i,
.results-overlay code i,
#validation-dialog code em {
  background-color: #A1DAFF;
  font-weight: normal;
  font-style: normal;
}
/* line 290, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#validation-dialog b {
  background-color: #333;
}
/* line 294, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#validation-dialog b,
#validation-dialog code em {
  border-radius: 1px;
  padding: 0 2px;
}
/* line 299, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button.selected {
  background-color: #ef5555;
  color: white;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.feedback-dialog .text-container {
  position: relative;
}
/* line 308, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.feedback-dialog .input {
  margin-bottom: 0px;
  position: relative;
}
/*.feedback-dialog .email{
  right: 0px;
  position: absolute;
  left: 60px;
}*/
/*Shoot game*/
/* line 320, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html.shoot-game *,
html.shoot-game {
  cursor: crosshair !important;
}
/* line 324, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
iframe.bonusGame {
  position: absolute;
  z-index: 10010;
  width: 1280px;
  height: 720px;
  border: none;
  opacity: 1;
  background-color: black;
  transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
iframe.mouseMasterGame {
  position: absolute;
  z-index: 10010;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  opacity: 0.95;
  background-color: black;
}
/* line 352, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html.shoot-game img.shoot-game {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 360, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
img.shoot-game {
  position: fixed;
  left: -1000px;
  top: -1000px;
  width: 50px;
  z-index: 1000000;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.full-width .help,
.fullscreen .help {
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu.help {
  display: block;
  min-height: 500px;
}
/* line 381, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu header,
.ca-style h2,
.ca-style #menu h2 a {
  color: white;
  padding-top: .3em;
  padding-bottom: .3em;
}
/* line 389, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu header {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: .5em;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(3, 46, 66, 0.3);
  /*#4E9494;*/
  border-top: 1px solid rgba(3, 46, 66, 0.3);
  /*#4E9494;*/
  padding-left: 35px;
  padding-right: 35px;
  background: #3790BE;
  font-weight: normal;
  /*box-shadow: rgba(0, 63, 92, 0.7) 0 3px 4px -1px;*/
}
/* line 407, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu header {
  padding-left: 20px;
  padding-right: 20px;
}
/* line 412, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-boxes {
  height: 275px;
}
/* line 416, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-boxes h2 {
  box-shadow: none;
}
/* line 420, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.two-column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 10px 0 0;
}
/* line 428, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.two-column h3 {
  margin-top: 0;
}
/* line 432, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu div:target #future-courses {
  border-radius: 4px;
  background-color: #E7F6F1;
  padding: 5px 15px;
}
/* line 438, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu header {
  border-top: none;
  margin-top: 0;
  z-index: 1;
}
/* line 444, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .info-boxes a img {
  border: 1px solid rgba(150, 150, 150, 0.5);
  z-index: 1;
  max-width: 100%;
}
/* line 450, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
img.signature {
  border: none;
  height: 24px;
}
/* line 455, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.menu.real > *:hover {
  opacity: 0.8;
}
/* line 459, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.menu.real button,
.menu.real .score {
  border: none;
}
/* line 464, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.menu.real > *:not(.next) button,
.menu.real > *:not(.next) .score {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 469, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu .feature {
  background-color: #fcfcfc;
  font-size: 20px;
  margin: 24px -90px;
  padding: 12px 90px;
  border: 1px solid #eee;
  border-left: none;
  border-right: none;
}
/* line 481, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.wait * {
  cursor: wait !important;
}
/* line 485, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style a img {
  border: none;
  cursor: pointer !important;
}
/* line 490, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ee {
  cursor: pointer;
}
/* line 494, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
sup {
  font-size: x-small;
}
/* line 498, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html .ca-style h3 {
  background-position: 0 -1px;
}
/* line 502, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h3,
.ca-style h3 a {
  color: rgba(4, 19, 29, 0.9);
}
/* line 506, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h3 a:hover {
  color: #396279;
}
/* line 510, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html #results {
  padding: 10px;
  font-family: inherit;
  overflow-y: auto;
  line-height: 19px;
  position: relative;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.admin-active {
  background-color: #D0EBB1 !important;
  color: black !important;
}
/* line 523, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.admin-warning {
  background-color: #F3E1BC !important;
  color: black !important;
}
/* line 528, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.admin-inactive {
  background-color: #EBB1B1 !important;
  color: black !important;
}
/* line 533, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#results h3 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 16px;
}
/*Opacity is set in the code*/
/*.social {
  background-color: #04131D;
  border: 1px solid rgba(64,64,64,.3);
  height: 236px;
  width: 76px;
  left: -4px;

  top: 35px;

  border-radius: 1px;
  position: fixed;
  z-index: 100;
  display: none;
}*/
/* line 555, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.no-share .social {
  display: none;
}
/* line 559, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fb-comments {
  margin-top: 15px;
}
/*.social > * {
  position: absolute !important;
  right: 8px !important;
  left: 8px !important;
}*/
/* line 569, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fb-like {
  bottom: 134px !important;
}
/* line 573, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#___plusone_0 {
  bottom: 64px !important;
  right: 13px !important;
}
/* line 578, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.twitter-share-button {
  bottom: 34px !important;
}
/* line 582, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.twitter-follow-button {
  bottom: 9px !important;
}
/* line 586, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#badge-dialog .sharing > *,
.ui-dialog-content .twitter-share-button,
.ui-dialog-content .fb-like {
  position: absolute;
  top: auto !important;
  bottom: -55px !important;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#badge-dialog .fb-like,
.ui-dialog-content .fb-like {
  left: 165px !important;
}
/* line 596, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#badge-dialog .twitter-share-button,
.ui-dialog-content .twitter-share-button {
  left: 100px !important;
}
/* line 600, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-content .sharing * {
  margin: 0 !important;
}
/* line 604, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.wait * {
  cursor: wait !important;
}
/* line 608, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body {
  font-weight: normal;
}
/* line 616, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#toolbar-buttons button {
  z-index: 900;
  /*1 higher than the menu*/
}
/* line 621, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#toolbar-buttons button.current {
  z-index: 901;
  /*1 higher than the menu*/
}
/* line 626, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.index .menu.real > div.lesson:hover {
  background-color: #ccc;
  background-repeat: repeat-x;
  cursor: pointer;
}
/* line 632, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.menu .name:active {
  background-position: 0 15px;
}
/*.lesson.disabled,
.lesson.disabled:hover,
.html #output .ui-button.ui-state-disabled {
  background-color: #04131D !important;
  background-image: none !important;
  cursor: default !important;
}

.lesson.disabled, .lesson.disabled:hover {
  border-left: #282828 solid 1px !important;
}


.lesson.disabled .name {
   color: #2a2a2a !important;
}*/
/* line 653, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-content {
  overflow: visible !important;
}
/* line 657, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.auto-scroll.ui-dialog-content {
  overflow: auto !important;
}
/* line 661, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.popup-dialog .auto-scroll.ui-dialog-content {
  overflow: hidden !important;
}
/*.ui-dialog .ui-dialog-content {
  max-height: 750px;
  padding: 1em;
}*/
/* line 670, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .input {
  margin-bottom: 15px;
  margin-top: 15px;
}
/* line 675, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
input.invalid {
  box-shadow: 0px 0px 3px 1px red;
  -webkit-appearance: none;
}
/* line 680, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.error-message {
  font-size: small !important;
  padding: 5px !important;
  position: absolute;
}
/* line 686, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.line,
.task {
  cursor: pointer;
}
/* line 690, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar *,
#ca-message,
.no-select {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 697, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.select {
  -ms-user-select: initial;
  -moz-user-select: initial;
  -webkit-user-select: initial;
}
/* line 703, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main .badges img.gray {
  /*opacity: 0.6;*/
}
/* line 707, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
div.status,
div.points {
  margin-bottom: 10px;
}
/* line 711, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-buttonpane #facebook {
  float: left;
}
/* line 716, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
table.colors {
  border-spacing: 0;
  font-size: 13px;
  margin: 0 auto;
}
/* line 722, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
table.colors td {
  padding: 2px 2px;
}
/* line 726, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
table.rgb-color-table td,
table.hex-color-table td {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  padding: 2px 12px;
  white-space: pre;
}
/* line 734, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
video {
  display: block;
}
/* line 740, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#start-button.ui-state-focus {
  box-shadow: #1F455C 0px 0px 14px 5px;
  background-color: #00568a !important;
  color: white;
}
/* line 746, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#start-button.ui-state-focus.ui-state-hover {
  background-color: #479AD0 !important;
}
/* line 750, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.side-toolbar-label.selected,
button.passed.ui-button.ui-state-active,
.ui-button.current {
  opacity: 1 !important;
  filter: none;
}
/*span.name {
  color: #ef5555 !important;
  background-color: #C4E7F8 !important;
}*/
/* line 762, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.project-label a {
  text-decoration: none;
  /*border-bottom: 1px dotted #aaa;*/
  color: #666;
  font-size: 12px;
}
/* line 769, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.project-label {
  color: #666;
  margin-top: 6px;
}
/* line 774, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.module-label {
  color: #9d9d9d;
  margin: 0;
  margin-bottom: 0;
  font-size: 14px;
  background: #eee;
  padding: 10px;
}
/* line 783, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button .ui-button-text {
  display: inline-block;
  line-height: 1.1em;
  min-width: 20px;
}
/* line 789, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss {
  width: 225px;
}
/* line 793, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss .popover-content {
  font-size: 13px;
}
/* line 797, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss .name {
  font-size: 14px;
}
/* line 805, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss .ui-button.passed {
  background-color: #27a4e4;
  color: white;
}
/* line 810, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss .ui-button.passed .ui-button-text {
  width: 100%;
  height: 100%;
}
/* line 815, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss .ui-button-text {
  line-height: 36px;
}
/* line 819, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-gloss .button-container,
#lesson-gloss hr {
  margin-top: 8px;
  margin-bottom: 8px;
}
/* line 824, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.hidden {
  display: none !important;
}
/*LEVEL 2*/
/* line 829, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#badge-dialog p {
  text-align: 0;
  /*width: 200px;*/
}
/* line 834, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#badge-dialog img {
  width: 100px;
}
/* line 838, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
div.badges img {
  width: 55px;
  margin: 5px;
}
/* line 850, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .ui-dialog-content,
.ui-dialog.info .ui-dialog-content {
  font-size: 14px;
  line-height: 1.5em;
  /*Resizing doesn't work with border box*/
  box-sizing: content-box;
}
/* line 858, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.-dark .ui-dialog-content {
  /*Remove the need for this, so that scrolling can work*/
  overflow: visible !important;
  padding: 0;
}
/* line 865, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-content {
  min-height: 90px !important;
}
/* line 870, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonpane button {
  height: 120px;
  margin: 3px !important;
  max-width: 30%;
  width: 30%;
}
/* line 877, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonpane .ui-icon:before {
  font-size: 72px;
  margin: auto;
  text-align: center;
}
/* line 883, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonpane .ui-button-text {
  display: block;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset .ui-button {
  background-color: #fff !important;
  border: none;
  color: #737373 !important;
  margin: 3px;
}
/* line 895, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2) {
  border: none;
}
/* line 899, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset {
  margin: -4px;
}
/* line 903, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset .ui-button:hover {
  background-color: #fff !important;
  border: none;
  color: #404040 !important;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.sub-title {
  margin-top: 25px;
}
/* line 919, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-progressbar-value.ui-widget-header {
  background-color: #1F455C;
}
/* line 923, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.label {
  display: inline-block;
  padding-right: 10px;
  text-align: right;
}
/* line 929, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-progressbar-value {
  color: #7a7e81;
}
/* line 933, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.module-name {
  margin: 3px 10px;
  font-size: 16px;
  position: absolute;
}
/*CONSOLE*/
/* line 940, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation #guide-label,
.presentation #lesson-mode {
  display: none !important;
}
/* line 945, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation #console:active,
.presentation #code-editor:active,
.presentation .instructions:active {
  background-color: rgba(255, 178, 57, 0.25);
}
/* line 951, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation .toolbar:active {
  background-color: rgba(255, 178, 57, 0.25);
}
/* line 955, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation .instructions:active > * {
  opacity: 0.5;
}
/* line 959, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation .ui-button:active {
  background-color: #ffb239 !important;
  opacity: 0.8;
}
/* line 964, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .score,
.console .score {
  font-size: 1em;
  padding: 2px !important;
  min-width: 20px;
  line-height: 1.0em;
  top: 0px;
}
/* line 972, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[target='.console'],
.console {
  /*color: #ababab;*/
  color: #333;
}
/* line 977, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.score,
#main .badges {
  color: #f8f8f8;
  background-color: #1a1a1a;
}
/* line 982, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
pre.jqconsole,
.html .console,
.admin .console,
code.multi,
div.css {
  overflow: auto;
  padding: 10px 25px 5px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
}
/* line 998, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container code.wide,
.instructions code.multi {
  margin: 4px 0;
  padding: 4px;
  line-height: 1.4em;
  overflow-x: auto;
}
/* line 1009, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
li code.multi {
  vertical-align: top;
}
/* line 1015, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference .syntax {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
/* line 1028, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference .label {
  color: #ddd;
  font-size: smaller;
  margin-bottom: 4px;
  margin-top: 8px;
}
/* line 1035, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
span.ui-icon[button] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
/* line 1041, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
span[target],
span.button-link,
span.button-gloss,
code {
  white-space: nowrap;
}
/* line 1048, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.reference-name code {
  white-space: normal;
}
/*.results-overlay span.button-link .ui-icon:before {
  line-height: 1.5em;
}*/
/* line 1056, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.extra span.button-link {
  font-size: inherit !important;
}
/* line 1060, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
span.button-link.text {
  padding: 0;
  padding-right: 6px;
  line-height: 1.5em;
  text-transform: capitalize;
}
/* line 1067, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
span.button-link.text:not(.icon) {
  padding-left: 6px;
}
/* line 1071, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .button-gloss.used {
  opacity: .40;
}
/* line 1075, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.box-label {
  color: #777;
}
/* line 1079, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#menu,
.content {
  background-color: white;
  /*#EFF7F8; #d9eef2;*/
  color: #464646;
  /*#7a7e81;*/
  /*background-color: #E3F1FA #d5f5ff; #d6ffe5;
  color: #333;
  background-color: #e8e8e8;
  */
}
/* line 1091, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.score.passed {
  cursor: default;
}
/* line 1095, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#example-toolbar {
  /*background-color: #04131D;*/
  box-shadow: none;
  min-width: 300px;
  /*This is needed for when the example code guider is shown*/
}
/* line 1102, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#example-toolbar .toolbar {
  min-width: 72px;
  /*This is a hack for Opera 12*/
}
/* line 1107, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#example-toolbar .label {
  color: white;
  line-height: 35px;
  padding-left: 10px;
  font-size: 14px;
}
/* line 1114, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#example-editor pre {
  padding: 6px 10px;
  margin: 0;
  background-color: #eee;
}
/* line 1120, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
code.multi {
  display: inline-block;
  /*line-height: 13px;*/
  /*padding: 5px;*/
  line-height: 1.4em;
  margin-top: 10px;
  text-align: left;
  /*padding-left: 10px !important;
      padding-right: 10px !important;*/
}
/* line 1131, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
code {
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
}
/* line 1137, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console code.multi {
  display: block;
}
/* line 1141, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dark code,
.info code {
  color: #333;
}
/* line 1145, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dark code,
.info code,
.gloss.popover code,
span[target],
.info span[target] {
  background-color: #fafafa;
  padding-left: 2px;
  padding-right: 2px;
  color: #464646;
  /*Makes code prettyprint not work !important;*/
  border-radius: 1px;
}
/* line 1160, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[target$="-label"] {
  text-transform: uppercase;
}
/* line 1165, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.-dark span[target],
.-dark .info span[target] {
  background-color: rgba(255, 255, 255, 0.1);
}
/* line 1171, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.task-steps code {
  background-color: #f8f8f8;
}
/* line 1175, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.objective code {
  background-color: white;
  border-bottom: 1px solid #eee;
}
/* line 1180, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.results-overlay code {
  background-color: rgba(255, 255, 255, 0.85);
  color: #464646;
  padding: 0 2px;
}
/* line 1186, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info code.linenums {
  background-color: white;
}
/* line 1190, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference .syntax-container {
  background-color: #f8f8f8;
}
/* line 1194, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#fileTreeItemPreview .example-code {
  display: block;
  text-align: left;
}
/* line 1199, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .example-code.border {
  border: none;
}
/* line 1207, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
pre,
code {
  /*font-weight: normal;*/
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 1em /*!important*/;
  padding-left: 0;
  padding-right: 0;
}
/* line 1214, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
pre b,
code b {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}
/* line 1218, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
pre.quiz-hint,
code.quiz-hint {
  display: block;
  font-size: 64px;
  letter-spacing: 16px;
  white-space: normal !important;
}
/* line 1226, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console strong {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  color: #7a7e81;
  font-weight: 700;
  padding: 0 2px;
}
/* line 1234, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.extra [target] {
  /*font-size: 11px !important;*/
}
/* line 1238, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.gloss.popover code,
#reference .syntax-container {
  font-size: 13px !important;
  padding: 1px 2px;
}
/* line 1243, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info code em {
  background-color: #A1DAFF;
  font-style: normal;
  font-weight: normal;
}
/* line 1249, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions code,
.message code {
  white-space: pre;
  overflow-x: auto;
  overflow-y: hidden;
  /*Must be hidden to hide the vertical scrollbar*/
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0 !important;
  vertical-align: middle;
  line-height: 1em;
  padding-bottom: .1em;
  padding-top: .1em;
}
/* line 1265, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference .syntax-container {
  border: solid 1px #666;
  padding: 5px;
  border-radius: 1px;
}
/*
This breaks the editor output
.info p:last-of-type {
  color: @color-light;
}*/
/*.info p:first-of-type {
  margin-top: 0.5em !important;
}*/
/* line 1284, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console p {
  -webkit-margin-after: .5em;
  -webkit-margin-before: .5em;
}
/* line 1289, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info em,
.gloss em {
  font-weight: bold;
  font-style: normal;
}
/* line 1295, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#code {
  position: inherit;
}
/*FRAMEWORK*/
/* line 1301, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#background-filter {
  filter: alpha(opacity=10);
  opacity: 0.10;
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color: #333;*/
}
/* line 1314, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.extra.space {
  padding-bottom: 12px;
}
/* line 1318, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.extra {
  /*font-size: 13px !important;*/
  display: block;
  padding-bottom: 12px;
}
/* line 1324, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#results-box .extra p {
  font-size: smaller !important;
  /*This is needed for messages in the web course*/
  line-height: 1.5em;
}
/* line 1331, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.results-overlay .extra {
  text-align: center;
}
/* line 1335, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html #results .extra {
  font-size: smaller !important;
}
/* line 1339, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .demo-container {
  margin-left: 2px;
  margin-right: 0;
  margin-top: -10px;
  float: right;
  white-space: normal;
}
/* line 1347, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .demo-container .demo {
  padding: 0;
}
/* line 1351, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .demo-container .header {
  background-color: #aaa;
  text-align: center;
}
/* line 1356, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.container-label {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
/* line 1361, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation #status-bar,
.presentation .side-toolbar {
  display: none !important;
}
/* line 1366, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation .ace_editor {
  font-size: 18px;
  /*Important breaks font-size changing*/
}
/* line 1371, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.editor,
.console,
.jqconsole,
.content,
.instructions,
#menu,
#main .badges,
.menu div.next,
.game,
.demo-container,
#review-game-dialog div.options,
#review-game-dialog .question.dark,
.gloss-hover {
  border-radius: 0;
}
/* line 1377, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.training.wide #editor-label,
.html #results-label,
#side-toolbar .side-toolbar-label {
  border-radius: 0 0 2px 2px;
}
/* line 1383, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ide #tasks-toolbar {
  display: none !important;
}
/* line 1387, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ide #leaderboard-label {
  display: none;
}
/* line 1391, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html #bonus-bar-container {
  display: none;
}
/* line 1395, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html #results-label {
  left: 325px;
}
/* line 1399, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.training.wide #editor-label {
  text-align: center;
  width: 100px;
}
/* line 1404, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.editor.read-only .ace_scroller,
.editor.read-only {
  background-color: #e4e4e4;
}
/* line 1408, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[target='.console'],
.console {
  background-color: #f8f8f8;
}
/* line 1412, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console.focus-container {
  background-color: white;
}
/*.main.main2 {
  top: 36px;
  visibility: hidden;

  margin-left: 10px;
  margin-right: 10px;
  min-width: 840px;
  padding: 0;

  position: relative;

  border: 0px solid #479AD0;
  box-shadow: 0 0 10px 1px #316C90;

  background: none;
  box-shadow: none;
}

.info-page .main.main2 {
  margin-left: auto;
  margin-right: auto;
  min-width: 800px;
  top: 0;
  width: 800px;
}*/
/* line 1442, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .main.no-menu {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
/* line 1448, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .main.floating-menu {
  top: 0;
  width: auto;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  min-width: 500px;
}
/*.ca-style .floating-menu h1 {
  font-size: 20px;
  color: #080808;
  line-height: 1.5em;
  font-weight: normal;
}*/
/* line 1464, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.templates,
.template,
.template-snippet {
  display: none;
}
/* line 1470, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main.floating-menu #menu {
  max-width: 730px;
  margin-left: 200px;
}
/* line 1475, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main.floating-menu #container {
  /*padding-bottom: 95px;*/
}
/* line 1479, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float ul,
.main #container {
  background-color: #EEE;
}
/* line 1484, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main.floating-menu #menu {
  border-left: 1px solid #eee;
}
/* line 1488, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float {
  background-color: #fcfcfc;
  border-top: 1px solid #eee;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 60px;
  width: 200px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #eee;
}
/* line 1502, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki .main nav.float {
  opacity: .5;
  top: 50px;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main.no-menu nav.float {
  display: none;
}
/* line 1511, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float a {
  border: none;
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  width: 100%;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 1522, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float ul {
  margin: 0;
  padding: 0;
  color: #464646;
  list-style: none;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .4px;
  padding-bottom: 100px;
}
/* line 1533, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float li:hover:not(.active) a {
  color: #DB1222 !important;
  /*white;*/
}
/* line 1538, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float li.active {
  background: #c9001e;
  /*background: -moz-linear-gradient(-45deg, #e22242 0%, #e22242 44%, #eb3c36 71%, #f65214 100%);
  background: -webkit-linear-gradient(-45deg, #e22242 0%,#e22242 44%,#eb3c36 71%,#f65214 100%);
  background: linear-gradient(135deg, #e22242 0%,#e22242 44%,#eb3c36 71%,#f65214 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22242', endColorstr='#f65214',GradientType=1 );*/
  /*#EAF5FA;*/
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float li a {
  color: #666;
  line-height: 1.6em;
  font: 12px 'museo-sans-rounded', sans-serif;
}
/* line 1553, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.role-admin nav.float a.h1 {
  font-weight: 600;
  padding-bottom: 6px;
  padding-top: 12px;
}
/* line 1559, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.role-admin nav.float li a.h2 {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  margin-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*.role-admin nav.float li a.h2:before {
  content: '\2014';
}*/
/* line 1572, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float li.active a {
  color: white;
}
/* line 1576, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main nav.float li {
  margin: 0;
  padding: 0;
}
/* line 1581, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
nav.float h1 {
  margin: 0;
  padding: 10px 0 10px 10px;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: white !important;
  background-color: #666;
}
/*.showCanvas .main {
	max-width: 1400px;
}*/
/* line 1595, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fullscreen .main.floating-menu #menu {
  margin: 0;
  padding-left: 20px !important;
  padding-right: 10px !important;
}
@media (max-width: 1000px) {
  /* line 1602, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .info-page .main.floating-menu {
    min-width: 500px !important;
  }
  /* line 1606, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main nav.float a {
    padding: 14px 0 14px 14px;
  }
  /* line 1610, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main nav.float {
    width: 302px;
  }
  /* line 1614, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main.floating-menu #menu {
    margin-left: 302px;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  /* line 1620, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  #menu .feature {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 820px) {
  /* line 1634, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main nav.float {
    width: 220px;
  }
  /* line 1638, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main.floating-menu #menu {
    margin-left: 220px;
  }
}
@media (max-width: 700px) {
  /* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main nav.float {
    display: none;
  }
  /* line 1648, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main.floating-menu #menu {
    margin-left: 0;
  }
}
/* line 1653, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.adminMode {
  background-color: #2f9de6 !important;
}
/*
.adminMode .instructions-container,
.adminMode .container-label {
  opacity: 0.5 !important;
  .adminMode .main {
  background: rgba(231, 246, 241, 0.5) !important;
  opacity: 0.95;
}

.adminMode #status-bar {
  opacity: .95;
}
}*/
/* line 1672, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.course .side-toolbar {
  display: none;
}
/* line 1676, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.presentation #main.html,
.presentation #main.training {
  top: 10px;
  bottom: 10px;
  left: 0;
  margin: 0;
  right: 0;
  overflow: hidden;
}
/* line 1686, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ie #main.html,
.ie #main.training {
  /*This IE hack is needed to prevent scroll bars appearing*/
  overflow-y: initial;
}
/* line 1691, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ie10 #main.html,
.ie10 #main.training {
  /*This IE hack is needed to prevent scroll bars appearing*/
  overflow-y: hidden;
}
/* line 1696, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fb-login-button {
  display: inline-block;
  top: 2px;
  position: relative;
}
/* line 1702, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.score {
  background-color: #f8f8f8;
  color: #b5b5b5;
  display: inline-block;
  font-size: 20px;
  line-height: 36px;
  min-width: 50px !important;
  padding: 0px 5px !important;
  text-align: right;
}
/* line 1713, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.score.passed {
  color: #7a7e81;
}
/* line 1717, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.codename-container {
  padding-top: 3px;
}
/* line 1721, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#status-bar {
  display: none;
}
/* line 1725, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.status #status-bar {
  display: block;
  overflow: visible;
}
/* line 1730, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.demo #info,
.demo #status-bar {
  display: none !important;
}
/* line 1735, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.default-font,
.ui-dialog-title,
#ca-message,
.ui-button,
.message h3,
.score {
  font-family: 'museo-sans-rounded', sans-serif;
  font-weight: normal;
}
/* line 1745, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.container-label,
.tasks-label,
.ca-style h1 {
  font-weight: bold;
  color: #1F455C;
}
/* line 1750, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.side-toolbar-label {
  background-color: #011017;
  background-color: white;
  border: 1px solid rgba(3, 46, 66, 0.5);
}
/* line 1756, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.side-toolbar-label.selected {
  color: #E3F1FA !important;
  opacity: 0.75;
}
/* line 1761, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#code h1 {
  display: none;
  position: absolute;
}
/* line 1766, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#title,
#code h1,
.container-label {
  /*font-family: monospace;*/
  margin-top: 0;
  margin-bottom: 0;
  /*padding-left: 45px;*/
  padding-bottom: 5px;
  /*so the bottom of the image shows on FF3*/
  font-size: 20px;
  line-height: 30px;
}
/* line 1777, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#title {
  position: absolute;
  left: 40px;
  right: 0;
  line-height: 36px;
  font-size: 22px;
  z-index: -1;
  /*display: inline-block;
      width: 760px; Each page has a different width
      margin: auto;
      text-align: left;*/
}
/* line 1791, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.title-container .label {
  display: none;
}
/* line 1795, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.status .title-container .label {
  top: -8px;
  position: relative;
}
/* line 1800, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.title-container {
  margin-left: 10px;
}
/* line 1804, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.tasks-label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
}
/* line 1812, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.training.wide .tasks-label {
  display: none;
}
/* line 1817, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#index-container {
  display: none;
}
/* line 1821, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.status #title,
.index #title {
  display: none;
}
/* line 1825, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
select.dark,
.dark select {
  background-color: #04131D;
  color: #E3F1FA;
  /*font-family: Aldrich, Helvetica, Arial, sans-serif;*/
  cursor: pointer;
  border: 1px solid #032E42;
}
/* line 1834, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.index #index-container {
  display: block;
  position: absolute;
  left: 35px;
  text-align: left;
  z-index: -1;
  padding: 0 50px;
}
/* line 1843, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style header {
  position: relative;
  margin-bottom: 10px;
}
/* line 1848, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style header h1 {
  position: relative;
  top: 5px;
}
/* line 1853, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.crawler .instructions-container {
  height: 55%;
}
/* line 1857, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.crawler .code {
  height: 45%;
  bottom: 0;
  background-color: #eee;
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px 20px;
  white-space: pre;
}
/* line 1868, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.status #container {
  padding-top: 0px;
}
/*UI Elements*/
/* line 1874, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference {
  max-height: 500px;
}
/* line 1878, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference .summary {
  margin-bottom: 4px;
}
/* line 1882, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#reference .param {
  margin-bottom: 4px;
}
/* line 1886, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .continue button {
  font-size: 1.0em !important;
}
/* line 1890, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#console .error,
#console .error .message {
  color: #888 !important;
}
/* line 1894, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.retry {
  box-shadow: #032e42 0 0 500px 100px inset;
  transition: all 0.7s linear;
  opacity: .03;
}
/* line 1900, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ace_error,
.ace_warning {
  cursor: default;
}
/* line 1904, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info span.ui-icon,
*[button],
*[target] {
  cursor: pointer;
}
/*.code .ui-button.ui-state-disabled {
  opacity: 0.3;
}*/
/* line 1912, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.code .ui-button {
  top: 0px;
  z-index: 998;
}
/* line 1917, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.example button {
  opacity: 0.7;
}
/* line 1921, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .ui-button,
.ui-dialog-buttonpane .ui-button {
  min-width: 60px;
  min-height: 36px;
  font-size: 11px;
}
/* line 1927, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .help .ui-button {
  font-size: 1.0em;
}
/* line 1931, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button .ui-button-text {
  line-height: 1.8;
}
/* line 1935, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button-text-only .ui-button-text {
  padding: .6em .8em;
}
/* line 1939, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.button-container .ui-button,
#status.score {
  min-width: 70px;
  vertical-align: top;
  margin: 0 3px;
  min-height: 100%;
  padding: 0 12px;
}
/* line 1948, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button {
  min-width: 0;
}
/* line 1952, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.button-container .ui-button {
  min-height: 36px;
}
/* line 1956, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#play-button {
  margin-left: 0;
}
/* line 1960, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.code-toolbar .next-button,
.code-toolbar .execute-button {
  padding: 0 8px !important;
}
/* line 1965, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button-text-icon-primary,
.toolbar .ui-button-text-icon-primary .ui-button-text,
.toolbar .ui-button-text-icons .ui-button-text,
.toolbar .ui-button-text-only .ui-button-text {
  padding: .1em .1em;
  display: inline-block;
  vertical-align: middle;
}
/* line 1974, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button-text-icon-primary .ui-button-text {
  padding-left: .3em;
  /*Push the text down to account for the all caps*/
  padding-top: .3em;
}
/*This is needed to center on Opera
http://css-tricks.com/centering-in-the-unknown*/
/* line 1983, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar button {
  height: 36px;
  text-align: center;
}
/* line 1988, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button-icon-only .ui-icon,
.toolbar .ui-button-text-icon-primary .ui-icon,
.toolbar .ui-button-text-icons .ui-icon {
  margin-top: 0;
  margin-right: 3px;
  position: static;
  top: auto;
  display: inline-block;
  vertical-align: middle;
}
/* line 2000, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
  /*Adjusts for spacing*/
}
/* line 2009, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.task-button {
  vertical-align: top;
}
/* line 2013, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fullscreen-button.ui-button {
  min-width: 40px !important;
}
/* line 2017, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.visibleSidePanel .code-toolbar .ui-button,
.training .button-container .ui-button-icon-only,
.training .button-container button.task-button {
  min-width: 36px !important;
}
/*STATUS BAR*/
/* line 2025, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar-container {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 2031, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.training.wide .toolbar-container {
  right: -120px;
}
/* line 2035, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.audio-container {
  display: none;
}
/* line 2039, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .audio-container {
  display: block;
}
/* line 2043, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .audio-container audio {
  width: 200px;
  height: 32px;
  display: inline-block;
}
/* line 2049, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.popover .inner,
.ui-widget-content {
  /*border-color: rgb(3, 46, 66);
      border-color: rgb(25, 39, 44);*/
  border: none;
}
/* line 2056, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.status-bar-container {
  margin-left: 3px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  display: inline-block;
  height: 100%;
}
/* line 2066, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.bonus-bar {
  width: 160px;
  height: 30px;
  display: inline-block;
  position: relative;
  border-left: solid 1px rgba(144, 204, 233, 0.4);
}
/* line 2074, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.bonus-bar .marker {
  width: 20%;
  height: 100%;
  display: inline-block;
  border-right: solid 1px rgba(144, 204, 233, 0.4);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: rgba(144, 204, 233, 0.8);
  text-align: center;
  line-height: 30px;
  font-size: 13px;
}
/* line 2087, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.bonus-bar .bar {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  transition: width linear 1s;
}
/* line 2096, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main .menu .ui-button {
  min-width: 37px;
  min-height: 37px;
}
/* line 2101, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.results-overlay .message {
  color: white;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}
/* line 2106, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.audio-container a {
  color: #aaa;
}
/* line 2110, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.error-message,
.toolbar .ui-button {
  color: #a5a5a5;
  background-color: white;
}
/* line 2116, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button {
  cursor: pointer;
  color: white;
  font-weight: 700;
  border-radius: 3px;
  opacity: .8;
}
/* line 2124, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button {
  background-color: white;
}
/* line 2128, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button:not(.ui-button-disabled) {
  cursor: pointer;
}
/* line 2133, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.error-message {
  background-color: #DB1222;
  color: white;
  background-repeat: repeat-x;
}
/* line 2139, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#ca-message {
  background-color: white;
  background-repeat: repeat-x;
  margin-bottom: 6px;
}
/* line 2145, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .passed {
  background-color: inherit;
  background-image: inherit;
}
/* line 2150, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toggle.ui-button.checked {
  /*color: rgb(182, 255, 249);*/
  background-color: #DB1222 !important;
  /*box-shadow: rgb(182, 255, 249) 0px 0px 3px 2px inset;*/
}
/*button.ui-button.ui-button-disabled .ui-button-text {
  color: #999;
}*/
/* line 2161, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button.ui-button-disabled {
  opacity: 1;
  background-color: white;
  background-repeat: repeat-x;
  color: #d6d6d6;
  /*#888;*/
}
/* line 2169, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  vertical-align: middle;
}
/*.output-ui .ui-button {
  min-width: 100px;
}*/
/* line 2180, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .output-ui .button-container {
  border-radius: 5px;
  overflow: hidden;
}
/* line 2185, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .output-ui .ui-button {
  background-color: #b5b5b5;
  background-color: transparent;
  font-size: 18px;
  font-weight: bold;
  height: 100%;
  width: 50%;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.ui-dialog .output-ui .ui-button:hover {
  opacity: 1;
}
/* line 2195, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .output-ui .ui-button .ui-button-text {
  border-bottom: 2px solid transparent;
  padding: 0;
}
/* line 2200, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .output-ui .ui-button.current .ui-button-text {
  border-bottom-color: #666;
}
/* line 2205, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.menu .ui-button.ui-button-disabled {
  color: #888;
}
/* line 2209, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.video-wrapper {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  margin-top: 24px;
}
/* line 2217, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 2225, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.sublimevideo-View {
  overflow: hidden;
}
/* line 2229, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.video.modal-dialog .ui-dialog-content {
  padding: 0;
  /*overflow: hidden !important;*/
  margin: 0;
}
/* line 2235, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.video.modal-dialog .ui-dialog-buttonpane {
  margin-top: 0;
}
/* line 2239, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.other-data .button-container {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
}
/* line 2248, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.other-data .toolbar {
  min-height: 0;
}
/* line 2252, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.other-data .toolbar button {
  height: 24px;
}
/*Display optional buttons on task toolbar*/
/* line 2257, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.introVideo .objective .button-container {
  display: block;
}
/* line 2261, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.lessonNotes #lessonNotes-button,
body.introVideo #introVideo-button {
  display: inline-block;
}
/* line 2266, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.has-guide #guide-button {
  display: inline-block;
}
/* line 2270, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.other-data .button-container {
  display: inline-block;
}
/* line 2274, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.other-data .button-container .ui-button {
  min-height: 22px;
}
/* line 2278, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.other-data .button-container .ui-button * {
  padding: 0;
}
/* line 2282, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.label-value {
  font-size: 14px;
}
/* line 2285, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.element-label {
  background-color: white;
  border-top: 2px solid #ec6262;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  bottom: 0;
  color: #686868;
  display: none;
  font-size: 10px;
  font-weight: 700;
  left: 10px;
  letter-spacing: .4px;
  padding: 10px 12px;
  position: absolute;
  text-transform: uppercase;
  top: -36px;
  height: 36px;
}
/* line 2304, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ide #editor-toolbar .project-label {
  bottom: 0;
  display: block;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  letter-spacing: 0;
  top: auto;
}
/* line 2312, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.element-label {
  display: inline-block;
  top: auto;
}
/* line 2317, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#example .toolbar > .multiline-toolbar {
  float: right;
}
/* line 2322, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.guiders_highlight {
  box-shadow: 0 0 3px 1px #fa5f5f inset !important;
  opacity: 1 !important;
}
/* line 2327, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.admin-list-container tr > * {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
/* line 2332, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.file-preview {
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 3px;
  margin-left: 3px;
}
/* line 2340, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.file-preview img {
  max-height: 120px;
}
/* line 2344, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.loading-icons {
  display: none;
}
/* line 2348, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#ca-message,
.time-remaining {
  background-color: #161616;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #eee;
  font-size: 64px;
  font-weight: 300;
  padding: 60px;
  /*This needs to be higher than the guiders*/
  z-index: 100000008 !important;
  text-align: center;
  /*border-bottom-color: rgba(15, 38, 61, 0.6);
    	border-bottom-style: solid;
    	border-bottom-width: 2px;
    	border-top-color: rgba(15, 38, 61, 0.6);
    	border-top-style: solid;
    	border-top-width: 2px;*/
  background-image: none;
  /*text-shadow: 0 0 10px #479AD0;*/
  border-radius: 0;
  font-family: 'museo-sans-rounded', sans-serif;
  width: 105%;
  min-width: 105%;
  position: fixed;
}
/* line 2379, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dev-mode #ca-message,
.dev-mode .time-remaining {
  background-color: rgba(60, 60, 60, 0.5);
}
/* line 2384, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#ca-message.loading {
  /*This is needed for centering the message*/
  min-height: 4em;
}
/* line 2389, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.visual-activity #ca-message {
  opacity: 0.4;
}
/* line 2393, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#ca-message .text {
  display: block;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
/* line 2400, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.time-remaining {
  position: fixed;
  bottom: 0;
  height: 100px;
  text-align: left;
  padding: 5px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*Forms for changing options*/
/* line 2411, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-widget .label {
  display: inline-block;
  width: 40%;
  font-weight: 600;
  text-align: left;
}
/* line 2418, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html {
  margin: 0;
  padding: 0;
}
/* line 2423, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#wiki-editor {
  display: none;
  resize: none;
  font-family: monospace;
}
/* line 2432, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki #wiki-editor {
  bottom: 0;
  display: block;
  font-size: 16px;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 106px;
  width: 100%;
}
/* line 2443, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki .text-editor {
  display: none;
  bottom: 100%;
  width: 100%;
}
/* line 2448, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki .text-editor_tabs {
  background-color: #eee;
  min-height: 36px;
  border-bottom: 1px solid #ddd;
  max-width: 100%;
}
/* line 2455, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki .text-editor_code {
  bottom: 0;
  display: block;
  font-size: 16px;
  left: 0;
  position: absolute;
  right: 0;
  top: 36px;
}
/* line 2468, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode .text-editor {
  display: block;
}
/* line 2472, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode #wiki-editor {
  width: 50% !important;
}
/* line 2476, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode #outer-container {
  bottom: 0;
  display: inline-block !important;
  left: inherit;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  right: 0;
  top: 50px;
  width: 50% !important;
  overflow: hidden !important;
}
/* line 2490, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode #inner-container {
  display: none;
}
/* line 2494, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode .text-editor_tab {
  background-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid transparent;
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding: 8px;
}
/* line 2505, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode .text-editor_tab.is-selected {
  background-color: white;
  border-color: #ccc;
  color: #333;
}
/* line 2512, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.handlebars-mode .text-editor_tabs {
  padding-top: 6px;
}
/* line 2517, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki #caLogo {
  transition: all 1000ms;
}
/* line 2521, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki.needs-save #caLogo2,
.wiki.needs-save #caLogo {
  -webkit-filter: sepia(100%) contrast(200%) saturate(3) brightness(0.6) hue-rotate(310deg);
}
/* line 2526, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#inner-container {
  position: relative;
  margin: 0 auto;
}
/* line 2531, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page #inner-container {
  background-color: #f1f2f7;
}
/* line 2533, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page #inner-container.-gradient {
  background: #f1f2f7;
  background: -moz-linear-gradient(top, #f1f2f7 0%, #ffffff 46%, #ffffff 46%);
  background: -webkit-linear-gradient(top, #f1f2f7 0%, #ffffff 46%, #ffffff 46%);
  background: linear-gradient(to bottom, #f1f2f7 0%, #ffffff 46%, #ffffff 46%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f7', endColorstr='#ffffff', GradientType=0);
}
/* line 2542, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.settings-subscription_buttons {
  display: none;
}
/* line 2546, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style {
  font-weight: 300;
  font-family: 'museo-sans-rounded', sans-serif;
}
/* line 2549, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style.help {
  margin-top: 0;
  padding-top: 1px;
}
/* line 2556, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style p {
  /*font-size: @size-p;*/
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 12px;
  margin-top: 12px;
}
/* line 2564, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style ol,
.ca-style ul {
  /*font-size: @size-p;*/
  font-weight: 300;
  line-height: 1.5em;
  padding-left: 30px;
  margin-bottom: 12px;
}
/* line 2573, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style b {
  font-weight: 500;
}
/* line 2577, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style i {
  font-style: italic;
}
/* line 2582, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.logo-container img {
  border: none;
  margin: 0 5px;
}
/* line 2587, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.logo-container a {
  line-height: 36px;
  vertical-align: top;
  display: inline-block;
}
/* line 2593, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .dark .header a:hover {
  color: #58B9F3;
  border-bottom-color: #58B9F3;
  text-decoration: none;
  /*Offset addition of underline in course outline*/
}
/* line 2600, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .dark .header a {
  border-bottom: 1px dotted #4E585F;
  text-decoration: none;
  transition: all 0.5s;
}
/* line 2606, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .dark .header a:active {
  opacity: 0.5;
}
/* line 2610, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .dark .header a {
  color: #A8DDFF;
}
/* line 2614, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.submit.ui-button {
  font-size: 18px !important;
  margin-top: 12px;
  margin-bottom: 12px;
  min-width: 250px;
}
/* line 2621, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style button.submit {
  min-height: 48px;
  margin-bottom: 24px;
  font-size: medium !important;
  width: 320px;
}
/* line 2629, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
form .field,
form input,
form textarea,
form textarea.-inline,
form select,
form button,
form a.button {
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  margin: 6px 0;
  padding: 12px;
  width: 59%;
  text-align: left;
}
/* line 2644, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
form input[type="button"],
form input[type="submit"],
form button,
form a.button {
  text-align: center;
}
/* line 2651, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
form textarea {
  width: 100%;
}
/* line 2655, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
form input:focus {
  background-color: #F0EFFF;
}
/* line 2662, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.guide_content [gloss="yes"],
.content [gloss="yes"] {
  cursor: pointer;
}
/* line 2665, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.guide_content [gloss="yes"]:hover,
.content [gloss="yes"]:hover {
  border-bottom: 1px solid #ddd;
}
/* line 2673, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info [data-gloss="codeavengersFiles"]:not([data-params]),
.content [data-gloss="codeavengersFiles"]:not([data-params]),
.info [data-file],
.content [data-file],
.info .monospace-data:not(textarea),
.content .monospace-data:not(textarea) {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  white-space: nowrap;
}
/* line 2681, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-tooltip {
  background-color: white;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.4em;
  max-width: 300px;
  padding: 16px;
  position: absolute;
}
/*.console .ui-button,
.console .current .ui-button.first {
  background: #ef5555;
  color: white;
  position: relative;
}*/
/* line 2699, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.bar {
  background: #27a4e4;
  color: white;
  position: relative;
}
/* line 2705, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console .ui-button.completion {
  width: 90%;
}
/* line 2710, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#file-tabs .success {
  border-top: 2px solid #089469 !important;
}
/* line 2714, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#file-tabs .error.current,
#file-tabs .error:hover,
.ui-button.light:hover,
.current .ui-button:not(.ui-state-disabled):hover,
.help .ui-button:hover {
  background-color: #fa5f5f;
  color: white;
}
/* line 2723, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#file-tabs .error {
  background-color: #FEDBDB;
}
/* button:hover {
  z-index: 1000 !important;
} */
/* line 2731, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-boxes {
  top: -44px;
}
/* line 2735, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.nav.ui-button {
  border: none;
}
/* line 2739, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.nav.back:after {
  content: '';
  position: absolute;
  height: 50%;
  width: 15px;
  border-left: solid 0px rgba(2, 22, 31, 0.4);
  left: -8px;
  top: 1px;
  -webkit-transform: skew(-35deg, 0);
  -moz-transform: skew(-35deg, 0);
  -o-transform: skew(-35deg, 0);
  -ms-transform: skew(-35deg, 0);
  transform: skew(-35deg, 0);
}
/* line 2756, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.nav.back:before {
  content: '';
  position: absolute;
  height: 48%;
  width: 15px;
  border-left: solid 0px rgba(2, 22, 31, 0.4);
  bottom: 1px;
  left: -8px;
  -webkit-transform: skew(35deg, 0);
  -moz-transform: skew(35deg, 0);
  -o-transform: skew(35deg, 0);
  -ms-transform: skew(35deg, 0);
  transform: skew(35deg, 0);
}
/* Next Button */
/* line 2773, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.nav.next {
  border-right: none;
}
/* line 2777, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.nav.next:after {
  content: '';
  position: absolute;
  height: 48%;
  width: 15px;
  border-right: solid 0px rgba(2, 22, 31, 0.4);
  right: -8px;
  bottom: 1px;
  -webkit-transform: skew(-35deg, 0);
  -moz-transform: skew(-35deg, 0);
  -o-transform: skew(-35deg, 0);
  -ms-transform: skew(-35deg, 0);
  transform: skew(-35deg, 0);
}
/* line 2792, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.nav.next:before {
  content: '';
  position: absolute;
  height: 50%;
  width: 15px;
  border-right: solid 0px rgba(2, 22, 31, 0.4);
  top: 1px;
  right: -8px;
  -webkit-transform: skew(35deg, 0);
  -moz-transform: skew(35deg, 0);
  -o-transform: skew(35deg, 0);
  -ms-transform: skew(35deg, 0);
  transform: skew(35deg, 0);
}
/* line 2809, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.container-label {
  z-index: 0;
  position: absolute;
  left: 1px;
  bottom: 0;
  padding: 2px 5px 0px 5px;
  text-shadow: none;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
}
/* line 2823, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.results-label {
  right: -110px;
  left: initial;
}
/* line 2828, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main .container-label,
.side-toolbar {
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: bottom left;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
  -o-transform: rotate(-90deg);
  -o-transform-origin: bottom left;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: bottom left;
}
/* line 2839, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.connected {
  display: inline-block;
  font-size: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  /*.verticalAlignAbsolute; Add this only for specific things*/
}
/* line 2847, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.connected .ui-button {
  margin-left: 0;
  border-radius: 0;
  margin-right: 0;
  /*Can't use first and last child here because sometimes buttons are hidden
    The classes are added in the updateButtonStates method*/
}
/* line 2854, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.connected .ui-button.first {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
/* line 2859, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.connected .ui-button.last {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
/* line 2866, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.help a.big {
  font-size: larger;
}
/* line 2870, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.editor .ace-tm .ace_line .ace_comment {
  color: #800 !important;
}
/* line 2874, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.editor .ace-tm .ace_gutter_active_line {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 2878, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ace-tm .ace_gutter {
  background-color: white !important;
  color: #a5a5a5 !important;
  border-bottom-left-radius: 5px;
}
/* line 2884, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.javascript .tutor {
  background-repeat: no-repeat;
  background-size: auto 125px;
  background-position: bottom right;
  border: none;
  bottom: 0;
  display: none;
  height: 125px;
  position: absolute;
  right: -10px;
  width: 150px;
}
/* line 2898, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#filenames {
  border: 1px solid #eee;
  border-radius: 5px;
  color: #7a7e81;
  float: left;
  font-size: 14px;
  height: 36px;
  margin: 1px 8px 1px;
  padding: 2px;
  width: 100px;
}
/*body.ide .multiline-toolbar,
body.html.ide .main-toolbar {
  float: right;
}*/
/* line 2916, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.html #editor-toolbar .project-buttons {
  float: right;
}
/* line 2920, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.html #editor-toolbar .project-button {
  display: none;
}
/* line 2924, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.html #filenames {
  width: 120px;
}
/* line 2929, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.ide #editor-toolbar .project-button {
  display: inline-block;
}
/* line 2933, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console .message {
  display: inline-block;
  max-width: 100%;
}
/* line 2938, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.javascript .current .tutor {
  display: inline-block;
}
/* line 2942, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html .results-overlay .message:empty {
  display: none;
}
/* line 2946, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/normal-ada.png);
}
/* line 2950, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-type="error"][data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/tryagain-ada.png);
}
/* line 2954, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="ada"] .pass .current .task-complete .tutor,
[data-type~="success"][data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/smile-ada.png);
}
/* line 2959, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="ada"] .pass .current .lesson-complete .tutor,
[data-type~="complete"][data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/wink-ada.png);
}
/* line 2964, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/normal-holly.png);
}
/* line 2968, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-type="error"][data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/tryagain-holly.png);
}
/* line 2972, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="holly"] .pass .current .task-complete .tutor,
[data-type~="success"][data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/smile-holly.png);
}
/* line 2977, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="holly"] .pass .current .lesson-complete .tutor,
[data-type~="complete"][data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/wink-holly.png);
}
/* line 2982, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/normal-mike.png);
}
/* line 2986, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-type="error"][data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/tryagain-mike.png);
}
/* line 2990, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html .results-overlay[data-type^="console-"] .tutor,
.html .results-overlay[data-type="no-tutor"] .tutor {
  background-image: none !important;
}
/* line 2995, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="mike"] .pass .current .task-complete .tutor,
[data-type~="success"][data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/smile-mike.png);
}
/* line 3000, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="mike"] .pass .current .lesson-complete .tutor,
[data-type~="complete"][data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/wink-mike.png);
}
/* line 3005, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/normal-adam.png);
}
/* line 3009, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-type=error][data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/tryagain-adam.png);
}
/* line 3013, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="adam"] .pass .current .task-complete .tutor,
[data-type=success][data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/smile-adam.png);
}
/* line 3018, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="adam"] .pass .current .lesson-complete .tutor,
[data-type=complete][data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/wink-adam.png);
}
/* line 3023, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/normal-jenna.png);
}
/* line 3027, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-type="error"][data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/tryagain-jenna.png);
}
/* line 3031, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="jenna"] .pass .current .task-complete .tutor,
[data-type="success"][data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/smile-jenna.png);
}
/* line 3036, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
[data-tutor="jenna"] .pass .current .lesson-complete .tutor,
[data-type="complete"][data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/wink-jenna.png);
}
/* line 3041, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button.beta span {
  background-image: url(/image/beta.png);
  background-repeat: no-repeat;
  background-size: 36px;
}
/* line 3047, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container .instructions-canvas {
  display: none;
}
/* line 3051, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-content code,
#gloss code,
.example-code {
  font-size: 14.5px;
  line-height: 1.2em;
  white-space: pre-wrap !important;
}
/* line 3059, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style code.example-code {
  border: none;
  border-radius: 0;
  /*This makes sure there is no extra space above the code element*/
  display: block;
  padding: 0;
}
/*This ensures that commas don't wrap*/
/* line 3068, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#gloss code:not(.multi),
.instructions-container code:not(.multi):not(.wide) {
  display: inline;
  white-space: pre !important;
  vertical-align: initial;
}
/* line 3075, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#gloss code.wide {
  display: inline-block;
  white-space: pre-line;
}
/* line 3080, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container code.wide,
.instructions-container code.multi {
  /*Inline-block with width 100% stops images floating around the code snippet*/
  display: inline-block;
  vertical-align: -0.35em;
}
/* line 3087, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container code.multi {
  display: block;
  white-space: nowrap;
  transition: all .5s;
}
/* line 3093, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container code.multi.is-copied {
  background-color: #ffdcdc;
}
/* line 3098, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container code.multi.scroll {
  overflow-x: auto;
  white-space: pre !important;
}
/* line 3103, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-container code.wide {
  background-color: #fcfcfc;
  direction: ltr;
  display: block;
  white-space: pre-wrap;
}
/* line 3110, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ide .instructions-container code {
  white-space: pre-wrap !important;
}
/* line 3114, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.example-code .error {
  background-color: #e53c39;
}
/* line 3118, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.example-container {
  background-color: #fff;
  border-radius: 2px;
  box-sizing: content-box;
  color: #04131D;
  cursor: default;
  line-height: 13px;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
/* line 3134, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#css-help {
  z-index: 10000;
  position: absolute;
  border: none;
}
/* line 3140, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#dummy2,
#dummy {
  color: black;
  background: none;
  margin: 0;
}
/* line 3146, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#dummyHtmlCode {
  display: none;
}
/* line 3150, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#dummy2 img {
  border: none;
}
/* line 3154, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#dummyColor {
  color: black;
}
/* line 3158, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#dummyColor2 {
  color: red;
}
@media all and (max-width: 800px) {
  /* line 3163, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main .container-label {
    display: none !important;
  }
  /* line 3167, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .html #input-container {
    width: 680px;
  }
  /* line 3171, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .html .main {
    max-width: 1000px;
    min-width: 1000px;
  }
}
@media all and (max-height: 800px) {
  /* line 3178, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .html .results-overlay .text-container {
    font-size: 14px;
  }
}
/* line 3183, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
form #honeypot {
  display: none;
}
/* line 3187, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fullscreen #footer-container,
.fullscreen #status-bar {
  display: none !important;
}
/*Make sure this applies for all screen sizes*/
/* line 3193, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fullscreen #outer-container {
  top: 0 !important;
}
/* line 3197, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fullscreen .main.floating-menu #container {
  padding: 0;
}
/* line 3201, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.translation #main,
#main.reference {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 60px;
  font-size: 16px;
  visibility: visible;
}
/* line 3212, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.big-challenge.translation #main {
  top: 76px;
}
/* line 3216, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main.reference select {
  font-size: 25px;
  height: 48px;
}
/* line 3221, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main.reference select {
  width: 210px;
}
/* line 3225, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main.reference .topics {
  width: 200px;
}
/* line 3229, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main.reference .reference-item {
  margin-bottom: 10px;
}
/* line 3233, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#main.reference .reference-attribute {
  margin-bottom: 6px;
}
/*This stuff is for the country auto-complete*/
/* line 3242, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-autocomplete {
  font-size: 0.8em;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  cursor: default;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
}
/* line 3253, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-menu {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px;
}
/* line 3261, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}
/* line 3272, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
/* line 3281, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
  color: #7a7e81;
}
/* line 3290, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 3298, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main .banner {
  /*height: 300px;*/
  width: 560px;
  float: left;
}
/* line 3304, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.teacher-info img {
  width: 48%;
  height: 67px;
}
/* line 3309, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.codecamp .iframe-container {
  display: inline-block;
  float: right;
}
/* line 3315, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ide #language-container {
  display: none;
}
/* line 3319, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-mode-container {
  display: none;
}
/* line 3323, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.introVideo #lesson-mode-container {
  display: inline-block;
}
/* line 3327, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#lesson-mode-container select #language-container select {
  color: #7a7a7a;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
}
/*For phones*/
/* line 3339, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#web-menu,
#javascript-menu {
  margin-top: 12px;
}
/* line 3344, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#javascript-menu {
  margin-bottom: 45px;
}
/* line 3348, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.admin-message {
  margin: auto;
  max-width: 600px;
}
/* line 3353, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.paypal {
  display: none;
}
/**************************************************************************





HOME.CSS





****************************************************************************/
/* line 3378, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#size-checker {
  left: -2000px;
  top: -2000px;
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: pre;
  /* Thanks to Herb Caudill comment */
}
/* line 3389, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.timer-interval .timer {
  background-color: lightBlue;
}
/* line 3393, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.timer {
  background-color: #ddd;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  line-height: 1em;
  opacity: 0.8;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 10000;
}
/* line 3411, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body > .timer {
  position: fixed;
}
/* line 3415, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.timer .time {
  margin: auto;
}
/* line 3419, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-button {
  border-width: 1px;
  margin-left: 0;
  margin-right: 0;
}
/* line 3425, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.visibleSidePanel #code .code-toolbar .ui-button-text,
.ui-button-icon-only .ui-button-text {
  display: none !important;
}
/* line 3430, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body.wait * {
  cursor: wait !important;
}
/* line 3434, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html.variationB .variationA {
  display: none !important;
}
/* line 3438, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html:not(.variationB) .variationB {
  display: none !important;
}
/* line 3442, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.loading * {
  visibility: hidden;
}
/* line 3446, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
nav.float {
  font: inherit;
}
/* line 3450, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
b {
  font-weight: 700;
}
/* line 3454, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
td {
  vertical-align: middle;
}
/* line 3458, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
html {
  font-size: 62.5%;
}
/* line 3462, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
body {
  background-color: #fff;
  color: #636363;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  position: relative;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/* line 3474, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page body {
  position: static;
}
/* line 3484, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar #caLogo2,
.top-bar #caLogoFull {
  display: none;
}
/* line 3493, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dev-mode .top-bar #caLogo,
.adminMode .top-bar #caLogo {
  display: none;
}
/* line 3497, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dev-mode .top-bar #caLogo2,
.adminMode .top-bar #caLogo2 {
  display: inline-block;
}
/* line 3504, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.full-width .top-bar #caLogo2,
.fullLogo .top-bar #caLogo {
  display: none;
}
/* line 3510, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.full-width .title.single {
  display: none;
}
/* line 3514, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.full-width .top-bar #caLogoFull {
  margin-bottom: 5px;
  margin-left: 4px;
}
/* line 3521, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.full-width .top-bar #caLogo,
.full-width .top-bar #caLogoFull,
.fullLogo .top-bar #caLogoFull {
  display: inline-block;
}
/* line 3527, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar {
  background-color: white;
}
/* line 3531, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .badge-container {
  margin-right: 18px;
}
/* line 3534, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .badge-container img {
  width: 36px;
  margin-left: 4px;
  /*Hack to get image in right place... at least on Chrome*/
  padding-top: 2px;
  transition: width 0.2s ease-in-out;
  vertical-align: middle;
  cursor: pointer;
}
/* line 3546, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .badge-container img:hover {
  width: 54px;
}
/* line 3553, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.visibleSidePanel #file-tabs .file-extension,
#file-tabs.small .file-extension {
  display: none;
}
/* line 3558, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.file-tabs > *,
.top-bar .header-bar,
.fa {
  transition: all 200ms ease-in-out;
}
/* line 3562, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
a,
button {
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
/* line 3567, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
button span {
  transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
/* line 3571, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#outer-container {
  overflow: hidden;
  position: relative;
  top: 60px;
}
/* line 3578, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main {
  min-width: 1010px;
  transition: all 200ms ease-in-out;
}
/* line 3583, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fullscreen .main {
  min-width: 600px;
}
/* line 3587, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .main {
  transition: none;
}
/* line 3591, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .wiki .main {
  margin-top: 0;
}
/* line 3595, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html.output-window .main {
  min-width: 600px;
}
/* line 3600, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html .main {
  min-width: 1010px;
}
/* line 3604, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.subheading {
  font-size: 24px;
  line-height: 1.4em;
  padding: 24px 12px 0;
}
/* line 3614, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.objection img,
.image,
#proof-points {
  max-width: 100%;
  margin: auto;
}
/* line 3621, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.image {
  color: white;
  font-weight: 300;
  padding-bottom: 80px;
  padding-top: 70px;
  text-align: center;
  background-position: center center;
  background-size: 102% auto;
  background-repeat: no-repeat;
}
/* line 3633, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar nav {
  margin-right: 20px;
}
/* line 3637, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header nav {
  text-align: right;
}
/* line 3641, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header .row {
  width: 1120px;
}
/* line 3645, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.admin header .row {
  width: 100%;
}
/* line 3649, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header nav > * {
  text-decoration: none;
  font-weight: 800;
  font-size: 12px;
}
/* line 3655, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header .data .label {
  color: #a9a9a9;
  font-weight: 400;
}
/* line 3660, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header .data .value {
  color: #666;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2px;
  padding-right: 10px;
}
/* line 3669, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .points {
  cursor: pointer;
}
/* line 3673, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .level-name {
  color: #666;
  font-size: 12px;
  letter-spacing: 0.2px;
  margin-bottom: 4px;
  min-width: 100%;
  /*Problems with web 11 if this is removed*/
  text-align: left;
}
/* line 3683, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .lesson-name {
  color: #7a7e81;
  font-size: 16px;
  display: inline;
}
/* line 3689, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
footer nav.internal {
  float: right;
  text-align: right;
  line-height: 2em;
}
/* line 3695, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
footer {
  padding: 40px;
  font-size: 12px;
  font-weight: 700;
}
/* line 3701, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
footer .codeavengers {
  float: left;
}
/* line 3705, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
footer .codeavengers p {
  line-height: 2em;
}
@media (max-width: 760px) {
  /* line 3710, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  footer .codeavengers,
  footer nav.internal {
    float: left;
    text-align: left;
  }
  /* line 3716, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  footer nav.internal a {
    margin-left: 0;
    margin-right: 20px;
  }
}
/* line 3722, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page #footer-container footer {
  padding: 24px 16px;
}
/* line 3726, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
footer a,
footer a:visited {
  color: #848484;
  text-decoration: none;
  display: inline-block;
  margin-left: 40px;
}
/* line 3734, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social a,
.social a:visited,
footer a.secondary,
footer a.secondary:visited {
  color: #acacac;
}
/* line 3741, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social a:hover,
.social a:active,
footer a:hover,
footer a:active {
  color: #5b5b5b;
  /*text-decoration: underline;*/
}
/* line 3749, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.image {
  background-image: url(/images/home/guy-on-laptop.jpg);
}
/* line 3753, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.variationB header.image {
  background-image: url(/images/home/two-university-students.jpg);
}
/* line 3757, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.edge.image {
  background-image: url(/images/home/university-student.jpg);
}
/* line 3761, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.journey.image {
  background-image: url(/images/home/two-men-collaborating.jpg);
}
/* line 3765, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
hr {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #f2f2f2;
  clear: both;
}
/* line 3772, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page hr {
  margin: 20px 60px;
}
/* line 3776, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main hr {
  margin: 32px 0;
}
/* line 3780, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions hr {
  margin: 12px 0;
}
/* line 3784, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main #console hr {
  margin: 4px 0;
}
/* line 3788, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .logo {
  float: left;
  margin-left: 20px;
  padding: 0 32px !important;
  text-align: left;
}
/* line 3795, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.course .top-bar .logo {
  padding: 0 20px;
  margin-left: 0;
}
/* line 3800, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .main header {
  background-image: url(/images/home/guy-on-laptop.jpg);
  height: 324px;
}
/* line 3805, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header nav a,
header nav button {
  cursor: pointer;
  display: inline-block;
  min-width: 90px;
  /*At 86 get weird wrapping sometimes*/
  padding: 12px 20px;
}
/* line 3813, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar nav a:first-of-type {
  /*border-right: 1px solid #d0d0d0; Removed this because it was adding a line after sign up button*/
  border-radius: 0;
  color: #787e81;
}
/* line 3819, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar nav a:nth-of-type(2):hover,
.top-bar nav a:first-of-type:hover {
  color: #e74a4a;
}
/* line 3824, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar nav a:nth-of-type(2) {
  color: #b5b5b5;
}
/*.sign-up-btn {
    background-color: #e53642; 
}*/
/* line 3832, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.action,
header nav a,
button {
  border-radius: 5px;
  border: none;
  color: white;
  font-weight: 700;
  text-decoration: none;
}
/* line 3842, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ace_searchbtn,
.ace_replacebtn {
  border-radius: 0;
  color: #464646;
  font-weight: normal;
}
/* line 3848, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header nav a {
  color: #E1E1E1;
}
/* line 3852, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header nav a:hover {
  color: #FFF;
}
/* line 3856, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button.action {
  background-color: #E86565;
  color: #eee;
}
/* line 3861, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.toolbar .ui-button.action:hover {
  background-color: #D64242;
  color: white;
}
/* line 3866, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
form .action {
  margin-top: 28px;
}
/* line 3870, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-tooltip {
  z-index: 99999 !important;
}
/* line 3874, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-buttonset .ui-button {
  background-color: #D64242;
  color: white;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  min-width: 90px;
  height: 34px;
}
/* line 3884, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-buttonset .ui-button:hover,
.action:hover {
  background-color: #f14e4e;
}
/* line 3889, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header h1 {
  font-size: 50px;
  /* SLIGHT SIZE REDUCTION */
  font-weight: 600;
  line-height: 1.3em;
  /* SLIGHT LINE-HEIGHT INCREASE */
  padding-top: 96px;
  /* LESS PADDING */
}
/* line 3899, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main header h1 {
  color: #464646;
  color: #fff;
  font-size: 42px;
  font-size: 64px;
  padding-top: 37px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 300;
  letter-spacing: -1px;
}
/* line 3911, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main header h2 {
  color: #e0e0e0;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: .45px;
  margin-top: 0;
  text-align: center;
}
/* line 3920, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.main header {
  margin-bottom: 0;
}
/* line 3924, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .main .courses {
  padding: 56px 0 32px;
  background-color: #fff;
  min-width: 100%;
  overflow-x: auto;
}
/* line 3931, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header h1 em {
  font-style: italic;
  letter-spacing: 1.6px;
}
/* line 3936, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
header nav > button {
  margin-left: 20px;
  cursor: pointer;
  line-height: 1.45em;
}
/* line 3942, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.arrow {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  height: 0;
  position: absolute;
  width: 0;
  transition: opacity 300ms ease-out;
}
/* line 3953, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.left.arrow {
  border-right: 10px solid #EDEDED;
  right: 0;
  opacity: 0;
  top: 82px;
}
/* line 3960, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .left.arrow {
  top: 41px;
}
/* line 3964, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.right.arrow {
  border-left: 10px solid #00afc4;
  right: -10px;
  top: 62px;
}
/* line 3970, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.up.arrow {
  border-bottom: 10px solid #00afc4;
  left: 670px;
  top: -24px;
}
/* line 3976, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
select:disabled,
textarea:disabled,
input:disabled,
input[type="submit"]:disabled,
input[type="date"]:disabled,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled {
  background-color: rgba(195, 195, 195, 0.2);
}
/* line 3987, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
button.ui-action:disabled {
  background: #f4f4f4 !important;
  color: #eee !important;
}
/* line 3992, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
button.ui-action.light:disabled {
  background: #eee !important;
  color: #b5b5b5 !important;
}
/* line 3997, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#presentation-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none !important;
}
/* states and images */
/* line 4005, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-icon {
  height: 1.25em;
  width: 1.25em;
}
/* line 4010, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.close .fa {
  color: white;
  font-size: 36px;
  padding: 0;
  position: relative;
}
/* line 4017, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.close:hover .fa {
  color: #636363;
}
/* line 4021, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.close:hover .background {
  background-color: white;
}
/* line 4025, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.close .background {
  background-color: #636363;
  position: absolute;
  height: 80%;
  margin: 3px 2px;
  width: 80%;
  border-radius: 100px;
}
/* line 4034, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.error-message {
  font-size: small !important;
  padding: 8px !important;
  position: absolute;
  background-color: #DF5C66;
  color: white;
  border-radius: 5px;
  line-height: 1.5em;
}
/* line 4044, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.placeholdersjs {
  color: #d2d2d2 !important;
}
/* line 4048, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
::-webkit-input-placeholder {
  color: #d2d2d2;
}
/* line 4052, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
:-moz-placeholder {
  /* Firefox 18- */
  color: #d2d2d2;
}
/* line 4057, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #d2d2d2;
}
/* line 4062, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
:-ms-input-placeholder {
  color: #d2d2d2;
}
/* line 4066, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
footer .social a {
  margin: 10px 0;
}
/* line 4070, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#footer-container {
  border-top: 1px solid #eee;
  background-color: white;
  position: relative;
  width: 100%;
  z-index: 2;
}
/* line 4078, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page2 #footer-container {
  position: relative;
  z-index: 10;
}
/* line 4088, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.t-fullscreen #status-bar,
.t-fullscreen #footer-container {
  display: none !important;
}
/* line 4093, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.t-fullscreen #outer-container {
  top: 0;
}
/* line 4097, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.t-fullscreen #inner-container {
  background-color: #f8f8f8;
}
/* line 4102, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
/* line 4109, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.dev.dev-courses section,
.dev.dev-courses header {
  box-shadow: 0 0 10px -5px red inset;
}
/* line 4114, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .icon-container,
.ca-style .code-block,
.ca-style code {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  white-space: normal;
}
/* line 4124, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block code {
  background-color: transparent;
  border: none;
}
/* line 4129, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style code {
  padding: 1px 3px;
}
/* line 4132, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style code.linenums {
  padding: 0;
}
/* line 4137, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style.content iframe {
  border: 1px solid #ccc;
  vertical-align: middle;
}
/* line 4143, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .options-list code {
  background-color: rgba(236, 236, 236, 0.9);
}
/* line 4146, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .options-list code:hover {
  border-bottom: 1px solid #999;
  position: relative;
  margin-top: -1px !important;
}
/* line 4152, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .options-list code:active {
  border-bottom: none;
  margin-top: 0 !important;
}
/* line 4157, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .options-list code.matched {
  opacity: .5;
}
/* line 4163, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block-container .options-list {
  border: 1px solid#ccc;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 3px;
  background-color: #888;
  width: 100%;
}
/* line 4172, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block-container .options-list code {
  cursor: pointer;
  display: inline-block;
  margin: 2px;
  padding: 1px 8px;
}
/* line 4179, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block {
  margin: 0;
}
/* line 4184, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block-container {
  display: inline-block;
  margin: 12px 0;
  vertical-align: top;
  width: 100%;
}
/* line 4192, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .quiz-blanks_container .code-block-container {
  margin: 0;
}
/* line 4198, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block code,
.ca-style .code-block {
  padding: 0 3px;
}
/* line 4203, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block-container .code-block {
  width: 100%;
}
/* line 4207, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .code-block .code-block-inner {
  margin: 10px;
}
/* line 4211, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-content code.linenums:not(.example-code) {
  padding: 0;
  border: 1px solid #ddd;
}
/* line 4217, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h1 {
  color: #464646;
  font-size: 38px;
  font-weight: 300;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 36px;
  letter-spacing: -0.3px;
  margin-top: 36px;
  margin-bottom: 36px;
  margin-left: 0;
  padding-top: 24px;
  line-height: 1.2em;
}
/* line 4231, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console h1,
.console h2 {
  margin: 0;
  padding: 0;
}
/* line 4237, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.console h2 {
  padding-bottom: 10px;
}
/* line 4241, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#general-information {
  margin: 12px 0;
  padding: 0;
}
/* line 4246, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page2 .ca-style h1 {
  line-height: 1.4em;
}
/* line 4253, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h1:first-of-type {
  margin-top: 12px;
}
/* line 4257, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h2 {
  color: #747474;
  /*cursor: pointer; This needs to be more specific*/
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: 0.8px;
  line-height: 1.4em;
  margin-top: 18px;
  margin-bottom: 6px;
}
/* line 4268, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style .instructions h4 {
  font-size: 18px;
  font-weight: 300;
  margin: 12px 0;
  padding: 0;
}
/* line 4276, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h3 {
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
/* line 4284, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h3,
.ca-style h3 a {
  color: rgba(83, 88, 92, 0.9);
}
/* line 4288, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h4 {
  font-size: 1.2em;
  margin: 0.6em 0 0.3em;
}
/* line 4293, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h5 {
  font-size: 1.1em;
  margin: 0.6em 0 0.3em;
}
/* line 4298, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ca-style h6 {
  font-size: 1.0em;
  margin: 0.6em 0 0.3em;
}
/* line 4306, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page body > header .row {
  width: 1250px;
  height: 60px;
  position: relative;
}
/* line 4312, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page body.wiki > header .row {
  height: 50px;
  width: 100%;
}
/* line 4317, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page body.wiki .top-bar .logo {
  padding: 0 8px !important;
  margin: 0;
}
/* line 4322, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki #outer-container {
  display: none;
}
/* line 4326, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.wiki #wiki-editor {
  top: 50px;
  border: 1px solid #eee;
}
/* line 4331, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page .full-width > header .row {
  width: 100%;
}
/* line 4337, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#full-width-message {
  border-radius: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100000;
}
/* line 4347, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.full-width-message {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  line-height: 1;
  text-align: center;
  padding: 20px 20px;
  position: absolute;
}
/* line 4355, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#checker-container {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  visibility: hidden;
  width: 100%;
}
/* line 4365, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#checker-element {
  /*background-color: rgba(255,200,200,.8);*/
  /*z-index: 100001;*/
}
/* line 4370, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar nav.loggedin {
  display: none;
}
/* line 4374, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.loggedin .top-bar nav.loggedin {
  display: inline-block;
  right: 0;
  top: 0;
  position: absolute;
}
/* line 4381, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.loggedin .top-bar nav.loggedout {
  display: none;
}
/* line 4385, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar nav.loggedin div {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* line 4391, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page nav.loggedin .data:last-of-type {
  border-right: 1px solid #eee;
}
/* line 4395, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page nav.loggedin .data {
  padding-right: 20px;
}
/*@media(max-height: 800px) {
  .info-page body > header .row {
    max-height: @small-header-bar-height;
  }

  .info-page #outer-container,
  .info-page .floating-menu nav {
    top: @small-header-bar-height;
  }
}*/
@media (max-width: 1500px) {
  /* line 4412, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .info-page body > header .row {
    max-width: 100%;
  }
}
@media (max-width: 1070px) {
  /* line 4420, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .info-page body > header .row {
    width: 100%;
  }
}
/* line 4425, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-modal-overlay,
#guiders_overlay,
.ui-widget-overlay {
  background: rgba(41, 41, 41, 0.93);
  z-index: 1002!important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*.dev-mode .ui-widget-overlay {
  display: none !important;
}*/
/* line 4441, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-modal-overlay {
  display: none;
  z-index: 1000!important;
  background: rgba(41, 41, 41, 0.6);
}
/* line 4447, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal .ui-modal-overlay {
  display: block;
}
/* line 4451, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-modal {
  display: none;
}
/* line 4455, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.modal .ui-modal {
  display: block;
}
/* line 4459, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.loading-icons {
  bottom: 80px;
  color: white;
  font-size: 24px;
  left: 0;
  right: 0;
  opacity: 0;
}
/* line 4468, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.loading-icons,
#ca-message {
  z-index: 100000008 !important;
  text-align: center;
  position: fixed;
}
/* line 4475, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#ca-message .text {
  color: white;
  font-size: 42px;
  font-weight: 300;
  display: block;
  max-width: 1200px;
  margin: auto;
  margin-top: 40px;
  text-align: center;
}
/*Main Menu*/
/* line 4489, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page strong {
  font-weight: 600;
}
/* line 4493, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.info-page b {
  font-weight: 700;
}
/*Dialogs*/
/* line 4500, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog {
  background-color: #eee;
  border-radius: 2px;
  /*box-shadow: 0 0 8px 0px #606060;*/
  color: black;
  outline: none;
  padding: 24px;
  position: fixed;
  z-index: 10000;
}
/* line 4512, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.big-dialog {
  padding: 12px;
}
/* line 4516, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.big-dialog .ui-dialog-content {
  margin: 0;
}
/* line 4520, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.validate-dialog {
  padding: 0;
}
/* line 4524, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.validate-dialog .ui-dialog-content {
  margin: 0;
}
/* line 4528, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.validate-dialog .ui-dialog-titlebar {
  position: absolute !important;
  left: 30px;
  right: 60px;
  top: 30px;
  z-index: 1;
}
/* line 4536, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.exampleCode-dialog {
  padding: 0;
}
/* line 4540, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.exampleCode-dialog .ui-dialog-titlebar,
.exampleCode-dialog .ui-dialog-buttonpane {
  padding: 18px;
}
/* line 4545, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.exampleCode-dialog .example,
.exampleCode-dialog .ui-dialog-content {
  margin-bottom: 0;
  margin-top: 0;
}
/* line 4551, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.exampleCode-dialog .ui-dialog-buttonset {
  margin: 0;
}
/* line 4560, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.message-dialog table td:nth-child(1) {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-weight: bold;
  padding-right: 12px;
}
/* line 4566, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.question-dialog .ui-dialog-title {
  font-size: 16px;
}
/* line 4570, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.question-dialog .ui-dialog-title img {
  height: 20px;
  vertical-align: middle;
}
/*.ui-dialog-content b {
  color: #464646;
  font-weight: 600;
}

.ui-dialog-content {
  color: #7a7e81;
  color: #333;
  line-height: 1.6em;
  margin: 18px 0;
}*/
/* line 4587, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.message-dialog .ui-dialog-content {
  margin: 12px 0 0;
  min-height: 0 !important;
}
/* line 4592, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.message-dialog .ui-dialog-title {
  font-size: 14px;
}
/* line 4596, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.message-dialog.ui-dialog {
  padding: 12px;
}
/*
This adds extra margin on quote and pricing popups
.ui-dialog-content p,
.ui-dialog-content div {
  margin-bottom: 12px;
}*/
/* line 4607, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.fileTreeExplorer div {
  margin: 0;
}
/* line 4611, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-content p {
  margin-bottom: 6px;
  margin-right: 12px;
  margin-top: 6px;
}
/* line 4617, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions-content {
  position: relative;
}
/* line 4621, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-content .input .label {
  display: none;
}
/* line 4625, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-content textarea {
  resize: vertical;
}
/* line 4629, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-content .ui-dialog_input,
.ui-dialog-content textarea,
.ui-dialog-content .input input {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 14px;
  padding: 14px;
  width: 100%;
}
/* line 4639, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog .ui-button {
  cursor: pointer;
}
/* line 4643, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-titlebar-close .ui-button-text {
  display: none;
}
/* line 4647, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog-buttonset {
  margin-top: 24px;
  /*text-align: right;*/
}
/* line 4652, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.ui-dialog.no-close .ui-dialog-buttonset .ui-button:first-of-type {
  margin-right: 12px;
}
/* line 4657, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
input[type="file"] {
  margin: 12px 0px;
}
/* line 4661, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.promo-bar {
  display: none;
}
/* line 4664, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.promo-bar .promo-message {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}
/* line 4672, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.promo-bar img {
  opacity: .6;
  width: 32px;
}
/* line 4678, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar {
  background-color: #fff;
  display: block !important;
  position: fixed;
  top: 0;
  width: 100%;
  /*Profile hero buttons will appear on top */
  z-index: 4;
  /*Stop guider highlights from appearing on top*/
  z-index: 10;
}
/* line 4681, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.course-mode .top-bar {
  background-color: transparent;
}
/* line 4694, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .header-bar_container {
  margin: 0 auto;
  /*   max-width: 1034px; */
}
/* line 4699, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar .codecamp {
  display: none;
}
/* line 4703, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.top-bar a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
}
/* line 4713, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.course header .row {
  position: relative;
  width: 100%;
}
/* line 4718, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
::selection {
  background: #ffd8d8;
  /* WebKit/Blink Browsers */
}
/* line 4722, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
::-moz-selection {
  background: #ffd8d8 ;
  /* Gecko Browsers */
}
/* line 4728, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
div.status,
div.points {
  border-radius: 3px;
  margin-bottom: auto;
}
/* line 4733, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions img {
  max-width: 100%;
  vertical-align: top;
}
/* line 4738, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .lightbox {
  cursor: pointer;
}
/* line 4742, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .diagram {
  display: block;
  margin: auto;
}
/* line 4746, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .diagram_label {
  font-size: 0.9em;
  opacity: 0.8;
  position: absolute;
  text-align: center;
}
/* line 4754, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .instructions-icon {
  max-height: 1.6em;
  vertical-align: middle;
}
/* line 4759, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .icon-container {
  display: inline-block;
  font-weight: 600;
  height: 1.4em;
  margin: -2px 0;
  padding: 0 2px 0 4px;
  white-space: nowrap;
}
/* line 4767, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.instructions .icon-container img {
  border-radius: 2px;
  padding-left: 3px;
  position: relative;
  top: -2px;
  vertical-align: top;
}
/* line 4776, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#tasks-toolbar {
  display: none;
}
/*Size the buttons etc for the projects view*/
/* line 4781, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.project.js7 .undo-redo .ui-button-text {
  display: none;
}
/* line 4785, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.project.js7 .undo-redo .ui-button {
  min-width: 0 !important;
}
/* line 4789, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.tools-container .ui-button:active:not(.ui-button-disabled),
.tools-container .ui-button:hover:not(.ui-button-disabled) {
  box-shadow: none;
}
/* line 4794, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#admin-container {
  display: none;
}
/* line 4798, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.print {
  display: none;
}
/*Print Media Query*/
@media print {
  /* line 4804, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .screen {
    display: none !important;
  }
  /* line 4808, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  body {
    width: 100%;
  }
  /* line 4812, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .print {
    display: block;
  }
  /* line 4816, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  #outer-container {
    top: 0;
  }
  /* line 4820, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .main #container {
    padding-bottom: 0;
  }
  /* line 4825, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .invoice h2 {
    display: none;
  }
  /* line 4829, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  h2,
  #menu {
    box-shadow: none !important;
  }
  /* line 4834, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  #ca-style,
  #outer-container {
    position: relative;
    overflow: visible;
  }
  /* line 4840, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
  .side-toolbar,
  .top-bar,
  #footer-container {
    display: none !important;
  }
}
/**Social sharing**/
/*Make sure the results display correctly even if not cashed, i.e. they have not been loaded*/
/* line 4853, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-share {
  display: inline-block;
  height: 28px;
  margin: 4px 3px;
  padding: 0 !important;
  position: relative;
  width: 28px;
  margin-bottom: 4px;
  box-sizing: border-box;
}
/* line 4864, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#console .social-share {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin: 8px 4px 12px 0;
}
/* line 4871, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.share-icon {
  width: 38px;
  vertical-align: top;
}
/* line 4876, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.share-icon:last-child {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 4882, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.html .social-share .share-icon {
  width: 28px;
}
/* line 4886, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.china .social-login {
  display: none;
}
/* line 4890, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.china .social-container {
  display: none;
}
/* line 4894, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-login {
  line-height: 38px;
  margin-top: 32px;
}
/* line 4899, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.facebook-login {
  display: none !important;
}
/* line 4903, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-login .social-share .share-icon {
  cursor: pointer;
  margin-left: 8px;
  vertical-align: middle;
  width: 38px;
}
/* line 4910, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-login .social-share {
  display: inline-block;
  height: 38px;
  width: 38px;
}
/* line 4916, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-share:hover .share-icon:last-child {
  opacity: 0;
}
/* line 4920, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-share .share-icon:first-child {
  opacity: 0;
}
/* line 4924, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.social-share:hover .share-icon:first-child {
  opacity: 1;
}
/*******************/
/* line 4933, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.slide.is-current {
  background-color: #fff0f0;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 red inset;
  padding: 10px 30px;
  margin: -10px -30px;
}
/* line 4941, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.slide ._notes {
  background-color: #eee;
  display: block;
  padding: 18px 24px;
  border-radius: 5px;
  margin: 0 -24px;
}
/* line 4949, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
.slide.is-current ._notes {
  box-shadow: 0 0 4px #999;
}
/* line 4953, C:\Users\Michael\workspace\CodeAvengers2\war\less\main.less */
#presentation-timer {
  font-family: Monaco, Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace;
  font-size: 35px;
  cursor: pointer;
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3a3eb662409b61cffe27)
 * Config saved to config.json and https://gist.github.com/3a3eb662409b61cffe27
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
body {
  margin: 0;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
audio:not([controls]) {
  display: none;
  height: 0;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
[hidden],
template {
  display: none;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
abbr[title] {
  border-bottom: 1px dotted;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
b,
strong {
  font-weight: bold;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
dfn {
  font-style: italic;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
mark {
  background: #ff0;
  color: #000;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
small {
  font-size: 80%;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
sup {
  top: -0.5em;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
sub {
  bottom: -0.25em;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
img {
  border: 0;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
svg:not(:root) {
  overflow: hidden;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
figure {
  margin: 1em 40px;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
pre {
  overflow: auto;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
code,
kbd,
pre,
samp {
  /*font-family: monospace, monospace;*/
  font-size: 1em;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
button {
  overflow: visible;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
button,
select {
  text-transform: none;
}
/* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
button[disabled],
html input[disabled] {
  cursor: default;
}
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
input {
  line-height: normal;
}
/* line 152, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* line 173, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
legend {
  border: 0;
  padding: 0;
}
/* line 182, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
textarea {
  overflow: auto;
}
/* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
optgroup {
  font-weight: bold;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
td,
th {
  padding: 0;
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
body {
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
/* line 216, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* line 225, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
a {
  color: #337ab7;
  background-color: transparent;
  text-decoration: none;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
a:hover {
  color: #23527c;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
a:active,
a:hover {
  outline: 0;
}
/*a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}*/
/* line 247, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
figure {
  margin: 0;
}
/* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
img {
  vertical-align: middle;
}
/* line 254, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
/* line 259, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.img-rounded {
  border-radius: 6px;
}
/* line 262, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
/* line 275, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.img-circle {
  border-radius: 50%;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
/* line 284, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* line 294, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* line 303, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
[role="button"] {
  cursor: pointer;
}
/* line 306, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  /* line 313, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  /* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 323, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .container {
    width: 1170px;
  }
}
/* line 327, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 334, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.section,
.course-popup_wrapper,
.course-popup_lesson,
.course-popup_tasks,
.points-grid,
.blog-section_left,
.blog-section_right,
.blog-section_center,
.blog-section_center,
.featured-post_overlay,
.bottom-bar_container,
.paragraph-grid,
.reasons,
.signup-popup_step-options-container,
.courses-container.-courses,
.courses-container.-wide .course-box,
.courses-container.-medium .course-box,
.course-box_buttons,
.profile-content,
.homeschool-registration .step-1,
.homeschool-registration .step-2,
.homeschool-registration .step-3,
.footer-signup,
.video-cta,
.events-list .events-list-info,
.events-list-list,
.events-list-list .events-list-event,
.info-image,
.slider,
.testimonial-boxes_container,
.four-sections,
.header-image,
.steps,
.popup-gallery .slider,
.contact-us,
.subscription-pricing_boxes-container,
.guide-task_wrapper,
.tweets-container,
.profile-info_row,
.profile-info_user-info-container,
.promo-box-container,
.-promotion .promo-box_content.-mini,
.lesson-wrapper,
.project-boxes_container,
.settings-boxes,
.settings-boxes_box-top,
.my-progress-container_course,
.live-support,
.tracks-preview_tracks,
.vertical-info_block,
.videos_container {
  margin-left: -15px;
  margin-right: -15px;
}
/* line 339, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.course-popup_left,
.course-popup_left,
.course-popup_right,
.course-popup_lesson-number-column,
.course-popup_lesson-title-column,
.course-popup_lesson-progress-bar-column,
.course-popup_lesson-points-column,
.course-popup_lesson-play-column,
.course-popup_lesson-reset-column,
.course-popup_task,
.points-grid_point,
.points-grid_point,
.points-grid_point,
.blog-section_left .blog-section_content,
.blog-section_left .blog-section_content,
.blog-section_left .blog-section_content,
.blog-section_right .blog-section_content,
.blog-section_right .blog-section_content,
.blog-section_right .blog-section_content,
.blog-section_center .blog-section_content,
.featured-post_info,
.featured-post_info,
.featured-post_author.-desktop,
.featured-post_author.-desktop,
.bottom-bar_col-1,
.bottom-bar_col-2,
.bottom-bar_col-2,
.bottom-bar_col-2,
.bottom-bar_col-3,
.bottom-bar_col-3,
.bottom-bar_col-3,
.bottom-bar_col-4,
.bottom-bar_col-4,
.bottom-bar_col-4,
.bottom-bar_col-5,
.bottom-bar_col-5,
.bottom-bar_col-5,
.paragraph-grid_point,
.paragraph-grid_point,
.paragraph-grid_point,
.reasons_left,
.reasons_right,
.reasons_middle,
.courses-container_left,
.courses-container_left,
.courses-container_right,
.courses-container.-mini .course-box_content,
.courses-container.-small .course-box_content,
.courses-container.-wide .course-box_content,
.courses-container.-wide .course-box_content,
.courses-container.-wide .course-box_preview,
.courses-container.-medium .course-box_content,
.courses-container.-medium .course-box_content,
.courses-container.-medium .course-box_preview,
.courses-container.-wide .course-box_buttons-left,
.courses-container.-medium .course-box_buttons-left,
.courses-container.-wide .course-box_buttons-right,
.courses-container.-wide .course-box_buttons-right,
.courses-container.-wide .course-box_buttons-right,
.courses-container.-medium .course-box_buttons-right,
.course-box_buttons-left,
.course-box_buttons-left,
.course-box_buttons-left,
.course-box_buttons-left,
.course-box_buttons-right,
.course-box_buttons-right,
.course-box_buttons-right,
.course-box_buttons-right,
.profile-content_left,
.homeschool-registration .step-1_left,
.homeschool-registration .step-1_left,
.homeschool-registration .step-1_right,
.homeschool-registration .step-1_right,
.video-cta_video,
.video-cta_video,
.video-cta_signup,
.video-cta_signup,
.events-list-list .events-list-event div:first-child,
.events-list-list .events-list-event div:first-child,
.info-image_images,
.info-image_images,
.info-image_info,
.info-image_info,
.slider_control-left,
.slider_control-right,
.slider_content,
.slider_content,
.testimonial-boxes_box-container,
.testimonial-boxes_box-container,
.testimonial-boxes_box-container,
.header-image_left,
.header-image_left,
.header-image_right,
.header-image_right,
.header-image.-wide .header-image_left,
.header-image.-wide .header-image_left,
.header-image.-wide .header-image_right,
.header-image.-wide .header-image_right,
.steps_left,
.steps_right,
.steps_left,
.steps_right,
.steps_middle,
.popup-gallery .slider_content,
.popup-gallery .slider_control-left,
.popup-gallery .slider_control-right,
.contact-us_section,
.contact-us_section,
.contact-us_section,
.pricing_section-wrapper,
.pricing_section,
.subscription-pricing_box-container-left,
.subscription-pricing_box-container-left,
.subscription-pricing_box-container-right,
.subscription-pricing_box-container-right,
.guide-task_information,
.guide-task_information,
.guide-task_information,
.guide-task_information.-smaller,
.guide-task_information.-smaller,
.guide-task_information.-smaller,
.guide-task_controls,
.guide-task_controls,
.guide-task_controls,
.guide-task_controls.-smaller,
.guide-task_controls.-smaller,
.guide-task_controls.-smaller,
.tweet-container,
.tweet-container,
.tweet-container,
.profile-info_col-left,
.profile-info_col-left,
.profile-info_col-right,
.profile-info_col-right,
.promo-box_container,
.promo-box_container,
.promo-box_container,
.promo-box_container.-full,
.promo-box_container.-full,
.-promotion .promo-box_content.-mini .promo-box_left,
.-promotion .promo-box_content.-mini .promo-box_left,
.-promotion .promo-box_content.-mini .promo-box_left,
.-promotion .promo-box_content.-mini .promo-box_right,
.-promotion .promo-box_content.-mini .promo-box_right,
.lesson-box,
.lesson-box,
.lesson-box,
.project-boxes,
.project-boxes,
.project-boxes,
.project-boxes_projects,
.project-boxes_projects,
.project-boxes_projects,
.-lesson-index .lesson-box,
.-lesson-index .lesson-box,
.-lesson-index .project-boxes,
.-lesson-index .project-boxes,
.settings-boxes_box-wrapper,
.settings-boxes_box-wrapper,
.settings-boxes_box-wrapper,
.settings-boxes_box-icon-wrapper,
.settings-boxes_box-info,
.my-progress-container_lessons,
.my-progress-container_lessons,
.my-progress-container_projects,
.my-progress-container_projects,
.live-support_users,
.live-support_admins,
.live-support_conversations,
.tracks-preview_track,
.tracks-preview_track,
.vertical-info_block-image-wrapper,
.vertical-info_block-image-wrapper,
.vertical-info_block-image-wrapper,
.vertical-info_block-info,
.vertical-info_block-info,
.vertical-info_block-info,
.videos_video-wrapper,
.videos_video-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 345, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.course-popup_left,
.course-popup_right,
.course-popup_lesson-number-column,
.course-popup_lesson-title-column,
.course-popup_lesson-progress-bar-column,
.course-popup_lesson-points-column,
.course-popup_lesson-play-column,
.course-popup_lesson-reset-column,
.course-popup_task,
.points-grid_point,
.blog-section_left .blog-section_content,
.blog-section_right .blog-section_content,
.blog-section_center .blog-section_content,
.featured-post_info,
.bottom-bar_col-2,
.bottom-bar_col-3,
.bottom-bar_col-4,
.bottom-bar_col-5,
.paragraph-grid_point,
.courses-container.-mini .course-box_content,
.courses-container.-small .course-box_content,
.courses-container.-wide .course-box_content,
.courses-container.-medium .course-box_content,
.course-box_buttons-left,
.course-box_buttons-right,
.profile-content_left,
.homeschool-registration .step-1_left,
.homeschool-registration .step-1_right,
.video-cta_video,
.video-cta_signup,
.events-list-list .events-list-event div:first-child,
.info-image_images,
.info-image_info,
.slider_content,
.testimonial-boxes_box-container,
.header-image_left,
.header-image_right,
.header-image.-wide .header-image_left,
.header-image.-wide .header-image_right,
.popup-gallery .slider_content,
.popup-gallery .slider_control-left,
.popup-gallery .slider_control-right,
.contact-us_section,
.subscription-pricing_box-container-left,
.subscription-pricing_box-container-right,
.guide-task_information,
.guide-task_controls,
.tweet-container,
.profile-info_col-left,
.profile-info_col-right,
.promo-box_container,
.-promotion .promo-box_content.-mini .promo-box_left,
.lesson-box,
.project-boxes,
.project-boxes_projects,
.-lesson-index .lesson-box,
.-lesson-index .project-boxes,
.settings-boxes_box-wrapper,
.settings-boxes_box-icon-wrapper,
.settings-boxes_box-info,
.my-progress-container_lessons,
.my-progress-container_projects,
.live-support_users,
.live-support_admins,
.live-support_conversations,
.tracks-preview_track,
.vertical-info_block-image-wrapper,
.vertical-info_block-info,
.videos_video-wrapper {
  float: left;
}
/* line 348, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-12,
.course-popup_left,
.course-popup_right,
.points-grid_point,
.blog-section_left .blog-section_content,
.blog-section_right .blog-section_content,
.featured-post_info,
.paragraph-grid_point,
.courses-container.-mini .course-box_content,
.courses-container.-small .course-box_content,
.courses-container.-wide .course-box_content,
.courses-container.-medium .course-box_content,
.course-box_buttons-left,
.course-box_buttons-right,
.profile-content_left,
.homeschool-registration .step-1_left,
.homeschool-registration .step-1_right,
.video-cta_video,
.video-cta_signup,
.events-list-list .events-list-event div:first-child,
.info-image_images,
.info-image_info,
.slider_content,
.testimonial-boxes_box-container,
.header-image_left,
.header-image_right,
.header-image.-wide .header-image_left,
.header-image.-wide .header-image_right,
.contact-us_section,
.subscription-pricing_box-container-left,
.subscription-pricing_box-container-right,
.guide-task_information,
.guide-task_controls,
.tweet-container,
.profile-info_col-left,
.profile-info_col-right,
.promo-box_container,
.-promotion .promo-box_content.-mini .promo-box_left,
.lesson-box,
.project-boxes,
.-lesson-index .lesson-box,
.-lesson-index .project-boxes,
.settings-boxes_box-wrapper,
.my-progress-container_lessons,
.my-progress-container_projects,
.tracks-preview_track,
.vertical-info_block-image-wrapper,
.vertical-info_block-info,
.videos_video-wrapper {
  width: 100%;
}
/* line 351, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-11 {
  width: 91.66666667%;
}
/* line 354, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-10,
.blog-section_center .blog-section_content {
  width: 83.33333333%;
}
/* line 357, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-9,
.settings-boxes_box-info {
  width: 75%;
}
/* line 360, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-8,
.live-support_conversations {
  width: 66.66666667%;
}
/* line 363, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-7 {
  width: 58.33333333%;
}
/* line 366, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-6,
.bottom-bar_col-2,
.bottom-bar_col-3,
.bottom-bar_col-4,
.bottom-bar_col-5,
.popup-gallery .slider_content,
.project-boxes_projects {
  width: 50%;
}
/* line 369, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-5 {
  width: 41.66666667%;
}
/* line 372, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-4,
.course-popup_lesson-title-column,
.course-popup_lesson-progress-bar-column,
.course-popup_lesson-points-column,
.course-popup_task {
  width: 33.33333333%;
}
/* line 375, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-3,
.popup-gallery .slider_control-left,
.popup-gallery .slider_control-right,
.settings-boxes_box-icon-wrapper {
  width: 25%;
}
/* line 378, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-2,
.course-popup_lesson-number-column,
.live-support_users,
.live-support_admins {
  width: 16.66666667%;
}
/* line 381, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-1,
.course-popup_lesson-play-column,
.course-popup_lesson-reset-column {
  width: 8.33333333%;
}
/* line 384, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-12 {
  right: 100%;
}
/* line 387, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-11 {
  right: 91.66666667%;
}
/* line 390, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-10 {
  right: 83.33333333%;
}
/* line 393, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-9 {
  right: 75%;
}
/* line 396, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-8 {
  right: 66.66666667%;
}
/* line 399, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-7 {
  right: 58.33333333%;
}
/* line 402, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-6 {
  right: 50%;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-5 {
  right: 41.66666667%;
}
/* line 408, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-4 {
  right: 33.33333333%;
}
/* line 411, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-3 {
  right: 25%;
}
/* line 414, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-2 {
  right: 16.66666667%;
}
/* line 417, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-1 {
  right: 8.33333333%;
}
/* line 420, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-pull-0 {
  right: auto;
}
/* line 423, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-12 {
  left: 100%;
}
/* line 426, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-11 {
  left: 91.66666667%;
}
/* line 429, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-10 {
  left: 83.33333333%;
}
/* line 432, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-9 {
  left: 75%;
}
/* line 435, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-8 {
  left: 66.66666667%;
}
/* line 438, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-7 {
  left: 58.33333333%;
}
/* line 441, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-6 {
  left: 50%;
}
/* line 444, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-5 {
  left: 41.66666667%;
}
/* line 447, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-4 {
  left: 33.33333333%;
}
/* line 450, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-3 {
  left: 25%;
}
/* line 453, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-2 {
  left: 16.66666667%;
}
/* line 456, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-1 {
  left: 8.33333333%;
}
/* line 459, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-push-0 {
  left: auto;
}
/* line 462, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-12 {
  margin-left: 100%;
}
/* line 465, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
/* line 468, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
/* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-9 {
  margin-left: 75%;
}
/* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
/* line 477, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
/* line 480, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-6 {
  margin-left: 50%;
}
/* line 483, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
/* line 486, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
/* line 489, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-3 {
  margin-left: 25%;
}
/* line 492, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-1,
.blog-section_center .blog-section_content {
  margin-left: 8.33333333%;
}
/* line 498, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  /* line 502, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .points-grid_point,
  .blog-section_left .blog-section_content,
  .blog-section_right .blog-section_content,
  .featured-post_info,
  .featured-post_author.-desktop,
  .bottom-bar_col-2,
  .bottom-bar_col-3,
  .bottom-bar_col-4,
  .bottom-bar_col-5,
  .paragraph-grid_point,
  .courses-container.-wide .course-box_content,
  .courses-container.-wide .course-box_preview,
  .courses-container.-medium .course-box_content,
  .courses-container.-medium .course-box_preview,
  .courses-container.-wide .course-box_buttons-left,
  .courses-container.-medium .course-box_buttons-left,
  .courses-container.-wide .course-box_buttons-right,
  .courses-container.-medium .course-box_buttons-right,
  .course-box_buttons-left,
  .course-box_buttons-right,
  .homeschool-registration .step-1_left,
  .homeschool-registration .step-1_right,
  .slider_control-left,
  .slider_control-right,
  .slider_content,
  .testimonial-boxes_box-container,
  .contact-us_section,
  .pricing_section-wrapper,
  .pricing_section,
  .guide-task_information,
  .guide-task_information.-smaller,
  .guide-task_controls,
  .guide-task_controls.-smaller,
  .profile-info_col-left,
  .profile-info_col-right,
  .promo-box_container,
  .promo-box_container.-full,
  .project-boxes_projects,
  .settings-boxes_box-wrapper,
  .my-progress-container_lessons,
  .my-progress-container_projects,
  .tracks-preview_track,
  .vertical-info_block-image-wrapper,
  .vertical-info_block-image-wrapper,
  .vertical-info_block-info,
  .vertical-info_block-info {
    float: left;
  }
  /* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-12,
  .promo-box_container.-full {
    width: 100%;
  }
  /* line 508, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-11 {
    width: 91.66666667%;
  }
  /* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-10,
  .blog-section_left .blog-section_content,
  .blog-section_right .blog-section_content {
    width: 83.33333333%;
  }
  /* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-9,
  .courses-container.-wide .course-box_content,
  .courses-container.-medium .course-box_content,
  .guide-task_information {
    width: 75%;
  }
  /* line 517, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-8,
  .course-box_buttons-left,
  .vertical-info_block-info {
    width: 66.66666667%;
  }
  /* line 520, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-7,
  .homeschool-registration .step-1_left,
  .vertical-info_block-info {
    width: 58.33333333%;
  }
  /* line 523, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-6,
  .points-grid_point,
  .featured-post_info,
  .paragraph-grid_point,
  .courses-container.-wide .course-box_buttons-left,
  .courses-container.-medium .course-box_buttons-left,
  .courses-container.-wide .course-box_buttons-right,
  .courses-container.-medium .course-box_buttons-right,
  .slider_content,
  .testimonial-boxes_box-container,
  .contact-us_section,
  .pricing_section-wrapper,
  .pricing_section,
  .guide-task_information.-smaller,
  .guide-task_controls.-smaller,
  .profile-info_col-left,
  .profile-info_col-right,
  .promo-box_container,
  .project-boxes_projects,
  .settings-boxes_box-wrapper,
  .my-progress-container_lessons,
  .my-progress-container_projects,
  .tracks-preview_track {
    width: 50%;
  }
  /* line 526, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-5,
  .homeschool-registration .step-1_right,
  .vertical-info_block-image-wrapper {
    width: 41.66666667%;
  }
  /* line 529, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-4,
  .featured-post_author.-desktop,
  .course-box_buttons-right,
  .vertical-info_block-image-wrapper {
    width: 33.33333333%;
  }
  /* line 532, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-3,
  .bottom-bar_col-2,
  .bottom-bar_col-3,
  .bottom-bar_col-4,
  .bottom-bar_col-5,
  .courses-container.-wide .course-box_preview,
  .courses-container.-medium .course-box_preview,
  .slider_control-left,
  .slider_control-right,
  .guide-task_controls {
    width: 25%;
  }
  /* line 535, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-2 {
    width: 16.66666667%;
  }
  /* line 538, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-1 {
    width: 8.33333333%;
  }
  /* line 541, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-12 {
    right: 100%;
  }
  /* line 544, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  /* line 547, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  /* line 550, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-9 {
    right: 75%;
  }
  /* line 553, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  /* line 556, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  /* line 559, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-6 {
    right: 50%;
  }
  /* line 562, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  /* line 565, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  /* line 568, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-3 {
    right: 25%;
  }
  /* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  /* line 574, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  /* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-pull-0 {
    right: auto;
  }
  /* line 580, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-12 {
    left: 100%;
  }
  /* line 583, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  /* line 586, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  /* line 589, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-9 {
    left: 75%;
  }
  /* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  /* line 595, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  /* line 598, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-6 {
    left: 50%;
  }
  /* line 601, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  /* line 604, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  /* line 607, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-3 {
    left: 25%;
  }
  /* line 610, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  /* line 613, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  /* line 616, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-push-0 {
    left: auto;
  }
  /* line 619, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  /* line 622, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 625, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 628, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  /* line 631, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 634, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 637, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  /* line 640, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 643, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 646, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-3,
  .-three .points-grid_point:last-of-type,
  .contact-us_section:last-of-type {
    margin-left: 25%;
  }
  /* line 649, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-2,
  .blog-section_right .blog-section_content {
    margin-left: 16.66666667%;
  }
  /* line 652, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 655, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  /* line 660, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .course-popup_left,
  .points-grid_point,
  .blog-section_left .blog-section_content,
  .blog-section_right .blog-section_content,
  .featured-post_author.-desktop,
  .bottom-bar_col-1,
  .bottom-bar_col-2,
  .bottom-bar_col-3,
  .bottom-bar_col-4,
  .bottom-bar_col-5,
  .paragraph-grid_point,
  .reasons_left,
  .reasons_right,
  .reasons_middle,
  .courses-container_left,
  .courses-container_left,
  .courses-container_right,
  .courses-container.-wide .course-box_buttons-right,
  .course-box_buttons-left,
  .course-box_buttons-right,
  .video-cta_video,
  .video-cta_signup,
  .events-list-list .events-list-event div:first-child,
  .info-image_images,
  .info-image_info,
  .testimonial-boxes_box-container,
  .header-image_left,
  .header-image_right,
  .header-image.-wide .header-image_left,
  .header-image.-wide .header-image_right,
  .steps_left,
  .steps_right,
  .steps_left,
  .steps_right,
  .steps_middle,
  .contact-us_section,
  .subscription-pricing_box-container-left,
  .subscription-pricing_box-container-right,
  .guide-task_information.-smaller,
  .guide-task_controls.-smaller,
  .tweet-container,
  .promo-box_container,
  .promo-box_container.-full,
  .-promotion .promo-box_content.-mini .promo-box_left,
  .-promotion .promo-box_content.-mini .promo-box_right,
  .lesson-box,
  .project-boxes,
  .project-boxes_projects,
  .-lesson-index .lesson-box,
  .-lesson-index .project-boxes,
  .settings-boxes_box-wrapper,
  .videos_video-wrapper {
    float: left;
  }
  /* line 663, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-12,
  .courses-container_left,
  .promo-box_container.-full,
  .project-boxes_projects {
    width: 100%;
  }
  /* line 666, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-11 {
    width: 91.66666667%;
  }
  /* line 669, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-10 {
    width: 83.33333333%;
  }
  /* line 672, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-9 {
    width: 75%;
  }
  /* line 675, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-8,
  .courses-container_left,
  .header-image.-wide .header-image_left,
  .guide-task_information.-smaller {
    width: 66.66666667%;
  }
  /* line 678, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-7,
  .course-popup_left,
  .blog-section_left .blog-section_content,
  .blog-section_right .blog-section_content,
  .info-image_info,
  .-promotion .promo-box_content.-mini .promo-box_left,
  .lesson-box,
  .-lesson-index .lesson-box {
    width: 58.33333333%;
  }
  /* line 681, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-6,
  .course-box_buttons-left,
  .course-box_buttons-right,
  .video-cta_video,
  .video-cta_signup,
  .events-list-list .events-list-event div:first-child,
  .header-image_left,
  .header-image_right,
  .subscription-pricing_box-container-left,
  .subscription-pricing_box-container-right,
  .tweet-container,
  .videos_video-wrapper {
    width: 50%;
  }
  /* line 684, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-5,
  .featured-post_author.-desktop,
  .reasons_left,
  .reasons_right,
  .courses-container.-wide .course-box_buttons-right,
  .info-image_images,
  .steps_left,
  .steps_right,
  .steps_left,
  .steps_right,
  .-promotion .promo-box_content.-mini .promo-box_right,
  .project-boxes,
  .-lesson-index .project-boxes {
    width: 41.66666667%;
  }
  /* line 687, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-4,
  .points-grid_point,
  .courses-container_right,
  .testimonial-boxes_box-container,
  .header-image.-wide .header-image_right,
  .contact-us_section,
  .guide-task_controls.-smaller,
  .promo-box_container,
  .settings-boxes_box-wrapper {
    width: 33.33333333%;
  }
  /* line 690, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-3,
  .bottom-bar_col-1,
  .bottom-bar_col-3,
  .paragraph-grid_point {
    width: 25%;
  }
  /* line 693, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-2,
  .bottom-bar_col-2,
  .bottom-bar_col-4,
  .bottom-bar_col-5,
  .reasons_middle,
  .steps_middle {
    width: 16.66666667%;
  }
  /* line 696, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-1 {
    width: 8.33333333%;
  }
  /* line 699, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-12 {
    right: 100%;
  }
  /* line 702, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  /* line 705, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  /* line 708, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-9 {
    right: 75%;
  }
  /* line 711, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  /* line 714, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  /* line 717, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-6 {
    right: 50%;
  }
  /* line 720, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-5,
  .info-image.-right .info-image_info {
    right: 41.66666667%;
  }
  /* line 723, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  /* line 726, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-3 {
    right: 25%;
  }
  /* line 729, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  /* line 732, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  /* line 735, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-pull-0 {
    right: auto;
  }
  /* line 738, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-12 {
    left: 100%;
  }
  /* line 741, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-11 {
    left: 91.66666667%;
  }
  /* line 744, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-10 {
    left: 83.33333333%;
  }
  /* line 747, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-9 {
    left: 75%;
  }
  /* line 750, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-8 {
    left: 66.66666667%;
  }
  /* line 753, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-7,
  .info-image.-right .info-image_images {
    left: 58.33333333%;
  }
  /* line 756, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-6 {
    left: 50%;
  }
  /* line 759, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-5 {
    left: 41.66666667%;
  }
  /* line 762, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-4 {
    left: 33.33333333%;
  }
  /* line 765, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-3 {
    left: 25%;
  }
  /* line 768, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-2 {
    left: 16.66666667%;
  }
  /* line 771, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-1 {
    left: 8.33333333%;
  }
  /* line 774, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-push-0 {
    left: auto;
  }
  /* line 777, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-12 {
    margin-left: 100%;
  }
  /* line 780, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 783, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 786, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-9 {
    margin-left: 75%;
  }
  /* line 789, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 792, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 795, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-6 {
    margin-left: 50%;
  }
  /* line 798, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-5,
  .blog-section_right .blog-section_content {
    margin-left: 41.66666667%;
  }
  /* line 801, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 804, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-3 {
    margin-left: 25%;
  }
  /* line 807, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 810, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-1,
  .courses-container.-wide .course-box_buttons-right {
    margin-left: 8.33333333%;
  }
  /* line 813, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-md-offset-0,
  .-three .points-grid_point:last-of-type,
  .contact-us_section:last-of-type {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  /* line 818, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .courses-container.-wide .course-box_buttons-right,
  .course-box_buttons-left,
  .course-box_buttons-right,
  .guide-task_information,
  .guide-task_information.-smaller,
  .guide-task_controls,
  .guide-task_controls.-smaller,
  .tweet-container,
  .-promotion .promo-box_content.-mini .promo-box_left,
  .-promotion .promo-box_content.-mini .promo-box_right,
  .lesson-box,
  .project-boxes {
    float: left;
  }
  /* line 821, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-12 {
    width: 100%;
  }
  /* line 824, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-11 {
    width: 91.66666667%;
  }
  /* line 827, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-10,
  .guide-task_information {
    width: 83.33333333%;
  }
  /* line 830, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-9,
  .guide-task_information.-smaller {
    width: 75%;
  }
  /* line 833, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-8,
  .course-box_buttons-left,
  .-promotion .promo-box_content.-mini .promo-box_left,
  .lesson-box {
    width: 66.66666667%;
  }
  /* line 836, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-7 {
    width: 58.33333333%;
  }
  /* line 839, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-6 {
    width: 50%;
  }
  /* line 842, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-5 {
    width: 41.66666667%;
  }
  /* line 845, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-4,
  .courses-container.-wide .course-box_buttons-right,
  .course-box_buttons-right,
  .tweet-container,
  .-promotion .promo-box_content.-mini .promo-box_right,
  .project-boxes {
    width: 33.33333333%;
  }
  /* line 848, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-3,
  .guide-task_controls.-smaller {
    width: 25%;
  }
  /* line 851, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-2,
  .guide-task_controls {
    width: 16.66666667%;
  }
  /* line 854, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-1 {
    width: 8.33333333%;
  }
  /* line 857, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-12 {
    right: 100%;
  }
  /* line 860, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  /* line 863, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  /* line 866, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-9 {
    right: 75%;
  }
  /* line 869, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  /* line 872, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  /* line 875, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-6 {
    right: 50%;
  }
  /* line 878, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  /* line 881, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  /* line 884, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-3 {
    right: 25%;
  }
  /* line 887, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  /* line 890, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  /* line 893, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-pull-0 {
    right: auto;
  }
  /* line 896, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-12 {
    left: 100%;
  }
  /* line 899, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  /* line 902, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  /* line 905, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-9 {
    left: 75%;
  }
  /* line 908, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  /* line 911, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  /* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-6 {
    left: 50%;
  }
  /* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  /* line 920, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  /* line 923, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-3 {
    left: 25%;
  }
  /* line 926, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  /* line 929, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  /* line 932, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-push-0 {
    left: auto;
  }
  /* line 935, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  /* line 938, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 941, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 944, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  /* line 947, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 950, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 953, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  /* line 956, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 959, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 962, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  /* line 965, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-2,
  .courses-container.-wide .course-box_buttons-right {
    margin-left: 16.66666667%;
  }
  /* line 968, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 971, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/* line 975, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.section:before,
.section:after {
  content: " ";
  display: table;
}
/* line 986, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.clearfix:after,
.container:after,
.container-fluid:after,
.section:after {
  clear: both;
}
/* line 992, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 997, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.pull-right,
.header-bar_login,
.info-boxes_box-links,
.projects-popup_time,
.course-box_top-bar-right,
.course-box_details-button.-comingSoon,
.certificates-popup_button,
.dropdown-menu_buttons a:last-child,
.top-notification_close,
.contact-us_subtext,
.lesson-box_top-bar-right {
  float: right !important;
}
/* line 1000, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.pull-left,
.projects-popup_title,
.certificates-popup_certificate i {
  float: left !important;
}
/* line 1003, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.hide {
  display: none !important;
}
/* line 1006, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.show {
  display: block !important;
}
/* line 1009, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.invisible {
  visibility: hidden;
}
/* line 1012, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* line 1019, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.hidden {
  display: none !important;
}
/* line 1022, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
/* line 1028, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.guide-nav.-mobile,
.guide-nav_lesson-header.is-mobile {
  display: none !important;
}
/* line 1034, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.header-bar_mobile,
.header-bar_mobile {
  display: none !important;
}
@media (max-width: 767px) {
  /* line 1049, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-xs,
  .guide-nav.-mobile,
  .guide-nav_lesson-header.is-mobile {
    display: block !important;
  }
  /* line 1052, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  table.visible-xs {
    display: table !important;
  }
  /* line 1055, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  tr.visible-xs {
    display: table-row !important;
  }
  /* line 1058, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  /* line 1064, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-xs-block,
  .header-bar_mobile {
    display: block !important;
  }
}
@media (max-width: 767px) {
  /* line 1069, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  /* line 1074, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1079, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-sm {
    display: block !important;
  }
  /* line 1082, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  table.visible-sm {
    display: table !important;
  }
  /* line 1085, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  tr.visible-sm {
    display: table-row !important;
  }
  /* line 1088, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1094, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-sm-block,
  .header-bar_mobile {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1099, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1104, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1109, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-md {
    display: block !important;
  }
  /* line 1112, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  table.visible-md {
    display: table !important;
  }
  /* line 1115, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  tr.visible-md {
    display: table-row !important;
  }
  /* line 1118, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1124, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1129, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1134, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  /* line 1139, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-lg {
    display: block !important;
  }
  /* line 1142, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  table.visible-lg {
    display: table !important;
  }
  /* line 1145, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  tr.visible-lg {
    display: table-row !important;
  }
  /* line 1148, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  /* line 1154, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  /* line 1159, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  /* line 1164, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  /* line 1169, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .hidden-xs,
  .course-popup_lesson-play-column,
  .course-popup_lesson-reset-column,
  .featured-post_author.-desktop,
  .bottom-bar_col-1,
  .header-bar_desktop,
  .courses-container_right,
  .courses-container.-wide .course-box_preview,
  .courses-container.-medium .course-box_preview,
  .slider_control-left,
  .slider_control-right,
  .-promotion .promo-box_content.-mini .promo-box_right {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1174, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .hidden-sm,
  .bottom-bar_col-1,
  .header-bar_desktop,
  .courses-container_right,
  .-promotion .promo-box_content.-mini .promo-box_right {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1179, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  /* line 1184, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .hidden-lg,
  .guide-header.-mobile {
    display: none !important;
  }
}
/* line 1188, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.visible-print {
  display: none !important;
}
@media print {
  /* line 1192, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-print {
    display: block !important;
  }
  /* line 1195, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  table.visible-print {
    display: table !important;
  }
  /* line 1198, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  tr.visible-print {
    display: table-row !important;
  }
  /* line 1201, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
/* line 1206, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.visible-print-block {
  display: none !important;
}
@media print {
  /* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-print-block {
    display: block !important;
  }
}
/* line 1214, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.visible-print-inline {
  display: none !important;
}
@media print {
  /* line 1218, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-print-inline {
    display: inline !important;
  }
}
/* line 1222, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
.visible-print-inline-block {
  display: none !important;
}
@media print {
  /* line 1226, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  /* line 1231, C:\Users\Michael\workspace\CodeAvengers2\war\less\bootstrap.less */
  .hidden-print {
    display: none !important;
  }
}
/*@font-open-sans: 'Open Sans', sans-serif;/*/
/*Used with fontSpy*/
/*font sizes*/
/*--- colors ---*/
/*sizes*/
/* line 314, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.p {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
}
/* line 322, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.small {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.link {
  cursor: pointer;
  display: block;
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  margin: 10px 0 0;
  opacity: .8;
  text-decoration: none;
  text-transform: none;
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.link:hover {
  opacity: 1;
}
/* line 378, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.verticalAlign,
.blog-header_content,
.blog-controls_dots,
.blog-section_content,
.loader,
.course-box_preview-video-play,
.course-box_preview-video-play-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 386, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.verticalAlignAbsolute {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.verticalAlignFixed {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: fixed;
}
/*
.clearfix {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
*/
/* line 458, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 467, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.box {
  background-color: #fff;
  box-shadow: 0 2px 0 0 #CCCFDB;
  padding: 15px;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .box {
    padding: 30px;
  }
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/*#main {
  line-height: 1.4em;
}*/
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
a,
a:hover,
a:active,
a:focus {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.clearfix {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.badge {
  color: #fff;
  background-color: #878787;
  border-radius: 3px;
  padding: 2px 10px;
  line-height: 20px;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
input {
  width: 300px;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
textarea,
select,
input {
  border-radius: 5px;
  font: 16px 'museo-sans-rounded', sans-serif;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
textarea :focus,
select :focus,
input :focus {
  background-color: #f4f4f4;
  border-color: #aaa;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
textarea[type=checkbox],
select[type=checkbox],
input[type=checkbox] {
  width: 30px;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.responsive-video {
  position: relative;
  padding-bottom: 51.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress_mask,
.radial-progress_fill,
.radial-progress -shadow {
  width: 50px;
  height: 50px;
  position: absolute;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress_shadow {
  box-shadow: none inset;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress_mask,
.radial-progress_fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress_mask {
  clip: rect(0px, 50px, 50px, 25px);
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress_mask .radial-progress_fill {
  clip: rect(0px, 25px, 50px, 0px);
  background-color: #00afc4;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="0"] .radial-progress_mask.-full,
.radial-progress[data-progress="0"] .radial-progress_fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="0"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="1"] .radial-progress_mask.-full,
.radial-progress[data-progress="1"] .radial-progress_fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="1"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="2"] .radial-progress_mask.-full,
.radial-progress[data-progress="2"] .radial-progress_fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="2"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="3"] .radial-progress_mask.-full,
.radial-progress[data-progress="3"] .radial-progress_fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="3"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="4"] .radial-progress_mask.-full,
.radial-progress[data-progress="4"] .radial-progress_fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="4"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="5"] .radial-progress_mask.-full,
.radial-progress[data-progress="5"] .radial-progress_fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="5"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="6"] .radial-progress_mask.-full,
.radial-progress[data-progress="6"] .radial-progress_fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="6"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="7"] .radial-progress_mask.-full,
.radial-progress[data-progress="7"] .radial-progress_fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="7"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="8"] .radial-progress_mask.-full,
.radial-progress[data-progress="8"] .radial-progress_fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="8"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="9"] .radial-progress_mask.-full,
.radial-progress[data-progress="9"] .radial-progress_fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="9"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="10"] .radial-progress_mask.-full,
.radial-progress[data-progress="10"] .radial-progress_fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="10"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="11"] .radial-progress_mask.-full,
.radial-progress[data-progress="11"] .radial-progress_fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="11"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="12"] .radial-progress_mask.-full,
.radial-progress[data-progress="12"] .radial-progress_fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="12"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="13"] .radial-progress_mask.-full,
.radial-progress[data-progress="13"] .radial-progress_fill {
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="13"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="14"] .radial-progress_mask.-full,
.radial-progress[data-progress="14"] .radial-progress_fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="14"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="15"] .radial-progress_mask.-full,
.radial-progress[data-progress="15"] .radial-progress_fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="15"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="16"] .radial-progress_mask.-full,
.radial-progress[data-progress="16"] .radial-progress_fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="16"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="17"] .radial-progress_mask.-full,
.radial-progress[data-progress="17"] .radial-progress_fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="17"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="18"] .radial-progress_mask.-full,
.radial-progress[data-progress="18"] .radial-progress_fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="18"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="19"] .radial-progress_mask.-full,
.radial-progress[data-progress="19"] .radial-progress_fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="19"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="20"] .radial-progress_mask.-full,
.radial-progress[data-progress="20"] .radial-progress_fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="20"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="21"] .radial-progress_mask.-full,
.radial-progress[data-progress="21"] .radial-progress_fill {
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="21"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="22"] .radial-progress_mask.-full,
.radial-progress[data-progress="22"] .radial-progress_fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="22"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="23"] .radial-progress_mask.-full,
.radial-progress[data-progress="23"] .radial-progress_fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="23"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="24"] .radial-progress_mask.-full,
.radial-progress[data-progress="24"] .radial-progress_fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="24"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="25"] .radial-progress_mask.-full,
.radial-progress[data-progress="25"] .radial-progress_fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="25"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="26"] .radial-progress_mask.-full,
.radial-progress[data-progress="26"] .radial-progress_fill {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="26"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="27"] .radial-progress_mask.-full,
.radial-progress[data-progress="27"] .radial-progress_fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="27"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="28"] .radial-progress_mask.-full,
.radial-progress[data-progress="28"] .radial-progress_fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="28"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="29"] .radial-progress_mask.-full,
.radial-progress[data-progress="29"] .radial-progress_fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="29"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="30"] .radial-progress_mask.-full,
.radial-progress[data-progress="30"] .radial-progress_fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="30"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="31"] .radial-progress_mask.-full,
.radial-progress[data-progress="31"] .radial-progress_fill {
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="31"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="32"] .radial-progress_mask.-full,
.radial-progress[data-progress="32"] .radial-progress_fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="32"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="33"] .radial-progress_mask.-full,
.radial-progress[data-progress="33"] .radial-progress_fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="33"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="34"] .radial-progress_mask.-full,
.radial-progress[data-progress="34"] .radial-progress_fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="34"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="35"] .radial-progress_mask.-full,
.radial-progress[data-progress="35"] .radial-progress_fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="35"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="36"] .radial-progress_mask.-full,
.radial-progress[data-progress="36"] .radial-progress_fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="36"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="37"] .radial-progress_mask.-full,
.radial-progress[data-progress="37"] .radial-progress_fill {
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="37"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="38"] .radial-progress_mask.-full,
.radial-progress[data-progress="38"] .radial-progress_fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="38"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="39"] .radial-progress_mask.-full,
.radial-progress[data-progress="39"] .radial-progress_fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="39"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="40"] .radial-progress_mask.-full,
.radial-progress[data-progress="40"] .radial-progress_fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="40"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="41"] .radial-progress_mask.-full,
.radial-progress[data-progress="41"] .radial-progress_fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="41"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="42"] .radial-progress_mask.-full,
.radial-progress[data-progress="42"] .radial-progress_fill {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="42"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="43"] .radial-progress_mask.-full,
.radial-progress[data-progress="43"] .radial-progress_fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="43"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="44"] .radial-progress_mask.-full,
.radial-progress[data-progress="44"] .radial-progress_fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="44"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="45"] .radial-progress_mask.-full,
.radial-progress[data-progress="45"] .radial-progress_fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="45"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="46"] .radial-progress_mask.-full,
.radial-progress[data-progress="46"] .radial-progress_fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="46"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="47"] .radial-progress_mask.-full,
.radial-progress[data-progress="47"] .radial-progress_fill {
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="47"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="48"] .radial-progress_mask.-full,
.radial-progress[data-progress="48"] .radial-progress_fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="48"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="49"] .radial-progress_mask.-full,
.radial-progress[data-progress="49"] .radial-progress_fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="49"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="50"] .radial-progress_mask.-full,
.radial-progress[data-progress="50"] .radial-progress_fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="50"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="51"] .radial-progress_mask.-full,
.radial-progress[data-progress="51"] .radial-progress_fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="51"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="52"] .radial-progress_mask.-full,
.radial-progress[data-progress="52"] .radial-progress_fill {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="52"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="53"] .radial-progress_mask.-full,
.radial-progress[data-progress="53"] .radial-progress_fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="53"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="54"] .radial-progress_mask.-full,
.radial-progress[data-progress="54"] .radial-progress_fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="54"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="55"] .radial-progress_mask.-full,
.radial-progress[data-progress="55"] .radial-progress_fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="55"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="56"] .radial-progress_mask.-full,
.radial-progress[data-progress="56"] .radial-progress_fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="56"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="57"] .radial-progress_mask.-full,
.radial-progress[data-progress="57"] .radial-progress_fill {
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="57"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="58"] .radial-progress_mask.-full,
.radial-progress[data-progress="58"] .radial-progress_fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="58"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="59"] .radial-progress_mask.-full,
.radial-progress[data-progress="59"] .radial-progress_fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="59"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="60"] .radial-progress_mask.-full,
.radial-progress[data-progress="60"] .radial-progress_fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="60"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="61"] .radial-progress_mask.-full,
.radial-progress[data-progress="61"] .radial-progress_fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="61"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="62"] .radial-progress_mask.-full,
.radial-progress[data-progress="62"] .radial-progress_fill {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="62"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="63"] .radial-progress_mask.-full,
.radial-progress[data-progress="63"] .radial-progress_fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="63"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="64"] .radial-progress_mask.-full,
.radial-progress[data-progress="64"] .radial-progress_fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="64"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="65"] .radial-progress_mask.-full,
.radial-progress[data-progress="65"] .radial-progress_fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="65"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="66"] .radial-progress_mask.-full,
.radial-progress[data-progress="66"] .radial-progress_fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="66"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="67"] .radial-progress_mask.-full,
.radial-progress[data-progress="67"] .radial-progress_fill {
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="67"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="68"] .radial-progress_mask.-full,
.radial-progress[data-progress="68"] .radial-progress_fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="68"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="69"] .radial-progress_mask.-full,
.radial-progress[data-progress="69"] .radial-progress_fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="69"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="70"] .radial-progress_mask.-full,
.radial-progress[data-progress="70"] .radial-progress_fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="70"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="71"] .radial-progress_mask.-full,
.radial-progress[data-progress="71"] .radial-progress_fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="71"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="72"] .radial-progress_mask.-full,
.radial-progress[data-progress="72"] .radial-progress_fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="72"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="73"] .radial-progress_mask.-full,
.radial-progress[data-progress="73"] .radial-progress_fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="73"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="74"] .radial-progress_mask.-full,
.radial-progress[data-progress="74"] .radial-progress_fill {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="74"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="75"] .radial-progress_mask.-full,
.radial-progress[data-progress="75"] .radial-progress_fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="75"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="76"] .radial-progress_mask.-full,
.radial-progress[data-progress="76"] .radial-progress_fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="76"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="77"] .radial-progress_mask.-full,
.radial-progress[data-progress="77"] .radial-progress_fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="77"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="78"] .radial-progress_mask.-full,
.radial-progress[data-progress="78"] .radial-progress_fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="78"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="79"] .radial-progress_mask.-full,
.radial-progress[data-progress="79"] .radial-progress_fill {
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="79"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="80"] .radial-progress_mask.-full,
.radial-progress[data-progress="80"] .radial-progress_fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="80"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="81"] .radial-progress_mask.-full,
.radial-progress[data-progress="81"] .radial-progress_fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="81"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="82"] .radial-progress_mask.-full,
.radial-progress[data-progress="82"] .radial-progress_fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="82"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="83"] .radial-progress_mask.-full,
.radial-progress[data-progress="83"] .radial-progress_fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="83"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="84"] .radial-progress_mask.-full,
.radial-progress[data-progress="84"] .radial-progress_fill {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="84"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="85"] .radial-progress_mask.-full,
.radial-progress[data-progress="85"] .radial-progress_fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="85"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="86"] .radial-progress_mask.-full,
.radial-progress[data-progress="86"] .radial-progress_fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="86"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="87"] .radial-progress_mask.-full,
.radial-progress[data-progress="87"] .radial-progress_fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="87"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="88"] .radial-progress_mask.-full,
.radial-progress[data-progress="88"] .radial-progress_fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="88"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="89"] .radial-progress_mask.-full,
.radial-progress[data-progress="89"] .radial-progress_fill {
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="89"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="90"] .radial-progress_mask.-full,
.radial-progress[data-progress="90"] .radial-progress_fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="90"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="91"] .radial-progress_mask.-full,
.radial-progress[data-progress="91"] .radial-progress_fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="91"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="92"] .radial-progress_mask.-full,
.radial-progress[data-progress="92"] .radial-progress_fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="92"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="93"] .radial-progress_mask.-full,
.radial-progress[data-progress="93"] .radial-progress_fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="93"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="94"] .radial-progress_mask.-full,
.radial-progress[data-progress="94"] .radial-progress_fill {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="94"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="95"] .radial-progress_mask.-full,
.radial-progress[data-progress="95"] .radial-progress_fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="95"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="96"] .radial-progress_mask.-full,
.radial-progress[data-progress="96"] .radial-progress_fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="96"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="97"] .radial-progress_mask.-full,
.radial-progress[data-progress="97"] .radial-progress_fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="97"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="98"] .radial-progress_mask.-full,
.radial-progress[data-progress="98"] .radial-progress_fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="98"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="99"] .radial-progress_mask.-full,
.radial-progress[data-progress="99"] .radial-progress_fill {
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="99"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="100"] .radial-progress_mask.-full,
.radial-progress[data-progress="100"] .radial-progress_fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.radial-progress[data-progress="100"] .radial-progress_fill.-fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.popup-img {
  margin-right: 15px;
}
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.responsive-image,
.info-image_image {
  width: 100%;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.-clearMargin {
  margin: 0 !important;
}
/* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.-overflow {
  overflow-x: hidden;
}
/* input states */
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.input-state,
.input-state[placeholder],
.popup-form_input,
.popup-form_input[placeholder] {
  border: 2px solid #a9b6bc;
  border-radius: 3px;
  color: #a9b6bc;
  text-align: center;
  width: 100% !important;
}
/* line 152, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.input-state:focus,
.popup-form_input:focus {
  background-color: #fff;
  border-color: #2f9de6;
  color: #2f9de6;
}
/* line 158, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.input-state.has-error,
.popup-form_input.invalid {
  box-shadow: none;
  border-color: #1a80c7;
  color: #1a80c7;
}
/* input states */
/*Header*/
/*#outer-container {
  bottom: 10px;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: @header-bar-height;
}*/
/* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.top-bar {
  overflow: visible;
}
/*Profile page and others with tabs need a scrollbar always visible so it doesn't jump if one tab has less content than the page height*/
/* line 181, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.t-transparent-header body {
  overflow-y: scroll;
}
/* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedin .is-logged-out {
  display: none !important;
}
/* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedin .header-bar_buttons {
  display: none;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedin .header-bar_profile {
  display: inline-block;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedin.t-transparent-header #status-bar {
  background-color: rgba(0, 0, 0, 0);
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedout .is-logged-in {
  display: none !important;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedout .header-bar_buttons .header-bar_link {
  display: inline-block;
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.loggedout .header-bar_profile {
  display: none;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.new-bar {
  display: block;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.needs-save .header-bar {
  background-color: #666 !important;
}
/* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.wiki .header-bar {
  height: 50px !important;
}
/* line 233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.wiki .top-bar {
  height: 50px !important;
  padding: 5px 10px;
}
/*The max-width here breaks the profile page
//.container.-max {
.container {
  max-width: 1054px;
  //padding: 0 40px;
}
*/
/* line 257, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.white-background {
  background-color: #fff;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.purple-background {
  background-color: #370a27;
}
/*--- homepage ---*/
/* line 266, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.learn-languages {
  margin-top: 0px;
  text-align: right;
  display: none;
}
@media (min-width: 992px) {
  /* line 271, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
  .learn-languages {
    display: block;
  }
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.learn-languages_learn {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #3b3b3b;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-right: 30px;
  margin-bottom: 10px;
  padding: 2px 7px;
  position: relative;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.learn-languages_learn:hover,
.learn-languages_learn:active,
.learn-languages_learn:focus {
  color: #3b3b3b;
  opacity: .7;
}
/* line 298, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.learn-languages_learn:before {
  border-left: 10px solid white;
  border-top: 11px solid transparent;
  border-bottom: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: -10px;
  top: 0px;
  width: 0;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.learn-languages_language {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px;
  text-transform: uppercase;
}
/* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
.learn-languages_language:hover,
.learn-languages_language:active {
  color: #fff;
  opacity: .5;
}
@media (min-width: 530px) {
  /* line 328, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
  .learn-languages {
    text-align: left;
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  /* line 337, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
  .learn-languages_language {
    padding: 10px 5px;
  }
}
@media (min-width: 1200px) {
  /* line 345, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
  .learn-languages {
    margin-top: 90px;
  }
  /* line 348, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\base.less */
  .learn-languages_language {
    padding: 10px 10px;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\styles.less */
.action {
  margin-top: 0;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\styles.less */
.action:disabled {
  opacity: 0.6;
}
/*buttons class 1 */
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button,
.secondary-button,
.cta-button,
.points-grid_button,
.points-grid_button:hover,
.header-bar_upgrade,
.header-bar_start-button,
.header-bar_register-button,
.popup-form_button,
.unsubscribe-popup_button,
.certificates-popup_button,
.header-banner_button,
.footer-signup_button,
.footer-signup_button.-solid,
.header-image .button,
.quiz-buttons_button.-check,
.live-chat_info-button,
.live-chat_input-send,
.featured-post_info-button,
.popup-form_social,
.dropdown-menu_button,
.top-notification_button,
.message-bar_button,
.message-bar.black .share_embed-button,
.banner-container_button,
.profile-info_button,
.promo-box_button,
.promo-box_button2,
.promo-box_button3,
.settings-boxes_box-button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding: .6em 1.4em;
  letter-spacing: 1px;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: background-color 0.4s;
  user-select: none;
  vertical-align: middle;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button:hover,
.button:focus,
.button:active {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #eb384e;
  cursor: pointer;
  text-decoration: none !important;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-solid {
  color: #2f9de6;
  background-color: #fff;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-solid:hover {
  border-color: #13659c;
  background-color: rgba(0, 0, 0, 0);
  color: #13659c;
  cursor: pointer;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-large-square {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font: 14px @font-museo;*/
  font-weight: bold;
  padding: 20px !important;
  margin-right: 10px;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-white {
  border-color: #fff;
  color: #fff;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-white:hover,
.button.-white:focus,
.button.-white:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: background-color 0.5s;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-solid-white,
.course-popup_purchase-button {
  background-color: #fff;
  border-color: #fff;
  color: #565876;
  padding: .6em 1.6em;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-solid-white:hover,
.button.-solid-white:focus,
.button.-solid-white:active,
.course-popup_purchase-button:hover,
.course-popup_purchase-button:focus,
.course-popup_purchase-button:active {
  border-color: #cccccc;
  background-color: #cccccc;
  color: #565876;
  cursor: pointer;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-default {
  background-color: #c9001e;
  border-color: #c9001e;
  color: #fff;
  padding: .6em 1.6em;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-default:hover,
.button.-default:focus,
.button.-default:active {
  border-color: #63000f;
  background-color: #63000f;
  color: #fff;
  cursor: pointer;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-blue {
  background-color: #1a324f;
  border-color: #1a324f;
  color: #fff;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-blue:hover,
.button.-blue:focus,
.button.-blue:active {
  border-color: #010102;
  background-color: #010102;
  color: #fff;
  cursor: pointer;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-red,
.popup-box_button,
.ui-dialog_button,
.popup-box .ui-dialog-buttonset .ui-button,
.ui-dialog .ui-dialog-buttonset .ui-button,
.pricing_button,
.guiders_button.ui-button:not(.secondary-button),
.reference_output .ui-button,
.instructions .run-code_button,
.content .run-code_button,
.instructions .copy-code_button,
.content .copy-code_button {
  color: #fff;
  background-color: #c9001e;
  border-color: #c9001e;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-red:hover,
.button.-red:focus,
.button.-red:active,
.popup-box_button:hover,
.popup-box_button:focus,
.popup-box_button:active,
.ui-dialog_button:hover,
.ui-dialog_button:focus,
.ui-dialog_button:active,
.popup-box .ui-dialog-buttonset .ui-button:hover,
.popup-box .ui-dialog-buttonset .ui-button:focus,
.popup-box .ui-dialog-buttonset .ui-button:active,
.ui-dialog .ui-dialog-buttonset .ui-button:hover,
.ui-dialog .ui-dialog-buttonset .ui-button:focus,
.ui-dialog .ui-dialog-buttonset .ui-button:active,
.pricing_button:hover,
.pricing_button:focus,
.pricing_button:active,
.guiders_button.ui-button:not(.secondary-button):hover,
.guiders_button.ui-button:not(.secondary-button):focus,
.guiders_button.ui-button:not(.secondary-button):active,
.reference_output .ui-button:hover,
.reference_output .ui-button:focus,
.reference_output .ui-button:active,
.instructions .run-code_button:hover,
.instructions .run-code_button:focus,
.instructions .run-code_button:active,
.content .run-code_button:hover,
.content .run-code_button:focus,
.content .run-code_button:active,
.instructions .copy-code_button:hover,
.instructions .copy-code_button:focus,
.instructions .copy-code_button:active,
.content .copy-code_button:hover,
.content .copy-code_button:focus,
.content .copy-code_button:active {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-red-orange,
.action {
  background: #c9001e;
  border-color: #c9001e;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-red-orange:hover,
.button.-red-orange:active,
.button.-red-orange:focus,
.action:hover,
.action:active,
.action:focus {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-black {
  color: #fff;
  background-color: #565876;
  border: 2px solid #565876;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-black:hover,
.button.-black:focus,
.button.-black:active {
  border-color: #2b2c3b;
  background-color: #2b2c3b;
  color: #fff;
  cursor: pointer;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-black-bordered,
.bio-popup_button,
.popup-box .ui-dialog-buttonset .ui-button:nth-of-type(2),
.ui-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2),
.popup-form_button.-secondary,
.four-sections_buttons .button {
  color: #565876;
  background-color: transparent;
  border: 2px solid #565876;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.button.-black-bordered:hover,
.button.-black-bordered:focus,
.button.-black-bordered:active,
.bio-popup_button:hover,
.bio-popup_button:focus,
.bio-popup_button:active,
.popup-box .ui-dialog-buttonset .ui-button:nth-of-type(2):hover,
.popup-box .ui-dialog-buttonset .ui-button:nth-of-type(2):focus,
.popup-box .ui-dialog-buttonset .ui-button:nth-of-type(2):active,
.ui-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2):hover,
.ui-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2):focus,
.ui-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2):active,
.popup-form_button.-secondary:hover,
.popup-form_button.-secondary:focus,
.popup-form_button.-secondary:active,
.four-sections_buttons .button:hover,
.four-sections_buttons .button:focus,
.four-sections_buttons .button:active {
  border-color: #2b2c3b;
  background-color: rgba(0, 0, 0, 0);
  color: #2b2c3b;
  cursor: pointer;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.secondary-button,
.featured-post_info-button,
.popup-form_social,
.dropdown-menu_button,
.top-notification_button,
.message-bar_button,
.message-bar.black .share_embed-button,
.banner-container_button,
.profile-info_button,
.promo-box_button,
.promo-box_button2,
.promo-box_button3,
.settings-boxes_box-button {
  background-color: rgba(120, 120, 120, 0.2);
  color: #fff;
  font-size: 11px;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.secondary-button:hover,
.secondary-button:active,
.secondary-button:focus,
.featured-post_info-button:hover,
.featured-post_info-button:active,
.featured-post_info-button:focus,
.popup-form_social:hover,
.popup-form_social:active,
.popup-form_social:focus,
.dropdown-menu_button:hover,
.dropdown-menu_button:active,
.dropdown-menu_button:focus,
.top-notification_button:hover,
.top-notification_button:active,
.top-notification_button:focus,
.message-bar.black .share_embed-button:hover,
.message-bar.black .share_embed-button:active,
.message-bar.black .share_embed-button:focus,
.banner-container_button:hover,
.banner-container_button:active,
.banner-container_button:focus,
.profile-info_button:hover,
.profile-info_button:active,
.profile-info_button:focus,
.promo-box_button:hover,
.promo-box_button:active,
.promo-box_button:focus,
.promo-box_button2:hover,
.promo-box_button2:active,
.promo-box_button2:focus,
.promo-box_button3:hover,
.promo-box_button3:active,
.promo-box_button3:focus,
.settings-boxes_box-button:hover,
.settings-boxes_box-button:active,
.settings-boxes_box-button:focus {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: background-color 0.5s;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.cta-button {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.cta-button:hover,
.cta-button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.cta-button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.cta-button.-secondary:hover,
.cta-button.-secondary:focus {
  background-color: #5d5f72;
}
/*Dialog box css*/
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.backdrop {
  position: fixed;
  background: rgba(64, 64, 64, 0.94);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  border: none;
  border-radius: 5px;
  padding: 0;
  background: white;
  color: black;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  text-align: center;
  display: none;
  z-index: 10000;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog.payment {
  margin-top: 0;
}
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog.completed {
  background-color: transparent;
}
/* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog.payment.share {
  margin-top: 0;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog[open] {
  display: block;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog header {
  background-color: #e7e7e7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 12px;
  position: relative;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog footer {
  font-size: 13px;
  bottom: -64px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside + footer {
  bottom: -145px;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog footer .vertical-divider {
  border-left: 3px solid #e5e5e5;
  display: inline-block;
  height: 24px;
  margin: -6px 24px;
}
/* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog footer a,
dialog footer a:visited {
  color: #e5e5e5;
  margin: 0;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog footer .fa {
  margin: 12px;
  padding: 0;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog footer a:hover {
  color: white;
}
/* line 97, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog header .fa {
  font-size: 32px;
  padding-right: 6px;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog header h1 {
  background-color: white;
  border-radius: 2px;
  color: #a5a5a5;
  font-size: 20px;
  font-weight: 400;
  line-height: 2.5em;
  margin: 0;
  padding: 20px 30px;
}
/* line 113, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog h2 {
  color: #818181;
  font-size: 28px;
  font-weight: 300;
  margin: 40px 0 0;
  line-height: 1.4em;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog.payment h2 {
  margin: 24px 0 0;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog p {
  color: #a5a5a5;
  margin: 12px;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog section .secure-payment {
  color: #9b9b9b;
  font-size: 13px;
  font-weight: 700;
}
/* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog section .secure-payment .fa {
  font-size: 18px;
  margin-right: 12px;
  margin-top: 24px;
}
/* line 143, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .dialog-buttons {
  margin: 40px 24px 24px;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog.payment .dialog-buttons {
  margin: 24px 24px 24px;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .dialog-buttons .action:first-child {
  margin-right: 10px;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .action {
  font-weight: 800;
  padding: 18px 8px;
  max-width: 180px;
  min-width: 180px;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .action .extra {
  font-weight: 400;
  padding: 8px 0 0 0 !important;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .action.double {
  padding: 0;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog a {
  cursor: pointer;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .action span {
  display: block;
  padding: 10px;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .action span:nth-child(2) {
  padding: 16px 0;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .action span:first-child {
  background-color: white;
  border: 5px solid #e7e7e7;
  color: #9b9b9b;
  font-size: 12px;
  padding: 10px 20px;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside {
  background-color: white;
  border-radius: 5px;
  bottom: -100px;
  color: #a8a8a8;
  padding: 20px 10px;
  position: absolute;
  width: 100%;
}
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside a {
  background-image: url(/image/social/twitter-idle.png);
  cursor: pointer;
  display: inline-block;
  height: 44px;
  vertical-align: middle;
  width: 42px;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside a.facebook {
  background-image: url(/image/social/facebook-idle.png);
}
/* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside a.facebook:hover {
  background-image: url(/image/social/facebook-active.png);
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside a.twitter:hover {
  background-image: url(/image/social/twitter-active.png);
}
/* line 223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog aside a:first-of-type {
  margin-left: 12px;
}
/* line 227, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .down.arrow {
  border-top: 10px solid white;
  bottom: -4px;
  left: 0;
  margin: auto;
  right: 0;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
dialog .up.arrow {
  border-bottom-color: white;
  top: -17px;
  left: 0;
  margin: auto;
  right: 0;
}
/* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
#trialCompleteDialog {
  background-color: transparent;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_header {
  color: #fff;
  font-size: 36px;
  font-weight: normal;
  line-height: 1.1em;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_subheader {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0 0;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_box,
.dialog-subscription_choices {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 20px;
  margin: 30px auto;
  width: 360px;
}
/* line 271, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_box-header,
.dialog-subscription_choices-header {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin-top: 0 !important;
  line-height: 1.1em;
}
/* line 279, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_box-subheader,
.dialog-subscription_choices-subheader {
  color: #7B8093;
  font-size: 11px;
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}
/* line 287, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_box-text,
.dialog-subscription_choices-text {
  color: #000;
  font-size: 15px;
}
/* line 293, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_badge {
  background-color: #26B15E;
  border: 15px solid #69C990;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 150px;
  margin-bottom: 15px;
  position: relative;
  width: 150px;
}
/* line 305, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_icon {
  font-size: 70px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
}
/* line 313, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_subscription-button,
.dialog-subscription_cancel-button,
.dialog-subscription_close-button {
  color: #fff;
  background-color: #c9001e;
  border-color: #c9001e;
  display: block;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  letter-spacing: .8px;
  margin: 0 auto;
  padding: 20px;
  text-transform: uppercase;
  width: 246px;
}
/* line 327, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_subscription-button:hover,
.dialog-subscription_cancel-button:hover,
.dialog-subscription_close-button:hover,
.dialog-subscription_subscription-button:focus,
.dialog-subscription_cancel-button:focus,
.dialog-subscription_close-button:focus {
  color: #fff;
  background-color: #ff4040;
}
/* line 332, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_subscription-button.is-enabled,
.dialog-subscription_cancel-button.is-enabled,
.dialog-subscription_close-button.is-enabled {
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
  background-color: #c9001e;
  color: #fff;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.dialog-subscription_subscription-button.is-enabled:hover,
.dialog-subscription_cancel-button.is-enabled:hover,
.dialog-subscription_close-button.is-enabled:hover {
  opacity: 1;
}
/* line 339, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_cancel-button,
.dialog-subscription_close-button {
  color: #fff;
  background-color: transparent;
}
/* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_cancel-button:hover,
.dialog-subscription_close-button:hover,
.dialog-subscription_cancel-button:focus,
.dialog-subscription_close-button:focus {
  color: #878787;
  background-color: transparent;
}
/* line 350, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_secure {
  color: #fff;
  font-size: 12px;
}
/* line 358, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\trial-dialogs.less */
.dialog-subscription_secure-paypal {
  margin-left: 5px;
  position: relative;
  top: 7px;
}
/*course popup*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup {
  background-color: rgba(35, 36, 37, 0.98);
  bottom: 0;
  left: 0;
  padding: 75px 0;
  position: absolute;
  opacity: 0;
  overflow: hidden;
  right: 0;
  top: 0;
  transition: opacity .3s;
  z-index: -1;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup.-is-visible {
  opacity: 1;
  position: fixed;
  transition: opacity .3s;
  z-index: 1000;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_wrapper {
  color: #fff;
  font-family: 'museo-sans-rounded', sans-serif;
  font-weight: bold;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_close {
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_close:hover {
  opacity: .6;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_left {
  display: none;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup .courses-container_course {
  width: 100%;
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup .course-box-2 {
  display: block;
  width: 320px;
  margin: 0 auto 20px auto;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lessons-wrapper {
  overflow: hidden;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lessons {
  margin-right: 14px;
  outline: none;
  overflow: visible !important;
  max-height: 450px;
  width: 100%;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lessons .jspHorizontalBar {
  display: none !important;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.jspScrollPane .course-popup_lessons {
  margin-right: 0;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.jspScrollPane .course-popup_lessons.jspScrollable {
  margin-right: 14px;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson {
  height: 40px;
  margin: 0;
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup .column {
  height: 100%;
  padding: 0;
  text-align: center;
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-number-column {
  height: 100%;
  padding: 0;
  text-align: center;
  color: #fff;
  width: 40px;
  font-size: 18px;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-title-column {
  height: 100%;
  padding: 0;
  text-align: center;
  color: #fff;
  width: 150px;
  padding: 0 15px 0 15px;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-title {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 13px;
  font-weight: 800 !important;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-title img {
  display: none;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-title img.flag {
  display: inline;
  vertical-align: top;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-progress-bar-column {
  height: 100%;
  padding: 0;
  text-align: center;
  width: 80px;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_progress-bar {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  width: 100%;
}
/* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_progress {
  padding: 3px 0px;
  background-color: #fff;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-points-column {
  height: 100%;
  padding: 0;
  text-align: center;
  padding: 0 10px;
  width: 64px;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_points-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-points {
  display: inline-block;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  padding: 2px 0 0;
  width: 44px;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-points.-solid {
  background-color: #fff;
  color: #1e1f2a;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-play-column,
.course-popup_lesson-reset-column {
  height: 100%;
  padding: 0;
  text-align: center;
  width: 30px;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_icon-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: right;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_play-icon {
  position: relative;
  top: 2px;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_play-icon,
.course-popup_reset-icon {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_reset-icon:hover {
  opacity: .7;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-number,
.course-popup_lesson-title {
  cursor: pointer;
}
/* line 204, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson:hover .course-popup_play-icon,
.course-popup_lesson:hover .course-popup_lesson-number,
.course-popup_lesson:hover .course-popup_lesson-title {
  opacity: .7;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_reset-icon {
  font-size: 25px;
}
/* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.lesson-index-menu.-project .course-popup_lesson-reset-column {
  display: none;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-number-circle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  text-align: center;
}
/* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_lesson-number {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: right;
}
/* line 234, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_info {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  margin: 0 auto;
  width: 350px;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_info p {
  margin-bottom: 6px;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_info-header,
.course-popup_info-subheader {
  font-weight: 700 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  text-transform: capitalize !important;
}
/* line 253, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_info-header {
  font: 36px 'museo-sans-rounded', sans-serif !important;
}
/* line 257, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_info-subheader {
  font-size: 18px;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_tasks {
  display: block;
  height: 30px;
  margin: 20px auto 40px;
  width: 350px;
}
/* line 268, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_task {
  font-size: 10px;
  text-align: center;
}
/* line 273, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_task_count {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
}
/* line 279, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-container {
  border-radius: 3px;
  padding: 30px 20px;
  margin: 15px auto;
  text-align: center;
  width: 350px;
}
/* line 287, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-container.-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 5px;
}
/* line 293, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-container.-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
/* line 299, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-icon {
  font-size: 40px;
}
/* line 303, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-header {
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 10px;
}
/* line 309, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-info {
  font-size: 16px;
  font-weight: normal;
}
/* line 314, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-popup.less */
.course-popup_purchase-button {
  margin: 10px 0 0;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid {
  display: inline-block;
  padding: 52px 0;
  text-align: center;
  /*
  &_header {
    .h1;
  }
*/
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_header {
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 13px;
}
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 39px;
  margin-bottom: 26px;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_point {
  /*cursor: pointer;*/
  padding: 0 40px;
  margin-top: 26px;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid .three {
  padding-top: 40px;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.-three .points-grid_point {
  min-height: 100px;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_content {
  font-size: 13px;
  margin: 0 auto;
  max-width: 300px;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  /* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
  .points-grid_content {
    font: 15px 'museo-sans-rounded', sans-serif;
    font-weight: 300;
    letter-spacing: .2px;
    line-height: 1.3em;
    margin: 3px 0;
  }
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid img {
  border: none;
  margin-top: 10px;
  margin-bottom: 20px;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_link span,
.points-grid_subheader {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_info {
  margin-top: 3px;
  padding: 0 10px;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_link {
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-top: 26px;
  text-transform: uppercase;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_link-icon:before {
  font-size: 15px;
  position: relative;
  top: 3px;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_link:hover {
  opacity: .8;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_button {
  background-color: #c9001e;
  border-color: #c9001e;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_button:hover {
  background-color: #ff1739;
  border-color: #ff1739;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_link i {
  font-size: 20px;
  padding-left: 10px;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid_icon {
  display: inline-block;
  font-size: 46px;
  margin-bottom: 10px;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid .-light {
  font-weight: normal;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid.-bottom-padding {
  padding: 0;
}
/* line 113, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\points-grid.less */
.points-grid.-bottom-padding .points-grid_content {
  margin-bottom: 80px;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background {
  background-color: #3d3f4c;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-red {
  background-color: #c9001e;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-purple {
  background-color: #716bf1;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-white,
.full-background.-light {
  background-color: #fff;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-secondary-background {
  background-color: #f1f2f7;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-grey {
  background-color: #f2f2f2;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-blue-green {
  background: #201151;
  background: -moz-linear-gradient(-45deg, #201151 0%, #137686 79%, #137686 100%);
  background: -webkit-linear-gradient(-45deg, #201151 0%, #137686 79%, #137686 100%);
  background: linear-gradient(135deg, #201151 0%, #137686 79%, #137686 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#201151', endColorstr='#137686', GradientType=1);
}
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-black {
  background-color: #17151b;
}
/* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-dark-blue {
  background-color: #1f1f35;
  color: #fff;
}
/* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-teach-codecamps {
  background-image: url(/image/background/teach-code-camp.jpg);
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-footer-cta {
  background-image: url(/image/background/mac-desk.jpg);
  background-position: center center;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-girl-laptop {
  background-image: url(/image/background/footer-hero.jpg);
  background-position: center center;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-students-blurred {
  background-image: url(/image/background/students-blurred-bg.jpg);
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
.full-background.-right {
  text-align: right;
}
@media (min-width: 767px) {
  /* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
  .full-background.-teach-codecamps {
    height: 360px;
  }
}
@media (min-width: 1400px) {
  /* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\background-sections.less */
  .-teach-codecamps {
    background-position-y: -116px;
  }
}
/*--- OLD BLOG - ADA ---*/
/*--- blog ---*/
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-header {
  color: #fff;
  background-color: #000;
  height: 780px;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-header_header {
  font: 120px 'Clicker Script', cursive;
  margin: 0;
  text-align: center;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-header_subheader {
  font: 38px 'museo-sans-rounded', sans-serif;
  margin: 0;
  text-align: center;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-controls {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  bottom: 0;
  height: 100vh;
  left: 0;
  padding-top: 100px;
  position: fixed;
  text-align: center;
  width: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-controls_dots {
  list-style-type: none;
  text-align: center;
  margin: 0 auto;
  width: 6px;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-controls_dot {
  background-color: transparent;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  height: 6px;
  margin: 10px 0;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-controls_dot.is-active {
  background-color: #fff;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-controls_arrow {
  background-color: #fff;
  border-radius: 10px;
  bottom: 50px;
  cursor: pointer;
  color: #000;
  display: inline-block;
  margin-left: -5px;
  padding-top: 14px;
  position: absolute;
  text-align: center;
  width: 16px;
}
/* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-controls_arrow:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 676px) {
  /* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-controls {
    width: 75px;
  }
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section {
  clear: both;
  color: #fff;
  background-color: #000;
  font: 17px 'museo-sans-rounded', sans-serif;
  height: 660px;
  line-height: 22px;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section.-heading {
  height: 400px;
}
/* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_left,
.blog-section_right,
.blog-section_center {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_left .blog-section_content,
.blog-section_right .blog-section_content {
  position: relative;
  padding: 0 100px;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_center {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_center .blog-section_content {
  position: relative;
  padding: 0 100px;
  text-align: center;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_header {
  font: 35px 'museo-sans-rounded', sans-serif;
  line-height: 36px;
  text-transform: uppercase;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_header.-small {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 60px;
}
/* line 141, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_image {
  height: 100%;
  position: absolute;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
.blog-section_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 50px;
  border-color: transparent transparent transparent #fff;
  margin: 0 0 5px 2px;
}
@media (min-width: 676px) {
  /* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-section {
    height: 780px;
  }
  /* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-section.-heading {
    height: 400px;
  }
  /* line 166, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-section_header {
    font-size: 45px;
    line-height: 45px;
  }
  /* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-section_header.-small {
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  /* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-section_left,
  .blog-section_right {
    background-color: transparent;
  }
  /* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\old-blog.less */
  .blog-section_left .blog-section_content,
  .blog-section_right .blog-section_content {
    position: relative;
    padding: 0 120px;
  }
}
/*--- end of blog --*/
/*--- NEW BLOG ---*/
/*-- featured post ---*/
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post {
  background: #2f3241 url(/image/background/featured-post.jpg) no-repeat center center;
  background-size: cover;
  margin-top: 90px;
}
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_overlay {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  margin: 60px 0 30px 0;
  padding: 15px;
  padding-bottom: 30px;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  position: relative;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.featured-post_overlay:before,
.featured-post_overlay:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.featured-post_overlay:after {
  clear: both;
}
@media (min-width: 767px) {
  /* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .featured-post_overlay {
    height: 300px !important;
    padding: 30px;
  }
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info {
  height: 100%;
  position: relative;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-back {
  color: #fff;
  background-color: transparent;
  font-size: 11px;
  font-weight: bold;
  margin-left: -6px;
  padding: 6px;
  position: relative;
  opacity: .8;
  text-transform: uppercase;
  top: -5px;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-back-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 10px;
  padding: 4px 4px 1px 5px;
  position: relative;
  top: 3px;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-back:hover {
  cursor: pointer;
  opacity: 1;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-category {
  font-size: 11px;
  font-weight: bold;
  margin-top: 60px;
  text-transform: uppercase;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-header {
  font-size: 30px;
  font-weight: 500;
  line-height: 1em;
  text-transform: capitalize;
}
@media (min-width: 767px) {
  /* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .featured-post_info-header {
    font-size: 36px;
  }
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-button-wrapper {
  margin-top: 20px;
}
@media (min-width: 767px) {
  /* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .featured-post_info-button-wrapper {
    position: absolute;
    bottom: 0;
  }
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_info-button-wrapper.-fixed {
  margin-bottom: 30px;
  position: initial;
}
@media (min-width: 767px) {
  /* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .featured-post_info {
    width: 440px;
  }
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button {
  background-color: #7B8093;
  border-radius: 5px;
  color: #fff;
  padding: 5px 12px;
  margin-right: 10px;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button:hover {
  color: #fff;
  background-color: #979baa;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button-icon {
  display: inline-block;
  font-size: 14px;
  height: 15px;
  position: relative;
  top: 2px;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button-count {
  display: inline-block;
  font-size: 11px;
  margin-left: 10px;
  vertical-align: middle;
}
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button.-twitter {
  background-color: #55acef;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button.-twitter:hover {
  background-color: #84c3f3;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button.-facebook {
  background-color: #3b5999;
}
/* line 132, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button.-facebook:hover {
  background-color: #4d70ba;
}
/* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_share-button.-twitter .featured-post_share-button-icon,
.featured-post_share-button.-facebook .featured-post_share-button-icon {
  left: 2px;
}
/* line 143, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_author {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2em;
}
/* line 148, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_author-photo {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 30px;
  left: -35px;
  margin-right: 5px;
  margin-top: -2px;
  position: absolute;
  width: 30px;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_shadow {
  display: inline-block;
  -webkit-text-shadow: -5px 0px 26px #000000;
  -moz-text-shadow: -5px 0px 26px #000000;
  text-shadow: -5px 0px 26px #000000;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_publish-date {
  /*opacity: .6;*/
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_author.-mobile {
  left: 35px;
  margin-top: 20px;
  position: relative;
}
/* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_author.-desktop {
  height: 100%;
  float: right;
  position: relative;
}
/* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.featured-post_author-wrapper {
  bottom: 0;
  position: absolute;
  right: 0;
}
@media (min-width: 767px) {
  /* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .featured-post_author.-mobile {
    display: none;
  }
}
/* line 197, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-posts {
  margin: 0 -15px 30px;
}
/* Blog post content */
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post {
  background-color: #fff;
  box-shadow: 0 2px 0 0 #CCCFDB;
  padding: 15px;
  font-size: 18px;
  margin-bottom: 30px;
  margin-top: -30px;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .blog-post {
    padding: 30px;
  }
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_content {
  padding: 20px 15px;
}
@media (min-width: 767px) {
  /* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .blog-post_content {
    padding: 20px 10px;
  }
}
@media (min-width: 992px) {
  /* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .blog-post_content {
    padding: 20px 150px;
  }
}
/* line 218, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text {
  color: #000;
  line-height: 1.6em;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text p,
.blog-post_text h2,
.blog-post_text h3,
.blog-post_text ul {
  /* This is to override a display none set on course descriptions */
  display: block !important;
  margin-bottom: 15px;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text h2 {
  line-height: 1.2em;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text a {
  color: #c9001e;
}
/* line 237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text a:hover {
  color: #ff7373;
}
/* line 242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text h2 {
  font-size: 30px;
}
/* line 246, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text h3 {
  font-size: 24px;
}
/* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text img.align-none {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}
/* line 255, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text img.align-right {
  float: right;
  margin: 10px 0 10px 10px;
}
/* line 260, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text img.align-left {
  float: right;
  margin: 10px 10px 10px 0;
}
/* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text img {
  max-width: 100%;
}
@media (max-width: 767px) {
  /* line 267, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
  .blog-post_text img {
    width: 100%;
  }
}
/* line 272, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text .cta-button {
  display: inline-block;
  margin: 10px 0;
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.blog-post_text ul {
  left: 20px;
  position: relative;
}
/*-- BLOG TAGS --*/
/* line 285, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.post-tags {
  color: #7B8093;
  font-size: 12px;
}
/* line 289, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.post-tags_header {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
}
/* line 295, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.post-tags_tags {
  display: inline-block;
  position: relative;
  top: 4px;
}
/* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.post-tags_tag {
  list-style-type: none;
  float: left;
  margin-right: 5px;
}
/*-- TRY NOW SECTION OF BLOG --*/
/* TODO - Update this with course colors */
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.try-now {
  background-color: #496cc3;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
}
/* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.try-now h2 {
  font-weight: normal;
  width: 50%;
}
/* line 323, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.try-now .cta-button {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  margin-right: 10px;
}
/* line 328, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.try-now .cta-button:hover,
.try-now .cta-button:focus {
  background-color: rgba(255, 255, 255, 0.15);
}
/* line 334, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\blog.less */
.try-now_image {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  right: 30px;
  height: 130px;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments {
  margin-top: 50px;
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_login {
  background-color: #F1F2F7;
  border-radius: 3px;
  display: none;
  padding: 50px;
  text-align: center;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_login-header {
  font-size: 24px;
  font-weight: 300;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_login-button {
  border-radius: 3px;
  margin-top: 10px;
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  padding: 5px 20px;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.comments_login-button:hover,
.comments_login-button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.comments_login-button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.comments_login-button.-secondary:hover,
.comments_login-button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_reply-form,
.comments_comment-form {
  display: none;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_reply-form-field,
.comments_comment-form-field {
  border: 1px solid #CCCFDB;
  border-radius: 3px;
  height: 75px;
  padding: 10px;
  resize: none;
  width: 100%;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_reply-form-field:focus,
.comments_comment-form-field:focus {
  border-color: #2f9de6;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_reply-form-button,
.comments_comment-form-button {
  border-radius: 3px;
  margin-top: 10px;
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  padding: 5px 20px;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.comments_reply-form-button:hover,
.comments_comment-form-button:hover,
.comments_reply-form-button:focus,
.comments_comment-form-button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.comments_reply-form-button.-secondary,
.comments_comment-form-button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.comments_reply-form-button.-secondary:hover,
.comments_comment-form-button.-secondary:hover,
.comments_reply-form-button.-secondary:focus,
.comments_comment-form-button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_container {
  padding-top: 30px;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_reply-form {
  display: block;
  margin: 20px 0 40px 50px;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment {
  margin-top: 30px;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment.-reply {
  border: 1px solid #B9BCCC;
  border-radius: 3px;
  margin-top: 20px;
  margin-left: 50px;
  padding: 20px;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-profile-pic-wrapper {
  float: left;
  margin-right: 10px;
  width: 40px;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-profile-pic {
  border-radius: 50%;
  width: 100%;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-content {
  margin-left: 10px;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-profile-info {
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 10px;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-profile-points {
  margin-left: 10px;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-profile-points:before {
  color: #c9001e;
  font-size: 8px;
  margin-right: 2px;
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-timestamp {
  color: #7B8093;
  float: right;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-text {
  font-size: 15px;
  line-height: 1.4em;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-buttons {
  padding-left: 40px;
  margin-top: 10px;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-replies-count {
  background-color: #4AA564;
  border-radius: 14px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 9px;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-replies-count[data-upvotes="0"] {
  display: none;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-up-vote,
.comments_comment-reply {
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 10px;
  padding: 8px 10px;
  text-transform: uppercase;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-up-vote,
.comments_comment-reply {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #7B8093;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-up-vote:before {
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  text-shadow: 1px 1px 2px #4aa564;
  top: 2px;
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-reply {
  margin-left: -10px;
}
/* line 172, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-reply:before {
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  text-shadow: 1px 1px 2px #7b8093;
  top: 2px;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment-up-vote:hover,
.comments_comment-reply:hover,
.comments_comment-up-vote:active,
.comments_comment-reply:active {
  border: 1px solid #4AA564;
  background-color: #f4faf6;
  color: #4AA564;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\comments.less */
.comments_comment.-reply .comments_comment-up-vote {
  margin-left: 0;
}
/* footer bar */
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar {
  padding: 26px 0 65px !important;
  position: relative;
}
@media (min-width: 767px) {
  /* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
  .bottom-bar {
    padding: 78px 0 !important;
  }
}
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_container {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.bottom-bar_container:before,
.bottom-bar_container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.bottom-bar_container:after {
  clear: both;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_header {
  color: #000 !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .7px;
  margin-bottom: 15px;
  margin-top: 20px;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  /* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
  .bottom-bar_header {
    margin-top: 0px;
  }
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_header:nth-of-type(2) {
  margin-top: 30px;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_logo {
  color: #7B8093;
  font-size: 200px;
  left: 10px;
  position: absolute;
  top: -103px;
}
/* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_button {
  background-color: #fff;
  border: none;
  color: #7B8093;
  font-size: 11px;
  font-weight: 600;
  left: 0;
  margin-left: 15px !important;
  margin-top: 10px;
  position: absolute;
  text-transform: uppercase;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_button:hover,
.bottom-bar_button:focus {
  opacity: .8;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_button-icon {
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_copyright {
  bottom: 39px;
  color: #7B8093;
  font-size: 12px;
  font-weight: normal;
  margin-left: 15px;
  position: absolute;
}
@media (min-width: 992px) {
  /* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
  .bottom-bar_copyright {
    bottom: 78px;
  }
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_social {
  margin-top: 10px;
  position: relative;
  z-index: 5;
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_social-link {
  color: #7B8093 !important;
  margin: 5px 10px 0 0!important;
  font-size: 22px;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_social-link:hover {
  opacity: .8;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_link {
  color: #7B8093 !important;
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .7px;
  margin-left: 0 !important;
  margin-top: 10px;
  text-transform: uppercase;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_link.-phone {
  margin-top: 0;
  position: relative;
  top: -5px;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_link.-darker {
  color: #636778 !important;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_link.-inline {
  display: inline-block;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_link:last-of-type {
  margin-bottom: 10px;
}
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-bar.less */
.bottom-bar_link:hover {
  opacity: .8;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-course .header-bar_menu-button {
  color: white;
}
/* .info-page .top-bar {
  border-bottom: 1px solid rgba(0,0,0,.11);
} */
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.top-bar {
  height: 60px;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.top-bar .js-points {
  cursor: pointer;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar {
  border-bottom: 1px solid #CCCFDB;
  font-size: 28px;
  font-weight: bold;
  height: 60px;
  margin: auto;
  padding: 0px 10px;
  position: absolute;
  text-transform: uppercase;
  z-index: 5;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  /*
  &_buttons {
    top: -5px;
  }
*/
  /*
  &_login-button:extend(.button) {
    border-color: @cta-button;
    color: @cta-button;
    margin-left: 10px;
    .button-padding;
    
    &:hover {
      .change-hover-effect(@cta-button, transparent, @cta-button-hover);
    }
  }
*/
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-course .header-bar {
  border-bottom: none;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar .is-logged-out .header-bar_icon {
  display: none;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_mobile.is-logged-out .header-bar_icon {
  display: inline-block;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_login {
  color: #eb384e;
  font-size: 14px;
  margin-top: 15px;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_buttons {
  padding-right: 75px;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_menu-button:hover,
.header-bar_login:hover {
  cursor: pointer;
  opacity: .8;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_menu-button {
  color: #7B8093;
  background-color: transparent;
  font-size: 18px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 50px;
}
@media (min-width: 767px) {
  /* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_menu-button {
    left: 10px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  /* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_menu-button {
    left: initial;
  }
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_menu-button.-lessons {
  display: none !important;
}
/* line 97, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_logo-wrapper {
  bottom: 0;
  display: inline-block;
  height: 36px;
  margin: auto;
  min-width: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  vertical-align: middle;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_logo {
  color: #7B8093;
  font-size: 180px;
  position: relative;
  top: -83px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.header-bar_logo:hover {
  opacity: 1;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-editor .header-bar_logo {
  display: none;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_icon {
  bottom: 0;
  /*color: @blue;*/
  color: #2f3241;
  left: 0;
  margin: auto;
  position: relative;
  right: 0;
  text-align: center;
  vertical-align: middle;
  top: 4px;
  height: 28px;
  width: 40px;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_icon:hover {
  color: #c9001e;
}
@media (min-width: 767px) {
  /* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_icon {
    position: absolute;
    top: 0;
  }
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_icon:hover {
  text-decoration: none;
}
/* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_buttons,
.header-bar_profile {
  color: #aaa;
  font-size: 0;
  margin: auto;
  right: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_profile {
  margin-right: 65px;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_link,
.header-bar_login-button {
  color: #848484;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding: 10px 10px;
  text-transform: capitalize;
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_link:hover,
.header-bar_login-button:hover {
  text-decoration: none;
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_mobile .header-bar_start-button,
.header-bar_mobile .header-bar_login-button {
  position: absolute;
  right: 65px;
  top: 13px;
}
/* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_upgrade,
.header-bar_start-button,
.header-bar_register-button {
  background-color: #c9001e;
  border-color: #c9001e;
  color: #fff;
  padding-bottom: 8px;
  padding-top: 8px;
}
/* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_upgrade:hover,
.header-bar_start-button:hover,
.header-bar_register-button:hover {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_start-button {
  margin-left: 12px;
  margin-right: 60px;
}
@media (max-width: 400px) {
  /* line 226, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_start-button.-large {
    display: none;
  }
  /* line 230, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_start-button.-small {
    display: inline-block;
  }
}
@media (min-width: 401px) {
  /* line 237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_start-button.-large {
    display: inline-block;
  }
  /* line 241, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_start-button.-small {
    display: none;
  }
}
@media (min-width: 992px) {
  /* line 246, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_start-button {
    margin-right: 10px;
  }
}
/* line 251, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_register-button {
  display: none;
}
/* line 255, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_upgrade {
  margin-right: 10px;
}
/* line 257, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_upgrade.is-hidden {
  display: none !important;
}
/* line 262, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_picture {
  background-color: #878787;
  background-size: 90%;
  border: 1px solid #fff;
  border-radius: 50%;
  /*box-shadow: 0px 0px 93px -18px rgba(0,0,0,1);*/
  cursor: pointer;
  display: inline-block;
  height: 20px;
  line-height: 12px;
  margin-right: 5px;
  overflow: hidden;
  width: 20px;
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_help {
  background-color: transparent;
  display: none;
  font-size: 20px;
  left: 40px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
@media (min-width: 767px) {
  /* line 285, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_help.is-visible {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  /* line 290, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_help {
    left: 70px;
  }
}
/* line 294, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_help.-dark {
  color: #848484;
  padding: 0;
}
/* line 305, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_default:before {
  font-size: 20px;
  line-height: 20px;
  margin-left: -1px;
  position: relative;
  top: -1px;
}
/* line 313, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_user-info {
  display: inline-block;
  margin-right: 3px;
  padding-top: 3px;
  vertical-align: middle;
  text-align: right;
}
/* line 321, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_pic {
  background-color: #fff;
  display: none;
  min-height: 110%;
  left: -1px;
  position: relative;
  min-width: 110%;
  top: -1px;
  width: 110%;
}
/* line 332, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_text {
  display: block;
  font: 12px 'museo-sans-rounded', sans-serif;
  margin-right: 2px;
  vertical-align: middle;
  text-transform: capitalize;
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.header-bar_text.js-name {
  color: #ddd;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 354, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.cc-page .header-bar_start-button {
  display: none;
}
/* line 358, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.cc-page .header-bar_register-button {
  display: inline-block;
}
@media (min-width: 590px) {
  /* line 366, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar_text.js-name {
    max-width: 100px;
  }
}
@media (min-width: 768px) {
  /* line 374, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
  .header-bar {
    padding: 0px 40px;
  }
}
/* line 380, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector {
  color: #aaa;
  font-size: 0;
  margin: auto;
  padding: 3px 0 3px 6px;
  right: 6px;
  z-index: 999;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.language-selector:hover {
  opacity: 1;
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector_arrow {
  padding: 6px 5px 5px 5px;
}
/* line 395, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector_selected-language {
  background: #c9001e;
  border-radius: 18px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  position: relative;
  text-align: center;
  top: -2px;
  width: 30px;
}
/* line 407, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector_language {
  color: #fff;
  cursor: pointer;
  list-style-type: none;
  margin: 0 -20px;
  padding: 5px 20px;
  white-space: nowrap;
}
/* line 415, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector_language:hover {
  color: #CCCFDB;
  text-decoration: none;
}
/* line 421, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector_language-flag {
  margin-right: 10px;
  opacity: .9;
  position: relative;
  top: 4px;
}
/* line 428, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.language-selector .language-selector_arrow {
  color: #7B8093;
  font-size: 15px;
}
/* line 436, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-dev .header-bar_icon {
  color: #7B8093;
}
/* line 440, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-editor .header-bar_icon {
  left: 0;
  right: initial;
}
/* line 452, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-transparent-header.loggedout .profile-info {
  display: none;
}
/* line 458, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-transparent-header.loggedin .top-bar {
  border: none;
}
/* line 462, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-transparent-header.loggedin #status-bar {
  background-color: transparent;
}
/* line 466, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-transparent-header.loggedin #inner-container {
  margin-top: 0;
}
/* line 470, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.t-transparent-header.loggedin #outer-container {
  top: 0;
}
/* line 477, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.loggedin .header-bar {
  background-color: #7d0013;
  border-color: #7d0013;
  background-color: #1e1f2a;
  border-color: #000000;
  /*
    transition: background-color .3s;
    &.-solid-background {
      background-color: rgba(0, 0, 0, 0.9);
    }
    background-color: rgba(0, 0, 0, 0);
    */
  /*padding-right: 18px;*/
}
/* line 493, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-bar.less */
.loggedin .header-bar * {
  color: white;
}
/*end header*/
/* info boxes - things like for profiles on about */
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes {
  margin-top: 40px;
  height: auto;
  text-align: center;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_header {
  font: 36px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding-top: 20px;
  margin-bottom: 60px;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_wrapper {
  color: #fff;
  display: inline-block;
  position: relative;
  margin: 0 9px;
  text-align: center;
  width: 300px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box {
  border-radius: 5px;
  display: inline-block;
  height: 200px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box-info {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  padding: 0px 10px;
  position: absolute;
  text-align: left;
  width: 100%;
}
/* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_media {
  height: auto;
  min-height: 270px;
  position: relative;
  top: -35px;
  width: 100%;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_image {
  height: auto;
  min-height: 200px;
  width: 100%;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box-name {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-transform: capitalize;
  top: 8px;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box-title {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-transform: capitalize;
  top: -8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box-icon {
  color: #fff;
  font-size: 20px;
  margin: 0 5px;
  position: relative;
  top: 5px;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box-icon:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #cccccc;
  cursor: pointer;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_box-links {
  position: relative;
  top: -12px;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_link {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding-left: 5px;
  position: relative;
  text-transform: capitalize;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_link:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #cccccc;
  cursor: pointer;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.info-boxes_link-arrow {
  font-size: 18px;
  margin: 0 5px;
  position: relative;
  top: 5px;
}
@media (min-width: 768px) {
  /* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
  .info-boxes {
    margin: 50px -30px 10px;
  }
  /* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
  .info-boxes_wrapper {
    margin: 0 30px;
  }
}
@media (min-width: 992px) {
  /* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
  .info-boxes {
    margin: 50px -20px 10px;
  }
}
@media (min-width: 1200px) {
  /* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
  .info-boxes {
    margin: 40px -65px 40px;
  }
}
/*--- bio popup ---*/
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 400;
  line-height: 25px;
  padding: 30px;
  text-align: center;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup:not(.-small):not(.-large) {
  width: 490px;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup.-large,
.bio-popup.-small {
  padding: 0;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_pic {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 120px;
  margin-bottom: 25px !important;
  overflow: hidden;
  width: 120px;
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_header {
  font: 36px 'museo-sans-rounded', sans-serif !important;
  padding-top: 10px;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_header,
.bio-popup_subheader {
  color: #fff;
  font-weight: 700 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  text-transform: capitalize !important;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_subheader {
  font-size: 18px;
  margin-bottom: 25px;
}
/* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_pic img {
  min-height: 100%;
  width: 100%;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_buttons {
  margin-bottom: 24px;
  /*margin-top: 20px;*/
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_button {
  background-color: transparent;
  border-color: #fff !important;
  border-radius: 3px;
  border-width: 1px;
  color: #fff !important;
  font: 15px 'museo-sans-rounded', sans-serif !important;
  font-weight: 400 !important;
  display: inline-block;
  margin: 15px 10px 0;
  padding: 5px 16px !important;
  white-space: nowrap;
  text-transform: uppercase;
}
/* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_button:hover,
.bio-popup_button:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  outline: none;
}
/* line 221, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_button:nth-child(n+4) {
  display: none;
}
/* line 225, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_gallery {
  margin: -50px 0 25px -45px;
  overflow: hidden;
  width: 480px;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-boxes.less */
.bio-popup_gallery-image {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}
/* end profile boxes */
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
.mini-info {
  background: #716bf1 url(../images/code-with-ada-02.jpg) no-repeat center left;
  background-size: cover;
  border-radius: 5px;
  font-family: 'museo-sans-rounded', sans-serif;
  margin: 50px 0;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
.mini-info_content {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 38px 80px 38px 40px;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
.mini-info_header {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
.mini-info_text {
  font-size: 16px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  /* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
  .mini-info {
    background-size: auto 100%;
    padding-left: 50%;
  }
  /* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
  .mini-info_content {
    background-color: transparent;
  }
  /* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
  .mini-info_header {
    font-size: 20px;
  }
  /* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
  .mini-info_text {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  /* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\mini-info.less */
  .mini-info {
    padding-left: 30%;
  }
}
/*--- dialogs ---*/
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-widget-overlay {
  background: rgba(41, 41, 41, 0.3);
}
/*--- Popup box ---*/
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-widget {
  font-family: 'museo-sans-rounded', sans-serif;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog {
  box-shadow: 0 0 8px #B9BCCC;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-resource {
  overflow: hidden;
  padding: 0 !important;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-resource .ui-dialog-title {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  font-size: 13px;
  padding-left: 16px;
  text-align: left;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box,
.ui-dialog {
  background-color: #fff;
  color: #282828;
  margin: 0;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .small-logo,
.ui-dialog .small-logo {
  display: none;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-content,
.ui-dialog .ui-dialog-content,
.popup-box .ui-dialog-F-close,
.ui-dialog .ui-dialog-F-close {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box_title,
.ui-dialog_title {
  color: #282828;
  font-family: 'museo-sans-rounded', sans-serif;
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 400;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-content,
.ui-dialog .ui-dialog-content {
  margin-bottom: 0 !important;
  outline: none;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-content .input,
.ui-dialog .ui-dialog-content .input {
  /*margin-bottom: 5px;*/
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-content .ui-dialog_input,
.ui-dialog .ui-dialog-content .ui-dialog_input,
.popup-box .ui-dialog-content textarea,
.ui-dialog .ui-dialog-content textarea,
.popup-box .ui-dialog-content .input input,
.ui-dialog .ui-dialog-content .input input {
  /*color: #d4d4d4 !important;*/
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  font-size: 14px;
  margin-bottom: 0;
  text-align: left;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-content .ui-dialog_input:focus,
.ui-dialog .ui-dialog-content .ui-dialog_input:focus,
.popup-box .ui-dialog-content textarea:focus,
.ui-dialog .ui-dialog-content textarea:focus,
.popup-box .ui-dialog-content .input input:focus,
.ui-dialog .ui-dialog-content .input input:focus {
  border: 1px solid #1a80c7;
  background-color: #fff !important;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-buttonset,
.ui-dialog .ui-dialog-buttonset {
  margin-top: 0;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-buttonset .ui-button:first-of-type,
.ui-dialog .ui-dialog-buttonset .ui-button:first-of-type {
  float: left;
  margin-right: 10px;
  min-width: 140px;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box_button,
.ui-dialog_button,
.popup-box .ui-dialog-buttonset .ui-button,
.ui-dialog .ui-dialog-buttonset .ui-button {
  border-radius: 2px;
  font: 12px 'museo-sans-rounded', sans-serif;
  margin: 15px 20px 10px 0;
  text-transform: uppercase;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-buttonset .ui-button:nth-of-type(2),
.ui-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2) {
  background-color: #fff;
  border-color: #7B8093 !important;
  border-width: 1px;
  color: #7B8093;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-buttonset .ui-button:nth-of-type(2):hover,
.ui-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2):hover {
  background-color: #ebecef !important;
  border-width: 1px;
  color: #7B8093 !important;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-title,
.ui-dialog .ui-dialog-title {
  color: #282828;
  display: block;
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 400;
  letter-spacing: .8px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar {
  padding-bottom: 12px;
  padding-top: 12px;
}
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close {
  background-color: transparent;
  color: #1e1f2a;
  float: right;
  font-size: 16px;
  /*Make the clicable area larger enough*/
  padding: 6px;
  position: absolute;
  margin: -6px;
  right: -10px;
  top: -10px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.popup-box .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 1;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-box .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  padding: 0;
}
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog {
  max-width: 700px;
  margin: 15px;
  min-width: 300px;
  padding: 24px 24px;
  /*--- specific info popups like on parents page ---*/
  /*--- close button ---*/
  /*--- remove odd dialog outline on dialog focus ---*/
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index {
  max-width: 950px;
  min-width: 950px;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-no-projects {
  max-width: 650px;
  min-width: 650px;
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index .ui-dialog-titlebar-close {
  visibility: hidden;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog h1 {
  color: #333;
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  line-height: 1.2em;
  margin: 18px 0 6px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  font-weight: normal !important;
  line-height: 1.25em;
  margin-top: 24px;
  text-transform: uppercase;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog p {
  font-size: 16px;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog th {
  cursor: pointer;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-dark {
  max-width: 600px;
  padding: 0;
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-dark h1,
.popup-dialog.-dark p {
  color: #fff;
}
/* line 201, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-rating,
.popup-dialog.-schools,
.popup-dialog.-blog {
  padding: 0 28px 28px;
  text-align: center;
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.quiz-scores-popup {
  min-width: 300px;
  padding: 24px;
}
/* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog .ui-dialog-titlebar {
  left: 0;
  padding: 24px 24px 20px 24px;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 221, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog .ui-dialog-titlebar-close {
  font-size: 26px;
  right: 15px;
  top: 0px;
  z-index: 3;
}
/* line 228, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog h1 {
  color: #fff;
  font: 40 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin-top: 20px;
  text-transform: capitalize !important;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog .ui-dialog-content {
  font-size: 16px !important;
  font-weight: 300;
  /*Needs to be this big for the login dialogs*/
  margin-top: 40px;
  overflow-y: auto;
}
/* line 244, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index .ui-dialog-content {
  height: initial !important;
  max-height: 430px !important;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-project {
  max-width: 400px;
  min-width: 400px;
}
/* line 254, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-project.-tasks-1 .ui-dialog-content {
  height: 70px !important;
}
/* line 257, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-project.-tasks-1 .ui-dialog-content .jspTrack {
  display: none;
}
/* line 262, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-project.-tasks-5 .ui-dialog-content {
  height: 200px !important;
}
/* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-project.-tasks-5 .ui-dialog-content .jspTrack {
  display: none;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-lesson-index.-project.-tasks .ui-dialog-content {
  height: 370px !important;
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.ui-no-title .ui-dialog-content {
  margin-top: 0;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog section {
  clear: both;
  padding: 2px 0;
}
/* line 283, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog section > img {
  max-height: 160px;
}
/* line 288, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-one-point {
  max-width: 550px;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-one-point h1 {
  margin-top: 16px;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-two-point section {
  padding: 32px 0;
}
/* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-two-point img {
  max-height: initial;
}
/* line 305, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-two-point h1 {
  margin-top: 6px;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-two-point section:nth-of-type(even) {
  padding-bottom: 0;
}
/* line 314, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-two-point section:nth-of-type(even) p {
  padding-left: 200px;
}
/* line 319, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-three-point section:nth-child(odd) > img,
.popup-dialog section:nth-child(even) > img {
  float: left;
  margin-left: -24px;
  margin-right: 24px;
}
/* line 326, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog.-three-point section:nth-child(even) > img,
.popup-dialog section:nth-child(odd) > img {
  float: right;
  margin-right: -24px;
  margin-left: 24px;
}
/* line 337, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog .ui-icon-closethick:before {
  color: #1e1f2a;
  font-family: 'codeavengers-font' !important;
  font-size: 18px;
  position: relative;
}
/* line 346, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-dialog:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
/*--- presentaion popups specific style ---*/
/* line 353, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.-presentation.popup-dialog {
  padding-bottom: 0;
}
/* line 357, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.-presentation .ui-dialog-content {
  margin-bottom: 0;
}
/*--- dark popups specific style ---*/
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog {
  /*Border box breaks jquery ui resizable dialogs*/
  box-sizing: content-box;
}
/* line 366, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/* line 370, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog-titlebar,
.ui-dialog-content {
  position: relative;
}
/* line 375, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog-title img {
  display: none;
  margin-right: 10px;
}
/* line 381, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog,
.popup-box {
  /*MJ: This got commented out... which broke the output dialog for the javascript lessons*/
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-dark,
.popup-box.-dark {
  background-color: rgba(30, 31, 42, 0.9);
  box-shadow: none;
  color: #fff;
}
/* line 390, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-dark .ui-dialog-title,
.popup-box.-dark .ui-dialog-title {
  color: rgba(255, 255, 255, 0.9);
}
/* line 394, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-dark .code-toolbar.output_toolbar .ui-button,
.popup-box.-dark .code-toolbar.output_toolbar .ui-button {
  color: #fff;
}
/* line 398, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-dark .ui-icon-closethick:before,
.popup-box.-dark .ui-icon-closethick:before {
  /*MJ: This got commented out which brok the output dialog for the javascript lessons*/
  color: #fff;
  text-shadow: 0 0 35px rgba(0, 0, 0, 0.7);
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-dark .button-container .ui-button.option.current .ui-button-text,
.popup-box.-dark .button-container .ui-button.option.current .ui-button-text {
  border-bottom-color: #fff;
}
/* line 409, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.ui-dialog.-black,
.popup-box.-black {
  background-color: black;
}
/*--- dialog forms - login and signup ---*/
/* line 419, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form {
  width: 300px;
  text-align: center;
  margin-bottom: 0 !important;
  text-align: left;
}
/* line 425, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_message {
  font-size: 16px !important;
  font-weight: 300;
  position: relative;
  text-transform: none;
}
/* line 432, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_button {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  border: 1px solid #c9001e;
  border-radius: 2px !important;
  display: inline-block;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: 600;
  margin-top: 15px;
  margin-right: 5px;
  padding: 10px 20px;
  text-transform: uppercase;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.popup-form_button:hover,
.popup-form_button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.popup-form_button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.popup-form_button.-secondary:hover,
.popup-form_button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 445, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_button.-login {
  width: 97px;
}
/* line 449, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_input,
.popup-form_input[placeholder] {
  color: #282828;
  border-width: 1px;
  border-radius: 2px;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 15px;
  text-align: left;
}
/* line 460, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_input:first-of-type,
.popup-form_input[placeholder]:first-of-type {
  margin-top: 0;
}
/* line 465, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_input:focus {
  border-color: #1a80c7;
  color: #1a80c7 !important;
}
/* line 473, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form .error-message {
  display: none;
}
/* line 477, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form .error-message,
.popup-form_error {
  background-color: #1a80c7;
  color: #fff;
  font-size: 11px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  z-index: 100;
}
/* line 487, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_icon {
  font-size: 15px;
  position: relative;
  top: 3px;
  left: -3px;
}
/* line 494, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_button.-secondary,
.popup-form_social {
  background-color: #fff;
  border-color: #7B8093;
  color: #7B8093;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: 600;
  margin-top: 15px;
  min-width: initial;
  padding: 8px 20px;
  width: initial;
}
/* line 506, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_button.-secondary:hover,
.popup-form_social:hover {
  background-color: #ebecef;
  color: #7B8093;
}
/* line 512, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_social {
  position: relative;
  top: 1px;
}
/* line 517, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_reset-password {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #565876;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin: 0 !important;
  padding: 15px 0 5px 0;
  position: relative;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_reset-password-link,
.popup-form_reset-password-text {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #70858f !important;
  cursor: pointer;
  transition: opacity .3s;
}
/* line 535, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_reset-password-link i {
  position: relative;
  top: 2px;
}
/* line 540, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_reset-password-link:hover {
  text-decoration: none;
  color: #435056 !important;
}
/* line 545, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form_reset-password-text {
  position: absolute;
  top: 10px;
}
/* line 551, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form .-hidden {
  display: none;
  opacity: 0;
}
/* line 556, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.popup-form .-visible {
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 564, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
  .login-popup {
    width: 350px;
  }
}
/*--- end popup form ---*/
/*Specific popups*/
/* line 572, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.feedback-dialog_message {
  margin-bottom: 18px;
}
/* line 579, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.js-time {
  font-family: 'Source Code Pro', monospace;
}
/* line 583, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.unsubscribe-popup {
  width: 400px;
}
/* line 586, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.unsubscribe-popup_select {
  margin: 10px 0;
  width: 100%;
}
/* line 591, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.unsubscribe-popup_custom-reason {
  display: none;
  margin-bottom: 10px;
}
/* line 595, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.unsubscribe-popup_custom-reason.is-visible {
  display: block;
}
/* line 600, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.unsubscribe-popup_text {
  margin-right: 0 !important;
}
/* line 604, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\popup-dialogs.less */
.unsubscribe-popup_button {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  padding: 10px 16px;
  width: 100%;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.unsubscribe-popup_button:hover,
.unsubscribe-popup_button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.unsubscribe-popup_button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.unsubscribe-popup_button.-secondary:hover,
.unsubscribe-popup_button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid {
  text-align: center;
  border-bottom: 1px solid #bebebe;
  display: inline-block;
  padding: 70px 0;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid_header {
  font: 36px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin-bottom: 54px;
  text-align: center;
  text-transform: none;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid_point {
  margin-bottom: 30px;
  padding: 0 100px;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid_point-header {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid_point-text {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid .icon-right {
  position: relative;
  top: 3px;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
.paragraph-grid_link {
  color: #c9001e !important;
}
@media (min-width: 676px) {
  /* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
  _point {
    padding: 0 50px;
  }
}
@media (min-width: 992px) {
  /* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\paragraph-grid.less */
  .paragraph-grid_point {
    margin-bottom: 0;
    padding: 0 20px;
  }
}
/*--- loader ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.loader {
  font-size: 50px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: -32px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  /* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #137686, 0 -0.83em 0 -0.42em #137686, 0 -0.83em 0 -0.44em #137686, 0 -0.83em 0 -0.46em #137686, 0 -0.83em 0 -0.477em #137686;
  }
  /* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, 0 -0.83em 0 -0.42em #137686, 0 -0.83em 0 -0.44em #137686, 0 -0.83em 0 -0.46em #137686, 0 -0.83em 0 -0.477em #137686;
  }
  /* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, -0.087em -0.825em 0 -0.42em #137686, -0.173em -0.812em 0 -0.44em #137686, -0.256em -0.789em 0 -0.46em #137686, -0.297em -0.775em 0 -0.477em #137686;
  }
  /* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, -0.338em -0.758em 0 -0.42em #137686, -0.555em -0.617em 0 -0.44em #137686, -0.671em -0.488em 0 -0.46em #137686, -0.749em -0.34em 0 -0.477em #137686;
  }
  /* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, -0.377em -0.74em 0 -0.42em #137686, -0.645em -0.522em 0 -0.44em #137686, -0.775em -0.297em 0 -0.46em #137686, -0.82em -0.09em 0 -0.477em #137686;
  }
  /* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #137686, 0 -0.83em 0 -0.42em #137686, 0 -0.83em 0 -0.44em #137686, 0 -0.83em 0 -0.46em #137686, 0 -0.83em 0 -0.477em #137686;
  }
}
@keyframes load6 {
  /* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #137686, 0 -0.83em 0 -0.42em #137686, 0 -0.83em 0 -0.44em #137686, 0 -0.83em 0 -0.46em #137686, 0 -0.83em 0 -0.477em #137686;
  }
  /* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, 0 -0.83em 0 -0.42em #137686, 0 -0.83em 0 -0.44em #137686, 0 -0.83em 0 -0.46em #137686, 0 -0.83em 0 -0.477em #137686;
  }
  /* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, -0.087em -0.825em 0 -0.42em #137686, -0.173em -0.812em 0 -0.44em #137686, -0.256em -0.789em 0 -0.46em #137686, -0.297em -0.775em 0 -0.477em #137686;
  }
  /* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, -0.338em -0.758em 0 -0.42em #137686, -0.555em -0.617em 0 -0.44em #137686, -0.671em -0.488em 0 -0.46em #137686, -0.749em -0.34em 0 -0.477em #137686;
  }
  /* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #137686, -0.377em -0.74em 0 -0.42em #137686, -0.645em -0.522em 0 -0.44em #137686, -0.775em -0.297em 0 -0.46em #137686, -0.82em -0.09em 0 -0.477em #137686;
  }
  /* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #137686, 0 -0.83em 0 -0.42em #137686, 0 -0.83em 0 -0.44em #137686, 0 -0.83em 0 -0.46em #137686, 0 -0.83em 0 -0.477em #137686;
  }
}
/*--- end loader ---*/
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview-textarea {
  display: none;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview {
  background: transparent url(/images/header-phone.png) no-repeat top right;
  display: none;
  font-family: 'museo-sans-rounded', sans-serif;
  height: 565px;
  margin: 0 auto;
  width: 304px;
  position: absolute;
  top: -110px;
  right: 10px;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .transform {
  transform: scale(0.66, 0.66);
  -moz-transform: scale(0.66, 0.66);
  -webkit-transform: scale(0.66, 0.66);
  -o-transform: scale(0.66, 0.66);
  -ms-transform: scale(0.66, 0.66);
  transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  height: 579px;
  width: 362px;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar {
  background-color: #9fa5ab;
  border-radius: 15px;
  height: 300px;
  margin-top: 135px;
  position: absolute;
  width: 5px;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-position {
  background-color: #fff;
  border-radius: 15px;
  bottom: 0;
  height: 100%;
  max-height: 0;
  position: absolute;
  transition: max-height 0.5s linear;
  width: 100%;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-position.-position1 {
  max-height: 0;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-position.-position2 {
  max-height: 33.333%;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-position.-position3 {
  max-height: 66.666%;
}
/* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-position.-position4 {
  max-height: 100%;
}
/* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-arrow {
  color: #9fa5ab;
  font-size: 30px;
  position: relative;
  left: -12px;
  top: -10px;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_hours {
  cursor: pointer;
}
/* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_hours.-active p,
.preview_hours:hover p {
  opacity: 1;
}
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_hours p {
  display: block;
  font-weight: bold;
  opacity: .7;
  text-align: right;
  transition: opacity .5s;
  width: 100px;
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_hours p:first-of-type {
  font-size: 14px;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_hours p:last-of-type {
  font-size: 10px;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .-first,
.preview .-second,
.preview .-third,
.preview .-fourth {
  position: absolute;
  top: 279px;
  left: -112px;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .-second {
  top: 179px;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .-third {
  top: 79px;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .-fourth {
  top: -20px;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_circle {
  border: 4px solid #9fa5ab;
  background-color: #9fa5ab;
  border-radius: 50%;
  height: 15px;
  right: -22px;
  position: absolute;
  top: 10px;
  width: 15px;
}
/* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_bar-position.-position1 .preview_circle,
.preview_bar-position.-position2 .preview_circle,
.preview_bar-position.-position3 .preview_circle,
.preview_bar-position.-position4 .preview_circle {
  background-color: #fff;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_circle.-white {
  border: 4px solid #fff;
  background-color: #fff;
}
/* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_circle.-active,
.preview_circle:hover,
.preview_hours:hover .preview_circle {
  background-color: #9fa5ab;
  cursor: pointer;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_learn {
  display: block;
  font-size: 13px;
  line-height: 15px;
  margin-top: 54px;
  margin-left: 90px;
  width: 200px;
  visibility: hidden;
}
/* line 232, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_learn.-visible {
  visibility: visible;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_learn-text {
  display: none;
}
/* line 240, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_container {
  border-radius: 5px;
  height: 382px;
  margin-left: 49px;
  margin-top: 10px;
  width: 239px;
}
/* line 248, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .loader {
  left: 48%;
  opacity: 0.0;
  position: absolute;
  transition: visibility 0s, opacity 0.5s linear;
  visibility: hidden;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_iframe {
  border-radius: 5px;
  height: 100%;
  opacity: 0.0;
  transition: visibility 0s, opacity 0.5s linear;
  visibility: 0;
  width: 100%;
}
/* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview .-show {
  visibility: visible;
  opacity: 1;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_buttons {
  bottom: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 274px;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_selections {
  margin-bottom: 10px;
}
/* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_selection {
  color: #a2a3a6;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* line 292, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_selection:hover,
.preview_selection.-active {
  color: #fff;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_choose {
  color: #a2a3a6;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_button {
  border-radius: 5px;
  border-width: 1px;
  padding: 5px 55px;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
.preview_button:hover {
  background-color: #fff;
  color: #3b3b3b;
}
@media (min-width: 992px) {
  /* line 319, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\preview-phone.less */
  .preview {
    display: block;
  }
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_left,
.reasons_right {
  text-align: center;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_middle {
  display: none;
  font-size: 0;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_left .reasons_section {
  padding-right: 0px;
  text-align: right;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_right .reasons_section {
  padding-left: 20px;
  text-align: left;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_wrapper {
  position: absolute;
  bottom: 30px;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_left .reasons_wrapper {
  right: 20px;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_section {
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  height: 256px;
  max-width: 455px;
  width: 100%;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_left .reasons_section:first-of-type {
  margin-top: 55px;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_section {
  margin-bottom: 55px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_bar {
  display: none;
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_triangle {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  display: none;
  height: 0;
  position: absolute;
  width: 0;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_triangle.-right {
  border-left: 10px solid white;
  right: -50px;
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_triangle.-left {
  border-right: 10px solid #fff;
  left: -30px;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background {
  border-radius: 5px;
  height: 256px;
  position: relative;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-student {
  background: transparent url(/images/student-box.png) no-repeat top left;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-phone {
  background: transparent url(/images/phone-box.png) no-repeat bottom left;
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-laptop {
  background: transparent url(/images/laptop-box.png) no-repeat center right;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-tutor {
  background: transparent url(/images/tutor-box.png) no-repeat top right;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-student .reasons_triangle {
  top: -28px;
}
/* line 97, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-phone .reasons_triangle {
  top: -48px;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-laptop .reasons_triangle {
  bottom: 0px;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_background.-tutor .reasons_triangle {
  bottom: -9px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_text {
  color: #616161;
  font-size: 18px;
  line-height: 1.2em;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_link {
  color: #777777;
  cursor: pointer;
  display: inline-block;
  font: 12px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  margin-top: 45px;
  text-transform: uppercase;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_link:hover {
  color: #3b3b3b;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
.reasons_arrow {
  font-size: 15px;
  left: 3px;
  position: relative;
  top: 3px;
}
@media (min-width: 500px) {
  /* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_left .reasons_section {
    padding-right: 20px;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_right .reasons_section {
    padding-left: 20px;
  }
  /* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_text {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  /* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_link {
    cursor: pointer;
  }
  /* line 166, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_left {
    padding: 55px 0;
  }
  /* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_section {
    margin-bottom: 0;
    width: 100%;
  }
  /* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_left .reasons_section:first-of-type {
    margin-top: 0;
  }
  /* line 179, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_right .reasons_section:first-of-type {
    margin-top: 55px;
  }
  /* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_section:first-of-type {
    margin-bottom: 55px;
  }
  /* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_text {
    font-size: 20px;
  }
  /* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_middle {
    display: inline-block;
  }
  /* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_triangle {
    display: block;
  }
}
@media (min-width: 1200px) {
  /* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_section {
    margin-bottom: 0;
    width: 100%;
  }
  /* line 212, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reasons-boxes.less */
  .reasons_text {
    font-size: 25px;
  }
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup {
  background-color: #1e1f2a;
  display: none;
  bottom: 0;
  left: 0;
  padding: 50px 0;
  position: fixed;
  opacity: 0;
  overflow: auto;
  overflow-x: hidden;
  right: 0;
  top: 0;
  transition: opacity .3s;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  z-index: 0;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup.is-visible {
  opacity: 1;
  z-index: 1050 !important;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_top-bar {
  height: 50px;
  overflow: hidden;
  padding: 0 20px;
  position: absolute;
  top: 14px;
  text-align: center;
  width: 100%;
  z-index: 21;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_top-bar-buttons {
  position: absolute;
  top: 0;
  right: 25px;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_top-bar-button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding: .6em 1.4em;
  letter-spacing: 1px;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: background-color 0.4s;
  user-select: none;
  vertical-align: middle;
  position: fixed;
  left: 25px;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button:hover,
.signup-popup_top-bar-button:focus,
.signup-popup_top-bar-button:active {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #eb384e;
  cursor: pointer;
  text-decoration: none !important;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-solid {
  color: #2f9de6;
  background-color: #fff;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-solid:hover {
  border-color: #13659c;
  background-color: rgba(0, 0, 0, 0);
  color: #13659c;
  cursor: pointer;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-large-square {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font: 14px @font-museo;*/
  font-weight: bold;
  padding: 20px !important;
  margin-right: 10px;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-white {
  border-color: #fff;
  color: #fff;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-white:hover,
.signup-popup_top-bar-button.-white:focus,
.signup-popup_top-bar-button.-white:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: background-color 0.5s;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-solid-white {
  background-color: #fff;
  border-color: #fff;
  color: #565876;
  padding: .6em 1.6em;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-solid-white:hover,
.signup-popup_top-bar-button.-solid-white:focus,
.signup-popup_top-bar-button.-solid-white:active {
  border-color: #cccccc;
  background-color: #cccccc;
  color: #565876;
  cursor: pointer;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-default {
  background-color: #c9001e;
  border-color: #c9001e;
  color: #fff;
  padding: .6em 1.6em;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-default:hover,
.signup-popup_top-bar-button.-default:focus,
.signup-popup_top-bar-button.-default:active {
  border-color: #63000f;
  background-color: #63000f;
  color: #fff;
  cursor: pointer;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-blue {
  background-color: #1a324f;
  border-color: #1a324f;
  color: #fff;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-blue:hover,
.signup-popup_top-bar-button.-blue:focus,
.signup-popup_top-bar-button.-blue:active {
  border-color: #010102;
  background-color: #010102;
  color: #fff;
  cursor: pointer;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-red {
  color: #fff;
  background-color: #c9001e;
  border-color: #c9001e;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-red:hover,
.signup-popup_top-bar-button.-red:focus,
.signup-popup_top-bar-button.-red:active {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-red-orange {
  background: #c9001e;
  border-color: #c9001e;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-red-orange:hover,
.signup-popup_top-bar-button.-red-orange:active,
.signup-popup_top-bar-button.-red-orange:focus {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-black {
  color: #fff;
  background-color: #565876;
  border: 2px solid #565876;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-black:hover,
.signup-popup_top-bar-button.-black:focus,
.signup-popup_top-bar-button.-black:active {
  border-color: #2b2c3b;
  background-color: #2b2c3b;
  color: #fff;
  cursor: pointer;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-black-bordered {
  color: #565876;
  background-color: transparent;
  border: 2px solid #565876;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_top-bar-button.-black-bordered:hover,
.signup-popup_top-bar-button.-black-bordered:focus,
.signup-popup_top-bar-button.-black-bordered:active {
  border-color: #2b2c3b;
  background-color: rgba(0, 0, 0, 0);
  color: #2b2c3b;
  cursor: pointer;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_top-bar-button:hover,
.signup-popup_top-bar-button:active,
.signup-popup_top-bar-button:focus {
  border-color: #fff;
  color: #fff;
  opacity: .8;
}
@media (min-width: 992px) {
  /* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_top-bar {
    padding: 0 50px;
    text-align: initial;
  }
  /* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_top-bar-buttons {
    right: 50px;
  }
  /* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_top-bar-button {
    position: initial;
  }
  /* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_top-bar-button.is-hidden {
    display: none;
  }
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_logo {
  color: #fff;
  display: none;
  font-size: 180px;
  position: relative;
  top: -93px;
  left: -10px;
  cursor: pointer;
  transition: opacity .5s;
}
/* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_logo:hover {
  color: #fff;
  opacity: .8;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_logo-icon {
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  padding: 5px;
  position: relative;
  top: -6px;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_logo-icon:hover {
  opacity: .8;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_close {
  color: #fff;
  cursor: pointer;
  margin-left: 20px;
  padding: 5px;
  position: relative;
  top: 3px;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_close:hover {
  opacity: .8;
}
/* line 113, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_dots-container {
  text-align: center;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_dot {
  background-color: #878787;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 3px;
  width: 10px;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_dot.is-active {
  background-color: #fff;
}
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-container {
  color: #fff;
  /*height: 100vh;*/
  padding: 10px;
  text-align: center;
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-container.-step1,
.signup-popup_step-container.-step2,
.signup-popup_step-container.-step3,
.signup-popup_step-container.-step4,
.signup-popup_step-container.-step5,
.signup-popup_step-container.-step6,
.signup-popup_step-container.-step7 {
  display: none;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-info-container {
  height: 440px;
  position: relative;
}
/* line 152, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-info {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-header {
  font-size: 24px;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-subheader {
  font-size: 18px;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-options-container {
  /*height: 330px;*/
  margin-top: 30px;
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option {
  background-color: #fff;
  box-shadow: 0 0 0 0 #888;
  border-radius: 5px;
  color: #000;
  padding: 20px 0;
  position: relative;
  text-align: left;
  top: 0;
  width: 100%;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  transition: all .2s;
}
/* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option:hover {
  box-shadow: 0 4px 0 0 #888;
  top: -4px;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option:active {
  box-shadow: 1px 0 0 0 #888;
  top: 0;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-container {
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  margin: 0 auto;
  padding: 5px 30px;
  width: 100%;
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-container.is-active {
  padding: 5px 24px;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-container.is-active .signup-popup_step-option,
.signup-popup_step-option-container.is-active .signup-popup_step-option:hover,
.signup-popup_step-option-container.is-active .signup-popup_step-option:active {
  box-shadow: none !important;
  top: 0 !important;
}
/* line 218, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-image {
  display: none;
  height: 60px;
  margin-left: 20%;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
/* line 230, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-info {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-info-wrapper {
  display: inline-block;
  padding-left: 30px;
  text-align: left;
  width: 100%;
}
/* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  padding: 0;
}
/* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-icon {
  color: #9ea3b5;
  font-size: 30px;
  float: left;
  margin: 0 20px;
  position: relative;
  top: -9px;
}
@media (min-width: 767px) {
  /* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-image {
    margin-left: 30%;
  }
  /* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-container {
    width: 500px;
  }
}
@media (min-width: 992px) {
  /* line 271, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option {
    padding: 40px 6px;
    text-align: center;
    /*         &-container.is-active &:hover { 
          border: 0;
          margin: 4px;
        }  */
  }
  /* line 275, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-container {
    margin: 0 8px;
    padding: 10px;
    width: 260px;
  }
  /* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-container.is-active {
    background-color: #fff;
    padding: 10px;
  }
  /* line 286, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-container.-small {
    width: 210px;
  }
  /* line 296, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-options-container {
    margin-top: 50px;
  }
  /* line 300, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-info-container {
    height: 452px;
  }
  /* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-image {
    display: initial;
  }
  /* line 308, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-info {
    font-size: 11px;
  }
  /* line 312, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-info-wrapper {
    display: inline-block;
    padding-left: 0;
    text-align: center;
  }
  /* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-image {
    height: 140px;
    margin-bottom: 30px;
    margin-left: 0;
  }
  /* line 324, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-header {
    font-size: 24px;
    padding: 5px 10px 0;
  }
  /* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-option-icon {
    font-size: 50px;
    float: none;
    margin: 0;
    position: initial;
  }
}
@media (min-width: 992px) {
  /* line 342, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
  }
  /* line 348, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_step-header {
    font-size: 36px;
  }
}
/* line 358, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_checkmark-wrapper {
  border-radius: 50%;
  display: none;
  height: 44px;
  right: -10px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 44px;
}
/* line 369, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_checkmark-background-opaque {
  background-color: rgba(235, 56, 78, 0.2);
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_checkmark-background-solid {
  background-color: #c9001e;
  border-radius: 50%;
  height: 38px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 38px;
}
/* line 386, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_checkmark-icon {
  border-radius: 50%;
  color: #fff;
  font-size: 19px;
  left: 0;
  position: absolute;
  right: 0;
  top: 8px;
}
@media (min-width: 992px) {
  /* line 398, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_checkmark-wrapper {
    right: -25px;
    top: -25px;
  }
}
/* line 407, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_points {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin-top: 20px;
}
/* line 414, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_points-wrapper {
  border-radius: 50%;
  height: 80px;
  left: -15px;
  position: absolute;
  top: -15px;
  width: 80px;
}
/* line 423, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_points-background-opaque {
  background-color: rgba(50, 150, 199, 0.5);
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
/* line 430, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_points-background-solid {
  background-color: #329bc7;
  border-radius: 50%;
  height: 70px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 70px;
}
/* line 440, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_points-text {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1em;
}
/* line 449, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch {
  display: block;
  height: 50px;
}
/* line 454, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_input-wrapper {
  max-width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  text-align: left;
}
/* line 461, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
}
/* line 468, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_input {
  border: 0;
  color: #282828;
  height: 50px;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}
/* line 475, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_input:focus {
  background-color: #434654;
  color: #fff;
}
/* line 481, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_select {
  height: 50px;
  line-height: 50px;
  margin-bottom: 7px;
  position: relative;
  top: -3px;
  width: 100%;
}
/* line 492, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch-input {
  display: none;
}
/* line 496, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch-label {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 9px 14px;
  text-align: center;
  text-shadow: none;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  width: 50%;
}
/* line 516, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch-label:hover {
  color: #fff;
  cursor: pointer;
  background-color: #c9001e;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch-label:first-of-type {
  border-radius: 5px 0 0 5px;
}
/* line 526, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch-label:last-of-type {
  border-radius: 0 5px 5px 0;
}
/* line 532, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_switch-input:checked + .signup-popup_switch-label {
  background-color: #c9001e;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 543, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_social-container {
  margin: 20px 0;
}
/* line 547, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_social-link {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  color: #1e1f2a;
  font-size: 16px;
  height: 35px;
  margin: 0 10px;
  padding-top: 9px;
  text-align: center;
  width: 35px;
}
/* line 558, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_social-link:hover {
  color: #1e1f2a;
  opacity: .8;
}
@media (min-width: 992px) {
  /* line 566, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_social-link {
    font-size: 22px;
    height: 45px;
    width: 45px;
  }
}
/* line 576, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_buttons {
  padding: 0 15px;
}
/* line 580, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_continue-button {
  background-color: #fff;
  border-color: #fff;
  color: #565876;
  padding: .6em 1.6em;
  color: #fff;
  background-color: #3b3c48;
  font-size: 14px;
  font-weight: bold;
  padding: 20px;
  width: 100%;
  text-transform: uppercase;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.signup-popup_continue-button:hover,
.signup-popup_continue-button:focus,
.signup-popup_continue-button:active {
  border-color: #cccccc;
  background-color: #cccccc;
  color: #565876;
  cursor: pointer;
}
/* line 589, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_continue-button:hover,
.signup-popup_continue-button:focus {
  color: #fff;
  background-color: #3b3c48;
}
/* line 594, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_continue-button.is-enabled {
  background-color: #c9001e;
  color: #fff;
}
/* line 597, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_continue-button.is-enabled:hover {
  background-color: #ff4040;
}
/* line 601, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_continue-button-text.is-loading {
  display: none;
}
@media (min-width: 767px) {
  /* line 605, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_continue-button {
    width: 440px;
  }
}
@media (min-width: 992px) {
  /* line 610, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_continue-button {
    width: 245px;
  }
}
/* line 616, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_back-button {
  background-color: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 14px;
  padding: 6px;
  text-transform: uppercase;
}
/* line 626, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-container.-step0 .signup-popup_back-button {
  visibility: hidden;
}
/* line 631, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
.signup-popup_step-option-container.is-active .signup-popup_checkmark-wrapper {
  display: block;
}
@media (min-width: 767px) {
  /* line 641, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_input-wrapper {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  /* line 647, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup {
    padding: 100px 0;
  }
  /* line 650, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_logo {
    display: inline-block;
  }
  /* line 654, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_logo-icon {
    display: none;
  }
  /* line 658, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_buttons {
    margin-top: 40px;
  }
  /* line 662, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_input-wrapper {
    margin-bottom: 2px !important;
    max-width: 330px;
  }
  /* line 667, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\signup-popup.less */
  .signup-popup_input {
    height: 40px;
    margin-bottom: 10px;
  }
}
/*--- projects popups ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup {
  background-color: #fff;
  border: 2px solid #7d8896;
  border-radius: 5px;
  color: #7d8896;
  width: 265px;
  z-index: 3;
  /* javascript */
  /* html css */
  /* jquery */
  /* web dev */
  /* python */
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_title {
  font: 13px 'museo-sans-rounded', sans-serif;
  font-weight: 800;
  text-transform: capitalize;
  width: 70%;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup.-tip {
  width: initial;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup.-tip .projects-popup_title {
  font-weight: normal;
  width: 100%;
  text-transform: initial;
}
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_time {
  font: 10px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_header:after {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.projects-popup_header:after:before,
.projects-popup_header:after:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.projects-popup_header:after:after {
  clear: both;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_info {
  padding: 10px;
  position: relative;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_description {
  font: 14px 'museo-sans-rounded', sans-serif;
  margin-top: 10px;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup.-quiz .projects-popup_description {
  height: initial;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_image-wrapper {
  max-height: 212px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_image-wrapper.-promo {
  top: 5px;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_image {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  height: auto !important;
  max-height: initial !important;
  max-width: initial !important;
  width: 100% !important;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_image-overlay {
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.29) 0%, rgba(221, 221, 221, 0) 66%, rgba(255, 255, 255, 0) 76%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.29) 0%, rgba(221, 221, 221, 0) 66%, rgba(255, 255, 255, 0) 76%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.29) 0%, rgba(221, 221, 221, 0) 66%, rgba(255, 255, 255, 0) 76%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a000000', endColorstr='#00ffffff', GradientType=0);
  height: 212px;
  position: absolute;
  width: 261px;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_top .projects-popup_image-overlay {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 24%, rgba(221, 221, 221, 0) 34%, rgba(0, 0, 0, 0.29) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 24%, rgba(221, 221, 221, 0) 34%, rgba(0, 0, 0, 0.29) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 24%, rgba(221, 221, 221, 0) 34%, rgba(0, 0, 0, 0.29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#4a000000', GradientType=0);
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress-bar {
  background-color: #d8dadd;
  border-radius: 15px;
  height: 3px;
  margin: 15px 0 5px;
  width: 100%;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress {
  background-color: #7d8896;
  border-radius: 15px;
  height: 3px;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress.-javascript {
  background-color: #3084d8;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress.-html-css {
  background-color: #4fc38f;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress.-jquery {
  background-color: #17d192;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress.-quiz-web,
.projects-popup_progress.-web-dev {
  background-color: #22b7ab;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup_progress.-python {
  background-color: #496cc3;
}
/* line 141, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup[data-position=bottom] .projects-popup_bottom,
.project-popup .projects-popup_top {
  display: none;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup .projects-popup_bottom,
.project-popup[data-position=bottom] .projects-popup_top {
  display: block;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup:after {
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.projects-popup:before {
  border-style: solid;
  border-width: 12px;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
/* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup[data-position=top] .projects-popup:after {
  border-color: transparent transparent #fff transparent;
  top: -18px;
}
/* line 182, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup[data-position=top] .projects-popup:before {
  border-color: transparent transparent #7d8896 transparent;
  top: -23px;
}
/* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup[data-position=bottom] .projects-popup:after {
  border-color: #fff transparent transparent transparent;
  top: initial;
  bottom: -18px;
}
/* line 193, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.project-popup[data-position=bottom] .projects-popup:before {
  border-color: #7d8896 transparent transparent;
  top: initial;
  bottom: -23px;
}
/*--- end project popups ---*/
/*--- end lesson box ---*/
/* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.js-courses-container {
  display: none;
  text-align: center;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container {
  /* moves borders on courses like the info course track*/
  /*end move*/
}
/* line 212, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-courses {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.courses-container.-courses:before,
.courses-container.-courses:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.courses-container.-courses:after {
  clear: both;
}
/* line 225, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-moveBorder {
  border-bottom: 0;
  border-top: 1px solid #dfe1e5;
  padding-top: 50px;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container:first-of-type.-moveBorder {
  border-top: 0;
  padding-top: 0px;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-moveBorder .course-box {
  margin-bottom: 0 !important;
}
/* line 240, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-moveBorder .lesson-box {
  margin-bottom: 60px;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-track {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 251, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container_course {
  display: block;
  margin: 0 auto 15px;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-mini .course-box {
  width: 100%;
  margin-bottom: 20px;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-mini .course-box_description {
  height: 105px;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-mini .course-box_description p {
  display: none;
}
/* line 268, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box,
.courses-container.-medium .course-box {
  border: none;
  border-radius: 5px;
  margin: 0;
  margin-bottom: 70px;
  width: 100%;
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-medium .course-box {
  margin-bottom: 30px;
}
/* line 281, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-mini .course-box_content,
.courses-container.-small .course-box_content {
  padding: 0;
}
/* line 286, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-mini .course-box_preview,
.courses-container.-small .course-box_preview {
  display: none;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box_content,
.courses-container.-wide .course-box_preview,
.courses-container.-medium .course-box_content,
.courses-container.-medium .course-box_preview {
  height: 100%;
  padding: 0;
}
/* line 299, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box_buttons-left,
.courses-container.-medium .course-box_buttons-left {
  padding: 0;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-mini .course-box_buttons-left .course-box_details-button,
.courses-container.-wide .course-box_buttons-left .course-box_details-button {
  display: none;
}
/* line 309, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-medium .course-box_details-button,
.courses-container.-medium .course-box_resume-button {
  width: 49%;
}
/* line 314, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box_buttons-right,
.courses-container.-medium .course-box_buttons-right {
  padding: 6px 0 0 0;
}
/* line 319, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box_buttons-right .course-box_details-button,
.courses-container.-medium .course-box_buttons-right .course-box_details-button {
  display: none;
}
/* line 324, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container_buttons-right .course-box_footer-info,
.courses-container.-wide .course-box_footer-info,
.courses-container.-medium .course-box_footer-info {
  display: none;
}
/* line 330, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.mini .course-box_footer-info,
.courses-container.small .course-box_footer-info {
  padding: 10px 0;
}
/* line 335, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box_buttons-right .course-box_footer-info,
.courses-container.-medium .course-box_buttons-right .course-box_footer-info {
  display: inline-block;
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container.-wide .course-box_footer-info,
.courses-container.-medium .course-box_footer-info {
  text-align: center;
}
/* line 347, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container_section-header {
  color: #2f3241;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}
/* line 354, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container_section-text {
  color: #7B8093;
  display: -webkit-box !important;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container_section-button {
  background-color: #fff;
  padding: 15px;
  border-radius: 0;
  color: #7B8093;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 8px;
  padding: 10px !important;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  box-shadow: 0 2px 0 0 #CCCFDB;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all .2s;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .courses-container_section-button {
    padding: 30px;
  }
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.courses-container_section-button:hover {
  box-shadow: 0 3px 0 0 #CCCFDB;
  top: -1px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.courses-container_section-button:active {
  box-shadow: 0 1px 0 0 #CCCFDB;
  top: 1px;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container_section-button-arrow {
  float: right;
  position: relative;
  top: 1px;
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.-promotion .courses-container_left {
  width: 100%;
}
/* line 395, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.-promotion .courses-container_right {
  display: none;
}
@media (min-width: 500px) {
  /* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-mini .course-box {
    width: 400px;
  }
}
@media (min-width: 767px) {
  /* line 413, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box,
  .courses-container.-medium .course-box {
    height: 227px;
  }
  /* line 418, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_content,
  .courses-container.-medium .course-box_content {
    border-right: 0;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  /* line 426, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-medium .course-box_description,
  .courses-container.-wide .course-box_description {
    min-height: 90px;
  }
  /* line 431, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_description,
  .courses-container.-medium .course-box_description {
    width: 75%;
  }
  /* line 436, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-medium .course-box_description {
    padding-right: 20px;
  }
  /* line 440, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_footer-info,
  .courses-container.-medium .course-box_footer-info {
    text-align: right;
  }
  /* line 445, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_top-post,
  .courses-container.-wide .course-box_preview-btn,
  .courses-container.-medium .course-box_top-post,
  .courses-container.-medium .course-box_preview-btn {
    display: none;
  }
  /* line 452, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_percentage-bottom,
  .courses-container.-medium .course-box_percentage-bottom {
    display: none;
  }
  /* line 457, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_percentage-top,
  .courses-container.-medium .course-box_percentage-top {
    display: block;
  }
}
@media (min-width: 992px) {
  /* line 470, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container_course {
    display: inline-block;
  }
  /* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container_course:nth-of-type(odd) {
    margin-right: 15px;
  }
  /* line 478, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-small:nth-of-type(odd) .course-box {
    margin-right: 70px;
  }
  /* line 482, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box,
  .courses-container.-medium .course-box {
    height: 230px;
  }
  /* line 487, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-medium .course-box_percentage-top {
    right: -185px;
  }
  /* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-mini .course-box {
    margin: 0 0 20px 0;
    width: 400px;
  }
}
@media (min-width: 1200px) {
  /* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-medium .course-box_percentage-top {
    right: -190px;
    width: 200px;
  }
  /* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box_description,
  .courses-container.-medium .course-box_description {
    width: 67%;
  }
  /* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-wide .course-box,
  .courses-container.-medium .course-box {
    height: 220px;
  }
  /* line 519, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-mini .course-box_description {
    height: 105px;
  }
}
@media (min-width: 1600px) {
  /* line 531, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-mini .course-box {
    width: 411px;
  }
}
/* line 541, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.track-container .courses-container_course {
  display: block;
  margin-right: 0;
  text-align: center;
}
/* line 547, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.track-container .course-box_track {
  display: inline-block !important;
}
/* line 553, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.courses-container:last-of-type {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* line 559, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box {
  color: #7d8896;
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
  text-align: initial;
  width: 350px;
}
/* line 569, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_track {
  background-color: #7d8896;
  border: 3px solid #fff;
  border-radius: 15px;
  display: none;
  height: 30px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -15px;
  width: 12px;
  z-index: 2;
}
/* line 583, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_top-bar {
  background-color: #7d8896;
  color: #fff;
  font: 12px 'museo-sans-rounded', sans-serif;
  font-weight: 800;
  height: 38px;
  letter-spacing: .05em;
  padding: 2px 2px 0 2px;
  text-align: left;
  /*text-transform: uppercase;*/
}
/* line 595, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_content {
  border: 2px solid #7d8896;
  border-radius: 5px;
}
/* line 600, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_top-bar-left,
.course-box_top-bar-right {
  display: inline-block;
  height: 38px;
  position: relative;
  top: 1px;
}
/* line 607, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_top-bar-right {
  font: 9px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding-top: 9px;
  padding-right: 10px;
}
/* line 614, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_type {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #7d8896;
  display: inline-block;
  font: 12px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  height: 100%;
  padding: 8px 12px;
  margin-right: 8px;
}
/* line 627, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_title {
  font: 12px 'museo-sans-rounded', sans-serif;
  font-weight: 800;
  text-transform: none;
}
/* line 633, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_top-post {
  background-color: #fff;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 15px;
  height: 13px;
  position: relative;
  top: 14px;
  width: 3px;
}
/* line 645, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-btn {
  display: inline-block;
  height: 100%;
  margin-left: 6px;
  padding: 0 0 0 12px;
}
/* line 650, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-btn-triangle {
  margin-left: 3px;
  position: relative;
  top: 1px;
}
/* line 657, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-image,
.course-box_preview-video {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
}
/* line 664, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-image {
  text-align: center;
  overflow: hidden;
}
/* line 669, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-image-image {
  width: 100%;
  min-height: 100%;
}
/* line 674, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-video-play {
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 35px;
  height: 75px;
  margin: 0 auto;
  text-align: center;
  width: 75px;
}
/* line 685, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_preview-video-play-icon {
  padding: 9px 0 0 6px;
}
/* line 689, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_details {
  font: 14px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  padding: 15px;
}
/* line 695, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_buttons {
  margin: 0 0 10px;
  height: 35px;
}
/* line 700, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_buttons-left {
  padding: 0;
  margin-bottom: 10px;
}
/* line 705, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_buttons-right {
  padding: 0;
  margin-bottom: 20px;
}
/* line 710, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_description,
.course-box_details p {
  margin-bottom: 20px;
  margin-top: 0;
  text-align: left;
}
/* line 717, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_resume-button {
  background-color: #7d8896;
  border-color: #7d8896;
  display: inline-block;
  color: #fff;
  text-align: center;
  text-transform: none;
  width: 100%;
}
/* line 727, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_resume-button:hover,
.course-box_resume-button:focus,
.course-box_resume-button:active {
  background-color: #646f7c;
  color: #fff;
  opacity: .9;
}
/* line 735, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_resume-button.-fullWidth {
  width: 100%;
}
/* line 739, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_details-button {
  border-color: #7d8896;
  color: #7d8896;
  text-transform: none;
  width: 100%;
}
/* line 744, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_details-button:hover,
.course-box_details-button:active,
.course-box_details-button:focus {
  border-color: #4d5560;
  background-color: rgba(0, 0, 0, 0);
  color: #4d5560;
  cursor: pointer;
}
/* line 751, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_details-button.-comingSoon {
  position: relative;
  top: -13px;
}
/* line 756, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_footer-info {
  display: inline-block;
  font: 10px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  font-weight: 800;
  text-align: center;
  width: 32%;
}
/* line 765, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_buttons-right .course-box_footer-info {
  display: none;
}
/* line 769, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_footer-info {
  margin-bottom: 10px;
}
/* line 771, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_footer-info:nth-of-type(2),
.course-box_footer-info:nth-of-type(3),
.course-box_footer-info:nth-of-type(4) {
  text-align: center;
}
/* line 776, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-bottom,
.course-box_percentage-top {
  display: block;
  border-left: 5px solid #fff;
  /*border-right: 5px solid @white;*/
  height: 15px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: -9px;
  width: 130px;
}
/* line 790, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-bottom {
  bottom: -7px;
  transition: width .5s;
}
/* line 795, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-top {
  display: none;
  top: 70px;
  width: 200px;
}
/* line 801, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-circle {
  background-color: #fff;
  border: 3px solid #7d8896;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  position: absolute;
  width: 14px;
  z-index: 2;
}
/* line 812, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-percent-wrapper {
  background-color: #d8dadd;
  display: inline-block;
  height: 6px;
  position: absolute;
  padding: 0 10px;
  top: 4px;
  width: 80%;
}
/* line 822, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-percent {
  background-color: #7d8896;
  border-radius: 10px;
  border-right: 1px solid #fff;
  display: inline-block;
  height: 6px;
  position: absolute;
}
/* line 831, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-divider {
  background-color: #fff;
  display: inline-block;
  height: 3px;
  width: 3px;
  position: absolute;
  right: -4px;
  top: -1px;
}
/* line 841, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-ribbon {
  /*background-color: @white;*/
  border-left: 0px solid #fff;
  color: #e8eaeb;
  font-size: 30px;
  position: absolute;
  right: 0;
  top: -9px;
}
/* line 851, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-top .course-box_percentage-ribbon {
  display: inline-block;
}
/* line 855, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_percentage-ribbon .-percent100 {
  color: #d8dadd;
}
/* line 859, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_coming-dot {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  margin-right: 5px;
  width: 7px;
}
/* line 868, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_coming-text,
.course-box_coming-date {
  color: #7d8896;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: 700px;
  margin-bottom: 5px !important;
  padding-left: 10px;
  position: relative;
  text-align: left;
  top: -10px;
}
/* line 880, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box_coming-date {
  font-size: 12px;
  font-weight: 800px;
  margin-top: 0;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_top-bar,
.course-box.-'javascript' .course-box_percentage-percent,
.course-box.-'javascript' .course-box_track {
  background-color: #3084d8;
}
/* line 894, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_content,
.course-box.-'javascript' .course-box_details-button {
  border-color: #3084d8;
}
/* line 900, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_details-button:hover,
.course-box.-'javascript' .course-box_details-button:active,
.course-box.-'javascript' .course-box_details-button:focus {
  border-color: #1a5188;
  background-color: rgba(0, 0, 0, 0);
  color: #1a5188;
  cursor: pointer;
}
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_type,
.course-box.-'javascript' .-percent100,
.course-box.-'javascript' .course-box_details-button,
.course-box.-'javascript' .course-box_coming-date {
  color: #3084d8;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_resume-button {
  background-color: color;
  border-color: #3084d8;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_resume-button:hover,
.course-box.-'javascript' .course-box_resume-button:active,
.course-box.-'javascript' .course-box_resume-button:focus {
  border-color: #1a5188;
  background-color: #1a5188;
  color: #fff;
  cursor: pointer;
}
/* line 924, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'javascript' .course-box_preview-image {
  background-color: #226ab3;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_top-bar,
.course-box.-'html-css' .course-box_percentage-percent,
.course-box.-'html-css' .course-box_track {
  background-color: #4fc38f;
}
/* line 894, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_content,
.course-box.-'html-css' .course-box_details-button {
  border-color: #4fc38f;
}
/* line 900, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_details-button:hover,
.course-box.-'html-css' .course-box_details-button:active,
.course-box.-'html-css' .course-box_details-button:focus {
  border-color: #2c805a;
  background-color: rgba(0, 0, 0, 0);
  color: #2c805a;
  cursor: pointer;
}
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_type,
.course-box.-'html-css' .-percent100,
.course-box.-'html-css' .course-box_details-button,
.course-box.-'html-css' .course-box_coming-date {
  color: #4fc38f;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_resume-button {
  background-color: color;
  border-color: #4fc38f;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_resume-button:hover,
.course-box.-'html-css' .course-box_resume-button:active,
.course-box.-'html-css' .course-box_resume-button:focus {
  border-color: #2c805a;
  background-color: #2c805a;
  color: #fff;
  cursor: pointer;
}
/* line 924, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'html-css' .course-box_preview-image {
  background-color: #39a675;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_top-bar,
.course-box.-'jquery' .course-box_percentage-percent,
.course-box.-'jquery' .course-box_track {
  background-color: #17d192;
}
/* line 894, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_content,
.course-box.-'jquery' .course-box_details-button {
  border-color: #17d192;
}
/* line 900, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_details-button:hover,
.course-box.-'jquery' .course-box_details-button:active,
.course-box.-'jquery' .course-box_details-button:focus {
  border-color: #0d7552;
  background-color: rgba(0, 0, 0, 0);
  color: #0d7552;
  cursor: pointer;
}
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_type,
.course-box.-'jquery' .-percent100,
.course-box.-'jquery' .course-box_details-button,
.course-box.-'jquery' .course-box_coming-date {
  color: #17d192;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_resume-button {
  background-color: color;
  border-color: #17d192;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_resume-button:hover,
.course-box.-'jquery' .course-box_resume-button:active,
.course-box.-'jquery' .course-box_resume-button:focus {
  border-color: #0d7552;
  background-color: #0d7552;
  color: #fff;
  cursor: pointer;
}
/* line 924, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'jquery' .course-box_preview-image {
  background-color: #12a372;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_top-bar,
.course-box.-'web-dev' .course-box_percentage-percent,
.course-box.-'web-dev' .course-box_track {
  background-color: #22b7ab;
}
/* line 894, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_content,
.course-box.-'web-dev' .course-box_details-button {
  border-color: #22b7ab;
}
/* line 900, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_details-button:hover,
.course-box.-'web-dev' .course-box_details-button:active,
.course-box.-'web-dev' .course-box_details-button:focus {
  border-color: #12615b;
  background-color: rgba(0, 0, 0, 0);
  color: #12615b;
  cursor: pointer;
}
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_type,
.course-box.-'web-dev' .-percent100,
.course-box.-'web-dev' .course-box_details-button,
.course-box.-'web-dev' .course-box_coming-date {
  color: #22b7ab;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_resume-button {
  background-color: color;
  border-color: #22b7ab;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_resume-button:hover,
.course-box.-'web-dev' .course-box_resume-button:active,
.course-box.-'web-dev' .course-box_resume-button:focus {
  border-color: #12615b;
  background-color: #12615b;
  color: #fff;
  cursor: pointer;
}
/* line 924, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'web-dev' .course-box_preview-image {
  background-color: #1a8c83;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_top-bar,
.course-box.-'python' .course-box_percentage-percent,
.course-box.-'python' .course-box_track {
  background-color: #496cc3;
}
/* line 894, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_content,
.course-box.-'python' .course-box_details-button {
  border-color: #496cc3;
}
/* line 900, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_details-button:hover,
.course-box.-'python' .course-box_details-button:active,
.course-box.-'python' .course-box_details-button:focus {
  border-color: #29417d;
  background-color: rgba(0, 0, 0, 0);
  color: #29417d;
  cursor: pointer;
}
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_type,
.course-box.-'python' .-percent100,
.course-box.-'python' .course-box_details-button,
.course-box.-'python' .course-box_coming-date {
  color: #496cc3;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_resume-button {
  background-color: color;
  border-color: #496cc3;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_resume-button:hover,
.course-box.-'python' .course-box_resume-button:active,
.course-box.-'python' .course-box_resume-button:focus {
  border-color: #29417d;
  background-color: #29417d;
  color: #fff;
  cursor: pointer;
}
/* line 924, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'python' .course-box_preview-image {
  background-color: #3655a3;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_top-bar,
.course-box.-'design' .course-box_percentage-percent,
.course-box.-'design' .course-box_track {
  background-color: #7062ba;
}
/* line 894, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_content,
.course-box.-'design' .course-box_details-button {
  border-color: #7062ba;
}
/* line 900, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_details-button:hover,
.course-box.-'design' .course-box_details-button:active,
.course-box.-'design' .course-box_details-button:focus {
  border-color: #43387e;
  background-color: rgba(0, 0, 0, 0);
  color: #43387e;
  cursor: pointer;
}
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_type,
.course-box.-'design' .-percent100,
.course-box.-'design' .course-box_details-button,
.course-box.-'design' .course-box_coming-date {
  color: #7062ba;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_resume-button {
  background-color: color;
  border-color: #7062ba;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_resume-button:hover,
.course-box.-'design' .course-box_resume-button:active,
.course-box.-'design' .course-box_resume-button:focus {
  border-color: #43387e;
  background-color: #43387e;
  color: #fff;
  cursor: pointer;
}
/* line 924, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box.-'design' .course-box_preview-image {
  background-color: #5647a2;
}
/* line 937, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box:hover .course-box_percentage-bottom {
  width: 250px;
}
/* line 941, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box:hover .course-box_percentage-star {
  display: none;
}
/* line 945, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.course-box:hover .course-box_percentage-ribbon {
  display: inline-block;
}
@media (min-width: 460px) {
  /* line 953, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box {
    width: 433px;
  }
}
@media (min-width: 767px) {
  /* line 963, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_buttons-left {
    margin-bottom: 0;
    padding-right: 10px;
  }
  /* line 968, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_buttons-right {
    margin-bottom: 0px;
  }
  /* line 972, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_percentage-top {
    right: -180px;
    width: 140px;
  }
  /* line 977, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_percentage-percent-wrapper {
    width: 80%;
  }
}
@media (min-width: 992px) {
  /* line 989, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_track {
    left: 45%;
  }
  /* line 993, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_percentage-top {
    right: -230px;
  }
  /* line 997, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_percentage-percent-wrapper {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  /* line 1006, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box {
    width: 533px;
  }
  /* line 1009, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box.-mini {
    width: 350px;
  }
  /* line 1013, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_track {
    left: 46%;
  }
  /* line 1017, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .course-box_percentage-top {
    right: -330px;
  }
  /* line 1025, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .courses-container.-medium .course-box_percentage-top {
    right: -190px;
  }
}
/*--- background option popup ---*/
/* line 1037, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.choose-backgrounds-popup {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
/*--- background option popup ---*/
/* line 1044, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.backgrounds-popup {
  font-size: 0;
  line-height: 1em;
  max-width: 300px;
}
/* line 1049, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.backgrounds-popup_option {
  background-size: cover;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 67px;
  margin: 15px;
  width: 70px;
}
/* line 1059, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.backgrounds-popup_option:hover {
  opacity: .8;
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-1 {
  background-image: url('/images/profile/profile-bg-1.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-2 {
  background-image: url('/images/profile/profile-bg-2.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-3 {
  background-image: url('/images/profile/profile-bg-3.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-4 {
  background-image: url('/images/profile/profile-bg-4.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-5 {
  background-image: url('/images/profile/profile-bg-5.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-6 {
  background-image: url('/images/profile/profile-bg-6.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-7 {
  background-image: url('/images/profile/profile-bg-7.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-8 {
  background-image: url('/images/profile/profile-bg-8.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-9 {
  background-image: url('/images/profile/profile-bg-9.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-10 {
  background-image: url('/images/profile/profile-bg-10.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-11 {
  background-image: url('/images/profile/profile-bg-11.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-12 {
  background-image: url('/images/profile/profile-bg-12.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.backgrounds-popup .-background-13 {
  background-image: url('/images/profile/profile-bg-13.jpg');
}
@media (min-width: 768px) {
  /* line 1070, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .backgrounds-popup {
    max-width: 508px;
  }
  /* line 1073, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .backgrounds-popup_option {
    height: 97px;
    margin: 15px;
    width: 97px;
  }
}
/*--- end background option popup ---*/
/*--- profile content container ---*/
/* line 1085, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.profile-content {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin: 0;
  width: 100%;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-content:before,
.profile-content:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-content:after {
  clear: both;
}
/* line 1090, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.profile-content_left {
  padding: 25px 0px;
}
/*--- end profile content container ---*/
/*--- end profile subnav ---*/
/* badges popup */
/* line 1102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.badges-popup {
  text-align: center;
  height: 346px;
  overflow-y: auto;
  width: 100%;
}
/* line 1108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.badges-popup img {
  margin: 3px;
  opacity: 1 !important;
}
/* line 1115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.track-container,
.pinned-course {
  display: none;
  margin: 0 auto;
}
/* line 1120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.track-container .promo-box_description {
  height: initial;
}
/*--- certificate popup ---*/
/* line 1126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup {
  width: 300px;
  height: 330px;
  margin: 15px 0 0;
  overflow-y: auto;
}
/* line 1132, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_certificate {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 30px;
  margin-bottom: 30px !important;
}
/* line 1138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_message {
  color: #4f4f4f;
  font-size: 24px !important;
  line-height: 40px;
  padding: 30px;
  text-align: center;
}
/* line 1146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_certificate:last-of-type {
  border: none;
  margin-bottom: 0px !important;
}
/* line 1151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_certificate i {
  font-size: 42px;
  margin-right: 15px;
}
/* line 1156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_info {
  display: inline-block;
}
/* line 1160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_button {
  border-color: #4f4f4f;
  color: #4f4f4f;
  margin: 5px 10px 0;
}
/* line 1166, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_button:hover,
.certificates-popup_button:focus,
.certificates-popup_button:active {
  border-color: #828282;
  color: #828282;
}
/* line 1173, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_name {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
/* line 1180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.certificates-popup_date {
  font-size: 11px !important;
  line-height: 4px;
  font-weight: bold;
}
@media (min-width: 768px) {
  /* line 1191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .certificates-popup {
    width: 520px;
  }
  /* line 1194, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
  .certificates-popup_message {
    padding: 70px;
  }
}
/*--- end certificate popup ---*/
/*course themes*/
/* this might be old stuff but still used on the hour-of-code page */
/* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .course-box_header,
.t-course-html-css .button:hover,
.t-course-html-css .button:focus,
.t-course-html-css .button:active,
.t-course-html-css .course-progress_course-number,
.t-course-html-css .course-progress_course-play {
  color: #4fc38f !important;
}
/* line 1219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .course-popup_purchase-button {
  color: #4fc38f;
}
/* line 1223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .t-background,
.t-course-html-css .badge,
.t-course-html-css .course-progress_lesson-progress.-completed,
.t-course-html-css .radial-progress_fill {
  background-color: #4fc38f !important;
}
/* line 1229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .-solid {
  color: #4fc38f !important;
}
/* line 1233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .-solid:hover,
.t-course-html-css .course-progress_course-play.-completed {
  color: #fff !important;
}
/* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .badge.-white {
  background-color: #fff !important;
  color: #4fc38f !important;
}
/* line 1242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-html-css .badge.-opaque {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .course-box_header,
.t-course-javascript .button:hover,
.t-course-javascript .button:focus,
.t-course-javascript .button:active,
.t-course-javascript .course-progress_course-number,
.t-course-javascript .course-progress_course-play {
  color: #3084d8 !important;
}
/* line 1219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .course-popup_purchase-button {
  color: #3084d8;
}
/* line 1223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .t-background,
.t-course-javascript .badge,
.t-course-javascript .course-progress_lesson-progress.-completed,
.t-course-javascript .radial-progress_fill {
  background-color: #3084d8 !important;
}
/* line 1229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .-solid {
  color: #3084d8 !important;
}
/* line 1233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .-solid:hover,
.t-course-javascript .course-progress_course-play.-completed {
  color: #fff !important;
}
/* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .badge.-white {
  background-color: #fff !important;
  color: #3084d8 !important;
}
/* line 1242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-javascript .badge.-opaque {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .course-box_header,
.t-course-jquery .button:hover,
.t-course-jquery .button:focus,
.t-course-jquery .button:active,
.t-course-jquery .course-progress_course-number,
.t-course-jquery .course-progress_course-play {
  color: #17d192 !important;
}
/* line 1219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .course-popup_purchase-button {
  color: #17d192;
}
/* line 1223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .t-background,
.t-course-jquery .badge,
.t-course-jquery .course-progress_lesson-progress.-completed,
.t-course-jquery .radial-progress_fill {
  background-color: #17d192 !important;
}
/* line 1229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .-solid {
  color: #17d192 !important;
}
/* line 1233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .-solid:hover,
.t-course-jquery .course-progress_course-play.-completed {
  color: #fff !important;
}
/* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .badge.-white {
  background-color: #fff !important;
  color: #17d192 !important;
}
/* line 1242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-jquery .badge.-opaque {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .course-box_header,
.t-course-python .button:hover,
.t-course-python .button:focus,
.t-course-python .button:active,
.t-course-python .course-progress_course-number,
.t-course-python .course-progress_course-play {
  color: #496cc3 !important;
}
/* line 1219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .course-popup_purchase-button {
  color: #496cc3;
}
/* line 1223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .t-background,
.t-course-python .badge,
.t-course-python .course-progress_lesson-progress.-completed,
.t-course-python .radial-progress_fill {
  background-color: #496cc3 !important;
}
/* line 1229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .-solid {
  color: #496cc3 !important;
}
/* line 1233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .-solid:hover,
.t-course-python .course-progress_course-play.-completed {
  color: #fff !important;
}
/* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .badge.-white {
  background-color: #fff !important;
  color: #496cc3 !important;
}
/* line 1242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-python .badge.-opaque {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .course-box_header,
.t-course-web-dev .button:hover,
.t-course-web-dev .button:focus,
.t-course-web-dev .button:active,
.t-course-web-dev .course-progress_course-number,
.t-course-web-dev .course-progress_course-play {
  color: #22b7ab !important;
}
/* line 1219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .course-popup_purchase-button {
  color: #22b7ab;
}
/* line 1223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .t-background,
.t-course-web-dev .badge,
.t-course-web-dev .course-progress_lesson-progress.-completed,
.t-course-web-dev .radial-progress_fill {
  background-color: #22b7ab !important;
}
/* line 1229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .-solid {
  color: #22b7ab !important;
}
/* line 1233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .-solid:hover,
.t-course-web-dev .course-progress_course-play.-completed {
  color: #fff !important;
}
/* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .badge.-white {
  background-color: #fff !important;
  color: #22b7ab !important;
}
/* line 1242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-web-dev .badge.-opaque {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* line 1210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .course-box_header,
.t-course-design .button:hover,
.t-course-design .button:focus,
.t-course-design .button:active,
.t-course-design .course-progress_course-number,
.t-course-design .course-progress_course-play {
  color: #7062ba !important;
}
/* line 1219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .course-popup_purchase-button {
  color: #7062ba;
}
/* line 1223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .t-background,
.t-course-design .badge,
.t-course-design .course-progress_lesson-progress.-completed,
.t-course-design .radial-progress_fill {
  background-color: #7062ba !important;
}
/* line 1229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .-solid {
  color: #7062ba !important;
}
/* line 1233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .-solid:hover,
.t-course-design .course-progress_course-play.-completed {
  color: #fff !important;
}
/* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .badge.-white {
  background-color: #fff !important;
  color: #7062ba !important;
}
/* line 1242, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.t-course-design .badge.-opaque {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* header banners ie teachers tab */
/* line 1275, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.header-banner {
  background: #15203f url(/images/banner-texture-01.png) no-repeat center right;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 30px 20px;
}
/* line 1284, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.header-banner_button {
  background-color: #00b0f5;
  border-color: #00b0f5;
  margin-top: 15px;
}
/* line 1290, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile.less */
.header-banner_button:hover,
.header-banner_button:active,
.header-banner_button:focus {
  opacity: .7;
}
/*--- dropdown menu ---*/
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu {
  border-radius: 3px;
  background-color: rgba(30, 31, 42, 0.9);
  box-shadow: 0 0 2px #Fff;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 20px;
  left: 15px;
  position: absolute;
  min-width: 120px;
  z-index: 999;
  z-index: 1001;
  /*
  @media (max-width: @screen-sm) {
    left: 5px !important;
  }
*/
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_container {
  display: inline-block;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu i {
  position: relative;
  top: 2px;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_divider {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  margin: 0 !important;
  width: 100% !important;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_divider:first-of-type {
  margin-top: 9px !important;
  padding-bottom: 0;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_divider:last-of-type {
  margin-bottom: 9px !important;
  padding-top: 0;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_divider-text {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_link,
.dropdown-menu_link:visited {
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 5px 20px;
  margin: 0 -20px;
  text-transform: capitalize;
  text-decoration: none;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_link.-video:before,
.dropdown-menu_link:visited.-video:before,
.dropdown-menu_link.-resource:before,
.dropdown-menu_link:visited.-resource:before {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_link:active,
.dropdown-menu_link:hover {
  color: #CCCFDB;
  text-decoration: none;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-right .dropdown-menu_triangle {
  left: initial;
  right: 25px;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-right[data-position=bottom] {
  top: 510px !important;
}
/* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_back {
  border-bottom: 1px solid #fff;
  display: none;
  margin-bottom: 15px;
  margin-top: -10px;
  padding-bottom: 15px;
  padding-top: 15px;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_back:hover {
  color: #CCCFDB;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_back i {
  margin-right: 10px;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_links {
  list-style-type: none;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_buttons {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  display: none;
  line-height: 25px;
  margin-top: 9px;
  padding-top: 20px;
  text-transform: capitalize;
}
/* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.main-menu .dropdown-menu_buttons {
  display: block;
}
/* line 143, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu_settings {
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
  display: inline-block;
}
/* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu:before,
.dropdown-menu:after {
  border-color: transparent transparent #1e1f2a transparent;
  border-style: solid;
  border-width: 9px;
  content: '';
  display: block;
  height: 0;
  opacity: .9;
  position: absolute;
  top: -18px;
  width: 0;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu:before {
  border-width: 10px;
  border-color: transparent transparent rgba(255, 255, 255, 0.4) transparent;
  top: -21px;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-center:before,
.dropdown-menu.-center:after {
  left: 0;
  margin: auto;
  right: 0;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-right:after {
  left: initial;
  right: 22px;
}
/* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-right:before {
  left: initial;
  right: 21px;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-left:after {
  right: initial;
  left: 22px;
}
@media (max-width: 767px) {
  /* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
  .dropdown-menu.-left:after {
    left: 15px !important;
  }
}
/* line 200, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
.dropdown-menu.-left:before {
  right: initial;
  left: 21px;
}
@media (max-width: 767px) {
  /* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\dropdown-menu.less */
  .dropdown-menu.-left:before {
    left: 14px !important;
  }
}
/*--- notification bar ---*/
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.top-notification {
  background-color: #eb384e;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 70px;
  padding: 0 30px;
  position: fixed;
  top: -70px;
  width: 100%;
  z-index: 2;
  transition: top 0.5s;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.top-notification_close {
  font-size: 14px;
  cursor: pointer;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.top-notification_close:hover {
  opacity: .6;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.top-notification_button {
  margin-left: 15px;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.t-transparent-header #outer-container,
.top-bar {
  transition: margin-top 0.5s;
  margin-top: 0;
}
/* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.has-notification .top-notification {
  top: 0;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\notification-bar.less */
.t-transparent-header .has-notification #outer-container,
.has-notification .top-bar {
  margin-top: 70px;
}
/*--- end notification bar ---*/
/*--- parent registration ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1 {
  color: #555555;
  font-family: 'museo-sans-rounded', sans-serif;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_container {
  max-width: 100%;
  text-align: center;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_left,
.homeschool-registration .step-1_right {
  margin: 20px 0;
  padding: 0 20px;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_right {
  text-align: center;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_step {
  font-size: 12px;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_title {
  font-size: 25px;
  font-weight: normal;
  line-height: 30px;
  text-transform: capitalize;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_input {
  border: 1px solid #dfdfdf;
  color: #909090;
  margin-bottom: 10px;
  padding: 10px;
  width: 254px;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-1_input.is-matching {
  background-color: #eeffee;
  border: 1px solid #ccffcc;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2 {
  background-color: #dfdfdf;
  color: #555555;
  font-family: 'museo-sans-rounded', sans-serif;
  padding: 25px;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_section,
.homeschool-registration .step-2_add-child {
  background-color: #fff;
  padding: 25px;
  margin: 15px;
  text-align: center;
  position: relative;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_step {
  font-size: 12px;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_title {
  font-size: 25px;
  font-weight: normal;
  line-height: 30px;
  text-transform: capitalize;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_input {
  border: 1px solid #dfdfdf;
  margin: 5px;
  margin-right: 10px;
  padding: 10px;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_input:first-of-type {
  margin-top: 50px;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_icon {
  color: #a2a2a2;
  font-size: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -5px;
  position: absolute;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_close-icon {
  color: #a2a2a2;
  cursor: pointer;
  display: none;
  font-size: 25px;
  top: 15px;
  right: 15px;
  position: absolute;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_close-icon:hover {
  color: #6f6f6f;
}
/* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_plus {
  font-size: 35px;
  height: 35px;
  display: inline-block;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_plus-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: inline-block;
  margin-left: 10px;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_add-child {
  cursor: pointer;
  text-align: center;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-2_add-child:hover {
  background-color: #c9001e;
  color: #fff;
}
/* line 128, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-3 {
  background-color: #c9001e;
  color: #fff;
  font-family: 'museo-sans-rounded', sans-serif;
  padding: 75px 25px;
  text-align: center;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-3_step {
  font-size: 12px;
}
/* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-3_title {
  font-size: 25px;
  font-weight: normal;
  line-height: 30px;
  text-transform: capitalize;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-3 .button {
  font-size: 16px;
  margin-top: 25px;
  border-radius: 5px;
  padding: 20px 25px;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-3 .button:hover {
  background-color: #fff;
  color: #c9001e;
}
/* line 158, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
.homeschool-registration .step-3 .button .icon-right {
  font-size: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
@media (min-width: 768px) {
  /* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-1_container {
    max-width: 760px;
    text-align: left;
    padding: 0;
  }
  /* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-1_left,
  .homeschool-registration .step-1_right {
    margin: 15px 0;
    padding: 20px 0px;
  }
  /* line 182, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-1_left {
    border-right: 1px solid #dfdfdf;
    height: 202px;
  }
  /* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-1_right {
    text-align: right;
  }
  /* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-1_title {
    font-size: 30px;
  }
  /* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_section,
  .homeschool-registration .step-2_add-child {
    text-align: left;
    margin: 15px auto;
    max-width: 760px;
  }
  /* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_add-child {
    text-align: center;
  }
  /* line 209, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_title {
    font-size: 30px;
  }
  /* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_input {
    border: 1px solid #dfdfdf;
    margin: 0 5px;
    padding: 10px;
    width: 195px;
  }
  /* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_input:first-of-type {
    margin: 0 5px;
    margin-left: 60px;
  }
  /* line 225, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_icon {
    color: #a2a2a2;
    font-size: 40px;
    margin-left: 0px;
    margin-top: -2px;
    left: inherit;
    position: absolute;
  }
  /* line 234, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-2_close-icon {
    margin-left: 5px;
    margin-top: 8px;
    top: initial;
    right: initial;
  }
  /* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-3 {
    padding: 75px;
  }
  /* line 246, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\homeschool-registration.less */
  .homeschool-registration .step-3_title {
    font-size: 30px;
  }
}
/*--- footer signup ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup {
  color: #fff;
  max-width: 760px;
  padding: 156px 0;
  margin: 0 auto;
  text-align: center;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_input {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.005);
  color: #fff;
  margin-right: 10px;
  width: 100%;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_input:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_button {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px;
  padding: 18px 20px;
  width: 280px;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.footer-signup_button:hover,
.footer-signup_button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.footer-signup_button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.footer-signup_button.-secondary:hover,
.footer-signup_button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_button.-solid {
  background-color: #fff;
  color: #c9001e;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_button.-solid:hover {
  background-color: transparent;
  color: #fff;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_ccd {
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  opacity: .6;
  position: relative;
  top: 15px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_ccd-icon {
  font-size: 15px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_main-header {
  font: 42px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0 0 30px 0;
  line-height: 44px;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_sub-header {
  font: 22px 'museo-sans-rounded', sans-serif;
  color: #fff;
  line-height: 1.3em;
  margin: -20px 0 30px 0;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup_footer {
  bottom: 20px;
  font-size: 12px;
  left: 0;
  position: absolute;
  right: 0;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup.-small {
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 50px 0 70px;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup.-small .footer-signup_main-header {
  font-weight: normal;
  font-size: 30px;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup.-homepage .footer-signup_sub-header {
  margin-bottom: 50px;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\footer-cta.less */
.footer-signup.-homepage .footer-signup_input {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  color: #717171;
  font: 14px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  margin-right: 20px;
  padding: 20px;
}
/*--- header signup ---*/
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
.video-cta_video {
  padding: 50px 30px 0 30px;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
.video-cta_signup {
  padding: 20px 0 20px 0;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
.video-cta_signup div {
  color: #fff;
  text-align: center;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
.video-cta_signup div:first-child {
  padding-top: 40px;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
.video-cta_signup div:last-child {
  padding: 32px;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
.video-cta_header {
  font: 42px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0 0 30px 0;
  line-height: 44px;
  margin-top: 40px;
}
@media (min-width: 767px) {
  /* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
  .video-cta_signup div button {
    margin-top: 0px;
  }
  /* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
  .video-cta_video {
    padding: 40px 100px 0;
  }
}
@media (min-width: 992px) {
  /* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
  .video-cta_video {
    padding: 40px 50px;
  }
  /* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
  .video-cta_video-wrapper {
    padding-bottom: 49.25%;
    /* 16:9 */
  }
  /* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
  .video-cta_signup {
    padding: 30px 0;
  }
  /* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\video-cta.less */
  .video-cta_signup {
    font-size: 20px;
  }
}
/*--- event list ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list .events-list-info {
  color: #fff;
  padding: 60px 0 30px;
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list .events-list-info h2 {
  font: 36px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin-bottom: 54px;
  text-align: center;
  text-transform: none;
  margin-bottom: 15px;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list .events-list-info a {
  cursor: pointer;
  display: block;
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  margin: 10px 0 0;
  opacity: .8;
  text-transform: none;
  border-bottom: 2px solid transparent;
  color: #fff;
  display: inline-block;
  margin: 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s;
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.events-list .events-list-info a:hover {
  opacity: 1;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list .events-list-info a:hover {
  /*color: darken(@white, 30%);*/
  border-color: #fff;
  text-decoration: none;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list {
  padding-bottom: 40px;
  overflow-x: hidden;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event {
  background-color: #fff;
  color: #878787;
  margin: inherit;
  margin-bottom: 5px;
  padding: 30px;
  text-align: left;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event div:first-child {
  width: 60%;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event div:first-child h3 {
  color: #2f3241;
  font-size: 16px;
  text-transform: uppercase;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event div:last-child {
  text-align: left;
  padding: 15px;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event p:last-of-type {
  padding-bottom: 10px;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event a {
  color: #2f3241;
  padding-left: 20px;
  text-transform: uppercase;
}
/* line 69, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event a:hover {
  color: #717798;
  text-decoration: none;
}
/* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
.events-list-list .events-list-event .button,
.events-list-list .events-list-event .button:hover {
  color: #fff !important;
}
@media (min-width: 992px) {
  /* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
  .events-list-list {
    overflow: inherit;
  }
  /* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
  .events-list-list .events-list-event {
    margin: 0 auto 10px auto;
    padding: 40px 20px;
    width: 680px;
    position: relative;
    top: -20px;
  }
  /* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\events-list.less */
  .events-list-list .events-list-event div:last-child {
    text-align: right;
  }
}
/*--- info section with image on right or left ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image {
  color: #878787;
  border-radius: 3px;
  font-size: 15px;
  padding: 0 20px;
  text-align: center;
}
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_images {
  margin: 70px 0 0 0;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_info {
  display: table;
  height: 100%;
  padding: 0 50px;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image.-center {
  padding: 40px 50px;
  text-align: center;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image.-right {
  display: inline-block;
  margin-top: 20px;
  text-align: center;
}
/* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_header {
  font: 42px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0 0 30px 0;
  line-height: 44px;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_text {
  font: 22px 'museo-sans-rounded', sans-serif;
  color: #fff;
  line-height: 1.3em;
  margin: -20px 0 30px 0;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_image {
  max-width: 400px;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_info-content,
.info-image_image {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image .-vertical {
  display: inline-block;
  height: 100%;
  vertical-aligin: middle;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image_header.-dark,
.info-image_text.-dark {
  color: #fff;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image.-red {
  background-color: #c9001e;
  color: #fff;
  margin-bottom: 80px;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
.info-image .-light {
  font-weight: normal;
  font-size: 30px;
}
@media (min-width: 677px) {
  /* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image {
    height: 250px;
  }
  /* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image.-right {
    margin-top: 80px;
    text-align: left;
    width: 550px;
  }
}
@media (min-width: 992px) {
  /* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image {
    text-align: left;
    height: 400px;
  }
  /* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image.-center {
    padding: 80px 100px;
  }
  /* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image_info-content,
  .info-image_image {
    margin: 0;
  }
  /* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image .-no-image {
    vertical-align: middle;
    margin: 0 auto;
  }
  /* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image_images {
    margin: 60px 0;
  }
  /* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image .-bottom {
    margin-bottom: 0;
  }
  /* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\image-info-section.less */
  .info-image.-center .info-image_text {
    padding: 0 200px;
  }
}
/*--- slider ---*/
/*--- initialy sets the testimoials to the dark theme ---*/
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider {
  color: #000;
  padding: 15px 0 160px;
  /*--- right and left controls ---*/
  /*--- clickable dots at bottom of testimonials ---*/
  /* set theme for the light colored testimonials ---*/
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider.-dark {
  color: #fff;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_control-left {
  text-align: left;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_control-right {
  text-align: right;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_control-right,
.slider_control-left {
  font-size: 50px;
  margin-top: 55px;
}
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_content {
  position: static;
  text-align: center;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_item {
  display: none;
  min-height: 105px;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_item.is-active {
  display: list-item;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_item-header {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
  margin-top: 15px;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_item-text {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
  padding: 0 30px;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_dots-container {
  bottom: 28px;
  clear: both;
  display: block;
  font-size: 12px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_dot {
  color: #7B8093;
  cursor: pointer;
  display: inline-block;
  padding: 6px;
  transition: color 1s;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_dot.is-active {
  color: #fff;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_list,
.slider_dots-container {
  list-style-type: none;
  padding-left: 0 !important;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.slider_nav {
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
  opacity: .5;
  padding: 6px;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.slider_nav:hover {
  opacity: 1;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.-light .slider {
  color: #878787;
  font-size: 14px;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.-light .slider_item-header {
  color: #878787;
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.-light .slider_dot {
  color: #bababa;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.-light .slider_dot.is-active {
  color: #000 !important;
}
@media (min-width: 767px) {
  /* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .slider .-light {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  /* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .slider {
    padding: 15px 0 140px;
  }
  /* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .-light .slider_control-left,
  .-light .slider_control-right {
    margin-top: 50px;
  }
}
/*--- rounded bordered testimonials container !not a full width backgrounded sections ---*/
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonials-container {
  border-radius: 5px;
  color: #fff;
  padding: 60px 20px;
  position: relative;
  margin-bottom: 60px;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonials-container_header {
  font: 30px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin: 24px 0 12px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  margin: 0;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.-light .testimonials-container {
  background-color: #fff;
  border: 1px solid #878787;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.-light .testimonials-container_header {
  color: #878787;
}
@media (min-width: 992px) {
  /* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .testimonials-container {
    padding: 60px 85px 100px;
  }
  /* line 179, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .testimonials-container_header {
    margin: 0 0 32px;
  }
}
/* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes {
  padding: 52px 0;
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_header,
.testimonial-boxes_text {
  text-align: center;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_header {
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 13px;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 39px;
}
/* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_container {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.testimonial-boxes_container:before,
.testimonial-boxes_container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.testimonial-boxes_container:after {
  clear: both;
}
@media (max-width: 767px) {
  /* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .testimonial-boxes_container {
    width: 320px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box-container {
  padding: 13px;
}
@media (max-width: 767px) {
  /* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
  .testimonial-boxes_box-container {
    padding: 13px 0;
  }
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box {
  background-color: #fff;
  padding: 15px;
  border-radius: 3px;
  text-align: left;
  box-shadow: 0 2px 0 0 #CCCFDB;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all .2s;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .testimonial-boxes_box {
    padding: 30px;
  }
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.testimonial-boxes_box:hover {
  box-shadow: 0 4px 0 0 #CCCFDB;
  top: -2px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.testimonial-boxes_box:active {
  box-shadow: 0 1px 0 0 #CCCFDB;
  top: 1px;
}
/* line 228, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box-info {
  font-size: 18px;
  font-weight: 500;
}
/* line 233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box-text {
  font-size: 15px;
  font-weight: 300;
  height: 104px;
}
/* line 239, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box-buttons {
  text-align: right;
}
/* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box-button {
  background-color: transparent;
  font-size: 11px;
  font-weight: 700;
  /*margin-top: @default-spacing * 3;*/
  text-transform: uppercase;
}
/* line 251, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_box-button:before {
  float: right;
  font-size: 15px;
  margin-left: 10px;
  margin-top: -1px;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_popup {
  padding: 11px;
  width: 400px;
}
/* line 266, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\testimonials.less */
.testimonial-boxes_popup .testimonial-boxes_box-text {
  height: initial;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections {
  text-align: center;
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_section {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
  display: inline-block;
  text-align: center;
  width: 285px;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_section:nth-child(-n+2) {
  padding: 50px 10px 30px;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_section:nth-child(n+3) {
  padding: 0px 10px 50px;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_img {
  height: 60px;
  margin-bottom: 10px;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_section:first-child .four-sections_img img {
  border-radius: 15px;
  width: 85px;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_buttons {
  margin-top: 20px;
  text-align: center;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_buttons .button {
  background-color: transparent;
  border-color: #fff !important;
  border-radius: 3px;
  border-width: 1px;
  color: #fff !important;
  font: 15px 'museo-sans-rounded', sans-serif !important;
  font-weight: 400 !important;
  display: inline-block;
  margin: 15px 10px 0;
  padding: 5px 16px !important;
  white-space: nowrap;
  text-transform: uppercase;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_buttons .button:hover,
.four-sections_buttons .button:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  outline: none;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_align {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_link {
  cursor: pointer;
  display: block;
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  margin: 10px 0 0;
  opacity: .8;
  text-decoration: none;
  text-transform: none;
}
/* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.four-sections_link:hover {
  opacity: 1;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_section:hover .four-sections_link,
.four-sections_link:hover,
.four-sections_link:active,
.four-sections_link:focus {
  color: #3b3b3b;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
.four-sections_arrow {
  font-size: 15px;
  left: 3px;
  position: relative;
  top: 3px;
}
@media (min-width: 676px) {
  /* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
  .four-sections_section {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  /* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
  .four-sections_section {
    width: 350px;
  }
}
@media (min-width: 1200px) {
  /* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\four-info-section.less */
  .four-sections_section {
    padding: 80px 10px 50px;
    width: 250px;
  }
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.fadeTransition {
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -webkit-transition: background .3s linear;
  -moz-transition: background .3s linear;
  -ms-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
/*--- header image ---*/
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image {
  background-size: cover;
  color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 100px 0;
  position: relative;
  text-align: left;
  /* new home page background */
  /* old home page background */
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .container {
  padding: 0;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .button {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  font-size: 15px !important;
  min-width: 220px;
  padding: 18px 20px !important;
  vertical-align: initial;
  /*Is this correct?*/
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.header-image .button:hover,
.header-image .button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.header-image .button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.header-image .button.-secondary:hover,
.header-image .button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .button:hover,
.header-image .button:focus {
  border-color: #ff4040;
  font-size: 15px;
  padding: 18px 20px;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .button.-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  display: none;
  margin-left: 10px;
}
@media (min-width: 650px) {
  /* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image .button.-white {
    display: initial;
  }
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .button.-white:hover,
.header-image .button.-white:focus {
  background-color: rgba(255, 255, 255, 0.15);
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_background {
  position: absolute;
  right: 0;
}
@media (min-width: 992px) {
  /* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_background {
    display: initial;
    right: 40px;
  }
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_background-image {
  opacity: .5;
}
@media (min-width: 992px) {
  /* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_background-image {
    opacity: 1;
  }
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-codeavengers {
  background-image: url(/image/background/team-02.jpg);
  padding: 120px 0;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-purple {
  background-image: none;
  background-color: #490d34;
  padding: 40px 0;
  text-align: center;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-landing-page {
  background-color: #006DA5;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-landing-page .header-image_background {
  height: 350px;
  right: -100px;
  top: -250px;
  z-index: 1;
}
@media (max-width: 600px) {
  /* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-landing-page .header-image_background {
    right: -200px;
  }
}
@media (min-width: 767px) {
  /* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-landing-page .header-image_background {
    right: -20px;
  }
}
@media (min-width: 992px) {
  /* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-landing-page .header-image_background {
    height: 460px;
    opacity: 1;
    right: 30px;
    top: 10px;
  }
}
@media (min-width: 1200px) {
  /* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-landing-page .header-image_background {
    right: 60px;
  }
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-home-page {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/image/background/laptop-and-phone-2.jpg);
  background-position: right center;
  background-size: cover;
}
@media (min-width: 992px) {
  /* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-home-page {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/image/background/laptop-and-phone-2.jpg);
    background-position: right center;
    background-size: cover;
  }
}
@media (min-width: 1600px) {
  /* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-home-page {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/image/background/laptop-and-phone.jpg);
    background-position: 0px center;
    background-size: cover;
  }
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-starry {
  background-image: url(/image/background/starry.jpg);
  background-position: center center;
}
/* line 158, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-guy-using-laptop {
  background-image: url(/image/background/guy-using-laptop.jpg);
  background-position: center bottom;
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-girl-using-laptop {
  background-image: url(/image/background/girl-using-laptop.jpg);
  padding: 96px 0;
}
/* line 168, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-teacher-classroom {
  background-image: url(/image/background/teacher-classroom.jpg);
  background-position-x: right;
  padding: 143px 0;
}
/* line 174, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-students-blurred {
  background-image: url(/image/background/students-blurred.jpg);
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-code-camp-bg {
  background-image: url(/image/background/code-camp.jpg);
  padding: 90px 0 58px;
}
/* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-ada-hour-code {
  background-color: #716bf1;
  background-image: url(/image/background/code-with-ada-01.jpg);
  background-size: cover;
  padding: 100px 20px;
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-full-height {
  height: 100vh;
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_left {
  z-index: 2;
}
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_logo {
  margin-bottom: 10px;
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_main-header {
  font: 42px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0 0 30px 0;
  line-height: 44px;
  padding: 0 15px 0 0;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_main-header br {
  display: none;
}
@media (min-width: 767px) {
  /* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_main-header br {
    display: inline-block;
  }
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_sub-header {
  font: 22px 'museo-sans-rounded', sans-serif;
  color: #fff;
  line-height: 1.3em;
  margin: -20px 0 30px 0;
}
/* line 223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_ccd-icon {
  display: none;
  font-size: 20px;
  margin-right: 3px;
  opacity: .6;
  position: relative;
  top: 6px;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_ccd {
  bottom: 0;
  display: none;
  font-size: 11px;
  font-weight: bold;
  left: 17px;
  letter-spacing: 1px;
  line-height: 1em;
  opacity: .6;
  position: absolute;
  text-transform: uppercase;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_footer {
  bottom: -120px;
  font-size: 12px;
  left: 0;
  position: absolute;
  right: 0;
}
/* line 257, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-center {
  text-align: center;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image.-center .header-image_main-header {
  font-weight: normal;
}
/* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .-thin {
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
  text-transform: initial;
}
@media (max-width: 460px) {
  /* line 271, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image .-thin {
    font-size: 35px;
  }
}
/* line 276, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image .-cursive {
  font: 60px 'Clicker Script', cursive;
  font-weight: bold;
  line-height: 70px;
  padding-left: 5px;
}
/* line 283, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_video {
  border-radius: 3px;
  cursor: pointer;
  display: none;
  height: 155px;
  margin: 0 auto;
  position: absolute;
  right: 140px;
  top: 110px;
  width: 200px;
  z-index: 2;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -webkit-transition: background .3s linear;
  -moz-transition: background .3s linear;
  -ms-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
@media (min-width: 700px) {
  /* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_video {
    display: block;
  }
}
@media (min-width: 767px) {
  /* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_video {
    height: 175px;
    right: 90px;
    top: 100px;
    width: 300px;
  }
}
@media (min-width: 992px) {
  /* line 308, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_video {
    height: 200px;
    right: 43px;
    top: 90px;
    width: 400px;
  }
}
/* line 315, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_video-play {
  background-color: rgba(201, 0, 30, 0.8);
  border-radius: 14px;
  -webkit-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.7);
  color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  margin: 0 auto;
  opacity: 1;
  padding: 15px 20px;
  right: 0;
  text-align: center;
  width: 105px;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -webkit-transition: background .3s linear;
  -moz-transition: background .3s linear;
  -ms-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
/* line 334, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_video-play:before {
  font-size: 35px;
  position: relative;
  text-shadow: 1px 1px 11px #646464;
  top: 2px;
}
/* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_video-text {
  bottom: 20px;
  font-size: 13px;
  font-weight: bold;
  left: 0;
  letter-spacing: 1px;
  position: absolute;
  opacity: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -webkit-transition: background .3s linear;
  -moz-transition: background .3s linear;
  -ms-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
/* line 361, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_background-image {
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_background:hover .header-image_background-image {
  cursor: pointer;
  opacity: .4;
}
/* line 375, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_background:hover .header-image_video-play {
  background-color: #c9001e;
}
/* line 379, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
.header-image_background:hover .header-image_video-text {
  opacity: 1;
}
@media (min-width: 767px) {
  /* line 387, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image {
    padding: 120px 0 140px;
  }
  /* line 390, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-codeavengers {
    background-image: url(/image/background/team-01.jpg);
  }
  /* line 394, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-guy-using-laptop {
    height: 600px;
  }
  /* line 398, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_ccd {
    bottom: -100px;
    display: block;
  }
  /* line 403, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_input {
    width: auto;
    margin-bottom: 0px;
  }
  /* line 408, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_input {
    width: 200px;
  }
}
@media (min-width: 992px) {
  /* line 418, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image {
    padding: 100px 0 160px;
  }
  /* line 421, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_ccd {
    bottom: -120px;
  }
  /* line 425, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-guy-using-laptop {
    height: 700px;
  }
  /* line 429, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_left {
    width: 52%;
  }
  /* line 433, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_right {
    width: 48%;
  }
}
@media (min-width: 1099px) {
  /* line 443, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-codeavengers {
    background-position-y: -30px;
  }
}
@media (min-width: 1150px) {
  /* line 455, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-codeavengers {
    background-position-y: -70px;
  }
  /* line 459, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image_input {
    width: 300px;
  }
}
@media (min-width: 1500px) {
  /* line 479, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\header-images.less */
  .header-image.-ada-hour-code {
    background-position-y: -110px;
  }
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_left,
.steps_right {
  padding: 40px;
  text-align: left;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_left {
  padding-bottom: 0px;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_right {
  padding-bottom: 30px;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_middle {
  display: none;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_section {
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 35px;
  padding: 40px 20px 20px;
  position: relative;
  width: 100%;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_section:last-of-type {
  margin-bottom: 0;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_check {
  background-color: #24c2e4;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  height: 33px;
  left: -12px;
  padding: 7px;
  position: absolute;
  top: -12px;
  width: 33px;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_triangle {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  display: none;
  height: 0;
  position: absolute;
  width: 0;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_dot {
  background-color: #fff;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  width: 8px;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_triangle.-right {
  border-left: 10px solid white;
  right: -10px;
  top: 15px;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_triangle.-right .steps_dot {
  left: 113px;
  top: -4px;
}
/* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_triangle.-left {
  border-right: 10px solid #fff;
  bottom: 15px;
  left: -10px;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_triangle.-left .steps_dot {
  left: -113px;
  top: -4px;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_text {
  color: #282828;
  font: 16px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  line-height: 18px;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_link {
  color: #777777;
  display: inline-block;
  font: 12px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  margin-top: 10px;
  text-transform: uppercase;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
.steps_arrow {
  font-size: 20px;
  right: 20px;
  position: absolute;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_link {
    cursor: pointer;
  }
  /* line 122, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_left,
  .steps_right {
    padding: 55px 0;
  }
  /* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_section {
    max-width: 455px;
    width: 100%;
  }
  /* line 132, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_middle {
    display: inline-block;
  }
  /* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_triangle {
    display: block;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_triangle.-right .steps_dot {
    left: 71px;
  }
  /* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_triangle.-left .steps_dot {
    left: -71px;
  }
}
@media (min-width: 1200px) {
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_triangle.-right .steps_dot {
    left: 103px;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\steps.less */
  .steps_triangle.-left .steps_dot {
    left: -104px;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery {
  margin: 0;
  position: relative;
  width: 480px;
  z-index: 1;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery_image-title {
  color: #fff;
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  line-height: 1.2em;
  margin: 18px 0 6px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  font-weight: normal;
  /*padding: 14px 20px 6px;*/
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery_image-wrapper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 325px;
  margin-bottom: 0 !important;
  overflow: hidden;
  width: 100%;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery_image {
  height: 100%;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery_image-description {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 40px;
  display: none;
  margin: 0 !important;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  opacity: 1;
  padding: 20px;
  position: absolute;
  width: 100%;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery_image-wrapper:hover .popup-gallery_image-description {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  opacity: 0;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider {
  color: #fff;
  height: 60px;
  padding: 0;
  width: 480px;
  margin-left: 0px;
  margin-bottom: 0px !important;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_content {
  height: 100%;
  padding: 0;
  overflow: hidden;
  text-align: center;
  width: 77%;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_content-wrapper {
  font-size: 0;
  margin-top: 5px;
  position: relative;
  text-align: center;
  width: 100%;
}
/* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_content-wrapper:hover .slider_image,
.popup-gallery .slider_content-wrapper:hover .slider_item.is-active .slider_image {
  opacity: .5;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_content-wrapper.-large {
  text-align: left;
  width: 3000px;
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_control-left,
.popup-gallery .slider_control-right {
  margin-top: 17px;
  padding: 0px;
  width: 11%;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_control-left {
  padding-left: 10px;
  text-align: left;
}
/* line 97, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_control-right {
  padding-right: 10px;
  text-align: right;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_nav {
  font-size: 30px;
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_nav:hover {
  cursor: pointer;
  opacity: .7;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_item {
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  padding: 3px 6px;
  min-height: initial;
  overflow: hidden;
  text-align: center;
  width: 74px;
}
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_image {
  border-radius: 5px;
  min-height: 100%;
  opacity: .5;
  width: 100%;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_item .slider_image:hover {
  opacity: 1 !important;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_item.is-active .slider_image {
  opacity: 1;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery .slider_dots {
  margin: 5px 0 !important;
}
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.-large .popup-gallery,
.-large .popup-gallery .slider {
  width: 572px;
}
/* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.-large .popup-gallery_image-wrapper {
  height: 400px;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.-presentation .popup-gallery {
  margin-bottom: 0;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery.-single .popup-gallery_image-description {
  bottom: 0;
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info-popup.less */
.popup-gallery.-single .slider {
  display: none;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us {
  border-top: 1px solid #bdbdbd;
  display: inline-block;
  padding-top: 50px;
  width: 100%;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_content {
  font: 16px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  margin: 0 auto 50px;
  width: 300px;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us img {
  border: none;
  margin-top: 10px;
  margin-bottom: 20px;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_header {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_info {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
  height: 70px;
  margin-bottom: 20px;
  margin-top: 3px;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_links {
  color: #636363;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_links-container.-small {
  display: inline-block;
  width: 48%;
}
/* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_link {
  margin-right: 20px;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_link:hover,
.contact-us_link:focus {
  color: #636363;
  opacity: .7;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us_subtext {
  display: inline-block;
  width: 155px;
  border-left: 1px solid #647488;
  padding-left: 30px;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us.-bottom-padding {
  padding: 0;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
.contact-us.-bottom-padding .contact-us_content {
  margin-bottom: 80px;
}
@media (min-width: 676px) {
  /* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
  .contact-us_content {
    margin: 0 auto 60px;
  }
}
@media (min-width: 992px) {
  /* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\contact-us.less */
  .contact-us_content {
    margin: 0 auto 110px;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog {
  /*Compare code button*/
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .ui-dialog-buttonpane {
  height: 48px;
  position: absolute;
  top: 0;
  right: 40px;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .ui-button-text {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 2.5em;
  min-width: 65px;
  padding: 0 10px;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .ui-dialog-buttonset .ui-button:first-of-type {
  float: none;
  height: 32px;
  margin: 0;
  min-height: 32px;
  min-width: auto;
  padding: 1px 6px;
  width: auto;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .ui-dialog-content {
  margin: 0;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .ui-dialog-buttonset {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .example-container {
  margin: 0;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .example-image {
  display: none;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog.is-solution-image .ui-dialog-content {
  height: 300px;
  position: relative;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog.is-solution-image .example-container {
  height: 300px;
  margin: 0;
  padding: 0;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .example-image img {
  height: 100%;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog .ui-dialog-buttonpane {
  display: none;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog.is-solution-code .ui-dialog-buttonpane,
.solution-dialog.is-solution-image .example-image {
  display: block;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\solution-dialog.less */
.solution-dialog.is-solution-code.is-solution-image .example-code,
.solution-dialog.is-solution-code.is-solution-image .ui-dialog-buttonpane {
  display: none;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container {
  background-color: transparent;
  color: #dfe0e3;
  height: 60px;
  left: 0;
  position: relative;
  right: 0;
  text-align: right;
  text-transform: uppercase !important;
  top: 0;
  /*button {
    font-size: 10px !important;
    text-transform: uppercase;
  }*/
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container a {
  font-size: 13px;
  line-height: 36px;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .toolbar {
  bottom: 0;
  height: 40px;
  padding: 2px 12px 2px 6px;
  position: absolute;
  margin: auto;
  margin-right: 86px;
  min-height: 40px;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: 100%;
  border-right-style: solid;
  border-right-width: 1px;
  border-color: rgba(255, 255, 255, 0.5);
  /*
    #language-container {
      display: inline-block;
      margin-left: 6px;
      position: relative;
      height: 32px;
      width: 40px;
    }

    .language-selector {
      height: 30px;
      width: 100%;
    }
*/
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.t-course.demo .tools-container .toolbar {
  border-right-style: none;
  margin-right: 0;
  padding-right: 0;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .toolbar .ui-button-text {
  border-bottom: 2px solid transparent;
  padding: .1em .1em;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .toolbar #question-label .ui-button-text {
  border-bottom-color: #CCC;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .toolbar #lesson-mode-container,
.tools-container .toolbar .language-selector {
  background-color: rgba(255, 255, 255, 0.6);
  color: black;
  display: inline-block;
  font-size: 11px;
  line-height: 3em;
  margin: 3px 0;
  padding: 6px 0;
  text-transform: uppercase;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .toolbar #lesson-mode-container:hover,
.tools-container .toolbar .language-selector:hover {
  background-color: #fff;
  color: black;
}
/* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .toolbar #lesson-mode-container {
  display: none !important;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .ui-button {
  background-color: transparent;
  display: inline-block;
  /*Need this for the anchors*/
  margin: 0;
  padding: 0 8px;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\toolbox.less */
.tools-container .ui-button:hover {
  opacity: 1;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing {
  /*Remove spacing between inline-block elements*/
  font-size: 0;
  margin: 32px;
  position: relative;
  /*&_sections:extend(.section) {}*/
  /*&_section-price,
  &_section-dom,
  &_section-details {
    font-size: @size-h5;
    font-weight: 700;
  }*/
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_header {
  color: #fff;
  font: 36px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_info {
  color: #fff;
  font-size: 18px !important;
  line-height: 1.2em;
  margin: 0 0 40px !important;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_country {
  /*font: @size-h2 @font-museo;*/
  background-color: white;
  color: black;
  font-size: 16px;
  padding: 4px;
  position: absolute;
  right: 0px;
  width: 138px;
  /*(-webkit-appearance: none;*/
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-wrapper {
  color: #282828;
  font-family: 'museo-sans-rounded', sans-serif;
  margin-bottom: 0 !important;
  position: relative;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-wrapper:first-of-type {
  padding-left: 0;
  padding-right: 8px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-wrapper:last-of-type {
  padding-left: 8px;
  padding-right: 0;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section {
  background-color: #fff;
  border-radius: 5px;
  height: 212px;
  padding-bottom: 10px;
  width: 100%;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section p {
  color: #000 !important;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-header {
  border-bottom: 1px solid #e1e1e1;
  font-size: 24px;
  padding: 15px 0;
  margin-bottom: 15px;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-info {
  font-size: 15px !important;
  padding-bottom: 10px;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-link {
  bottom: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  left: 15px;
  position: absolute;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_section-link:hover {
  opacity: .7;
}
/* line 97, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_input-wrapper {
  line-height: 1em;
  margin-bottom: 2px !important;
  margin-top: 8px;
  width: 100%;
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_input-wrapper.-small.-odd {
  margin-right: 2%;
}
@media (min-width: 767px) {
  /* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .pricing_input-wrapper.-small {
    display: inline-block;
    width: 49%;
  }
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_label {
  color: #fff;
  font-size: 15px;
  line-height: 1em;
  margin-left: 0;
}
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_button {
  margin-top: 15px;
  padding: 14px;
}
/* line 128, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_input {
  border: 1px solid #CCCFDB;
  border-radius: 3px;
  color: #7B8093;
  height: 40px;
  padding: 10px;
  margin: 0;
  width: 100%;
}
/* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_input:focus {
  border-color: #1a80c7;
  color: #1a80c7;
}
/* line 143, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.pricing_button {
  font-size: 14px;
  font-weight: 500;
  border-radius: 3px;
  text-transform: uppercase !important;
  width: 100%;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_boxes-container {
  margin: 60px 0;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.subscription-pricing_boxes-container:before,
.subscription-pricing_boxes-container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.subscription-pricing_boxes-container:after {
  clear: both;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_spinner {
  bottom: 87px;
  left: 0;
  right: 0;
  position: absolute !important;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box {
  position: relative;
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-container-left,
.subscription-pricing_box-container-right {
  margin-bottom: 30px;
  display: none;
}
/* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-container-left {
  display: none;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-container-right.-show,
.subscription-pricing_box-container-left.-show {
  display: inline-block;
}
/* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-container-right.-full {
  display: inline-block;
  width: 100%;
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-left,
.subscription-pricing_box-right {
  background-color: #fff;
  border-radius: 3px;
  padding: 30px;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
@media (min-width: 767px) {
  /* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_box-left,
  .subscription-pricing_box-right {
    width: 375px;
  }
}
@media (min-width: 992px) {
  /* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_boxes-container {
    margin: 80px 0 60px 0;
    padding: 0 100px;
  }
  /* line 221, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_box-container-left,
  .subscription-pricing_box-container-right {
    min-height: 450px;
    position: relative;
  }
  /* line 227, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_box-left {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    right: 15px;
  }
  /* line 232, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_box-right {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
  }
  /* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_box-container-right.-full .subscription-pricing_box-right {
    right: 0;
    left: 0;
  }
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_secure {
  color: #7B8093;
  font-size: 12px;
  margin-top: 15px;
  text-align: center;
}
/* line 251, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_secure-paypal {
  margin-left: 5px;
  position: relative;
  top: 7px;
}
/* line 258, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_header {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}
/* line 265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_subheader {
  color: #9ea2b0;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
}
/* line 273, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice {
  display: inline-block;
  border: 1px solid #878787;
  border-radius: 3px;
  height: 100px;
  position: relative;
  text-align: center;
  width: 100%;
}
/* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice:last-of-type {
  margin-top: 10px;
}
@media (min-width: 767px) {
  /* line 286, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_choice {
    width: 150px;
  }
  /* line 289, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
  .subscription-pricing_choice:last-of-type {
    margin-left: 10px;
  }
}
/* line 294, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 298, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice-price {
  color: #000;
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
}
/* line 305, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice-type {
  color: #878787;
  font-size: 11px;
  font-weight: 700;
  margin: 0;
}
/* line 312, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice-description {
  display: inline-block;
  color: #878787;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
  margin-top: 10px;
  text-align: center;
}
/* line 320, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice-description.-in-box {
  margin-bottom: 0;
}
/* line 325, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice-description-bold {
  font-weight: 700;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice.is-active,
.subscription-pricing_choice:hover {
  border-color: #c9001e;
  cursor: pointer;
}
/* line 335, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice.is-active .subscription-pricing_choice-price,
.subscription-pricing_choice:hover .subscription-pricing_choice-price {
  color: #c9001e;
}
/* line 342, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_badge {
  border: 1px solid #6f41d6;
  color: #6f41d6;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px 4px;
  position: absolute;
  right: 30px;
  text-transform: uppercase;
  top: 30px;
}
/* line 357, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_checkmark-wrapper {
  border-radius: 50%;
  display: none;
  height: 30px;
  right: -10px;
  position: absolute;
  text-align: center;
  top: -13px;
  width: 30px;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_checkmark-background-opaque {
  background-color: rgba(235, 56, 78, 0.2);
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
/* line 375, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_checkmark-background-solid {
  background-color: #c9001e;
  border-radius: 50%;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 24px;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_checkmark-icon {
  border-radius: 50%;
  color: #fff;
  left: 0;
  position: absolute;
  right: 0;
  top: 4px;
}
/* line 396, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_choice.is-active .subscription-pricing_checkmark-wrapper {
  display: block;
}
/* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_list {
  list-style-type: none;
  margin-left: 20px;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_list-item {
  color: #878787;
  font-size: 14px;
  line-height: 1.7em;
}
/* line 409, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_list-item:before {
  color: #6f41d6;
  font-size: 10px;
  margin-right: 10px;
  margin-left: -20px;
}
/* line 418, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_list-item a {
  color: #c9001e;
}
/* line 423, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding: .6em 1.4em;
  letter-spacing: 1px;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: background-color 0.4s;
  user-select: none;
  vertical-align: middle;
  background-color: #6f41d6;
  border-color: #6f41d6;
  margin-top: 30px;
  padding: 15px;
  width: 100%;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button:hover,
.subscription-pricing_button:focus,
.subscription-pricing_button:active {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #eb384e;
  cursor: pointer;
  text-decoration: none !important;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-solid {
  color: #2f9de6;
  background-color: #fff;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-solid:hover {
  border-color: #13659c;
  background-color: rgba(0, 0, 0, 0);
  color: #13659c;
  cursor: pointer;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-large-square {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font: 14px @font-museo;*/
  font-weight: bold;
  padding: 20px !important;
  margin-right: 10px;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-white {
  border-color: #fff;
  color: #fff;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-white:hover,
.subscription-pricing_button.-white:focus,
.subscription-pricing_button.-white:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: background-color 0.5s;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-solid-white {
  background-color: #fff;
  border-color: #fff;
  color: #565876;
  padding: .6em 1.6em;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-solid-white:hover,
.subscription-pricing_button.-solid-white:focus,
.subscription-pricing_button.-solid-white:active {
  border-color: #cccccc;
  background-color: #cccccc;
  color: #565876;
  cursor: pointer;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-default {
  background-color: #c9001e;
  border-color: #c9001e;
  color: #fff;
  padding: .6em 1.6em;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-default:hover,
.subscription-pricing_button.-default:focus,
.subscription-pricing_button.-default:active {
  border-color: #63000f;
  background-color: #63000f;
  color: #fff;
  cursor: pointer;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-blue {
  background-color: #1a324f;
  border-color: #1a324f;
  color: #fff;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-blue:hover,
.subscription-pricing_button.-blue:focus,
.subscription-pricing_button.-blue:active {
  border-color: #010102;
  background-color: #010102;
  color: #fff;
  cursor: pointer;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-red {
  color: #fff;
  background-color: #c9001e;
  border-color: #c9001e;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-red:hover,
.subscription-pricing_button.-red:focus,
.subscription-pricing_button.-red:active {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-red-orange {
  background: #c9001e;
  border-color: #c9001e;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-red-orange:hover,
.subscription-pricing_button.-red-orange:active,
.subscription-pricing_button.-red-orange:focus {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-black {
  color: #fff;
  background-color: #565876;
  border: 2px solid #565876;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-black:hover,
.subscription-pricing_button.-black:focus,
.subscription-pricing_button.-black:active {
  border-color: #2b2c3b;
  background-color: #2b2c3b;
  color: #fff;
  cursor: pointer;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-black-bordered {
  color: #565876;
  background-color: transparent;
  border: 2px solid #565876;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.subscription-pricing_button.-black-bordered:hover,
.subscription-pricing_button.-black-bordered:focus,
.subscription-pricing_button.-black-bordered:active {
  border-color: #2b2c3b;
  background-color: rgba(0, 0, 0, 0);
  color: #2b2c3b;
  cursor: pointer;
}
/* line 431, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_button:hover,
.subscription-pricing_button:active,
.subscription-pricing_button:focus {
  border-color: #8f6bdf;
  background-color: #8f6bdf;
  color: #fff;
  cursor: pointer;
}
/* line 436, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_button.is-disabled {
  color: #fff;
  background-color: #3b3c48 !important;
  border-color: #3b3c48 !important;
}
/* line 443, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-right .subscription-pricing_list-item:before {
  color: #c9001e;
}
/* line 447, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-right .subscription-pricing_button {
  background-color: #c9001e;
  border-color: #c9001e;
  display: block;
  margin-top: 30px;
}
/* line 452, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_box-right .subscription-pricing_button:hover,
.subscription-pricing_box-right .subscription-pricing_button:active,
.subscription-pricing_box-right .subscription-pricing_button:focus {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 459, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\pricing.less */
.subscription-pricing_paypal-button {
  display: none;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq {
  max-width: 820px;
  margin: 0 auto;
  padding: 38px 40px;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq h1 {
  font: 36px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin-bottom: 54px;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 22px;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq p {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
  padding-left: 18px;
  padding-right: 64px;
  margin-bottom: 10px;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq .is-expanded h2 {
  margin-bottom: 12px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq p:last-of-type {
  margin-bottom: 0;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq h2 {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
  margin: 0;
  padding: 0 60px 18px 18px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
  /*color: #747474;
    font: @size-h4 @font-museo;
    font-weight: 300;
    letter-spacing: 0.8px;
    line-height: 1.4em;*/
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.faq h2:hover {
  opacity: 1;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq .fa {
  color: #717171;
  font-size: 17px;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 16px;
  padding: 4px 6px;
  cursor: pointer;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq article:not(:last-of-type) {
  border-bottom: 1px solid #d4d4d4;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq article > .faq_answer {
  display: none;
  margin-bottom: 12px;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq article.is-expanded > *:not(h2) {
  display: block;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq .is-expanded.is-expanding .fa:before,
.faq .fa:before {
  content: "\44";
}
/* line 69, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq .is-expanded .fa:before {
  content: "\e017";
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\faqs.less */
.faq article {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.wiki .message-bar {
  border-radius: 0;
  bottom: 0;
  font-family: monospace;
  font-size: 12px;
  min-height: 50px;
  left: 0;
  line-height: 1em;
  padding: 0;
  position: fixed;
  right: 0;
  top: auto;
  white-space: pre-wrap;
  z-index: 10;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar {
  background-color: #282828;
  /*#40A9D8;*/
  color: white;
  display: none;
  font-size: 18px;
  line-height: 2em;
  padding: 24px 18px;
  top: 60px;
  /*Margin bottom is needed to make sure there is adequate space under message bar when ai.resize() is called*/
  margin: 0 0 3px 0;
  border-radius: 3px;
  position: absolute;
  left: 0;
  right: 0;
  /*&_label:after {
    content: '.. ';
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
  }*/
  /*Used in message bar messages*/
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_text {
  display: block;
  line-height: 1.5em;
  margin-left: 70px;
  margin-top: 3px;
  opacity: .9;
}
/* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_label {
  opacity: 1;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_close {
  cursor: pointer;
  font-size: 14px;
  padding: 8px 10px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_close:hover {
  color: white;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_label {
  display: block;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .8px;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_button-container {
  bottom: 6px;
  position: absolute;
  right: 0;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_button {
  background-color: transparent;
  border: none;
  font-size: 14px;
  margin-left: 0;
  opacity: .8;
  transition: opacity .3s;
}
/* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_button:hover {
  opacity: 1;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_button:last-of-type:after {
  font-size: 18px;
  padding-left: 6px;
  vertical-align: text-bottom;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar * {
  -ms-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar code {
  background-color: #ececec !important;
  color: #282828;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar code.wide {
  display: inline-block;
  white-space: pre-wrap;
  padding: 0 12px;
  line-height: 1.2;
  font-size: 14px;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="correct"] {
  padding-bottom: 36px;
}
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_icon {
  background-color: white;
  border-radius: 50%;
  font-size: 28px;
  float: left;
  height: 48px;
  line-height: 2.1em;
  margin-right: 20px;
  text-align: center;
  width: 48px;
}
/* line 143, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar_close:hover {
  opacity: .8;
  transition: opacity .2s;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="error"] {
  background-color: #7b8094;
  font-size: 15px;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="error"] .message-bar_text {
  color: #e5e6ee;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="error"] .message-bar_close {
  color: #e5e6ee;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="error"] .message-bar_label {
  color: white;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="error"] .message-bar_icon {
  color: #7b8094;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] {
  background-color: #7b8094;
  font-size: 15px;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_text {
  color: #e5e6ee;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_close {
  color: #e5e6ee;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_label {
  color: white;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_icon {
  color: #7b8094;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="correct"] {
  background-color: #58a4d1;
  font-size: 15px;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="correct"] .message-bar_text {
  color: #3b7393;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="correct"] .message-bar_close {
  color: #3b7393;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="correct"] .message-bar_label {
  color: white;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="correct"] .message-bar_icon {
  color: #70a4d2;
  box-shadow: 0 0 0 6px #89c5e1;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_label {
  margin-bottom: 12px;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_icon {
  display: none;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar[data-type="share"] .message-bar_text {
  margin-left: 0;
}
/* line 197, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar .next-task {
  display: none;
}
/* line 201, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar .extra {
  display: inline-block;
  padding: 0 !important;
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar span.ui-icon[button] {
  vertical-align: top;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar .no-wrap {
  white-space: nowrap;
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.t-edit .message-bar .no-wrap {
  display: inline-block;
}
/* line 221, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_link {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 2px 0 0 #58585A;
  display: block;
  font-weight: 500 !important;
  margin-right: 150px;
  opacity: 1;
  overflow: hidden;
  padding: 12px 16px;
}
/* line 232, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_link-copy {
  cursor: pointer;
  float: right;
  font-size: 22px;
}
/* line 238, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_link-text,
.message-bar.black .share_link-copy {
  color: #a0a3b7 !important;
}
/* line 241, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_link-text:hover,
.message-bar.black .share_link-copy:hover {
  color: #333 !important;
}
/* line 246, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_link-text {
  width: 88%;
  display: inline-block;
  overflow: hidden;
}
@media (max-width: 1200px) {
  /* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
  .message-bar.black .share_link-text {
    width: 80%;
  }
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_embed-button {
  float: right;
  height: 46px;
  width: 136px;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_social {
  margin-top: 12px;
}
/* line 267, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_social-button {
  color: #FFF !important;
  font-size: 30px;
  height: 32px;
  margin-right: 18px;
  opacity: 1;
  vertical-align: top;
  width: 32px;
}
/* line 276, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar.black .share_social-button:hover {
  color: white !important;
  opacity: .8;
}
/* line 283, C:\Users\Michael\workspace\CodeAvengers2\war\less\message-bar.less */
.message-bar iframe {
  cursor: pointer;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
pre.jqconsole {
  font-family: 'museo-sans-rounded', sans-serif !important;
  font-size: 14px /*!important*/;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole > span {
  opacity: 0.4;
  transition: opacity 0.2s linear;
  display: block;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole:first-child .jqconsole-prompt {
  margin-top: 0;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole > span.jqconsole-prompt,
.jqconsole > span.jqconsole-old-prompt,
.jqconsole > span.jqconsole-output {
  opacity: 1;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole > span:hover,
.jqconsole > span.output {
  opacity: 1;
  transition: opacity 0.2s linear;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .ui-button {
  font-weight: 600;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .current .ui-button.first:hover {
  background-color: #fa5f5f !important;
}
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .current .message strong[gloss="yes"] {
  color: #81D2F0;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .front.highlight {
  box-shadow: none !important;
}
/* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console a:hover {
  color: #479AD0;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .extra {
  color: #aaa;
  display: inline;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .next-task {
  margin-right: 5px;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .next-task .fa {
  padding-left: 15px;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console.pass .current .message,
.console.alert .current .message {
  background-color: #eee;
  border-radius: 3px;
  color: #222;
  padding: 10px;
  width: 100%;
  border: 2px solid #aaa;
}
/* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .continue.button-container {
  display: block;
}
/* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console hr {
  color: #4A4A4A;
  background-color: #4A4A4A;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .current,
.console .output {
  display: inline-block;
  width: 100%;
  position: relative;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .current {
  margin: 0;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .running {
  display: block;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .continue {
  margin-top: 10px;
  margin-bottom: 2px;
  display: inline-block;
}
/* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .error,
.console .reset .info {
  color: #479AD0;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.console .success,
.console .warn,
.console .info {
  color: #999;
}
/*end console*/
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.test-heading {
  border-bottom: 1px solid #D3D3D3;
}
/*=========CONSOLE================*/
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole .running {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole {
  /* word-break: break-all; */
  word-wrap: break-word;
}
/* The inner console element. */
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
pre.jqconsole {
  padding: 10px;
  overflow-x: hidden !important;
  line-height: 22px;
}
/* The cursor. */
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-cursor {
  background-color: #478686;
  width: 2px;
  height: 21px;
  display: inline-block !important;
}
/* The cursor color when the console looses focus. */
/* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-blurred .jqconsole-cursor {
  background-color: #666;
}
/* The current prompt text color */
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-prompt {
  color: #002326;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  margin-top: 10px;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-prompt > span:nth-child(2) > span:first-child {
  display: none;
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-prompt > span:first-child:before {
  color: #b5b5b5;
  padding-right: 5px;
  vertical-align: middle;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-prompt > span:first-child:before {
  color: #b5b5b5;
  padding-right: 5px;
}
/* The command history */
/* line 181, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-old-prompt {
  color: #bbb;
  font-weight: normal;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* The text color when in input mode. */
/* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-input {
  color: #dd0;
}
/* Previously entered input. */
/* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-old-input {
  color: #bb0;
  font-weight: normal;
}
/* The text color of the output. */
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\console.less */
.jqconsole-output {
  color: #1F455C;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/*GUIDER*/
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guide-mode {
  background-color: #617A85;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guide-mode .ca-style * {
  opacity: 0.9;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guide-mode .ca-style * .guiders_parent,
.guide-mode .ca-style * .guiders_highlight,
.guide-mode .ca-style * .guiders_highlight * {
  opacity: 1 !important;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guide-mode .ca-style * .guiders_parent {
  opacity: 0.99 !important;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider {
  /*background: #FFF;*/
  background-color: rgba(30, 31, 42, 0.9);
  /*border: 1px solid #ddd;*/
  border: none;
  /*box-shadow: 0 0px 8px #111;*/
  color: #fff;
  font-family: 'Open Sans', tahoma, geneva, arial, verdana, helvetica, sans-serif;
  position: absolute;
  outline: none;
  padding: 8px 24px 20px;
  width: 500px;
  z-index: 10000 !important;
  border-radius: 5px;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen {
  border-radius: 0;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_content {
  height: 100%;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_content-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_button:after {
  display: none;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview {
  background-color: #fff;
  color: #000;
  font-weight: nornal;
  margin: 0 auto;
  width: 360px;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_image {
  width: 100%;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_content {
  padding: 20px;
  margin-bottom: 20px;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_subtitle {
  color: #7B8093;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_title {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1em;
  margin: 10px 0;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_action {
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin: 0 auto;
  padding: 0 40px 0;
  width: 360px;
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_description {
  font-size: 14px;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_social-buttons {
  text-align: center;
  margin-top: 20px;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_social-button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  cursor: pointer;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding: .6em 1.4em;
  letter-spacing: 1px;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: background-color 0.4s;
  user-select: none;
  vertical-align: middle;
  border: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 38px;
  margin: 0 5px;
  padding: 10px 20px 11px;
  opacity: 1;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button:hover,
.guider.-fullscreen .guiders-preview_social-button:focus,
.guider.-fullscreen .guiders-preview_social-button:active {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #eb384e;
  cursor: pointer;
  text-decoration: none !important;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-solid {
  color: #2f9de6;
  background-color: #fff;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-solid:hover {
  border-color: #13659c;
  background-color: rgba(0, 0, 0, 0);
  color: #13659c;
  cursor: pointer;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-large-square {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font: 14px @font-museo;*/
  font-weight: bold;
  padding: 20px !important;
  margin-right: 10px;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-white {
  border-color: #fff;
  color: #fff;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-white:hover,
.guider.-fullscreen .guiders-preview_social-button.-white:focus,
.guider.-fullscreen .guiders-preview_social-button.-white:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: background-color 0.5s;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-solid-white {
  background-color: #fff;
  border-color: #fff;
  color: #565876;
  padding: .6em 1.6em;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-solid-white:hover,
.guider.-fullscreen .guiders-preview_social-button.-solid-white:focus,
.guider.-fullscreen .guiders-preview_social-button.-solid-white:active {
  border-color: #cccccc;
  background-color: #cccccc;
  color: #565876;
  cursor: pointer;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-default {
  background-color: #c9001e;
  border-color: #c9001e;
  color: #fff;
  padding: .6em 1.6em;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-default:hover,
.guider.-fullscreen .guiders-preview_social-button.-default:focus,
.guider.-fullscreen .guiders-preview_social-button.-default:active {
  border-color: #63000f;
  background-color: #63000f;
  color: #fff;
  cursor: pointer;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-blue {
  background-color: #1a324f;
  border-color: #1a324f;
  color: #fff;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-blue:hover,
.guider.-fullscreen .guiders-preview_social-button.-blue:focus,
.guider.-fullscreen .guiders-preview_social-button.-blue:active {
  border-color: #010102;
  background-color: #010102;
  color: #fff;
  cursor: pointer;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-red {
  color: #fff;
  background-color: #c9001e;
  border-color: #c9001e;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-red:hover,
.guider.-fullscreen .guiders-preview_social-button.-red:focus,
.guider.-fullscreen .guiders-preview_social-button.-red:active {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-red-orange {
  background: #c9001e;
  border-color: #c9001e;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-red-orange:hover,
.guider.-fullscreen .guiders-preview_social-button.-red-orange:active,
.guider.-fullscreen .guiders-preview_social-button.-red-orange:focus {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-black {
  color: #fff;
  background-color: #565876;
  border: 2px solid #565876;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-black:hover,
.guider.-fullscreen .guiders-preview_social-button.-black:focus,
.guider.-fullscreen .guiders-preview_social-button.-black:active {
  border-color: #2b2c3b;
  background-color: #2b2c3b;
  color: #fff;
  cursor: pointer;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-black-bordered {
  color: #565876;
  background-color: transparent;
  border: 2px solid #565876;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guider.-fullscreen .guiders-preview_social-button.-black-bordered:hover,
.guider.-fullscreen .guiders-preview_social-button.-black-bordered:focus,
.guider.-fullscreen .guiders-preview_social-button.-black-bordered:active {
  border-color: #2b2c3b;
  background-color: rgba(0, 0, 0, 0);
  color: #2b2c3b;
  cursor: pointer;
}
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_social-button:hover,
.guider.-fullscreen .guiders-preview_social-button:focus {
  border: none;
  border-radius: 3px;
  color: #fff;
  opacity: .8;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_social-button.-twitter {
  background-color: #55acef;
}
/* line 141, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_social-button.-facebook {
  background-color: #3b5999;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders-preview_social-icon {
  font-size: 13px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_title {
  display: none;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_content {
  text-align: center;
}
/* line 163, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_buttons_container,
.guider.-fullscreen .guiders_description {
  max-width: 600px;
  margin: auto;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_button.ui-button {
  float: none;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  margin: 0 auto !important;
  padding: 20px;
  width: 245px;
}
/* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider.-fullscreen .guiders_button.ui-button .secondary-button,
.guider.-fullscreen .guiders_button.ui-button .featured-post_info-button,
.guider.-fullscreen .guiders_button.ui-button .popup-form_social,
.guider.-fullscreen .guiders_button.ui-button .dropdown-menu_button,
.guider.-fullscreen .guiders_button.ui-button .top-notification_button,
.guider.-fullscreen .guiders_button.ui-button .message-bar.black .share_embed-button,
.guider.-fullscreen .guiders_button.ui-button .banner-container_button,
.guider.-fullscreen .guiders_button.ui-button .profile-info_button,
.guider.-fullscreen .guiders_button.ui-button .promo-box_button,
.guider.-fullscreen .guiders_button.ui-button .promo-box_button2,
.guider.-fullscreen .guiders_button.ui-button .promo-box_button3,
.guider.-fullscreen .guiders_button.ui-button .settings-boxes_box-button {
  text-align: center;
}
/* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider .guiders_arrow_left {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  transition: opacity 300ms ease-out;
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  opacity: .8;
  width: 0;
  left: -20px;
  border-color: transparent #1e1f2a transparent transparent;
}
/* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider .guiders_arrow_right {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  transition: opacity 300ms ease-out;
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  opacity: .8;
  width: 0;
  border-color: transparent transparent transparent #1e1f2a;
  right: -20px;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider .guiders_arrow_down {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  transition: opacity 300ms ease-out;
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  opacity: .8;
  width: 0;
  bottom: -20px;
  border-color: #1e1f2a transparent transparent transparent;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guider .guiders_arrow_up {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  transition: opacity 300ms ease-out;
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  opacity: .8;
  width: 0;
  border-color: transparent transparent #1e1f2a transparent;
  top: -20px;
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.-lang-ru .guiders-preview_social-button {
  width: 100%;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.-lang-ru .guiders-preview_social-button.-facebook {
  margin-top: 10px;
}
/* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_button.ui-button {
  display: inline-block;
  float: right;
  font-size: .8em;
  font-weight: 800;
  margin-left: 6px !important;
  min-width: 75px;
  padding: 12px 28px;
  text-align: center;
  text-decoration: none;
  /* Rounded corners */
  border-radius: 5px;
  /* End rounded corners */
  transition: all 0.2s linear;
}
/*.guiders_button.secondary-button {
  background-color: white;
  color: #b5b5b5;
}*/
/* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_buttons_container {
  position: relative;
  width: 100%;
  padding-top: 20px;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_close {
  margin: -6px;
  padding: 10px 0 0;
  position: absolute;
  right: 0;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_content {
  position: relative;
}
/* line 260, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_title {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
  float: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5em;
  margin: 12px 0;
  width: 100%;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_description p {
  clear: both;
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
}
/* line 275, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_highlight {
  position: relative;
  z-index: 101;
}
/* line 280, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guide-mode #guiders_overlay {
  background-color: rgba(0, 0, 0, 0.05);
}
/* line 284, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
#guiders_overlay {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 10;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_x_button {
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  height: 20px;
  left: -10px;
  padding: 10px;
  position: relative;
  width: 20px;
  top: -10px;
}
/* line 308, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_x_button:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #cccccc;
  cursor: pointer;
}
/* line 316, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_buttons_container .guiders_button.secondary-button,
.guiders_buttons_container .guiders_button.featured-post_info-button,
.guiders_buttons_container .guiders_button.popup-form_social,
.guiders_buttons_container .guiders_button.dropdown-menu_button,
.guiders_buttons_container .guiders_button.top-notification_button,
.guiders_buttons_container .guiders_button.message-bar.black .share_embed-button,
.guiders_buttons_container .guiders_button.banner-container_button,
.guiders_buttons_container .guiders_button.profile-info_button,
.guiders_buttons_container .guiders_button.promo-box_button,
.guiders_buttons_container .guiders_button.promo-box_button2,
.guiders_buttons_container .guiders_button.promo-box_button3,
.guiders_buttons_container .guiders_button.settings-boxes_box-button {
  left: 0;
  position: absolute;
}
/* line 320, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.-fullscreen .guiders_buttons_container .guiders_button.secondary-button,
.-fullscreen .guiders_buttons_container .guiders_button.featured-post_info-button,
.-fullscreen .guiders_buttons_container .guiders_button.popup-form_social,
.-fullscreen .guiders_buttons_container .guiders_button.dropdown-menu_button,
.-fullscreen .guiders_buttons_container .guiders_button.top-notification_button,
.-fullscreen .guiders_buttons_container .guiders_button.message-bar.black .share_embed-button,
.-fullscreen .guiders_buttons_container .guiders_button.banner-container_button,
.-fullscreen .guiders_buttons_container .guiders_button.profile-info_button,
.-fullscreen .guiders_buttons_container .guiders_button.promo-box_button,
.-fullscreen .guiders_buttons_container .guiders_button.promo-box_button2,
.-fullscreen .guiders_buttons_container .guiders_button.promo-box_button3,
.-fullscreen .guiders_buttons_container .guiders_button.settings-boxes_box-button {
  margin: 0 auto !important;
  right: 0;
}
/* line 334, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_buttons_container .guiders_button:first-of-type:after {
  font-size: 14px;
  font-weight: 800 !important;
  position: relative;
  top: 2px;
  margin-left: 8px;
}
/* line 339, C:\Users\Michael\workspace\CodeAvengers2\war\less\guiders.less */
.guiders_buttons_container .guiders_button.-prev:before {
  font-size: 14px;
  font-weight: 800 !important;
  position: relative;
  top: 2px;
  margin-right: 8px;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard {
  border-collapse: collapse;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  width: 100%;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard td[data-rank="1"] {
  background-image: url("/image/leaderboard/1.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard td[data-rank="2"] {
  background-image: url("/image/leaderboard/2.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard td[data-rank="3"] {
  background-image: url("/image/leaderboard/3.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard-dialog {
  overflow-y: auto !important;
  padding: 0;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard .codename {
  text-align: left;
  min-width: 80px;
  max-width: 120px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard td {
  text-align: right;
  padding: 0 6px;
  min-width: 30px;
}
/* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard th {
  cursor: pointer;
  font-size: smaller;
  min-width: 45px;
  padding: 4px 2px;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\leaderboard.less */
#leaderboard tr:nth-child(2n),
#leaderboard th {
  background-color: #eee;
  color: #a5a5a5;
}
/*********jScrollPane*********************/
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspContainer {
  outline: none;
  overflow: hidden;
  position: relative;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspScrollable {
  outline: none;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspPane {
  position: absolute;
  /*overflow-x: hidden;*/
  overflow: hidden;
  /*This is needed for the lesson-index*/
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: white;
}
/* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspCap {
  display: none;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspHorizontalBar .jspCap {
  float: left;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspTrack {
  position: relative;
  border: 0px #111 solid;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.t-dark .jspTrack {
  border: none;
  background-color: #3e4057;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspDrag {
  background-color: #b8b8b8;
  border-radius: 5px;
  left: 0;
  position: relative;
  top: 0;
  /*cursor: pointer;*/
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.jspDrag:hover {
  opacity: 1;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.t-dark .jspDrag {
  background-color: white;
}
/* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspHorizontalBar {
  opacity: .8;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspVerticalBar .jspArrow {
  height: 16px;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/*********END jScrollPane*********************/
/* Track */
/*This is out by 1 in some cases*/
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jspTrack {
  border: 1px solid #032E42;
  border: 1px solid #d6d6d6;
  background-color: #eee;
  border-radius: 5px;
  box-sizing: border-box;
  height: 100% !important;
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.ui-dialog ::-webkit-scrollbar-track,
.main :not(.ace_scrollbar)::-webkit-scrollbar-track {
  background-color: #f8f8f8;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
/* Handle */
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.is-windows-os .ace_scrollbar::-webkit-scrollbar-thumb,
.ui-dialog ::-webkit-scrollbar-thumb,
.main :not(.ace_scrollbar)::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
  border-radius: 5px;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.is-windows-os .ace_scrollbar::-webkit-scrollbar-thumb:hover,
.ui-dialog ::-webkit-scrollbar-thumb:hover,
.main ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.is-windows-os .ace_scrollbar::-webkit-scrollbar-thumb:active,
.ui-dialog ::-webkit-scrollbar-thumb:active,
.main ::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.6);
}
/*:not(.main)::-webkit-scrollbar-thumb:window-inactive {
  background: #7db0cf;
}*/
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.ui-dialog ::-webkit-scrollbar-corner,
.main ::-webkit-scrollbar-corner {
  background-color: #f0f0f0;
  border: 1px solid #a8a8a8;
  border: none;
  background-color: transparent;
}
/*Scrollbar*/
/* line 179, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.ui-dialog ::-webkit-scrollbar,
.main :not(.ace_scrollbar)::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  z-index: 100;
}
/* line 186, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.is-windows-os .ace_scrollbar::-webkit-scrollbar {
  /*Not sure why this had to be 21px*/
  /*width: 21px;*/
  width: 16px;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.jqconsole::-webkit-scrollbar,
.container::-webkit-scrollbar,
.ui-dialog::-webkit-scrollbar,
.info::-webkit-scrollbar {
  width: 12px;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\scroll.less */
.is-windows-os .ace_scrollbar::-webkit-scrollbar-track,
.container::-webkit-scrollbar-track {
  background-color: #F0F0F0;
  border: #CCC 1px solid;
}
/***************************************
Prettify
******************************************/
@media screen {
  /* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .com {
    color: #4c886b;
  }
  /* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .atv {
    color: #080;
  }
}
@media print, projection {
  /* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .str {
    color: #060;
  }
  /* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .kwd {
    color: #006;
    font-weight: bold;
  }
  /* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .com {
    color: #600;
    font-style: italic;
  }
  /* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .typ {
    color: #404;
    font-weight: bold;
  }
  /* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .lit {
    color: #044;
  }
  /* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .pun,
  .opn,
  .clo {
    color: #440;
  }
  /* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .tag {
    color: #006;
    font-weight: bold;
  }
  /* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .atn {
    color: #404;
  }
  /* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
  .atv {
    color: #060;
  }
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
pre.prettyprint {
  padding: 2px;
  border: 1px solid #888;
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
.ca-content code ol.linenums,
code ol.linenums {
  color: #a5a5a5;
  counter-reset: item;
  padding: 0 0 0 2.8em;
  list-style-type: none;
  margin: 0 !important;
}
/* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
.ca-content code ol.linenums li,
code ol.linenums li {
  border-left: solid 1px #d5d5d5;
  display: block;
  list-style-type: decimal;
  margin: 0;
  padding: 0 .5em 0 0;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
.ca-content code ol.linenums li:before,
code ol.linenums li:before {
  color: #666;
  content: counter(item);
  counter-increment: item;
  display: inline-block;
  margin-left: -3em;
  margin-right: .5em;
  padding-right: .5em;
  text-align: right;
  width: 3em;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
.ca-content code ol.linenums li:nth-child(odd),
code ol.linenums li:nth-child(odd) {
  background-color: #f8f8f8;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
.ca-content code ol.linenums li:nth-child(even),
code ol.linenums li:nth-child(even) {
  background-color: #ffffff;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\prettify.less */
.ca-content code ol.linenums li:nth-child(n):hover,
code ol.linenums li:nth-child(n):hover {
  background-color: rgba(0, 0, 0, 0.04);
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#info .file-explorer-container {
  display: none;
  background-color: white;
  padding: 12px 12px 0;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.ide #info .file-explorer-container {
  display: block;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#info .file-explorer-container h1 {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
  margin: 0 -20px 6px;
  padding: 6px 20px 10px;
  border-bottom: 3px solid #1e1f2a;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.file-explorer {
  background-color: white;
  position: relative;
  width: 100%;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#file_tree_explorer .file-explorer {
  border-radius: 0;
  background: #FFF;
  float: left;
  height: 430px;
  overflow: scroll;
  padding: 5px;
  width: 190px;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.fileTreePreview {
  background-color: #eee;
  width: 430px;
  height: 300px;
  line-height: 0;
  float: right;
  overflow: hidden;
  position: relative;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.fileTreePreview ._img-container {
  line-height: 300px;
  margin: 0;
  padding: 0;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.fileTreePreview img {
  /*vertical-align: middle;*/
  border-top: solid 1px #BBB;
  border-left: solid 1px #BBB;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 400px;
  max-height: 280px;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreePreviewPathsInfo {
  background-color: white;
  width: 430px;
  height: 130px;
  float: right;
  color: black;
  text-align: left;
  font-size: 12px;
  padding: 5px;
  line-height: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreePreviewPathsInfo code {
  font-size: 12px !important;
  margin-bottom: 3px;
  display: inline-block;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.file-explorer ul.jqueryFileTree {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.file-explorer ul.jqueryFileTree li {
  list-style: none;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  white-space: nowrap;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.file-explorer ul.jqueryFileTree li.selected a {
  /*background-color: #f8f8f8;*/
  color: #32a3cd !important;
  font-weight: 800;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.file-explorer ul.jqueryFileTree a {
  color: #333;
  display: block;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-weight: 400;
  padding: 0px 2px;
  text-decoration: none;
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.file-explorer ul.jqueryFileTree a:hover {
  background-color: #f8f8f8;
  /*color: #32a3cd !important;*/
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreeContextMenu {
  background-color: white;
  border: 1px solid #bbb;
  border-radius: 2px;
  color: #111;
  display: none;
  font-size: 14px;
  line-height: 1.6em;
  padding: 0;
  position: absolute;
  z-index: 10001;
}
/* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreeContextMenu ul {
  -webkit-margin-before: 0;
  -webkit-padding-start: 0;
}
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreeContextMenu li {
  list-style: none;
  cursor: default;
  padding: 4px 14px;
}
/* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreeContextMenu li:hover {
  background-color: lightBlue;
}
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
#fileTreeContextMenu hr {
  margin: 6px 0;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.directory {
  background: url('/css/images/fileTreeIcons/directory.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.expanded {
  background: url('/css/images/fileTreeIcons/folder_open.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.file {
  background: url('/css/images/fileTreeIcons/file.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.wait {
  background: url('/css/images/fileTreeIcons/spinner.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_bmp {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_css {
  background: url('/css/images/fileTreeIcons/css.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_doc {
  background: url('/css/images/fileTreeIcons/doc.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_gif {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_h {
  background: url('/css/images/fileTreeIcons/code.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_html {
  background: url('/css/images/fileTreeIcons/html.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_htm {
  background: url('/css/images/fileTreeIcons/html.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_jpg {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_jpeg {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_js {
  background: url('/css/images/fileTreeIcons/script.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_log {
  background: url('/css/images/fileTreeIcons/txt.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_m4p {
  background: url('/css/images/fileTreeIcons/music.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_mp3 {
  background: url('/css/images/fileTreeIcons/music.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_ogg {
  background: url('/css/images/fileTreeIcons/music.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_pcx {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_pdf {
  background: url('/css/images/fileTreeIcons/pdf.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_php {
  background: url('/css/images/fileTreeIcons/php.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_png {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_ppt {
  background: url('/css/images/fileTreeIcons/ppt.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_psd {
  background: url('/css/images/fileTreeIcons/psd.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_pl {
  background: url('/css/images/fileTreeIcons/script.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_py {
  background: url('/css/images/fileTreeIcons/script.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_swf {
  background: url('/css/images/fileTreeIcons/flash.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_tif {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_tiff {
  background: url('/css/images/fileTreeIcons/picture.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_txt {
  background: url('/css/images/fileTreeIcons/txt.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_wav {
  background: url('/css/images/fileTreeIcons/music.png') left top no-repeat;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\file-explorer.less */
.jqueryFileTree li.ext_zip {
  background: url('/css/images/fileTreeIcons/zip.png') left top no-repeat;
}
/*gloss popups*/
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1003;
  /*If 1000 it will be under the current task button*/
  padding: 7px;
  border-radius: 5px;
  color: #111;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover ul {
  padding-left: 20px;
  margin: 10px 0;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover .popover-content {
  padding: 14px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-size: smaller;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover.black {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover.bottom .arrow {
  top: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #888;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover.top .arrow {
  bottom: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-right: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #888;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #479AD0;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.popover .inner {
  background-repeat: no-repeat;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 0px;
  max-width: 450px;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
#rgbColorWidget-dialog .popover {
  right: 10px;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\popups.less */
.right {
  float: right;
}
/*Color widget*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider .ui-slider-handle {
  background-color: #464646;
  border: solid 1px rgba(2, 22, 31, 0.4);
  border-radius: 3px;
  cursor: w-resize;
  height: 1.2em;
  position: absolute;
  width: 1.2em;
  z-index: 2;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider {
  position: relative;
  text-align: left;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-horizontal {
  height: .8em;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
/* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.colorValue-container,
.redSlider,
.greenSlider,
.blueSlider {
  float: left;
  clear: left;
  width: 260px;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.rgbValue {
  margin-bottom: 0;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.hexValue {
  margin-top: 0;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.greenSwatch {
  left: 60px;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.blueSwatch {
  left: 30px;
  top: 30px;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.mixSwatch {
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.ui-slider-range {
  border-radius: 4px;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.colorValue {
  background: #000;
  border: 2px solid #999;
  border-radius: 2px;
  color: #FFF;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  font-size: 24px !important;
  padding: 6px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.swatchCanvas {
  position: absolute;
  right: 10px;
  height: 210px;
  width: 225px;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.redSlider .ui-slider-range {
  background: #ef2929;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.redSlider .ui-slider-handle {
  border-color: #ef2929;
}
/* line 122, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.greenSlider .ui-slider-range {
  background: #8ae234;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.greenSlider .ui-slider-handle {
  border-color: #8ae234;
}
/* line 128, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.blueSlider .ui-slider-range {
  background: #729fcf;
}
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.blueSlider .ui-slider-handle {
  border-color: #729fcf;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\color-widget.less */
.courseName-label {
  margin-left: 22px;
}
/*================*/
/*Reference dialog*/
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference.less */
.reference-page .side-toolbar-label {
  display: none;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference.less */
.reference h2 {
  margin: -10px -5px 10px;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference.less */
#reference-content {
  display: none;
}
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.s-markup-activity .message-bar {
  display: none !important;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode #code-container,
.review-game-mode #output {
  display: none;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode #editor-toolbar .ui-button:not(.next-button) {
  display: none !important;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode .activity_container {
  display: block;
  top: 0;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode .activity_container .review-game {
  display: block;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode .activity_container .activity {
  display: none;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode .message-bar {
  display: block;
  max-width: 800px;
}
/*REVIEW GAME*/
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game {
  border-radius: 5px;
  bottom: 0;
  display: none;
  max-width: 800px;
  overflow: hidden;
  position: absolute;
  top: 60px;
  width: 100%;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game-mode .review-game {
  display: block;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_contents {
  overflow: hidden;
  padding: 0;
  position: absolute;
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: 10px;
}
/* line 69, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_contents code.multi {
  background-color: white;
  font-size: 1em;
  margin-top: 10px;
  width: 100%;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_message {
  display: none;
  position: absolute;
  padding: 15px 20px;
  font-size: 24px;
  color: #479AD0;
  z-index: 901;
  text-align: center;
  background-color: white;
  opacity: 0.7;
  border-radius: 5px;
  /*Width is needed for the Quiz Complete message*/
  width: 380px;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_question {
  background-color: white;
  border-radius: 0;
  padding: 0;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_option,
.review-game_options {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_option {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 0 0 #7f7f83;
  color: #50525d;
  display: inline-block;
  /*height: 32px;*/
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4em;
  min-width: 140px;
  /*min-height: @review-game-option-height;*/
  padding: 8px 24px;
  position: absolute;
  text-align: center;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.review-game_option:hover {
  opacity: 1;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_option.guessed {
  cursor: default;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_options {
  background-color: #15161e;
  bottom: 0;
  cursor: default;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  border-top: 2px solid #eee;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_answer.success {
  background-color: #63b779 !important;
  color: #fff !important;
  z-index: 900;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_distractor.error {
  background-color: #ff6666;
  color: black;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_button-container {
  font-size: 0;
  text-align: center;
  z-index: 901;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_button-container .button {
  height: 75px;
  /*Incase the buttons are split over multiple lines*/
  margin-bottom: 18px;
  opacity: 0.85;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  width: 200px;
  z-index: 901;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_start-button {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 40px;
  color: #fff;
  line-height: 80px;
  padding: 0 36px;
  text-transform: capitalize;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.review-game_start-button:hover {
  opacity: 1;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_start-button .icon-right {
  color: rgba(255, 255, 255, 0.8);
  font-size: 28px;
  padding-left: 64px;
}
/* line 193, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_start-button .icon-right:before {
  vertical-align: text-bottom;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_progressbar {
  position: absolute;
  bottom: 0;
}
/* line 204, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_option.fade {
  opacity: 0.3;
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_objective {
  box-shadow: none;
  background-color: transparent;
  color: #1e1f2a;
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
  color: #2f3241;
  line-height: 32px;
  margin: 0;
  padding: 0;
  z-index: 1;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_contents code {
  padding: 0;
  font-size: 1em;
  padding-right: 0 !important;
}
/* line 227, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_contents code.wide {
  display: block;
}
/* line 232, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_progressbar {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #646773;
  height: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_progress {
  background-color: #17a0e1;
  bottom: 0;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: width 0.4s ease-in-out;
  width: 0;
}
/* line 259, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_toolbar {
  background-color: #fff;
  overflow: hidden;
}
/* line 264, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_question-container {
  background-color: #fff;
  border-radius: 0 0 0 0;
  color: #1e1f2a;
  overflow-y: auto;
  max-height: 55%;
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  line-height: 1.2em;
  margin: 18px 0 6px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  font-size: 22px;
  text-align: left;
  padding: 0.6em 20px;
  line-height: 1.4em;
  margin: 0;
}
/* line 281, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\review-game.less */
.review-game_question-container code.multi {
  font-size: 14px !important;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline {
  /*Web and javascript overview*/
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline_level-name {
  color: #999;
  display: block;
  font-size: .8em;
  line-height: 1.5em;
}
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline a {
  text-decoration: none;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline img {
  float: right;
  width: 200px;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style h1 {
  font: 36px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin-bottom: 54px;
  text-align: center;
  text-transform: none;
  text-align: left;
  margin-bottom: 32px;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style h2 {
  font: 30px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin: 24px 0 12px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  text-align: left;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style h3 {
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  line-height: 1.2em;
  margin: 18px 0 6px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  text-align: left;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style h4 {
  font: 18px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
  /*text-align: center;*/
  text-transform: none;
  text-align: left;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style p {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
  margin: 12px 0;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.ca-style .course-outline_projects p {
  font-size: 14px;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline_projects {
  font-size: 14px;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline #intro-container img {
  float: right;
  margin-top: 16px;
  margin-left: 16px;
  width: 210px;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline nav.float {
  width: 200px;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline #menu {
  max-width: 810px;
  margin-left: 250px;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .help {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style a {
  color: inherit;
  font-weight: inherit;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .module-course img {
  margin-top: 6px;
  margin-left: 12px;
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .module-course .lesson-name {
  color: #333;
  font-weight: bold;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .module-course .lesson-description {
  color: #666;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline.html img {
  width: 360px;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .project-label {
  font-weight: bold;
  color: #3D99C9;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .special {
  font-weight: bold;
  color: #3D99C9;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\course-outline.less */
.course-outline .ca-style h4 {
  opacity: .60;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference {
  background-color: white;
  display: none;
  font-size: 12px;
  margin: 0;
  padding: 10px;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_dialog {
  outline: none;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_dialog .ui-dialog-content {
  margin: 0;
  padding: 0;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.reference .jspDrag {
  background-color: #9ea3b5;
}
/* line 372, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.reference .jspTrack {
  background-color: transparent;
  border: none;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_entry,
.reference_output-container {
  border-left: 1px solid #B9BCCC;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_output-container {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 255px;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_output-toolbar {
  top: 0;
  height: 40px;
  text-align: center;
  min-height: 0!important;
}
/* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_console {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_output {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_output canvas {
  height: 100%;
  width: 100%;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_output .ui-button {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 0;
  height: 100%;
  min-width: 40px !important;
  padding: 0 12px !important;
  text-transform: uppercase;
  width: 100%;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_output .ui-button-text {
  display: inline-block !important;
  min-width: 36px !important;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_code {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #CCCFDB;
  border-radius: 0;
  bottom: 0;
  overflow: hidden;
  position: absolute !important;
  width: 430px;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_entry {
  bottom: 0;
  left: 200px;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topbar {
  font-size: 0;
  left: 10px;
  position: absolute;
  top: -40.5px;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topics {
  color: #b5b5b5;
  background-color: white;
  border-radius: 0;
  bottom: 0;
  font-size: 13px;
  left: 0;
  padding: 0;
  position: absolute;
  overflow: auto;
  top: 0;
  width: 100%;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topic {
  border: 1px solid transparent;
  border-radius: 2px;
  color: #7B8093;
  letter-spacing: .4px;
  margin: 0 10px;
  padding: 4px 6px;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topic:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topic.is-selected {
  border: 1px solid #CCCFDB;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topic.is-current {
  color: white;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topic code {
  font-weight: bold;
  letter-spacing: 0;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topic.is-active code {
  color: #111;
}
/* line 166, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_description {
  background-color: white;
  border-radius: 0;
  color: #333;
  font-size: 13px;
  left: 0;
  letter-spacing: .4px;
  line-height: 1.6em;
  overflow-y: auto;
  max-height: 260px;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 430px;
}
/* line 182, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_description button {
  background-color: #f0f0f0;
  border: solid 2px #ccc;
  border-radius: 2px;
  color: #aaa;
  cursor: pointer;
  font-size: 11px;
  margin-top: 2px;
  min-width: 50px;
  padding: 3px 2px;
}
/* line 193, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_description button:hover {
  color: #7a7881;
  background-color: #f8f8f8;
  border: solid 2px #026492;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_description button.is-current {
  background-color: white;
  border: solid 2px #479AD0;
  color: #464646;
}
/* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
/* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_topics-container {
  bottom: 10px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  width: 190px;
}
/* line 223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_play-button {
  font-size: 13px !important;
}
/* line 227, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_attribute {
  margin-bottom: 0;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_item {
  margin-bottom: 3px;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_attribute code,
.reference_definition code,
.reference_attribute-name {
  border: 1px solid #F1F2F7;
  border-radius: 3px;
  letter-spacing: .8px;
  padding: 2px 4px 2px 5px;
}
/* line 244, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_examples {
  margin-top: 2px;
}
/* line 248, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_name {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  white-space: normal;
}
/* line 255, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_name code {
  white-space: normal;
}
/* line 260, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.reference_attribute-name {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-weight: 700;
}
/*End of REFERENCE*/
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.ui-dialog.-resource .ui-dialog-titlebar {
  background-color: #F1F2F7;
  height: 48px;
  padding: 0;
}
/* line 276, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.ui-dialog.-resource .ui-dialog-title {
  margin-bottom: 0;
}
/* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\reference-dialog.less */
.ui-dialog.-resource .ui-dialog-titlebar-close {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #B9BCCC;
  font-size: 18px;
  height: 18px;
  margin: 0;
  right: 6px;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\gloss.less */
table.ascii {
  background-color: #333;
  color: white;
  border: solid #333 6px;
  font-size: 1em;
  border-spacing: 1px;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\gloss.less */
table.ascii td {
  padding: 0 2px;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\gloss.less */
table.ascii td:nth-of-type(3n) {
  text-align: right;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\gloss.less */
table.ascii .ascii_char {
  background-color: #181818;
  text-align: center;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\gloss.less */
table.ascii .ascii_code {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  text-align: right;
}
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  /* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0);
  }
  /* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  /* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    max-width: 95%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
  }
  /* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight .featherlight-inner {
    display: block;
  }
  /* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000;
  }
  /* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight .featherlight-image {
    width: 100%;
  }
  /* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
  }
  /* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight iframe {
    border: 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
  .featherlight .featherlight-content {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\utils.less */
.featherlight-inner {
  max-width: 100%;
  max-height: 100%;
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.help {
  height: auto;
  font-weight: 300;
  padding-top: 0px;
  padding-bottom: 48px;
  padding-left: 80px !important;
  padding-right: 80px !important;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.content .h1.mu-container {
  margin-top: 0;
  padding-bottom: 0;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.content .h1.mu-container.section-0 {
  padding-top: 0;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.content .h1 {
  margin: 48px -80px 24px;
  padding: 24px 80px;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.content .h1.section-0 {
  margin-top: 0;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions,
.content {
  /*END COPY CODE*/
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container,
.content .run-code_container,
.instructions .copy-code_container.-copy,
.content .copy-code_container.-copy {
  margin-top: 8px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 18px;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container code,
.content .run-code_container code,
.instructions .copy-code_container.-copy code,
.content .copy-code_container.-copy code {
  margin: 0px;
  padding-bottom: 8px;
  padding-top: 8px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container button,
.content .run-code_container button,
.instructions .copy-code_container.-copy button,
.content .copy-code_container.-copy button {
  border-radius: 4px;
  left: -14px;
  padding: 2px 4px;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .copy-code_container.-icopy,
.content .copy-code_container.-icopy {
  display: inline-block;
  line-height: 1em;
  margin-right: 12px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .copy-code_container.-icopy .copy-code_button,
.content .copy-code_container.-icopy .copy-code_button {
  border-radius: 0 4px 4px 0;
  bottom: 0;
  font-size: .4em;
  line-height: .5em;
  padding: 0 2px;
  right: -12px;
  top: 0;
  width: 12px;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container,
.content .run-code_container,
.instructions .copy-code_container,
.content .copy-code_container {
  display: block;
  position: relative;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container code:hover,
.content .run-code_container code:hover,
.instructions .copy-code_container code:hover,
.content .copy-code_container code:hover {
  border: 1px solid #c9001e;
  cursor: pointer;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container .align-right,
.content .run-code_container .align-right,
.instructions .copy-code_container .align-right,
.content .copy-code_container .align-right {
  position: absolute;
  right: -18px;
  top: -8px;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_container.-icon,
.content .run-code_container.-icon,
.instructions .copy-code_container.-icon,
.content .copy-code_container.-icon {
  padding-right: 12px;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .run-code_button,
.content .run-code_button,
.instructions .copy-code_button,
.content .copy-code_button {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: .8px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure {
  display: inline-block;
  margin: 5px;
  text-align: center;
}
/* line 122, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure.-full-width {
  display: block;
  margin: auto;
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure.align-right {
  float: right;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure.align-right img {
  padding-left: 10px;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure.align-left {
  float: left;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure.align-left img {
  padding-right: 10px;
}
/* line 143, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figure img {
  padding-bottom: 4px;
}
/* line 148, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions figcaption {
  font-size: .8em;
  line-height: 1.4em;
  opacity: .8;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}
/*Lana's styling for lesson plans*/
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions,
.content {
  /*Notices, for examples or important info*/
  /*Tables*/
  /*print.less has some CSS that attaches to these pages */
  /*.standard-table Created for printing version of text. Can be changed/removed if not needed.*/
  /*Table for showing a range of examples: of code, options etc*/
  /*For reading data connected across rows, like attributes or color examples.*/
  /*Focus on individual cells. Traditional table layout. Spreadsheet*/
  /*OLD CSS TO BE REPLACED IN web/1/, web/0/, web/2/ WIKIPAGES*/
  /*solid gray table with th*/
  /*Solid lines, dark borders*/
  /*apply to rows, make each second row grey.*/
  /*.forExample{
    font-size:150%;
    padding: 10px 0;
    color:teal;
  
  }*/
  /*/teacher/html-css/2/tables*/
  /*/teacher/html-css/2/specificity-print-view*/
  /*/teacher/html-css/2/prefixes-gradients*/
  /*/teacher/html-css/2/prefixes-gradients*/
  /*/teacher/html-css/1/image-manipulation image galleries*/
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .notice1,
.content .notice1 {
  font-size: 200%;
  line-height: 150%;
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .notice2,
.content .notice2 {
  font-size: 120%;
  border: 1px solid slateGray;
  padding: 10px;
  width: 100%;
}
/* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .notice3,
.content .notice3 {
  font-size: 160%;
  font-weight: 700;
  line-height: 170%;
  padding: 10px;
}
/* line 182, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .notice4,
.content .notice4 {
  font-size: 120%;
  border: 1px solid gray;
  padding: 10px;
  width: 100%;
}
/* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .noticeHeading,
.content .noticeHeading {
  font-size: 200%;
  line-height: 20Table0%;
  padding: 50px 10px 5px 10px;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .noticeTeach,
.content .noticeTeach {
  border: 1px solid sienna;
  padding: 10px;
}
/* line 200, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .reveal-answer,
.content .reveal-answer {
  color: #7b8093;
}
/* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .borderSolid,
.content .borderSolid {
  border: 3px solid #9ea3b5;
  border-radius: 5px;
  padding: 10px;
}
/* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .borderSolid2,
.content .borderSolid2 {
  border: 3px solid #b9bccc;
  border-radius: 5px;
  padding: 10px;
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .borderDash,
.content .borderDash {
  border: 3px dashed #9ea3b5;
  border-radius: 5px;
  padding: 10px;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .borderLightDash,
.content .borderLightDash {
  border: 3px dashed #b9bccc;
  border-radius: 5px;
  padding: 10px;
}
/* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions table,
.content table {
  width: 100%;
}
/* line 233, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .default-table,
.content .default-table {
  border: 3px solid #b9bccc;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .default-table td,
.content .default-table td {
  border: 1px solid #b9bccc;
}
/* line 240, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .default-table th,
.content .default-table th {
  height: 50px;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .default-table th,
.content .default-table th,
.instructions .default-table td,
.content .default-table td {
  padding: 15px;
  text-align: left;
  vertical-align: top;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .show-examples-table,
.content .show-examples-table {
  border: 3px none #b9bccc;
  border-collapse: separate;
  border-spacing: 10px;
  padding: 10px;
  text-align: center;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .show-examples-table th,
.content .show-examples-table th,
.instructions .show-examples-table td,
.content .show-examples-table td {
  border: 3px solid #b9bccc;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  vertical-align: top;
}
/* line 271, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .show-examples-table th,
.content .show-examples-table th {
  border-color: #9ea3b5;
  font-size: 1.5em;
  background-color: #e4e6ee;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .second-row-table,
.content .second-row-table {
  border-collapse: separate;
  border-spacing: 0 2.5px;
  width: 100%;
}
/* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .second-row-table tr:nth-child(even),
.content .second-row-table tr:nth-child(even) {
  background-color: #f1f2f7;
}
/* line 284, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .second-row-table th,
.content .second-row-table th {
  font-size: 1.5em;
  color: #7b8093;
}
/* line 287, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .second-row-table td,
.content .second-row-table td {
  vertical-align: top;
}
/* line 292, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .spreadsheet-table,
.content .spreadsheet-table {
  border: 3px solid #7b8093;
  padding: 10px;
  text-align: center;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .spreadsheet-table th,
.content .spreadsheet-table th,
.instructions .spreadsheet-table td,
.content .spreadsheet-table td {
  border: 3px solid #b9bccc;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .spreadsheet-table th,
.content .spreadsheet-table th {
  border-color: #9ea3b5;
}
/* line 317, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .borderThTable th,
.content .borderThTable th {
  border: 3px solid #9ea3b5;
  background-color: #f1f2f7;
}
/* line 321, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .borderThTable td,
.content .borderThTable td {
  border: 3px solid #9ea3b5;
}
/* line 326, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions table.solidBlackTableBorder,
.content table.solidBlackTableBorder {
  border: 3px solid #7b8093;
}
/* line 330, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .solidBlackTableBorder td,
.content .solidBlackTableBorder td {
  border: 3px solid #7b8093;
  padding: 10px;
  text-align: center;
}
/* line 335, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions table.solidBlackTableBorder th,
.content table.solidBlackTableBorder th {
  border: 3px solid #7b8093;
  padding: 10px;
  text-align: center;
}
/* line 342, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .second-row,
.content .second-row {
  background-color: #f1f2f7;
}
/* line 348, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions table.bigDisplayTable,
.content table.bigDisplayTable,
.instructions .bigDisplayTable td,
.content .bigDisplayTable td {
  height: 200px;
  border-collapse: collapse;
  border: 1px solid black;
  text-align: center;
  font-size: 150%;
  vertical-align: middle;
}
/* line 365, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions #tableCompare,
.content #tableCompare {
  border: 3px dashed #e4e6ee;
  padding: 10px;
  border-collapse: collapse;
}
/* line 370, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions #tableCompare table,
.content #tableCompare table {
  border: 3px solid slateGray;
  padding: 10px;
  border-spacing: 5px;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions #tableCompare td,
.content #tableCompare td {
  border: 3px solid steelBlue;
}
/* line 382, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions #Specificitytable td,
.content #Specificitytable td {
  letter-spacing: 3px;
  background-color: #f1f2f7;
}
/* line 388, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions #rainbowDiv,
.content #rainbowDiv {
  background-image: -webkit-linear-gradient(crimson, coral, gold, yellowGreen, lightSeaGreen, royalBlue, darkSlateBlue);
  background-image: -moz-linear-gradient(crimson, coral, gold, yellowGreen, lightSeaGreen, royalBlue, darkSlateBlue);
  background-image: -o-linear-gradient(crimson, coral, gold, yellowGreen, lightSeaGreen, royalBlue, darkSlateBlue);
  background-image: linear-gradient(crimson, coral, gold, yellowGreen, lightSeaGreen, royalBlue, darkSlateBlue);
  font-size: 2.5em;
  height: 90px;
  line-height: 90px;
  padding: 0px 30px 0px;
  text-shadow: 1px 2px 3px white, 1px 2px 3px white, 1px 2px 3px white;
  width: 350px;
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg-225deg,
.content .deg-225deg {
  background: -webkit-linear-gradient(-225deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-225deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-225deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-225deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg-135deg,
.content .deg-135deg {
  background: -webkit-linear-gradient(-135deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-135deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-135deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-135deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg-45deg,
.content .deg-45deg {
  background: -webkit-linear-gradient(-45deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-45deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-45deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-45deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg45deg,
.content .deg45deg {
  background: -webkit-linear-gradient(45deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(45deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(45deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(45deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg135deg,
.content .deg135deg {
  background: -webkit-linear-gradient(135deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg225deg,
.content .deg225deg {
  background: -webkit-linear-gradient(225deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(225deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(225deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(225deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .deg315deg,
.content .deg315deg {
  background: -webkit-linear-gradient(315deg, white, lightBlue, seaGreen);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(315deg, white, lightBlue, seaGreen);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(315deg, white, lightBlue, seaGreen);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(315deg, white, lightBlue, seaGreen);
  /* Standard syntax */
}
/* line 421, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .image-gallery-basic,
.content .image-gallery-basic {
  background-color: #7b8093;
}
/* line 423, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .image-gallery-basic img,
.content .image-gallery-basic img {
  width: 33.33%;
  border: 1px solid black;
}
/* line 426, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .image-gallery-vert-align,
.content .image-gallery-vert-align {
  background-color: #7b8093;
}
/* line 428, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-.less */
.instructions .image-gallery-vert-align img,
.content .image-gallery-vert-align img {
  width: 33.33%;
  border: 1px solid black;
  vertical-align: top;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery br {
  display: none;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery .video-wrapper {
  margin: 0 !important;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery figcaption {
  font-size: 12px;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery_title {
  border-bottom: 1px solid #F1F2F7;
  color: #747474;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 1.4em;
  margin: 18px 0 2px 0;
  text-align: center;
  text-transform: uppercase;
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery_item {
  /*Make sure images line up with the captions of different line lengths
     Images must be the same height to line up.*/
  vertical-align: top;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery_items {
  font-size: 0;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery_items > * {
  display: inline-block;
  margin: 0 2% 2% 0;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery_items img {
  /*Need important to override the setting for -full-width*/
  padding: 0 !important;
  margin: 0 !important;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery_items a {
  display: inline-block;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.-fonts.columns-3 .gallery_item,
.ca-content .gallery.-fonts.columns-2 .gallery_item {
  margin-left: 0;
  margin-right: 0;
  border-right: 1px solid #F1F2F7;
  padding-left: 2%;
  padding-right: 2%;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.-fonts.columns-3 .gallery_item > img,
.ca-content .gallery.-fonts.columns-2 .gallery_item > img {
  margin-left: 0;
  margin-right: 0;
  max-width: 176px;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.-fonts.columns-3 .gallery_item:first-child,
.ca-content .gallery.-fonts.columns-2 .gallery_item:first-child {
  padding-left: 0;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.-fonts.columns-3 .gallery_item:last-of-type,
.ca-content .gallery.-fonts.columns-2 .gallery_item:last-of-type {
  border-right: none;
  padding-right: 0;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-1 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 100%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-1 .gallery_items > .gallery_item:nth-child(2n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-1 .gallery_items :nth-child(2n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-2 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 49%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-2 .gallery_items > .gallery_item:nth-child(4n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-2 .gallery_items :nth-child(4n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-3 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 32%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-3 .gallery_items > .gallery_item:nth-child(6n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-3 .gallery_items :nth-child(6n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-4 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 23.5%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-4 .gallery_items > .gallery_item:nth-child(8n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-4 .gallery_items :nth-child(8n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-5 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 18.4%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-5 .gallery_items > .gallery_item:nth-child(10n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-5 .gallery_items :nth-child(10n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-6 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 15%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-6 .gallery_items > .gallery_item:nth-child(12n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-6 .gallery_items :nth-child(12n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-7 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 12.57142857%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-7 .gallery_items > .gallery_item:nth-child(14n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-7 .gallery_items :nth-child(14n) {
  display: initial;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-8 .gallery_items > .gallery_item {
  height: auto;
  height: initial;
  width: 10.75%;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-8 .gallery_items > .gallery_item:nth-child(16n - 1) {
  margin-right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-gallery.less */
.ca-content .gallery.columns-8 .gallery_items :nth-child(16n) {
  display: initial;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive {
  height: 120%;
  width: 120%;
  left: -30px;
  position: relative;
  top: -30px;
  -webkit-transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, left 0.2s ease-in-out;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_wrapper {
  height: 930px;
  width: 1230px;
  margin-left: -11px;
  padding: 0;
  overflow: hidden;
  transform: scale(0.35);
  transform-origin: 0 0;
}
@media all and (max-width: 1400px) {
  /* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
  .responsive_wrapper {
    margin-left: -31px;
  }
}
@media all and (max-width: 1260px) {
  /* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
  .responsive_wrapper {
    margin-left: -11px;
    height: 730px;
    width: 880px;
  }
}
/* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive.-visible {
  background: #fff url("https://i.imgur.com/Kk4BSgP.jpg") repeat 30px 30px;
  left: 0px;
  top: 0px;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-zero {
  background-color: #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  font-size: 30px;
  display: inline-block;
  float: left;
  height: 30px;
  padding-top: 8px;
  padding-left: 8px;
  position: relative;
  width: 30px;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-zero_icon {
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top {
  background-color: black;
  color: #fff;
  position: relative;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  box-sizing: border-box;
  height: 30px;
  margin-left: 30px;
  width: 100%;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top_overlay {
  background-color: rgba(255, 255, 255, 0.25);
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 2px;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top_zero {
  position: absolute;
  font-size: 28px;
  left: 4px;
  top: 2px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top_points {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top_points_half {
  bottom: -3px;
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
}
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top_points_full {
  display: inline-block;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  height: 30px;
  position: relative;
  width: 100px;
}
/* line 132, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-top_points_number {
  display: inline-block;
  position: absolute;
  right: -55px;
  font-size: 28px;
  top: 4px;
  width: 49px;
  z-index: 5;
}
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left {
  background-color: black;
  color: #fff;
  position: relative;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  float: left;
  height: 100%;
  width: 30px;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left_overlay {
  background-color: rgba(255, 255, 255, 0.25);
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 100%;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left_zero {
  font-size: 28px;
  left: 5px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 170, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left_points {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left_points_half {
  right: -13px;
  display: block;
  position: absolute;
  text-align: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  padding-top: 75%;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left_points_full {
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  height: 100px;
  position: relative;
  width: 30px;
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_ruler-left_points_number {
  display: inline-block;
  width: 49px;
  position: absolute;
  left: -10px;
  font-size: 28px;
  top: 60px;
  text-align: right;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(270deg);
  z-index: 5;
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_draggable {
  background-color: rgba(255, 255, 255, 0.4);
  float: right;
  height: 350px;
  left: 30px;
  position: absolute;
  width: 400px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_draggable.-visible {
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;
  padding: 0 15px 15px 0;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_draggable_content {
  border: 1px solid black;
  background-color: #ddd;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
/* line 242, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_draggable_overlay {
  display: none;
  height: 100%;
  left: 0;
  /*Pass the events underneath*/
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
/* line 255, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_size-popup {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: none;
  font-size: 40px;
  padding: 10px;
  position: absolute;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.responsive_size-popup.-visible {
  display: inline-block;
}
/* line 269, C:\Users\Michael\workspace\CodeAvengers2\war\less\markup\markup-responsive.less */
.code-output .responsive_wrapper {
  margin-left: 0;
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.t-editor .editor-bar {
  display: block;
  vertical-align: middle;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.t-editor .editor-container .code-toolbar {
  background-color: #ddd;
  color: white;
  padding: 3px;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.t-editor .objective {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.editor-bar {
  display: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 60px;
  margin-left: 44px;
  position: absolute !important;
  top: 0;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.editor-bar .ui-button {
  /*If the buttons are disabled they will go white if important is not used*/
  background-color: transparent !important;
  border-radius: 0;
  color: #b5b5b5;
  vertical-align: middle;
  padding: 0;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.editor-bar .ui-button .ui-button-text {
  border-radius: 5px;
  padding: .4em;
  text-transform: lowercase;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.editor-bar .ui-button.current .ui-button-text {
  box-shadow: 0 0 0 2px #ef5555;
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.editor-bar > * {
  display: inline-block;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.t-editor #language-container {
  display: inline-block;
  margin: 0 12px;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.gloss-hover .ace_content {
  background-color: #FE9696 !important;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_scroller {
  border-left: #dedede 1px solid;
  /*right: 12px !important;*/
  border-right-bottom: 5px;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_content {
  left: 0 !important;
  right: 0 !important;
  width: initial !important;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace-tm .ace_marker-layer .ace_bracket {
  background-color: #7DB0CF;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace-tm .ace_gutter-active-line {
  background-color: #eee !important;
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace-tm .ace_marker-layer .ace_active-line {
  background: rgba(0, 0, 0, 0.03) !important;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace-tm:not(.ace_focus) .ace_marker-layer .ace_active-line {
  background: rgba(0, 0, 0, 0.01) !important;
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace-tm:not(.ace_focus) {
  background-color: #fafafa;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_editor,
.ace_editor div,
.ace_editor textarea {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_editor .ace_gutter-cell,
.ace_editor div .ace_gutter-cell,
.ace_editor textarea .ace_gutter-cell {
  text-align: right !important;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_editor .ace_gutter-cell.ace_info,
.ace_editor div .ace_gutter-cell.ace_info,
.ace_editor textarea .ace_gutter-cell.ace_info {
  background-image: none !important;
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
a.powered-by-firepad {
  display: none;
}
/*This is for highlighting the editor*/
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.line-highlight {
  background-color: #ddd !important;
  /*#479AD0 !important;*/
  border-radius: 1px;
  transition: background-color 0.3s linear;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_content {
  transition: background-color 0.3s linear;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_text-layer .code-highlight {
  transition: all 0.2s linear;
  /*background-color: #EFF7F8 !important;*/
  background-color: rgba(255, 255, 255, 0.7);
}
/* line 141, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_text-layer .code-highlight.last {
  box-shadow: 0 3px 2px -2px #ec6262;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.demo .ace_text-layer .code-highlight {
  transition: background-color 0.2s linear;
  background-color: rgba(161, 218, 255, 0.65) !important;
}
/* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
#review-game-dialog .question .highlight,
.instructions .line-highlight,
.instructions code .code-highlight {
  border-radius: 2px;
  transition: background-color 0.2s linear;
  background-color: #FFB6B6 !important;
  color: black;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\editor.less */
.ace_gutter-cell.highlight {
  background-color: rgba(161, 218, 255, 0.65) !important;
}
/*Lesson plan content needs to come after markup*/
/*


CONTENTS

1. VARIABLES
2. GUIDES
3. GUIDE HEADER
4. GUIDE NAVIGATION
5. GUIDE
6. GUIDES INFO SECTION
7. LESSON NAVIGATION
8. LESSON INFO
9. GUIDE TASK
10. GUIDE NOTE
11. IS EXPANDED
12. TASK TYPE CIRCLES
13. COLORS FOR LESSONS BY INDEX
14. APPLY COLORS TO LESSON ELEMENTS


*/
/* === VARIABLES === */
/* .expandable-content {
  &:extend(.ca-content);
} */
/* === GUIDES === */
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides {
  background-color: #f1f2f7;
  position: relative;
  z-index: 2;
  /*TODO: Josh you can replace this.*/
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_container {
  background-color: #f1f2f7;
  left: 0;
  margin: 0 auto;
  max-width: 1400px;
  opacity: 0;
  position: relative;
  z-index: 2;
  -webkit-transition: slide 0.5s forwards opacity 0.15s ease;
  -moz-transition: slide 0.5s forwards opacity 0.15s ease;
  -o-transition: slide 0.5s forwards opacity 0.15s ease;
  transition: slide 0.5s forwards opacity 0.15s ease;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_container.is-visible {
  opacity: 1;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_container.t-quiz {
  max-width: 1190px;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_left-bar {
  width: 100%;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_left-bar.-quiz {
  display: none;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_right-bar {
  display: none;
}
@media (min-width: 1200px) {
  /* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_right-bar {
    display: block;
    position: fixed;
    right: 0;
    top: 75px;
    width: 245px;
  }
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content {
  margin: 15px 15px 0;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz {
  margin: 0;
  margin-top: 60px;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz h2 {
  margin-top: 0;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-1 {
  counter-reset: item;
  margin-bottom: -20px;
  margin-top: -20px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}
/* line 148, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-1_item {
  counter-increment: item;
  border-bottom: 13px solid #f1f2f7;
  font-size: 18px;
  line-height: 1.4em;
  list-style-type: none;
  margin: 0 -32px 0 -32px;
  padding: 39px 50px;
  position: relative;
}
/* line 158, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-1_item:before {
  font-weight: 500;
  content: counter(item) ".";
  margin-right: 3px;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-1_item > iframe,
.guides_content.-quiz .list-level-2_item > iframe {
  margin-top: 28px;
}
/* line 174, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-2_item:first-of-type {
  padding-top: 0;
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-2_item:last-of-type {
  border-bottom: 0;
}
/* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-2 {
  font-size: 14px;
}
/* line 187, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-2 {
  list-style-position: inside;
  list-style-type: lower-alpha;
  margin: 0;
  padding: 0;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .list-level-2_item p {
  padding: 0;
}
/* line 198, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz .multi {
  border-color: #B9BCCC;
  display: block;
  font-size: 12px;
  margin-top: 15px;
}
/* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides_content.-quiz img {
  border: 1px solid #B9BCCC;
  border-radius: 3px;
  margin-left: 10px;
  margin-top: 31px;
  padding-left: 0;
}
@media (min-width: 767px) {
  /* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides {
    padding: 15px;
  }
  /* line 218, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_left-bar {
    margin: 0;
    position: fixed;
    top: 75px;
    width: 245px;
  }
  /* line 225, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_content {
    margin: 0 0 0 260px;
  }
  /* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_container {
    -webkit-transition: left 0s ease;
    -moz-transition: left 0s ease;
    -o-transition: left 0s ease;
    transition: left 0s ease;
  }
  /* line 233, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_container.is-sliding {
    left: 0;
  }
}
/* line 239, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides .guides_content.-quiz {
  margin-top: 60px !important;
}
@media (min-width: 992px) {
  /* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_left-bar.-quiz {
    display: block;
    width: 285px;
  }
  /* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_content {
    margin: 0 260px;
  }
  /* line 253, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_content.-quiz {
    color: #000;
    background-color: #fff;
    border-radius: 2px;
    /*font-size: @size-h4;
        font-weight: 500;*/
    margin: 0 300px;
    margin-top: 60px;
    padding: 20px 40px;
    width: 687px;
  }
}
@media (min-width: 1200px) {
  /* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guides_content.-quiz {
    width: 887px;
  }
}
/* === GUIDE HEADER === */
/* line 289, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-header {
  background-color: #FFF;
  color: #000;
  padding: 16px;
  position: relative;
}
/* line 299, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-header_heading {
  font-size: 15px;
  font-weight: normal;
  line-height: 1em;
  letter-spacing: -0.3px;
  margin-bottom: 10px;
  margin-right: 70px;
}
/* line 308, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-header_level {
  border: 1px solid #9799a0;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 3px 6px 3px 7px;
  position: absolute;
  right: 15px;
  text-transform: uppercase;
  top: 16px;
}
/* line 321, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-header_print {
  bottom: 14px;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 15px;
}
/* line 328, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-header_print:hover {
  opacity: .8;
}
/* line 333, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-header_text {
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
}
@media (min-width: 767px) {
  /* line 339, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-header {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
}
/* === GUIDE NAVIGATION === */
/* line 349, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav {
  background-color: #FFF;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #000;
  display: none;
  font-family: 15px 'museo-sans-rounded', sans-serif;
  padding-bottom: 5px;
  /*
  &_lesson:hover &_lesson-name-overlay {
    background: -moz-linear-gradient(left, rgba(37,40,52,0) 33%, rgba(37,40,52,0.39) 59%, rgba(37,40,52,1) 100%);
    background: -webkit-linear-gradient(left, rgba(37,40,52,0) 33%,rgba(37,40,52,0.39) 59%,rgba(37,40,52,1) 100%);
    background: linear-gradient(to right, rgba(37,40,52,0) 33%,rgba(37,40,52,0.39) 59%,rgba(37,40,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252834', endColorstr='#252834',GradientType=1 ); 
  }
  */
  /*
  &_lesson.is-expanded &_lesson-header:hover &_lesson-name-overlay {
    background: -moz-linear-gradient(left, rgba(84,89,113,0) 33%, rgba(84,89,113,0.39) 59%, rgba(84,89,255,1) 100%); 
    background: -webkit-linear-gradient(left, rgba(84,89,113,0) 33%,rgba(84,89,113,0.39) 59%,rgba(84,255,113,1) 100%);
    background: linear-gradient(to right, rgba(84,89,113,0) 33%,rgba(84,89,113,0.39) 59%,rgba(84,89,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545971', endColorstr='#545971',GradientType=1 );
  */
}
/* line 358, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav.-mobile {
  background-color: #FFF;
  display: block;
  height: 100%;
  margin-top: 76px;
  position: fixed;
  width: 100%;
  z-index: 1;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson.is-expanded .guide-nav_lesson-header {
  background-color: #3e4254;
}
/* line 371, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson.is-expanded .guide-nav_lesson-header:hover {
  background-color: #545971;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header {
  cursor: pointer;
  padding: 6px 15px;
}
/* line 380, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.-mobile {
  background-color: #FFF;
  bottom: 0;
  color: #000;
  display: block;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
  z-index: 20;
}
@media (min-width: 767px) {
  /* line 390, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-nav_lesson-header.-mobile {
    display: none;
  }
}
/* line 396, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_mobile-header {
  color: #b9bccc;
  font-size: 11px;
  font-weight: 700;
  padding: 15px;
  text-transform: uppercase;
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_mobile-close {
  cursor: pointer;
  padding: 1px 5px;
  position: absolute;
  right: 15px;
}
/* line 412, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:first-of-type.is-expanded .guide-nav_lesson-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 417, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.is-mobile {
  background-color: #101116;
  color: #fff;
  margin-top: 20px;
}
/* line 423, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_icon {
  margin-right: 20px;
  position: relative;
  top: 3px;
}
/* line 429, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-circle {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 12px;
}
/* line 440, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-name {
  overflow: hidden;
  top: 4px;
  white-space: nowrap;
}
/* line 446, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-name,
.guide-nav_period-name,
.guide-nav_lesson-time,
.guide-nav_period-time {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}
/* line 456, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-name,
.guide-nav_period-name {
  position: relative;
  text-transform: uppercase;
  width: 80%;
}
/* line 462, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-name code,
.guide-nav_period-name code {
  vertical-align: baseline;
}
/* line 467, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-time,
.guide-nav_period-time {
  color: #7f7f81;
  text-align: right;
  text-transform: uppercase;
  width: 45px;
}
/* line 475, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.-mobile .guide-nav_lesson-time {
  right: 15px;
}
/* line 479, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header .guide-nav_lesson-time {
  padding-top: 5px;
  position: absolute;
}
/* line 484, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_periods {
  background-color: #FFF;
  height: 0;
  overflow: hidden;
}
/* line 490, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson.is-expanded .guide-nav_periods {
  box-sizing: content-box;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:first-of-type.is-expanded {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 500, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:first-of-type.is-expanded .guide-nav_lesson-header:hover,
.guide-nav_lesson:last-of-type.is-expanded .guide-nav_lesson-header:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* line 506, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period {
  border-left: 2px solid #FFF;
  cursor: pointer;
  padding: 4px 15px;
}
/* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period:first-of-type {
  margin-top: 15px;
}
/* line 515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period:last-of-type {
  margin-bottom: 15px;
}
/* line 520, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period:hover {
  border-left: 2px solid #7f7f81;
}
/* line 524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period.is-active {
  border-left: 2px solid #fff;
}
/* line 528, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period-name {
  overflow: hidden;
  top: 4px;
  width: 80%;
  white-space: nowrap;
}
/* line 535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-name-overlay,
.guide-nav_period-name-overlay {
  display: block;
  height: 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
/* line 545, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.39) 65%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.39) 65%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.39) 65%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF', GradientType=1);
  /* IE6-9 */
}
/* line 552, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.-mobile .guide-nav_lesson-name-overlay {
  display: none;
}
/* line 565, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson.is-expanded .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(62, 66, 84, 0) 33%, rgba(62, 66, 84, 0.39) 59%, #3e4254 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(62, 66, 84, 0) 33%, rgba(62, 66, 84, 0.39) 59%, #3e4254 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(62, 66, 84, 0) 33%, rgba(62, 66, 84, 0.39) 59%, #3e4254 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003e4254', endColorstr='#3e4254', GradientType=1);
  /* IE6-9 */
}
/* line 580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_period-name-overlay {
  background: -moz-linear-gradient(left, rgba(47, 50, 65, 0) 33%, rgba(47, 50, 65, 0.37) 58%, #2f3241 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(47, 50, 65, 0) 33%, rgba(47, 50, 65, 0.37) 58%, #2f3241 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(47, 50, 65, 0) 33%, rgba(47, 50, 65, 0.37) 58%, #2f3241 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f3241', endColorstr='@headerBackground', GradientType=1);
  /* IE6-9 */
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.is-mobile .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(16, 17, 22, 0) 33%, rgba(16, 17, 22, 0.37) 58%, #101116 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(16, 17, 22, 0) 33%, rgba(16, 17, 22, 0.37) 58%, #101116 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(16, 17, 22, 0) 33%, rgba(16, 17, 22, 0.37) 58%, #101116 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101116', endColorstr='#101116', GradientType=1);
  /* IE6-9 */
}
@media (min-width: 767px) {
  /* line 594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-nav {
    display: block;
  }
  /* line 597, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-nav_lesson-name {
    width: 145px;
  }
  /* line 600, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-nav_lesson-name.-no-number {
    width: 85%;
  }
  /* line 605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-nav_lesson-name-overlay {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.39) 59%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.39) 59%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.39) 59%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00101116', endColorstr='#101116', GradientType=1);
    /* IE6-9 */
  }
  /* line 612, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-nav_period-name {
    width: 169px;
  }
}
/* === GUIDE === */
/* line 623, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide {
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 15px;
  margin-top: 10px;
  position: relative;
  z-index: 3;
}
/* line 630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide:first-of-type {
  margin-top: 0;
}
/* line 634, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide:last-of-type {
  margin-bottom: 50px;
}
/* line 638, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header {
  background-color: #FFF;
  border-radius: 2px;
  color: #000;
  cursor: pointer;
  padding: 20px 20px 20px 22px;
}
/* line 645, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header:hover {
  margin-top: -1px;
}
/* line 650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.mu.setup {
  margin: 0;
}
/* line 654, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide.is-expanded .guide_header {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* line 659, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_controls {
  display: none;
}
/* line 663, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_wrapper {
  position: relative;
}
/* line 667, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_content {
  height: auto;
  overflow: hidden;
}
/* line 672, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide.is-expanded .guide_content {
  height: auto;
}
/* line 679, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_tasks {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 5px;
}
/* line 685, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_heading {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: -0.35px;
}
/* line 692, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_text {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.3px;
  min-height: 20px;
  padding-left: 0 !important;
}
/* line 700, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide code {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 703, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide code b {
  background-color: #ffff5c;
}
/* line 708, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_buttons-wrapper {
  left: 0;
  position: absolute;
  top: 0;
}
/* line 714, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_label {
  border-radius: 2px;
  color: #fff;
  display: none;
  font-size: 16px;
  height: 30px;
  margin-left: 10px;
  text-align: center;
  width: 30px;
  bottom: -5px;
  left: -45px;
  position: absolute;
}
@media (min-width: 767px) {
  /* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_label {
    display: inline-block;
  }
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_label:hover {
  opacity: .8;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_label.action {
  background-color: transparent;
  border: none;
  padding: 0;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_label-icon {
  font-size: 22px;
  color: #B9BCCC;
}
/* line 721, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_time {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 4px;
  text-transform: uppercase;
}
/* line 732, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_assign {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* line 739, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_assign-box {
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  position: relative;
  top: 3px;
  width: 15px;
}
/* line 750, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_buttons {
  border-left: 1px solid #fff;
  display: inline-block;
  padding: 0 0 0 10px;
}
/* line 756, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_button {
  display: none;
  margin-left: 5px;
  position: relative;
  top: 3px;
}
/* line 762, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_button:first-of-type {
  margin-left: 0px;
}
/* line 767, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_toggle-wrapper {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 35px;
}
/* line 779, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_toggle {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media (min-width: 767px) {
  /* line 796, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_information {
    display: inline-block;
    margin-right: 100px;
  }
  /* line 801, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_controls {
    display: inline-block;
    float: right;
    height: auto;
    padding: 0;
    text-align: right;
    width: 100px;
  }
  /* line 810, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_tasks {
    margin-top: 0px;
  }
  /* line 814, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_tasks {
    background-color: #fff;
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /* line 821, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_wrapper {
    padding: 0 15px 0 0;
  }
  /* line 825, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_time {
    top: auto;
  }
  /* line 829, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_buttons-wrapper {
    bottom: 0;
    margin-right: 50px;
    right: 0;
    top: initial;
  }
  /* line 836, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_button {
    display: inline-block;
  }
  /* line 840, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_assign {
    padding: 0 10px;
  }
  /* line 844, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_toggle-wrapper {
    display: inline-block;
  }
  /* line 848, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide_time {
    margin-right: 45px;
  }
}
/* === GUIDES INFO SECTION === */
/* line 860, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides-info-section {
  border-radius: 2px;
  background-color: #FFF;
  border-bottom: solid #CCCFDB 2px;
  display: none;
  font-family: 15px 'museo-sans-rounded', sans-serif;
  margin-bottom: 10px;
  padding: 20px;
}
/* line 869, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides-info-section:last-of-type {
  margin-bottom: 0;
}
/* line 873, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides-info-section_heading {
  color: #2f3241;
  font-size: 12px;
  letter-spacing: .18px;
  text-transform: uppercase;
}
/* line 880, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides-info-section_text,
.guides-info-section_link {
  color: #7b8093;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  margin-top: 5px;
}
/* line 889, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides-info-section_link {
  color: #c9001e;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
/* line 896, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guides-info-section_link:hover {
  color: #ff7373;
}
/* === LESSON NAVIGATION === */
/* line 907, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-nav {
  background-color: #fff;
  border-bottom: 1px solid #E4E6EE;
  font-family: 'museo-sans-rounded', sans-serif;
  padding: 15px 20px;
}
/* line 916, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-nav:first-of-type {
  margin-top: 0;
}
/* line 920, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-nav_header {
  color: #343e5c;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 15px;
  text-transform: capitalize;
}
/* line 929, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-nav_button {
  color: #9ea3b5;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 15px;
  padding: 5px;
}
/* line 938, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-nav_button:last-of-type {
  margin: 0;
}
/* line 943, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-nav_button.-link:hover,
.lesson-nav_button.-link.is-active {
  cursor: pointer;
  color: #343e5c;
}
/* === LESSON INFO === */
/* line 956, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-info {
  background-color: #fff;
  border-radius: 2px;
  color: #FFF;
  font-family: 15px 'museo-sans-rounded', sans-serif;
  margin-top: 15px;
}
/* line 963, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-info_heading {
  border-bottom: 1px solid #CCCFDB;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 15px 25px;
  text-transform: uppercase;
}
/* line 972, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-info_text {
  font-size: 15px;
  padding: 15px 25px;
}
/* === GUIDE TASK === */
/* line 984, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task {
  background-color: #fff;
  margin: 0px 15px 5px 15px;
  position: relative;
}
/* line 989, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.expandable {
  cursor: pointer;
}
/* line 993, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task:last-of-type {
  margin-bottom: 0px;
}
/* line 997, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_wrapper {
  margin-right: 1px;
  padding: 15px 0 0;
  position: relative;
  top: 1px;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.guide-task_wrapper:before,
.guide-task_wrapper:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.guide-task_wrapper:after {
  clear: both;
}
/* line 1005, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_wrapper.-white-border {
  border-bottom: 1px solid #fff;
}
/* line 1010, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.is-expanded .guide-task_wrapper {
  border-bottom: 0;
}
/* line 1015, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task:first-of-type .guide-task_wrapper {
  border: 0;
}
/* line 1019, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_information {
  line-height: 15px;
  padding: 0;
}
@media (min-width: 767px) {
  /* line 1023, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_information {
    width: 73%;
  }
}
@media (min-width: 1200px) {
  /* line 1027, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_information {
    width: 74%;
  }
}
/* line 1031, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_information.-smaller {
  padding: 0;
}
@media (min-width: 1200px) {
  /* line 1034, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_information.-smaller {
    width: 63%;
  }
}
/* line 1040, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_controls {
  margin-top: 15px;
  padding: 15px 0;
  text-align: center;
}
@media (min-width: 767px) {
  /* line 1045, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_controls {
    width: 27%;
  }
}
@media (min-width: 1200px) {
  /* line 1049, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_controls {
    width: 26%;
  }
}
/* line 1053, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_controls.-smaller {
  padding: 0;
}
@media (min-width: 1200px) {
  /* line 1056, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_controls.-smaller {
    width: 37%;
  }
}
/* line 1062, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_activities {
  cursor: initial;
  font-size: 15px;
  height: 0;
  overflow: hidden;
}
/* line 1069, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.is-expanded .guide-task_activities {
  padding: 0 0 25px 0px;
}
/* line 1073, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_type {
  background-color: #dd5585;
  border-radius: 50%;
  color: #fff;
  display: none;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 17px;
  width: 30px;
}
/* line 1085, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_letter {
  display: block;
  height: 100%;
}
/* line 1090, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_header {
  display: inline-block;
  margin-left: 60px;
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  /* line 1096, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_header {
    padding-right: 0;
  }
}
/* line 1101, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_subheading {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1em;
}
/* line 1107, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_subheading span {
  font-weight: 800;
}
/* line 1111, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_heading {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1em;
  width: 100%;
}
@media (max-width: 767px) {
  /* line 1117, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* line 1125, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_buttons {
  padding-right: 5px;
  position: relative;
  top: -4px;
}
/* line 1131, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_label {
  border-radius: 2px;
  color: #fff;
  display: none;
  font-size: 16px;
  height: 30px;
  margin-left: 10px;
  text-align: center;
  width: 30px;
  position: absolute;
  right: 55px;
  top: -50px;
}
@media (min-width: 767px) {
  /* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_label {
    display: inline-block;
  }
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_label:hover {
  opacity: .8;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_label.action {
  background-color: transparent;
  border: none;
  padding: 0;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_label-icon {
  font-size: 22px;
  color: #B9BCCC;
}
/* line 1138, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.hu .guide-task_label.-headsup {
  background-color: #da525f;
  display: inline-block;
}
/* line 1143, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.re .guide-task_label.-resources {
  background-color: #59c8bc;
  display: inline-block;
}
/* line 1148, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_label-icon {
  display: block;
  margin: 3px auto 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 1154, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font: 11px 'museo-sans-rounded', sans-serif;
  font-weight: bold;
  padding: .6em 1.4em;
  letter-spacing: 1px;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: background-color 0.4s;
  user-select: none;
  vertical-align: middle;
  border-color: #CCCFDB;
  color: #CCCFDB;
  display: none;
  position: absolute;
  right: 60px;
  top: -45px;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button:hover,
.guide-task_button:focus,
.guide-task_button:active {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: #eb384e;
  cursor: pointer;
  text-decoration: none !important;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-solid {
  color: #2f9de6;
  background-color: #fff;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-solid:hover {
  border-color: #13659c;
  background-color: rgba(0, 0, 0, 0);
  color: #13659c;
  cursor: pointer;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-large-square {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font: 14px @font-museo;*/
  font-weight: bold;
  padding: 20px !important;
  margin-right: 10px;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-white {
  border-color: #fff;
  color: #fff;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-white:hover,
.guide-task_button.-white:focus,
.guide-task_button.-white:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: background-color 0.5s;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-solid-white {
  background-color: #fff;
  border-color: #fff;
  color: #565876;
  padding: .6em 1.6em;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-solid-white:hover,
.guide-task_button.-solid-white:focus,
.guide-task_button.-solid-white:active {
  border-color: #cccccc;
  background-color: #cccccc;
  color: #565876;
  cursor: pointer;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-default {
  background-color: #c9001e;
  border-color: #c9001e;
  color: #fff;
  padding: .6em 1.6em;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-default:hover,
.guide-task_button.-default:focus,
.guide-task_button.-default:active {
  border-color: #63000f;
  background-color: #63000f;
  color: #fff;
  cursor: pointer;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-blue {
  background-color: #1a324f;
  border-color: #1a324f;
  color: #fff;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-blue:hover,
.guide-task_button.-blue:focus,
.guide-task_button.-blue:active {
  border-color: #010102;
  background-color: #010102;
  color: #fff;
  cursor: pointer;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-red {
  color: #fff;
  background-color: #c9001e;
  border-color: #c9001e;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-red:hover,
.guide-task_button.-red:focus,
.guide-task_button.-red:active {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-red-orange {
  background: #c9001e;
  border-color: #c9001e;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-red-orange:hover,
.guide-task_button.-red-orange:active,
.guide-task_button.-red-orange:focus {
  border-color: #c9001e;
  background-color: #ff4040;
  color: #fff;
  cursor: pointer;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-black {
  color: #fff;
  background-color: #565876;
  border: 2px solid #565876;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-black:hover,
.guide-task_button.-black:focus,
.guide-task_button.-black:active {
  border-color: #2b2c3b;
  background-color: #2b2c3b;
  color: #fff;
  cursor: pointer;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-black-bordered {
  color: #565876;
  background-color: transparent;
  border: 2px solid #565876;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.guide-task_button.-black-bordered:hover,
.guide-task_button.-black-bordered:focus,
.guide-task_button.-black-bordered:active {
  border-color: #2b2c3b;
  background-color: rgba(0, 0, 0, 0);
  color: #2b2c3b;
  cursor: pointer;
}
@media (min-width: 992px) {
  /* line 1163, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_button {
    display: inline-block;
  }
}
/* line 1168, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_time {
  color: #7B8093;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  position: absolute;
  right: 10px;
  top: -42px;
}
/* line 1177, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_time:empty {
  display: none;
}
/* line 1182, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_toggle {
  color: #b1b5c4;
  font-size: 14px;
  margin-left: 15px;
  position: relative;
  top: 3px;
}
/* line 1189, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_toggle.-hidden {
  opacity: 0;
}
/* line 1195, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.is-expanded .guide-task_header-wrapper {
  color: #fff;
  margin: 0 -26px 0 -31px;
  padding: 0 26px 0 31px;
}
/* line 1201, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.is-expanded .guide-task_time,
.guide-task.is-expanded .guide-task_toggle {
  color: #fff;
}
/* line 1216, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_activity {
  border-top: 1px solid #e4e6ee;
  padding: 10px 0 10px 45px;
}
/* line 1221, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_activity-number {
  margin-right: 20px;
}
@media (max-width: 767px) {
  /* line 1227, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 1231, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.is-expanded .guide-content {
    border-bottom: none;
  }
}
@media (min-width: 767px) {
  /* line 1237, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task {
    border-radius: 2px;
    margin-bottom: 0px;
    overflow: hidden;
  }
  /* line 1245, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.is-expanded:hover {
    border-color: rgba(0, 0, 0, 0);
  }
  /* line 1249, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_wrapper {
    border-top: 1px solid #CCCFDB;
    margin-left: 0px;
    padding: 15px 0;
  }
  /* line 1255, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task:hover .guide-task_wrapper,
  .guide-task:hover + .guide-task .guide-task_wrapper {
    border-color: rgba(0, 0, 0, 0);
  }
  /* line 1260, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.is-expanded .guide-task_wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  /* line 1263, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.is-expanded .guide-task_wrapper:hover .guide-task.is-expanded .guide-task_wrapper_wrapper,
  .guide-task.is-expanded .guide-task_wrapper:hover + .guide-task.is-expanded .guide-task_wrapper .guide-task.is-expanded .guide-task_wrapper_wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
  /* line 1269, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.is-expanded {
    margin: 0;
    overflow: visible;
  }
  /* line 1273, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.is-expanded .guide-task_type {
    margin-top: 15px;
  }
  /* line 1278, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_controls {
    margin-top: 0;
    padding: 0;
    text-align: right;
  }
  /* line 1284, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_header {
    margin-left: 0px;
  }
  /* line 1291, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_label {
    position: relative;
    top: 7px;
    right: 0;
  }
  /* line 1297, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_button {
    display: inline-block;
    position: initial;
  }
  /* line 1302, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task_time {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: inline-block;
    right: auto;
    text-transform: uppercase;
    top: 8px;
    width: 45px;
  }
}
/* line 1314, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.accordion {
  padding-top: 10px;
}
/* line 1318, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task:first-child {
  margin-top: 0px;
}
/* line 1323, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task_header-wrapper {
  padding: 0px 10px 0px 13px;
}
/* === GUIDE NOTE === */
/* line 1333, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-note {
  background-color: #d0a02c;
  border-radius: 2px;
  color: #624c18;
  display: none;
  font-size: 15px;
  margin-top: 15px;
  padding: 20px;
}
/* line 1342, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-note_header {
  font-weight: 800;
}
/* === IS EXPANDED === */
/* line 1352, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide-header {
  margin-top: 0px !important;
}
/* line 1356, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header {
  margin-top: 0px !important;
}
/* line 1360, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide-content {
  border-bottom: 15px solid #f1f2f7;
  display: inline-block;
  width: 100%;
}
/* line 1367, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded:last-child .guide-content {
  border-bottom: none;
}
/* line 1384, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded > .guide-task_header-wrapper {
  margin: 15px 0 0 0 !important;
  padding: 0 15px !important;
}
/* line 1395, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav.accordian {
  border-bottom: 2px solid #CCCFDB;
  padding-bottom: 10px;
}
/* line 1400, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide.is-expanded {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 1405, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide:first-child.is-expanded {
  margin-top: 0px !important;
}
/* line 1409, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.is-expanded .guide-task_header-wrapper {
  border-top: 15px solid #F1F2F7;
  margin-top: 15px;
}
/* === TASK TYPE CIRCLES === */
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.a .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.a .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.a .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.a:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.c .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.c .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.c .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.c:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.ca .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.ca .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.ca .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.ca:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.e .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.e .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.e .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.e:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.p .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.p .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.p .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.p:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1451, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.c .guide-task_letter:before {
  top: 51% !important;
}
/* === COLORS FOR LESSONS BY INDEX === */
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-0 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-0.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(121, 128, 146, 0) 33%, rgba(121, 128, 146, 0.39) 59%, #798092 100%);
  background: -webkit-linear-gradient(left, rgba(121, 128, 146, 0) 33%, rgba(121, 128, 146, 0.39) 59%, #798092 100%);
  background: linear-gradient(to right, rgba(121, 128, 146, 0) 33%, rgba(121, 128, 146, 0.39) 59%, #798092 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-0.is-active,
.guide-nav_lesson:hover .section-0 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-0.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-0 .guide-task_label-icon,
.guide-nav_lesson .section-0.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-0 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-0.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-0 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0 .guide-nav_lesson-circle {
  background-color: #798092 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-0.is-active,
.guide-nav_lesson-header.section-0:hover {
  background-color: #798092 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-0 {
  border-bottom: solid 3px #798092;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-0:hover {
  border-bottom: solid 4px #798092;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-0 {
  border-top: solid 3px #798092;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-0:hover {
  border-bottom: solid 0px #798092;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0 .guide-task_button {
  background-color: #798092;
  border-color: #798092;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task .guide-task_type {
  border: 2px solid #798092;
  background-color: #798092;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.e .guide-task_letter {
  color: #798092;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task:hover .guide-task_header-wrapper {
  background-color: #798092;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #798092;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-0.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-0.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-0.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-0guide-task_wrapper:hover,
.is-expanded .section-0 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-1 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-1.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(184, 246, 112, 0) 33%, rgba(184, 246, 112, 0.39) 59%, #b8f670 100%);
  background: -webkit-linear-gradient(left, rgba(184, 246, 112, 0) 33%, rgba(184, 246, 112, 0.39) 59%, #b8f670 100%);
  background: linear-gradient(to right, rgba(184, 246, 112, 0) 33%, rgba(184, 246, 112, 0.39) 59%, #b8f670 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-1.is-active,
.guide-nav_lesson:hover .section-1 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-1.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-1 .guide-task_label-icon,
.guide-nav_lesson .section-1.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-1 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-1.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-1 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1 .guide-nav_lesson-circle {
  background-color: #b8f670 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-1.is-active,
.guide-nav_lesson-header.section-1:hover {
  background-color: #b8f670 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-1 {
  border-bottom: solid 3px #b8f670;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-1:hover {
  border-bottom: solid 4px #b8f670;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-1 {
  border-top: solid 3px #b8f670;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-1:hover {
  border-bottom: solid 0px #b8f670;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1 .guide-task_button {
  background-color: #b8f670;
  border-color: #b8f670;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task .guide-task_type {
  border: 2px solid #b8f670;
  background-color: #b8f670;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.e .guide-task_letter {
  color: #b8f670;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task:hover .guide-task_header-wrapper {
  background-color: #b8f670;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #b8f670;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-1.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-1.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-1.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-1guide-task_wrapper:hover,
.is-expanded .section-1 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-2 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-2.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(101, 237, 152, 0) 33%, rgba(101, 237, 152, 0.39) 59%, #65ed98 100%);
  background: -webkit-linear-gradient(left, rgba(101, 237, 152, 0) 33%, rgba(101, 237, 152, 0.39) 59%, #65ed98 100%);
  background: linear-gradient(to right, rgba(101, 237, 152, 0) 33%, rgba(101, 237, 152, 0.39) 59%, #65ed98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-2.is-active,
.guide-nav_lesson:hover .section-2 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-2.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-2 .guide-task_label-icon,
.guide-nav_lesson .section-2.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-2 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-2.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-2 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2 .guide-nav_lesson-circle {
  background-color: #65ed98 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-2.is-active,
.guide-nav_lesson-header.section-2:hover {
  background-color: #65ed98 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-2 {
  border-bottom: solid 3px #65ed98;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-2:hover {
  border-bottom: solid 4px #65ed98;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-2 {
  border-top: solid 3px #65ed98;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-2:hover {
  border-bottom: solid 0px #65ed98;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2 .guide-task_button {
  background-color: #65ed98;
  border-color: #65ed98;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task .guide-task_type {
  border: 2px solid #65ed98;
  background-color: #65ed98;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.e .guide-task_letter {
  color: #65ed98;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task:hover .guide-task_header-wrapper {
  background-color: #65ed98;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #65ed98;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-2.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-2.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-2.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-2guide-task_wrapper:hover,
.is-expanded .section-2 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-3 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-3.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(63, 221, 224, 0) 33%, rgba(63, 221, 224, 0.39) 59%, #3fdde0 100%);
  background: -webkit-linear-gradient(left, rgba(63, 221, 224, 0) 33%, rgba(63, 221, 224, 0.39) 59%, #3fdde0 100%);
  background: linear-gradient(to right, rgba(63, 221, 224, 0) 33%, rgba(63, 221, 224, 0.39) 59%, #3fdde0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-3.is-active,
.guide-nav_lesson:hover .section-3 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-3.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-3 .guide-task_label-icon,
.guide-nav_lesson .section-3.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-3 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-3.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-3 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3 .guide-nav_lesson-circle {
  background-color: #3fdde0 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-3.is-active,
.guide-nav_lesson-header.section-3:hover {
  background-color: #3fdde0 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-3 {
  border-bottom: solid 3px #3fdde0;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-3:hover {
  border-bottom: solid 4px #3fdde0;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-3 {
  border-top: solid 3px #3fdde0;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-3:hover {
  border-bottom: solid 0px #3fdde0;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3 .guide-task_button {
  background-color: #3fdde0;
  border-color: #3fdde0;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task .guide-task_type {
  border: 2px solid #3fdde0;
  background-color: #3fdde0;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.e .guide-task_letter {
  color: #3fdde0;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task:hover .guide-task_header-wrapper {
  background-color: #3fdde0;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #3fdde0;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-3.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-3.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-3.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-3guide-task_wrapper:hover,
.is-expanded .section-3 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-4 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-4.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(108, 179, 240, 0) 33%, rgba(108, 179, 240, 0.39) 59%, #6cb3f0 100%);
  background: -webkit-linear-gradient(left, rgba(108, 179, 240, 0) 33%, rgba(108, 179, 240, 0.39) 59%, #6cb3f0 100%);
  background: linear-gradient(to right, rgba(108, 179, 240, 0) 33%, rgba(108, 179, 240, 0.39) 59%, #6cb3f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-4.is-active,
.guide-nav_lesson:hover .section-4 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-4.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-4 .guide-task_label-icon,
.guide-nav_lesson .section-4.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-4 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-4.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-4 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4 .guide-nav_lesson-circle {
  background-color: #6cb3f0 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-4.is-active,
.guide-nav_lesson-header.section-4:hover {
  background-color: #6cb3f0 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-4 {
  border-bottom: solid 3px #6cb3f0;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-4:hover {
  border-bottom: solid 4px #6cb3f0;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-4 {
  border-top: solid 3px #6cb3f0;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-4:hover {
  border-bottom: solid 0px #6cb3f0;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4 .guide-task_button {
  background-color: #6cb3f0;
  border-color: #6cb3f0;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task .guide-task_type {
  border: 2px solid #6cb3f0;
  background-color: #6cb3f0;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.e .guide-task_letter {
  color: #6cb3f0;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task:hover .guide-task_header-wrapper {
  background-color: #6cb3f0;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #6cb3f0;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-4.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-4.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-4.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-4guide-task_wrapper:hover,
.is-expanded .section-4 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-5 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-5.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(160, 155, 238, 0) 33%, rgba(160, 155, 238, 0.39) 59%, #a09bee 100%);
  background: -webkit-linear-gradient(left, rgba(160, 155, 238, 0) 33%, rgba(160, 155, 238, 0.39) 59%, #a09bee 100%);
  background: linear-gradient(to right, rgba(160, 155, 238, 0) 33%, rgba(160, 155, 238, 0.39) 59%, #a09bee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-5.is-active,
.guide-nav_lesson:hover .section-5 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-5.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-5 .guide-task_label-icon,
.guide-nav_lesson .section-5.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-5 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-5.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-5 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5 .guide-nav_lesson-circle {
  background-color: #a09bee !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-5.is-active,
.guide-nav_lesson-header.section-5:hover {
  background-color: #a09bee !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-5 {
  border-bottom: solid 3px #a09bee;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-5:hover {
  border-bottom: solid 4px #a09bee;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-5 {
  border-top: solid 3px #a09bee;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-5:hover {
  border-bottom: solid 0px #a09bee;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5 .guide-task_button {
  background-color: #a09bee;
  border-color: #a09bee;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task .guide-task_type {
  border: 2px solid #a09bee;
  background-color: #a09bee;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.e .guide-task_letter {
  color: #a09bee;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task:hover .guide-task_header-wrapper {
  background-color: #a09bee;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #a09bee;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-5.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-5.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-5.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-5guide-task_wrapper:hover,
.is-expanded .section-5 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-6 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-6.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(244, 137, 234, 0) 33%, rgba(244, 137, 234, 0.39) 59%, #f489ea 100%);
  background: -webkit-linear-gradient(left, rgba(244, 137, 234, 0) 33%, rgba(244, 137, 234, 0.39) 59%, #f489ea 100%);
  background: linear-gradient(to right, rgba(244, 137, 234, 0) 33%, rgba(244, 137, 234, 0.39) 59%, #f489ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-6.is-active,
.guide-nav_lesson:hover .section-6 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-6.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-6 .guide-task_label-icon,
.guide-nav_lesson .section-6.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-6 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-6.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-6 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6 .guide-nav_lesson-circle {
  background-color: #f489ea !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-6.is-active,
.guide-nav_lesson-header.section-6:hover {
  background-color: #f489ea !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-6 {
  border-bottom: solid 3px #f489ea;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-6:hover {
  border-bottom: solid 4px #f489ea;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-6 {
  border-top: solid 3px #f489ea;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-6:hover {
  border-bottom: solid 0px #f489ea;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6 .guide-task_button {
  background-color: #f489ea;
  border-color: #f489ea;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task .guide-task_type {
  border: 2px solid #f489ea;
  background-color: #f489ea;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.e .guide-task_letter {
  color: #f489ea;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task:hover .guide-task_header-wrapper {
  background-color: #f489ea;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #f489ea;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-6.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-6.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-6.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-6guide-task_wrapper:hover,
.is-expanded .section-6 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-7 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-7.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 133, 179, 0) 33%, rgba(255, 133, 179, 0.39) 59%, #ff85b3 100%);
  background: -webkit-linear-gradient(left, rgba(255, 133, 179, 0) 33%, rgba(255, 133, 179, 0.39) 59%, #ff85b3 100%);
  background: linear-gradient(to right, rgba(255, 133, 179, 0) 33%, rgba(255, 133, 179, 0.39) 59%, #ff85b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-7.is-active,
.guide-nav_lesson:hover .section-7 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-7.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-7 .guide-task_label-icon,
.guide-nav_lesson .section-7.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-7 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-7.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-7 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7 .guide-nav_lesson-circle {
  background-color: #ff85b3 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-7.is-active,
.guide-nav_lesson-header.section-7:hover {
  background-color: #ff85b3 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-7 {
  border-bottom: solid 3px #ff85b3;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-7:hover {
  border-bottom: solid 4px #ff85b3;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-7 {
  border-top: solid 3px #ff85b3;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-7:hover {
  border-bottom: solid 0px #ff85b3;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7 .guide-task_button {
  background-color: #ff85b3;
  border-color: #ff85b3;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task .guide-task_type {
  border: 2px solid #ff85b3;
  background-color: #ff85b3;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.e .guide-task_letter {
  color: #ff85b3;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task:hover .guide-task_header-wrapper {
  background-color: #ff85b3;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #ff85b3;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-7.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-7.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-7.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-7guide-task_wrapper:hover,
.is-expanded .section-7 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-8 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-8.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 153, 153, 0) 33%, rgba(255, 153, 153, 0.39) 59%, #ff9999 100%);
  background: -webkit-linear-gradient(left, rgba(255, 153, 153, 0) 33%, rgba(255, 153, 153, 0.39) 59%, #ff9999 100%);
  background: linear-gradient(to right, rgba(255, 153, 153, 0) 33%, rgba(255, 153, 153, 0.39) 59%, #ff9999 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-8.is-active,
.guide-nav_lesson:hover .section-8 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-8.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-8 .guide-task_label-icon,
.guide-nav_lesson .section-8.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-8 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-8.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-8 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8 .guide-nav_lesson-circle {
  background-color: #ff9999 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-8.is-active,
.guide-nav_lesson-header.section-8:hover {
  background-color: #ff9999 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-8 {
  border-bottom: solid 3px #ff9999;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-8:hover {
  border-bottom: solid 4px #ff9999;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-8 {
  border-top: solid 3px #ff9999;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-8:hover {
  border-bottom: solid 0px #ff9999;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8 .guide-task_button {
  background-color: #ff9999;
  border-color: #ff9999;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task .guide-task_type {
  border: 2px solid #ff9999;
  background-color: #ff9999;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.e .guide-task_letter {
  color: #ff9999;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task:hover .guide-task_header-wrapper {
  background-color: #ff9999;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #ff9999;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-8.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-8.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-8.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-8guide-task_wrapper:hover,
.is-expanded .section-8 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-9 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-9.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 174, 147, 0) 33%, rgba(255, 174, 147, 0.39) 59%, #ffae93 100%);
  background: -webkit-linear-gradient(left, rgba(255, 174, 147, 0) 33%, rgba(255, 174, 147, 0.39) 59%, #ffae93 100%);
  background: linear-gradient(to right, rgba(255, 174, 147, 0) 33%, rgba(255, 174, 147, 0.39) 59%, #ffae93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-9.is-active,
.guide-nav_lesson:hover .section-9 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-9.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-9 .guide-task_label-icon,
.guide-nav_lesson .section-9.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-9 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-9.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-9 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9 .guide-nav_lesson-circle {
  background-color: #ffae93 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-9.is-active,
.guide-nav_lesson-header.section-9:hover {
  background-color: #ffae93 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-9 {
  border-bottom: solid 3px #ffae93;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-9:hover {
  border-bottom: solid 4px #ffae93;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-9 {
  border-top: solid 3px #ffae93;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-9:hover {
  border-bottom: solid 0px #ffae93;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9 .guide-task_button {
  background-color: #ffae93;
  border-color: #ffae93;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task .guide-task_type {
  border: 2px solid #ffae93;
  background-color: #ffae93;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.e .guide-task_letter {
  color: #ffae93;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task:hover .guide-task_header-wrapper {
  background-color: #ffae93;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #ffae93;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-9.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-9.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-9.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-9guide-task_wrapper:hover,
.is-expanded .section-9 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-10 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-10.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(247, 215, 128, 0) 33%, rgba(247, 215, 128, 0.39) 59%, #f7d780 100%);
  background: -webkit-linear-gradient(left, rgba(247, 215, 128, 0) 33%, rgba(247, 215, 128, 0.39) 59%, #f7d780 100%);
  background: linear-gradient(to right, rgba(247, 215, 128, 0) 33%, rgba(247, 215, 128, 0.39) 59%, #f7d780 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-10.is-active,
.guide-nav_lesson:hover .section-10 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-10.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-10 .guide-task_label-icon,
.guide-nav_lesson .section-10.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-10 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-10.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-10 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10 .guide-nav_lesson-circle {
  background-color: #f7d780 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-10.is-active,
.guide-nav_lesson-header.section-10:hover {
  background-color: #f7d780 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-10 {
  border-bottom: solid 3px #f7d780;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-10:hover {
  border-bottom: solid 4px #f7d780;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-10 {
  border-top: solid 3px #f7d780;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-10:hover {
  border-bottom: solid 0px #f7d780;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10 .guide-task_button {
  background-color: #f7d780;
  border-color: #f7d780;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task .guide-task_type {
  border: 2px solid #f7d780;
  background-color: #f7d780;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.e .guide-task_letter {
  color: #f7d780;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task:hover .guide-task_header-wrapper {
  background-color: #f7d780;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #f7d780;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-10.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-10.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-10.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-10guide-task_wrapper:hover,
.is-expanded .section-10 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-11 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-11.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(184, 246, 112, 0) 33%, rgba(184, 246, 112, 0.39) 59%, #b8f670 100%);
  background: -webkit-linear-gradient(left, rgba(184, 246, 112, 0) 33%, rgba(184, 246, 112, 0.39) 59%, #b8f670 100%);
  background: linear-gradient(to right, rgba(184, 246, 112, 0) 33%, rgba(184, 246, 112, 0.39) 59%, #b8f670 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-11.is-active,
.guide-nav_lesson:hover .section-11 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-11.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-11 .guide-task_label-icon,
.guide-nav_lesson .section-11.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-11 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-11.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-11 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11 .guide-nav_lesson-circle {
  background-color: #b8f670 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-11.is-active,
.guide-nav_lesson-header.section-11:hover {
  background-color: #b8f670 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-11 {
  border-bottom: solid 3px #b8f670;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-11:hover {
  border-bottom: solid 4px #b8f670;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-11 {
  border-top: solid 3px #b8f670;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-11:hover {
  border-bottom: solid 0px #b8f670;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11 .guide-task_button {
  background-color: #b8f670;
  border-color: #b8f670;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task .guide-task_type {
  border: 2px solid #b8f670;
  background-color: #b8f670;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.e .guide-task_letter {
  color: #b8f670;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task:hover .guide-task_header-wrapper {
  background-color: #b8f670;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #b8f670;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-11.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-11.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-11.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-11guide-task_wrapper:hover,
.is-expanded .section-11 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-12 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-12.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(101, 237, 152, 0) 33%, rgba(101, 237, 152, 0.39) 59%, #65ed98 100%);
  background: -webkit-linear-gradient(left, rgba(101, 237, 152, 0) 33%, rgba(101, 237, 152, 0.39) 59%, #65ed98 100%);
  background: linear-gradient(to right, rgba(101, 237, 152, 0) 33%, rgba(101, 237, 152, 0.39) 59%, #65ed98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-12.is-active,
.guide-nav_lesson:hover .section-12 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-12.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-12 .guide-task_label-icon,
.guide-nav_lesson .section-12.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-12 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-12.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-12 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12 .guide-nav_lesson-circle {
  background-color: #65ed98 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-12.is-active,
.guide-nav_lesson-header.section-12:hover {
  background-color: #65ed98 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-12 {
  border-bottom: solid 3px #65ed98;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-12:hover {
  border-bottom: solid 4px #65ed98;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-12 {
  border-top: solid 3px #65ed98;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-12:hover {
  border-bottom: solid 0px #65ed98;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12 .guide-task_button {
  background-color: #65ed98;
  border-color: #65ed98;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task .guide-task_type {
  border: 2px solid #65ed98;
  background-color: #65ed98;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.e .guide-task_letter {
  color: #65ed98;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task:hover .guide-task_header-wrapper {
  background-color: #65ed98;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #65ed98;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-12.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-12.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-12.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-12guide-task_wrapper:hover,
.is-expanded .section-12 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-13 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-13.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(63, 221, 224, 0) 33%, rgba(63, 221, 224, 0.39) 59%, #3fdde0 100%);
  background: -webkit-linear-gradient(left, rgba(63, 221, 224, 0) 33%, rgba(63, 221, 224, 0.39) 59%, #3fdde0 100%);
  background: linear-gradient(to right, rgba(63, 221, 224, 0) 33%, rgba(63, 221, 224, 0.39) 59%, #3fdde0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-13.is-active,
.guide-nav_lesson:hover .section-13 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-13.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-13 .guide-task_label-icon,
.guide-nav_lesson .section-13.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-13 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-13.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-13 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13 .guide-nav_lesson-circle {
  background-color: #3fdde0 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-13.is-active,
.guide-nav_lesson-header.section-13:hover {
  background-color: #3fdde0 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-13 {
  border-bottom: solid 3px #3fdde0;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-13:hover {
  border-bottom: solid 4px #3fdde0;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-13 {
  border-top: solid 3px #3fdde0;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-13:hover {
  border-bottom: solid 0px #3fdde0;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13 .guide-task_button {
  background-color: #3fdde0;
  border-color: #3fdde0;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task .guide-task_type {
  border: 2px solid #3fdde0;
  background-color: #3fdde0;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.e .guide-task_letter {
  color: #3fdde0;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task:hover .guide-task_header-wrapper {
  background-color: #3fdde0;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #3fdde0;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-13.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-13.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-13.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-13guide-task_wrapper:hover,
.is-expanded .section-13 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-14 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-14.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(108, 179, 240, 0) 33%, rgba(108, 179, 240, 0.39) 59%, #6cb3f0 100%);
  background: -webkit-linear-gradient(left, rgba(108, 179, 240, 0) 33%, rgba(108, 179, 240, 0.39) 59%, #6cb3f0 100%);
  background: linear-gradient(to right, rgba(108, 179, 240, 0) 33%, rgba(108, 179, 240, 0.39) 59%, #6cb3f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-14.is-active,
.guide-nav_lesson:hover .section-14 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-14.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-14 .guide-task_label-icon,
.guide-nav_lesson .section-14.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-14 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-14.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-14 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14 .guide-nav_lesson-circle {
  background-color: #6cb3f0 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-14.is-active,
.guide-nav_lesson-header.section-14:hover {
  background-color: #6cb3f0 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-14 {
  border-bottom: solid 3px #6cb3f0;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-14:hover {
  border-bottom: solid 4px #6cb3f0;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-14 {
  border-top: solid 3px #6cb3f0;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-14:hover {
  border-bottom: solid 0px #6cb3f0;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14 .guide-task_button {
  background-color: #6cb3f0;
  border-color: #6cb3f0;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task .guide-task_type {
  border: 2px solid #6cb3f0;
  background-color: #6cb3f0;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.e .guide-task_letter {
  color: #6cb3f0;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task:hover .guide-task_header-wrapper {
  background-color: #6cb3f0;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #6cb3f0;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-14.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-14.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-14.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-14guide-task_wrapper:hover,
.is-expanded .section-14 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-15 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-15.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(160, 155, 238, 0) 33%, rgba(160, 155, 238, 0.39) 59%, #a09bee 100%);
  background: -webkit-linear-gradient(left, rgba(160, 155, 238, 0) 33%, rgba(160, 155, 238, 0.39) 59%, #a09bee 100%);
  background: linear-gradient(to right, rgba(160, 155, 238, 0) 33%, rgba(160, 155, 238, 0.39) 59%, #a09bee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-15.is-active,
.guide-nav_lesson:hover .section-15 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-15.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-15 .guide-task_label-icon,
.guide-nav_lesson .section-15.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-15 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-15.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-15 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15 .guide-nav_lesson-circle {
  background-color: #a09bee !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-15.is-active,
.guide-nav_lesson-header.section-15:hover {
  background-color: #a09bee !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-15 {
  border-bottom: solid 3px #a09bee;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-15:hover {
  border-bottom: solid 4px #a09bee;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-15 {
  border-top: solid 3px #a09bee;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-15:hover {
  border-bottom: solid 0px #a09bee;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15 .guide-task_button {
  background-color: #a09bee;
  border-color: #a09bee;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task .guide-task_type {
  border: 2px solid #a09bee;
  background-color: #a09bee;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.e .guide-task_letter {
  color: #a09bee;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task:hover .guide-task_header-wrapper {
  background-color: #a09bee;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #a09bee;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-15.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-15.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-15.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-15guide-task_wrapper:hover,
.is-expanded .section-15 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-16 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-16.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(244, 137, 234, 0) 33%, rgba(244, 137, 234, 0.39) 59%, #f489ea 100%);
  background: -webkit-linear-gradient(left, rgba(244, 137, 234, 0) 33%, rgba(244, 137, 234, 0.39) 59%, #f489ea 100%);
  background: linear-gradient(to right, rgba(244, 137, 234, 0) 33%, rgba(244, 137, 234, 0.39) 59%, #f489ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-16.is-active,
.guide-nav_lesson:hover .section-16 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-16.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-16 .guide-task_label-icon,
.guide-nav_lesson .section-16.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-16 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-16.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-16 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16 .guide-nav_lesson-circle {
  background-color: #f489ea !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-16.is-active,
.guide-nav_lesson-header.section-16:hover {
  background-color: #f489ea !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-16 {
  border-bottom: solid 3px #f489ea;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-16:hover {
  border-bottom: solid 4px #f489ea;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-16 {
  border-top: solid 3px #f489ea;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-16:hover {
  border-bottom: solid 0px #f489ea;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16 .guide-task_button {
  background-color: #f489ea;
  border-color: #f489ea;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task .guide-task_type {
  border: 2px solid #f489ea;
  background-color: #f489ea;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.e .guide-task_letter {
  color: #f489ea;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task:hover .guide-task_header-wrapper {
  background-color: #f489ea;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #f489ea;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-16.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-16.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-16.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-16guide-task_wrapper:hover,
.is-expanded .section-16 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-17 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-17.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 133, 179, 0) 33%, rgba(255, 133, 179, 0.39) 59%, #ff85b3 100%);
  background: -webkit-linear-gradient(left, rgba(255, 133, 179, 0) 33%, rgba(255, 133, 179, 0.39) 59%, #ff85b3 100%);
  background: linear-gradient(to right, rgba(255, 133, 179, 0) 33%, rgba(255, 133, 179, 0.39) 59%, #ff85b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-17.is-active,
.guide-nav_lesson:hover .section-17 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-17.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-17 .guide-task_label-icon,
.guide-nav_lesson .section-17.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-17 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-17.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-17 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17 .guide-nav_lesson-circle {
  background-color: #ff85b3 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-17.is-active,
.guide-nav_lesson-header.section-17:hover {
  background-color: #ff85b3 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-17 {
  border-bottom: solid 3px #ff85b3;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-17:hover {
  border-bottom: solid 4px #ff85b3;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-17 {
  border-top: solid 3px #ff85b3;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-17:hover {
  border-bottom: solid 0px #ff85b3;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17 .guide-task_button {
  background-color: #ff85b3;
  border-color: #ff85b3;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task .guide-task_type {
  border: 2px solid #ff85b3;
  background-color: #ff85b3;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.e .guide-task_letter {
  color: #ff85b3;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task:hover .guide-task_header-wrapper {
  background-color: #ff85b3;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #ff85b3;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-17.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-17.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-17.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-17guide-task_wrapper:hover,
.is-expanded .section-17 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-18 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-18.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 153, 153, 0) 33%, rgba(255, 153, 153, 0.39) 59%, #ff9999 100%);
  background: -webkit-linear-gradient(left, rgba(255, 153, 153, 0) 33%, rgba(255, 153, 153, 0.39) 59%, #ff9999 100%);
  background: linear-gradient(to right, rgba(255, 153, 153, 0) 33%, rgba(255, 153, 153, 0.39) 59%, #ff9999 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-18.is-active,
.guide-nav_lesson:hover .section-18 {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-18.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-18 .guide-task_label-icon,
.guide-nav_lesson .section-18.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-18 .guide-nav_lesson-time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-18.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-18 .guide-nav_lesson-circle {
  border: solid 2px rgba(255, 255, 255, 0.98);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18 .guide-nav_lesson-circle {
  background-color: #ff9999 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-18.is-active,
.guide-nav_lesson-header.section-18:hover {
  background-color: #ff9999 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-18 {
  border-bottom: solid 3px #ff9999;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-18:hover {
  border-bottom: solid 4px #ff9999;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-18 {
  border-top: solid 3px #ff9999;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-18:hover {
  border-bottom: solid 0px #ff9999;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18 .guide-task_button {
  background-color: #ff9999;
  border-color: #ff9999;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task .guide-task_type {
  border: 2px solid #ff9999;
  background-color: #ff9999;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.e .guide-task_letter {
  color: #ff9999;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task:hover .guide-task_header-wrapper {
  background-color: #ff9999;
  color: rgba(255, 255, 255, 0.98);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(255, 255, 255, 0.98) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #ff9999;
  color: rgba(255, 255, 255, 0.98);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.98);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-18.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-18.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(255, 255, 255, 0.98);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-18.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-18guide-task_wrapper:hover,
.is-expanded .section-18 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-19 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-19.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(255, 174, 147, 0) 33%, rgba(255, 174, 147, 0.39) 59%, #ffae93 100%);
  background: -webkit-linear-gradient(left, rgba(255, 174, 147, 0) 33%, rgba(255, 174, 147, 0.39) 59%, #ffae93 100%);
  background: linear-gradient(to right, rgba(255, 174, 147, 0) 33%, rgba(255, 174, 147, 0.39) 59%, #ffae93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-19.is-active,
.guide-nav_lesson:hover .section-19 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-19.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-19 .guide-task_label-icon,
.guide-nav_lesson .section-19.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-19 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-19.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-19 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19 .guide-nav_lesson-circle {
  background-color: #ffae93 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-19.is-active,
.guide-nav_lesson-header.section-19:hover {
  background-color: #ffae93 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-19 {
  border-bottom: solid 3px #ffae93;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-19:hover {
  border-bottom: solid 4px #ffae93;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-19 {
  border-top: solid 3px #ffae93;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-19:hover {
  border-bottom: solid 0px #ffae93;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19 .guide-task_button {
  background-color: #ffae93;
  border-color: #ffae93;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task .guide-task_type {
  border: 2px solid #ffae93;
  background-color: #ffae93;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.e .guide-task_letter {
  color: #ffae93;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task:hover .guide-task_header-wrapper {
  background-color: #ffae93;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #ffae93;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-19.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-19.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-19.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-19guide-task_wrapper:hover,
.is-expanded .section-19 .guide-task_controls:hover {
  color: #fff !important;
}
/* line 1507, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson:hover .section-20 .guide-nav_lesson-name-overlay,
.guide-nav_lesson .section-20.is-active .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(247, 215, 128, 0) 33%, rgba(247, 215, 128, 0.39) 59%, #f7d780 100%);
  background: -webkit-linear-gradient(left, rgba(247, 215, 128, 0) 33%, rgba(247, 215, 128, 0.39) 59%, #f7d780 100%);
  background: linear-gradient(to right, rgba(247, 215, 128, 0) 33%, rgba(247, 215, 128, 0.39) 59%, #f7d780 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@base-color', endColorstr='@base-color', GradientType=1);
}
/* line 1515, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-20.is-active,
.guide-nav_lesson:hover .section-20 {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-20.is-active .guide-task_label-icon,
.guide-nav_lesson:hover .section-20 .guide-task_label-icon,
.guide-nav_lesson .section-20.is-active .guide-nav_lesson-time,
.guide-nav_lesson:hover .section-20 .guide-nav_lesson-time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson .section-20.is-active .guide-nav_lesson-circle,
.guide-nav_lesson:hover .section-20 .guide-nav_lesson-circle {
  border: solid 2px rgba(0, 0, 0, 0.43);
}
/* line 1530, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20 .guide-nav_lesson-circle {
  background-color: #f7d780 !important;
}
/* line 1535, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-nav_lesson-header.section-20.is-active,
.guide-nav_lesson-header.section-20:hover {
  background-color: #f7d780 !important;
}
/* line 1542, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-20 {
  border-bottom: solid 3px #f7d780;
}
/* line 1547, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide_header.section-20:hover {
  border-bottom: solid 4px #f7d780;
}
/* line 1554, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-20 {
  border-top: solid 3px #f7d780;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.is-expanded .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1568, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .guide_header.section-20:hover {
  border-bottom: solid 0px #f7d780;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20 .guide-task_button {
  background-color: #f7d780;
  border-color: #f7d780;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task .guide-task_type {
  border: 2px solid #f7d780;
  background-color: #f7d780;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.e .guide-task_type {
  background-color: #fff;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.e .guide-task_letter {
  color: #f7d780;
}
/* line 1594, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task:hover .guide-task_header-wrapper {
  background-color: #f7d780;
  color: rgba(0, 0, 0, 0.43);
  transition: background-color 0.4s;
}
/* line 1599, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
  /*top: 30px;*/
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_letter,
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_time,
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_toggle,
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_label-icon {
  color: rgba(0, 0, 0, 0.43) !important;
}
/* line 1613, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_button {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  color: #fff;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task:hover .guide-task_header-wrapper .guide-task_button:hover {
  background-color: rgba(0, 0, 0, 0.17);
}
/* line 1626, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task.is-expanded .guide-task_header-wrapper {
  background-color: #f7d780;
  color: rgba(0, 0, 0, 0.43);
}
/* line 1630, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task.is-expanded .guide-task_header-wrapper .guide-task_type {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.43);
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task.is-expanded .guide-task_header-wrapper .guide-task_letter {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task.is-expanded .guide-task_header-wrapper .guide-task_label-icon,
.section-20.guide-task.is-expanded .guide-task_header-wrapper .guide-task_time {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1644, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.section-20.guide-task.is-expanded .guide-task_header-wrapper .guide-task_toggle {
  color: rgba(0, 0, 0, 0.43);
}
/* line 1650, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-20.guide_header {
  color: #000;
  border: none;
}
/* line 1656, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.is-expanded .section-20guide-task_wrapper:hover,
.is-expanded .section-20 .guide-task_controls:hover {
  color: #fff !important;
}
/* === APPLY COLORS TO LESSON ELEMENTS === */
/* line 1664, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.t-quiz .guide-nav_lesson-circle {
  background-color: #7b8093 !important;
  border: solid 2px #7b8093 !important;
}
/* line 1668, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.t-quiz .guide-nav_lesson-circle.-correct {
  background-color: #29cb57 !important;
  border: solid 2px #29cb57 !important;
}
/* line 1674, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.t-quiz .quiz .guide-nav_lesson-header.is-active,
.t-quiz .guide-nav_lesson-header:hover {
  background-color: #CCCFDB !important;
  color: #fff;
}
/* line 1682, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.t-quiz .guide-nav_lesson:hover .guide-nav_lesson-name-overlay {
  background: -moz-linear-gradient(left, rgba(204, 207, 219, 0) 33%, rgba(204, 207, 219, 0.39) 59%, #cccfdb 100%) !important;
  background: -webkit-linear-gradient(left, rgba(204, 207, 219, 0) 33%, rgba(204, 207, 219, 0.39) 59%, #cccfdb 100%) !important;
  background: linear-gradient(to right, rgba(204, 207, 219, 0) 33%, rgba(204, 207, 219, 0.39) 59%, #cccfdb 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@grey-three', endColorstr='@grey-three', GradientType=1) !important;
}
/* line 1691, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-notes_sidepanel {
  background-color: #fff;
  margin-top: -2px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
/* line 1699, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-notes_sidepanel.is-visible {
  opacity: 1;
}
/* line 1706, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen #inner-container {
  margin-top: -20px;
  padding-top: 20px;
}
/* line 1711, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide-nav_mobile-header,
.fullscreen .guide-header,
.fullscreen .guide-nav_lesson,
.fullscreen .guide-nav_lesson-header,
.fullscreen .guide-task_time,
.fullscreen .guide-task_button {
  display: none;
}
/* line 1720, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide-nav.-mobile {
  background-color: #f1f2f7;
}
/* line 1724, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide_header {
  border: none;
  border-radius: 0;
  cursor: initial;
}
/* line 1730, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide-task_information {
  width: 80%;
}
/* line 1734, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide-task_controls {
  float: right;
  margin-top: 0;
  padding: 5px 0 20px 0;
  width: 10%;
}
/* line 1741, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide_tasks .is-expanded .guide-task_type {
  top: 30px;
}
/* line 1745, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guide.is-expanded {
  margin-bottom: 0;
  padding-bottom: 20px;
}
/* line 1750, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.fullscreen .guides_content {
  margin: 0;
}
/* line 1756, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-plan_key {
  background-color: #798092;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  top: 10px;
  width: 30px;
}
/* line 1788, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-plan_key.-extension {
  background-color: transparent;
  border: 2px solid #798092;
  color: #798092;
}
/* line 1794, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.lesson-plan_key:before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.toolbar {
  padding: 12px 5px 0 5px;
  display: inline-block;
  min-height: 40px;
  vertical-align: top;
  z-index: 998;
  /*This needs to be lower than the status bar*/
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#code-container {
  left: 500px;
  right: 410px;
}
/* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#info {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 60px;
  width: 490px;
  /*Make sure it appears above the output*/
  z-index: 1;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.info_container {
  margin-top: 10px;
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.info_container:first-child {
  margin-top: 0;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.instructions-content {
  font-weight: 300;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ca-style ol {
  padding: 12px 12px 12px 24px;
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ca-style .task-steps {
  margin: 7px auto;
  padding: 18px 27px 18px 57px;
  /*Right is 0 incase there is a scrollbar*/
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.glossInfo-dialog .ui-dialog-content {
  line-height: 1.4em;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.glossInfo-dialog .ui-dialog-content .list-level-1 {
  padding: 0 0 0 12px;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.glossInfo-dialog .ui-dialog-content .list-level-1_item {
  padding-bottom: 3px;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.rtl .ca-style .task-steps {
  padding: 18px 27px 18px 35px;
  /*Right is 0 incase there is a scrollbar*/
}
/*TODO: Make font loaded event trigger resize of page*/
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
body.course button,
body.course .ui-widget {
  font-family: 'museo-sans-rounded', sans-serif;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
body.fontFail,
.fontFail button,
.fontFail input,
.fontFail textarea {
  font-family: sans-serif;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode {
  background-color: #1e1f2a;
  position: static;
  /* creating the lesson index menu*/
  /*---*/
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .language-selector {
  border-radius: 3px;
  display: inline-block;
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .top-bar .tasks-toolbar {
  display: none !important;
}
/* line 122, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .toolbar .ui-button {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .toolbar .ui-button .ui-button-text {
  line-height: 1.2em;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .is-logged-out .header-bar_link {
  display: none;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_text.js-name {
  max-width: 55px;
}
/* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .is-logged-out .header-bar_logo {
  display: none;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .is-logged-out .header-bar_icon {
  color: #fff;
  display: inline-block;
  right: initial;
}
/* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar {
  background-color: white;
  border-radius: 3px 3px 0 0;
  border-bottom: 3px solid;
  height: 43px;
  padding: 0 0;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  max-width: 810px;
  min-width: 190px;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .task-number {
  display: none;
}
/* line 168, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
  line-height: 40px;
  padding-right: 20px;
}
/* line 174, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_container {
  display: inline-block;
  bottom: 0;
  padding: 0 0;
  position: absolute;
  left: 0;
  margin: auto;
  top: 0;
  vertical-align: middle;
}
/* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_container .ui-button {
  background-color: transparent;
  min-width: 20px;
  padding: 0;
  vertical-align: baseline;
  width: 20px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
  opacity: .3;
}
/* line 192, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_container .ui-button .ui-button-text {
  background-color: #6f7eb7;
  border-color: #6f7eb7;
  display: inline-block;
  height: 3px;
  padding: 0;
  vertical-align: middle;
  width: 17px;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.course-mode .tasks-toolbar_container .ui-button:hover {
  opacity: 1;
}
/* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_container .ui-button.passed .ui-button-text {
  background-color: #17a0e1;
  border-color: #17a0e1;
}
/* line 210, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_container .ui-button.current {
  opacity: 1 !important;
}
/* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_container .ui-button.current .ui-button-text {
  background-color: #fff;
  border-style: solid;
  border-radius: 3px;
  border-width: 2px;
  height: 5px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar_index {
  color: #6f7eb7;
  font-size: 18px;
  margin-left: 4px;
  padding: 6px 5px;
  position: relative;
  top: 7px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
  opacity: .5;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.course-mode .tasks-toolbar_index:hover {
  opacity: 1;
}
@media (min-width: 1261px) {
}
@media (min-width: 1400px) {
}
/* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .button-container {
  background: transparent;
  bottom: 0;
  border-left: 3px solid #1e1f2a;
  border-radius: 0;
  display: inline-block;
  padding: 0 8px;
  position: absolute;
  right: 0;
  top: 0;
  margin: auto;
  min-height: 0;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .button-container .ui-button-text {
  display: none;
}
/* line 260, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .button-container .ui-button {
  color: #1e1f2a;
  background-color: transparent;
  height: 36px;
  margin: 3px 1px;
  min-height: 36px !important;
  min-width: 36px !important;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.course-mode .tasks-toolbar .button-container .ui-button:hover {
  opacity: 1;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .button-container .ui-button .ui-icon {
  margin: 0;
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .button-container .ui-button.ui-button-disabled {
  cursor: default !important;
  display: none !important;
  opacity: .2;
}
/* line 279, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .tasks-toolbar .button-container .ui-button.ui-button-disabled > * {
  cursor: default !important;
}
/* line 287, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_logo {
  color: #fff;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.course-mode .header-bar_logo:hover {
  opacity: 1;
}
/* line 292, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_buttons {
  padding-right: 15px;
}
/* line 296, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_buttons,
.course-mode .header-bar_profile {
  color: #eee;
}
/* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_profile {
  margin-right: 8px;
}
@media (min-width: 1200px) {
  /* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .course-mode .header-bar_profile {
    margin-right: 5px;
  }
}
/* line 309, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_menu-button,
.course-mode .header-bar_icon {
  transition: opacity .5s;
  color: white;
  opacity: .85;
}
/* line 315, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_menu-button:hover,
.course-mode .header-bar_icon:hover {
  opacity: 1;
}
/* line 320, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_menu-button.-other-pages {
  display: none !important;
}
/* line 324, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar_menu-button.-lessons {
  display: inline-block !important;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .lesson-index-menu {
  background-color: rgba(30, 31, 42, 0.9);
  border: none;
  /*Don't add width otherwise it doesn't work with and without scrollbar*/
  /*width: 370px;*/
  /*& .course-popup_lessons-wrapper {
      width: 370px;
    }

    &.-project {
      width: 370px;
    }

    &.-project .course-popup_lessons-wrapper {
      width: 330px;
    }*/
}
/* line 347, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .lesson-index-menu.-project .course-popup_lesson-progress-bar-column {
  display: none;
}
/* line 351, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .lesson-index-menu .jspVerticalBar {
  right: -14px;
}
/* line 355, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .lesson-index-menu .jspContainer {
  overflow: visible;
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .language-selector {
  color: #fff;
  position: fixed;
  right: 0;
  top: 30px;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .language-selector_arrow {
  color: #fff;
}
@media (min-width: 768px) {
  /* line 371, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .course-mode .language-selector {
    right: 35px;
  }
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .top-bar {
  /*Set background incase the page has an activity that requires scrolling*/
  /*MJ: Needs to be transparent for admin mode*/
  border-radius: 3px;
  box-shadow: none;
  position: fixed;
  left: 10px;
  right: 10px;
  top: 0;
  width: 505px;
  z-index: 1001;
}
/* line 390, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode.big-challenge .top-bar .header-bar {
  height: 95px;
}
/* line 394, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .header-bar {
  background-color: transparent;
  padding: 0 10px;
  height: 60px;
}
/* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions-container {
  background: #fff;
  bottom: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode:not(.ide) .instructions {
  background: white;
  border-radius: 0 0 3px 3px;
  color: #1e1f2a;
  padding-bottom: 0;
  overflow: visible;
  margin-top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  width: 100%;
}
/* line 426, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .has-tasks .instructions {
  margin-top: 43px;
}
/* line 430, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions {
  /*ROBOT GAME*/
  /*GAME*/
  /*
    .robot.move {
      background-image: url('../image/game/robotMoveEast.gif');
      background-size: 100% 100%;
    }

    .robot.move[direction=west] {
      background-image: url('../image/game/robotMoveWest.gif');
    }

    .robot.move[direction=north] {
      background-image: url('../image/game/robotMoveNorth.gif');
    }

    .robot.move[direction=south] {
      background-image: url('../image/game/robotMoveSouth.gif');
    }*/
}
/* line 432, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .objective {
  box-shadow: none;
  color: #1e1f2a;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  position: static;
  /*Make margin large enough that code snippets are not too big*/
  margin-bottom: 18px;
  width: 100%;
}
/* line 443, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .objective code {
  color: #7a7881 !important;
  opacity: 0.8;
}
/* line 448, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .objective b,
.course-mode .instructions .objective strong {
  font-weight: 800 !important;
}
/* line 452, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .objective_image {
  display: block;
  margin: -18px -36px 16px -36px;
}
/* line 456, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .objective_image img {
  border-bottom: 3px solid #1e1f2a;
  height: auto;
  margin: 0;
  max-width: 100%;
  width: auto;
}
/* line 466, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions ol.multi-column {
  column-count: 1;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  list-style-type: none;
}
/* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container {
  background-color: #1e1f2a;
  border-bottom: 3px solid #1e1f2a;
  border-radius: 0;
  border-top: 3px solid #1e1f2a;
  padding: 0;
  margin: 18px -38px 18px -38px;
  /*This can't be relative otherwise floating images in the instructions are hidden*/
  position: static;
  z-index: 0;
  /*&:not(:last-of-type) {
        .task-steps {
          padding-bottom: 0;
          padding-left: 24px;
          padding-top: 0;
        }
      }*/
}
/* line 485, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container li {
  margin: 3px 0;
}
/* line 497, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container .task-steps {
  background-color: white;
  margin: 0 auto;
}
/* line 501, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container .task-steps:last-child {
  margin-bottom: 0;
}
/* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container .task-steps:first-child {
  margin-top: 0;
}
/* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container p.task-steps {
  padding: 18px 30px 18px 36px;
}
/* line 515, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container .task-steps-container:first-child {
  margin-top: 0;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .task-steps-container .task-steps-container:first-child p.task-steps {
  margin-top: 0;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .game-container {
  display: block;
  position: relative;
}
/* line 532, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .game {
  background-color: transparent;
  border: none;
  position: relative;
  margin: -10px auto 0;
  z-index: 1;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* line 546, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .game.float {
  margin: 5px 0;
  float: right;
}
/* line 551, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .block {
  background-color: black;
  z-index: 100;
  background-image: url('../image/game/block.jpg');
}
/* line 558, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .start.block {
  z-index: 199;
  background-color: cyan;
  background-position: 0px -200px;
  box-shadow: 0px 0px 3px 2px #34CEFF;
}
/* line 565, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .block.end {
  z-index: 199;
  background-position: 0px -160px;
  box-shadow: 0px 0px 3px 2px #FFD700;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .border,
.course-mode .instructions .block.move {
  z-index: 90;
  border: 1px solid #002326;
}
/* line 576, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot {
  z-index: 200;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot,
.course-mode .instructions .block {
  position: absolute;
}
/* line 585, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot,
.course-mode .instructions .block.start,
.course-mode .instructions .block.end {
  width: 40px;
  height: 40px;
  background-size: 40px 240px;
  background-image: url('../image/game/robots.png');
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot[direction=east] {
  background-position: 0px 0px;
}
/* line 596, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot[direction=west] {
  background-position: 0px -40px;
}
/* line 600, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot[direction=north] {
  background-position: 0px -120px;
}
/* line 604, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions .robot[direction=south] {
  background-position: 0px -80px;
}
/* line 627, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions-content > p:not(.task-steps):last-child {
  padding-bottom: 18px;
}
/* line 632, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions ol.multi-column input {
  width: 180px;
}
/* line 636, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions ol input {
  border: 1px solid #b5b5b5;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  max-width: 70%;
  min-width: 105px;
  padding: 1px 2px;
  width: 105px;
}
/* line 645, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .instructions ol input[type="number"] {
  min-width: 60px;
  width: 60px;
}
/* line 650, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.course-mode .html .instructions ol input {
  max-width: 65%;
}
/* line 659, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
span.button-link,
span.button-gloss {
  background-color: #1e1f2a;
  border-radius: 2px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: .80em;
  font-weight: 400;
  /*for hint buttons on teacher page*/
  padding: 1px;
  line-height: 1.25em;
  opacity: 1;
  /*This is needed for the setup page*/
  vertical-align: baseline;
}
/* line 676, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
span.button-link {
  background-color: white;
  border: 1px solid #ccc;
  color: #999;
  font-weight: bold;
  opacity: .95;
}
/* line 683, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
span.button-link.-icon {
  border: none;
  font-size: 1.2em;
  padding: 0;
}
/* line 689, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
span.button-link.button-irun {
  text-transform: uppercase;
}
/* line 694, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
span .ui-icon:before {
  line-height: 1.25em;
}
/* line 700, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#main.html,
#main.training {
  left: 20px;
  right: 20px;
  top: 0;
  bottom: 20px;
  position: absolute;
}
/* line 709, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.demo #main {
  margin: 0;
  left: 10px !important;
  min-width: 0 !important;
  right: 10px !important;
  /*Need important for small screens*/
  top: 10px !important;
  overflow: visible !important;
}
/*CONSOLE*/
/* line 724, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#console {
  cursor: default;
  top: 0;
}
/* line 728, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#console .continue {
  vertical-align: middle;
}
@media (max-height: 800px) {
  /* line 735, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  #console hr {
    display: none;
  }
}
/* line 740, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#console .ui-button-text-only .ui-button-text {
  padding: 0;
}
/* line 746, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar .project-buttons,
.code-toolbar .answer-buttons {
  float: right;
  /*auto for IE*/
  left: auto;
  left: initial;
}
/* line 754, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar .ui-button {
  background-color: transparent;
  border: none;
  color: white;
  opacity: 0.8;
  transition: opacity .25s;
}
/* line 761, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar .ui-button:hover {
  opacity: 1;
}
/* line 765, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar .ui-button.ui-button-disabled {
  opacity: .5 !important;
}
/* line 770, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar .execute-button.ui-button {
  border: 3px solid white;
  border-radius: 10px;
  width: 100px;
}
/* line 776, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar.output_toolbar {
  background-color: #fff;
  text-align: center;
}
/* line 780, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar.output_toolbar .ui-button {
  color: #1e1f2a;
  padding: 0 6px;
}
/* line 787, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.menu-more_button {
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
  font-size: 16px;
  padding: 6px 3px;
  position: relative;
  top: 9px;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.menu-more_button:hover {
  opacity: 1;
}
/* line 795, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#main .ui-button.current {
  outline: none !important;
  z-index: 901;
}
/*#outputCanvas-container .code-toolbar .ui-button {
  width: 104px !important;
  max-width: 50% !important;
  padding: 2px;
}*/
/*Output container*/
/* line 807, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.output-container {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 60px;
  width: 400px;
  margin: 0;
}
/* line 815, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.output-container .output-ui .ui-button.option {
  /*.ui-icon {
      display: none;
    }*/
}
/* line 820, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.output-container .output-ui .ui-button.option .ui-button-text {
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
}
/* line 825, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.output-container .output-ui .ui-button.option.current .ui-button-text {
  border-bottom-color: #1e1f2a;
}
/* line 831, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.demo .output-container {
  bottom: 0;
  margin: 0;
  right: 0;
  top: 60px;
  width: 29.5%;
}
/* line 839, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html.demo .output-container {
  height: inherit;
  bottom: 120px !important;
  margin: 0;
  position: fixed !important;
}
/*Paperscript and App stuff*/
/* line 857, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#app-dialog #exampleApp {
  display: none;
}
/* line 861, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#app-dialog iframe {
  background-color: white;
}
/* line 866, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#app-container {
  border: 1px solid #eee;
}
/* line 870, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog {
  padding: 12px;
}
/* line 873, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .ui-dialog-title {
  margin-bottom: 0;
  min-height: 24px;
}
/* line 878, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .ui-dialog-titlebar-close {
  margin: 0 0 12px 6px;
}
/* line 882, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .button-container {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 40px;
  right: 40px;
}
/* line 890, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .button-container .ui-button.option .ui-button-text {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  transition: border-bottom-color 0.4s;
}
/* line 896, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .button-container .ui-button.option.current .ui-button-text {
  border-bottom-color: #1e1f2a;
}
/* line 901, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog_slider-container {
  display: none;
}
/* line 904, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog_slider-container .ui-slider .ui-slider-handle {
  background-color: #fff;
  padding: 8px 8px;
}
/* line 910, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution {
  padding-top: 6px;
  margin-top: 0;
}
/* line 914, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .ui-dialog-title {
  padding: 12px;
}
/* line 918, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .output_toolbar {
  background-color: transparent;
}
/* line 923, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .paperscript-dialog_slider-container {
  height: 40px;
  margin: 0;
  display: block;
  position: relative;
}
/* line 930, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .paperscript-dialog_slider {
  background-color: #999;
  border-radius: 3px;
}
/* line 935, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .paperscript-dialog_slider-label {
  color: #fff;
}
/* line 938, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .paperscript-dialog_slider-label:first-child {
  right: 14px;
}
/* line 942, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .paperscript-dialog_slider-label:last-child {
  float: right;
}
/* line 946, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.showSolution .paperscript-dialog_slider-label-container {
  display: block;
  margin: 0 0 8px 0;
  text-align: left;
}
/* line 955, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .canvas-container {
  position: relative;
  margin: 0 auto 0;
  width: 500px;
  height: 500px;
  background-color: #fff;
  box-shadow: 0 0 0 2px #eee;
  z-index: 0;
  /*Do this otherwise the -ve indexed canvases disappear*/
}
/* line 969, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#outputCanvas-container {
  display: none;
}
/* line 972, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#outputCanvas-container.focus-container #paperscriptCanvas {
  box-shadow: 0 0 0 2px #ef5555 inset;
}
/* line 976, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#outputCanvas-container canvas {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -transform-origin: top left;
}
/* line 984, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#outputCanvas-container .canvas-container {
  background-color: #aaa;
  position: relative;
  top: 43px;
}
/* line 994, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog .showGrid .canvas-container {
  box-shadow: none;
}
/* line 998, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.paperscript-dialog.ui-dialog .ui-dialog-titlebar-close {
  top: -4px;
}
/* line 1003, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showCanvas #outputCanvas-container {
  background-color: transparent;
  top: 0;
  display: block;
  margin-bottom: 6px;
}
/* line 1010, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.canvas {
  background-color: white;
  width: 500px;
  height: 500px;
  position: absolute;
  top: 0;
}
/* line 1018, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showSolution #paperscriptCanvas {
  background-color: rgba(129, 188, 224, 0.25);
  opacity: 1.0;
}
/*To make sure it is yellow for the example canvas even when the grid is shown*/
/* line 1024, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.exampleCanvas #paperscriptCanvas:not(.hasBackgroundColor) {
  background-color: rgba(245, 255, 0, 0.25) !important;
}
/* line 1029, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showGrid #gridCanvas {
  background-color: white;
}
/*This needs to come after for the embedded canvas*/
/* line 1034, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showGrid #paperscriptCanvas {
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1.0;
}
/* line 1039, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.colored-background #paperscriptCanvas {
  /*This is blue because a bunch of flags have white backgrounds*/
  background-color: rgba(129, 188, 224, 0.4);
  /*background-color: rgba(255, 255, 255, 0.4);*/
  opacity: .75;
}
/* line 1046, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#app-dialog .button-container,
.paperscript-dialog .button-container,
.paperscript-dialog_slider-container {
  display: none;
}
/* line 1052, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#app-dialog.showSolution .button-container,
.paperscript-dialog.showSolution2 .button-container {
  display: block;
  height: 40px;
  margin: 0;
}
/* line 1059, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ui-dialog.output-ui .option {
  background-color: #f8f8f8;
  color: #a5a5a5;
  display: inline-block;
  height: 100%;
  font-size: 22px !important;
  font-weight: 700;
  margin: 5px 0;
  width: 50%;
}
/* line 1070, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#errorCanvas {
  display: none;
  background-color: rgba(255, 240, 240, 0.7);
}
/* line 1075, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.canvasError #errorCanvas {
  display: block;
}
/* line 1079, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.canvasError #paperscriptCanvas2,
.canvasError #paperscriptCanvas {
  opacity: 0.25 !important;
}
/* line 1084, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
canvas {
  transition: background-color 1s linear;
}
/* line 1088, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.loadingCanvas canvas {
  background-color: #ddd !important;
}
/* line 1092, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showSolution #paperscriptCanvas2 {
  opacity: 0.75;
}
/* line 1096, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#outputCanvas-container canvas {
  opacity: 0.85 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 1102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#outputCanvas-container.focus-container canvas {
  opacity: 1 !important;
}
/* line 1106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showSolution2 #paperscriptCanvas2 {
  display: none;
}
/* line 1110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#gridCanvas {
  z-index: -2;
}
/* line 1114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showCanvas #gridCanvas {
  z-index: 0;
}
/* line 1118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showCanvas #paperscriptCanvas2 {
  z-index: 1;
}
/* line 1122, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showCanvas #paperscriptCanvas {
  z-index: 2;
}
/* line 1126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#paperscriptCanvas2 {
  background-color: rgba(245, 255, 0, 0.25);
  /*transparent;*/
  z-index: -1;
}
/**/
/* line 1139, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.editor {
  border-radius: 3px;
  /*This is needed otherwise resizing goes funky sometimes*/
  overflow: hidden;
  top: 60px;
  bottom: 0;
  position: absolute !important;
  width: 100%;
  /*make editor appear in front of the phone and have correct border radius*/
  z-index: 1;
}
/* line 1152, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.code-toolbar {
  font-size: 0;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
}
/* line 1164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#example-editor {
  top: 40px;
}
/* line 1168, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.translation #example-editor {
  top: 20px
  ;
}
/* line 1176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#editor-toolbar {
  height: 40px;
  margin: 10px -6px;
  padding: 0 6px 0 18px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: rgba(255, 255, 255, 0.5);
}
/* line 1189, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#example-toolbar {
  padding-top: 0;
}
/*This is needed for projects with no bottom bar*/
/* line 1197, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.javascript.noStatusBar #ca-style {
  overflow: hidden;
}
/* line 1201, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#code-container {
  position: absolute;
  bottom: 0;
  top: 0;
  margin: 0;
  min-width: 350px;
  /*330 to ensure all tabs are shown in level 2 web*/
  /*350 to ensure all buttons are shown in javascript*/
}
/* line 1212, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.demo #code-container {
  margin: 0;
  left: 0;
  right: auto;
  bottom: 0;
  width: auto;
}
/* line 1220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.wide #code-container,
.wide #info {
  bottom: 0;
  top: 0;
}
/* line 1225, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#code,
#example,
#console,
#outputCanvas-container {
  border-radius: 3px;
  overflow: visible;
  /*Visible so that the shadow hints work*/
  position: absolute;
  width: 100%;
}
/* line 1236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#code-container #code {
  bottom: 0;
  top: 0;
}
/* line 1241, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#example {
  bottom: 0;
}
/* line 1245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#console,
.showCanvas #results-container {
  bottom: 0;
  position: absolute;
  width: 100%;
}
/* line 1254, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showCanvas #console {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* line 1259, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.showCanvas #outputCanvas-container canvas {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 1265, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.demo #console,
.demo .showCanvas #results-container {
  width: 100%;
}
/* line 1270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity {
  padding-bottom: 10px;
}
/* line 1274, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.rtl .instructions {
  direction: rtl;
}
/*HTML Lesson Page*/
/* line 1291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html #output {
  bottom: auto;
  padding-bottom: 0px;
  /*Make sure scroll bar shows when it should*/
  position: absolute;
  right: 10px;
  top: 60px;
  width: auto;
  transform-origin: right top;
  -moz-transform-origin: right top;
  -webkit-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  /*Make sure it appears above the code and instructions*/
}
/* line 1307, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html #output:hover {
  z-index: 2;
}
/*.html.output-window #output {
	right: -21%;
}*/
/*Having the transition broke the toolbox resizing... if this is added back in, then we need a callback after its completed
.ide.html #output,
.ide.html #code-container {
  transition: right .5s linear;
}*/
/* line 1323, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html.output-window #code-container {
  right: 40px !important;
}
/* line 1327, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html #code-editor {
  top: 60px;
}
/* line 1331, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.filetabs #code-editor {
  top: 103px;
}
/* line 1335, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html .alert h3 {
  background-image: none;
  padding-left: 0;
}
/* line 1340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#result {
  top: 36px;
}
/* line 1344, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html #console {
  min-height: 150px;
}
/* line 1348, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#gloss {
  max-width: 650px;
}
/*File tabs*/
/* line 1363, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.file-tabs {
  color: #1e1f2a;
  font-size: 13px;
  position: absolute;
  bottom: 1px;
  font-weight: normal !important;
  text-align: left;
  text-transform: none !important;
  left: 8px;
  z-index: 1000;
  top: 60px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
/* line 1378, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.file-tabs > * {
  line-height: 1.25em;
  background-color: white;
  border-top: 2px solid #b5b5b5;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  padding: 6px 16px;
  margin: 0 3px 3px 0;
  opacity: .8;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
/* line 1395, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.file-tabs .success.current,
.file-tabs .current {
  /*Important is needed for SUCCESS*/
  border-top: 2px solid #ec6262 !important;
  opacity: 1;
}
/* line 1402, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.demo.html .file-tabs {
  font-size: 20px;
}
/* line 1406, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#file-tabs {
  display: none;
}
/* line 1410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
body.filetabs #file-tabs {
  display: block;
}
/*
font-size: 16px;
font-weight: 400;
padding: 10px 12px;
position: absolute;
height: 36px;
*/
/* line 1422, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.file-tabs > *:hover {
  border-top: 2px solid #ECBC62 !important;
  color: #333;
}
/* line 1427, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#file-tabs .currentHtml {
  background: #eee !important;
  border-top: 2px solid #ECBC62 !important;
  color: #464646;
  opacity: 1;
}
/*Responsive design*/
@media all and (max-width: 1650px) {
  /* line 1441, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .project.js7:not(.demo) .ui-button-text-icon-primary .ui-button-text {
    display: none;
  }
  /* line 1445, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .project.js7:not(.demo) .ui-button-text-icon-primary .ui-icon {
    margin-right: 0;
  }
  /* line 1450, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .project.js7 .toolbar .ui-button {
    min-width: 32px !important;
  }
}
@media all and (max-width: 1650px) {
  /* line 1456, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  #file-tabs > * {
    padding: 6px;
  }
}
@media all and (max-width: 1520px), (max-height: 800px) {
  /* line 1462, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .ide #file-tabs > * {
    font-size: 12px;
  }
}
@media all and (max-width: 1390px), (max-height: 800px) {
  /* line 1468, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .ide #file-tabs .file-extension {
    display: none;
  }
}
/* line 1475, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.instructions {
  font-size: 15px;
  /*p, ol, ul, code {
    font-size: 1em;
  }*/
}
/*.project-mode {
  .tasks-toolbar_index {
    display: none;
  }
}*/
/* line 1489, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.instructions {
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 18px;
  padding-bottom: 12px;
}
/* line 1499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.info code.multi.linenums:not([data-lang='text']) {
  padding: 0;
  font-size: 1em;
  padding-right: 0 !important;
}
/* line 1506, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.javascript.demo #code-container {
  right: 30%;
}
/*IDE*/
/* line 1519, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide #info {
  bottom: 0;
  left: 0;
  width: 250px;
}
/* line 1525, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide .instructions-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 1531, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide .instructions {
  border-top: 3px solid #1e1f2a;
  padding-left: 16px;
  padding-right: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
  margin-top: 18px !important;
}
/* line 1540, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide.javascript #editor-toolbar {
  text-align: right;
}
/* line 1544, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide.javascript #info {
  left: auto;
  right: 0;
  width: 250px;
}
/* line 1550, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide:not(.demo) #code-container {
  left: 260px;
  right: 810px;
}
/* line 1555, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide.javascript:not(.demo) #code-container {
  left: 0;
  right: 670px;
}
/* line 1560, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide.javascript.ide:not(.demo) #output {
  right: 260px;
}
/* line 1564, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide .top-bar {
  width: 140px !important;
}
/* line 1565, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide .top-bar .header-bar_icon {
  display: none;
}
@media all and (max-width: 1300px) {
  /* line 1574, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .javascript .output-container {
    max-width: 370px;
  }
  /* line 1578, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .javascript.ide:not(.demo) #code-container {
    left: 0;
    right: 640px;
  }
  /* line 1583, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .javascript #code-container {
    right: 380px;
  }
}
@media all and (max-width: 1100px) {
  /* line 1589, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .javascript .output-container {
    max-width: 320px;
  }
  /* line 1593, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .javascript.ide:not(.demo) #code-container {
    left: 0;
    right: 590px;
  }
  /* line 1598, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .javascript #code-container {
    right: 330px;
  }
}
@media all and (max-height: 850px), (max-width: 1280px) {
  /* line 1604, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .output-ui .ui-button {
    min-width: initial;
  }
}
@media all and (max-height: 700px) {
  /* line 1610, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  #deploy-button .ui-button-text {
    display: none;
  }
}
/* line 1615, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html.ide .main-toolbar .ui-button-text {
  display: none !important;
}
/*.html.ide .code-toolbar .ui-button {
  min-width: 36px !important;
}

.ide.filetabs .code-toolbar {
  height: 48px;
}

.ide.filetabs .editor {
  top: 48px;
}*/
/* line 1631, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide.filetabs .code-toolbar .multiline-toolbar {
  float: right;
}
/* line 1635, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.compact-toolbar .connected .ui-button-text {
  display: none !important;
}
/* line 1639, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.compact-toolbar .ui-button {
  min-width: 36px !important;
  padding: 0 3px;
}
@media (max-width: 1550px) {
  /* line 1645, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .code-toolbar .connected .ui-button-text {
    display: none !important;
  }
  /* line 1649, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .code-toolbar .ui-button {
    min-width: 36px !important;
    padding: 0 3px;
  }
  /* line 1654, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .output-ui .code-toolbar .connected .ui-button-text {
    display: inline-block !important;
  }
}
/* line 1659, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.html.screen-output .code-toolbar .ui-button:not(#check-button) .ui-button-text {
  display: none !important;
}
@media (max-width: 1310px) {
  /* line 1664, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .html .code-toolbar .ui-button:not(#next-button, #check-button) .ui-button-text {
    display: none !important;
  }
}
/* @media (max-width: 1270px) {
  .code-toolbar .ui-button-text {
    display: none !important;
  }

  .code-toolbar .ui-button-text-icon-primary .ui-icon {
    margin: 0 !important;
  }
  
  .code-toolbar .ui-button-text-only .ui-button-text {
    display: inline-block !important;
  }
} */
@media (max-width: 1370px) {
  /* line 1686, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .code-toolbar .ui-button-text {
    display: none !important;
  }
  /* line 1690, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .code-toolbar .ui-button-text-icon-primary .ui-icon {
    margin: 0 !important;
  }
  /* line 1694, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .code-toolbar .ui-button-text-only .ui-button-text {
    display: inline-block !important;
  }
  /* line 1698, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .code-toolbar .execute-button {
    width: 85px;
  }
}
/* line 1710, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#results-container {
  overflow: visible;
}
/* line 1714, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.instructions-container,
#info {
  border-radius: 3px;
}
/* line 1719, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
body:not(.showCanvas) #results-container {
  height: 100%;
}
/* line 1729, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.ide.demo #code-container {
  left: 0;
}
/* line 1733, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
#grid-canvas {
  background-color: #fff;
  border: 0px solid #DDD;
  height: 450px;
  width: 500px;
  margin: 0 -20px;
  padding: 0;
}
/* line 1743, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.tangrams-activity #grid-canvas,
.tangrams-activity .canvas {
  height: 480px;
  left: 0;
  margin: auto;
  right: 0;
  width: 480px;
  z-index: 0;
  position: absolute;
  top: 0;
}
/* line 1755, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.tangrams-activity #grid-canvas {
  background-color: transparent;
  opacity: 0.6;
}
/* line 1760, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.tangrams-activity.blank-canvas #grid-canvas {
  background-color: white;
  border: 1px solid #ccc;
}
/* line 1765, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.tangrams-activity .output-container {
  display: none;
}
/* line 1771, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity #code-container {
  right: 235px !important;
  left: 530px !important;
  min-width: 250px !important;
}
/* line 1777, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity #undo-button,
.grid-activity #redo-button {
  display: none;
}
/* line 1782, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity .output-container {
  width: 225px !important;
}
/* line 1786, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity #info {
  min-width: 520px !important;
}
/* line 1792, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity #undo-button,
.grid-activity #redo-button,
.grid-activity .tools-container button[id="leaderboard-label"],
.grid-activity .tools-container button[id="reference-label"],
.grid-activity .tools-container button[id="toolbox-label"] {
  display: none;
}
/* line 1800, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity .output-container {
  width: 225px !important;
}
/* line 1804, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.grid-activity #info {
  min-width: 520px !important;
}
/*.grid-activity .objective {
  padding: 10px;
}*/
/* line 1812, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.tangrams-activity .objective {
  /*display: none !important;*/
}
/* line 1816, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.tangrams-activity .instructions {
  padding: 10px;
  margin: auto;
}
@media all and (max-height: 700px) {
  /* line 1822, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .grid-activity .objective {
    font-size: 18px;
    padding: 0;
  }
  /* line 1827, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
  .grid-activity #grid-canvas {
    margin: 0 auto;
  }
}
/* line 1846, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page.less */
.loading-icons {
  display: inline-block;
  padding-left: 10px;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content {
  padding: 30px;
}
@media (min-width: 992px) {
  /* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
  .guide-content {
    padding: 30px 60px;
  }
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content,
.content,
.instructions {
  /* This is the entire box around the code example and code output. */
  /*End of code output*/
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .aside,
.content .aside,
.instructions .aside {
  background-color: #efefef;
  border-radius: 10px;
  margin: 20px 0 10px 0;
  overflow: hidden;
  padding: 10px 30px;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .aside_heading,
.content .aside_heading,
.instructions .aside_heading {
  font-weight: bold;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output,
.content .code-output,
.instructions .code-output {
  background-color: #f1f2f7 !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  margin: 13px 0;
  text-align: left;
  width: 100%;
  /* Styling for example and output labels. */
  /* Styles the {div} around the {code-output_code} and {code-output} */
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output > *,
.content .code-output > *,
.instructions .code-output > * {
  vertical-align: top;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output iframe,
.content .code-output iframe,
.instructions .code-output iframe {
  background-color: #FFF;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
  border: none !important;
  /*this removes space below the iframe*/
  vertical-align: top;
  width: 100%;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_container,
.content .code-output_container,
.instructions .code-output_container {
  position: relative;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_code,
.content .code-output_code,
.instructions .code-output_code {
  /*Need this to position ace editor correctly*/
  position: relative;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_code code,
.content .code-output_code code,
.instructions .code-output_code code {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output.side-view > div,
.content .code-output.side-view > div,
.instructions .code-output.side-view > div {
  clear: none;
  float: left;
  width: 49.3% !important;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_side-view > div,
.content .code-output_side-view > div,
.instructions .code-output_side-view > div {
  clear: none;
  float: left;
  height: 100%;
  width: 50% !important;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_side-view > div:nth-child(2),
.content .code-output_side-view > div:nth-child(2),
.instructions .code-output_side-view > div:nth-child(2) {
  padding-left: 0px !important;
}
/* line 89, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_stack-view > div,
.content .code-output_stack-view > div,
.instructions .code-output_stack-view > div {
  clear: both;
  float: left;
  width: 100% !important;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output_stack-view > div:nth-child(2),
.content .code-output_stack-view > div:nth-child(2),
.instructions .code-output_stack-view > div:nth-child(2) {
  padding-top: 0px !important;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output code,
.content .code-output code,
.instructions .code-output code {
  background-color: #FFF;
  border: none;
  border-radius: 2px;
  margin: 0 !important;
  opacity: 1;
  padding: 14px;
  vertical-align: top;
  width: 100%;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output .ace_editor,
.content .code-output .ace_editor,
.instructions .code-output .ace_editor {
  bottom: 0;
  left: 5px;
  position: absolute;
  right: 3px;
  top: 48px;
  width: auto;
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output.-stack .ace_editor,
.content .code-output.-stack .ace_editor,
.instructions .code-output.-stack .ace_editor,
.guide-content .code-output.-vertical-stack .ace_editor,
.content .code-output.-vertical-stack .ace_editor,
.instructions .code-output.-vertical-stack .ace_editor {
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
/* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output.-stack .code-output_output,
.content .code-output.-stack .code-output_output,
.instructions .code-output.-stack .code-output_output,
.guide-content .code-output.-vertical-stack .code-output_output,
.content .code-output.-vertical-stack .code-output_output,
.instructions .code-output.-vertical-stack .code-output_output,
.guide-content .code-output.-stack .code-output_code,
.content .code-output.-stack .code-output_code,
.instructions .code-output.-stack .code-output_code,
.guide-content .code-output.-vertical-stack .code-output_code,
.content .code-output.-vertical-stack .code-output_code,
.instructions .code-output.-vertical-stack .code-output_code {
  padding-left: 5px;
  padding-right: 5px;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output label,
.content .code-output label,
.instructions .code-output label {
  background-color: #FFF;
  border-bottom: 1px solid #e4e6ee;
  color: #646876;
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  padding: 0 14px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output > div,
.content .code-output > div,
.instructions .code-output > div {
  background-color: #f1f2f7;
  border: none !important;
  padding: 5px;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output > div:first-child,
.content .code-output > div:first-child,
.instructions .code-output > div:first-child {
  padding-right: 3px;
}
/* line 168, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-content .code-output > div:nth-child(2),
.content .code-output > div:nth-child(2),
.instructions .code-output > div:nth-child(2) {
  padding-left: 3px;
}
/*Added info to make sure it overrides the other rules*/
/* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.instructions .code-output {
  margin: 6px -36px 0 -36px;
  width: 490px;
}
/*TODO: It would be good to have mostly one set of CSS rules that covered all content under the ca-content tag*/
/* line 186, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.-clear {
  clear: both;
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.align-right {
  float: right;
  padding-left: 10px;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.align-left {
  float: left;
  padding-right: 10px;
}
/* line 200, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.align-none {
  display: inline-block;
  margin: 0;
  margin: 5px 10px 5px 0;
  /*Vertical align middle breaks images inside divs... e.g. section notes*/
  /*This was set to middle */
  vertical-align: top;
}
/* line 209, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.align-inline {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/* line 216, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.-full-width,
.ca-content img.align-full,
.ca-content img.align-center {
  display: block;
  /*This gets overridden by something that sets margins to 0*/
  margin: auto !important;
  padding: 12px 0;
}
/* line 225, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content img.flag {
  border: 1px solid #101010;
  padding: 1px;
  position: relative;
  top: 6px;
}
/* line 233, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content .captioned-image {
  margin-bottom: 12px;
  text-align: center;
}
/* line 237, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content .captioned-image.align-inline {
  display: inline-block;
}
/* line 241, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content .captioned-image.align-center {
  display: block;
  margin: auto;
}
/* line 246, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content .captioned-image.align-left {
  float: left;
}
/* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content .captioned-image.align-right {
  float: right;
}
/* line 254, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.ca-content .captioned-image img {
  float: none;
  padding: 0;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading,
.guide_text,
.guide-content {
  /* Styles the the code example box. */
}
/* line 264, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading figcaption,
.guide_text figcaption,
.guide-content figcaption {
  font-size: .9em;
  margin: 3px 0;
  text-align: center;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading img,
.guide_text img,
.guide-content img {
  max-width: 100%;
  overflow: hidden;
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading img.align-right,
.guide_text img.align-right,
.guide-content img.align-right {
  float: right;
  padding-left: 10px;
}
/* line 279, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading img.align-left,
.guide_text img.align-left,
.guide-content img.align-left {
  float: left;
  padding-right: 10px;
}
@media (max-width: 992px) {
  /* line 285, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
  .guide-task_heading img.-wide,
  .guide_text img.-wide,
  .guide-content img.-wide {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 6px;
    padding-top: 6px;
    /*width: 100%;*/
  }
}
/* line 295, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading p,
.guide_text p,
.guide-content p {
  font-size: 14px;
  line-height: 1.6em;
  letter-spacing: 0.3px;
  padding: 0 0 12px 0;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading h2,
.guide_text h2,
.guide-content h2 {
  color: #000 !important;
}
/* line 308, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading ol,
.guide_text ol,
.guide-content ol,
.guide-task_heading ul,
.guide_text ul,
.guide-content ul {
  /*Make sure the margin is big enough to cater for lists that have more than 10 items in them*/
  margin: 0 0 9px 30px;
}
/* line 313, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading ol li,
.guide_text ol li,
.guide-content ol li,
.guide-task_heading ul li,
.guide_text ul li,
.guide-content ul li {
  padding: 0  0 3px 0;
}
/* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading code,
.guide_text code,
.guide-content code {
  border: 1px solid #F1F2F7;
  border-radius: 3px;
  /*MJ: font size needs to be relative so it works in headings as well*/
  font-size: .9em;
  letter-spacing: .8px;
  /*What is margin-top here for? It doesn't do anything?*/
  margin-top: 5px;
  /*MJ not sure why the last padding was 5px*/
  padding: 1px 4px;
  position: relative;
}
/* line 331, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading code.multi.linenums,
.guide_text code.multi.linenums,
.guide-content code.multi.linenums {
  padding: 0px;
}
/* line 335, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading code.wide,
.guide_text code.wide,
.guide-content code.wide {
  display: inline-block;
  font-size: 12px;
  margin: 10px 0 10px 0;
  padding: 8px 12px 8px 12px;
}
/* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading iframe,
.guide_text iframe,
.guide-content iframe {
  color: blue;
}
/* line 360, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading .h3-container,
.guide_text .h3-container,
.guide-content .h3-container {
  /*Make sure floating images don't overlap headings*/
}
/* line 365, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading h3,
.guide_text h3,
.guide-content h3 {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.6px;
  line-height: 1.6em;
  margin-bottom: 6px;
  margin-top: 10px;
}
/* line 374, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading li code,
.guide_text li code,
.guide-content li code {
  margin-top: -2px;
}
/* line 378, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading li,
.guide_text li,
.guide-content li {
  margin: 3px 0;
}
/* line 384, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading table td,
.guide_text table td,
.guide-content table td {
  border: 1px solid #b9bccc;
  padding: 6px;
}
/* line 389, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading .second-row-table,
.guide_text .second-row-table,
.guide-content .second-row-table {
  border: none !important;
}
/* line 393, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading a,
.guide_text a,
.guide-content a {
  color: #DA2028;
  font-weight: 500;
  text-decoration: none;
}
/* line 398, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading a:hover,
.guide_text a:hover,
.guide-content a:hover {
  opacity: 0.7;
  text-decoration: underline;
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading table td,
.guide_text table td,
.guide-content table td {
  border: 2px solid #e4e6ee !important;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading .notice1 a,
.guide_text .notice1 a,
.guide-content .notice1 a {
  border: solid 1px #DA2028;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .8px;
  padding: 5px 10px;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
/* line 421, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading .notice1 a:hover,
.guide_text .notice1 a:hover,
.guide-content .notice1 a:hover {
  background-color: #DA2028;
  color: #FFF;
}
/* line 430, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading_lessons,
.guide_text_lessons,
.guide-content_lessons {
  margin-bottom: 10px;
}
/* line 433, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading_lessons-header,
.guide_text_lessons-header,
.guide-content_lessons-header {
  font-size: 18px;
}
/* line 437, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-plan-content.less */
.guide-task_heading_lessons-lesson,
.guide_text_lessons-lesson,
.guide-content_lessons-lesson {
  padding: 0 !important;
  text-transform: capitalize;
}
/*START OF activity*/
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.course-mode-header {
  left: 500px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.ide .activity_container {
  display: none;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity {
  left: 0 !important;
  /*extending lesson container overrides this with responsive*/
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 770px;
  /*.s-activity & {
    bottom: 0;
  }*/
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_container {
  display: none;
  bottom: 0;
  left: 570px;
  position: absolute;
  right: 0;
  top: 60px;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity input {
  border: 2px solid #c5c5c5;
  border-radius: 5px;
  padding: 2px 4px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity[data-count="6"] .ex-multichoice_container {
  width: 600px;
}
/* line 52, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity[data-count="6"] .ex-multichoice {
  margin: 16px;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_toolbar {
  background-color: transparent;
  display: inline-block;
  position: absolute;
  height: 50px;
  left: initial;
  padding: 0;
  right: 0;
  text-align: right;
  top: 0;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_toolbar .ui-button {
  min-width: 75px;
}
/* line 73, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_message,
.activity_title {
  background-color: #fff;
  color: #444;
  display: inline-block;
  font-weight: 800;
  padding: 12px;
  text-transform: uppercase;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_message {
  background-color: #444;
  color: white;
  display: none;
  left: 36px;
  position: absolute;
  right: 325px;
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_message.is-correct {
  background-color: #3acc9f;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_content-container {
  overflow-y: auto;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_content {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*If there is one question, then remove the padding top*/
  background-color: #fff;
  /*height: @lesson-activity-height - @lesson-activity-toolbar-height;*/
  margin: 0 auto;
  min-height: 360px;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_content > * {
  padding: 12px 16px;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_content > *:first-child {
  margin: 0;
}
/* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_content > ol:first-child,
.activity_content > p:first-child {
  padding-top: 18px;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_content p + div {
  /*quiz-multi-option_container*/
  margin-top: 0 !important;
  padding-top: 0 !important;
  /*Without important the space is still showing up in ht0.2.5*/
}
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .activity_content > * {
  padding: 12px 18px;
  margin: 0;
  /*This is needed for js105.4*/
  vertical-align: top;
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.activity_icon {
  font-size: 14px;
  padding-left: 0;
  padding-right: 6px;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity #output,
.s-activity #output,
.s-markup-activity #code-container,
.s-activity #code-container {
  display: none;
}
/* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .message-bar,
.s-activity .message-bar {
  display: none;
}
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .activity,
.s-activity .activity {
  max-height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .activity_container,
.s-activity .activity_container {
  display: block;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .activity_content-container.is-fixed-size,
.s-activity .activity_content-container.is-fixed-size {
  overflow: visible;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .activity_content,
.s-activity .activity_content {
  height: initial;
}
/* line 172, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity .activity_content > *:first-child,
.s-activity .activity_content > *:first-child {
  margin-top: 0 !important;
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\activity.less */
.s-markup-activity #info,
.s-activity #info {
  width: 560px;
}
/*END OF activity*/
@media all and (max-width: 1400px), (max-height: 800px) {
  /* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .objective {
    font-size: 18px;
    margin: 0;
  }
  /* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions {
    padding-top: 12px;
  }
  /* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions .code-output {
    margin: 6px -20px 0 -20px;
    width: 460px;
  }
  /* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions ol .task-description {
    margin-left: -25px !important;
  }
  /* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions .task-steps .task-description {
    margin-left: -35px !important;
  }
  /* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .top-bar {
    width: 480px;
  }
  /* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .activity_container {
    left: 470px;
  }
  /* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .s-markup-activity #info,
  .s-activity #info,
  #info {
    width: 460px;
  }
  /* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode-header,
  #code-container,
  .lesson-activity-container,
  #code-container,
  .activity {
    left: 470px;
  }
  /* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  #review-game-dialog .question-container,
  .instructions {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*  .course-mode .instructions .task-steps-container {
    margin-right: -20px;
    margin-left: -26px;

    &:last-of-type {
      margin-left: -20px;
      margin-right: -20px;
    }
  }*/
  /* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  #file-tabs {
    font-size: 12px;
  }
  /* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .tasks-toolbar .ui-button {
    min-width: 20px;
  }
  /* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .top-bar:not(:hover) .tasks-toolbar .ui-button .ui-button-text:before {
    line-height: 33px;
  }
  /* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .top-bar .badge-container {
    display: none !important;
  }
  /* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .html #input-container {
    width: 700px;
  }
  /* line 82, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions p.task-steps {
    background-position: 25px;
    /*padding: @task-steps-margin 20px @task-steps-margin 20px !important;*/
  }
  /* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .objective_image {
    margin-top: 12px;
  }
  /* line 91, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .objective_image,
  .course-mode .instructions .task-steps-container {
    margin-right: -22px;
    margin-left: -22px;
  }
  /* #review-game-dialog .question,*/
  /* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .lesson-label,
  .console {
    font-size: 13px;
  }
}
@media all and (max-width: 1260px) {
  /* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .activity_container {
    left: 330px;
  }
  /* line 111, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .s-markup-activity #info,
  .s-activity #info,
  #info {
    width: 320px;
  }
  /* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions {
    font-size: 12px;
  }
  /* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions .objective {
    font-size: 16px;
  }
  /* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .instructions .code-output {
    margin: 6px -10px 0 -16px;
    width: 320px;
  }
  /* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .top-bar {
    width: 340px;
  }
  /* line 135, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .tasks-toolbar_label {
    display: none;
  }
  /* line 139, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .instructions {
    padding-left: 16px;
    padding-right: 10px;
  }
  /* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .objective_image {
    margin-top: 12px;
  }
  /* line 148, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .objective_image,
  .course-mode .instructions .task-steps-container {
    margin-right: -12px;
    margin-left: -18px;
  }
  /* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .task-steps {
    padding: 12px 10px 12px 44px;
  }
  /* line 158, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .instructions .objective {
    font-size: 16px;
  }
  /* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode .instructions-container code.multi,
  .course-mode .instructions-container code.wide {
    white-space: nowrap;
  }
  /* line 168, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  table.ascii {
    font-size: 0.8em;
  }
  /* line 172, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-page-responsive.less */
  .course-mode-header,
  .lesson-activity-container,
  #code-container,
  .activity {
    left: 330px;
  }
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.full-width #main {
  max-width: 99%;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.full-width .t-quiz button {
  margin: 50px auto;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz {
  /*Need to override the style from the default table*/
  border: 1px solid #B9BCCC;
  /*border-collapse:separate;
  border-collapse:collapse;*/
  border-radius: 3px;
  border-spacing: 10px;
  display: inline-block;
  font-size: 14px;
  max-width: 100%;
  /*Must use % width because the tables are using % widths*/
  margin: 0 2% 0 0 !important;
  /*Align tables that are next to eachother at the top*/
  vertical-align: top;
  /*border-collapse: separate; 
  border-spacing: .5em;*/
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz:last-of-type {
  margin: 0 !important;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz.-image-labels,
.matching-quiz.-image-answers {
  min-width: 100px;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz tbody {
  display: table;
  width: 100%;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_container {
  border-radius: 3px;
  display: inline-block;
  font-size: 0;
  margin: 0 0 39px 0;
  width: 100%;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.js.activity .matching-quiz_container {
  background-color: transparent;
  border: none;
  margin: 0;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question {
  background-color: #fff;
  border-bottom: 4px solid #F1F2F7;
  border-radius: 10px;
  transition: all .4s;
  width: 100%;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question:last-of-type {
  border-bottom: none;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question.is-done {
  /*background-color: #e8e8e8;*/
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question.has-hover {
  background-color: #dceaf8;
  /*color: @color-light;*/
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question.has-hover .ui-draggable:not(.ui-draggable-dragging) {
  opacity: .5;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question > * {
  padding: 5px;
  position: relative;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question > * img {
  border: 0;
  margin: 0 !important;
  max-height: 200px;
  max-width: 400px;
  vertical-align: middle !important;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_question .image-link {
  display: inline-block;
  vertical-align: middle;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.horizontal.matching-quiz_question {
  vertical-align: bottom;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.horizontal.matching-quiz_question > * {
  display: block;
  margin: 10px auto;
  text-align: center;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.horizontal.matching-quiz_question > * img {
  max-width: 100%;
  max-height: 110px;
}
/* line 137, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_helper-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/* line 144, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer {
  background-color: white;
  /*border: 4px solid #D3D3D3;*/
  border-left: 4px solid #F1F2F7;
  box-sizing: border-box;
  /*display: block;*/
  line-height: 1.5em;
  margin: 6px;
  padding: 13px 26px;
  text-align: left;
  vertical-align: middle;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 145, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer h1,
.matching-quiz_answer h2,
.matching-quiz_answer h3,
.matching-quiz_answer h4,
.matching-quiz_answer h5,
.matching-quiz_answer h6 {
  margin: 0 !important;
  padding: 0 !important;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer:first-of-type {
  border-bottom: 4px solid #F1F2F7;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer:before {
  font-size: 12px;
  color: #CCCFDB;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0px;
  right: 0;
}
/* line 178, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.-code-answers .matching-quiz_answer {
  /*background-color: #f8f8f8 !important;*/
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* line 182, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.-code-answers .matching-quiz_answer code {
  background-color: transparent !important;
  border: none;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.-image-answers .matching-quiz_answer {
  font-size: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.-image-answers .matching-quiz_answer img {
  border-radius: 10px;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer.ui-draggable-dragging {
  border: none;
}
/* line 203, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer.ui-draggable-dragging,
.matching-quiz_answer:hover {
  -webkit-box-shadow: 0px 1px 6px 1px rgba(107, 107, 107, 0.5);
  -moz-box-shadow: 0px 1px 6px 1px rgba(107, 107, 107, 0.5);
  box-shadow: 0px 1px 6px 1px rgba(107, 107, 107, 0.5);
  transition: box-shadow 0.3s;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_answer.is-moving {
  opacity: 0.8;
  z-index: 1000;
}
/* line 216, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.answer-image .matching-quiz_answer {
  padding: 10px;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.is-done .matching-quiz_answer {
  /*background-color: #f4f4f4;*/
  background-color: #fff;
  border-color: #3084d8;
}
/* line 226, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.is-correct .matching-quiz_answer {
  border-color: #31CD4B;
}
/* line 230, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.is-incorrect .matching-quiz_answer {
  border-color: #CD5C31;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_label {
  /*display: inline-block;*/
  font-size: 15px;
  font-weight: bold;
  padding: 26px;
  text-align: left;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.-code-labels .matching-quiz_label {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.-image-labels .matching-quiz_label {
  font-size: 0;
  padding: 0;
  vertical-align: middle;
}
/* line 255, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_label code {
  background-color: transparent;
  border: none;
}
/* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz_container.-large-answers .matching-quiz_answer,
.matching-quiz_container.-large-labels .matching-quiz_label {
  font-size: 18px;
}
/* line 266, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz .ui-draggable {
  cursor: pointer;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz .ui-draggable-dragging {
  background-color: #ddd;
  display: table-cell;
  z-index: 1000;
}
/* line 276, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.matching-quiz table * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 600px) {
  /* line 288, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
  .quiz-container table {
    width: 90%;
    font-size: 14px;
  }
}
/* line 295, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
#tool-label {
  display: none;
}
/* line 300, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.input.incorrect {
  background-color: #FDECEC!important;
  box-shadow: 0 0 2px 0 red inset;
}
/* line 305, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz {
  /*This must come after the t-quiz stuff*/
}
/* line 306, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .footer {
  display: none;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz ol li {
  margin: 16px 0 10px;
}
/* line 314, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz code.multi {
  min-width: 50%;
}
/* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz select,
.t-quiz input,
.t-quiz .input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  margin: 5px 0;
  padding: 4px 8px;
  letter-spacing: .7px;
  line-height: 1.45em;
  text-align: left;
}
/* line 333, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .code-block select,
.t-quiz .code-block input {
  font-size: 14px;
  padding: 0 1px;
  /*This used to be 0 3px but I can't remember why*/
  margin: 0;
}
/* line 342, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz p {
  color: rgba(83, 88, 92, 0.9);
  font-size: 1.1em;
  font-weight: 600;
}
/* line 348, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .ui-draggable-dragging {
  background-color: white;
}
/* line 352, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .drop-hover {
  background-color: #fad8d8 !important;
}
/* line 356, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz button {
  display: inline-block;
  font-size: 20px;
  padding: 30px 60px;
  margin: 20px 20px 20px 0;
  border-radius: 2px;
  border: 0;
  color: white;
  max-width: 800px;
}
/* line 367, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-input {
  /*Need a comment as to why this min-width was put here*/
  min-width: 100px;
  width: 100px;
}
/* line 371, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-input:focus {
  background-color: white;
}
/* line 378, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-input[type="radio"],
.t-quiz .quiz-input[type="number"] {
  min-width: 50px;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .image-input-table .quiz-input {
  border-radius: 0;
  font-size: 24px;
  min-width: 100%;
  text-align: center;
  width: 100%;
}
/* line 393, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .image-input-table td {
  padding: 0 !important;
  text-align: center;
}
/* line 399, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz figure {
  display: inline-block;
  margin: 6px;
  vertical-align: middle;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz code {
  margin: 0;
  vertical-align: middle;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .alpha-lower-list {
  list-style-type: lower-alpha;
}
/* line 414, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz li {
  padding-bottom: 15px;
}
/* line 418, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .action {
  padding: 10px;
}
/* line 422, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .main-button {
  width: 300px;
  padding: 20px;
}
/* line 427, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_instructions {
  font-size: 18px;
  margin-bottom: 26px;
  margin-top: -26px;
}
/* line 434, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container,
.t-quiz .quiz-container {
  margin: 0 0 39px 0;
}
/* line 438, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container .quiz-blanks_container,
.t-quiz .quiz-container .quiz-blanks_container {
  margin: 0;
}
/* line 442, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container figure,
.t-quiz .quiz-container figure {
  margin: 0;
}
/* line 446, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container input,
.t-quiz .quiz-container input {
  background-color: transparent;
  border: 1px dashed #7B8093;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  margin: 5px 0;
}
/* line 449, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container input.answered,
.t-quiz .quiz-container input.answered {
  background-color: #fff;
  border: 1px solid #3084d8;
  font-weight: bold;
}
/* line 456, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-container.-code-blanks {
  font-size: 0;
}
/* line 459, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-container.-code-blanks code.multi {
  display: inline-block;
  font-size: 14px;
  width: 50%;
}
/* line 465, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-container.-code-blanks .quiz-blanks_container {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  width: 50%;
}
/* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container {
  margin: 0;
  margin-top: 13px;
  /*Sometimes the output is fixed in the top right*/
}
/* line 478, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.activity_content-container.t-quiz .quiz-blanks_container {
  margin-top: 0;
}
/* line 482, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container > * {
  vertical-align: top;
}
/* line 487, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container .-fixed {
  float: right;
  margin: 0;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container .-fixed > * {
  position: fixed;
  top: 60px;
}
/* line 497, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-blanks_container input {
  min-width: 30px;
  width: 30px;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-multi-option_container {
  margin-bottom: 0;
}
/* line 507, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-multi-option_container br {
  display: none;
}
/* line 513, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-multi-option_container.-n5 br:nth-of-type(3),
.t-quiz .quiz-multi-option_container.-n6 br:nth-of-type(3) {
  display: block;
}
/* line 520, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-multi-option_container.-n7 br:nth-of-type(4),
.t-quiz .quiz-multi-option_container.-n8 br:nth-of-type(4) {
  display: block;
}
/* line 526, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-multi-option_container.-n9 br:nth-of-type(3) {
  display: block;
}
/* line 530, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.t-quiz .quiz-multi-option_container.-n9 br:nth-of-type(6) {
  display: block;
}
/* line 538, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.activity_content .list-level-1 {
  counter-reset: item;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 1px;
  padding-top: 1px;
}
/* line 545, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.activity_content .list-level-1_item {
  /*See js105.6*/
  counter-increment: item;
  list-style-type: none;
  margin-bottom: 12px;
  margin-top: 0;
}
/* line 552, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.activity_content .list-level-1_item:before {
  font-weight: 500;
  content: counter(item) ".";
  margin-right: 3px;
}
/* line 561, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.code-block-container {
  background-color: #F1F2F7;
  border: 1px solid #B9BCCC;
  border-radius: 3px;
  font-size: 12px;
  /*padding: 0 5px;*/
}
/* line 568, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.code-block-container code {
  background-color: transparent;
  border: none;
  display: inline-block;
  margin-bottom: 5px;
}
/* line 576, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_container .code-block-container {
  font-size: 14px;
  padding: 26px;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks {
  /*
  &_container {
    border: 1px solid @grey-four;
    border-radius: @border-radius;
  }
*/
}
/* line 583, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_divider {
  height: 0;
}
/* line 594, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options {
  border-radius: 3px;
  font-size: 14px;
  padding-top: 26px;
}
/* line 600, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options-list {
  background-color: #fff;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.09);
  margin: -26px -26px 0;
  padding: 26px 26px 13px;
}
/* line 610, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options-draggable {
  border: 1px solid #7B8093 !important;
  color: #000;
  /*MJ Not having important on here meant it didn't have the POINTER when it was a USED option*/
  cursor: pointer !important;
  padding: 8px 11px !important;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 13px !important;
  margin-right: 13px !important;
  /*MJ: Not having this meant items with spaces were wrapping*/
  white-space: nowrap !important;
}
/* line 623, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options-draggable:hover {
  /*box-shadow: 0 2px 0 0 @grey-two;*/
  background-color: #3084d8;
  border-color: #3084d8 !important;
  color: #fff;
}
/* line 630, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options-draggable.matched {
  opacity: .5;
  cursor: initial;
  border-style: dashed !important;
  text-align: center;
  box-shadow: none;
}
/* line 639, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options code {
  background-color: transparent;
  border: none;
  color: #000;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  margin: 0;
}
/* line 649, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options .quiz-input {
  background-color: transparent;
  border: 1px dashed #7B8093;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  margin: 5px 0;
  padding: 2px 6px !important;
  margin: 1px 0 !important;
}
/* line 654, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_options .quiz-input.is-matched {
  background-color: #fff;
  border: 1px solid #3084d8;
  font-weight: bold;
}
/* line 662, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_container .code-blocks code {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  white-space: pre-wrap;
}
/* line 670, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.selected-bug-line {
  background-color: #dceaf8 !important;
}
/* line 673, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.selected-bug-line:before {
  background-color: #3084d8;
  color: white !important;
}
/* line 679, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug_container {
  margin: 0;
}
/* line 682, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.activity_content .quiz-bug_container {
  /*Can't put important on here, because the top margin should be 0 when there is a paragraph preceding this element*/
  margin: 12px 0 0 0;
}
/* line 687, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug_container .ca-style code ol.linenums li,
.quiz-bug_container code ol.linenums li {
  border: none;
}
/* line 691, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug_container .ca-style code ol.linenums li:nth-child(odd),
.quiz-bug_container code ol.linenums li:nth-child(odd) {
  background-color: #fff;
}
/* line 697, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug-finder {
  border-color: #B9BCCC !important;
  font-size: 14px;
  width: 100%;
}
/* line 702, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug-finder .linenums {
  background-color: #F1F2F7;
  color: #000 !important;
  font-weight: 500;
}
/* line 711, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug-finder-correct .selected-bug-line {
  background-color: #dceaf8 !important;
}
/* line 714, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-bug-finder-correct .selected-bug-line:before {
  background-color: #3084d8;
}
/* line 721, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-blanks_output:not(.-fixed) iframe {
  width: 100%;
}
/* line 729, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option_container .quiz-multi-option {
  -webkit-box-shadow: 0px 0px 3px 0px #7d808c;
  -moz-box-shadow: 0px 0px 3px 0px #7d808c;
  box-shadow: 0px 0px 3px 0px #7d808c;
  border-radius: 3px;
  padding: 5px;
  cursor: pointer;
  margin: 10px;
  box-sizing: border-box;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 745, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option_container.-rows .quiz-multi-option {
  display: block;
}
/* line 749, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option_container:not(.-rows) {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* line 754, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option {
  font-size: 14px;
}
/* line 757, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option_combo {
  display: inline-block;
  margin: 10px;
  text-align: center;
  vertical-align: top;
}
/* line 763, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option_combo p {
  margin: 0;
}
/* line 768, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.-image {
  opacity: .6;
  transition: opacity .2s;
}
/* line 772, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.-image:hover {
  opacity: .8;
}
/* line 777, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.selected-option {
  -webkit-box-shadow: 0px 0px 2px 2px #3084d8;
  -moz-box-shadow: 0px 0px 2px 2px #3084d8;
  box-shadow: 0px 0px 2px 2px #3084d8;
  margin: 10px;
  opacity: 1 !important;
}
/* line 786, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.incorrect-option {
  border-color: #c9001e;
}
/* line 790, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.text-only-option {
  padding: 10px 15px;
}
/* line 793, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.text-only-option:hover {
  background-color: #3084d8;
  border-color: #3084d8;
  color: #fff;
}
/* line 799, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option.text-only-option.selected-option {
  border-color: #3084d8;
}
/* line 804, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-multi-option_container {
  display: block;
  margin: 0 -10px 29px -10px;
  padding: 0;
  text-align: center;
}
/* line 815, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button {
  margin: 0 !important;
  position: relative;
}
/* line 819, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button.-check {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 16px !important;
  padding: 10px 16px;
  width: 50%;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.quiz-buttons_button.-check:hover,
.quiz-buttons_button.-check:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.quiz-buttons_button.-check.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.quiz-buttons_button.-check.-secondary:hover,
.quiz-buttons_button.-check.-secondary:focus {
  background-color: #5d5f72;
}
@media (min-width: 992px) {
  /* line 825, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
  .quiz-buttons_button.-check {
    width: 100%;
  }
}
/* line 833, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button-checkmark:before {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
/* line 842, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button.-reset,
.quiz-buttons_button.-show {
  background-color: transparent;
  color: #000;
  display: inline-block;
  padding: 16px;
  position: relative;
  top: 14px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.quiz-buttons_button.-reset:hover,
.quiz-buttons_button.-show:hover {
  opacity: 1;
}
@media (min-width: 992px) {
  /* line 853, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
  .quiz-buttons_button.-reset,
  .quiz-buttons_button.-show {
    top: initial;
  }
}
/* line 858, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button.-reset {
  float: right;
  height: 52px;
  margin-left: 5px !important;
}
@media (min-width: 992px) {
  /* line 868, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
  .quiz-buttons_button.-reset {
    float: initial;
  }
}
/* line 873, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button.-show {
  font-size: 18px;
  float: right;
}
@media (min-width: 1200px) {
  /* line 877, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
  .quiz-buttons_button.-show {
    font-size: 14px;
    position: initial;
  }
}
/* line 883, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons_button:before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  font-size: 20px;
  left: 0;
  right: 0;
}
/* line 892, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.quiz-buttons.-mobile {
  padding: 26px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  /* line 896, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
  .quiz-buttons.-mobile {
    display: none;
  }
}
/* line 903, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.correct-answer,
.incorrect-answer {
  cursor: pointer;
  height: 26px;
  left: 21px;
  margin-top: -26px;
  position: absolute;
  width: 26px;
  text-align: center;
}
/* line 917, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.correct-answer:before,
.incorrect-answer:before {
  background-color: #29cb57;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  padding: 4px;
  -webkit-box-shadow: 0px 6px 15px 1px rgba(41, 203, 87, 0.4);
  -moz-box-shadow: 0px 6px 15px 1px rgba(41, 203, 87, 0.4);
  box-shadow: 0px 6px 15px 1px rgba(41, 203, 87, 0.4);
}
/* line 934, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\quiz.less */
.incorrect-answer:before {
  background-color: #7B8093;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*==========HTML=============*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html {
  /*Tablet mode*/
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .bonus-game-button {
  display: block;
  margin: 0 auto;
  min-width: 80%;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-cover,
.html .phone-content,
.html .results-overlay,
.html .example-overlay {
  position: absolute;
  top: 130px;
  left: 25px;
  width: auto;
  height: auto;
  bottom: 126px;
  right: 22px;
  border-radius: 0;
  background-color: #eee;
  margin: 0 !important;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .phone-content {
  background-color: #fcfcfc;
  border: 1px solid #757c81;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-cover {
  background-color: black;
  /*This is also set in web.js, to remove the cover once it disappears*/
  transition: opacity ease-out 1.5s;
  display: block;
  z-index: 950;
  opacity: 1;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-cover,
.html .phone-content,
.html #dummy,
.html #dummy2 {
  width: 361px;
  height: 530px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output #phone-link {
  text-align: center;
  top: 0;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output .phone-screen {
  bottom: 64px;
  left: 30px;
  right: 32px;
  top: 30px;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output .phone-extra {
  display: none;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output #phone {
  display: block;
  height: 770px;
  visibility: hidden;
  width: 570px;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output .results-cover,
.html.tablet-output .phone-content {
  width: 768px;
  height: 1024px;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output #phone-button {
  left: 267px;
  opacity: 1;
  background-color: transparent;
  bottom: 12px;
  width: 40px;
  height: 40px;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output #output {
  background-color: #3b3d4d;
  border-radius: 30px;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output.screen-output #phone-button {
  left: 430px;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output.screen-output #phone {
  width: 900px;
  height: 775px;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.tablet-output.screen-output .results-cover,
.html.tablet-output.screen-output .phone-content {
  width: 1280px;
  height: 1024px;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo.ide .toolbar {
  min-height: 40px;
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.ide .editor {
  top: 103px;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo.demo2 .editor {
  top: 50px;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo.demo2 .toolbar {
  height: 50px;
  top: 0;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo.demo2 .toolbar #file-tabs {
  font-size: 22px;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo.ide .editor {
  top: 48px;
}
/* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo .results-cover,
.html.demo .phone-content {
  height: 100%;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .example-overlay {
  background-color: #888;
  font-size: 64px;
  color: rgba(219, 18, 34, 0.6);
  /* rgba(185, 219, 255, 0.6);*/
  font-family: 'museo-sans-rounded', sans-serif;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .example-overlay * {
  position: absolute;
  bottom: -40px;
  left: 0px;
  text-align: center;
  -moz-transform: rotate(-60deg);
  -moz-transform-origin: top left;
  -webkit-transform: rotate(-60deg);
  -webkit-transform-origin: top left;
  -o-transform: rotate(-60deg);
  -o-transform-origin: top left;
  -ms-transform: rotate(-60deg);
  -ms-transform-origin: top left;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .phone-content.loading {
  background-color: #030303;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html iframe {
  border: 0px solid #333;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html iframe.example {
  opacity: 0.6;
}
/* line 173, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-cover,
.html .phone-content {
  transform: scale(0.66, 0.66);
  -moz-transform: scale(0.66, 0.66);
  -webkit-transform: scale(0.66, 0.66);
  -o-transform: scale(0.66, 0.66);
  -ms-transform: scale(0.66, 0.66);
  transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
}
/* line 188, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo .results-cover,
.html.demo .phone-content {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
/* line 201, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo2 .font-size,
.html.demo2 .main-toolbar {
  display: none !important;
}
/* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.ide #content2.phone-content {
  z-index: 2;
}
/* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.results-overlay .details {
  color: #04131D !important;
  line-height: 1.6em;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.instructions iframe {
  border: 1px solid #aaa;
}
/* line 226, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.hideOutput .example-overlay {
  background-color: #111;
  color: #111;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.hideOutput iframe {
  display: none;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.demo #editor-toolbar .font-size {
  display: inline-block;
  float: right;
}
/* line 240, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.demo .project-buttons {
  display: none !important;
}
/*.demo .ui-button {
	font-size: 14px !important;
}*/
/* line 248, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.demo .ace-tm .ace_cursor {
  border: 1px solid rgba(26, 105, 153, 0.8);
  background-color: rgba(255, 0, 0, 0.25);
  background-color: rgba(181, 213, 255, 0.3);
  opacity: 1.0 !important;
}
/* line 255, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.demo .ace-tm .ace_marker-layer .ace_active-line {
  background: rgba(255, 113, 113, 0.25);
  background-color: rgba(255, 178, 57, 0.3);
}
/* line 260, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.demo .ace-tm .ace_marker-layer .ace_selected-word {
  background: rgba(181, 213, 255, 0.3);
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone {
  margin: 0;
  height: 600px;
  /*width: 356px;*/
}
/* line 280, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-button {
  background-color: white;
  border: 2px solid #2f2f30;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  width: 52px;
  height: 52px;
  bottom: 24px;
  z-index: 1000;
  border-radius: 50%;
  left: 118px;
  opacity: 0;
}
/* line 296, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-button:hover {
  background-color: white;
  opacity: 0.1;
}
/* line 303, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-battery,
.html #phone-time {
  background-color: transparent;
  color: white;
  font-size: 9px;
  letter-spacing: 0.3px;
  padding: 0px 3px;
  position: absolute;
  right: 126px;
  text-align: right;
  top: 94px;
  width: 32px;
}
/* line 317, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-battery {
  right: 50px;
}
/* line 321, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-link,
.html #phone-login {
  border-bottom: none !important;
  color: #eee;
  font: bold 11px 'museo-sans-rounded', sans-serif;
  left: 24px;
  padding: 10px;
  position: absolute;
  top: 100px;
  visibility: hidden;
  right: 24px;
  white-space: nowrap;
  overflow: hidden;
}
/* line 336, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-link {
  cursor: pointer;
}
/* line 339, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #phone-link:hover {
  color: white !important;
  box-shadow: none;
}
/* line 345, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay .message {
  color: white;
  font-size: 22px;
  font-weight: 300;
  /*text-shadow: 1px 1px 1px #666;*/
}
/* line 352, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay {
  /*margin: 5px;*/
  border-top: 1px solid #464646;
}
/* line 357, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.demo .results-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 364, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay {
  background-color: #31a3cd;
  display: none;
  overflow-y: auto;
  overflow: hidden;
  text-transform: none;
  vertical-align: middle;
  z-index: 900;
}
/* line 373, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay .message {
  display: block;
  margin: 20px 0 6px;
  padding: 0;
  vertical-align: middle;
  /*width: 300px;*/
}
/* line 380, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay .message p {
  margin-top: 8px;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay .details {
  color: #f8f8f8 !important;
  font-weight: 300;
  letter-spacing: .4px;
  padding: 6px 0 0;
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay .details p {
  margin-bottom: 12px;
}
/* line 396, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type=console-error] .message {
  font-size: 16px;
  padding-top: 12px;
  height: initial;
}
/* line 402, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type=info] .message {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 407, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type=info] {
  text-align: left;
}
/* line 411, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay .text-container {
  position: absolute;
  top: 0px;
  right: 10px;
  left: 10px;
  font-size: 12px;
}
/* line 419, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type~='course-complete'] {
  background-color: #EA7700;
  text-align: center;
}
/* line 424, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type~='course-complete'] .tutor {
  display: none;
}
/* line 428, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type^=console-] {
  background-color: #8831CD;
}
/* line 432, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type^=console-] .error {
  color: #ffc1a5;
}
/* line 436, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type^=console-] .details {
  font-size: 11px;
}
/* line 440, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-type=console-error] .tutor {
  display: none;
}
/* line 444, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .results-overlay[data-tutor] .tutor {
  display: none;
  background-repeat: no-repeat;
  background-size: auto 70px;
  background-position: top right;
  left: 0;
  margin: 5px;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* line 463, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .phone-toolbar .ui-button {
  background-color: transparent;
  border: none;
  color: #989ea2;
  /*Needs to be 12 for FF*/
  font-size: 13px !important;
  font-weight: 700;
  height: 36px;
  position: absolute;
  top: 478px;
  width: 105px;
}
/* line 475, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.ide.html .phone-toolbar .ui-button {
  width: 200px;
}
/* line 480, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html .phone-toolbar .ui-button.current,
.html .phone-toolbar .ui-button:hover {
  color: #72787c;
}
/* line 487, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #exampleOutput-button {
  border-radius: 5px;
  left: 135px;
}
/* line 492, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #myOutput-button {
  left: 45px;
  border-radius: 5px;
  /*If it is larger then NEXT LESSON button is too big*/
  padding-left: 5px;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.demo #undo-button,
.demo #redo-button,
.demo .next-button,
.ide #reset-button,
.ide .answer-buttons,
.ide #solution-button,
.ide #video-button,
.ide .next-button,
.ide #check-button,
.ide #exampleOutput-button {
  display: none !important;
}
/* line 512, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.ide #myOutput-button {
  left: 0;
  margin: 0 auto;
  right: 0;
  text-align: center;
}
/*HTML*/
/* line 521, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html.presentation .main {
  min-width: 100% !important;
}
/* line 525, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #input-container {
  top: 0;
  bottom: 0;
}
/* line 530, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\html-lesson-page.less */
.html #input-container {
  width: 720px;
  position: absolute;
  z-index: 1;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k30 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k30::before {
  color: #cc8400;
  content: "30";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k30 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k29 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k29::before {
  color: #cc8400;
  content: "29";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k29 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k28 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k28::before {
  color: #cc8400;
  content: "28";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k28 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k27 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k27::before {
  color: #cc8400;
  content: "27";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k27 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k26 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k26::before {
  color: #cc8400;
  content: "26";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k26 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k25 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k25::before {
  color: #cc8400;
  content: "25";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k25 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k24 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k24::before {
  color: #cc8400;
  content: "24";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k24 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k23 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k23::before {
  color: #cc8400;
  content: "23";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k23 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k22 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k22::before {
  color: #cc8400;
  content: "22";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k22 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k21 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k21::before {
  color: #cc8400;
  content: "21";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k21 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k20 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k20::before {
  color: #cc8400;
  content: "20";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k20 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k19 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k19::before {
  color: #cc8400;
  content: "19";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k19 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k18 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k18::before {
  color: #cc8400;
  content: "18";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k18 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k17 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k17::before {
  color: #cc8400;
  content: "17";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k17 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k16 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k16::before {
  color: #cc8400;
  content: "16";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k16 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k15 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k15::before {
  color: #cc8400;
  content: "15";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k15 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k14 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k14::before {
  color: #cc8400;
  content: "14";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k14 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k13 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k13::before {
  color: #cc8400;
  content: "13";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k13 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k12 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k12::before {
  color: #cc8400;
  content: "12";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k12 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k11 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k11::before {
  color: #cc8400;
  content: "11";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k11 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k10 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k10::before {
  color: #cc8400;
  content: "10";
  font-size: 8px;
  position: absolute;
  right: -3px;
  right: -7px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k10 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k9 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k9::before {
  color: #cc8400;
  content: "9";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k9 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k8 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k8::before {
  color: #cc8400;
  content: "8";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k8 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k7 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k7::before {
  color: #cc8400;
  content: "7";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k7 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k6 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k6::before {
  color: #cc8400;
  content: "6";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k6 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k5 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k5::before {
  color: #cc8400;
  content: "5";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k5 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k4 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k4::before {
  color: #cc8400;
  content: "4";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k4 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k3 {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .k3::before {
  color: #cc8400;
  content: "3";
  font-size: 8px;
  position: absolute;
  right: -3px;
  top: -1px;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .k3 {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .offlist {
  border-bottom: 1px solid violet;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .offlist {
  box-shadow: inset 0 -1px 2px -1px violet;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .misspelled {
  border-bottom: 1px solid red;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .misspelled {
  box-shadow: inset 0 -1px 2px -1px red;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .difficult {
  border-bottom: 1px solid orange;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .difficult {
  box-shadow: inset 0 -1px 2px -1px orange;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_marker-layer .technical {
  border-bottom: 1px solid skyblue;
  border-radius: 0px;
  margin-bottom: -1px;
  position: absolute;
  z-index: -2;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.ace_gutter .technical {
  box-shadow: inset 0 -1px 2px -1px skyblue;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.dec,
.clo,
.typ,
.pln {
  color: #2e2e2e;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.tag,
.ace-tm .ace_tag,
.kwd,
.fun,
.var,
.ace-tm .ace_storage,
.ace-tm .ace_keyword {
  color: #7d56f1 !important;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.lit,
.ace-tm .ace_constant.ace_numeric {
  color: #9E9E00 !important;
  /*#0052FF*/
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.com,
.ace-tm .ace_comment {
  color: #b5b5b5 !important;
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.atn,
.ace_attribute-name {
  color: #37bac2 !important;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.pun,
.opn,
.ace-tm .ace_paren,
.ace-tm .ace_operator {
  color: #904cb1 !important;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\code-editor.less */
.str,
.atv,
.ace-tm .ace_string {
  color: #f25135 !important;
  /* #7d56f1 !important;*/
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.console,
#menu,
.help,
.results-overlay.info {
  margin-bottom: 0;
  font-size: 14px /*!important*/;
  line-height: 23px;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#results.console a {
  font-size: 13px !important;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.dark [target] {
  color: #CDE6F5;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.dark span[target] {
  color: black;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .filename {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.black.info [data-gloss="codeavengersFiles"],
.black.info [target],
.black.info [data-file] {
  color: #C190F5;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .line {
  white-space: pre;
}
/* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .line[data-index] {
  white-space: normal;
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#gloss b {
  font-weight: 700;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content b > span {
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.9);
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content code b {
  background-color: yellow;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content code b.highlight-1 {
  background-color: red;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content code b.highlight-2 {
  background-color: #6495ed;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content code b.highlight-4 {
  background-color: orange;
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content code b.highlight-4 {
  background-color: lime;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-content code b > span {
  background-color: rgba(255, 255, 255, 0.7);
  font-weight: bold;
  letter-spacing: 1px;
}
/* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info b,
.instructions q,
#menu b,
#menu em,
.instructions b,
.instructions em {
  /*font-family: @font-museo;*/
  font-weight: 600;
}
/* line 87, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions q,
.instructions b,
.instructions em {
  color: #111;
}
/* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions q {
  /*white-space: pre;*/
  /*font-family: 'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace !important; 
    	font-weight: 800;*/
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info b code,
.instructions q code,
.instructions b code {
  font-weight: 800;
}
/* line 105, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info i {
  font-style: italic;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions q::before {
  padding-left: 2px;
  padding-right: 2px;
  /*content: none;*/
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions q::after {
  padding-left: 2px;
  padding-right: 2px;
  /*content: none;*/
}
/*.info b,*/
/*for questions and guiders*/
/* line 123, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#console b,
#console em {
  font-weight: 700;
}
/*Dont use info here, because the results messages do not have info class*/
/* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.results-overlay a,
.results-overlay strong,
.results-overlay .line,
.results-overlay .task,
.results-overlay a[target],
.results-overlay [data-file],
.results-overlay [gloss=yes]:not(code) {
  color: #a1daff;
  cursor: pointer;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.html .results-overlay a,
.html .results-overlay strong,
.html .results-overlay .line,
.html .results-overlay .task,
.html .results-overlay a[target],
.html .results-overlay [data-file],
.html .results-overlay [gloss=yes]:not(code) {
  color: #EBEBEB;
}
/* line 152, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.results-overlay .extra-info {
  font-size: smaller;
  margin-top: 1em;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info a[target] {
  text-decoration: none;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .info {
  color: #464646 ;
  padding-right: 5px;
  font-weight: bold;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .heading {
  margin-bottom: 10px;
  display: inline-block;
}
/* line 172, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .heading .info,
.instructions h1 {
  font-size: 16px;
  color: #1F455C !important;
}
/* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.promo .instructions .heading .info,
.promo .instructions h1 {
  font-size: 22px;
}
/* line 181, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.promo .instructions .heading {
  margin-top: 10px;
}
/* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info ul {
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  margin-left: 0;
  /*See js.105.6*/
  /*margin-left: 24px;*/
}
/* line 193, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.container-label,
.editor,
.console,
.jqconsole.jqconsole-blurred,
.content,
.instructions-container,
#menu,
#main .badges,
.code-toolbar {
  border: 0px solid #04131D;
}
/* line 200, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .demo-container .instructions .game,
.demo-container {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
/*
This code was removing a border even when there was text in between.
A better approach would be to use a widget to do this styling
.info code + code {
  border-left: none;
}*/
/* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .line-highlight code {
  opacity: 0.85;
}
/* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
code.right {
  border-left: none;
  float: none;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
code.left {
  border-right: none;
}
/* line 226, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.glossInfo-dialog code {
  background-color: #f8f8f8;
  font-size: 15px;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info.dark a {
  color: #E3F1FA;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.console a[target] {
  border: none;
}
/* line 239, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.console [target="#code-editor"] {
  color: #333;
}
/* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.lesson-gloss {
  text-align: center;
  min-width: 225px;
  position: fixed !important;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#badge-gloss {
  max-width: 200px;
}
/* line 253, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#prompt-dialog .ui-dialog_input {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  font-size: 1.2em;
  width: 100%;
}
/* line 259, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#learner-gloss {
  position: absolute !important;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#lesson-gloss .ui-button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  /*max-width: 30px;
      max-height: 30px;*/
  font-size: 12px !important;
}
/* line 273, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
#lesson-gloss .ui-button span {
  padding: 0;
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.lesson-gloss div:not(.button-container) {
  cursor: default;
}
/* line 281, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.lesson-gloss .name,
.lesson-gloss .tasks-completed,
.lesson-gloss .points,
.lesson-gloss .time {
  font-weight: bold;
}
/* line 285, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.lesson-gloss .text {
  color: white;
  /*min-height: 32px;*/
}
/* line 290, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ui-button.selected,
.info .hint-button {
  opacity: .8;
}
/* line 295, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.tools-container .ui-button.selected,
.ui-button.selected:hover,
.info .hint-button:hover {
  opacity: 1;
}
/* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .line-highlight [gloss=yes]:hover,
.info .line-highlight [gloss=yes]:hover *,
.info .line-highlight [data-file]:hover,
.info .line-highlight [target]:hover,
.line-highlight .task:hover,
.line-highlight .line:hover {
  background-color: #eee !important;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.highlight button .ui-icon {
  /*Don't highlight the fake buttons*/
  background-image: url(images/ui-icons_000000_256x240.png);
}
/* line 315, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.button-gloss.hint {
  position: absolute;
  padding: 2px;
  line-height: 17px;
  text-align: center;
}
/* line 322, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.button-gloss.help-info {
  height: 18px;
  position: relative !important;
  top: 0.2em;
  width: 18px;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.avenger {
  position: absolute;
  right: 10px;
}
/* line 334, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .line-highlight {
  border: dotted 1px #bbb !important;
  background-color: #a1daff !important;
  border-radius: 1px;
  padding: 1px 1px;
}
/*These paddings account for the border on the highlights*/
/* line 342, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.example-code li,
.instructions li {
  /*MJ removed clear both, because it doesn't work well with the flags challenge... js103
  Need to look at examples where the clear both is useful
  */
  /*clear: both;*/
  padding: 2px 2px;
}
/*Separate the optional steps from the must do, if the optional step is NOT first.*/
/* line 352, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.first-optional-step:not(:first-of-type) {
  border-top: 1px solid #ccc;
  padding-top: 9px !important;
  margin-top: 9px;
}
/* line 358, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.optional-step {
  color: #555;
}
/* line 361, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.optional-step b:first-of-type {
  color: #999;
}
/* line 366, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .task-steps-container p:not(.task-steps) {
  margin-bottom: 6px !important;
  margin-top: 0 !important;
}
/* line 371, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions ol .task-description,
.instructions .task-steps .task-description {
  margin-left: -20px;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions .multi-column li {
  padding-right: 20px;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info,
.instructions,
#results-box,
.guide_text,
.guide_content,
.ca-content {
  /*This needs to come AFTER the preceding rules so that the colors are applied correctly*/
  /*Don't want this to apply to the toolbox*/
  /*This needs to apply to guiders, #results-box, .instructions*/
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .highlight-1,
.instructions .highlight-1,
#results-box .highlight-1,
.guide_text .highlight-1,
.guide_content .highlight-1,
.ca-content .highlight-1 {
  color: firebrick;
}
/* line 395, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .highlight-2,
.instructions .highlight-2,
#results-box .highlight-2,
.guide_text .highlight-2,
.guide_content .highlight-2,
.ca-content .highlight-2 {
  color: cornflowerBlue;
}
/* line 399, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .highlight-3,
.instructions .highlight-3,
#results-box .highlight-3,
.guide_text .highlight-3,
.guide_content .highlight-3,
.ca-content .highlight-3 {
  color: goldenRod;
}
/* line 403, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .highlight-4,
.instructions .highlight-4,
#results-box .highlight-4,
.guide_text .highlight-4,
.guide_content .highlight-4,
.ca-content .highlight-4 {
  color: forestGreen;
}
/* line 407, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .hightlight-text,
.instructions .hightlight-text,
#results-box .hightlight-text,
.guide_text .hightlight-text,
.guide_content .hightlight-text,
.ca-content .hightlight-text {
  font-weight: bold;
}
/* line 411, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info a.action,
.instructions a.action,
#results-box a.action,
.guide_text a.action,
.guide_content a.action,
.ca-content a.action {
  color: white;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;
}
/* line 417, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info a.action:hover,
.instructions a.action:hover,
#results-box a.action:hover,
.guide_text a.action:hover,
.guide_content a.action:hover,
.ca-content a.action:hover {
  color: white;
  text-decoration: none;
}
/* line 423, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info a:hover,
.instructions a:hover,
#results-box a:hover,
.guide_text a:hover,
.guide_content a:hover,
.ca-content a:hover {
  opacity: 1;
}
/* line 431, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info strong.colorTable[style],
.instructions strong.colorTable[style],
#results-box strong.colorTable[style],
.guide_text strong.colorTable[style],
.guide_content strong.colorTable[style],
.ca-content strong.colorTable[style] {
  color: #464646;
  border-radius: 3px;
  padding: 1px 5px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
/* line 437, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info strong.colorTable[style].dark,
.instructions strong.colorTable[style].dark,
#results-box strong.colorTable[style].dark,
.guide_text strong.colorTable[style].dark,
.guide_content strong.colorTable[style].dark,
.ca-content strong.colorTable[style].dark {
  color: #eee;
}
/* line 440, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info strong.colorTable[style].dark:hover,
.instructions strong.colorTable[style].dark:hover,
#results-box strong.colorTable[style].dark:hover,
.guide_text strong.colorTable[style].dark:hover,
.guide_content strong.colorTable[style].dark:hover,
.ca-content strong.colorTable[style].dark:hover {
  color: white;
}
/* line 447, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info .line-highlight strong[gloss="yes"] {
  color: #0885B3;
}
/* line 454, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.faq a,
span.youtube,
.ca-style a,
.guide_content strong[gloss="yes"],
.content strong[gloss="yes"],
.info strong[gloss="yes"] {
  /*Dont light up the code or hints*/
  /*Not sure who added this:
  color: @color-dark;*/
  color: #337ab7;
  /*This was shrinking bold bits in task objectives*/
  /*font-size: @size-small;*/
  font-weight: 600;
  padding-left: 1px;
  padding-right: 1px;
  text-decoration: none;
  /*Why did I comment this out?*/
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 473, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.-dark.faq a,
.-darkspan.youtube,
.-dark.ca-style a,
.-dark.guide_content strong[gloss="yes"],
.-dark.content strong[gloss="yes"],
.-dark.info strong[gloss="yes"] {
  color: #A4E5FD;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.faq a:hover,
span.youtube:hover,
.ca-style a:hover,
.guide_content strong[gloss="yes"]:hover,
.content strong[gloss="yes"]:hover,
.info strong[gloss="yes"]:hover {
  opacity: 1;
}
/* line 481, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info code[gloss="yes"] {
  border-bottom: 1px solid #c0c0c0;
  box-shadow: 0 1px 1px -1px #c0c0c0;
  cursor: pointer;
  /*Ensure gloss text don't wrap... they are usually shorter bits of text. If this causes problems, then need to add a class for shorter bits of text.*/
  white-space: nowrap !important;
}
/* line 488, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.info code[gloss="yes"]:hover {
  cursor: pointer;
  border-bottom: 1px solid #7a7e81;
}
/* line 494, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.content [data-gloss="codeavengersFiles"],
.info [data-gloss="codeavengersFiles"],
.console a,
.instructions .line,
.instructions .task,
.info [target],
.content [target],
.content [data-file],
.info [data-file] {
  font-style: normal;
  font-weight: 600;
  color: #7A0BEC;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 510, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.-dark.content [data-gloss="codeavengersFiles"],
.-dark.info [data-gloss="codeavengersFiles"],
.-dark.console a,
.-dark.instructions .line,
.-dark.instructions .task,
.-dark.info [target],
.-dark.content [target],
.-dark.content [data-file],
.-dark.info [data-file] {
  color: #C286FF;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.content [data-gloss="codeavengersFiles"]:hover,
.info [data-gloss="codeavengersFiles"]:hover,
.console a:hover,
.instructions .line:hover,
.instructions .task:hover,
.info [target]:hover,
.content [target]:hover,
.content [data-file]:hover,
.info [data-file]:hover {
  opacity: 1;
}
/* line 519, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.ca-style ol ol {
  list-style-type: lower-alpha;
}
/* line 525, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\info.less */
.instructions select {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}
/*after lesson page*/
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel {
  /*background-color: @lesson-background;*/
  background-color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  border-left: 0 solid #b5babe;
  bottom: 0;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
  /*Must exceed the h tags in the lessons pages, and the labels*/
  /*box-shadow: #333 0 0 5px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  /*Required for the math course right margin*/
  display: none;
  margin: 0;
  /*overflow: hidden; //TODO not sure if removing this will break anything.*/
  padding: 0;
  position: fixed;
  top: 60px;
  right: 0;
  /*This needs to be checked on IE and Firefox; Chrome uses slightly smaller fonts*/
  width: 362px;
  z-index: 1000;
  color: #000;
  font-size: 11px;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel_content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 43px;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel_content > * {
  background-color: #fff;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel h2 {
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  line-height: 1.2em;
  margin: 18px 0 6px;
  padding: 6px 0;
  text-align: center;
  text-transform: none;
  background-color: #f1f2f7;
  border-top-left-radius: 3px;
  color: #1e1f2a;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 13px 20px;
  text-align: left;
  /*padding: 6px 6px 6px 20px;*/
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel .icon {
  position: relative;
  top: 2px;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel .close {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 1px solid #E4E6EE;
  border-right: 0;
  font-size: 15px;
  height: 70px;
  left: -33px;
  margin: 10px;
  padding: 10px 14px 10px 8px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  z-index: 100;
}
/* line 78, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel .close::before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel#lessonNotes {
  width: 600px;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel#lessonNotes ._container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 43px;
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel#lessonNotes iframe {
  /*Set color incase the page doesn't load, otherwise it will have black background with unreadable text*/
  border-top: 1px solid #E4E6EE;
  background-color: white;
  height: 100%;
  width: 100%;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel#lessonNotes h2 {
  padding: 11px 20px;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel#notepad {
  width: 300px;
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel#notepad textarea {
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 13px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  left: 0px;
  padding: 15px 20px;
  resize: none;
  right: 0px;
  width: 100%;
}
/* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel h4 {
  border-top: 1px solid #CCCFDB;
  font-size: 15px;
  font-size: 18px;
  color: #000;
  opacity: .8;
  margin: 13px 0 5px;
  padding-top: 13px;
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel h4:first-of-type {
  border: none;
  padding-top: 0px;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel a,
.side-panel [target] {
  color: #c9001e;
  font-size: 14px;
  font-weight: bold;
}
/* line 148, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel ol,
.side-panel ul,
.side-panel .task-steps {
  font-size: 11px;
  margin: 0;
  padding: 2px 2px 2px 14px;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel li {
  font-weight: bold;
  font-size: 14px;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel hr {
  color: #666;
  border-top: 1px solid #CCCFDB;
  margin: 13px 0;
  width: initial;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel [data-gloss] {
  color: #c9001e !important;
  cursor: pointer;
  opacity: .8;
  transition: opacity 0.4s;
}
/* line 235, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.side-panel [data-gloss]:hover {
  opacity: 1;
}
/* line 172, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel section {
  overflow-y: auto !important;
  margin-bottom: 3px;
  background-color: white;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  padding: 15px 20px;
  position: absolute;
  bottom: 10px;
  top: 30px;
  right: 10px;
  left: 10px;
  width: 100%;
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel em {
  font-weight: bold;
  font-style: normal;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel div[data-lesson] {
  margin-top: 0.75em;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.side-panel section {
  position: static;
}
/* line 205, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.quiz-container.multi-column {
  -moz-column-count: 2;
  /* Firefox */
  -webkit-column-count: 2;
  /* Safari and Chrome */
  column-count: 2;
}
/* line 213, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.shortcut {
  color: #B9BCCC;
}
/* line 216, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sidepanel.less */
.shortcut-key {
  border: 1px solid #B9BCCC;
  border-radius: 3px;
  color: #7B8093;
  display: inline-block;
  font-size: 11px;
  margin: 5px;
  padding: 0 5px;
}
/*
.side-panel {
  header {
    color: #888;
  }

  .line-highlight code {
    opacity: 0.8;
  }

  a {
    cursor: pointer;
    color: white;
  }

  a:hover {
    text-decoration: underline;
    color: #aaa;
  }

  .info p {
    -webkit-margin-after: 0em;
    -webkit-margin-before: 0em;
    padding: 0.5em;
    border-bottom: 1px solid #ddd;
  }
}
*/
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\wiki.less */
.is-editor-output .is-selected:before {
  background-color: #fa5f5f !important;
  border-radius: 50%;
  content: "x";
  font-size: 0;
  height: 20px;
  left: 40px;
  /*For lesson plan activities*/
  position: absolute;
  vertical-align: middle;
  width: 20px;
}
/*Having 2 classes on here overrides the quiz styles*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content {
  /* --------------------  TABLE CSS -------------------- */
  /*   td img {
    width: 90%;
    float: right;
  } */
}
/* line 3, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .gallery,
.content ol,
.content ul,
.content p {
  page-break-after: avoid;
  margin: 8px 0 8px 0;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content ol,
.content ul {
  /*Removed this because it was not what we wanted for most lists*/
  /*list-style-position: inside;*/
  margin-left: .5em;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content li {
  margin: 0;
  padding: 0;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .standard-table {
  font-family: "Lato", sans-serif;
  font-size: 9pt;
  border-collapse: collapse;
  margin: 30px 0;
  text-align: left;
  width: 100%;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .standard-table tr {
  border-bottom: 2px solid white;
  vertical-align: top;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .standard-table td {
  background-color: #f1eff1;
  padding: 7px 15px 10px;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .standard-table th {
  background-color: #3f4345;
  color: white;
  font-weight: 400;
  padding: 7px 15px 10px;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .standard-table th:first-child {
  border-radius: 10px 0 0;
}
/* line 55, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .standard-table th:last-child {
  border-radius: 0 10px 0 0;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.content .math-table tr:nth-child(4) td:nth-child(3) {
  border-left: 2px solid white;
  border-right: 2px solid white;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2 .heading-time {
  background-color: #efefef;
  border: 2px solid #efefef;
  color: #555;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0 14px;
  border-radius: 50px;
  text-align: center;
  float: right;
  height: 25px;
  letter-spacing: 0.5px;
  line-height: 25px;
  margin: 0 0 0 10px;
}
/*.h4-container {
  background-color: @grey-one;
  border-radius: 2px;
  margin: 20px 0 10px 0;
  overflow: auto;
  padding: 10px 30px;
}*/
/* setup icons */
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.a .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.a .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.a .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.a:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.c .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.c .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.c .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.c:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.ca .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.ca .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.ca .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.ca:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.e .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.e .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.e .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.e:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* line 1420, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.p .guide-task_type {
  display: inline-block;
}
/* line 1424, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
.guide-task.p .guide-task_letter:before {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 52%;
}
@media (min-width: 767px) {
  /* line 1434, C:\Users\Michael\workspace\CodeAvengers2\war\less\lesson-plans.less */
  .guide-task.p .guide-task_wrapper {
    margin-left: 45px;
  }
}
/* line 99, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
h2.mu.p:before {
  border-radius: 50px;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  line-height: 23px !important;
  height: 25px;
  width: 25px;
}
/* set theme colors */
/*@import url(//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);
@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

body {
  font-family: 'Droid Serif', serif;
  font-family: 'Lato', sans-serif;
}*/
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
body {
  font-family: 'museo-sans-rounded', sans-serif;
}
@media print {
  /* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .aside {
    display: block !important;
    page-break-inside: avoid !important;
    position: relative !important;
  }
  /* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .inner-container * {
    float: none !important;
    position: relative !important;
  }
  /* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guides_container {
    max-width: 800px;
  }
  /* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide.expandable {
    display: block;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    page-break-after: always !important;
    page-break-before: always !important;
    position: relative;
  }
  /* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .mu-container {
    /*
    padding-left: 30px;
    padding-right: 30px;
    */
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-0,
  .section-0 .guide_heading {
    background-color: #798092 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-0 h2,
  h2.section-0 {
    color: #798092 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-0.mu:before {
    background-color: #798092;
    border: 2px solid #798092;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-0.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-0.mu.e:before,
  .section-0 .guide-task_subheading {
    color: #798092 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-0 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-1,
  .section-1 .guide_heading {
    background-color: #b8f670 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-1 h2,
  h2.section-1 {
    color: #b8f670 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-1.mu:before {
    background-color: #b8f670;
    border: 2px solid #b8f670;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-1.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-1.mu.e:before,
  .section-1 .guide-task_subheading {
    color: #b8f670 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-1 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-2,
  .section-2 .guide_heading {
    background-color: #65ed98 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-2 h2,
  h2.section-2 {
    color: #65ed98 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-2.mu:before {
    background-color: #65ed98;
    border: 2px solid #65ed98;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-2.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-2.mu.e:before,
  .section-2 .guide-task_subheading {
    color: #65ed98 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-2 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-3,
  .section-3 .guide_heading {
    background-color: #3fdde0 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-3 h2,
  h2.section-3 {
    color: #3fdde0 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-3.mu:before {
    background-color: #3fdde0;
    border: 2px solid #3fdde0;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-3.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-3.mu.e:before,
  .section-3 .guide-task_subheading {
    color: #3fdde0 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-3 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-4,
  .section-4 .guide_heading {
    background-color: #6cb3f0 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-4 h2,
  h2.section-4 {
    color: #6cb3f0 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-4.mu:before {
    background-color: #6cb3f0;
    border: 2px solid #6cb3f0;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-4.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-4.mu.e:before,
  .section-4 .guide-task_subheading {
    color: #6cb3f0 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-4 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-5,
  .section-5 .guide_heading {
    background-color: #a09bee !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-5 h2,
  h2.section-5 {
    color: #a09bee !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-5.mu:before {
    background-color: #a09bee;
    border: 2px solid #a09bee;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-5.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-5.mu.e:before,
  .section-5 .guide-task_subheading {
    color: #a09bee !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-5 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-6,
  .section-6 .guide_heading {
    background-color: #f489ea !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-6 h2,
  h2.section-6 {
    color: #f489ea !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-6.mu:before {
    background-color: #f489ea;
    border: 2px solid #f489ea;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-6.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-6.mu.e:before,
  .section-6 .guide-task_subheading {
    color: #f489ea !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-6 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-7,
  .section-7 .guide_heading {
    background-color: #ff85b3 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-7 h2,
  h2.section-7 {
    color: #ff85b3 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-7.mu:before {
    background-color: #ff85b3;
    border: 2px solid #ff85b3;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-7.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-7.mu.e:before,
  .section-7 .guide-task_subheading {
    color: #ff85b3 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-7 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-8,
  .section-8 .guide_heading {
    background-color: #ff9999 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-8 h2,
  h2.section-8 {
    color: #ff9999 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-8.mu:before {
    background-color: #ff9999;
    border: 2px solid #ff9999;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-8.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-8.mu.e:before,
  .section-8 .guide-task_subheading {
    color: #ff9999 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-8 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-9,
  .section-9 .guide_heading {
    background-color: #ffae93 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-9 h2,
  h2.section-9 {
    color: #ffae93 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-9.mu:before {
    background-color: #ffae93;
    border: 2px solid #ffae93;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-9.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-9.mu.e:before,
  .section-9 .guide-task_subheading {
    color: #ffae93 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-9 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-10,
  .section-10 .guide_heading {
    background-color: #f7d780 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-10 h2,
  h2.section-10 {
    color: #f7d780 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-10.mu:before {
    background-color: #f7d780;
    border: 2px solid #f7d780;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-10.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-10.mu.e:before,
  .section-10 .guide-task_subheading {
    color: #f7d780 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-10 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-11,
  .section-11 .guide_heading {
    background-color: #b8f670 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-11 h2,
  h2.section-11 {
    color: #b8f670 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-11.mu:before {
    background-color: #b8f670;
    border: 2px solid #b8f670;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-11.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-11.mu.e:before,
  .section-11 .guide-task_subheading {
    color: #b8f670 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-11 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-12,
  .section-12 .guide_heading {
    background-color: #65ed98 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-12 h2,
  h2.section-12 {
    color: #65ed98 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-12.mu:before {
    background-color: #65ed98;
    border: 2px solid #65ed98;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-12.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-12.mu.e:before,
  .section-12 .guide-task_subheading {
    color: #65ed98 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-12 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-13,
  .section-13 .guide_heading {
    background-color: #3fdde0 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-13 h2,
  h2.section-13 {
    color: #3fdde0 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-13.mu:before {
    background-color: #3fdde0;
    border: 2px solid #3fdde0;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-13.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-13.mu.e:before,
  .section-13 .guide-task_subheading {
    color: #3fdde0 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-13 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-14,
  .section-14 .guide_heading {
    background-color: #6cb3f0 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-14 h2,
  h2.section-14 {
    color: #6cb3f0 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-14.mu:before {
    background-color: #6cb3f0;
    border: 2px solid #6cb3f0;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-14.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-14.mu.e:before,
  .section-14 .guide-task_subheading {
    color: #6cb3f0 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-14 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-15,
  .section-15 .guide_heading {
    background-color: #a09bee !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-15 h2,
  h2.section-15 {
    color: #a09bee !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-15.mu:before {
    background-color: #a09bee;
    border: 2px solid #a09bee;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-15.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-15.mu.e:before,
  .section-15 .guide-task_subheading {
    color: #a09bee !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-15 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-16,
  .section-16 .guide_heading {
    background-color: #f489ea !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-16 h2,
  h2.section-16 {
    color: #f489ea !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-16.mu:before {
    background-color: #f489ea;
    border: 2px solid #f489ea;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-16.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-16.mu.e:before,
  .section-16 .guide-task_subheading {
    color: #f489ea !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-16 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-17,
  .section-17 .guide_heading {
    background-color: #ff85b3 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-17 h2,
  h2.section-17 {
    color: #ff85b3 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-17.mu:before {
    background-color: #ff85b3;
    border: 2px solid #ff85b3;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-17.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-17.mu.e:before,
  .section-17 .guide-task_subheading {
    color: #ff85b3 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-17 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-18,
  .section-18 .guide_heading {
    background-color: #ff9999 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-18 h2,
  h2.section-18 {
    color: #ff9999 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-18.mu:before {
    background-color: #ff9999;
    border: 2px solid #ff9999;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-18.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-18.mu.e:before,
  .section-18 .guide-task_subheading {
    color: #ff9999 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-18 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-19,
  .section-19 .guide_heading {
    background-color: #ffae93 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-19 h2,
  h2.section-19 {
    color: #ffae93 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-19.mu:before {
    background-color: #ffae93;
    border: 2px solid #ffae93;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-19.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-19.mu.e:before,
  .section-19 .guide-task_subheading {
    color: #ffae93 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-19 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1.section-20,
  .section-20 .guide_heading {
    background-color: #f7d780 !important;
    color: white;
  }
  /* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .h2.section-0.sub-20 h2,
  h2.section-20 {
    color: #f7d780 !important;
  }
  /* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-20.mu:before {
    background-color: #f7d780;
    border: 2px solid #f7d780;
  }
  /* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-20.mu.e:before {
    background-color: #fff;
  }
  /* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2.section-20.mu.e:before,
  .section-20 .guide-task_subheading {
    color: #f7d780 !important;
  }
  /* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .section-20 .guide-task_subheading {
    font-size: 24px;
  }
  /* line 252, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .mu.h1 {
    margin-left: -20px !important;
    margin-right: -20px !important;
    border: none !important;
  }
  /* line 258, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .main {
    min-width: 0;
    width: 675px;
  }
  /* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  body {
    background-color: white;
    height: 100%;
    width: 100%;
  }
  /* line 269, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  #outer-container {
    top: 0;
  }
  /* line 273, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  #status-bar {
    display: none !important;
  }
  /* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  #wiki-editor {
    display: none !important;
  }
  /* line 281, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .wiki #outer-container {
    left: 0;
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  /* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style {
    /* need function to change the background color of em elements to colored specified between the eme tags.*/
  }
  /* line 293, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style .section-0 h2 {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style .section-0 ul {
    list-style-type: none;
    margin-left: 20px !important;
    padding-left: 0 !important;
  }
  /* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style .page-break-inside-avoid {
    page-break-inside: avoid;
    margin: 0;
    padding: 0;
  }
  /* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style .page-break {
    page-break-after: always !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* line 316, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style p,
  .content.ca-style a,
  .content.ca-style b,
  .content.ca-style ol,
  .content.ca-style ul,
  .content.ca-style li {
    font-family: 'Droid Serif', serif !important;
    font-weight: normal;
    font-size: 9pt !important;
    line-height: 1.5em !important;
  }
  /* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style em {
    color: white;
    background-color: black;
    border-radius: 30px;
    display: inline-block;
    padding: 0 10px;
  }
  /* line 337, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style strong.colorTable {
    border-radius: 20px !important;
    padding: 0 7px !important;
    margin-right: 3px;
  }
  /* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style a {
    color: dodgerBlue;
    font-family: 'Lato', sans-serif;
    font-size: 10pt;
    text-decoration: none;
    page-break-after: avoid !important;
  }
  /* line 351, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style a:after {
    content: " [" attr(href) "] ";
  }
  /* line 355, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style b {
    font-weight: 800 !important;
  }
  /* line 359, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style h1,
  .content.ca-style h2,
  .content.ca-style h3,
  .content.ca-style h4,
  .content.ca-style p {
    display: block !important;
  }
  /* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style .info-boxes a img,
  .content.ca-style img {
    border: 1px solid #efefef;
    outline: 0;
  }
  /* line 374, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .content.ca-style img.align-center,
  .content.ca-style img.align-full {
    margin: 18px auto;
  }
  /* line 380, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  hr {
    border: none;
    padding: 0;
  }
  /* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1 {
    background-color: #3f4345;
    border-radius: 10px 10px 0 0;
    color: white;
    display: block;
    font-size: 14pt !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 32px 0 !important;
    padding: .5em 1.5em !important;
    page-break-before: always !important;
    text-align: left;
  }
  /* Sub-headings */
  /* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h2 {
    color: black;
    font-family: 'museo-sans-rounded', sans-serif;
    font-size: 12pt !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
    line-height: 1.8em;
    padding-bottom: .4em !important;
    padding-top: .4em !important;
    /*     padding: 60px 30px 10px 30px; */
    page-break-after: avoid !important;
  }
  /* Sub sub-headings*/
  /* line 414, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h3 {
    color: #333 !important;
    font-family: 'museo-sans-rounded', sans-serif;
    font-size: 12pt !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    page-break-after: avoid;
    margin: 10px 0 8px 0 !important;
  }
  /* line 424, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h4 {
    font-size: 11pt !important;
    font-family: 'museo-sans-rounded', sans-serif;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  /* line 431, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  code {
    background-color: #f0f0f0;
    font-size: 10pt;
    line-height: normal;
  }
  /* --------------------  FOOTER CSS -------------------- */
  /*   footer {
    display: block;
    border-radius: 0 0 10px 10px;
    bottom: 0;
    height: 34px;
    margin: 0;
    position: fixed;
    width: 100%;
  }

  footer:after {
    counter-increment: page;
    content: counter(page);
    color: #3f4345;
    border-radius: 100%;
    border: 2px solid #3f4345;
    display: block;
    float: right;
    font-family: 'Lato', sans-serif;
    height: 34px;
    line-height: 34px;
    margin-right: 0;
    position: relative;
    right: 20px;
    text-align: center;
    top: -10px;
    vertical-align: middle;
    width: 34px;
  } */
  /* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  figure,
  .content .code-output,
  .instructions .code-output {
    display: block;
    padding: 0;
    margin: 30px 0;
    width: initial;
    page-break-after: avoid !important;
  }
  /* line 484, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  figure div code {
    font-size: 9pt;
  }
  /* line 488, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  figure label,
  .content .code-output label,
  .instructions .code-output label {
    background-color: #3f4345;
    color: white;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 8pt;
    letter-spacing: 0.5px;
    padding: 5px;
    page-break-after: avoid !important;
  }
  /* line 501, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  figure div:nth-of-type(1) label {
    border-radius: 10px 0 0 0;
  }
  /* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  figure div:nth-of-type(2) label {
    border-radius: 0 10px 0 0;
  }
  /* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  nav.float {
    display: none;
  }
  /* line 515, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .main,
  #container,
  #main,
  #text-editor,
  #inner-container,
  #outer-container {
    background-color: white;
    border: 0;
    margin: 0;
    padding: 0;
  }
  /* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .main.floating-menu #menu {
    /*     background-color: rgba(0,0,255,0.1); */
    border: none;
    margin: 0;
    outline: 0;
    width: 100%;
  }
  /* container which contains the main content */
  /* line 531, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  #menu {
    background-color: white;
    display: block;
    margin: 0 !important;
    padding: 0 50px !important;
    /*Max width must be set to make sure the scaling is correct*/
    max-width: 675px;
    width: 100%;
  }
  /* line 541, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  #menu p:nth-of-type(1),
  .top-notification {
    display: none;
  }
  /* line 546, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  #container,
  #inner-container {
    background-color: #fff;
  }
  /* line 551, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1,
  h2,
  h3,
  h4,
  p,
  .ca-style p,
  .ca-style b,
  b,
  .ca-style a,
  table,
  code,
  figure,
  img {
    -webkit-print-color-adjust: exact;
  }
  /* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  h1,
  h2,
  h3,
  h4,
  p,
  .ca-style p,
  a,
  .ca-style a,
  code,
  img,
  table,
  ol,
  ul,
  .ca-style .info-boxes a img,
  .help img,
  figure,
  .content .code-output,
  .instructions .code-output,
  figure label,
  .content .code-output label,
  .instructions .code-output label,
  .h4-container,
  image {
    page-break-inside: avoid !important;
  }
  /* line 594, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  a {
    color: #49BBFF;
  }
  /* line 598, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .live-chat {
    display: none;
  }
  /* line 602, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .lesson-nav {
    border: none;
    padding: 15px 40px 0;
  }
  /* line 607, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guides {
    background-color: #fff;
    margin: 0;
    padding: 0;
  }
  /* line 612, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guides_container {
    background-color: #fff;
  }
  /* line 616, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guides_left-bar,
  .guides_right-bar,
  .guides .guide_toggle-wrapper {
    display: none;
  }
  /* line 622, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guides_content {
    margin: 0;
  }
  /* line 626, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guides_content,
  .guides .expandable-content {
    height: auto !important;
  }
  /* line 632, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide {
    page-break-before: always !important;
  }
  /* line 635, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_header,
  .guide-task.expandable {
    cursor: initial;
  }
  /* line 640, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task:hover .guide-task_header-wrapper {
    background-color: #fff !important;
  }
  /* line 644, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-nav_lesson-header,
  .guide-task_toggle {
    display: none;
  }
  /* line 649, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_controls {
    position: absolute;
    right: 0;
  }
  /* line 654, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_time {
    top: -5px;
  }
  /* line 658, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_header {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 663, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_header:hover {
    margin-top: 0;
  }
  /* line 667, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_wrapper {
    padding: 0;
  }
  /* line 671, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-content {
    border: none;
    padding: 0 40px;
  }
  /* line 676, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_information,
  .guide-task_information {
    width: 100%;
  }
  /* line 681, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_time {
    top: 14px;
    color: white;
    margin-right: 25px;
    opacity: 1;
  }
  /* line 688, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide_text {
    padding: 0 40px;
  }
  /* line 692, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_type {
    top: 20px;
  }
  /* line 696, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task:hover .guide-task_header-wrapper {
    background-color: #fff;
  }
  /* line 700, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_wrapper,
  .guide-task_header-wrapper {
    border: none !important;
  }
  /* line 705, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_header-wrapper {
    padding: 0 40px;
  }
  /* line 709, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_header {
    margin-bottom: 15px;
  }
  /* line 713, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_subheading,
  .guide-task_heading {
    display: inline-block;
    float: left;
    width: initial;
  }
  /* line 720, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
  .guide-task_subheading {
    margin-right: 15px !important;
  }
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print {
  /* Sub-headings */
  /* Sub sub-headings*/
  /* --------------------  FOOTER CSS -------------------- */
  /*   footer {
    display: block;
    border-radius: 0 0 10px 10px;
    bottom: 0;
    height: 34px;
    margin: 0;
    position: fixed;
    width: 100%;
  }

  footer:after {
    counter-increment: page;
    content: counter(page);
    color: #3f4345;
    border-radius: 100%;
    border: 2px solid #3f4345;
    display: block;
    float: right;
    font-family: 'Lato', sans-serif;
    height: 34px;
    line-height: 34px;
    margin-right: 0;
    position: relative;
    right: 20px;
    text-align: center;
    top: -10px;
    vertical-align: middle;
    width: 34px;
  } */
  /* container which contains the main content */
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .aside {
  display: block !important;
  page-break-inside: avoid !important;
  position: relative !important;
}
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .inner-container * {
  float: none !important;
  position: relative !important;
}
/* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guides_container {
  max-width: 800px;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide.expandable {
  display: block;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  page-break-after: always !important;
  page-break-before: always !important;
  position: relative;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .mu-container {
  /*
    padding-left: 30px;
    padding-right: 30px;
    */
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-0,
.m-print .section-0 .guide_heading {
  background-color: #798092 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-0 h2,
.m-print h2.section-0 {
  color: #798092 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-0.mu:before {
  background-color: #798092;
  border: 2px solid #798092;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-0.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-0.mu.e:before,
.m-print .section-0 .guide-task_subheading {
  color: #798092 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-0 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-1,
.m-print .section-1 .guide_heading {
  background-color: #b8f670 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-1 h2,
.m-print h2.section-1 {
  color: #b8f670 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-1.mu:before {
  background-color: #b8f670;
  border: 2px solid #b8f670;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-1.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-1.mu.e:before,
.m-print .section-1 .guide-task_subheading {
  color: #b8f670 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-1 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-2,
.m-print .section-2 .guide_heading {
  background-color: #65ed98 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-2 h2,
.m-print h2.section-2 {
  color: #65ed98 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-2.mu:before {
  background-color: #65ed98;
  border: 2px solid #65ed98;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-2.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-2.mu.e:before,
.m-print .section-2 .guide-task_subheading {
  color: #65ed98 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-2 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-3,
.m-print .section-3 .guide_heading {
  background-color: #3fdde0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-3 h2,
.m-print h2.section-3 {
  color: #3fdde0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-3.mu:before {
  background-color: #3fdde0;
  border: 2px solid #3fdde0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-3.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-3.mu.e:before,
.m-print .section-3 .guide-task_subheading {
  color: #3fdde0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-3 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-4,
.m-print .section-4 .guide_heading {
  background-color: #6cb3f0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-4 h2,
.m-print h2.section-4 {
  color: #6cb3f0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-4.mu:before {
  background-color: #6cb3f0;
  border: 2px solid #6cb3f0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-4.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-4.mu.e:before,
.m-print .section-4 .guide-task_subheading {
  color: #6cb3f0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-4 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-5,
.m-print .section-5 .guide_heading {
  background-color: #a09bee !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-5 h2,
.m-print h2.section-5 {
  color: #a09bee !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-5.mu:before {
  background-color: #a09bee;
  border: 2px solid #a09bee;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-5.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-5.mu.e:before,
.m-print .section-5 .guide-task_subheading {
  color: #a09bee !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-5 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-6,
.m-print .section-6 .guide_heading {
  background-color: #f489ea !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-6 h2,
.m-print h2.section-6 {
  color: #f489ea !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-6.mu:before {
  background-color: #f489ea;
  border: 2px solid #f489ea;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-6.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-6.mu.e:before,
.m-print .section-6 .guide-task_subheading {
  color: #f489ea !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-6 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-7,
.m-print .section-7 .guide_heading {
  background-color: #ff85b3 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-7 h2,
.m-print h2.section-7 {
  color: #ff85b3 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-7.mu:before {
  background-color: #ff85b3;
  border: 2px solid #ff85b3;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-7.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-7.mu.e:before,
.m-print .section-7 .guide-task_subheading {
  color: #ff85b3 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-7 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-8,
.m-print .section-8 .guide_heading {
  background-color: #ff9999 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-8 h2,
.m-print h2.section-8 {
  color: #ff9999 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-8.mu:before {
  background-color: #ff9999;
  border: 2px solid #ff9999;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-8.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-8.mu.e:before,
.m-print .section-8 .guide-task_subheading {
  color: #ff9999 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-8 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-9,
.m-print .section-9 .guide_heading {
  background-color: #ffae93 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-9 h2,
.m-print h2.section-9 {
  color: #ffae93 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-9.mu:before {
  background-color: #ffae93;
  border: 2px solid #ffae93;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-9.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-9.mu.e:before,
.m-print .section-9 .guide-task_subheading {
  color: #ffae93 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-9 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-10,
.m-print .section-10 .guide_heading {
  background-color: #f7d780 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-10 h2,
.m-print h2.section-10 {
  color: #f7d780 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-10.mu:before {
  background-color: #f7d780;
  border: 2px solid #f7d780;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-10.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-10.mu.e:before,
.m-print .section-10 .guide-task_subheading {
  color: #f7d780 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-10 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-11,
.m-print .section-11 .guide_heading {
  background-color: #b8f670 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-11 h2,
.m-print h2.section-11 {
  color: #b8f670 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-11.mu:before {
  background-color: #b8f670;
  border: 2px solid #b8f670;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-11.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-11.mu.e:before,
.m-print .section-11 .guide-task_subheading {
  color: #b8f670 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-11 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-12,
.m-print .section-12 .guide_heading {
  background-color: #65ed98 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-12 h2,
.m-print h2.section-12 {
  color: #65ed98 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-12.mu:before {
  background-color: #65ed98;
  border: 2px solid #65ed98;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-12.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-12.mu.e:before,
.m-print .section-12 .guide-task_subheading {
  color: #65ed98 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-12 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-13,
.m-print .section-13 .guide_heading {
  background-color: #3fdde0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-13 h2,
.m-print h2.section-13 {
  color: #3fdde0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-13.mu:before {
  background-color: #3fdde0;
  border: 2px solid #3fdde0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-13.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-13.mu.e:before,
.m-print .section-13 .guide-task_subheading {
  color: #3fdde0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-13 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-14,
.m-print .section-14 .guide_heading {
  background-color: #6cb3f0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-14 h2,
.m-print h2.section-14 {
  color: #6cb3f0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-14.mu:before {
  background-color: #6cb3f0;
  border: 2px solid #6cb3f0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-14.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-14.mu.e:before,
.m-print .section-14 .guide-task_subheading {
  color: #6cb3f0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-14 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-15,
.m-print .section-15 .guide_heading {
  background-color: #a09bee !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-15 h2,
.m-print h2.section-15 {
  color: #a09bee !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-15.mu:before {
  background-color: #a09bee;
  border: 2px solid #a09bee;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-15.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-15.mu.e:before,
.m-print .section-15 .guide-task_subheading {
  color: #a09bee !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-15 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-16,
.m-print .section-16 .guide_heading {
  background-color: #f489ea !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-16 h2,
.m-print h2.section-16 {
  color: #f489ea !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-16.mu:before {
  background-color: #f489ea;
  border: 2px solid #f489ea;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-16.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-16.mu.e:before,
.m-print .section-16 .guide-task_subheading {
  color: #f489ea !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-16 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-17,
.m-print .section-17 .guide_heading {
  background-color: #ff85b3 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-17 h2,
.m-print h2.section-17 {
  color: #ff85b3 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-17.mu:before {
  background-color: #ff85b3;
  border: 2px solid #ff85b3;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-17.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-17.mu.e:before,
.m-print .section-17 .guide-task_subheading {
  color: #ff85b3 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-17 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-18,
.m-print .section-18 .guide_heading {
  background-color: #ff9999 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-18 h2,
.m-print h2.section-18 {
  color: #ff9999 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-18.mu:before {
  background-color: #ff9999;
  border: 2px solid #ff9999;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-18.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-18.mu.e:before,
.m-print .section-18 .guide-task_subheading {
  color: #ff9999 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-18 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-19,
.m-print .section-19 .guide_heading {
  background-color: #ffae93 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-19 h2,
.m-print h2.section-19 {
  color: #ffae93 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-19.mu:before {
  background-color: #ffae93;
  border: 2px solid #ffae93;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-19.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-19.mu.e:before,
.m-print .section-19 .guide-task_subheading {
  color: #ffae93 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-19 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1.section-20,
.m-print .section-20 .guide_heading {
  background-color: #f7d780 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .h2.section-0.sub-20 h2,
.m-print h2.section-20 {
  color: #f7d780 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-20.mu:before {
  background-color: #f7d780;
  border: 2px solid #f7d780;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-20.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2.section-20.mu.e:before,
.m-print .section-20 .guide-task_subheading {
  color: #f7d780 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .section-20 .guide-task_subheading {
  font-size: 24px;
}
/* line 252, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .mu.h1 {
  margin-left: -20px !important;
  margin-right: -20px !important;
  border: none !important;
}
/* line 258, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .main {
  min-width: 0;
  width: 675px;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print body {
  background-color: white;
  height: 100%;
  width: 100%;
}
/* line 269, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print #outer-container {
  top: 0;
}
/* line 273, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print #status-bar {
  display: none !important;
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print #wiki-editor {
  display: none !important;
}
/* line 281, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .wiki #outer-container {
  left: 0;
  width: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style {
  /* need function to change the background color of em elements to colored specified between the eme tags.*/
}
/* line 293, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style .section-0 h2 {
  margin: 0 !important;
  padding-bottom: 0 !important;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style .section-0 ul {
  list-style-type: none;
  margin-left: 20px !important;
  padding-left: 0 !important;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style .page-break-inside-avoid {
  page-break-inside: avoid;
  margin: 0;
  padding: 0;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style .page-break {
  page-break-after: always !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* line 316, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style p,
.m-print .content.ca-style a,
.m-print .content.ca-style b,
.m-print .content.ca-style ol,
.m-print .content.ca-style ul,
.m-print .content.ca-style li {
  font-family: 'Droid Serif', serif !important;
  font-weight: normal;
  font-size: 9pt !important;
  line-height: 1.5em !important;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style em {
  color: white;
  background-color: black;
  border-radius: 30px;
  display: inline-block;
  padding: 0 10px;
}
/* line 337, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style strong.colorTable {
  border-radius: 20px !important;
  padding: 0 7px !important;
  margin-right: 3px;
}
/* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style a {
  color: dodgerBlue;
  font-family: 'Lato', sans-serif;
  font-size: 10pt;
  text-decoration: none;
  page-break-after: avoid !important;
}
/* line 351, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style a:after {
  content: " [" attr(href) "] ";
}
/* line 355, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style b {
  font-weight: 800 !important;
}
/* line 359, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style h1,
.m-print .content.ca-style h2,
.m-print .content.ca-style h3,
.m-print .content.ca-style h4,
.m-print .content.ca-style p {
  display: block !important;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style .info-boxes a img,
.m-print .content.ca-style img {
  border: 1px solid #efefef;
  outline: 0;
}
/* line 374, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .content.ca-style img.align-center,
.m-print .content.ca-style img.align-full {
  margin: 18px auto;
}
/* line 380, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print hr {
  border: none;
  padding: 0;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1 {
  background-color: #3f4345;
  border-radius: 10px 10px 0 0;
  color: white;
  display: block;
  font-size: 14pt !important;
  font-weight: bold !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 32px 0 !important;
  padding: .5em 1.5em !important;
  page-break-before: always !important;
  text-align: left;
}
/* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h2 {
  color: black;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 12pt !important;
  font-weight: 700 !important;
  letter-spacing: .5px;
  line-height: 1.8em;
  padding-bottom: .4em !important;
  padding-top: .4em !important;
  /*     padding: 60px 30px 10px 30px; */
  page-break-after: avoid !important;
}
/* line 414, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h3 {
  color: #333 !important;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 12pt !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  page-break-after: avoid;
  margin: 10px 0 8px 0 !important;
}
/* line 424, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h4 {
  font-size: 11pt !important;
  font-family: 'museo-sans-rounded', sans-serif;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
/* line 431, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print code {
  background-color: #f0f0f0;
  font-size: 10pt;
  line-height: normal;
}
/* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print figure,
.m-print .content .code-output,
.m-print .instructions .code-output {
  display: block;
  padding: 0;
  margin: 30px 0;
  width: initial;
  page-break-after: avoid !important;
}
/* line 484, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print figure div code {
  font-size: 9pt;
}
/* line 488, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print figure label,
.m-print .content .code-output label,
.m-print .instructions .code-output label {
  background-color: #3f4345;
  color: white;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 8pt;
  letter-spacing: 0.5px;
  padding: 5px;
  page-break-after: avoid !important;
}
/* line 501, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print figure div:nth-of-type(1) label {
  border-radius: 10px 0 0 0;
}
/* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print figure div:nth-of-type(2) label {
  border-radius: 0 10px 0 0;
}
/* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print nav.float {
  display: none;
}
/* line 515, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .main,
.m-print #container,
.m-print #main,
.m-print #text-editor,
.m-print #inner-container,
.m-print #outer-container {
  background-color: white;
  border: 0;
  margin: 0;
  padding: 0;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .main.floating-menu #menu {
  /*     background-color: rgba(0,0,255,0.1); */
  border: none;
  margin: 0;
  outline: 0;
  width: 100%;
}
/* line 531, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print #menu {
  background-color: white;
  display: block;
  margin: 0 !important;
  padding: 0 50px !important;
  /*Max width must be set to make sure the scaling is correct*/
  max-width: 675px;
  width: 100%;
}
/* line 541, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print #menu p:nth-of-type(1),
.m-print .top-notification {
  display: none;
}
/* line 546, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print #container,
.m-print #inner-container {
  background-color: #fff;
}
/* line 551, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1,
.m-print h2,
.m-print h3,
.m-print h4,
.m-print p,
.m-print .ca-style p,
.m-print .ca-style b,
.m-print b,
.m-print .ca-style a,
.m-print table,
.m-print code,
.m-print figure,
.m-print img {
  -webkit-print-color-adjust: exact;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print h1,
.m-print h2,
.m-print h3,
.m-print h4,
.m-print p,
.m-print .ca-style p,
.m-print a,
.m-print .ca-style a,
.m-print code,
.m-print img,
.m-print table,
.m-print ol,
.m-print ul,
.m-print .ca-style .info-boxes a img,
.m-print .help img,
.m-print figure,
.m-print .content .code-output,
.m-print .instructions .code-output,
.m-print figure label,
.m-print .content .code-output label,
.m-print .instructions .code-output label,
.m-print .h4-container,
.m-print image {
  page-break-inside: avoid !important;
}
/* line 594, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print a {
  color: #49BBFF;
}
/* line 598, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .live-chat {
  display: none;
}
/* line 602, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .lesson-nav {
  border: none;
  padding: 15px 40px 0;
}
/* line 607, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guides {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
/* line 612, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guides_container {
  background-color: #fff;
}
/* line 616, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guides_left-bar,
.m-print .guides_right-bar,
.m-print .guides .guide_toggle-wrapper {
  display: none;
}
/* line 622, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guides_content {
  margin: 0;
}
/* line 626, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guides_content,
.m-print .guides .expandable-content {
  height: auto !important;
}
/* line 632, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide {
  page-break-before: always !important;
}
/* line 635, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_header,
.m-print .guide-task.expandable {
  cursor: initial;
}
/* line 640, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task:hover .m-print .guide-task_header-wrapper {
  background-color: #fff !important;
}
/* line 644, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-nav_lesson-header,
.m-print .guide-task_toggle {
  display: none;
}
/* line 649, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_controls {
  position: absolute;
  right: 0;
}
/* line 654, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_time {
  top: -5px;
}
/* line 658, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_header {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 663, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_header:hover {
  margin-top: 0;
}
/* line 667, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_wrapper {
  padding: 0;
}
/* line 671, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-content {
  border: none;
  padding: 0 40px;
}
/* line 676, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_information,
.m-print .guide-task_information {
  width: 100%;
}
/* line 681, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_time {
  top: 14px;
  color: white;
  margin-right: 25px;
  opacity: 1;
}
/* line 688, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide_text {
  padding: 0 40px;
}
/* line 692, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_type {
  top: 20px;
}
/* line 696, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task:hover .m-print .guide-task_header-wrapper {
  background-color: #fff;
}
/* line 700, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_wrapper,
.m-print .guide-task_header-wrapper {
  border: none !important;
}
/* line 705, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_header-wrapper {
  padding: 0 40px;
}
/* line 709, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_header {
  margin-bottom: 15px;
}
/* line 713, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_subheading,
.m-print .guide-task_heading {
  display: inline-block;
  float: left;
  width: initial;
}
/* line 720, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.m-print .guide-task_subheading {
  margin-right: 15px !important;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode {
  /* Sub-headings */
  /* Sub sub-headings*/
  /* --------------------  FOOTER CSS -------------------- */
  /*   footer {
    display: block;
    border-radius: 0 0 10px 10px;
    bottom: 0;
    height: 34px;
    margin: 0;
    position: fixed;
    width: 100%;
  }

  footer:after {
    counter-increment: page;
    content: counter(page);
    color: #3f4345;
    border-radius: 100%;
    border: 2px solid #3f4345;
    display: block;
    float: right;
    font-family: 'Lato', sans-serif;
    height: 34px;
    line-height: 34px;
    margin-right: 0;
    position: relative;
    right: 20px;
    text-align: center;
    top: -10px;
    vertical-align: middle;
    width: 34px;
  } */
  /* container which contains the main content */
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .aside {
  display: block !important;
  page-break-inside: avoid !important;
  position: relative !important;
}
/* line 202, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .inner-container * {
  float: none !important;
  position: relative !important;
}
/* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guides_container {
  max-width: 800px;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide.expandable {
  display: block;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  page-break-after: always !important;
  page-break-before: always !important;
  position: relative;
}
/* line 220, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .mu-container {
  /*
    padding-left: 30px;
    padding-right: 30px;
    */
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-0,
.print-mode .section-0 .guide_heading {
  background-color: #798092 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-0 h2,
.print-mode h2.section-0 {
  color: #798092 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-0.mu:before {
  background-color: #798092;
  border: 2px solid #798092;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-0.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-0.mu.e:before,
.print-mode .section-0 .guide-task_subheading {
  color: #798092 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-0 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-1,
.print-mode .section-1 .guide_heading {
  background-color: #b8f670 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-1 h2,
.print-mode h2.section-1 {
  color: #b8f670 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-1.mu:before {
  background-color: #b8f670;
  border: 2px solid #b8f670;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-1.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-1.mu.e:before,
.print-mode .section-1 .guide-task_subheading {
  color: #b8f670 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-1 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-2,
.print-mode .section-2 .guide_heading {
  background-color: #65ed98 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-2 h2,
.print-mode h2.section-2 {
  color: #65ed98 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-2.mu:before {
  background-color: #65ed98;
  border: 2px solid #65ed98;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-2.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-2.mu.e:before,
.print-mode .section-2 .guide-task_subheading {
  color: #65ed98 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-2 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-3,
.print-mode .section-3 .guide_heading {
  background-color: #3fdde0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-3 h2,
.print-mode h2.section-3 {
  color: #3fdde0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-3.mu:before {
  background-color: #3fdde0;
  border: 2px solid #3fdde0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-3.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-3.mu.e:before,
.print-mode .section-3 .guide-task_subheading {
  color: #3fdde0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-3 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-4,
.print-mode .section-4 .guide_heading {
  background-color: #6cb3f0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-4 h2,
.print-mode h2.section-4 {
  color: #6cb3f0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-4.mu:before {
  background-color: #6cb3f0;
  border: 2px solid #6cb3f0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-4.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-4.mu.e:before,
.print-mode .section-4 .guide-task_subheading {
  color: #6cb3f0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-4 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-5,
.print-mode .section-5 .guide_heading {
  background-color: #a09bee !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-5 h2,
.print-mode h2.section-5 {
  color: #a09bee !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-5.mu:before {
  background-color: #a09bee;
  border: 2px solid #a09bee;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-5.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-5.mu.e:before,
.print-mode .section-5 .guide-task_subheading {
  color: #a09bee !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-5 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-6,
.print-mode .section-6 .guide_heading {
  background-color: #f489ea !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-6 h2,
.print-mode h2.section-6 {
  color: #f489ea !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-6.mu:before {
  background-color: #f489ea;
  border: 2px solid #f489ea;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-6.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-6.mu.e:before,
.print-mode .section-6 .guide-task_subheading {
  color: #f489ea !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-6 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-7,
.print-mode .section-7 .guide_heading {
  background-color: #ff85b3 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-7 h2,
.print-mode h2.section-7 {
  color: #ff85b3 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-7.mu:before {
  background-color: #ff85b3;
  border: 2px solid #ff85b3;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-7.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-7.mu.e:before,
.print-mode .section-7 .guide-task_subheading {
  color: #ff85b3 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-7 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-8,
.print-mode .section-8 .guide_heading {
  background-color: #ff9999 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-8 h2,
.print-mode h2.section-8 {
  color: #ff9999 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-8.mu:before {
  background-color: #ff9999;
  border: 2px solid #ff9999;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-8.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-8.mu.e:before,
.print-mode .section-8 .guide-task_subheading {
  color: #ff9999 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-8 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-9,
.print-mode .section-9 .guide_heading {
  background-color: #ffae93 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-9 h2,
.print-mode h2.section-9 {
  color: #ffae93 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-9.mu:before {
  background-color: #ffae93;
  border: 2px solid #ffae93;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-9.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-9.mu.e:before,
.print-mode .section-9 .guide-task_subheading {
  color: #ffae93 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-9 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-10,
.print-mode .section-10 .guide_heading {
  background-color: #f7d780 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-10 h2,
.print-mode h2.section-10 {
  color: #f7d780 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-10.mu:before {
  background-color: #f7d780;
  border: 2px solid #f7d780;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-10.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-10.mu.e:before,
.print-mode .section-10 .guide-task_subheading {
  color: #f7d780 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-10 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-11,
.print-mode .section-11 .guide_heading {
  background-color: #b8f670 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-11 h2,
.print-mode h2.section-11 {
  color: #b8f670 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-11.mu:before {
  background-color: #b8f670;
  border: 2px solid #b8f670;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-11.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-11.mu.e:before,
.print-mode .section-11 .guide-task_subheading {
  color: #b8f670 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-11 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-12,
.print-mode .section-12 .guide_heading {
  background-color: #65ed98 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-12 h2,
.print-mode h2.section-12 {
  color: #65ed98 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-12.mu:before {
  background-color: #65ed98;
  border: 2px solid #65ed98;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-12.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-12.mu.e:before,
.print-mode .section-12 .guide-task_subheading {
  color: #65ed98 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-12 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-13,
.print-mode .section-13 .guide_heading {
  background-color: #3fdde0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-13 h2,
.print-mode h2.section-13 {
  color: #3fdde0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-13.mu:before {
  background-color: #3fdde0;
  border: 2px solid #3fdde0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-13.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-13.mu.e:before,
.print-mode .section-13 .guide-task_subheading {
  color: #3fdde0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-13 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-14,
.print-mode .section-14 .guide_heading {
  background-color: #6cb3f0 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-14 h2,
.print-mode h2.section-14 {
  color: #6cb3f0 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-14.mu:before {
  background-color: #6cb3f0;
  border: 2px solid #6cb3f0;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-14.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-14.mu.e:before,
.print-mode .section-14 .guide-task_subheading {
  color: #6cb3f0 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-14 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-15,
.print-mode .section-15 .guide_heading {
  background-color: #a09bee !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-15 h2,
.print-mode h2.section-15 {
  color: #a09bee !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-15.mu:before {
  background-color: #a09bee;
  border: 2px solid #a09bee;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-15.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-15.mu.e:before,
.print-mode .section-15 .guide-task_subheading {
  color: #a09bee !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-15 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-16,
.print-mode .section-16 .guide_heading {
  background-color: #f489ea !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-16 h2,
.print-mode h2.section-16 {
  color: #f489ea !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-16.mu:before {
  background-color: #f489ea;
  border: 2px solid #f489ea;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-16.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-16.mu.e:before,
.print-mode .section-16 .guide-task_subheading {
  color: #f489ea !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-16 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-17,
.print-mode .section-17 .guide_heading {
  background-color: #ff85b3 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-17 h2,
.print-mode h2.section-17 {
  color: #ff85b3 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-17.mu:before {
  background-color: #ff85b3;
  border: 2px solid #ff85b3;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-17.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-17.mu.e:before,
.print-mode .section-17 .guide-task_subheading {
  color: #ff85b3 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-17 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-18,
.print-mode .section-18 .guide_heading {
  background-color: #ff9999 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-18 h2,
.print-mode h2.section-18 {
  color: #ff9999 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-18.mu:before {
  background-color: #ff9999;
  border: 2px solid #ff9999;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-18.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-18.mu.e:before,
.print-mode .section-18 .guide-task_subheading {
  color: #ff9999 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-18 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-19,
.print-mode .section-19 .guide_heading {
  background-color: #ffae93 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-19 h2,
.print-mode h2.section-19 {
  color: #ffae93 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-19.mu:before {
  background-color: #ffae93;
  border: 2px solid #ffae93;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-19.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-19.mu.e:before,
.print-mode .section-19 .guide-task_subheading {
  color: #ffae93 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-19 .guide-task_subheading {
  font-size: 24px;
}
/* line 140, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1.section-20,
.print-mode .section-20 .guide_heading {
  background-color: #f7d780 !important;
  color: white;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .h2.section-0.sub-20 h2,
.print-mode h2.section-20 {
  color: #f7d780 !important;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-20.mu:before {
  background-color: #f7d780;
  border: 2px solid #f7d780;
}
/* line 156, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-20.mu.e:before {
  background-color: #fff;
}
/* line 160, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2.section-20.mu.e:before,
.print-mode .section-20 .guide-task_subheading {
  color: #f7d780 !important;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .section-20 .guide-task_subheading {
  font-size: 24px;
}
/* line 252, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .mu.h1 {
  margin-left: -20px !important;
  margin-right: -20px !important;
  border: none !important;
}
/* line 258, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .main {
  min-width: 0;
  width: 675px;
}
/* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode body {
  background-color: white;
  height: 100%;
  width: 100%;
}
/* line 269, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode #outer-container {
  top: 0;
}
/* line 273, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode #status-bar {
  display: none !important;
}
/* line 277, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode #wiki-editor {
  display: none !important;
}
/* line 281, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .wiki #outer-container {
  left: 0;
  width: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style {
  /* need function to change the background color of em elements to colored specified between the eme tags.*/
}
/* line 293, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style .section-0 h2 {
  margin: 0 !important;
  padding-bottom: 0 !important;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style .section-0 ul {
  list-style-type: none;
  margin-left: 20px !important;
  padding-left: 0 !important;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style .page-break-inside-avoid {
  page-break-inside: avoid;
  margin: 0;
  padding: 0;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style .page-break {
  page-break-after: always !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* line 316, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style p,
.print-mode .content.ca-style a,
.print-mode .content.ca-style b,
.print-mode .content.ca-style ol,
.print-mode .content.ca-style ul,
.print-mode .content.ca-style li {
  font-family: 'Droid Serif', serif !important;
  font-weight: normal;
  font-size: 9pt !important;
  line-height: 1.5em !important;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style em {
  color: white;
  background-color: black;
  border-radius: 30px;
  display: inline-block;
  padding: 0 10px;
}
/* line 337, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style strong.colorTable {
  border-radius: 20px !important;
  padding: 0 7px !important;
  margin-right: 3px;
}
/* line 343, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style a {
  color: dodgerBlue;
  font-family: 'Lato', sans-serif;
  font-size: 10pt;
  text-decoration: none;
  page-break-after: avoid !important;
}
/* line 351, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style a:after {
  content: " [" attr(href) "] ";
}
/* line 355, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style b {
  font-weight: 800 !important;
}
/* line 359, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style h1,
.print-mode .content.ca-style h2,
.print-mode .content.ca-style h3,
.print-mode .content.ca-style h4,
.print-mode .content.ca-style p {
  display: block !important;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style .info-boxes a img,
.print-mode .content.ca-style img {
  border: 1px solid #efefef;
  outline: 0;
}
/* line 374, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .content.ca-style img.align-center,
.print-mode .content.ca-style img.align-full {
  margin: 18px auto;
}
/* line 380, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode hr {
  border: none;
  padding: 0;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1 {
  background-color: #3f4345;
  border-radius: 10px 10px 0 0;
  color: white;
  display: block;
  font-size: 14pt !important;
  font-weight: bold !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 32px 0 !important;
  padding: .5em 1.5em !important;
  page-break-before: always !important;
  text-align: left;
}
/* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h2 {
  color: black;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 12pt !important;
  font-weight: 700 !important;
  letter-spacing: .5px;
  line-height: 1.8em;
  padding-bottom: .4em !important;
  padding-top: .4em !important;
  /*     padding: 60px 30px 10px 30px; */
  page-break-after: avoid !important;
}
/* line 414, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h3 {
  color: #333 !important;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 12pt !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  page-break-after: avoid;
  margin: 10px 0 8px 0 !important;
}
/* line 424, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h4 {
  font-size: 11pt !important;
  font-family: 'museo-sans-rounded', sans-serif;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
/* line 431, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode code {
  background-color: #f0f0f0;
  font-size: 10pt;
  line-height: normal;
}
/* line 474, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode figure,
.print-mode .content .code-output,
.print-mode .instructions .code-output {
  display: block;
  padding: 0;
  margin: 30px 0;
  width: initial;
  page-break-after: avoid !important;
}
/* line 484, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode figure div code {
  font-size: 9pt;
}
/* line 488, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode figure label,
.print-mode .content .code-output label,
.print-mode .instructions .code-output label {
  background-color: #3f4345;
  color: white;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 8pt;
  letter-spacing: 0.5px;
  padding: 5px;
  page-break-after: avoid !important;
}
/* line 501, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode figure div:nth-of-type(1) label {
  border-radius: 10px 0 0 0;
}
/* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode figure div:nth-of-type(2) label {
  border-radius: 0 10px 0 0;
}
/* line 511, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode nav.float {
  display: none;
}
/* line 515, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .main,
.print-mode #container,
.print-mode #main,
.print-mode #text-editor,
.print-mode #inner-container,
.print-mode #outer-container {
  background-color: white;
  border: 0;
  margin: 0;
  padding: 0;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .main.floating-menu #menu {
  /*     background-color: rgba(0,0,255,0.1); */
  border: none;
  margin: 0;
  outline: 0;
  width: 100%;
}
/* line 531, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode #menu {
  background-color: white;
  display: block;
  margin: 0 !important;
  padding: 0 50px !important;
  /*Max width must be set to make sure the scaling is correct*/
  max-width: 675px;
  width: 100%;
}
/* line 541, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode #menu p:nth-of-type(1),
.print-mode .top-notification {
  display: none;
}
/* line 546, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode #container,
.print-mode #inner-container {
  background-color: #fff;
}
/* line 551, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1,
.print-mode h2,
.print-mode h3,
.print-mode h4,
.print-mode p,
.print-mode .ca-style p,
.print-mode .ca-style b,
.print-mode b,
.print-mode .ca-style a,
.print-mode table,
.print-mode code,
.print-mode figure,
.print-mode img {
  -webkit-print-color-adjust: exact;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode h1,
.print-mode h2,
.print-mode h3,
.print-mode h4,
.print-mode p,
.print-mode .ca-style p,
.print-mode a,
.print-mode .ca-style a,
.print-mode code,
.print-mode img,
.print-mode table,
.print-mode ol,
.print-mode ul,
.print-mode .ca-style .info-boxes a img,
.print-mode .help img,
.print-mode figure,
.print-mode .content .code-output,
.print-mode .instructions .code-output,
.print-mode figure label,
.print-mode .content .code-output label,
.print-mode .instructions .code-output label,
.print-mode .h4-container,
.print-mode image {
  page-break-inside: avoid !important;
}
/* line 594, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode a {
  color: #49BBFF;
}
/* line 598, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .live-chat {
  display: none;
}
/* line 602, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .lesson-nav {
  border: none;
  padding: 15px 40px 0;
}
/* line 607, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guides {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
/* line 612, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guides_container {
  background-color: #fff;
}
/* line 616, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guides_left-bar,
.print-mode .guides_right-bar,
.print-mode .guides .guide_toggle-wrapper {
  display: none;
}
/* line 622, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guides_content {
  margin: 0;
}
/* line 626, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guides_content,
.print-mode .guides .expandable-content {
  height: auto !important;
}
/* line 632, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide {
  page-break-before: always !important;
}
/* line 635, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_header,
.print-mode .guide-task.expandable {
  cursor: initial;
}
/* line 640, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task:hover .print-mode .guide-task_header-wrapper {
  background-color: #fff !important;
}
/* line 644, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-nav_lesson-header,
.print-mode .guide-task_toggle {
  display: none;
}
/* line 649, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_controls {
  position: absolute;
  right: 0;
}
/* line 654, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_time {
  top: -5px;
}
/* line 658, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_header {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 663, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_header:hover {
  margin-top: 0;
}
/* line 667, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_wrapper {
  padding: 0;
}
/* line 671, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-content {
  border: none;
  padding: 0 40px;
}
/* line 676, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_information,
.print-mode .guide-task_information {
  width: 100%;
}
/* line 681, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_time {
  top: 14px;
  color: white;
  margin-right: 25px;
  opacity: 1;
}
/* line 688, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide_text {
  padding: 0 40px;
}
/* line 692, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_type {
  top: 20px;
}
/* line 696, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task:hover .print-mode .guide-task_header-wrapper {
  background-color: #fff;
}
/* line 700, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_wrapper,
.print-mode .guide-task_header-wrapper {
  border: none !important;
}
/* line 705, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_header-wrapper {
  padding: 0 40px;
}
/* line 709, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_header {
  margin-bottom: 15px;
}
/* line 713, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_subheading,
.print-mode .guide-task_heading {
  display: inline-block;
  float: left;
  width: initial;
}
/* line 720, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\print.less */
.print-mode .guide-task_subheading {
  margin-right: 15px !important;
}
/*
@page {
  margin: auto;
  orphans: 3;
  widows: 1;
}
*/
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\banner.less */
.banner-container {
  color: #fff;
  padding: 30px 130px 30px 0;
  position: relative;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\banner.less */
.banner-container_header {
  font-size: 18px;
}
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\banner.less */
.banner-container_text {
  font-size: 15px;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\banner.less */
.banner-container_button {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  right: 0;
}
@media (min-width: 992px) {
  /* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\banner.less */
  .banner-container {
    padding: 30px 0;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweets-container {
  color: #000;
  padding: 60px 0;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.tweets-container:before,
.tweets-container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.tweets-container:after {
  clear: both;
}
/* line 6, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweets-container_header {
  font-size: 24px;
  margin-bottom: 40px;
  text-align: center;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container {
  display: none;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container:nth-of-type(1) {
  display: block;
}
@media (min-width: 992px) {
  /* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
  .tweet-container:nth-of-type(2) {
    display: block;
  }
}
@media (min-width: 1200px) {
  /* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
  .tweet-container:nth-of-type(3) {
    display: block;
  }
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container:hover {
  cursor: pointer;
  opacity: .8;
}
/* line 38, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_content {
  margin: 0 auto;
  position: relative;
  max-width: 305px;
  width: 100%;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_tweet {
  display: block;
  font-size: 17px;
  height: 100px;
  margin-bottom: 20px;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_tweet-link {
  color: #7b54d9;
  text-decoration: none;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_tweet-link:hover {
  color: #4924a3;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_name,
.tweet-container_username {
  color: #7B8093;
  font-size: 14px;
  line-height: 1.2em;
  text-decoration: none;
}
/* line 67, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_name {
  font-weight: bold;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_username:hover {
  color: #4c4f5c;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\tweets.less */
.tweet-container_icon {
  bottom: 0;
  color: #7B8093;
  position: absolute;
  right: 20px;
}
/*--- profile info header ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_background {
  background-size: cover;
  height: 250px;
  padding: 60px 20px 60px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
/* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_overlay {
  height: 250px;
  margin-top: 59px;
  opacity: 1;
  padding: 30px 0 30px;
  position: relative;
  z-index: 2;
}
@media (min-width: 767px) {
  /* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
  .profile-info_overlay,
  .profile-info_background {
    height: 200px;
  }
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-1 {
  background-image: url('/images/profile/profile-bg-1.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-2 {
  background-image: url('/images/profile/profile-bg-2.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-3 {
  background-image: url('/images/profile/profile-bg-3.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-4 {
  background-image: url('/images/profile/profile-bg-4.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-5 {
  background-image: url('/images/profile/profile-bg-5.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-6 {
  background-image: url('/images/profile/profile-bg-6.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-7 {
  background-image: url('/images/profile/profile-bg-7.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-8 {
  background-image: url('/images/profile/profile-bg-8.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-9 {
  background-image: url('/images/profile/profile-bg-9.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-10 {
  background-image: url('/images/profile/profile-bg-10.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-11 {
  background-image: url('/images/profile/profile-bg-11.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-12 {
  background-image: url('/images/profile/profile-bg-12.jpg');
}
/* line 362, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info .-background-13 {
  background-image: url('/images/profile/profile-bg-13.jpg');
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-1 {
  background-position: center 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-2 {
  background-position: center 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-3 {
  background-position: center 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-4 {
  background-position: center bottom;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-5 {
  background-position: center 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 84, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-6 {
  background-position: center top;
  background-size: cover;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-7 {
  background-position: center bottom;
  background-size: cover;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-8 {
  background-position: center top;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-9 {
  background-position: center center;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-10 {
  background-position: center center;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-11 {
  background-position: center 70%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info .-background-12 {
  background-position: center 70%;
  background-size: cover;
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_row {
  position: relative;
  z-index: 1;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info_row:before,
.profile-info_row:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info_row:after {
  clear: both;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_row:first-of-type {
  margin-bottom: 20px;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_row:last-of-type {
  height: 110px !important;
}
@media (min-width: 767px) {
  /* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
  .profile-info_row:first-of-type {
    margin-bottom: 35px;
  }
  /* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
  .profile-info_row:last-of-type {
    height: initial !important;
  }
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_col-left {
  text-align: left;
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_col-right {
  bottom: 0;
  position: absolute;
  text-align: left;
}
@media (min-width: 767px) {
  /* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
  .profile-info_col-right {
    position: relative;
    text-align: right;
  }
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_col-left.-load-info,
.profile-info_col-right.-load-info {
  visibility: hidden;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_col-left.-load-info.is-visible,
.profile-info_col-right.-load-info.is-visible {
  visibility: visible;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_default-wrapper {
  background-color: #878787;
  background-size: 90%;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 93px -18px #000000;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  line-height: 96px;
  width: 60px;
  overflow: hidden;
}
/* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_default:before {
  font-size: 70px;
  line-height: 60px;
  margin-left: -7px;
  position: relative;
  top: -4px;
}
/* line 184, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_user-info-container {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-left: 0px;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info_user-info-container:before,
.profile-info_user-info-container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.profile-info_user-info-container:after {
  clear: both;
}
/* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_user-info {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 47%;
}
/* line 196, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_pic {
  background-color: #fff;
  display: none;
  min-height: 110%;
  left: -2px;
  position: relative;
  min-width: 110%;
  top: -2px;
  width: 110%;
}
/* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info input[type="file"] {
  position: fixed;
  top: -1000px;
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_name {
  background-color: transparent;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: table;
  font: 24px 'museo-sans-rounded';
  font-weight: 300;
  min-width: 50px;
  min-height: 33px;
  overflow: visible;
  padding-left: 6px;
  padding-right: 6px;
  width: auto;
}
/* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_name.font-fail {
  font-family: 'museo-sans-rounded', sans-serif;
}
/* line 234, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_name:focus,
.profile-info_name:hover,
.profile-info_track:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
/* line 241, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_name:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_track {
  display: inline-block;
  font: 14px 'museo-sans-rounded', sans-serif;
  font-weight: 700;
  margin: -3px auto;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-top: 3px;
  position: relative;
  top: -3px;
  width: 160px;
}
/* line 258, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_button {
  display: none;
  position: relative;
  margin-left: 10px;
  top: 3px;
}
@media (min-width: 767px) {
  /* line 263, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
  .profile-info_button {
    display: inline-block;
  }
}
/* line 268, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_points,
.profile-info_badges,
.profile-info_count {
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .1em;
  margin-right: 10px;
  text-transform: uppercase;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_points-badge,
.profile-info_badges-badge,
.profile-info_count-badge {
  background-color: rgba(60, 60, 60, 0.8);
  border-radius: 17px;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  letter-spacing: .1em;
  margin-left: 5px;
  min-width: 35px;
  padding: 5px 9px;
  text-align: center;
}
/* line 292, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_points {
  cursor: initial;
}
/* line 296, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_badges:hover {
  cursor: pointer;
  opacity: .8;
}
/* line 301, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_points-badge {
  background-color: #c9001e;
}
/* line 305, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_badges-badge {
  background-color: rgba(60, 60, 60, 0.8);
}
/* line 309, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_count {
  cursor: initial;
  font-size: 14px;
  font-weight: 700;
  padding-top: 10px;
  margin-right: -2px;
  text-transform: lowercase;
}
/* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_icon {
  background-color: rgba(60, 60, 60, 0.8);
  border-radius: 50%;
  color: #fff;
  font-size: 17px;
  margin: 0 5px 0 15px;
  padding: 7px 6px 3px 7px;
  position: relative;
  top: 3px;
}
/* line 329, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\profile-info.less */
.profile-info_count:first-of-type .profile-info_icon {
  margin-left: 0;
}
/*--- end profile header ---*/
/*--- profile subnav ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav {
  background-color: #fff;
  border-bottom: 2px solid #CCCFDB;
  margin-bottom: 30px;
}
/* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav.-no-border {
  border: none;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav.-top-margin {
  margin-top: 80px;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav_button {
  background-color: #fff;
  border-radius: 0;
  border-top: 2px solid #fff;
  color: #7B8093;
  font-size: 11px;
  font-weight: 700;
  height: 50px;
  margin: 0 23px;
  text-transform: uppercase;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav_button.is-active {
  border-top-color: #c9001e;
  font-weight: normal;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav_button:hover {
  opacity: .8;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav_button.promotion {
  border-top-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #44c4f3 20%, #ffab24 20%, #ffab24 40%, #000000 40%, #000000 60%, #008a3c 60%, #008a3c 80%, #fa1e4a 80%);
  background-image: -moz-linear-gradient(0deg, #44c4f3 20%, #ffab24 20%, #ffab24 40%, #000000 40%, #000000 60%, #008a3c 60%, #008a3c 80%, #fa1e4a 80%);
  background-image: linear-gradient(to right, #44c4f3 20%, #ffab24 20%, #ffab24 40%, #000000 40%, #000000 60%, #008a3c 60%, #008a3c 80%, #fa1e4a 80%);
  -webkit-background-size: 100% 2px;
  -moz-background-size: 100% 2px;
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position-y: -2px;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\sub-nav.less */
.sub-nav_teachers {
  display: none;
}
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.guide-mode .promo-box_header.-split,
.guide-mode .profile-sub-nav,
.guide-mode .profile-info,
.guide-mode .promo-box {
  opacity: .5;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box {
  border-radius: 2px;
  margin-bottom: 30px;
  overflow: hidden;
  box-shadow: 0 2px 0 0 #CCCFDB;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all .2s;
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box:hover {
  box-shadow: 0 4px 0 0 #CCCFDB;
  top: -2px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box:active {
  box-shadow: 0 1px 0 0 #CCCFDB;
  top: 1px;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box-container {
  text-align: left;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box-container:before,
.promo-box-container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box-container:after {
  clear: both;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box-container_language-divider {
  border-bottom: 2px solid #B9BCCC;
  margin: 10px 15px 40px;
  position: relative;
  text-align: center;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box-container_language-container {
  left: 0;
  position: absolute;
  right: 0;
  top: -11px;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box-container_language {
  background-color: #f1f2f7;
  color: #7B8093;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 5px;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_container {
  text-align: left;
}
/* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_container.-full {
  width: 100%;
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_container.-full {
  padding: 0;
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_right {
  display: none;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header {
  background: #2f3241 url("../image/background/intro-pattern.png") repeat -37px -18px;
  min-height: 125px;
  padding: 30px;
}
/* line 80, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(47, 50, 65, 0.95) 0%, rgba(47, 50, 65, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(47, 50, 65, 0.95) 0%, rgba(47, 50, 65, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(47, 50, 65, 0.95) 0%, rgba(47, 50, 65, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f3241, endColorstr=#2f3241, GradientType=1);
  /* IE6-9 */
  margin: -30px;
  padding: 30px;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-javascript {
  background: #3084d8 url("../image/background/javascript-pattern.png") repeat -37px -18px;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-javascript .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(48, 132, 216, 0.95) 0%, rgba(48, 132, 216, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(48, 132, 216, 0.95) 0%, rgba(48, 132, 216, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(48, 132, 216, 0.95) 0%, rgba(48, 132, 216, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3084d8, endColorstr=#3084d8, GradientType=1);
  /* IE6-9 */
}
/* line 94, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-html-css {
  background: #17d192 url("../image/background/html-css-pattern.png") repeat -37px -18px;
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-html-css .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(23, 209, 146, 0.95) 0%, rgba(23, 209, 146, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(23, 209, 146, 0.95) 0%, rgba(23, 209, 146, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(23, 209, 146, 0.95) 0%, rgba(23, 209, 146, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#17d192, endColorstr=#17d192, GradientType=1);
  /* IE6-9 */
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-web-dev {
  background: #17d192 url("../image/background/jquery-pattern.png") repeat -37px -18px;
}
/* line 106, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-web-dev .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(23, 209, 146, 0.95) 0%, rgba(23, 209, 146, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(23, 209, 146, 0.95) 0%, rgba(23, 209, 146, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(23, 209, 146, 0.95) 0%, rgba(23, 209, 146, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#17d192, endColorstr=#17d192, GradientType=1);
  /* IE6-9 */
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-web-dev {
  background: #22b7ab url("../image/background/web-dev-pattern.png") repeat -37px -18px;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-web-dev .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(34, 183, 171, 0.95) 0%, rgba(34, 183, 171, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(34, 183, 171, 0.95) 0%, rgba(34, 183, 171, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(34, 183, 171, 0.95) 0%, rgba(34, 183, 171, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22b7ab, endColorstr=#22b7ab, GradientType=1);
  /* IE6-9 */
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-python {
  background: #496cc3 url("../image/background/python-pattern.png") repeat -37px -18px;
}
/* line 122, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-python .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(73, 108, 195, 0.95) 0%, rgba(73, 108, 195, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(73, 108, 195, 0.95) 0%, rgba(73, 108, 195, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(73, 108, 195, 0.95) 0%, rgba(73, 108, 195, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#496cc3, endColorstr=#496cc3, GradientType=1);
  /* IE6-9 */
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-design {
  background: #7062ba url("../image/background/design-pattern.png") repeat -37px -18px;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-design .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(112, 98, 186, 0.95) 0%, rgba(112, 98, 186, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(112, 98, 186, 0.95) 0%, rgba(112, 98, 186, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(112, 98, 186, 0.95) 0%, rgba(112, 98, 186, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7062ba, endColorstr=#7062ba, GradientType=1);
  /* IE6-9 */
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-comp-sci {
  background: #ff7e40 url("../image/background/intro-pattern.png") repeat -37px -18px;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-comp-sci .promo-box_header-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3241+0,2f3241+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(255, 126, 64, 0.95) 0%, rgba(255, 126, 64, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 126, 64, 0.95) 0%, rgba(255, 126, 64, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 126, 64, 0.95) 0%, rgba(255, 126, 64, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7e40, endColorstr=#ff7e40, GradientType=1);
  /* IE6-9 */
}
/* line 142, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-olympics {
  background: #e5a309 url("../image/background/olympics-bg.png") no-repeat center -20px;
  background-size: auto 150%;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-olympics .promo-box_header-gradient {
  background: #e5a309 url("../image/background/olympics-bg-2.png") no-repeat right -25px;
  background-size: auto 140%;
}
/* line 152, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-hour-of-code {
  background: #5bcdf5 url("../image/background/hour-of-code-bg.png") no-repeat center -25px;
  background-size: auto 120%;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-hour-of-code .promo-box_header-gradient {
  background: #5bcdf5 url("../image/background/hour-of-code-bg.png") no-repeat right -30px;
  background-size: auto 105%;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header-icon {
  color: #CCCFDB;
  display: block;
  font-size: 60px;
  height: 50px;
  margin: 0 auto;
  width: 50px;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-mini {
  text-align: center;
}
/* line 175, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-split {
  background-position: -50px -28px;
}
/* line 179, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-blog {
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 186, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_button-wrapper {
  height: 50px;
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 13px;
}
@media (min-width: 992px) {
  /* line 193, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_button-wrapper {
    left: 26px;
    right: 26px;
  }
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content {
  background-color: #fff;
  box-shadow: 0 2px 0 0 #CCCFDB;
  padding: 15px;
  border: none;
  color: #7B8093;
  font-size: 14px;
  position: relative;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .promo-box_content {
    padding: 30px;
  }
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content.-mini {
  border-radius: 2px;
  height: 220px;
  margin-bottom: 15px;
  box-shadow: 0 2px 0 0 #CCCFDB;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all .2s;
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box_content.-mini:hover {
  box-shadow: 0 4px 0 0 #CCCFDB;
  top: -2px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box_content.-mini:active {
  box-shadow: 0 1px 0 0 #CCCFDB;
  top: 1px;
}
/* line 214, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content.-mini.-enabled {
  box-shadow: 0 2px 0 0 #CCCFDB;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all .2s;
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box_content.-mini.-enabled:hover {
  box-shadow: 0 4px 0 0 #CCCFDB;
  top: -2px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.promo-box_content.-mini.-enabled:active {
  box-shadow: 0 1px 0 0 #CCCFDB;
  top: 1px;
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_difficulty {
  font-weight: bold;
}
/* line 223, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button {
  background-color: #B9BCCC;
  bottom: 10px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 10px 60px;
  width: 100%;
}
/* line 232, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button:hover {
  color: #fff;
}
@media (min-width: 992px) {
  /* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_content .promo-box_button {
    display: inline-block;
    width: initial;
  }
}
/* line 250, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-javascript {
  background-color: #3084d8;
  border-color: #3084d8;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-javascript:hover {
  background-color: #86b7e8;
}
/* line 254, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-html-css {
  background-color: #4fc38f;
  border-color: #4fc38f;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-html-css:hover {
  background-color: #9bddbf;
}
/* line 258, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-jquery {
  background-color: #17d192;
  border-color: #17d192;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-jquery:hover {
  background-color: #60eebe;
}
/* line 262, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-web-dev {
  background-color: #22b7ab;
  border-color: #22b7ab;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-web-dev:hover {
  background-color: #5ee1d7;
}
/* line 266, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-python {
  background-color: #496cc3;
  border-color: #496cc3;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-python:hover {
  background-color: #96aadc;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-design {
  background-color: #7062ba;
  border-color: #7062ba;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-design:hover {
  background-color: #b1a9d9;
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-comp-sci {
  background-color: #ff7e40;
  border-color: #ff7e40;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-comp-sci:hover {
  background-color: #ffc3a6;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-olympics {
  background-color: #e5a309;
  border-color: #e5a309;
}
/* line 245, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_content .promo-box_button.-olympics:hover {
  background-color: #f9c95b;
}
/* line 283, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon {
  bottom: 15px;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  right: 30px;
  text-transform: capitalize;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-header {
  bottom: 0;
  color: #fff;
  display: inline-block;
  right: 5px;
}
/* line 298, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-javascript {
  color: #3084d8;
}
/* line 302, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-html-css {
  color: #4fc38f;
}
/* line 306, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-jquery {
  color: #17d192;
}
/* line 310, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-web-dev {
  color: #22b7ab;
}
/* line 314, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-python {
  color: #496cc3;
}
/* line 318, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-design {
  color: #7062ba;
}
/* line 322, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-comp-sci {
  color: #ff7e40;
}
/* line 326, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_coming-soon.-olympics {
  color: #e5a309;
}
/* line 331, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_couse-info {
  position: relative;
  margin-top: 24px;
}
@media (max-width: 992px) {
  /* line 335, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_couse-info {
    height: 150px;
  }
}
@media (max-width: 992px) {
  /* line 340, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_couse-info.-lesson-plans {
    height: 210px;
  }
}
/* line 345, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_couse-info p {
  display: none;
}
/* line 348, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_couse-info_description {
  display: block;
}
/* line 353, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_image {
  height: 63px;
}
/* line 355, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_image.-left-align {
  margin-right: 20px;
  position: relative;
  top: 3px;
  float: left;
}
/* line 363, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 373, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_badge {
  background-color: #c9001e;
  border-radius: 18px;
  color: #fff;
  font-size: 9px;
  letter-spacing: .8px;
  margin-left: 5px;
  padding: 4px 8px;
  position: relative;
  text-transform: uppercase;
  top: -3px;
}
/* line 386, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_badge.-language {
  display: none;
}
/* line 390, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_badge.-en {
  background-color: #B9BCCC;
  border-color: #B9BCCC;
  /*Mike added this to make them look better on the COLORED headers on the profile page*/
  border: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 399, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box p {
  display: none;
}
/* line 404, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description {
  display: block !important;
  display: -webkit-box !important;
  height: calc(4.5em);
  line-height: 1.5em;
  margin-bottom: 39px;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
/* line 416, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description.-no-margin {
  margin-bottom: 0;
}
/* line 420, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description a {
  text-decoration: underline;
}
/* line 422, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description a:hover {
  opacity: .8;
}
/* line 427, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description:after {
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 75%);
  /*content: '...';*/
  display: block;
  height: calc(1.5em);
  position: absolute;
  text-align: right;
  right: 0;
  width: 25%;
}
/* line 439, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description.-clamp-2 {
  -webkit-line-clamp: 2;
}
/* line 443, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_description.-clamp-3 {
  -webkit-line-clamp: 3;
}
/* line 449, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans {
  display: block !important;
  font-weight: bold;
  height: 30px;
  margin-top: -34px;
}
/* line 455, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-javascript {
  color: #3084d8;
}
/* line 459, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-html-css {
  color: #4fc38f;
}
/* line 463, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-jquery {
  color: #17d192;
}
/* line 467, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-web-dev {
  color: #22b7ab;
}
/* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-python {
  color: #496cc3;
}
/* line 475, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-design {
  color: #7062ba;
}
/* line 479, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-comp-sci {
  color: #ff7e40;
}
/* line 483, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link.-promotion {
  color: #5bcdf5;
}
/* line 487, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_lesson-plans.-link:hover {
  opacity: .8;
}
/* line 492, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_button,
.promo-box_button2,
.promo-box_button3 {
  color: #fff;
  display: none;
  font-size: 12px;
  margin-top: 20px;
  min-width: 240px;
  padding: 10px 60px;
  right: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 992px) {
  /* line 505, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_button,
  .promo-box_button2,
  .promo-box_button3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/* line 512, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_button:hover,
.promo-box_button2:hover,
.promo-box_button3:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff !important;
  border-color: #fff;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_button.is-visible,
.promo-box_button2.is-visible,
.promo-box_button3.is-visible {
  display: block;
}
@media (min-width: 992px) {
  /* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_button,
  .promo-box_button2,
  .promo-box_button3 {
    margin-top: -30px;
    position: absolute;
  }
  /* line 526, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_button.is-visible,
  .promo-box_button2.is-visible,
  .promo-box_button3.is-visible {
    display: inline-block;
    width: initial;
  }
}
/* line 533, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_button3 {
  margin-top: -80px;
}
/* line 536, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_button3.-secondary {
  display: inline-block;
  margin-top: -35px;
  width: 118px;
}
@media (max-width: 992px) {
  /* line 542, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_button3 {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
  }
}
/* line 554, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-intro .promo-box_description:after {
  background: linear-gradient(to right, rgba(125, 136, 150, 0), #7d8896 75%);
}
/* line 558, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-javascript .promo-box_description:after {
  background: linear-gradient(to right, rgba(48, 132, 216, 0), #3084d8 75%);
}
/* line 561, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-html-css .promo-box_description:after {
  background: linear-gradient(to right, rgba(79, 195, 143, 0), #4fc38f 75%);
}
/* line 565, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-jquery .promo-box_description:after {
  background: linear-gradient(to right, rgba(23, 209, 146, 0), #17d192 75%);
}
/* line 569, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-web-dev .promo-box_description:after {
  background: linear-gradient(to right, rgba(34, 183, 171, 0), #22b7ab 75%);
}
/* line 573, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-python .promo-box_description:after {
  background: linear-gradient(to right, rgba(73, 108, 195, 0), #496cc3 75%);
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-design .promo-box_description:after {
  background: linear-gradient(to right, rgba(112, 98, 186, 0), #7062ba 75%);
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-comp-sci .promo-box_description:after {
  background: linear-gradient(to right, rgba(255, 126, 64, 0), #ff7e40 75%);
}
/* line 585, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-olympics .promo-box_description:after {
  background: linear-gradient(to right, rgba(229, 163, 9, 0), #e5a309 75%);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 590, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_description:after {
    background: transparent !important;
    content: '';
  }
}
@supports (-webkit-line-clamp: 1) {
  /* line 597, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_description:after {
    display: none !important;
  }
}
/* line 602, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_count {
  color: #7B8093;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  padding-top: 10px;
  margin-right: 10px;
  text-transform: lowercase;
}
/* line 612, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_count-container {
  display: inline-block;
  float: right;
}
/* line 618, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_icon {
  font-size: 17px;
  margin: 0 5px 0 0;
  position: relative;
  top: 4px;
  /*MJ changed this*/
}
/* line 625, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_back {
  color: #fff;
  background-color: transparent;
  font-size: 11px;
  font-weight: bold;
  margin-left: -6px;
  padding: 6px;
  position: relative;
  opacity: .8;
  text-transform: uppercase;
  top: -5px;
}
/* line 637, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_back-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 10px;
  padding: 4px 4px 1px 5px;
  position: relative;
  top: 3px;
}
/* line 647, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_back:hover {
  cursor: pointer;
  opacity: 1;
}
/* line 653, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header.-split {
  border-radius: 2px;
  margin-bottom: 30px;
}
/* line 660, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header .promo-box_icon,
.promo-box_header .promo-box_title,
.promo-box_header .promo-box_description,
.promo-box_header .promo-box_count {
  color: #fff;
}
/* line 667, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header .promo-box_description {
  margin: 0;
}
/* line 671, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.promo-box_header .promo-box_count {
  padding-top: 0;
}
@media (min-width: 992px) {
  /* line 679, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .promo-box_header .promo-box_description {
    width: 50%;
  }
}
/* line 687, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.-promotion .promo-box_content.-mini {
  overflow: hidden;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  padding-right: 0;
  height: 220px !important;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.-promotion .promo-box_content.-mini:before,
.-promotion .promo-box_content.-mini:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.-promotion .promo-box_content.-mini:after {
  clear: both;
}
@media (max-width: 992px) {
  /* line 693, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .-promotion .promo-box_content.-mini {
    margin-right: 0px;
  }
}
/* line 697, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.-promotion .promo-box_content.-mini .promo-box_left {
  height: 100%;
}
/* line 701, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.-promotion .promo-box_content.-mini .promo-box_right {
  display: initial;
  height: 150px;
}
/* line 706, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.-promotion .promo-box_content.-mini .promo-box_image {
  min-height: 222px;
  margin-top: -30px;
  width: 100%;
}
/* line 712, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
.-promotion .promo-box_content.-mini .promo-box_button-wrapper {
  height: 35px;
  bottom: 0;
}
@media (min-width: 992px) {
  /* line 720, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\promo-box.less */
  .-promotion .promo-box_content.-mini .promo-box_button,
  .-promotion .promo-box_content.-mini .promo-box_coming-soon {
    bottom: 0;
    position: absolute;
    /*right: @margin;  */
  }
}
/*--- lesson box ---*/
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-wrapper {
  background-color: #fff;
  box-shadow: 0 2px 0 0 #CCCFDB;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 15px !important;
  margin-left: 0px;
  width: 100%;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .lesson-wrapper {
    padding: 30px;
  }
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-wrapper:last-of-type {
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  /* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-wrapper {
    padding-bottom: 0 !important;
  }
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.lesson-wrapper:before,
.lesson-wrapper:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.lesson-wrapper:after {
  clear: both;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-wrapper:hover .lesson-box_top-bar .lesson-box_reset {
  opacity: 1;
}
/* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box {
  border-right: none;
  color: #7B8093;
  display: inline-block;
  padding: 15px 0;
  margin-bottom: 10px;
  position: relative;
  text-align: initial;
}
@media (min-width: 992px) {
  /* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box {
    border-right: 1px solid #CCCFDB;
    margin-bottom: 0;
    margin-top: -30px;
    padding: 30px 0 0;
    padding-right: 30px;
  }
}
/* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_top-bar {
  color: #7B8093;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 5px;
  text-transform: uppercase;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_top-bar-left,
.lesson-box_top-bar-right {
  display: inline-block;
  position: relative;
  top: -4px;
}
/* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_name {
  font-size: 18px;
  font-weight: bold;
}
/* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_reset {
  cursor: pointer;
  color: #7B8093;
  font-size: 12px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 20px;
}
@media (min-width: 992px) {
  /* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_reset {
    left: 8px;
  }
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_reset {
  left: -10px;
  top: 15px;
}
/* line 81, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-quiz .lesson-box_reset {
  left: -10px;
  top: 10px;
}
/* line 86, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_top-bar .lesson-box_reset {
  left: -28px;
  margin-left: 10px;
  padding: 0px 4px;
  position: absolute;
  top: 0;
}
@media (min-width: 992px) {
  /* line 93, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_top-bar .lesson-box_reset {
    left: -35px;
  }
}
/* line 98, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_reset:hover {
  color: #c4c9cf;
}
/* line 102, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_preview-btn {
  display: inline-block;
  height: 100%;
  margin-left: 6px;
  padding: 0 0 0 12px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_preview-btn-triangle {
  margin-left: 3px;
}
/* line 113, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_details {
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 30px;
}
/* line 119, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson {
  border-top: 1px solid #CCCFDB;
  color: #2f3241;
  font-size: 14px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  position: relative;
}
/* line 128, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson:last-of-type {
  border-bottom: 1px solid #CCCFDB;
}
/* line 132, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.no-ready {
  opacity: .5;
}
@media (min-width: 992px) {
  /* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson {
    padding: 15px 30px 15px 30px;
    margin-left: -30px;
    margin-right: -30px;
  }
  /* line 141, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson:last-of-type {
    border-bottom: none;
  }
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-bottom-border {
  border-bottom: 1px solid #CCCFDB;
}
/* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}
/* line 155, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project,
.lesson-box_lesson.-quiz {
  border: none;
  margin-left: 0px;
  margin-right: 0px;
  padding: 5px 0;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project:hover,
.lesson-box_lesson.-quiz:hover {
  background-color: #fff;
}
/* line 167, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-quiz {
  padding: 5px 0 5px 10px;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson:hover .lesson-box_reset {
  opacity: 1;
}
/* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson-link {
  font-weight: 500;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson-link.-current,
.lesson-box_lesson-link.-current strong[gloss="yes"] {
  color: #c9001e !important;
}
/* line 183, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson-link.-current .lesson-box_number,
.lesson-box_lesson-link.-current strong[gloss="yes"] .lesson-box_number,
.lesson-box_lesson-link.-current .lesson-box_lesson-name,
.lesson-box_lesson-link.-current strong[gloss="yes"] .lesson-box_lesson-name {
  color: #c9001e;
}
/* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_lesson-link {
  display: block;
  height: 35px;
  padding-left: 5px;
}
/* line 197, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  width: 30%;
  vertical-align: bottom;
}
/* line 206, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson-name code {
  font-family: 'museo-sans-rounded', sans-serif !important;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson-name strong {
  font-weight: normal;
}
@media (min-width: 480px) {
  /* line 215, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson-name {
    width: 40%;
  }
}
@media (min-width: 992px) {
  /* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson-name {
    margin-right: 50px;
    width: 200px;
  }
}
@media (min-width: 1200px) {
  /* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson-name {
    margin-right: 50px;
    width: 300px;
  }
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_lesson-name {
  position: relative;
  top: -12px;
  width: 35%;
}
/* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_lesson-name.-translated {
  width: 25%;
}
@media (min-width: 992px) {
  /* line 240, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson.-project .lesson-box_lesson-name {
    width: 170px;
  }
  /* line 243, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson.-project .lesson-box_lesson-name.-translated {
    width: 110px;
  }
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_number-wrapper {
  position: relative;
  top: -12px;
}
/* line 254, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-quiz .lesson-box_lesson-name {
  width: 50%;
}
/* line 257, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-quiz .lesson-box_lesson-name.-translated {
  width: 45%;
}
@media (min-width: 992px) {
  /* line 261, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson.-quiz .lesson-box_lesson-name {
    width: 200px;
  }
  /* line 264, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_lesson.-quiz .lesson-box_lesson-name.-translated {
    width: 140px;
  }
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_number {
  color: #7B8093;
  border-radius: 50%;
  display: inline-block;
  font-weight: 700;
  height: 22px;
  left: -5px;
  padding: 2px 2px 5px 2px;
  position: relative;
  text-align: center;
  width: 22px;
}
@media (min-width: 992px) {
  /* line 282, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_number {
    left: -10px;
  }
}
/* line 286, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_number-wrapper {
  display: inline-block;
  width: 18px;
  vertical-align: bottom;
}
/* line 291, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_number.is-active {
  background-color: #c9001e;
  color: #fff;
}
/* line 297, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_tasks {
  display: inline-block;
  float: right;
  font-size: 0;
  position: relative;
  top: 0px;
  width: 145px;
}
/* line 306, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task {
  border: 2px solid #7B8093;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 12px;
  left: 0;
  margin: 0 auto;
  padding: 0;
  right: 0;
  text-align: center;
  transition: all .1s linear;
  -webkit-transition: all .042s linear;
  width: 12px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 323, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task-wrapper {
  display: inline-block;
  height: 23px;
  font-size: 14px;
  margin-right: 2px;
  position: relative;
  width: 23px;
}
@media (min-width: 992px) {
  /* line 331, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_task-wrapper {
    margin-right: 5px;
  }
}
/* line 336, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task-icon {
  outline: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  top: 64%;
}
/* line 345, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task.-large {
  font-size: 23px;
  height: 21px;
  margin-top: 1px;
  padding-bottom: 1px;
  width: 21px;
}
/* line 353, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task-wrapper:hover .lesson-box_task {
  color: #fff;
  height: 15px;
  /*margin-top: 2px;*/
  transition: all .1s linear;
  -webkit-transition: all .042s linear;
  width: 15px;
}
/* line 368, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task-wrapper:hover .lesson-box_task.-large {
  font-size: 26px;
  height: 24px;
  width: 24px;
}
/* line 376, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_task.-completed {
  background-color: #7B8093;
}
/* line 381, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_points {
  display: inline-block;
  float: right;
  min-height: 1px;
  min-width: 55px;
  position: relative;
  text-align: right;
  top: 1px;
}
/* line 391, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_points,
.lesson-box_lesson.-project .lesson-box_language {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* line 396, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-quiz .lesson-box_points {
  top: 1px;
}
/* line 400, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_badge,
.lesson-box_language {
  background-color: #7B8093;
  border: 2px solid #7B8093;
  border-radius: 17px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  letter-spacing: .1em;
  line-height: 1.2em;
  padding: 2px 7.5px 9px 9px;
  position: relative;
  top: 0px;
  text-align: center;
}
@media (min-width: 992px) {
  /* line 416, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .lesson-box_badge,
  .lesson-box_language {
    margin-left: 10px;
  }
}
/* line 420, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_badge.-incomplete,
.lesson-box_language.-incomplete {
  background-color: #fff !important;
}
/* line 425, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_language {
  background-color: transparent;
  border-color: #c9001e;
  color: #c9001e;
  display: none;
  float: right;
  font-size: 12px;
  margin-left: 15px;
  text-transform: uppercase;
  top: 1px;
}
/* line 437, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_language.-en {
  border-color: #B9BCCC;
  color: #B9BCCC;
}
/* line 443, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-project .lesson-box_badge {
  top: 0;
}
/* line 447, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_lesson.-quiz .lesson-box_badge {
  top: 1px;
}
/* line 451, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_time {
  font-size: 12px;
  position: relative;
  text-transform: lowercase;
  top: 2px;
}
/* line 457, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_time:not(:hover) {
  color: #7B8093;
}
/* line 462, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_icon-wrapper {
  border: 2px solid #7B8093;
  border-radius: 50%;
  box-sizing: border-box;
  color: #7B8093;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: 35px;
  margin-right: 12px;
  position: relative;
  text-align: center;
  width: 35px;
}
/* line 476, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_icon-wrapper.-excellent-score {
  color: #fff !important;
}
/* line 481, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box_icon {
  left: 0;
  font-size: 20px;
  right: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 57%;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_name {
  color: #3084d8;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_lesson:hover {
  color: #226ab3;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_task.-completed {
  background-color: #3084d8;
  border-color: #3084d8;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_badge {
  background-color: #3084d8;
  border-color: #3084d8;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_task-icon {
  color: #3084d8;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_badge.-incomplete {
  color: #3084d8;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_badge.-completed {
  background-color: #b1d0f0;
  color: #3084d8;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-javascript .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #1e5e9e;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_name {
  color: #4fc38f;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_lesson:hover {
  color: #39a675;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_task.-completed {
  background-color: #4fc38f;
  border-color: #4fc38f;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_badge {
  background-color: #4fc38f;
  border-color: #4fc38f;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_task-icon {
  color: #4fc38f;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_badge.-incomplete {
  color: #4fc38f;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_badge.-completed {
  background-color: #c1ead8;
  color: #4fc38f;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-html-css .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #329368;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_name {
  color: #17d192;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_lesson:hover {
  color: #12a372;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_task.-completed {
  background-color: #17d192;
  border-color: #17d192;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_badge {
  background-color: #17d192;
  border-color: #17d192;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_task-icon {
  color: #17d192;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_badge.-incomplete {
  color: #17d192;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_badge.-completed {
  background-color: #8ef3d1;
  color: #17d192;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-jquery .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #0f8c62;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_name {
  color: #22b7ab;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_lesson:hover {
  color: #1a8c83;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_task.-completed {
  background-color: #22b7ab;
  border-color: #22b7ab;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_badge {
  background-color: #22b7ab;
  border-color: #22b7ab;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_task-icon {
  color: #22b7ab;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_badge.-incomplete {
  color: #22b7ab;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_badge.-completed {
  background-color: #89e9e1;
  color: #22b7ab;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-web-dev .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #16766f;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_name {
  color: #496cc3;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_lesson:hover {
  color: #3655a3;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_task.-completed {
  background-color: #496cc3;
  border-color: #496cc3;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_badge {
  background-color: #496cc3;
  border-color: #496cc3;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_task-icon {
  color: #496cc3;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_badge.-incomplete {
  color: #496cc3;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_badge.-completed {
  background-color: #bcc9e9;
  color: #496cc3;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-python .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #2f4b90;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_name {
  color: #7062ba;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_lesson:hover {
  color: #5647a2;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_task.-completed {
  background-color: #7062ba;
  border-color: #7062ba;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_badge {
  background-color: #7062ba;
  border-color: #7062ba;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_task-icon {
  color: #7062ba;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_badge.-incomplete {
  color: #7062ba;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_badge.-completed {
  background-color: #d1cce9;
  color: #7062ba;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-design .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #4c3f90;
}
/* line 491, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_name {
  color: #ff7e40;
}
/* line 495, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_lesson:hover {
  color: #ff5c0d;
}
/* line 499, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_task.-completed {
  background-color: #ff7e40;
  border-color: #ff7e40;
}
/* line 504, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_task.-completed.-large {
  background-color: transparent;
  border: none;
}
/* line 509, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_badge {
  background-color: #ff7e40;
  border-color: #ff7e40;
}
/* line 514, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_task-icon {
  color: #ff7e40;
}
/* line 518, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_badge.-incomplete {
  color: #ff7e40;
}
/* line 522, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_badge.-completed {
  background-color: #ffe5d9;
  color: #ff7e40;
}
/* line 527, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.lesson-box.-comp-sci .lesson-box_lesson:hover .lesson-box_badge {
  border-color: #f34f00;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-javascript .lesson-box_lesson-link:hover {
  color: #226ab3;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-javascript .lesson-box_badge,
.project-boxes.-javascript .lesson-box_icon-wrapper.-excellent-score {
  background-color: #3084d8;
  border-color: #3084d8;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-javascript .lesson-box_badge.-incomplete {
  color: #3084d8;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-javascript .lesson-box_badge.-completed,
.project-boxes.-javascript .lesson-box_icon-wrapper.-completed {
  background-color: #b1d0f0;
  color: #3084d8;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-javascript .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-javascript .lesson-box_icon-wrapper.-completed {
  border-color: #3084d8;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-javascript .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-javascript .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-javascript .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #226ab3;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-html-css .lesson-box_lesson-link:hover {
  color: #39a675;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-html-css .lesson-box_badge,
.project-boxes.-html-css .lesson-box_icon-wrapper.-excellent-score {
  background-color: #4fc38f;
  border-color: #4fc38f;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-html-css .lesson-box_badge.-incomplete {
  color: #4fc38f;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-html-css .lesson-box_badge.-completed,
.project-boxes.-html-css .lesson-box_icon-wrapper.-completed {
  background-color: #c1ead8;
  color: #4fc38f;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-html-css .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-html-css .lesson-box_icon-wrapper.-completed {
  border-color: #4fc38f;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-html-css .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-html-css .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-html-css .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #39a675;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-jquery .lesson-box_lesson-link:hover {
  color: #12a372;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-jquery .lesson-box_badge,
.project-boxes.-jquery .lesson-box_icon-wrapper.-excellent-score {
  background-color: #17d192;
  border-color: #17d192;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-jquery .lesson-box_badge.-incomplete {
  color: #17d192;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-jquery .lesson-box_badge.-completed,
.project-boxes.-jquery .lesson-box_icon-wrapper.-completed {
  background-color: #8ef3d1;
  color: #17d192;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-jquery .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-jquery .lesson-box_icon-wrapper.-completed {
  border-color: #17d192;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-jquery .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-jquery .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-jquery .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #12a372;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-web-dev .lesson-box_lesson-link:hover {
  color: #1a8c83;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-web-dev .lesson-box_badge,
.project-boxes.-web-dev .lesson-box_icon-wrapper.-excellent-score {
  background-color: #22b7ab;
  border-color: #22b7ab;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-web-dev .lesson-box_badge.-incomplete {
  color: #22b7ab;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-web-dev .lesson-box_badge.-completed,
.project-boxes.-web-dev .lesson-box_icon-wrapper.-completed {
  background-color: #89e9e1;
  color: #22b7ab;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-web-dev .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-web-dev .lesson-box_icon-wrapper.-completed {
  border-color: #22b7ab;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-web-dev .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-web-dev .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-web-dev .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #1a8c83;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-python .lesson-box_lesson-link:hover {
  color: #3655a3;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-python .lesson-box_badge,
.project-boxes.-python .lesson-box_icon-wrapper.-excellent-score {
  background-color: #496cc3;
  border-color: #496cc3;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-python .lesson-box_badge.-incomplete {
  color: #496cc3;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-python .lesson-box_badge.-completed,
.project-boxes.-python .lesson-box_icon-wrapper.-completed {
  background-color: #bcc9e9;
  color: #496cc3;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-python .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-python .lesson-box_icon-wrapper.-completed {
  border-color: #496cc3;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-python .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-python .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-python .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #3655a3;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_lesson-link:hover {
  color: #5647a2;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_badge,
.project-boxes.-design .lesson-box_icon-wrapper.-excellent-score {
  background-color: #7062ba;
  border-color: #7062ba;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_badge.-incomplete {
  color: #7062ba;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_badge.-completed,
.project-boxes.-design .lesson-box_icon-wrapper.-completed {
  background-color: #d1cce9;
  color: #7062ba;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-design .lesson-box_icon-wrapper.-completed {
  border-color: #7062ba;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-design .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-design .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #5647a2;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_lesson-link:hover {
  color: #ff5c0d;
}
/* line 571, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_badge,
.project-boxes.-design .lesson-box_icon-wrapper.-excellent-score {
  background-color: #ff7e40;
  border-color: #ff7e40;
}
/* line 577, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_badge.-incomplete {
  color: #ff7e40;
}
/* line 581, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_badge.-completed,
.project-boxes.-design .lesson-box_icon-wrapper.-completed {
  background-color: #ffe5d9;
  color: #ff7e40;
}
/* line 587, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-design .lesson-box_icon-wrapper.-completed {
  border-color: #ff7e40;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes.-design .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-incomplete,
.project-boxes.-design .lesson-box_lesson-link:hover .lesson-box_icon-wrapper.-completed,
.project-boxes.-design .lesson-box_lesson-link:hover .lesson-box_badge {
  border-color: #ff5c0d;
}
@media (min-width: 992px) {
  /* line 627, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes {
    padding-right: 0;
  }
}
/* line 631, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes_container {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.project-boxes_container:before,
.project-boxes_container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.project-boxes_container:after {
  clear: both;
}
@media (min-width: 992px) {
  /* line 634, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_container {
    padding-left: 15px;
  }
}
/* line 639, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes_projects {
  margin-bottom: 15px;
  padding: 0 15px;
  width: 100%;
}
/* line 644, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes_projects:last-of-type {
  margin-top: 20px;
  margin-bottom: 0;
}
/* line 648, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes_projects.-border {
  border-bottom: 1px solid #CCCFDB;
  padding-bottom: 15px;
}
/* line 652, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-boxes_projects.-border:last-of-type {
  border: none;
}
@media (min-width: 575px) {
  /* line 656, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects {
    width: 50%;
  }
  /* line 659, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects:first-of-type {
    border-bottom: none;
    padding-bottom: initial;
  }
  /* line 664, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects:last-of-type {
    padding-left: 15px;
    margin-top: initial;
  }
}
@media (min-width: 767px) {
  /* line 669, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects {
    padding: 15px;
  }
  /* line 672, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects:last-of-type {
    padding-left: initial;
  }
  /* line 676, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects.-border {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  /* line 681, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects {
    width: 100%;
    padding: 0 5px 0 0;
  }
  /* line 685, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects.-border {
    border-bottom: 1px solid #CCCFDB;
    padding-bottom: 15px;
  }
  /* line 690, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects:first-of-type {
    border-bottom: 1px solid #CCCFDB;
    margin-bottom: 20px;
    padding-bottom: 15px !important;
  }
  /* line 696, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .project-boxes_projects:last-of-type {
    margin-bottom: 15px;
  }
}
/* line 703, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.project-box {
  display: block;
}
/* line 709, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper {
  padding: 10px 15px 0 0;
  height: initial !important;
}
/* line 713, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-project {
  padding: 10px 0 0 0;
}
/* line 716, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-project .lesson-box_reset {
  display: none;
}
/* line 722, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-no-projects.-no-challenges.-no-quizzes .lesson-box {
  border: none;
  width: 100%;
}
/* line 727, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-no-projects.-no-challenges.-no-quizzes .project-boxes {
  display: none;
}
/* line 733, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box {
  margin-bottom: 20px;
  margin-top: 0px;
  padding: 0 20px 0 6px;
}
@media (min-width: 992px) {
  /* line 738, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .-lesson-index .lesson-box {
    width: 60%;
  }
}
/* line 742, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_top-bar {
  padding-left: 12px;
}
/* line 745, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_top-bar .lesson-box_reset {
  display: none;
}
/* line 750, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_details {
  display: none;
}
/* line 754, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_lesson {
  border: none;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
/* line 761, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_lesson:hover {
  background-color: #fff;
}
/* line 765, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_lesson.-project {
  width: 100%;
  padding: 0;
}
/* line 771, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_task.-large {
  margin-top: 0;
}
@media (min-width: 1200px) {
  /* line 776, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .-lesson-index .lesson-box .lesson-box_lesson-name {
    width: 250px;
  }
}
/* line 782, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-project .lesson-box {
  border: none;
  padding-right: 0;
  width: 100%;
}
/* line 787, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-project .lesson-box_lesson-name {
  width: 250px;
}
/* line 792, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-wrapper.-project.-tasks {
  padding-right: 20px;
}
/* line 796, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .project-boxes {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  /* line 799, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
  .-lesson-index .project-boxes {
    width: 40%;
  }
}
/* line 803, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .project-boxes .lesson-box_lesson-link {
  outline: none;
  margin-bottom: 10px;
}
/* line 808, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .project-boxes_projects {
  padding: 0;
}
/* line 814, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_lesson.-project .lesson-box_reset {
  top: 6px;
}
/* line 818, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_lesson-link {
  display: inline-block;
  margin-bottom: 5px;
  width: 100% !important;
}
/* line 824, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_lesson-name {
  margin-right: 0px;
}
/* line 828, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\lesson-box.less */
.-lesson-index .lesson-box_reset {
  left: -6px;
  top: 3px;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-container,
.teachers-container {
  display: none;
  margin: 0 auto;
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box {
  background-color: #fff;
  box-shadow: 0 2px 0 0 #CCCFDB;
  padding: 15px;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 360px;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .settings-boxes_box {
    padding: 30px;
  }
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-top {
  height: 70px;
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-icon {
  color: #7d8896;
  display: inline-block;
  font-size: 40px;
}
/* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-info {
  padding-left: 0;
}
/* line 35, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-header {
  font-size: 18px;
  margin: 0;
}
/* line 40, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-text {
  color: #7B8093;
  font-size: 15px;
  height: 34px;
  margin-top: 0;
}
/* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-buttons {
  margin-top: 20px;
}
/* line 51, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-button {
  border-color: #7B8093;
  display: inline-block;
  color: #7B8093;
  padding: .6em 1.0em;
  text-align: center;
}
/* line 58, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-button:hover {
  background-color: #ebecef;
  color: #7B8093;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-button.-white {
  background-color: #fff;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-button.-white:hover {
  background-color: #ebecef;
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box-button.-small:first-of-type {
  margin-right: 5px;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-html-css .settings-boxes_box-icon,
.settings-boxes_box.-html-css .settings-boxes_box-header {
  color: #4fc38f;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-web-dev .settings-boxes_box-icon,
.settings-boxes_box.-web-dev .settings-boxes_box-header {
  color: #22b7ab;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-javascript .settings-boxes_box-icon,
.settings-boxes_box.-javascript .settings-boxes_box-header {
  color: #3084d8;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-java .settings-boxes_box-icon,
.settings-boxes_box.-java .settings-boxes_box-header {
  color: #4ea3c2;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-design .settings-boxes_box-icon,
.settings-boxes_box.-design .settings-boxes_box-header {
  color: #7062ba;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-comp-sci .settings-boxes_box-icon,
.settings-boxes_box.-comp-sci .settings-boxes_box-header {
  color: #ff7e40;
}
/* line 76, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
.settings-boxes_box.-python .settings-boxes_box-icon,
.settings-boxes_box.-python .settings-boxes_box-header {
  color: #496cc3;
}
@media (min-width: 1600px) {
  /* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\settings-box.less */
  .settings-boxes_box-wrapper {
    width: 33.33333333%;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container {
  display: none;
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_course {
  background-color: #fff;
  box-shadow: 0 2px 0 0 #CCCFDB;
  padding: 15px;
  color: #7d8896;
  font-size: 0;
  padding: 30px 15px;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  text-align: initial;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .my-progress-container_course {
    padding: 30px;
  }
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.my-progress-container_course:before,
.my-progress-container_course:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.my-progress-container_course:after {
  clear: both;
}
/* line 16, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_header {
  display: none;
  height: 21px;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_name,
.my-progress-container_completed {
  display: none;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #FFF;
  padding: 3px 6px 3px 0;
  border-radius: 3px;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_module:first-of-type .my-progress-container_name,
.my-progress-container_module:first-of-type .my-progress-container_header {
  display: block;
}
@media (min-width: 992px) {
  /* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_module:first-of-type .my-progress-container_completed {
    display: block;
  }
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_completed {
  position: absolute;
  right: 25px;
  top: 0;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_module:last-of-type .my-progress-container_projects {
  margin-bottom: 0;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_lessons,
.my-progress-container_projects {
  box-sizing: border-box;
  display: inline-block;
  float: none;
  font-size: 0;
  vertical-align: top;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_lessons {
  padding-bottom: 0px;
}
@media (min-width: 992px) {
  /* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_lessons {
    padding-bottom: 0px;
  }
}
/* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_module .my-progress-container_projects {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  /* line 74, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_module .my-progress-container_projects {
    margin-bottom: 0;
  }
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_module:last-of-type .my-progress-container_projects {
  margin-bottom: 0;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_wrapper {
  display: inline-block;
  text-align: center;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_number,
.my-progress-container_project {
  border: 2px solid #B9BCCC;
  border-radius: 5px;
  box-sizing: border-box;
  color: #B9BCCC;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin-top: 13px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: 40px;
}
/* line 103, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_number:hover,
.my-progress-container_project:hover {
  opacity: .5;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_project {
  border-radius: 50%;
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_number {
  font-size: 14px;
  padding-top: 10px;
  position: relative;
}
/* line 117, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_number-content {
  display: block;
  left: 0;
  right: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_project {
  font-size: 18px;
  padding-top: 5px;
}
/* line 130, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_project.-percent100 {
  border-color: #7d8896;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_circle {
  border: 2px solid #7d8896;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  position: relative;
  top: -3px;
  width: 15px;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-javascript .-started {
  border-color: #3084d8;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-javascript .-completed {
  color: #3084d8;
  background-color: #b1d0f0;
  border-color: #3084d8;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-javascript .-excellent-score {
  color: #fff;
  background-color: #3084d8;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-html-css .-started {
  border-color: #4fc38f;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-html-css .-completed {
  color: #4fc38f;
  background-color: #c1ead8;
  border-color: #4fc38f;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-html-css .-excellent-score {
  color: #fff;
  background-color: #4fc38f;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-jquery .-started {
  border-color: #17d192;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-jquery .-completed {
  color: #17d192;
  background-color: #8ef3d1;
  border-color: #17d192;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-jquery .-excellent-score {
  color: #fff;
  background-color: #17d192;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-web-dev .-started {
  border-color: #22b7ab;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-web-dev .-completed {
  color: #22b7ab;
  background-color: #89e9e1;
  border-color: #22b7ab;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-web-dev .-excellent-score {
  color: #fff;
  background-color: #22b7ab;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-python .-started {
  border-color: #496cc3;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-python .-completed {
  color: #496cc3;
  background-color: #bcc9e9;
  border-color: #496cc3;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-python .-excellent-score {
  color: #fff;
  background-color: #496cc3;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-design .-started {
  border-color: #7062ba;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-design .-completed {
  color: #7062ba;
  background-color: #d1cce9;
  border-color: #7062ba;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-design .-excellent-score {
  color: #fff;
  background-color: #7062ba;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-comp-sci .-started {
  border-color: #ff7e40;
}
/* line 151, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-comp-sci .-completed {
  color: #ff7e40;
  background-color: #ffe5d9;
  border-color: #ff7e40;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container .-comp-sci .-excellent-score {
  color: #fff;
  background-color: #ff7e40;
}
/* line 191, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
.my-progress-container_icon {
  font-size: 22px;
  left: 0;
  right: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 57%;
}
@media (min-width: 768px) {
  /* line 204, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_course {
    width: 100%;
  }
  /* line 208, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_module:last-of-type .my-progress-container_lessons {
    margin-bottom: 0;
  }
  /* line 212, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_projects,
  .my-progress-container_lessons {
    width: 49.7%;
  }
  /* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_projects {
    margin-top: 0px;
  }
  /* line 221, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_lessons {
    border-right: 1px solid #CCCFDB;
  }
  /* line 231, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_projects {
    padding-left: 20px;
    padding-right: 0px;
  }
  /* line 236, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_number,
  .my-progress-container_project {
    padding-top: 3px;
  }
}
@media (min-width: 1200px) {
  /* line 247, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\my-progress.less */
  .my-progress-container_number,
  .my-progress-container_project {
    padding-top: 5px;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
[data-loader='circle-side'] {
  display: none;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  -webkit-animation: circle infinite .75s linear;
  -moz-animation: circle infinite .75s linear;
  -o-animation: circle infinite .75s linear;
  animation: circle infinite .75s linear;
  border: 2px solid #fff;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-right-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}
/* line 21, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
[data-loader='circle-side'].is-loading {
  display: block;
}
@-webkit-keyframes circle {
  /* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes circle {
  /* line 42, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 48, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes circle {
  /* line 56, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 62, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circle {
  /* line 71, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  /* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\spinner.less */
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support {
  height: 100vh;
  margin: 0;
  margin-top: 60px;
  /*margin-bottom: -@header-bar-height;*/
}
/* line 10, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_users,
.live-support_admins,
.live-support_conversations {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_login,
.live-support_refresh {
  color: #fff;
  background-color: #3ec798;
  border-radius: 0;
  font-size: 15px;
  font-weight: bold;
  height: 35px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
/* line 30, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_login:hover,
.live-support_refresh:hover {
  background-color: #2fa37b;
}
/* line 34, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_login.is-active,
.live-support_refresh.is-active {
  background-color: #c9001e;
}
/* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_login.is-active:hover,
.live-support_refresh.is-active:hover {
  background-color: #960016;
}
/* line 43, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_refresh {
  color: #fff;
  background-color: #3084d8;
  border-radius: 0;
  position: relative;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_refresh:hover {
  background-color: #226ab3;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_refresh:before {
  font-size: 20px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
/* line 63, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_users,
.live-support_admins {
  background-color: #E4E6EE;
  border-right: 1px solid #CCCFDB;
  font-size: 0;
  padding: 0;
  text-transform: capitalize;
}
/* line 72, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_admins {
  border-left: 1px solid #CCCFDB;
  border-right: none;
}
/* line 77, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_message-user,
.live-support_search-user {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #CCCFDB;
  height: 40px;
  outline: none;
  padding: 5px 10px;
  width: 100%;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversations {
  padding: 10px;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user {
  border-bottom: 1px solid #CCCFDB;
  color: #7B8093;
  cursor: pointer;
  font-size: 15px;
  padding: 15px;
  padding-right: 35px;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-link,
.live-support_user-pill {
  background-color: #3084d8;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
  margin-left: 5px;
  max-width: 100px;
  overflow: hidden;
  position: relative;
  text-transform: initial;
  top: -1px;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-link:hover,
.live-support_user-pill:hover {
  background-color: #226ab3;
  color: #fff;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-pill {
  background-color: #B9BCCC;
  cursor: default;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-pill:hover {
  background-color: #B9BCCC;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user:hover {
  background-color: #d4d8e4;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_new-indicator {
  color: #3ec798;
  float: right;
  position: relative;
  right: -20px;
}
/* line 141, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_new-indicator:before {
  font-size: 12px;
}
/* line 147, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-info {
  border-bottom: 1px solid #CCCFDB;
  color: #7B8093;
  height: 85px;
  padding: 10px;
}
/* line 153, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-info-name {
  text-transform: capitalize;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-info-email {
  font-size: 12px;
}
/* line 161, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_user-info-agent {
  font-size: 12px;
  overflow: hidden;
  width: 150px;
  white-space: nowrap;
}
/* line 169, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversation {
  background-color: #fff;
  border: 1px solid #CCCFDB;
  border-radius: 3px;
  float: left;
  height: 485px;
  margin: 10px;
  overflow: hidden;
  position: relative;
  width: 30%;
}
/* line 180, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversation-close {
  background-color: #c9001e;
  border-radius: 3px;
  color: #fff;
  float: right;
  font-size: 12px;
  position: relative;
  top: -25px;
}
/* line 189, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversation-close:hover {
  background-color: #fc0026;
}
/* line 194, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversation-remove {
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: -1px;
  text-align: center;
  top: -1px;
  width: 16px;
  z-index: 2;
}
/* line 204, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversation-remove:hover {
  color: #CCCFDB;
}
/* line 209, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
.live-support_conversation-remove:before {
  font-size: 10px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
@media (min-width: 992px) {
  /* line 218, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-support.less */
  .live-support_conversation {
    width: 300px;
  }
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat {
  background-color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  bottom: -300px;
  box-shadow: 0px 11px 52px -6px rgba(0, 0, 0, 0.58);
  -webkit-box-shadow: 0px 11px 52px -6px rgba(0, 0, 0, 0.58);
  -moz-box-shadow: 0px 11px 52px -6px rgba(0, 0, 0, 0.58);
  position: fixed;
  right: 10px;
  transition: bottom .2s linear;
  width: 300px;
  z-index: 30;
}
/* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.is-visible {
  bottom: -220px;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.is-open {
  bottom: 0;
  height: 400px;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.-support {
  bottom: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  height: 400px;
  position: relative;
  right: 0;
  width: 100%;
  z-index: 1;
}
/* line 44, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_header,
.live-chat_message {
  padding: 15px;
}
/* line 49, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_header {
  background-color: #c9001e;
  border-bottom: 1px solid #CCCFDB;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
  cursor: pointer;
  height: 50px;
  position: relative;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_header-close {
  display: none;
}
/* line 66, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.is-open .live-chat_header {
  background-color: #fff;
  color: #000;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.is-open .live-chat_header-close {
  background-color: #fff;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  width: 16px;
  z-index: 2;
}
/* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.is-open .live-chat_header-close:hover {
  color: #878787;
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.is-open .live-chat_header-close:before {
  font-size: 10px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
/* line 101, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_info,
.live-chat_messages {
  border-bottom: 1px solid #CCCFDB;
  display: none;
  height: 215px;
  overflow: auto;
  padding: 15px 0 20px;
}
/* line 109, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_info.is-open,
.live-chat_messages.is-open {
  display: block;
}
/* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat.-support .live-chat_messages {
  display: block;
  height: 265px;
  width: 100%;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_info {
  padding: 15px;
  font-size: 12px;
  text-align: center;
}
/* line 125, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_info-button {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 11px;
  margin-bottom: 10px;
  padding: 8px 20px;
  width: 100%;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.live-chat_info-button:hover,
.live-chat_info-button:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.live-chat_info-button.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.live-chat_info-button.-secondary:hover,
.live-chat_info-button.-secondary:focus {
  background-color: #5d5f72;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_info-name,
.live-chat_info-email {
  border: 1px solid #CCCFDB;
  border-radius: 2px;
  font-size: 14px;
  padding: 7.5px;
  margin-top: 10px;
  width: 100%;
}
/* line 146, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message {
  font-size: 13px;
  padding-top: 0;
}
/* line 150, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message:last-of-type {
  padding-bottom: 0;
}
/* line 154, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-container {
  margin-left: 50px;
  margin-right: 0;
}
/* line 159, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message.-response {
  text-align: right;
  padding-right: 15px;
}
/* line 164, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-icon {
  background-color: #7B8093;
  border-radius: 50%;
  color: #fff;
  font-size: 21px;
  font-style: normal;
  float: left;
  height: 32px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: 32px;
}
/* line 177, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-icon-letter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  text-transform: uppercase;
}
/* line 185, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-name {
  font-weight: bold;
  text-transform: capitalize;
}
/* line 190, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-timestamp {
  color: #7B8093;
  font-size: 11px;
  font-weight: 300;
  margin-left: 5px;
}
/* line 197, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-link {
  background-color: #3084d8;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
  margin-left: 10px;
  max-width: 100px;
  overflow: hidden;
}
/* line 207, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-link:first-of-type {
  margin-left: 0px;
}
/* line 211, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message-link:hover {
  background-color: #226ab3;
  color: #fff;
}
/* line 217, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message.-response .live-chat_message-container {
  margin-left: 0;
  margin-right: 50px;
}
/* line 222, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message.-response .live-chat_message-icon {
  background-color: #c9001e;
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
/* line 229, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_message.-response .live-chat_message-icon:before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
/* line 239, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_typing {
  color: #fff;
  bottom: 132px;
  background-color: #B9BCCC;
  font-size: 12px;
  position: absolute;
  text-align: center;
  width: 95%;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_input {
  height: 135px;
  bottom: 0;
  padding: 15px;
  position: absolute;
  width: 100%;
}
/* line 256, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_input-field {
  border-color: #CCCFDB;
  border-radius: 2px;
  font-size: 13px;
  height: 60px;
  padding: 7.5px;
  resize: none;
  width: 100%;
}
/* line 266, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\live-chat.less */
.live-chat_input-send {
  color: #fff !important;
  background-color: #c9001e;
  border-color: #c9001e;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 11px;
  margin-top: 5px;
  padding: 8px 20px;
  width: 100%;
}
/* line 157, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.live-chat_input-send:hover,
.live-chat_input-send:focus {
  background-color: #ff4040;
  color: #fff;
}
/* line 162, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.live-chat_input-send.-secondary {
  background-color: #3b3c48;
  border-color: #3b3c48;
}
/* line 165, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\buttons.less */
.live-chat_input-send.-secondary:hover,
.live-chat_input-send.-secondary:focus {
  background-color: #5d5f72;
}
/* line 2, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview {
  /* height is required based on how the sorting works */
  height: 1340px;
  padding: 52px 0;
}
@media (min-width: 767px) {
  /* line 7, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
  .tracks-preview {
    height: 712px;
  }
}
/* line 11, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_header {
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 13px;
}
/* line 15, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 39px;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_nav {
  margin-bottom: 39px;
}
/* line 22, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_nav-button {
  background-color: transparent;
  border-radius: initial;
  color: #7B8093;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-bottom: 13px;
  margin: 0;
  text-transform: uppercase;
}
/* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_nav-button.is-active,
.tracks-preview_nav-button:hover {
  border-bottom: 2px solid #c9001e;
  color: #000;
}
@media (max-width: 445px) {
  /* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
  .tracks-preview_nav-button:nth-child(n+4) {
    display: none;
  }
}
@media (min-width: 767px) {
  /* line 47, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
  .tracks-preview_nav-button {
    margin: 0 6.5px;
  }
}
/* line 53, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_tracks {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  margin-left: 15px;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.tracks-preview_tracks:before,
.tracks-preview_tracks:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.tracks-preview_tracks:after {
  clear: both;
}
/* line 60, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track-container {
  background-color: #fff;
  padding: 15px;
  border-radius: 2px;
  margin: 0 21px 26px 21px;
  padding-left: 60px !important;
  text-align: left;
  box-shadow: 0 2px 0 0 #CCCFDB;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all .2s;
}
@media (min-width: 992px) {
  /* line 471, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
  .tracks-preview_track-container {
    padding: 30px;
  }
}
/* line 219, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.tracks-preview_track-container:hover {
  box-shadow: 0 4px 0 0 #CCCFDB;
  top: -2px;
}
/* line 224, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.tracks-preview_track-container:active {
  box-shadow: 0 1px 0 0 #CCCFDB;
  top: 1px;
}
/* line 70, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track-icon {
  background-color: #7d8896;
  -webkit-box-shadow: 0px 14px 37px -9px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 14px 37px -9px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 14px 37px -9px rgba(0, 0, 0, 0.37);
  border-radius: 2px;
  height: 75px;
  left: -35px;
  padding: 13px;
  width: 75px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track-icon-image {
  width: 100%;
}
/* line 88, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-javascript .tracks-preview_track-icon {
  background-color: #3084d8;
}
/* line 92, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-html-css .tracks-preview_track-icon {
  background-color: #4fc38f;
}
/* line 96, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-jquery .tracks-preview_track-icon {
  background-color: #17d192;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-web-dev .tracks-preview_track-icon {
  background-color: #22b7ab;
}
/* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-python .tracks-preview_track-icon {
  background-color: #496cc3;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-design .tracks-preview_track-icon {
  background-color: #7062ba;
}
/* line 112, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track.-comp-sci .tracks-preview_track-icon {
  background-color: #ff7e40;
}
/* line 116, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track-name {
  font-size: 18px;
}
/* line 120, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track-text {
  font-size: 15px;
  font-weight: 300;
  min-height: 39px;
  line-height: 1.2em;
  opacity: 8;
}
@media (min-width: 767px) {
  /* line 127, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
  .tracks-preview_track-text {
    min-height: 65px;
  }
}
@media (min-width: 992px) {
  /* line 131, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
  .tracks-preview_track-text {
    min-height: 52px;
  }
}
/* line 136, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
.tracks-preview_track-hours {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  /* line 149, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\track-preview.less */
  .-lang-ru .tracks-preview_track-name,
  .-lang-es .tracks-preview_track-name {
    font-size: 13px;
  }
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info {
  padding: 52px 0 91px;
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_header,
.vertical-info_text {
  text-align: center;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_header {
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 13px;
}
/* line 13, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 39px;
}
/* line 17, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-container {
  padding: 0;
}
@media (min-width: 992px) {
  /* line 20, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_blocks-container {
    padding: 0 52px;
  }
}
@media (min-width: 1200px) {
  /* line 24, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_blocks-container {
    padding: 0 91px;
  }
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block {
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  height: 195px !important;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.vertical-info_block:before,
.vertical-info_block:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.vertical-info_block:after {
  clear: both;
}
@media (min-width: 767px) {
  /* line 33, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block {
    height: 179px !important;
  }
}
@media (min-width: 992px) {
  /* line 37, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block {
    height: 199px !important;
  }
}
@media (max-width: 767px) {
  /* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block {
    text-align: center;
  }
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-image {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  border-radius: 3px;
}
@media (max-width: 767px) {
  /* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block-image {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 300px;
  }
}
@media (min-width: 767px) {
  /* line 57, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block-image {
    width: 90%;
  }
}
/* line 61, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-image-wrapper {
  height: 100%;
  position: relative;
}
/* line 65, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-image-wrapper.-video {
  cursor: pointer;
}
/* line 69, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-image-wrapper.-right {
  float: right;
}
/* line 75, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-info {
  height: 80%;
  position: relative;
}
@media (min-width: 767px) {
  /* line 79, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block-info {
    height: 100%;
  }
}
@media (min-width: 767px) {
  /* line 85, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
  }
}
/* line 90, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-header {
  font-size: 24px;
  font-weight: 500;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_block-text {
  font-size: 15px;
  font-weight: 300;
  padding-right: 13px;
}
@media (min-width: 767px) {
  /* line 100, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block-text {
    padding-right: 39px;
  }
}
@media (min-width: 1200px) {
  /* line 104, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_block-text {
    padding-right: 65px;
  }
}
/* line 110, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-divider {
  display: none;
  margin: 5px;
}
@media (min-width: 767px) {
  /* line 114, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
  .vertical-info_blocks-divider {
    display: block;
  }
}
/* line 118, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-divider-circle {
  color: #7B8093;
  display: block;
  text-align: center;
}
/* line 124, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-divider-circle:before {
  font-size: 7px;
}
/* line 129, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-divider-circle:nth-of-type(2) {
  color: #B9BCCC;
}
/* line 133, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-divider-circle:nth-of-type(3) {
  color: #CCCFDB;
}
/* line 138, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\vertical-info.less */
.vertical-info_blocks-divider:last-of-type {
  display: none;
}
/* line 1, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
.videos {
  padding: 52px 0 13px;
  text-align: center;
}
/* line 5, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
.videos_header {
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 13px;
}
/* line 9, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
.videos_container {
  margin-top: 52px;
  visibility: visible !important;
  height: initial !important;
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 405, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.videos_container:before,
.videos_container:after {
  content: " ";
  display: table;
}
/* line 410, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.videos_container:after {
  clear: both;
}
/* line 14, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
.videos_video {
  height: auto;
  min-height: 150px;
  width: 90%;
}
@media (min-width: 350px) {
  /* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    min-height: 200px;
  }
}
@media (min-width: 475px) {
  /* line 23, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    min-height: 240px;
  }
}
@media (min-width: 600px) {
  /* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    min-height: 280px;
  }
}
@media (min-width: 700px) {
  /* line 31, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    width: 80%;
    min-height: 300px;
  }
}
@media (min-width: 767px) {
  /* line 36, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    min-height: 270px;
    width: 70%;
  }
}
@media (min-width: 992px) {
  /* line 41, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    width: 100%;
    min-height: 250px;
  }
}
@media (min-width: 1200px) {
  /* line 46, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
  .videos_video {
    min-height: 290px;
  }
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\videos.less */
.videos_video-wrapper {
  margin-bottom: 26px;
}
/* line 4, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-search,
.ui-select {
  background-color: #FFF;
  border-radius: 2px;
  font-size: 12px;
  color: #B9BCCC;
  cursor: pointer;
  letter-spacing: .5px;
  margin: 0px;
  padding: 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: 0 2px 0 #E4E6EE;
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  position: relative;
}
/* line 171, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.ui-search:hover,
.ui-select:hover {
  box-shadow: 0 2px 0 #CCCFDB;
  color: #7B8093;
}
/* line 176, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\variables.less */
.ui-search:focus,
.ui-select:focus {
  box-shadow: 0 2px 0 #B9BCCC;
  color: #222;
}
/* line 12, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-search:before,
.ui-select:before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
}
/* line 19, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-search_box,
.ui-select_box {
  border: none;
  background-color: transparent;
  padding: 6px 9px;
}
/* line 26, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-search {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  padding-left: 28px !important;
  width: 185px;
}
/* line 27, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-search:before {
  left: 0;
  padding-left: 9px;
}
/* line 39, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-select:before {
  right: 0;
  padding-right: 9px;
}
/* line 45, C:\Users\Michael\workspace\CodeAvengers2\war\less\modules\ui.less */
.ui-select_box {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 28px !important;
  width: 100%;
}
/*# sourceMappingURL=main2.css.map */