@charset "UTF-8";
.bootstrap-dialog {
  /* dialog types */
  /**
   * Icon animation
   * Copied from font-awesome: http://fontawesome.io/
   **/
  /** End of icon animation **/ }
  .bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
    font-size: 16px; }
  .bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px; }
  .bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px; }
  .bootstrap-dialog .bootstrap-dialog-close-button {
    font-size: 20px;
    float: right;
    @opacity (0.9); }
    .bootstrap-dialog .bootstrap-dialog-close-button:hover {
      cursor: pointer;
      @opacity (1.0); }
  .bootstrap-dialog.type-default .modal-header {
    background-color: #fff; }
  .bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333; }
  .bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de; }
  .bootstrap-dialog.type-primary .modal-header {
    background-color: #337ab7; }
  .bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c; }
  .bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e; }
  .bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f; }
  .bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px; }
  .bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px; }
  .bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px; }
  .bootstrap-dialog .icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
html[data-browser*="iPad"].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%; }
  html[data-browser*="iPad"].block-scroll body {
    overflow: visible;
    position: fixed;
    width: 100%; }

html[data-browser*="iPod"].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%; }
  html[data-browser*="iPod"].block-scroll body {
    overflow: visible;
    position: fixed;
    width: 100%; }

html[data-browser*="iPhone"].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%; }
  html[data-browser*="iPhone"].block-scroll body {
    overflow: visible;
    position: fixed;
    width: 100%; }

html[data-browser*="Safari"].block-scroll {
  overflow: visible;
  position: fixed;
  width: 100%; }
  html[data-browser*="Safari"].block-scroll body {
    overflow: visible;
    position: fixed;
    width: 100%; }

html[data-browser*="Firefox"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  position: relative; }
  html[data-browser*="Firefox"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title:after {
    content: '';
    width: 157px;
    height: 20px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f1f5fb 70%, #f1f5fb 100%); }

html[data-browser*="Firefox"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  position: relative; }
  html[data-browser*="Firefox"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #86aee7 70%, #86aee7 100%); }

html[data-browser*="Edge"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  position: relative; }
  html[data-browser*="Edge"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title:after {
    content: '';
    width: 157px;
    height: 20px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f1f5fb 70%, #f1f5fb 100%); }

html[data-browser*="Edge"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  position: relative; }
  html[data-browser*="Edge"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #86aee7 70%, #86aee7 100%); }

html[data-browser*="IE"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
  position: relative; }
  html[data-browser*="IE"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title:after {
    content: '';
    width: 157px;
    height: 20px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f1f5fb 70%, #f1f5fb 100%); }

html[data-browser*="IE"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
  position: relative; }
  html[data-browser*="IE"] .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #86aee7 70%, #86aee7 100%); }

html[data-browser*="MSIE"] .section-homework .steps a > span b {
  line-height: 1.25; }

html[data-browser*="MSIE"] .section-homework .steps a > span > span {
  width: inherit;
  line-height: 2.5;
  vertical-align: super; }

/*rtl:begin:ignore*/
.phpdebugbar {
  direction: ltr; }
  .phpdebugbar dl.phpdebugbar-widgets-kvlist dt {
    width: auto;
    min-width: 150px; }
  .phpdebugbar a.phpdebugbar-tab i {
    display: inline-block;
    padding-right: 10px; }

/*rtl:end:ignore*/
@font-face {
  font-family: "mwicon";
  src: url("../assets/fonts/mwicon/build/mwicon-a151f9d480.eot")/*tpa=https://cn.mozaweb.com/assets/fonts/mwicon/build/mwicon-a151f9d480.eot*/;
  src: url("../assets/fonts/mwicon/build/mwicon-a151f9d480.eot-#iefix")/*tpa=https://cn.mozaweb.com/assets/fonts/mwicon/build/mwicon-a151f9d480.eot?#iefix*/ format("embedded-opentype"), url("../assets/fonts/mwicon/build/mwicon-451cfe851a.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/mwicon/build/mwicon-451cfe851a.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

/*** icon list ***/
.mwicon-tudashalo:after {
  content: "\2800"; }

.mwicon-s_mathematics:after {
  content: "\2805"; }

.mwicon-s_math_logic:after {
  content: "\2806"; }

.mwicon-s_set_theory:after {
  content: "\2807"; }

.mwicon-s_algebra:after {
  content: "\2808"; }

.mwicon-s_elem_algebra:after {
  content: "\2809"; }

.mwicon-s_abstract_algebra:after {
  content: "\280a"; }

.mwicon-s_linear_algebra:after {
  content: "\280b"; }

.mwicon-s_geometry:after {
  content: "\280c"; }

.mwicon-s_analysis:after {
  content: "\280d"; }

.mwicon-s_probability_theory:after {
  content: "\280e"; }

.mwicon-s_computer_science:after {
  content: "\280f"; }

.mwicon-s_informatics:after {
  content: "\2810"; }

.mwicon-s_information_theory:after {
  content: "\2811"; }

.mwicon-s_comp_programming:after {
  content: "\2812"; }

.mwicon-s_networks:after {
  content: "\2813"; }

.mwicon-s_ai:after {
  content: "\2814"; }

.mwicon-s_opsystems:after {
  content: "\2815"; }

.mwicon-s_hardware:after {
  content: "\2816"; }

.mwicon-s_software:after {
  content: "\2817"; }

.mwicon-s_religion:after {
  content: "\2818"; }

.mwicon-s_christianity:after {
  content: "\2819"; }

.mwicon-s_islam:after {
  content: "\281a"; }

.mwicon-s_judaism:after {
  content: "\281b"; }

.mwicon-s_buddhism:after {
  content: "\281c"; }

.mwicon-s_hinduism:after {
  content: "\281d"; }

.mwicon-s_nature_science:after {
  content: "\281e"; }

.mwicon-s_physics:after {
  content: "\281f"; }

.mwicon-s_mechanics:after {
  content: "\2820"; }

.mwicon-s_optics:after {
  content: "\2821"; }

.mwicon-s_thermodynamics:after {
  content: "\2822"; }

.mwicon-s_electromagnetics:after {
  content: "\2823"; }

.mwicon-s_modern_physics:after {
  content: "\2824"; }

.mwicon-s_astronomy:after {
  content: "\2825"; }

.mwicon-s_chemistry:after {
  content: "\2826"; }

.mwicon-s_general_physics:after {
  content: "\2827"; }

.mwicon-s_inorg_chemistry:after {
  content: "\2828"; }

.mwicon-s_organic_chemistry:after {
  content: "\2829"; }

.mwicon-s_physical_chemistry:after {
  content: "\282a"; }

.mwicon-s_medicine:after {
  content: "\282b"; }

.mwicon-s_geoghraphy:after {
  content: "\282c"; }

.mwicon-s_phys_geography:after {
  content: "\282d"; }

.mwicon-s_soc_geography:after {
  content: "\282e"; }

.mwicon-s_reg_geography:after {
  content: "\282f"; }

.mwicon-s_agriculture:after {
  content: "\2830"; }

.mwicon-s_plants:after {
  content: "\2831"; }

.mwicon-s_animals:after {
  content: "\2832"; }

.mwicon-s_fishing:after {
  content: "\2833"; }

.mwicon-s_forestry:after {
  content: "\2834"; }

.mwicon-s_engineering_science:after {
  content: "\2835"; }

.mwicon-s_architecture:after {
  content: "\2836"; }

.mwicon-s_engineering:after {
  content: "\2837"; }

.mwicon-s_electricity:after {
  content: "\2838"; }

.mwicon-s_transport:after {
  content: "\2839"; }

.mwicon-s_strategics:after {
  content: "\283a"; }

.mwicon-s_robotics:after {
  content: "\283b"; }

.mwicon-s_biology:after {
  content: "\283c"; }

.mwicon-s_microbiology:after {
  content: "\283d"; }

.mwicon-s_botany:after {
  content: "\283e"; }

.mwicon-s_zoology:after {
  content: "\283f"; }

.mwicon-s_anthropology:after {
  content: "\2840"; }

.mwicon-s_genetics:after {
  content: "\2841"; }

.mwicon-s_systematics:after {
  content: "\2842"; }

.mwicon-s_ecology:after {
  content: "\2843"; }

.mwicon-s_social_science:after {
  content: "\2844"; }

.mwicon-s_philosophy:after {
  content: "\2845"; }

.mwicon-s_law:after {
  content: "\2846"; }

.mwicon-s_economics:after {
  content: "\2847"; }

.mwicon-s_art_history:after {
  content: "\2848"; }

.mwicon-s_ethnography:after {
  content: "\2849"; }

.mwicon-s_linguistics:after {
  content: "\284a"; }

.mwicon-s_political_science:after {
  content: "\284b"; }

.mwicon-s_psychology:after {
  content: "\284c"; }

.mwicon-s_sociology:after {
  content: "\284d"; }

.mwicon-s_history:after {
  content: "\284e"; }

.mwicon-s_prehistory:after {
  content: "\284f"; }

.mwicon-s_ancient_history:after {
  content: "\2850"; }

.mwicon-s_middle_ages:after {
  content: "\2851"; }

.mwicon-s_modern_history:after {
  content: "\2852"; }

.mwicon-s_late_modern_history:after {
  content: "\2853"; }

.mwicon-s_pedagogy:after {
  content: "\2854"; }

.mwicon-s_archeology:after {
  content: "\2855"; }

.mwicon-s_art:after {
  content: "\2856"; }

.mwicon-s_arts:after {
  content: "\2857"; }

.mwicon-s_painting:after {
  content: "\2858"; }

.mwicon-s_sculpture:after {
  content: "\2859"; }

.mwicon-s_tectonics:after {
  content: "\285a"; }

.mwicon-s_graphics:after {
  content: "\285b"; }

.mwicon-s_photo_film:after {
  content: "\285c"; }

.mwicon-s_applied_arts:after {
  content: "\285d"; }

.mwicon-s_literature:after {
  content: "\285e"; }

.mwicon-s_lyric_poetry:after {
  content: "\285f"; }

.mwicon-s_drama:after {
  content: "\2860"; }

.mwicon-s_epic_poetry:after {
  content: "\2861"; }

.mwicon-s_music:after {
  content: "\2862"; }

.mwicon-s_performing_arts:after {
  content: "\2863"; }

.mwicon-s_alapmuv:after {
  content: "\2864"; }

.mwicon-s_literacy:after {
  content: "\2865"; }

.mwicon-s_szamolas:after {
  content: "\2866"; }

.mwicon-s_technics:after {
  content: "\2867"; }

.mwicon-s_science:after {
  content: "\2868"; }

.mwicon-mb_dl_type_min:after {
  content: "\e100"; }

.mwicon-mb_dl_type_full:after {
  content: "\e101"; }

.mwicon-mb_dl_type_demo:after {
  content: "\e102"; }

.mwicon-mb_dl_type_update:after {
  content: "\e103"; }

.mwicon-booktype_classroom:after {
  content: "\e110"; }

.mwicon-booktype_general:after {
  content: "\e111"; }

.mwicon-booktype_home:after {
  content: "\e112"; }

.mwicon-booktype_icon_printed:after {
  content: "\e113"; }

.mwicon-booktype_icon_intsmart:after {
  content: "\e114"; }

.mwicon-booktype_icon_digitalpack:after {
  content: "\e115"; }

.mwicon-booktype_icon_other:after {
  content: "\e116"; }

.mwicon-share:after {
  content: "\e120"; }

.mwicon-connections:after {
  content: "\e121"; }

.mwicon-loudspeaker:after {
  content: "\e122"; }

.mwicon-gauge:after {
  content: "\e123"; }

.mwicon-bulb:after {
  content: "\e124"; }

.mwicon-info:after {
  content: "\e125"; }

.mwicon-blog:after {
  content: "\e126"; }

.mwicon-book:after {
  content: "\e127"; }

.mwicon-digital_book:after {
  content: "\e128"; }

.mwicon-message:after {
  content: "\e129"; }

.mwicon-help:after {
  content: "\e12a"; }

.mwicon-cog:after {
  content: "\e12b"; }

.mwicon-flowerbook:after {
  content: "\e12c"; }

.mwicon-contact:after {
  content: "\e12d"; }

.mwicon-suggest:after {
  content: "\e12e"; }

.mwicon-message2:after {
  content: "\e12f"; }

.mwicon-answer:after {
  content: "\e130"; }

.mwicon-task:after {
  content: "\e138"; }

.mwicon-task_add:after {
  content: "\e139"; }

.mwicon-task_good:after {
  content: "\e13a"; }

.mwicon-task_in_progress:after {
  content: "\e13b"; }

.mwicon-task_bad:after {
  content: "\e13c"; }

.mwicon-booklet:after {
  content: "\e140"; }

.mwicon-booklet_add:after {
  content: "\e141"; }

.mwicon-booklet_user:after {
  content: "\e142"; }

.mwicon-book_general:after {
  content: "\e148"; }

.mwicon-book_plus:after {
  content: "\e149"; }

.mwicon-book_user:after {
  content: "\e14a"; }

.mwicon-edit:after {
  content: "\e150"; }

.mwicon-edit_no:after {
  content: "\e151"; }

.mwicon-pencil2:after {
  content: "\e158"; }

.mwicon-home:after {
  content: "\e15c"; }

.mwicon-search:after {
  content: "\e15d"; }

.mwicon-pencil:after {
  content: "\e15e"; }

.mwicon-pencil_drawing:after {
  content: "\e15f"; }

.mwicon-institute:after {
  content: "\e160"; }

.mwicon-globe:after {
  content: "\e161"; }

.mwicon-mozaik_logo:after {
  content: "\e162"; }

.mwicon-institute_hand:after {
  content: "\e163"; }

.mwicon-globe_hand:after {
  content: "\e164"; }

.mwicon-hand_simple:after {
  content: "\e166"; }

.mwicon-trash:after {
  content: "\e170"; }

.mwicon-eye:after {
  content: "\e171"; }

.mwicon-eye_no:after {
  content: "\e172"; }

.mwicon-anim:after {
  content: "\e173"; }

.mwicon-anim_no:after {
  content: "\e174"; }

.mwicon-clock:after {
  content: "\e175"; }

.mwicon-durer:after {
  content: "\e176"; }

.mwicon-folder_plus:after {
  content: "\e177"; }

.mwicon-move:after {
  content: "\e178"; }

.mwicon-info2:after {
  content: "\e179"; }

.mwicon-upload_to_cloud:after {
  content: "\e17a"; }

.mwicon-star1:after {
  content: "\e17b"; }

.mwicon-stat:after {
  content: "\e17c"; }

.mwicon-quote:after {
  content: "\e17d"; }

.mwicon-at:after {
  content: "\e17e"; }

.mwicon-calendar:after {
  content: "\e17f"; }

.mwicon-book_html:after {
  content: "\e180"; }

.mwicon-book_mozabook:after {
  content: "\e181"; }

.mwicon-book_mozabook_fill:after {
  content: "\e182"; }

.mwicon-book_html_fill:after {
  content: "\e183"; }

.mwicon-phone:after {
  content: "\e184"; }

.mwicon-import:after {
  content: "\e185"; }

.mwicon-cart:after {
  content: "\e186"; }

.mwicon-cart_time:after {
  content: "\e187"; }

.mwicon-logout:after {
  content: "\e188"; }

.mwicon-key2:after {
  content: "\e189"; }

.mwicon-tooltip:after {
  content: "\e18a"; }

.mwicon-favourrite:after {
  content: "\e18b"; }

.mwicon-localisation:after {
  content: "\e18c"; }

.mwicon-plus:after {
  content: "\e18d"; }

.mwicon-play_round:after {
  content: "\e18e"; }

.mwicon-magnifier:after {
  content: "\e18f"; }

.mwicon-map:after {
  content: "\e190"; }

.mwicon-download:after {
  content: "\e191"; }

.mwicon-download2:after {
  content: "\e192"; }

.mwicon-folder_opened:after {
  content: "\e193"; }

.mwicon-time2:after {
  content: "\e194"; }

.mwicon-stat2:after {
  content: "\e195"; }

.mwicon-clock2:after {
  content: "\e196"; }

.mwicon-truck:after {
  content: "\e197"; }

.mwicon-code_tag:after {
  content: "\e198"; }

.mwicon-code_fork:after {
  content: "\e199"; }

.mwicon-monitor:after {
  content: "\e19a"; }

.mwicon-folder:after {
  content: "\e19b"; }

.mwicon-file:after {
  content: "\e19c"; }

.mwicon-animations:after {
  content: "\e19f"; }

.mwicon-percent:after {
  content: "\e1a0"; }

.mwicon-hand_point:after {
  content: "\e1a1"; }

.mwicon-tag:after {
  content: "\e1a2"; }

.mwicon-link:after {
  content: "\e1a3"; }

.mwicon-key:after {
  content: "\e1a4"; }

.mwicon-euklides_complex:after {
  content: "\e1a5"; }

.mwicon-steps:after {
  content: "\e1a6"; }

.mwicon-time:after {
  content: "\e1a7"; }

.mwicon-eye2:after {
  content: "\e1a8"; }

.mwicon-envelope:after {
  content: "\e1a9"; }

.mwicon-refresh:after {
  content: "\e1aa"; }

.mwicon-translate_text:after {
  content: "\e1ab"; }

.mwicon-translate_db:after {
  content: "\e1ac"; }

.mwicon-training:after {
  content: "\e1ad"; }

.mwicon-3D:after {
  content: "\e1ae"; }

.mwicon-video_tutorial:after {
  content: "\e1af"; }

.mwicon-dimensions:after {
  content: "\e1b0"; }

.mwicon-mozabook_editor:after {
  content: "\e1b1"; }

.mwicon-generated_book_editor:after {
  content: "\e1b2"; }

.mwicon-mouse:after {
  content: "\e1b3"; }

.mwicon-medialibrary:after {
  content: "\e1b4"; }

.mwicon-video_admin:after {
  content: "\e1b5"; }

.mwicon-tool_admin:after {
  content: "\e1b6"; }

.mwicon-game_admin:after {
  content: "\e1b7"; }

.mwicon-video_tape:after {
  content: "\e1b8"; }

.mwicon-books1:after {
  content: "\e1b9"; }

.mwicon-books2:after {
  content: "\e1ba"; }

.mwicon-calendar2:after {
  content: "\e1bb"; }

.mwicon-magazine:after {
  content: "\e1bc"; }

.mwicon-time_back:after {
  content: "\e1bd"; }

.mwicon-mb_editor2:after {
  content: "\e1be"; }

.mwicon-tool_admin2:after {
  content: "\e1bf"; }

.mwicon-video_admin_eh:after {
  content: "\e1c0"; }

.mwicon-magnifier_save:after {
  content: "\e1c1"; }

.mwicon-wrench:after {
  content: "\e1c2"; }

.mwicon-check:after {
  content: "\e1c3"; }

.mwicon-paper_airplane:after {
  content: "\e1c4"; }

.mwicon-floppy:after {
  content: "\e1c5"; }

.mwicon-pic:after {
  content: "\e1c6"; }

.mwicon-info_char:after {
  content: "\e1c7"; }

.mwicon-tablet_play:after {
  content: "\e1c8"; }

.mwicon-phone_moza:after {
  content: "\e1c9"; }

.mwicon-mb_book:after {
  content: "\e1ca"; }

.mwicon-news:after {
  content: "\e1cb"; }

.mwicon-news_line:after {
  content: "\e1cc"; }

.mwicon-changelog:after {
  content: "\e1cd"; }

.mwicon-compass:after {
  content: "\e1ce"; }

.mwicon-homework:after {
  content: "\e1cf"; }

.mwicon-cw_classwork:after {
  content: "\e1d0"; }

.mwicon-cw_teachers_control:after {
  content: "\e1d1"; }

.mwicon-cw_create_connection:after {
  content: "\e1d2"; }

.mwicon-cw_student_connection:after {
  content: "\e1d3"; }

.mwicon-cw_student_disconnection:after {
  content: "\e1d4"; }

.mwicon-admin_shield:after {
  content: "\e1e0"; }

.mwicon-shield1:after {
  content: "\e1e1"; }

.mwicon-shield4:after {
  content: "\e1e2"; }

.mwicon-shield:after {
  content: "\e1e3"; }

.mwicon-shield2:after {
  content: "\e1e5"; }

.mwicon-ok:after {
  content: "\e1f3"; }

.mwicon-x:after {
  content: "\e1f4"; }

.mwicon-minus:after {
  content: "\e1f6"; }

.mwicon-cb_info:after {
  content: "\e200"; }

.mwicon-cb_cart:after {
  content: "\e201"; }

.mwicon-cb_play:after {
  content: "\e202"; }

.mwicon-cb_ok:after {
  content: "\e203"; }

.mwicon-cb_x:after {
  content: "\e204"; }

.mwicon-cb_plus:after {
  content: "\e205"; }

.mwicon-cb_minus:after {
  content: "\e206"; }

.mwicon-facebook_logo:after {
  content: "\e210"; }

.mwicon-twitter_logo:after {
  content: "\e211"; }

.mwicon-youtube_logo:after {
  content: "\e212"; }

.mwicon-youtube_logo2:after {
  content: "\e213"; }

.mwicon-stat_inter_mb:after {
  content: "\e220"; }

.mwicon-stat_inter_mw:after {
  content: "\e221"; }

.mwicon-stat_inter_md:after {
  content: "\e222"; }

.mwicon-stat_inter_mm:after {
  content: "\e223"; }

.mwicon-stat_inter_ml:after {
  content: "\e224"; }

.mwicon-stat_inter_mi:after {
  content: "\e225"; }

.mwicon-stat_desk_mb:after {
  content: "\e22a"; }

.mwicon-stat_desk_mw:after {
  content: "\e22b"; }

.mwicon-stat_desk_md:after {
  content: "\e22c"; }

.mwicon-stat_desk_mm:after {
  content: "\e22d"; }

.mwicon-stat_desk_ml:after {
  content: "\e22e"; }

.mwicon-stat_desk_mi:after {
  content: "\e22f"; }

.mwicon-stat_tab_mb:after {
  content: "\e234"; }

.mwicon-stat_tab_mw:after {
  content: "\e235"; }

.mwicon-stat_tab_md:after {
  content: "\e236"; }

.mwicon-stat_tab_mm:after {
  content: "\e237"; }

.mwicon-stat_tab_ml:after {
  content: "\e238"; }

.mwicon-stat_tab_mi:after {
  content: "\e239"; }

.mwicon-stat_phone_mb:after {
  content: "\e23e"; }

.mwicon-stat_phone_mw:after {
  content: "\e23f"; }

.mwicon-stat_phone_md:after {
  content: "\e240"; }

.mwicon-stat_phone_mm:after {
  content: "\e241"; }

.mwicon-stat_phone_ml:after {
  content: "\e242"; }

.mwicon-stat_phone_mi:after {
  content: "\e243"; }

.mwicon-windows_logo:after {
  content: "\e260"; }

.mwicon-ios_logo:after {
  content: "\e261"; }

.mwicon-google_play_logo:after {
  content: "\e262"; }

.mwicon-ubuntu_logo:after {
  content: "\e263"; }

.mwicon-ie_logo:after {
  content: "\e264"; }

.mwicon-apple_logo:after {
  content: "\e265"; }

.mwicon-windows_logo2:after {
  content: "\e266"; }

.mwicon-android_logo:after {
  content: "\e267"; }

.mwicon-chrome_logo:after {
  content: "\e268"; }

.mwicon-doc:after {
  content: "\e270"; }

.mwicon-pdf:after {
  content: "\e271"; }

.mwicon-url:after {
  content: "\e272"; }

.mwicon-xls:after {
  content: "\e273"; }

.mwicon-zip:after {
  content: "\e274"; }

.mwicon-download_too_slim:after {
  content: "\e27d"; }

.mwicon-cart_old:after {
  content: "\e27e"; }

.mwicon-cart_time_old:after {
  content: "\e27f"; }

.mwicon-envelope_open:after {
  content: "\e280"; }

.mwicon-_3d_vr:after {
  content: "\e2f1"; }

.mwicon-_3d_narranim:after {
  content: "\e2f2"; }

.mwicon-_3d_timeline:after {
  content: "\e2f3"; }

.mwicon-_3d_game:after {
  content: "\e2f4"; }

.mwicon-_3d_anim:after {
  content: "\e2f5"; }

.mwicon-_3d_quiz:after {
  content: "\e2f6"; }

.mwicon-_3d_export:after {
  content: "\e2f7"; }

.mwicon-_3d_narr:after {
  content: "\e2f8"; }

.mwicon-_3d_walking:after {
  content: "\e2f9"; }

.mwicon-id:after {
  content: "\e2fa"; }

.mwicon-teacher_1:after {
  content: "\e2fb"; }

.mwicon-student_1:after {
  content: "\e2fc"; }

.mwicon-bulb_old:after {
  content: "\e2fd"; }

.mwicon-booktype_icon_classroom_fill:after {
  content: "\e310"; }

.mwicon-booktype_icon_printed_fill:after {
  content: "\e313"; }

.mwicon-booktype_icon_intsmart_fill:after {
  content: "\e314"; }

.mwicon-booktype_icon_digitalpack_fill:after {
  content: "\e315"; }

.mwicon-calendar_fill:after {
  content: "\e31f"; }

.mwicon-connections_fill:after {
  content: "\e321"; }

.mwicon-blog_fill:after {
  content: "\e326"; }

.mwicon-digital_book_fill:after {
  content: "\e328"; }

.mwicon-message_fill:after {
  content: "\e329"; }

.mwicon-cog_fill:after {
  content: "\e32b"; }

.mwicon-flowerbook_fill:after {
  content: "\e32c"; }

.mwicon-task_fill:after {
  content: "\e330"; }

.mwicon-pencil_fill:after {
  content: "\e35e"; }

.mwicon-pencil_draw_fill:after {
  content: "\e35f"; }

.mwicon-institute_fill:after {
  content: "\e360"; }

.mwicon-star1_fill:after {
  content: "\e37b"; }

.mwicon-chart_fill:after {
  content: "\e37c"; }

.mwicon-animations_fill:after {
  content: "\e39f"; }

.mwicon-key_fill:after {
  content: "\e3a4"; }

.mwicon-euklides_complex_fill:after {
  content: "\e3a5"; }

.mwicon-steps_fill:after {
  content: "\e3a6"; }

.mwicon-time_fill:after {
  content: "\e3a7"; }

.mwicon-eye2_fill:after {
  content: "\e3a8"; }

.mwicon-envelope_fill:after {
  content: "\e3a9"; }

.mwicon-refresh_fill:after {
  content: "\e3aa"; }

.mwicon-translate_text_fill:after {
  content: "\e3ab"; }

.mwicon-db_fill:after {
  content: "\e3ac"; }

.mwicon-training_fill:after {
  content: "\e3ad"; }

.mwicon-tranlate_3d_fill:after {
  content: "\e3ae"; }

.mwicon-video_tutorial_fill:after {
  content: "\e3af"; }

.mwicon-dimensions_fill:after {
  content: "\e3b0"; }

.mwicon-mozabook_editor_fill:after {
  content: "\e3b1"; }

.mwicon-generated_book_editor_fill:after {
  content: "\e3b2"; }

.mwicon-mouse_fill:after {
  content: "\e3b3"; }

.mwicon-mediatar_fill:after {
  content: "\e3b4"; }

.mwicon-video_admin_fill:after {
  content: "\e3b5"; }

.mwicon-tool_admin_fill:after {
  content: "\e3b6"; }

.mwicon-game_admin_full:after {
  content: "\e3b7"; }

.mwicon-video_tape_fill:after {
  content: "\e3b8"; }

.mwicon-books1_fill:after {
  content: "\e3b9"; }

.mwicon-books2_fill:after {
  content: "\e3ba"; }

.mwicon-mb_book_fill:after {
  content: "\e3ca"; }

.mwicon-user:after {
  content: "\e500"; }

.mwicon-user_tie:after {
  content: "\e501"; }

.mwicon-user_add:after {
  content: "\e502"; }

.mwicon-user2_shield:after {
  content: "\e503"; }

.mwicon-user_gear:after {
  content: "\e504"; }

.mwicon-user_exclam:after {
  content: "\e505"; }

.mwicon-user_book:after {
  content: "\e506"; }

.mwicon-user_activity:after {
  content: "\e507"; }

.mwicon-user_ok_c:after {
  content: "\e508"; }

.mwicon-user_x_c:after {
  content: "\e509"; }

.mwicon-user_add_c:after {
  content: "\e50a"; }

.mwicon-user_minus_c:after {
  content: "\e50b"; }

.mwicon-user_fill:after {
  content: "\e580"; }

.mwicon-user_tie_fill:after {
  content: "\e581"; }

.mwicon-user_add_fill:after {
  content: "\e582"; }

.mwicon-user_shield_fill:after {
  content: "\e583"; }

.mwicon-user_gear_fill:after {
  content: "\e584"; }

.mwicon-user_exclam_fill:after {
  content: "\e585"; }

.mwicon-user_book_fill:after {
  content: "\e586"; }

.mwicon-user_activity_fill:after {
  content: "\e587"; }

.mwicon-users2:after {
  content: "\e600"; }

.mwicon-users2_tie:after {
  content: "\e601"; }

.mwicon-group:after {
  content: "\e610"; }

.mwicon-grade:after {
  content: "\e611"; }

.mwicon-class:after {
  content: "\e612"; }

.mwicon-team_1:after {
  content: "\e613"; }

.mwicon-team_2:after {
  content: "\e614"; }

.mwicon-general_group:after {
  content: "\e615"; }

.mwicon-group2:after {
  content: "\e616"; }

.mwicon-group_join:after {
  content: "\e620"; }

.mwicon-users2_fill:after {
  content: "\e680"; }

.mwicon-users2_tie_fill:after {
  content: "\e681"; }

.mwicon-p_mozabook:after {
  content: "\e700"; }

.mwicon-p_mozaweb:after {
  content: "\e701"; }

.mwicon-p_mozalog:after {
  content: "\e702"; }

.mwicon-p_mozamap:after {
  content: "\e703"; }

.mwicon-p_euklides:after {
  content: "\e704"; }

.mwicon-p_euler:after {
  content: "\e705"; }

.mwicon-p_mbandroid:after {
  content: "\e706"; }

.mwicon-p_3dviewer:after {
  content: "\e707"; }

.mwicon-p_labcamera:after {
  content: "\e708"; }

.mwicon-p_fizika:after {
  content: "\e709"; }

.mwicon-p_matek:after {
  content: "\e70a"; }

.mwicon-p_cutnlearn:after {
  content: "\e70b"; }

.mwicon-p_intsmartbook:after {
  content: "\e70c"; }

.mwicon-p_mozabook_fill:after {
  content: "\e780"; }

.mwicon-p_mozaweb_fill:after {
  content: "\e781"; }

.mwicon-p_mozalog_fill:after {
  content: "\e782"; }

.mwicon-p_mozamap_fill:after {
  content: "\e783"; }

.mwicon-p_euklides_fill:after {
  content: "\e784"; }

.mwicon-p_euler_fill:after {
  content: "\e785"; }

.mwicon-p_mbandroid_fill:after {
  content: "\e786"; }

.mwicon-p_3dviewer_fill:after {
  content: "\e787"; }

.mwicon-p_labcam_fill:after {
  content: "\e788"; }

.mwicon-p_physics_fill:after {
  content: "\e789"; }

.mwicon-p_math_fill:after {
  content: "\e78a"; }

.mwicon-p_cutnlearn_fill:after {
  content: "\e78b"; }

.mwicon-p_intsmartbook_fill:after {
  content: "\e78c"; }

.mwicon-mt_3d:after {
  content: "\e800"; }

.mwicon-mt_3d_gal:after {
  content: "\e801"; }

.mwicon-mt_pic:after {
  content: "\e802"; }

.mwicon-mt_pic_gal:after {
  content: "\e803"; }

.mwicon-mt_video:after {
  content: "\e804"; }

.mwicon-mt_video_gal:after {
  content: "\e805"; }

.mwicon-mt_sound:after {
  content: "\e806"; }

.mwicon-mt_sound_gal:after {
  content: "\e807"; }

.mwicon-mt_tool:after {
  content: "\e808"; }

.mwicon-mt_game:after {
  content: "\e809"; }

.mwicon-mt_interactive:after {
  content: "\e80a"; }

.mwicon-mt_presentation:after {
  content: "\e80b"; }

.mwicon-mt_pdf:after {
  content: "\e80c"; }

.mwicon-mt_office:after {
  content: "\e80d"; }

.mwicon-mt_map:after {
  content: "\e80e"; }

.mwicon-mt_link:after {
  content: "\e80f"; }

.mwicon-mt_videolink:after {
  content: "\e810"; }

.mwicon-mt_postit:after {
  content: "\e811"; }

.mwicon-mt_note:after {
  content: "\e812"; }

.mwicon-mt_pagelink:after {
  content: "\e813"; }

.mwicon-mt_euklides:after {
  content: "\e814"; }

.mwicon-mt_euler:after {
  content: "\e815"; }

.mwicon-mt_geogebra:after {
  content: "\e816"; }

.mwicon-mt_html5:after {
  content: "\e817"; }

.mwicon-mt_sum:after {
  content: "\e818"; }

.mwicon-mt_fx:after {
  content: "\e819"; }

.mwicon-mt_word:after {
  content: "\e81a"; }

.mwicon-mt_excel:after {
  content: "\e81b"; }

.mwicon-mt_powerpoint:after {
  content: "\e81c"; }

.mwicon-mt_book:after {
  content: "\e81d"; }

.mwicon-mt_layers:after {
  content: "\e81e"; }

.mwicon-mt_task:after {
  content: "\e81f"; }

.mwicon-mt_tasks2:after {
  content: "\e820"; }

.mwicon-mt_booklet:after {
  content: "\e821"; }

.mwicon-mt_clip:after {
  content: "\e822"; }

.mwicon-mt_narration:after {
  content: "\e823"; }

.mwicon-mt_microcurriculum:after {
  content: "\e824"; }

.mwicon-mt_panoramaimage:after {
  content: "\e825"; }

.mwicon-mt_microcurriculum2:after {
  content: "\e826"; }

.mwicon-mt_video_fill:after {
  content: "\e884"; }

.mwicon-mt2_3d:after {
  content: "\e900"; }

.mwicon-mt2_3d_gal:after {
  content: "\e901"; }

.mwicon-mt2_pic:after {
  content: "\e902"; }

.mwicon-mt2_pic_gal:after {
  content: "\e903"; }

.mwicon-mt2_video:after {
  content: "\e904"; }

.mwicon-mt2_video_gal:after {
  content: "\e905"; }

.mwicon-mt2_sound:after {
  content: "\e906"; }

.mwicon-mt2_sound_gal:after {
  content: "\e907"; }

.mwicon-mt2_tool:after {
  content: "\e908"; }

.mwicon-mt2_game:after {
  content: "\e909"; }

.mwicon-mt2_interactive:after {
  content: "\e90a"; }

.mwicon-mt2_presentation:after {
  content: "\e90b"; }

.mwicon-mt2_pdf:after {
  content: "\e90c"; }

.mwicon-mt2_office:after {
  content: "\e90d"; }

.mwicon-mt2_map:after {
  content: "\e90e"; }

.mwicon-mt2_link:after {
  content: "\e90f"; }

.mwicon-mt2_videolink:after {
  content: "\e910"; }

.mwicon-mt2_postit:after {
  content: "\e911"; }

.mwicon-mt2_note:after {
  content: "\e912"; }

.mwicon-mt2_pagelink:after {
  content: "\e913"; }

.mwicon-mt2_euklides:after {
  content: "\e914"; }

.mwicon-mt2_euler:after {
  content: "\e915"; }

.mwicon-mt2_geogebra:after {
  content: "\e916"; }

.mwicon-mt2_html5:after {
  content: "\e917"; }

.mwicon-mt2_sum:after {
  content: "\e918"; }

.mwicon-mt2_fx:after {
  content: "\e919"; }

.mwicon-mt2_word:after {
  content: "\e91a"; }

.mwicon-mt2_excel:after {
  content: "\e91b"; }

.mwicon-mt2_powerpoint:after {
  content: "\e91c"; }

.mwicon-mt2_book:after {
  content: "\e91d"; }

.mwicon-mt2_layers:after {
  content: "\e91e"; }

.mwicon-mt2_task:after {
  content: "\e91f"; }

.mwicon-mt2_tasks2:after {
  content: "\e920"; }

.mwicon-mt2_booklet:after {
  content: "\e921"; }

.mwicon-mt2_clip:after {
  content: "\e922"; }

.mwicon-mt2_narration:after {
  content: "\e923"; }

.mwicon-mt2_microcurriculum:after {
  content: "\e924"; }

.mwicon-mt2_panoramaimage:after {
  content: "\e925"; }

.mwicon-mt2_microcurriculum2:after {
  content: "\e926"; }

.mwicon-mt2_essay:after {
  content: "\e927"; }

.mwicon-mt2_pic_fill:after {
  content: "\e982"; }

.mwicon-mt2_tools_fill:after {
  content: "\e988"; }

.mwicon-mt2_games_fill:after {
  content: "\e989"; }

.mwicon-mt2_sound_fill:after {
  content: "\e997"; }

.mwicon-mt2_layer_fill:after {
  content: "\e99f"; }

.mwicon-subj_history:after {
  content: "\f000"; }

.mwicon-subj_biology:after {
  content: "\f001"; }

.mwicon-subj_geography:after {
  content: "\f002"; }

.mwicon-subj_chemistry:after {
  content: "\f003"; }

.mwicon-subj_phisycs:after {
  content: "\f004"; }

.mwicon-subj_technology:after {
  content: "\f005"; }

.mwicon-subjv_informatics:after {
  content: "\f006"; }

.mwicon-subj_mathematics:after {
  content: "\f007"; }

.mwicon-subj_visualarts_1:after {
  content: "\f008"; }

.mwicon-subj_visualarts_2:after {
  content: "\f009"; }

.mwicon-subj_music:after {
  content: "\f00a"; }

.mwicon-subj_languages:after {
  content: "\f00b"; }

.mwicon-subj_techics:after {
  content: "\f00c"; }

.mwicon-subj_natural_science:after {
  content: "\f00d"; }

.mwicon-subj_all_2:after {
  content: "\f07a"; }

.mwicon-subj_all_1:after {
  content: "\f07b"; }

.mwicon-subj_new:after {
  content: "\f07c"; }

.mwicon-subj_misc:after {
  content: "\f07d"; }

.mwicon-mbl_m_user:after {
  content: "\f100"; }

.mwicon-mbl_m_pubs:after {
  content: "\f101"; }

.mwicon-mbl_m_pages:after {
  content: "\f102"; }

.mwicon-mbl_m_toc:after {
  content: "\f103"; }

.mwicon-mbl_m_layers:after {
  content: "\f104"; }

.mwicon-mbl_m_extras:after {
  content: "\f105"; }

.mwicon-mbl_m_tools:after {
  content: "\f106"; }

.mwicon-mbl_m_games:after {
  content: "\f107"; }

.mwicon-mw_m_3ds:after {
  content: "\f108"; }

.mwicon-mbl_m_videos:after {
  content: "\f109"; }

.mwicon-mbl_m_zoom_in:after {
  content: "\f10a"; }

.mwicon-mbl_m_zoom_out:after {
  content: "\f10b"; }

.mwicon-mbl_m_page_double:after {
  content: "\f10c"; }

.mwicon-mbl_m_page_single:after {
  content: "\f10d"; }

.mwicon-mbl_m_fullscreen:after {
  content: "\f10e"; }

.mwicon-mbl_m_cooperative:after {
  content: "\f10f"; }

.mwicon-mbl_m_draw:after {
  content: "\f110"; }

.mwicon-mbl_m_medialibrary:after {
  content: "\f111"; }

.mwicon-mbl_m_save:after {
  content: "\f112"; }

.mwicon-mbl_m_info:after {
  content: "\f113"; }

.mwicon-mbl_m_video_collection:after {
  content: "\f114"; }

.mwicon-mbl_m_3d_collection:after {
  content: "\f115"; }

.mwicon-mbl_m_homework:after {
  content: "\f116"; }

.mwicon-mbl_m_menu_hamb:after {
  content: "\f117"; }

.mwicon-mbl_m_layer_publisher:after {
  content: "\f118"; }

.mwicon-mbl_m_layer_own:after {
  content: "\f119"; }

.mwicon-mbl_m_layer_global:after {
  content: "\f11a"; }

.mwicon-mbl_m_layer_insitute:after {
  content: "\f11b"; }

.mwicon-mbl_m_layer_solution:after {
  content: "\f11c"; }

.mwicon-mbl_m_layer_fill:after {
  content: "\f11d"; }

.mwicon-mbl_m_layer_edit:after {
  content: "\f11e"; }

.mwicon-mbl_m_layer_solution2:after {
  content: "\f11f"; }

.mwicon-mbl_m_layer_check:after {
  content: "\f120"; }

.mwicon-mbl_m_layers_old:after {
  content: "\f122"; }

.mwicon-mw_mini_3d:after {
  content: "\f200"; }

.mwicon-mw_mini_video:after {
  content: "\f201"; }

.mwicon-mw_mini_pages:after {
  content: "\f202"; }

.mwicon-mw_mini_tools:after {
  content: "\f203"; }

.mwicon-mw_mini_games:after {
  content: "\f204"; }

.mwicon-mw_mini_layers:after {
  content: "\f205"; }

.mwicon-mw_mini_extra:after {
  content: "\f206"; }

.mwicon-mw_mini_pubs:after {
  content: "\f207"; }

.mwicon-corner_free_lb:after {
  content: "\f500"; }

.mwicon-corner_free_rb:after {
  content: "\f501"; }

.mwicon-corner_free_lt:after {
  content: "\f502"; }

.mwicon-corner_free_rt:after {
  content: "\f503"; }

.mwicon-corner_fav_lb:after {
  content: "\f504"; }

.mwicon-corner_fav_rb:after {
  content: "\f505"; }

.mwicon-corner_fav_lt:after {
  content: "\f506"; }

.mwicon-corner_fav_rt:after {
  content: "\f507"; }

.mwicon-corner_bulb_lb:after {
  content: "\f508"; }

.mwicon-corner_flag_rt:after {
  content: "\f50f"; }

.mwicon-corner_blog_lb:after {
  content: "\f510"; }

.mwicon-corner_news_lb:after {
  content: "\f514"; }

.mwicon-corner_discount_rb:after {
  content: "\f51b"; }

.mwicon-corner_digitalbook_rt:after {
  content: "\f51f"; }

.mwicon-corner_ezmiez_rt:after {
  content: "\f523"; }

.mwicon-corner_file_rb:after {
  content: "\f525"; }

.mwicon-corner_clip_rt:after {
  content: "\f52b"; }

.mwicon-corner_intsmart_lb:after {
  content: "\f52c"; }

.mwicon-corner_intsmart_rb:after {
  content: "\f52d"; }

.mwicon-corner_intsmart_lt:after {
  content: "\f52e"; }

.mwicon-corner_intsmart_rt:after {
  content: "\f52f"; }

.mwicon-corner_3d_lb:after {
  content: "\f600"; }

.mwicon-corner_3d_rb:after {
  content: "\f601"; }

.mwicon-corner_pic_lb:after {
  content: "\f604"; }

.mwicon-corner_pic_rb:after {
  content: "\f605"; }

.mwicon-corner_video_lb:after {
  content: "\f608"; }

.mwicon-corner_video_rb:after {
  content: "\f609"; }

.mwicon-corner_clip_lb:after {
  content: "\f60c"; }

.mwicon-corner_clip_rb:after {
  content: "\f60d"; }

.mwicon-corner_sound_lb:after {
  content: "\f610"; }

.mwicon-corner_sound_rb:after {
  content: "\f611"; }

.mwicon-corner_tool_lb:after {
  content: "\f614"; }

.mwicon-corner_tool_rb:after {
  content: "\f615"; }

.mwicon-corner_games_lb:after {
  content: "\f618"; }

.mwicon-corner_games_rb:after {
  content: "\f619"; }

.mwicon-corner_flash_lb:after {
  content: "\f61c"; }

.mwicon-corner_flash_rb:after {
  content: "\f61d"; }

.mwicon-corner_presentation_lb:after {
  content: "\f620"; }

.mwicon-corner_presentation_rb:after {
  content: "\f621"; }

.mwicon-corner_pdf_lb:after {
  content: "\f624"; }

.mwicon-corner_pdf_rb:after {
  content: "\f625"; }

.mwicon-corner_office_lb:after {
  content: "\f628"; }

.mwicon-corner_office_rb:after {
  content: "\f629"; }

.mwicon-corner_map_lb:after {
  content: "\f62c"; }

.mwicon-corner_map_rb:after {
  content: "\f62d"; }

.mwicon-corner_link_lb:after {
  content: "\f630"; }

.mwicon-corner_link_rb:after {
  content: "\f631"; }

.mwicon-corner_videolink_lb:after {
  content: "\f634"; }

.mwicon-corner_videolink_rb:after {
  content: "\f635"; }

.mwicon-corner_postit_lb:after {
  content: "\f638"; }

.mwicon-corner_postit_rb:after {
  content: "\f639"; }

.mwicon-corner_note_lb:after {
  content: "\f63c"; }

.mwicon-corner_note_rb:after {
  content: "\f63d"; }

.mwicon-corner_pagelink_lb:after {
  content: "\f640"; }

.mwicon-corner_pagelink_rb:after {
  content: "\f641"; }

.mwicon-corner_euklides_lb:after {
  content: "\f644"; }

.mwicon-corner_euklides_rb:after {
  content: "\f645"; }

.mwicon-corner_euler_lb:after {
  content: "\f648"; }

.mwicon-corner_euler_rb:after {
  content: "\f649"; }

.mwicon-corner_geogebra_lb:after {
  content: "\f64c"; }

.mwicon-corner_geogebra_rb:after {
  content: "\f64d"; }

.mwicon-corner_interactive_lb:after {
  content: "\f650"; }

.mwicon-corner_interactive_rb:after {
  content: "\f651"; }

.mwicon-corner_summa_lb:after {
  content: "\f654"; }

.mwicon-corner_summa_rb:after {
  content: "\f655"; }

.mwicon-corner_fx_lb:after {
  content: "\f658"; }

.mwicon-corner_fx_rb:after {
  content: "\f659"; }

.mwicon-corner_word_lb:after {
  content: "\f65c"; }

.mwicon-corner_word_rb:after {
  content: "\f65d"; }

.mwicon-corner_excel_kb:after {
  content: "\f660"; }

.mwicon-corner_excel_rb:after {
  content: "\f661"; }

.mwicon-corner_powerpoint_lb:after {
  content: "\f664"; }

.mwicon-corner_powerpoint_rb:after {
  content: "\f665"; }

.mwicon-corner_book_lb:after {
  content: "\f668"; }

.mwicon-corner_book_rb:after {
  content: "\f669"; }

.mwicon-corner_layer_lb:after {
  content: "\f66c"; }

.mwicon-corner_layer_rb:after {
  content: "\f66d"; }

.mwicon-corner_task_lb:after {
  content: "\f670"; }

.mwicon-corner_task_rb:after {
  content: "\f671"; }

.mwicon-corner_tasks2_lb:after {
  content: "\f674"; }

.mwicon-corner_tasks2_rb:after {
  content: "\f675"; }

.mwicon-corner_booklet_lb:after {
  content: "\f678"; }

.mwicon-corner_booklet_rb:after {
  content: "\f679"; }

.mwicon-corner_narration_lb:after {
  content: "\f67c"; }

.mwicon-corner_narration_rb:after {
  content: "\f67d"; }

.mwicon-corner_microcurriculum_lb:after {
  content: "\f680"; }

.mwicon-corner_microcurriculum_rb:after {
  content: "\f681"; }

.mwicon-corner_panoramaimage_lb:after {
  content: "\f684"; }

.mwicon-corner_panoramaimage_rb:after {
  content: "\f685"; }

.mwicon-corner_booklet2_lb:after {
  content: "\f688"; }

.mwicon-corner_booklet2_rb:after {
  content: "\f689"; }

.mwicon-arrow1_l:after {
  content: "\f700"; }

.mwicon-arrow1_r:after {
  content: "\f701"; }

.mwicon-arrow1_d:after {
  content: "\f702"; }

.mwicon-arrow1_u:after {
  content: "\f703"; }

.mwicon-arrow2_l:after {
  content: "\f704"; }

.mwicon-arrow2_r:after {
  content: "\f705"; }

.mwicon-arrow2_d:after {
  content: "\f706"; }

.mwicon-arrow2_u:after {
  content: "\f707"; }

.mwicon-arrow3_l:after {
  content: "\f708"; }

.mwicon-arrow3_r:after {
  content: "\f709"; }

.mwicon-arrow3_d:after {
  content: "\f70a"; }

.mwicon-arrow3_u:after {
  content: "\f70b"; }

.mwicon-arrow4_l:after {
  content: "\f70c"; }

.mwicon-arrow4_r:after {
  content: "\f70d"; }

.mwicon-arrow4_d:after {
  content: "\f70e"; }

.mwicon-arrow4_u:after {
  content: "\f70f"; }

.mwicon-arrow5_l:after {
  content: "\f710"; }

.mwicon-arrow5_r:after {
  content: "\f711"; }

.mwicon-arrow5_d:after {
  content: "\f712"; }

.mwicon-arrow5_u:after {
  content: "\f713"; }

.mwicon-arrow6_l:after {
  content: "\f714"; }

.mwicon-arrow6_r:after {
  content: "\f715"; }

.mwicon-arrow6_d:after {
  content: "\f716"; }

.mwicon-arrow6_u:after {
  content: "\f717"; }

.mwicon-mbl_pager_left:after {
  content: "\f718"; }

.mwicon-mbl_pager_right:after {
  content: "\f719"; }

.mwicon-mbl_pager_top:after {
  content: "\f71a"; }

.mwicon-mbl_pager_down:after {
  content: "\f71b"; }

.mwicon-simple_list:after {
  content: "\f730"; }

.mwicon-timeline:after {
  content: "\f731"; }

.mwicon-year:after {
  content: "\f732"; }

.mwicon-user_list:after {
  content: "\f733"; }

.mwicon-view_thumb:after {
  content: "\f750"; }

.mwicon-view_list1:after {
  content: "\f751"; }

.mwicon-view_list2:after {
  content: "\f752"; }

.mwicon-view_list3:after {
  content: "\f753"; }

.mwicon-level_3_all:after {
  content: "\f760"; }

.mwicon-level_3_1:after {
  content: "\f761"; }

.mwicon-level_3_2:after {
  content: "\f762"; }

.mwicon-level_3_3:after {
  content: "\f763"; }

.mwicon-menu_dot_vert:after {
  content: "\f770"; }

.mwicon-menu_hamb:after {
  content: "\f771"; }

.mwicon-close:after {
  content: "\f780"; }

.mwicon-close_circle:after {
  content: "\f781"; }

.mwicon-close_big:after {
  content: "\f782"; }

.mwicon-close_fill:after {
  content: "\f783"; }

.mwicon-spot_big_nw:after {
  content: "\f788"; }

.mwicon-spot_middle_nw:after {
  content: "\f789"; }

.mwicon-spot_small_nw:after {
  content: "\f78a"; }

.mwicon-progbar_hor_1:after {
  content: "\f790"; }

.mwicon-progbar_hor_2:after {
  content: "\f793"; }

.mwicon-radio:after {
  content: "\f7a0"; }

.mwicon-radio_check:after {
  content: "\f7a1"; }

.mwicon-radio_on:after {
  content: "\f7a2"; }

.mwicon-checkbox:after {
  content: "\f7b0"; }

.mwicon-checkbox_check:after {
  content: "\f7b1"; }

.mwicon-play:after {
  content: "\f7f0"; }

[class^="mwicon-"], [class*=" mwicon-"] {
  font-family: "mwicon" !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; }
  [class^="mwicon-"].size-100, [class*=" mwicon-"].size-100 {
    font-size: 100px; }
  [class^="mwicon-"].size-95, [class*=" mwicon-"].size-95 {
    font-size: 95px; }
  [class^="mwicon-"].size-90, [class*=" mwicon-"].size-90 {
    font-size: 90px; }
  [class^="mwicon-"].size-85, [class*=" mwicon-"].size-85 {
    font-size: 85px; }
  [class^="mwicon-"].size-80, [class*=" mwicon-"].size-80 {
    font-size: 80px; }
  [class^="mwicon-"].size-75, [class*=" mwicon-"].size-75 {
    font-size: 75px; }
  [class^="mwicon-"].size-70, [class*=" mwicon-"].size-70 {
    font-size: 70px; }
  [class^="mwicon-"].size-65, [class*=" mwicon-"].size-65 {
    font-size: 65px; }
  [class^="mwicon-"].size-60, [class*=" mwicon-"].size-60 {
    font-size: 60px; }
  [class^="mwicon-"].size-55, [class*=" mwicon-"].size-55 {
    font-size: 55px; }
  [class^="mwicon-"].size-50, [class*=" mwicon-"].size-50 {
    font-size: 50px; }
  [class^="mwicon-"].size-45, [class*=" mwicon-"].size-45 {
    font-size: 45px; }
  [class^="mwicon-"].size-40, [class*=" mwicon-"].size-40 {
    font-size: 40px; }
  [class^="mwicon-"].size-35, [class*=" mwicon-"].size-35 {
    font-size: 35px; }
  [class^="mwicon-"].size-30, [class*=" mwicon-"].size-30 {
    font-size: 30px; }
  [class^="mwicon-"].size-25, [class*=" mwicon-"].size-25 {
    font-size: 25px; }
  [class^="mwicon-"].size-20, [class*=" mwicon-"].size-20 {
    font-size: 20px; }
  [class^="mwicon-"].size-15, [class*=" mwicon-"].size-15 {
    font-size: 15px; }
  [class^="mwicon-"].fill-square, [class*=" mwicon-"].fill-square {
    display: inline-block; }
    [class^="mwicon-"].fill-square.size-100, [class*=" mwicon-"].fill-square.size-100 {
      font-size: 76px;
      padding: 12px; }
    [class^="mwicon-"].fill-square.size-95, [class*=" mwicon-"].fill-square.size-95 {
      font-size: 71px;
      padding: 12px; }
    [class^="mwicon-"].fill-square.size-90, [class*=" mwicon-"].fill-square.size-90 {
      font-size: 68px;
      padding: 11px; }
    [class^="mwicon-"].fill-square.size-85, [class*=" mwicon-"].fill-square.size-85 {
      font-size: 65px;
      padding: 10px; }
    [class^="mwicon-"].fill-square.size-80, [class*=" mwicon-"].fill-square.size-80 {
      font-size: 62px;
      padding: 9px; }
    [class^="mwicon-"].fill-square.size-75, [class*=" mwicon-"].fill-square.size-75 {
      font-size: 57px;
      padding: 9px; }
    [class^="mwicon-"].fill-square.size-70, [class*=" mwicon-"].fill-square.size-70 {
      font-size: 54px;
      padding: 8px; }
    [class^="mwicon-"].fill-square.size-65, [class*=" mwicon-"].fill-square.size-65 {
      font-size: 49px;
      padding: 8px; }
    [class^="mwicon-"].fill-square.size-60, [class*=" mwicon-"].fill-square.size-60 {
      font-size: 46px;
      padding: 7px; }
    [class^="mwicon-"].fill-square.size-55, [class*=" mwicon-"].fill-square.size-55 {
      font-size: 43px;
      padding: 6px; }
    [class^="mwicon-"].fill-square.size-50, [class*=" mwicon-"].fill-square.size-50 {
      font-size: 38px;
      padding: 6px; }
    [class^="mwicon-"].fill-square.size-45, [class*=" mwicon-"].fill-square.size-45 {
      font-size: 35px;
      padding: 5px; }
    [class^="mwicon-"].fill-square.size-40, [class*=" mwicon-"].fill-square.size-40 {
      font-size: 30px;
      padding: 5px; }
    [class^="mwicon-"].fill-square.size-35, [class*=" mwicon-"].fill-square.size-35 {
      font-size: 27px;
      padding: 4px; }
    [class^="mwicon-"].fill-square.size-30, [class*=" mwicon-"].fill-square.size-30 {
      font-size: 22px;
      padding: 4px; }
    [class^="mwicon-"].fill-square.size-25, [class*=" mwicon-"].fill-square.size-25 {
      font-size: 19px;
      padding: 3px; }
    [class^="mwicon-"].fill-square.size-20, [class*=" mwicon-"].fill-square.size-20 {
      font-size: 14px;
      padding: 3px; }
    [class^="mwicon-"].fill-square.size-15, [class*=" mwicon-"].fill-square.size-15 {
      font-size: 11px;
      padding: 2px; }
    [class^="mwicon-"].fill-square.size-10, [class*=" mwicon-"].fill-square.size-10 {
      font-size: 8px;
      padding: 1px; }
  [class^="mwicon-"].fill-circle, [class*=" mwicon-"].fill-circle {
    display: inline-block; }
    [class^="mwicon-"].fill-circle.size-170, [class*=" mwicon-"].fill-circle.size-170 {
      font-size: 112px;
      padding: 29px; }
    [class^="mwicon-"].fill-circle.size-100, [class*=" mwicon-"].fill-circle.size-100 {
      font-size: 66px;
      padding: 17px; }
    [class^="mwicon-"].fill-circle.size-95, [class*=" mwicon-"].fill-circle.size-95 {
      font-size: 63px;
      padding: 16px; }
    [class^="mwicon-"].fill-circle.size-90, [class*=" mwicon-"].fill-circle.size-90 {
      font-size: 60px;
      padding: 15px; }
    [class^="mwicon-"].fill-circle.size-85, [class*=" mwicon-"].fill-circle.size-85 {
      font-size: 57px;
      padding: 14px; }
    [class^="mwicon-"].fill-circle.size-80, [class*=" mwicon-"].fill-circle.size-80 {
      font-size: 54px;
      padding: 13px; }
    [class^="mwicon-"].fill-circle.size-75, [class*=" mwicon-"].fill-circle.size-75 {
      font-size: 51px;
      padding: 12px; }
    [class^="mwicon-"].fill-circle.size-70, [class*=" mwicon-"].fill-circle.size-70 {
      font-size: 46px;
      padding: 12px; }
    [class^="mwicon-"].fill-circle.size-65, [class*=" mwicon-"].fill-circle.size-65 {
      font-size: 43px;
      padding: 11px; }
    [class^="mwicon-"].fill-circle.size-60, [class*=" mwicon-"].fill-circle.size-60 {
      font-size: 40px;
      padding: 10px; }
    [class^="mwicon-"].fill-circle.size-55, [class*=" mwicon-"].fill-circle.size-55 {
      font-size: 37px;
      padding: 9px; }
    [class^="mwicon-"].fill-circle.size-50, [class*=" mwicon-"].fill-circle.size-50 {
      font-size: 32px;
      padding: 9px; }
    [class^="mwicon-"].fill-circle.size-45, [class*=" mwicon-"].fill-circle.size-45 {
      font-size: 29px;
      padding: 8px; }
    [class^="mwicon-"].fill-circle.size-40, [class*=" mwicon-"].fill-circle.size-40 {
      font-size: 26px;
      padding: 7px; }
    [class^="mwicon-"].fill-circle.size-35, [class*=" mwicon-"].fill-circle.size-35 {
      font-size: 23px;
      padding: 6px; }
    [class^="mwicon-"].fill-circle.size-30, [class*=" mwicon-"].fill-circle.size-30 {
      font-size: 20px;
      padding: 5px; }
    [class^="mwicon-"].fill-circle.size-25, [class*=" mwicon-"].fill-circle.size-25 {
      font-size: 17px;
      padding: 4px; }
    [class^="mwicon-"].fill-circle.size-20, [class*=" mwicon-"].fill-circle.size-20 {
      font-size: 14px;
      padding: 3px; }
    [class^="mwicon-"].fill-circle.size-15, [class*=" mwicon-"].fill-circle.size-15 {
      font-size: 11px;
      padding: 2px; }
    [class^="mwicon-"].fill-circle.size-10, [class*=" mwicon-"].fill-circle.size-10 {
      font-size: 8px;
      padding: 1px; }
  [class^="mwicon-"].fill-ring, [class*=" mwicon-"].fill-ring {
    display: inline-block; }
    [class^="mwicon-"].fill-ring.size-100, [class*=" mwicon-"].fill-ring.size-100 {
      font-size: 80px;
      padding: 10px; }
      [class^="mwicon-"].fill-ring.size-100.background-white, [class*=" mwicon-"].fill-ring.size-100.background-white {
        font-size: 86px;
        padding: 7px;
        background: white; }
    [class^="mwicon-"].fill-ring.size-95, [class*=" mwicon-"].fill-ring.size-95 {
      font-size: 77px;
      padding: 9px; }
    [class^="mwicon-"].fill-ring.size-90, [class*=" mwicon-"].fill-ring.size-90 {
      font-size: 72px;
      padding: 9px; }
    [class^="mwicon-"].fill-ring.size-85, [class*=" mwicon-"].fill-ring.size-85 {
      font-size: 69px;
      padding: 8px; }
    [class^="mwicon-"].fill-ring.size-80, [class*=" mwicon-"].fill-ring.size-80 {
      font-size: 64px;
      padding: 8px; }
    [class^="mwicon-"].fill-ring.size-75, [class*=" mwicon-"].fill-ring.size-75 {
      font-size: 61px;
      padding: 7px; }
    [class^="mwicon-"].fill-ring.size-70, [class*=" mwicon-"].fill-ring.size-70 {
      font-size: 56px;
      padding: 7px; }
    [class^="mwicon-"].fill-ring.size-65, [class*=" mwicon-"].fill-ring.size-65 {
      font-size: 53px;
      padding: 6px; }
    [class^="mwicon-"].fill-ring.size-60, [class*=" mwicon-"].fill-ring.size-60 {
      font-size: 48px;
      padding: 6px; }
    [class^="mwicon-"].fill-ring.size-55, [class*=" mwicon-"].fill-ring.size-55 {
      font-size: 45px;
      padding: 5px; }
    [class^="mwicon-"].fill-ring.size-50, [class*=" mwicon-"].fill-ring.size-50 {
      font-size: 40px;
      padding: 5px; }
    [class^="mwicon-"].fill-ring.size-45, [class*=" mwicon-"].fill-ring.size-45 {
      font-size: 37px;
      padding: 4px; }
    [class^="mwicon-"].fill-ring.size-40, [class*=" mwicon-"].fill-ring.size-40 {
      font-size: 32px;
      padding: 4px; }
    [class^="mwicon-"].fill-ring.size-35, [class*=" mwicon-"].fill-ring.size-35 {
      font-size: 29px;
      padding: 3px; }
    [class^="mwicon-"].fill-ring.size-30, [class*=" mwicon-"].fill-ring.size-30 {
      font-size: 24px;
      padding: 3px; }
    [class^="mwicon-"].fill-ring.size-25, [class*=" mwicon-"].fill-ring.size-25 {
      font-size: 21px;
      padding: 2px; }
    [class^="mwicon-"].fill-ring.size-20, [class*=" mwicon-"].fill-ring.size-20 {
      font-size: 16px;
      padding: 2px; }
    [class^="mwicon-"].fill-ring.size-15, [class*=" mwicon-"].fill-ring.size-15 {
      font-size: 13px;
      padding: 1px; }
    [class^="mwicon-"].fill-ring.size-10, [class*=" mwicon-"].fill-ring.size-10 {
      font-size: 8px;
      padding: 1px; }
  [class^="mwicon-"].fill-ring, [class^="mwicon-"].fill-circle, [class*=" mwicon-"].fill-ring, [class*=" mwicon-"].fill-circle {
    border-radius: 50%; }
  [class^="mwicon-"].fill-square:after, [class^="mwicon-"].fill-circle:after, [class*=" mwicon-"].fill-square:after, [class*=" mwicon-"].fill-circle:after {
    color: #fff; }
  [class^="mwicon-"].fill-square:before, [class*=" mwicon-"].fill-square:before {
    content: ""; }
  [class^="mwicon-"].fill-circle:before, [class*=" mwicon-"].fill-circle:before {
    content: ""; }
  [class^="mwicon-"].fill-ring:before, [class*=" mwicon-"].fill-ring:before {
    content: ""; }
  [class^="mwicon-"].fill-circle, [class^="mwicon-"].fill-circle:before, [class*=" mwicon-"].fill-circle, [class*=" mwicon-"].fill-circle:before {
    border-radius: 50%; }
  [class^="mwicon-"].size-150, [class*=" mwicon-"].size-150 {
    font-size: 150px; }
  [class^="mwicon-"].size-170, [class*=" mwicon-"].size-170 {
    font-size: 170px; }
  [class^="mwicon-"].size-190, [class*=" mwicon-"].size-190 {
    font-size: 190px; }
  [class^="mwicon-"].color-blue-13, [class*=" mwicon-"].color-blue-13 {
    color: #8bb2e1; }
  [class^="mwicon-"].color-orange, [class*=" mwicon-"].color-orange {
    color: #f47711; }
  [class^="mwicon-"].color-orange-1, [class*=" mwicon-"].color-orange-1 {
    color: #E27A23; }
  [class^="mwicon-"].color-orange-2, [class*=" mwicon-"].color-orange-2 {
    color: #fb9500; }
  [class^="mwicon-"].color-orange-3, [class*=" mwicon-"].color-orange-3 {
    color: #ff9400; }
  [class^="mwicon-"].color-orange-4, [class*=" mwicon-"].color-orange-4 {
    color: #e46827; }
  [class^="mwicon-"].color-orange-5, [class*=" mwicon-"].color-orange-5 {
    color: #ff8527; }
  [class^="mwicon-"].color-orange-6, [class*=" mwicon-"].color-orange-6 {
    color: #feaa3e; }
  [class^="mwicon-"].color-blue, [class*=" mwicon-"].color-blue {
    color: #244b95; }
  [class^="mwicon-"].color-blue-1, [class*=" mwicon-"].color-blue-1 {
    color: #4C84E5; }
  [class^="mwicon-"].color-blue-2, [class*=" mwicon-"].color-blue-2 {
    color: #54cdff; }
  [class^="mwicon-"].color-blue-3, [class*=" mwicon-"].color-blue-3 {
    color: #4a6ea9; }
  [class^="mwicon-"].color-blue-4, [class*=" mwicon-"].color-blue-4 {
    color: #5a83d4; }
  [class^="mwicon-"].color-blue-5, [class*=" mwicon-"].color-blue-5 {
    color: #84adfe; }
  [class^="mwicon-"].color-blue-6, [class*=" mwicon-"].color-blue-6 {
    color: #90b5ee; }
  [class^="mwicon-"].color-blue-7, [class*=" mwicon-"].color-blue-7 {
    color: #318ce5; }
  [class^="mwicon-"].color-blue-8, [class*=" mwicon-"].color-blue-8 {
    color: #204f7b; }
  [class^="mwicon-"].color-blue-9, [class*=" mwicon-"].color-blue-9 {
    color: #a5e1ee; }
  [class^="mwicon-"].color-blue-10, [class*=" mwicon-"].color-blue-10 {
    color: #75d9f0; }
  [class^="mwicon-"].color-blue-11, [class*=" mwicon-"].color-blue-11 {
    color: #9ec1eb; }
  [class^="mwicon-"].color-blue-12, [class*=" mwicon-"].color-blue-12 {
    color: #0caefb; }
  [class^="mwicon-"].color-blue-14, [class*=" mwicon-"].color-blue-14 {
    color: #c6d8f1; }
  [class^="mwicon-"].color-blue-15, [class*=" mwicon-"].color-blue-15 {
    color: #558ada; }
  [class^="mwicon-"].color-blue-16, [class*=" mwicon-"].color-blue-16 {
    color: #29b6f4; }
  [class^="mwicon-"].color-gray-1, [class*=" mwicon-"].color-gray-1 {
    color: #c7d3e5; }
  [class^="mwicon-"].color-gray-18, [class*=" mwicon-"].color-gray-18 {
    color: #b5cde1; }
  [class^="mwicon-"].color-gray-24, [class*=" mwicon-"].color-gray-24 {
    color: #c5d2e4; }
  [class^="mwicon-"].color-gray-25, [class*=" mwicon-"].color-gray-25 {
    color: #060606; }
  [class^="mwicon-"].color-gray-26, [class*=" mwicon-"].color-gray-26 {
    color: #e1e7f0; }
  [class^="mwicon-"].color-gray-28, [class*=" mwicon-"].color-gray-28 {
    color: #c6d2e4; }
  [class^="mwicon-"].color-gray-29, [class*=" mwicon-"].color-gray-29 {
    color: #aaaaaa; }
  [class^="mwicon-"].color-red-6, [class*=" mwicon-"].color-red-6 {
    color: #ef0b06; }
  [class^="mwicon-"].color-green-7, [class*=" mwicon-"].color-green-7 {
    color: #28cd8f; }
  [class^="mwicon-"].color-green-8, [class*=" mwicon-"].color-green-8 {
    color: #2ecd7b; }
  [class^="mwicon-"].color-green-9, [class*=" mwicon-"].color-green-9 {
    color: #4ac7c2; }
  [class^="mwicon-"].color-green-10, [class*=" mwicon-"].color-green-10 {
    color: #17d565; }
  [class^="mwicon-"].color-green-11, [class*=" mwicon-"].color-green-11 {
    color: #00d65b; }
  [class^="mwicon-"].color-lightblue1, [class*=" mwicon-"].color-lightblue1 {
    color: #a9c2e4; }
  [class^="mwicon-"].color-yellow-3, [class*=" mwicon-"].color-yellow-3 {
    color: #efa330; }
  [class^="mwicon-"].color-red-7, [class*=" mwicon-"].color-red-7 {
    color: #fe4521; }
  [class^="mwicon-"].color-white, [class*=" mwicon-"].color-white {
    color: #ffffff; }
  [class^="mwicon-"].color-primary, [class*=" mwicon-"].color-primary {
    color: #008ce5; }
  [class^="mwicon-"].color-facebook, [class*=" mwicon-"].color-facebook {
    color: #3b5998; }
  [class^="mwicon-"].color-hover-primary:hover, [class*=" mwicon-"].color-hover-primary:hover {
    color: #008ce5; }
  [class^="mwicon-"].mr-5, [class*=" mwicon-"].mr-5 {
    margin-right: 5px; }
  [class^="mwicon-"].mr-10, [class*=" mwicon-"].mr-10 {
    margin-right: 10px; }
  [class^="mwicon-"].border-white, [class^="mwicon-"].border-inner-white:before, [class*=" mwicon-"].border-white, [class*=" mwicon-"].border-inner-white:before {
    border: solid 2px #ffffff; }
  [class^="mwicon-"].border-gray-18, [class*=" mwicon-"].border-gray-18 {
    border: solid 5px #b5cde1; }
  [class^="mwicon-"].border-gray-27, [class*=" mwicon-"].border-gray-27 {
    border: solid 3px #b3c6e4; }
  [class^="mwicon-"].border-green-9, [class*=" mwicon-"].border-green-9 {
    border: solid 2px #4ac7c2; }
  [class^="mwicon-"].icon-color-gray-18:after, [class*=" mwicon-"].icon-color-gray-18:after {
    color: #b5cde1; }
  [class^="mwicon-"].icon-color-gray-27:after, [class*=" mwicon-"].icon-color-gray-27:after {
    color: #b3c6e4; }
  [class^="mwicon-"].box-shadow, [class*=" mwicon-"].box-shadow {
    box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.5); }
  [class^="mwicon-"].icon-shadow.color-blue-9:after, [class*=" mwicon-"].icon-shadow.color-blue-9:after {
    text-shadow: 2px 2px 2px #65cde9; }
  [class^="mwicon-"].icon-shadow.gray-24:after, [class*=" mwicon-"].icon-shadow.gray-24:after {
    text-shadow: 2px 2px 2px #98c0d9; }
  [class^="mwicon-"].opacity-10, [class*=" mwicon-"].opacity-10 {
    opacity: 0.1; }
  [class^="mwicon-"].opacity-20, [class*=" mwicon-"].opacity-20 {
    opacity: 0.2; }
  [class^="mwicon-"].opacity-30, [class*=" mwicon-"].opacity-30 {
    opacity: 0.3; }
  [class^="mwicon-"].opacity-40, [class*=" mwicon-"].opacity-40 {
    opacity: 0.4; }
  [class^="mwicon-"].opacity-50, [class*=" mwicon-"].opacity-50 {
    opacity: 0.5; }
  [class^="mwicon-"].opacity-60, [class*=" mwicon-"].opacity-60 {
    opacity: 0.6; }
  [class^="mwicon-"].opacity-70, [class*=" mwicon-"].opacity-70 {
    opacity: 0.7; }
  [class^="mwicon-"].opacity-80, [class*=" mwicon-"].opacity-80 {
    opacity: 0.8; }
  [class^="mwicon-"].opacity-90, [class*=" mwicon-"].opacity-90 {
    opacity: 0.9; }

/*** arabic arrows ***/
.mozaweb_ar .mwicon-arrow1_l:after {
  content: ""; }

.mozaweb_ar .mwicon-arrow1_r:after {
  content: ""; }

.mozaweb_ar .mwicon-arrow2_l:after {
  content: ""; }

.mozaweb_ar .mwicon-arrow2_r:after {
  content: ""; }

/*** corners ***/
[class^="mwicon-corner_"][class$="_lt"], [class^="mwicon-corner_"][class*="_lt "], [class*=" mwicon-corner_"][class$="_lt"], [class*=" mwicon-corner_"][class*="_lt "],
[class^="mwicon-corner_"][class$="_lb"], [class^="mwicon-corner_"][class*="_lb "], [class*=" mwicon-corner_"][class$="_lb"], [class*=" mwicon-corner_"][class*="_lb "],
[class^="mwicon-corner_"][class$="_rt"], [class^="mwicon-corner_"][class*="_rt "], [class*=" mwicon-corner_"][class$="_rt"], [class*=" mwicon-corner_"][class*="_rt "],
[class^="mwicon-corner_"][class$="_rb"], [class^="mwicon-corner_"][class*="_rb "], [class*=" mwicon-corner_"][class$="_rb"], [class*=" mwicon-corner_"][class*="_rb "] {
  font-size: 44px;
  line-height: 44px;
  position: absolute;
  z-index: 31; }

[class^="mwicon-corner_"][class$="_lt"], [class^="mwicon-corner_"][class*="_lt "], [class*=" mwicon-corner_"][class$="_lt"], [class*=" mwicon-corner_"][class*="_lt "] {
  left: 0;
  top: 0; }

[class^="mwicon-corner_"][class$="_lb"], [class^="mwicon-corner_"][class*="_lb "], [class*=" mwicon-corner_"][class$="_lb"], [class*=" mwicon-corner_"][class*="_lb "] {
  left: 0;
  bottom: 0; }

[class^="mwicon-corner_"][class$="_rt"], [class^="mwicon-corner_"][class*="_rt "], [class*=" mwicon-corner_"][class$="_rt"], [class*=" mwicon-corner_"][class*="_rt "] {
  right: 0;
  top: 0; }

[class^="mwicon-corner_"][class$="_rb"], [class^="mwicon-corner_"][class*="_rb "], [class*=" mwicon-corner_"][class$="_rb"], [class*=" mwicon-corner_"][class*="_rb "] {
  right: 0;
  bottom: 0; }

.mozaweb_ar [class^="mwicon-corner_"][class$="_lt"], .mozaweb_ar [class^="mwicon-corner_"][class*="_lt "], .mozaweb_ar [class*=" mwicon-corner_"][class$="_lt"], .mozaweb_ar [class*=" mwicon-corner_"][class*="_lt "],
.mozaweb_ar [class^="mwicon-corner_"][class$="_lb"], .mozaweb_ar [class^="mwicon-corner_"][class*="_lb "], .mozaweb_ar [class*=" mwicon-corner_"][class$="_lb"], .mozaweb_ar [class*=" mwicon-corner_"][class*="_lb "] {
  left: unset;
  right: 0; }

.mozaweb_ar [class^="mwicon-corner_"][class$="_rt"], .mozaweb_ar [class^="mwicon-corner_"][class*="_rt "], .mozaweb_ar [class*=" mwicon-corner_"][class$="_rt"], .mozaweb_ar [class*=" mwicon-corner_"][class*="_rt "],
.mozaweb_ar [class^="mwicon-corner_"][class$="_rb"], .mozaweb_ar [class^="mwicon-corner_"][class*="_rb "], .mozaweb_ar [class*=" mwicon-corner_"][class$="_rb"], .mozaweb_ar [class*=" mwicon-corner_"][class*="_rb "] {
  right: unset;
  left: 0; }

[class^="mwicon-corner_"][class$="_lb"], [class^="mwicon-corner_"][class*="_lb "], [class*=" mwicon-corner_"][class$="_lb"], [class*=" mwicon-corner_"][class*="_lb "] {
  color: #008ce5; }

.mwicon-corner_bulb_lb {
  color: #e38900; }

.mwicon-corner_news_lb {
  color: #0dbf6d; }

.mwicon-corner_free_rt {
  color: #e38900; }

.mwicon-corner_discount_rb {
  color: #ec165a; }

.mwicon-corner_flag_rt {
  color: #02c267; }

.mwicon-corner_digitalbook_rt {
  color: #5fc298; }

.media-item .mwicon-corner_blog_lb {
  color: #0dbf6d; }

/*** button icon ***/
.btn [class^="mwicon-"], .btn-facebook [class^="mwicon-"], .btn-round [class^="mwicon-"], .btn-default [class^="mwicon-"], .btn-sausage [class^="mwicon-"], .btn-success [class^="mwicon-"], .btn-yellow [class^="mwicon-"], .btn-white [class^="mwicon-"], .ui-dialog .ui-dialog-buttonpane button [class^="mwicon-"], .btn [class*=" mwicon-"], .btn-facebook [class*=" mwicon-"], .btn-round [class*=" mwicon-"], .btn-default [class*=" mwicon-"], .btn-sausage [class*=" mwicon-"], .btn-success [class*=" mwicon-"], .btn-yellow [class*=" mwicon-"], .btn-white [class*=" mwicon-"], .ui-dialog .ui-dialog-buttonpane button [class*=" mwicon-"] {
  font-size: 18px; }

.btn.btn-lg [class^="mwicon-"], .btn-lg.btn-facebook [class^="mwicon-"], .btn-lg.btn-round [class^="mwicon-"], .btn-lg.btn-default [class^="mwicon-"], .btn-lg.btn-sausage [class^="mwicon-"], .btn-lg.btn-success [class^="mwicon-"], .btn-lg.btn-yellow [class^="mwicon-"], .btn-lg.btn-white [class^="mwicon-"], .ui-dialog .ui-dialog-buttonpane button.btn-lg [class^="mwicon-"], .btn.btn-lg [class*=" mwicon-"], .btn-lg.btn-facebook [class*=" mwicon-"], .btn-lg.btn-round [class*=" mwicon-"], .btn-lg.btn-default [class*=" mwicon-"], .btn-lg.btn-sausage [class*=" mwicon-"], .btn-lg.btn-success [class*=" mwicon-"], .btn-lg.btn-yellow [class*=" mwicon-"], .btn-lg.btn-white [class*=" mwicon-"], .ui-dialog .ui-dialog-buttonpane button.btn-lg [class*=" mwicon-"],
.btn.btn-large [class^="mwicon-"],
.btn-large.btn-facebook [class^="mwicon-"],
.btn-large.btn-round [class^="mwicon-"],
.btn-large.btn-default [class^="mwicon-"],
.btn-large.btn-sausage [class^="mwicon-"],
.btn-large.btn-success [class^="mwicon-"],
.btn-large.btn-yellow [class^="mwicon-"],
.btn-large.btn-white [class^="mwicon-"],
.ui-dialog .ui-dialog-buttonpane button.btn-large [class^="mwicon-"],
.btn.btn-large [class*=" mwicon-"],
.btn-large.btn-facebook [class*=" mwicon-"],
.btn-large.btn-round [class*=" mwicon-"],
.btn-large.btn-default [class*=" mwicon-"],
.btn-large.btn-sausage [class*=" mwicon-"],
.btn-large.btn-success [class*=" mwicon-"],
.btn-large.btn-yellow [class*=" mwicon-"],
.btn-large.btn-white [class*=" mwicon-"],
.ui-dialog .ui-dialog-buttonpane button.btn-large [class*=" mwicon-"],
.btn.btn-large-icon [class^="mwicon-"],
.btn-large-icon.btn-facebook [class^="mwicon-"],
.btn-large-icon.btn-round [class^="mwicon-"],
.btn-large-icon.btn-default [class^="mwicon-"],
.btn-large-icon.btn-sausage [class^="mwicon-"],
.btn-large-icon.btn-success [class^="mwicon-"],
.btn-large-icon.btn-yellow [class^="mwicon-"],
.btn-large-icon.btn-white [class^="mwicon-"],
.ui-dialog .ui-dialog-buttonpane button.btn-large-icon [class^="mwicon-"],
.btn.btn-large-icon [class*=" mwicon-"],
.btn-large-icon.btn-facebook [class*=" mwicon-"],
.btn-large-icon.btn-round [class*=" mwicon-"],
.btn-large-icon.btn-default [class*=" mwicon-"],
.btn-large-icon.btn-sausage [class*=" mwicon-"],
.btn-large-icon.btn-success [class*=" mwicon-"],
.btn-large-icon.btn-yellow [class*=" mwicon-"],
.btn-large-icon.btn-white [class*=" mwicon-"],
.ui-dialog .ui-dialog-buttonpane button.btn-large-icon [class*=" mwicon-"] {
  font-size: 24px;
  line-height: 0;
  top: 3px;
  margin-right: 2px;
  margin-left: -2px; }

.btn.btn-lg [class^="mwicon-"], .btn-lg.btn-facebook [class^="mwicon-"], .btn-lg.btn-round [class^="mwicon-"], .btn-lg.btn-default [class^="mwicon-"], .btn-lg.btn-sausage [class^="mwicon-"], .btn-lg.btn-success [class^="mwicon-"], .btn-lg.btn-yellow [class^="mwicon-"], .btn-lg.btn-white [class^="mwicon-"], .ui-dialog .ui-dialog-buttonpane button.btn-lg [class^="mwicon-"], [class*=" mwicon-"] {
  top: 1px; }

.btn.download-button [class^="mwicon-"], .download-button.btn-facebook [class^="mwicon-"], .download-button.btn-round [class^="mwicon-"], .download-button.btn-default [class^="mwicon-"], .download-button.btn-sausage [class^="mwicon-"], .download-button.btn-success [class^="mwicon-"], .download-button.btn-yellow [class^="mwicon-"], .download-button.btn-white [class^="mwicon-"], .ui-dialog .ui-dialog-buttonpane button.download-button [class^="mwicon-"], .btn.download-button [class*=" mwicon-"], .download-button.btn-facebook [class*=" mwicon-"], .download-button.btn-round [class*=" mwicon-"], .download-button.btn-default [class*=" mwicon-"], .download-button.btn-sausage [class*=" mwicon-"], .download-button.btn-success [class*=" mwicon-"], .download-button.btn-yellow [class*=" mwicon-"], .download-button.btn-white [class*=" mwicon-"], .ui-dialog .ui-dialog-buttonpane button.download-button [class*=" mwicon-"] {
  font-size: 52px;
  line-height: normal;
  top: 2px;
  margin-left: 1px; }

/*** facebook logo color ***/
.btn.facebook_share .mwicon-facebook_logo, .facebook_share.btn-facebook .mwicon-facebook_logo, .facebook_share.btn-round .mwicon-facebook_logo, .facebook_share.btn-default .mwicon-facebook_logo, .facebook_share.btn-sausage .mwicon-facebook_logo, .facebook_share.btn-success .mwicon-facebook_logo, .facebook_share.btn-yellow .mwicon-facebook_logo, .facebook_share.btn-white .mwicon-facebook_logo, .ui-dialog .ui-dialog-buttonpane button.facebook_share .mwicon-facebook_logo {
  color: #3b5998; }

.light-icon {
  color: #b2c4da; }

.pale-icon {
  color: #dee5f2 !important; }

.dark-icon {
  color: #455771; }

.blue-icon {
  font-size: 19px;
  padding-right: 5px;
  color: #008ce5;
  vertical-align: middle;
  margin-top: -1px; }

.normal-icon {
  font-size: 21px;
  position: relative;
  bottom: -3px;
  margin-right: 3px;
  color: #008ce5; }

i.disabled {
  cursor: not-allowed !important; }

.small-icon {
  font-size: 30px; }

.buttons {
  color: #455771;
  width: 100%;
  float: left; }
  .buttons .icon {
    width: 22px;
    height: 15px;
    position: relative;
    display: inline-block; }
    .buttons .icon:before {
      position: absolute;
      font-size: 20px;
      left: 0;
      top: -1px; }
    .buttons .icon.mwicon-edit:after, .buttons .icon.mwicon-user_add:after {
      font-size: 18px;
      top: 0; }
    .buttons .icon.fa-save:before {
      font-size: 18px;
      top: 1px; }
    .buttons .icon.mwicon-mt2_task:after {
      font-size: 22px;
      top: -2px; }
    .buttons .icon.mwicon-group_join:after {
      font-size: 19px;
      top: -2px; }

.group-type-icon .icon, .share-type-icon .icon {
  position: relative;
  height: 20px;
  color: #b2c4da; }
  .group-type-icon .icon i, .share-type-icon .icon i {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 26px;
    top: -3px; }

.group-type-icon .icon i {
  font-size: 30px;
  top: -4px; }

.share-type-icon .private i {
  color: #0dbf6d; }

.share-type-icon .institute.personal i {
  color: #0dbf6d; }

.homework-sent-tasks .task-wrapper .table .group-type-icon .icon, .homework-all-task .task-wrapper .table .group-type-icon .icon {
  width: 30px;
  float: none;
  margin-right: 5px; }
  .homework-sent-tasks .task-wrapper .table .group-type-icon .icon i, .homework-all-task .task-wrapper .table .group-type-icon .icon i {
    font-size: 27px;
    top: -2px; }

.homework-sent-tasks .task-wrapper .table .icon, .homework-sent-tasks .task-wrapper .table .hw-icon i, .homework-sent-tasks .task-wrapper .table .hw-icon-sm i, .homework-all-task .task-wrapper .table .icon, .homework-all-task .task-wrapper .table .hw-icon i, .homework-all-task .task-wrapper .table .hw-icon-sm i {
  width: 22px;
  height: 15px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  color: #d1d9e9; }
  .homework-sent-tasks .task-wrapper .table .icon:before, .homework-sent-tasks .task-wrapper .table .hw-icon i:before, .homework-sent-tasks .task-wrapper .table .hw-icon-sm i:before, .homework-all-task .task-wrapper .table .icon:before, .homework-all-task .task-wrapper .table .hw-icon i:before, .homework-all-task .task-wrapper .table .hw-icon-sm i:before {
    position: absolute;
    font-size: 20px;
    left: 0;
    top: -1px; }

.homework-sent-tasks .task-wrapper .table .hw-icon i, .homework-all-task .task-wrapper .table .hw-icon i {
  margin: 0;
  color: #8c97a7; }

.table-wrapper .table thead tr th > i {
  font-size: 24px;
  line-height: 0;
  top: 2px;
  margin: 0; }

.group-wrapper .table-wrapper .gp-table .gp-home div[class*='iradio_square'] i, .group-wrapper .table-wrapper .gp-table .gp-home-sm div[class*='iradio_square'] i {
  color: #d3cfc8;
  margin-top: 4px; }

.group-wrapper .table-wrapper .gp-table .gp-home div[class*='iradio_square'].hover i, .group-wrapper .table-wrapper .gp-table .gp-home-sm div[class*='iradio_square'].hover i {
  color: #1b7E5a; }

.group-wrapper .table-wrapper .gp-table .gp-home div[class*='iradio_square'].checked i, .group-wrapper .table-wrapper .gp-table .gp-home-sm div[class*='iradio_square'].checked i {
  display: none; }

.action-icons i {
  font-size: 20px;
  margin-right: 5px; }

.grade-icon {
  background: url("../assets/images/grade-icons.png")/*tpa=https://cn.mozaweb.com/assets/images/grade-icons.png*/ top left no-repeat;
  display: inline-block;
  width: 19px;
  height: 19px;
  position: absolute;
  bottom: 7px;
  /*rtl:ignore*/
  left: 7px; }
  .grade-icon.all {
    background-position: 0 0; }
  .grade-icon.elementary {
    background-position: -19px 0; }
  .grade-icon.secondary {
    background-position: -38px 0; }
  .grade-icon.higher-2 {
    background-position: -57px 0; }
  .grade-icon.higher {
    background-position: -76px 0; }
  .grade-icon.lower {
    background-position: -95px 0; }

img.hw-landscape-icon {
  width: 26px;
  min-width: 15px; }

img.hw-landscape-icon-l {
  width: 19px;
  min-width: 15px; }

img.hw-landscape-icon-xl {
  width: 32px;
  min-width: 15px; }

img.hw-portrait-icon {
  width: 17px;
  min-width: 15px; }

img.hw-portrait-icon-xl {
  width: 20px;
  min-width: 15px; }

i {
  position: relative; }
  i.hw-portrait-icon {
    display: block;
    position: relative;
    width: 25px;
    height: 20px;
    margin: auto;
    font-size: 25px; }
    i.hw-portrait-icon:before {
      position: absolute;
      width: 25px;
      top: calc( (20px - 25px )/2);
      left: 0; }
  i.xs-icon {
    display: block;
    position: relative;
    width: 15px;
    height: 20px;
    margin: auto;
    font-size: 15px; }
    i.xs-icon:before {
      position: absolute;
      width: 15px;
      top: calc( (20px - 15px )/2);
      left: 0; }

.mozabook i.hw-portrait-icon {
  display: block;
  position: relative;
  width: 18px;
  height: 20px;
  margin: auto;
  font-size: 18px; }
  .mozabook i.hw-portrait-icon:before {
    position: absolute;
    width: 18px;
    top: calc( (20px - 18px )/2);
    left: 0; }

.mozabook i.xs-icon {
  display: block;
  position: relative;
  width: 13px;
  height: 20px;
  margin: auto;
  font-size: 13px; }
  .mozabook i.xs-icon:before {
    position: absolute;
    width: 13px;
    top: calc( (20px - 13px )/2);
    left: 0; }

/*rtl:begin:ignore*/
.badge-wrapper {
  width: 48px;
  height: 48px;
  z-index: 30;
  border: 24px solid transparent;
  border-top-color: #FFF;
  border-right-color: #FFF;
  position: absolute;
  top: 0;
  right: 0; }

/*rtl:end:ignore*/
.mwicon-favourrite {
  position: absolute;
  left: 6px;
  top: 7px;
  font-size: 22px;
  color: #ffe100;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
  z-index: 50; }

.tool-item .mwicon-favourrite {
  text-shadow: none;
  color: #e38900; }

.mozaweb_ar .mwicon-favourrite {
  left: unset;
  right: 6px; }

/*rtl:begin:ignore*/
.type-wrapper, .promo-wrapper {
  width: 48px;
  height: 48px;
  z-index: 30;
  border: 24px solid transparent;
  border-left-color: #FFF;
  border-bottom-color: #FFF;
  position: absolute;
  bottom: 0;
  left: 0; }

/*rtl:end:ignore*/
.book_details_blue_icons {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  text-align: center; }
  .book_details_blue_icons i {
    font-size: 40px; }
  .book_details_blue_icons a {
    float: left;
    margin: 5px 5px 0; }

.promo-book {
  position: absolute;
  bottom: 10px;
  /*rtl:ignore*/
  left: 0; }
  .promo-book .promo-wrapper {
    z-index: 31; }
  .promo-book .mwicon-corner_free_lb:after {
    position: absolute;
    bottom: -1px;
    left: -1px; }

.image-large .promo-book {
  bottom: 0; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../assets/fonts/glyph/glyphicons-halflings-regular.eot")/*tpa=https://cn.mozaweb.com/assets/fonts/glyph/glyphicons-halflings-regular.eot*/;
  src: url("../assets/fonts/glyph/glyphicons-halflings-regular.eot-#iefix")/*tpa=https://cn.mozaweb.com/assets/fonts/glyph/glyphicons-halflings-regular.eot?#iefix*/ format("embedded-opentype"), url("../assets/fonts/glyph/glyphicons-halflings-regular.woff2")/*tpa=https://cn.mozaweb.com/assets/fonts/glyph/glyphicons-halflings-regular.woff2*/ format("woff2"), url("../assets/fonts/glyph/glyphicons-halflings-regular.woff")/*tpa=https://cn.mozaweb.com/assets/fonts/glyph/glyphicons-halflings-regular.woff*/ format("woff"), url("../assets/fonts/glyph/glyphicons-halflings-regular.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/glyph/glyphicons-halflings-regular.ttf*/ format("truetype"), url("../assets/fonts/glyph/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")/*tpa=https://cn.mozaweb.com/assets/fonts/glyph/glyphicons-halflings-regular.svg#glyphicons_halflingsregular*/ format("svg"); }

@font-face {
  font-family: 'NeoSansPro-Regular';
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.eot-#iefix")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Regular.eot?#iefix*/ format("embedded-opentype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.woff")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Regular.woff*/ format("woff"), url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Regular.ttf*/ format("truetype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Regular.svg#NeoSansPro-Regular")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Regular.svg#NeoSansPro-Regular*/ format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NeoSansPro-Medium';
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Medium.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Medium.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NeoSansPro-Light';
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Light.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Light.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NeoSansPro-Italic';
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.eot")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Italic.eot*/;
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.eot-#iefix")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Italic.eot?#iefix*/ format("embedded-opentype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.woff")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Italic.woff*/ format("woff"), url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Italic.ttf*/ format("truetype"), url("../assets/fonts/NeoSansPro/NeoSansPro-Italic.svg#wf")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-Italic.svg#wf*/ format("svg"); }

@font-face {
  font-family: 'NeoSansPro-BoldItalic';
  src: url("../assets/fonts/NeoSansPro/NeoSansPro-BoldItalic.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/NeoSansPro/NeoSansPro-BoldItalic.ttf*/ format("truetype"); }

@font-face {
  font-family: 'Constantia';
  src: url("../assets/fonts/Constantia/Constantia.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/Constantia/Constantia.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Constantia-Italic';
  src: url("../assets/fonts/Constantia/Constantia Italic.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/Constantia/Constantia Italic.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Constantia-Bold';
  src: url("../assets/fonts/Constantia/Constantia Bold.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/Constantia/Constantia Bold.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Constantia-Bold-Italic';
  src: url("../assets/fonts/Constantia/Constantia Bold Italic.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/Constantia/Constantia Bold Italic.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans Web';
  src: url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.eot")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-bold-webfont.eot*/;
  src: url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.eot-#iefix")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-bold-webfont.eot?#iefix*/ format("embedded-opentype"), url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.woff2")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-bold-webfont.woff2*/ format("woff2"), url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.woff")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-bold-webfont.woff*/ format("woff"), url("../assets/fonts/OpenSansWeb/opensans-bold-webfont.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-bold-webfont.ttf*/ format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans Web';
  src: url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.eot")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-regular-webfont.eot*/;
  src: url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.eot-#iefix")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-regular-webfont.eot?#iefix*/ format("embedded-opentype"), url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.woff2")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-regular-webfont.woff2*/ format("woff2"), url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.woff")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-regular-webfont.woff*/ format("woff"), url("../assets/fonts/OpenSansWeb/opensans-regular-webfont.ttf")/*tpa=https://cn.mozaweb.com/assets/fonts/OpenSansWeb/opensans-regular-webfont.ttf*/ format("truetype");
  font-weight: normal;
  font-style: normal; }

.btn.btn-link, .btn-link.btn-facebook, .btn-link.btn-round, .btn-link.btn-default, .btn-link.btn-sausage, .btn-link.btn-success, .btn-link.btn-yellow, .btn-link.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-link {
  display: inline;
  padding: 0;
  color: #008ce5;
  vertical-align: middle; }
  .btn.btn-link i, .btn-link.btn-facebook i, .btn-link.btn-round i, .btn-link.btn-default i, .btn-link.btn-sausage i, .btn-link.btn-success i, .btn-link.btn-yellow i, .btn-link.btn-white i, .ui-dialog .ui-dialog-buttonpane button.btn-link i {
    font-size: 22px; }

.btn, .btn-facebook, .btn-round, .btn-default, .btn-sausage, .btn-success, .btn-yellow, .btn-white, .ui-dialog .ui-dialog-buttonpane button {
  font-size: 15px;
  padding: 6px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  vertical-align: top;
  white-space: normal; }
  .btn.btn-sm, .btn-sm.btn-facebook, .btn-sm.btn-round, .btn-sm.btn-default, .btn-sm.btn-sausage, .btn-sm.btn-success, .btn-sm.btn-yellow, .btn-sm.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px; }
  .btn.btn-nomargin, .btn-nomargin.btn-facebook, .btn-nomargin.btn-round, .btn-nomargin.btn-default, .btn-nomargin.btn-sausage, .btn-nomargin.btn-success, .btn-nomargin.btn-yellow, .btn-nomargin.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-nomargin {
    margin: 0; }
  .btn.btn-gray, .btn-gray.btn-facebook, .btn-gray.btn-round, .btn-gray.btn-default, .btn-gray.btn-sausage, .btn-gray.btn-success, .btn-gray.btn-yellow, .btn-gray.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-gray {
    background-color: #efefef; }
  .btn.btn-wide, .btn-wide.btn-facebook, .btn-wide.btn-round, .btn-wide.btn-default, .btn-wide.btn-sausage, .btn-wide.btn-success, .btn-wide.btn-yellow, .btn-wide.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-wide {
    padding: 6px 50px; }
  .btn.btn-wechat, .btn-wechat.btn-facebook, .btn-wechat.btn-round, .btn-wechat.btn-default, .btn-wechat.btn-sausage, .btn-wechat.btn-success, .btn-wechat.btn-yellow, .btn-wechat.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-wechat {
    color: #fff;
    background-color: #00bc0c;
    border-color: rgba(0, 0, 0, 0.2); }
    .btn.btn-wechat:hover, .btn-wechat.btn-facebook:hover, .btn-wechat.btn-round:hover, .btn-wechat.btn-default:hover, .btn-wechat.btn-sausage:hover, .btn-wechat.btn-success:hover, .btn-wechat.btn-yellow:hover, .btn-wechat.btn-white:hover, .ui-dialog .ui-dialog-buttonpane button.btn-wechat:hover {
      background-color: #00AA0C; }

.btn-loader .fa {
  display: none;
  margin-left: -12px;
  margin-right: 8px; }

.btn-loader.loading .fa {
  display: inline-block; }

.btn.btn-lg, .btn-lg.btn-facebook, .btn-lg.btn-round, .btn-lg.btn-default, .btn-lg.btn-sausage, .btn-lg.btn-success, .btn-lg.btn-yellow, .btn-lg.btn-white, .ui-dialog .ui-dialog-buttonpane button.btn-lg {
  padding: 10px 25px;
  font-size: 18px; }

.btn-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #FFF; }
  .btn-facebook:hover {
    color: #FFF;
    background-color: #2d4373;
    border-color: #2d4373; }
  .btn-facebook i {
    color: #FFF; }

.btn-round {
  border-radius: 50%;
  border: none;
  width: 35px;
  height: 35px;
  padding: 5px;
  color: white;
  font-size: 23px;
  background-color: #a1b4cd; }
  .btn-round:hover {
    color: white;
    background: #90a7c4; }
  .btn-round.active, .btn-round:focus {
    color: white;
    background: #90a7c4; }
  .btn-round.btn-danger {
    background: #e11b50; }
    .btn-round.btn-danger:hover {
      background: #ca1848; }
    .btn-round.btn-danger.active, .btn-round.btn-danger:focus {
      background: #ca1848; }

.btn-default {
  border: 1px solid #b9c8e4;
  background: #dee5f2; }
  .btn-default:hover {
    background: #ccd7eb;
    border-color: #95abd5; }
  .btn-default.active, .btn-default:focus {
    background: #ccd7eb;
    border-color: #95abd5; }

.btn-sausage {
  border-radius: 17px; }
  .btn-sausage.btn-large {
    border-radius: 23px;
    padding: 10px 60px; }

.btn-primary, .ui-dialog .ui-dialog-buttonpane button {
  background-color: #008ce5;
  border-color: #008ce5;
  font-weight: bold;
  color: #FFF; }
  .btn-primary:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .btn-primary:focus, .ui-dialog .ui-dialog-buttonpane button:focus, .btn-primary:active, .ui-dialog .ui-dialog-buttonpane button:active {
    background-color: #007ccc;
    border-color: #007ccc; }

.btn-success {
  background: #61B846;
  font-weight: bold;
  padding: 6px 25px; }
  .btn-success:hover {
    background: #57a63f;
    border-color: #57a63f; }
  .btn-success.active, .btn-success:focus {
    background: #539e3c;
    border-color: #539e3c; }

.btn-yellow {
  background: #d38d26;
  font-weight: bold;
  padding: 7px 25px;
  color: #ffffff; }
  .btn-yellow:hover {
    background: #bd7f22;
    border-color: #bd7f22; }
  .btn-yellow.active, .btn-yellow:focus {
    background: #b57921;
    border-color: #b57921; }

.btn-white {
  border: 1px solid #b9c8e4;
  background: #FFF; }
  .btn-white:hover {
    background: #FFF;
    border-color: #95abd5; }
  .btn-white.active, .btn-white:focus {
    background: #FFF;
    border-color: #95abd5; }

.btn-warning {
  background-color: #FFF;
  border-color: #FFF;
  color: #e38900;
  font-weight: bold; }

.btn-warning-2 {
  background-color: #e38900 !important;
  color: #fff;
  font-weight: bold; }
  .btn-warning-2:hover {
    color: #fff;
    background-color: #ca7a00 !important; }

.btn-large {
  padding: 10px 40px;
  font-size: 17px; }

.btn-shadow .btn-default {
  background: #dee5f2;
  background: linear-gradient(to bottom, #ffffff 0%, #dee5f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dee5f2', GradientType=0); }
  .btn-shadow .btn-default:active, .btn-shadow .btn-default.active {
    box-shadow: none;
    background: linear-gradient(to bottom, #dee5f2 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee5f2', endColorstr='#ffffff', GradientType=0); }

.btn-shadow .btn-primary, .btn-shadow .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .btn-shadow button {
  box-shadow: inset 5px 5px 5px -1px rgba(0, 0, 0, 0.4); }

@media (min-width: 992px) {
  .buttons > * {
    margin-left: 7.5px;
    margin-right: 7.5px; }
    .buttons > *:first-child {
      margin-left: 0; }
    .buttons > *:last-child {
      margin-right: 0; } }

@media (max-width: 991px) {
  .buttons .btn, .buttons .btn-facebook, .buttons .btn-round, .buttons .btn-default, .buttons .btn-sausage, .buttons .btn-success, .buttons .btn-yellow, .buttons .btn-white, .buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons button {
    width: 100% !important; }
  .buttons .btn-group {
    width: 100%; }
    .buttons .btn-group .btn, .buttons .btn-group .btn-facebook, .buttons .btn-group .btn-round, .buttons .btn-group .btn-default, .buttons .btn-group .btn-sausage, .buttons .btn-group .btn-success, .buttons .btn-group .btn-yellow, .buttons .btn-group .btn-white, .buttons .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons .btn-group button {
      width: 50% !important; }
  .buttons > * {
    margin: 0 0 20px 0 !important; }
    .buttons > *:first-child {
      margin-bottom: 20px !important; }
    .buttons > *:last-child {
      margin-bottom: 0 !important; } }

@media (min-width: 768px) {
  .buttons-xs > * {
    margin-left: 7.5px;
    margin-right: 7.5px; }
    .buttons-xs > *:first-child {
      margin-left: 0; }
    .buttons-xs > *:last-child {
      margin-right: 0; } }

@media (max-width: 767px) {
  .buttons-xs .btn, .buttons-xs .btn-facebook, .buttons-xs .btn-round, .buttons-xs .btn-default, .buttons-xs .btn-sausage, .buttons-xs .btn-success, .buttons-xs .btn-yellow, .buttons-xs .btn-white, .buttons-xs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons-xs button {
    width: 100% !important; }
  .buttons-xs .btn-group {
    width: 100%; }
    .buttons-xs .btn-group .btn, .buttons-xs .btn-group .btn-facebook, .buttons-xs .btn-group .btn-round, .buttons-xs .btn-group .btn-default, .buttons-xs .btn-group .btn-sausage, .buttons-xs .btn-group .btn-success, .buttons-xs .btn-group .btn-yellow, .buttons-xs .btn-group .btn-white, .buttons-xs .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .buttons-xs .btn-group button {
      width: 50% !important; }
  .buttons-xs > * {
    margin: 0 0 20px 0 !important; }
    .buttons-xs > *:first-child {
      margin-bottom: 20px !important; }
    .buttons-xs > *:last-child {
      margin-bottom: 0 !important; } }

.section-homework .buttons .btn, .section-homework .buttons .btn-facebook, .section-homework .buttons .btn-round, .section-homework .buttons .btn-default, .section-homework .buttons .btn-sausage, .section-homework .buttons .btn-success, .section-homework .buttons .btn-yellow, .section-homework .buttons .btn-white, .section-homework .buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-homework .buttons button {
  margin-bottom: 0 !important; }

@media (max-width: 991px) {
  .section-homework .buttons .btn, .section-homework .buttons .btn-facebook, .section-homework .buttons .btn-round, .section-homework .buttons .btn-default, .section-homework .buttons .btn-sausage, .section-homework .buttons .btn-success, .section-homework .buttons .btn-yellow, .section-homework .buttons .btn-white, .section-homework .buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-homework .buttons button {
    width: calc(50% - 10px) !important; }
  .section-homework .buttons > *:first-child {
    margin-top: 0 !important;
    float: left; }
  .section-homework .buttons > *:last-child {
    float: right; } }

.bootstrap-dialog .modal-dialog {
  border-radius: 10px;
  background: transparent; }
  .bootstrap-dialog .modal-dialog .modal-content {
    border-radius: 10px;
    background: transparent; }
    .bootstrap-dialog .modal-dialog .modal-content .modal-header {
      border: none;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      padding: 10px 25px; }
      .bootstrap-dialog .modal-dialog .modal-content .modal-header .close {
        color: white;
        text-shadow: none;
        opacity: 1; }
    .bootstrap-dialog .modal-dialog .modal-content .modal-body {
      padding: 20px;
      background-color: #f2f5f9; }
      .bootstrap-dialog .modal-dialog .modal-content .modal-body .primary-blue {
        color: #4b84e4 !important; }
    .bootstrap-dialog .modal-dialog .modal-content .modal-footer {
      text-align: left;
      background-color: #f2f5f9;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-color: #dce4ef; }
      .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round {
        background-color: #afbcd8; }
        .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round:hover {
          background-color: #90a7c4; }
      .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-facebook, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-round, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-default, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-sausage, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-success, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-yellow, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-white, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-facebook + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-round + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-default + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-sausage + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-success + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-yellow + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-white + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + button {
        margin-left: 26px; }
      .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-danger {
        background-color: #e55c70; }
        .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-danger:hover {
          background-color: #ca1848; }
      .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-primary, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button {
        background-color: #4b84e4;
        border-color: #4b84e4; }
        .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-primary:hover, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button:hover {
          background-color: #007ccc;
          border-color: #007ccc; }
      @media (max-width: 400px) {
        .bootstrap-dialog .modal-dialog .modal-content .modal-footer {
          text-align: center; }
          .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-facebook, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-facebook, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-round, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-round, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-default, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-default, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-sausage, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-sausage, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-success, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-success, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-yellow, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-yellow, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + .btn-white, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + .btn-white, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-facebook + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-facebook + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-round + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-round + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-default + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-default + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-sausage + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-sausage + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-success + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-success + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-yellow + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-yellow + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane .btn-white + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-white + button, .bootstrap-dialog .modal-dialog .modal-content .modal-footer .ui-dialog .ui-dialog-buttonpane button + button, .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog .modal-dialog .modal-content .modal-footer button + button {
            margin-left: 5px; } }

.bootstrap-dialog.type-primary .modal-header {
  background-color: #4b84e4; }

.bootstrap-dialog.no-separator .modal-footer {
  border: none; }

.bootstrap-dialog.footer-center .modal-footer {
  text-align: center; }
  .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons {
    padding-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
    .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-facebook:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-round:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-default:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-sausage:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-success:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-yellow:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .btn-white:not(:only-child), .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons .ui-dialog .ui-dialog-buttonpane button:not(:only-child), .ui-dialog .ui-dialog-buttonpane .bootstrap-dialog.footer-center .modal-footer .bootstrap-dialog-footer-buttons button:not(:only-child) {
      width: 100%; }

@media (max-width: 767px) {
  .flex-xs {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .flex-xs-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flex-column-xs {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .order-1-xs {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-2-xs {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-3-xs {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .visible-xs-table-cell {
    display: table-cell !important; }
  .border-left-xs-none {
    border-left: 0 !important; }
  .fluid-btn-group-xs {
    width: 100%; }
    .fluid-btn-group-xs .btn, .fluid-btn-group-xs .btn-facebook, .fluid-btn-group-xs .btn-round, .fluid-btn-group-xs .btn-default, .fluid-btn-group-xs .btn-sausage, .fluid-btn-group-xs .btn-success, .fluid-btn-group-xs .btn-yellow, .fluid-btn-group-xs .btn-white, .fluid-btn-group-xs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .fluid-btn-group-xs button {
      width: 50% !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .button-xs.btn, .button-xs.btn-facebook, .button-xs.btn-round, .button-xs.btn-default, .button-xs.btn-sausage, .button-xs.btn-success, .button-xs.btn-yellow, .button-xs.btn-white, .ui-dialog .ui-dialog-buttonpane button.button-xs {
    width: 100% !important;
    margin: 15px 0 0 !important; }
  .button-xs.mt0 {
    margin-top: 0 !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .fluid-title-sm {
    height: initial !important; }
    .fluid-title-sm .container {
      position: relative !important;
      height: initial !important;
      padding-top: 20px !important;
      padding-bottom: 20px !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .fluid-title-md {
    height: initial !important; }
    .fluid-title-md .container {
      position: relative !important;
      height: initial !important;
      padding-top: 20px !important;
      padding-bottom: 20px !important; } }

@media (max-width: 991px) {
  .hidden-xs-sm {
    display: none !important; }
  .fluid-btn-group-xs-sm {
    width: 100%; }
    .fluid-btn-group-xs-sm .btn, .fluid-btn-group-xs-sm .btn-facebook, .fluid-btn-group-xs-sm .btn-round, .fluid-btn-group-xs-sm .btn-default, .fluid-btn-group-xs-sm .btn-sausage, .fluid-btn-group-xs-sm .btn-success, .fluid-btn-group-xs-sm .btn-yellow, .fluid-btn-group-xs-sm .btn-white, .fluid-btn-group-xs-sm .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .fluid-btn-group-xs-sm button {
      width: 50%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .flex-xs-sm {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .flex-xs-sm-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .order-1-xs-sm {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-2-xs-sm {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; } }

@media (max-width: 1199px) {
  .flex-xs-sm-md {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .flex-xs-sm-md-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .order-1-xs-sm-md {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-2-xs-sm-md {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; } }

@media (min-width: 992px) {
  .hidden-md-lg {
    display: none !important; }
  .fluid-title-md-lg {
    height: initial !important; }
    .fluid-title-md-lg .container {
      position: relative !important;
      height: initial !important;
      padding-top: 20px !important; }
  .licence-title-row-block {
    min-height: 132px; }
  .flex-md-lg {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
    .flex-md-lg div[class*='col-'] {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; } }

@media (min-width: 768px) {
  .pull-right-up-sm {
    float: right !important; } }

.blue-title, .primary-blue, .color-user {
  color: #008ce5 !important; }

.danger-title,
.red-title {
  color: #ec165a; }

.light {
  color: #b2c4da; }

.light-gray {
  color: #a4b8d5; }

.pale {
  color: #dee5f2 !important; }

.white {
  color: white !important; }

.gray-background {
  background-color: #f2f5f9; }

.pale-background {
  background-color: #f0f6fb; }

.transparent-background {
  background: none !important; }

.orange-3 {
  color: #ff9400; }

.green-6 {
  color: #54b84f !important; }

.primary-bg {
  background-color: #008ce5; }

.light-pale-blue-bg {
  background-color: #ecf7fd !important; }

.green-bg {
  background-color: #56BF6A; }

.orange-bg {
  background-color: #E27A23; }

.red-bg {
  background-color: #C5405D; }

.blue-bg {
  background-color: #4C84E5; }

.color-common {
  color: #455771; }

.gray {
  background: #f2f5f9; }

.gray-bg {
  background: #dbe5f3; }

.dark-gray {
  background: #c7d3e5; }

.gray20-bg {
  background: #6e7a95;
  color: #FFF; }

.lightblue2-bg {
  background: #d5e5ef; }

.white-background {
  background: white !important; }

.dark-background {
  background: #31414d;
  color: #FFF; }

.color-observ {
  color: #fc6a57 !important; }

.color-admin {
  color: #ff9400 !important; }

.color-teacher {
  color: #008c9d !important; }

.fc .fc-event-container .color-blue {
  border-color: #008ce5;
  background-color: #008ce5; }

.fc .fc-event-container .color-red {
  border-color: #d83b59;
  background-color: #d83b59; }

.fc .fc-event-container .color-green {
  border-color: #0dbf6d;
  background-color: #0dbf6d; }

.event_list .event-row .event-date.color-blue {
  background-color: #009cff; }

.event_list .event-row .event-date.color-red {
  background-color: #d83b59; }

.event_list .event-row .event-date.color-orange {
  background-color: #f47711; }

.event_list .event-row .event-date.color-blue2 {
  background-color: #5cc0ff; }

.event_list .event-row .event-date.color-blue3 {
  background-color: #8fd4ff; }

.event_list .event-row .event-date.color-purple {
  background-color: #d9a7ee; }

.event_list .event-row .event-date.color-green {
  background-color: #0dbf6d; }

.mozaweb_yuanlai .wrapper {
  padding-bottom: 198px; }

.mozaweb_yuanlai #header > .container .login-text {
  line-height: 28pt;
  font-size: 13pt;
  color: #fff; }

.mozaweb_yuanlai #header > .container .login:hover,
.mozaweb_yuanlai #header > .container .login:focus,
.mozaweb_yuanlai #header > .container li.open > a.login {
  background: none !important;
  /* az [ li.open > a ] backgroundja is important, de ez importantabb :) */ }

.mozaweb_yuanlai #header > .container .login i {
  border: 2px solid #24b6f7;
  border-radius: 50%;
  background: #1a3d80;
  padding: 6px; }

.mozaweb_yuanlai.compact #header > .container {
  /*		.login {
			padding: 3px 6px;
		}*/ }
  .mozaweb_yuanlai.compact #header > .container .nav-secondary {
    margin-top: 20px; }
  .mozaweb_yuanlai.compact #header > .container .login-name {
    display: block; }

.mozaweb_yuanlai #footer {
  height: 218px;
  margin-top: -152px; }

.mozaweb_yuanlai .title-row.mylearn_instruction {
  background: rgba(242, 245, 249, 0.9);
  top: 124px;
  height: 85px;
  z-index: 1000;
  width: 100%;
  margin: 0;
  position: fixed;
  transition: top 0.3s; }

.mozaweb_yuanlai .title-row.mylearn_instruction.affix {
  top: 83px; }

.mozaweb_yuanlai .container.mylearn_instruction {
  margin-top: 90px; }

@media (max-width: 991px) {
  .mozaweb_yuanlai .title-row.mylearn_instruction {
    top: 50px;
    height: 65px; }
  .mozaweb_yuanlai .title-row.mylearn_instruction.affix {
    top: 50px; } }

body.user-page {
  color: #455771;
  font-size: 15px;
  font-family: Open Sans Web, sans-serif;
  padding-top: 123px;
  transition: padding 0.3s; }

.dropdown-scroll .dropdown-menu {
  max-height: 250px;
  overflow: auto; }
  .dropdown-scroll .dropdown-menu li:last-child {
    margin-bottom: 15px; }

.hidden {
  display: none; }

.icon-link span {
  font-family: Open Sans Web, sans-serif; }

html {
  height: 100%; }
  @media (max-width: 991px) {
    html {
      height: 100vh; } }
  html.gray-bg {
    background-color: #f2f5f9; }
    html.gray-bg body {
      background: none; }
  html body {
    min-height: 100%; }

body,
.modal-open {
  overflow-y: scroll;
  padding-right: 0 !important; }

body.compact {
  padding-top: 83px; }

textarea {
  resize: none; }

.roman-list {
  list-style-type: lower-roman; }

.cke_chrome {
  border-radius: 4px !important;
  border: 1px solid #c7d3e5 !important; }

.home-footer-text .warning {
  display: none; }

.numbered-list {
  list-style-type: decimal; }

.circled-list {
  list-style-type: circle; }

.alpha-list {
  list-style-type: lower-alpha; }

.cell-width-fit {
  width: 1%; }

.v-middle {
  vertical-align: middle !important; }

.v-top {
  vertical-align: top !important; }

.width-100 {
  width: 100%; }

.width-50 {
  width: 50%; }

.privacy h2, .eula h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px; }

.privacy h3, .eula h3 {
  font-size: 15px;
  font-weight: bold; }

.privacy p, .eula p {
  margin-bottom: 10px;
  margin-left: 15px; }

.privacy li, .eula li {
  margin-bottom: 5px; }

.wrapper {
  padding-bottom: 294px;
  min-height: calc(100vh - 216px); }

.ui-widget-content {
  border: 1px solid #c7d3e5; }

.table-responsive {
  -ms-overflow-style: scrollbar !important; }

.uppercase {
  text-transform: uppercase; }

a {
  text-decoration: none;
  outline: none;
  color: #008ce5;
  transition: color 0.3s;
  -webkit-transition: color 0.3s; }
  a:focus, a:active {
    text-decoration: none;
    outline: none; }
  a:hover {
    color: #004e7f;
    text-decoration: none; }

li.open > a {
  background: #1a366c; }

h1.lined,
h2.lined,
h3.lined,
h4.lined,
h5.lined {
  border-bottom: 1px solid #dee5f2;
  padding-bottom: 10px;
  margin-bottom: 30px; }

h1 .actions,
h2 .actions,
h3 .actions,
h4 .actions,
h5 .actions {
  float: right;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold; }

h5.lined {
  margin-bottom: 15px; }

h3.lined {
  margin: 30px 0 15px 0; }

h4.lined {
  font-weight: bold; }

.word-break {
  word-break: break-all !important;
  white-space: inherit !important; }

.align-right {
  text-align: right; }

.warning-missing-data .input-group {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 22, 90, 0.6); }
  .warning-missing-data .input-group input, .warning-missing-data .input-group .input-group-addon {
    box-shadow: none;
    border-color: #ec165a; }
    .warning-missing-data .input-group input:focus, .warning-missing-data .input-group .input-group-addon:focus {
      box-shadow: none !important; }

.warning-missing-data select, .warning-missing-data input, .warning-missing-data textarea {
  border-color: #ec165a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 22, 90, 0.6); }
  .warning-missing-data select:focus, .warning-missing-data input:focus, .warning-missing-data textarea:focus {
    border-color: #ec165a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 22, 90, 0.6) !important; }

.warning-missing-data input[type=checkbox] {
  border-color: inherit;
  box-shadow: inherit; }
  .warning-missing-data input[type=checkbox]:focus {
    border-color: inherit;
    box-shadow: inherit; }

.menu-lang-change-dropdown span {
  position: absolute;
  display: inline-block;
  padding-left: 5px; }
  .menu-lang-change-dropdown span.form-control, .menu-lang-change-dropdown span.cke_editable {
    width: 150px;
    margin: 0 5px 0 0;
    cursor: pointer;
    position: relative; }
    .menu-lang-change-dropdown span.form-control:after, .menu-lang-change-dropdown span.cke_editable:after {
      content: '';
      position: absolute;
      width: 6px;
      height: 10px;
      right: 10px;
      top: 14px;
      border: 5px solid transparent;
      border-top: 5px solid #000; }
  .menu-lang-change-dropdown span .dropdown-menu {
    padding: 15px;
    margin-top: 2px;
    margin-left: 10px;
    min-width: 340px; }
    .menu-lang-change-dropdown span .dropdown-menu a {
      color: #333;
      display: block;
      padding: 5px; }
      .menu-lang-change-dropdown span .dropdown-menu a:hover {
        background-color: rgba(222, 229, 242, 0.6); }
      .menu-lang-change-dropdown span .dropdown-menu a img {
        margin-top: -2px;
        margin-right: 2px; }
    .menu-lang-change-dropdown span .dropdown-menu .col-md-6:first-child {
      border-right: 1px solid #EDEDED; }
    @media (max-width: 991px) {
      .menu-lang-change-dropdown span .dropdown-menu .col-md-6 {
        margin: 0; } }

.menu-lang-change-dropdown.open .dropdown-menu {
  display: block; }

.mw-clearfix {
  clear: both; }

h1.highlight,
h2.highlight,
h3.highlight,
h4.highlight {
  color: #008ce5; }

h1 {
  font-size: 40px;
  margin-top: 0; }
  h1 i {
    position: relative;
    bottom: -7px;
    color: #008ce5;
    font-size: 60px;
    margin-right: 10px; }

h2 {
  font-size: 30px;
  margin-bottom: 10px; }

h3 {
  font-size: 25px;
  margin-bottom: 10px; }

h4 {
  font-size: 18px;
  line-height: 1.3em; }

h1 + h3 {
  margin-top: 0; }

label .required {
  color: #e38900; }

p {
  margin: 0 0 15px; }

ol, ul {
  margin: 0 0 15px; }

.small, .book-item .book-item-addon-info, .book-item .alcim,
small {
  font-size: 13px; }

.block-scroll {
  overflow: hidden; }
  .block-scroll body {
    overflow: hidden; }

.text-highlight {
  color: #e38900; }

.text-blue {
  color: #008ce5; }

.text-success {
  color: #5fc298; }

.text-muted {
  color: #8c97a7 !important; }

.text-light {
  color: #c7d3e5; }

.text-large {
  font-size: 18px; }

.text-xlarge {
  font-size: 22px; }

.text-common {
  color: #455771; }

.relative {
  position: relative; }

.min-width-140 {
  min-width: 140px; }

.inline-block {
  display: inline-block !important; }

.block {
  display: block; }

.break-word {
  word-break: break-word; }

.highlight-header {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin: -2px -2px 0;
  background: #008ce5;
  padding: 10px 0; }

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

.form-control, .cke_editable {
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c7d3e5;
  font-size: 15px;
  height: auto; }
  .form-control.dark, .dark.cke_editable {
    background: #fff; }
  .form-control:focus, .cke_editable:focus {
    border-color: #008ce5; }

.form-control-option {
  margin-bottom: 5px;
  clear: both;
  min-height: 34px; }
  .form-control-option span select,
  .form-control-option span input {
    display: inline-block;
    width: auto;
    min-width: 200px; }
  .form-control-option span {
    display: inline-block;
    width: 90%; }
  .form-control-option input[type=checkbox],
  .form-control-option input[type=radio] {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px; }
  .form-control-option.with-input input[type=checkbox],
  .form-control-option.with-input input[type=radio] {
    margin-top: 10px; }

.arab {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right; }

.step {
  margin-bottom: 10px;
  padding-left: 40px; }

.step-indicator {
  background: #008ce5;
  color: #FFF;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  border-radius: 15px;
  width: 30px;
  text-align: center;
  font-weight: bold;
  margin: 2px 10px 0 -40px; }

blockquote {
  border: 0;
  font-style: italic; }

.user-page .content {
  min-height: 500px; }

.text-content {
  padding-top: 30px; }

.page-title {
  margin: 0 0 30px; }

.user-data-list span:first-child {
  vertical-align: top; }

.user-data-list span:last-child {
  display: inline-block; }

@media (max-width: 700px) {
  .course-nav-scrollable {
    overflow: scroll; } }

.wbox,
.table,
.filter-button {
  position: relative;
  background-color: #FFF;
  box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
  border: 2px solid transparent; }
  .wbox.highlight,
  .table.highlight,
  .filter-button.highlight {
    border-color: #008ce5; }
  .wbox.no-border,
  .table.no-border,
  .filter-button.no-border {
    border: 0; }
  .wbox .wbox-content,
  .table .wbox-content,
  .filter-button .wbox-content {
    padding: 15px 20px; }
    .wbox .wbox-content.type-folder,
    .table .wbox-content.type-folder,
    .filter-button .wbox-content.type-folder {
      padding: 15px; }
  .wbox--with-margin,
  .table--with-margin,
  .filter-button--with-margin {
    margin-bottom: 30px; }

.wbox-title {
  background: #008ce5;
  color: #FFF;
  font-size: 22px;
  padding: 8px 20px;
  margin: -2px; }
  .wbox-title--green {
    background-color: #0dbf6d; }
  .wbox-title--red {
    background-color: #d83b59; }
  .wbox-title i {
    margin-right: 10px; }
    .wbox-title i.fa {
      font-size: 40px;
      vertical-align: middle;
      position: relative;
      top: -1px; }
    .wbox-title i.fa-files-o {
      font-size: 23px;
      margin-left: 5px; }

.wbox.highlight .wbox-title {
  background: #008ce5;
  color: #FFF;
  font-size: 22px;
  padding: 8px 20px; }
  .wbox.highlight .wbox-title.with-icon {
    padding: 5px 15px; }

.wbox.highlight h3 {
  color: #008ce5; }

.wbox.highlight.orange {
  border-color: #f47711; }
  .wbox.highlight.orange .wbox-title {
    background: #e38900; }
  .wbox.highlight.orange h3 {
    color: #e38900; }

.wbox.highlight.dark-orange {
  border-color: #f47711; }
  .wbox.highlight.dark-orange .wbox-title {
    background: #f47711; }
  .wbox.highlight.dark-orange h3 {
    color: #f47711; }

.wbox.highlight.green {
  border-color: #0dbf6d; }
  .wbox.highlight.green .wbox-title {
    background: #0dbf6d; }
  .wbox.highlight.green h3 {
    color: #0dbf6d; }

.wbox.highlight.light-primary {
  border-color: #52b4f2; }
  .wbox.highlight.light-primary .wbox-title {
    background: #52b4f2; }
  .wbox.highlight.light-primary h3 {
    color: #52b4f2; }

.wbox.highlight.staff-page {
  border-color: #d2e0f1;
  margin-bottom: 35px !important; }
  .wbox.highlight.staff-page .wbox-title {
    background: #d2e0f1; }
  .wbox.highlight.staff-page .wbox-title__text {
    color: #455772;
    font-size: 17px;
    font-weight: bold; }
  .wbox.highlight.staff-page h3 {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #008ce5; }
  .wbox.highlight.staff-page .wbox-content {
    padding-top: 9px;
    padding-bottom: 16px; }

.wbox.highlight.red {
  border-color: #ec165a; }
  .wbox.highlight.red .wbox-title {
    background: #ec165a; }
  .wbox.highlight.red h3 {
    color: #ec165a; }

.wbox-rows {
  margin-bottom: -2px; }
  .wbox-rows.mobile-box {
    border: none;
    box-shadow: none; }
    .wbox-rows.mobile-box .software-image {
      width: 50% !important; }
    .wbox-rows.mobile-box h3 {
      font-weight: bold;
      color: #008ce5;
      font-size: 24px; }

.box {
  position: relative; }

.game-item .item-action-btn,
.tool-item .item-action-btn {
  color: #c7d3e5;
  bottom: 0; }

.game-item img {
  max-width: 100%;
  height: auto; }

.tool-item .item-action-btn i {
  text-shadow: none;
  color: #FFF; }

.filter-button {
  border: 0;
  border-radius: 5px;
  padding: 10px;
  font-weight: bold;
  color: #455771; }

.price {
  display: block;
  color: #e38900; }
  .price b {
    font-size: 25px; }
  .price.text-success {
    font-size: 25px;
    color: #5fc298; }

.table-wrapper {
  overflow: visible; }

.section-selector {
  display: none; }
  .section-selector a {
    color: #455771; }
  .section-selector .mwicon-arrow6_d {
    position: relative;
    top: 2px; }
  .section-selector .dropdown-menu {
    box-shadow: 0 15px 40px rgba(36, 75, 149, 0.3);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #86b2d2;
    transition: top 0.3s;
    font-size: 14px;
    min-width: 200px;
    margin-top: 10px; }
    .section-selector .dropdown-menu li {
      display: block;
      font-size: 15px;
      padding: 0; }
      .section-selector .dropdown-menu li a {
        color: #455771;
        display: block;
        padding: 5px 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px; }
        .section-selector .dropdown-menu li a.active {
          font-weight: bold; }
        .section-selector .dropdown-menu li a:focus, .section-selector .dropdown-menu li a:hover {
          color: #244b95;
          background: rgba(134, 178, 210, 0.2); }

.book-item-wrapper .book-item .item-actions {
  display: none; }

.promo-link {
  display: inline-block;
  margin-right: 20px;
  padding: 5px 0; }

.table {
  overflow: scroll;
  border: 1px solid #c7d3e5; }
  .table > thead {
    background: #dee5f2;
    border-top: 1px solid #a4b8d5; }
    .table > thead > tr > th {
      border: 1px solid #a4b8d5;
      font-weight: bold;
      vertical-align: top; }
      .table > thead > tr > th h3 {
        color: #FFF;
        margin: 2px 0;
        font-weight: bold; }
      .table > thead > tr > th p {
        font-weight: normal; }
      .table > thead > tr > th i {
        font-size: 18px;
        margin-right: 5px; }
      .table > thead > tr > th .list-order i {
        color: #acbfd9; }
        .table > thead > tr > th .list-order i.active {
          color: #455771; }
      .table > thead > tr > th .list-order--user-stat {
        float: none;
        margin-right: 0px; }
        .table > thead > tr > th .list-order--user-stat i {
          font-size: 24px; }
        .table > thead > tr > th .list-order--user-stat span {
          font-size: 24px;
          color: #acbfd9; }
        .table > thead > tr > th .list-order--user-stat span.active {
          color: #455771; }
  .table > tbody td {
    border-left: 1px solid #c7d3e5; }
    .table > tbody td:first-child {
      border-left: 0; }
  .table td.highlight {
    color: #FFF;
    background: #008ce5; }
  .table td.align-top {
    vertical-align: top; }
  .table.highlight > thead {
    background: #008ce5; }
    .table.highlight > thead > tr > th {
      color: #FFF;
      border-color: #008ce5;
      padding-top: 15px;
      padding-bottom: 15px; }
  .table.highlight.red > thead {
    background: #d83b59; }
    .table.highlight.red > thead > tr > th {
      border-color: #d83b59; }
  .table.highlight.green > thead {
    background: #0dbf6d; }
    .table.highlight.green > thead > tr > th {
      border-color: #0dbf6d; }
  .table.highlight > tfoot {
    background: #008ce5; }
    .table.highlight > tfoot > tr > td {
      color: #FFF;
      padding-top: 15px;
      padding-bottom: 15px;
      background: #008ce5; }
  .table > tbody > tr > td {
    border-color: #c7d3e5;
    vertical-align: middle; }

*[nowrap] {
  white-space: nowrap; }

.login-tooltip .tooltip-inner {
  white-space: nowrap; }

.tooltip.right .tooltip-arrow {
  border-right-color: #c7d3e5; }

.tooltip .tooltip-inner {
  box-shadow: 0 5px 15px rgba(69, 87, 114, 0.3);
  border: 1px solid #8c97a7;
  background: #FFF;
  color: #455771;
  text-align: center;
  padding: 10px;
  max-width: 250px; }
  .tooltip .tooltip-inner p {
    margin: 0 0 5px; }

.tooltip.top .tooltip-arrow {
  border-top-color: #8c97a7; }

.video-admin-grey {
  color: #8c97a7; }

.hacked-tags ul {
  display: inline; }
  .hacked-tags ul li {
    margin-left: 10px;
    display: inline; }
    .hacked-tags ul li a {
      color: #ffffff !important; }

.badge-blue {
  background-color: #008ce5; }

.badge-gray {
  background-color: #c7d3e5; }

.bulk.title-row, .global.title-row {
  height: initial;
  min-height: 105px;
  padding-top: 24px; }
  .bulk.title-row .container, .global.title-row .container {
    position: initial;
    height: auto; }

.bulk i.bulk-icon, .global i.bulk-icon {
  font-size: 16px;
  line-height: 0;
  top: 1px; }

.bulk .bulk-list, .global .bulk-list {
  margin-top: 10px; }
  .bulk .bulk-list .badge, .global .bulk-list .badge {
    background-color: #a4b6d4;
    padding-left: 7px;
    padding-right: 7px; }

@media (max-width: 767px) {
  .text-left-xs {
    text-align: left !important; }
  .bulk.title-row, .global.title-row {
    padding-top: 0; } }

.search-changer {
  border: 1px solid #c7d3e5;
  background-color: #ffffff;
  display: inline-block;
  height: 35px;
  width: 35px;
  padding: 4px;
  float: left; }
  .search-changer.active {
    background-color: #40526e; }
  .search-changer.left {
    border-radius: 4px 0 0 4px; }
  .search-changer.right {
    border-radius: 0 4px 4px 0;
    border-left: none; }
  .search-changer img {
    width: 100%;
    height: 100%; }

.search-bar-unique {
  transition: box-shadow .15s ease-in-out; }
  .search-bar-unique .search-form-delete {
    font-size: 16px;
    font-weight: lighter; }
  .search-bar-unique .search-form-search {
    font-size: 15px; }
  .search-bar-unique .search-form-delete, .search-bar-unique .search-form-search {
    cursor: pointer;
    color: #c7d3e5;
    background: none;
    border: none; }
    .search-bar-unique .search-form-delete:hover, .search-bar-unique .search-form-delete:active, .search-bar-unique .search-form-search:hover, .search-bar-unique .search-form-search:active {
      color: #748093; }
    .search-bar-unique .search-form-delete:focus, .search-bar-unique .search-form-search:focus {
      outline: none; }
  .search-bar-unique .input-group-addon {
    background-color: white;
    transition: border-color .15s ease-in-out;
    padding: 6px; }
  .search-bar-unique input {
    border-right: 0; }
    .search-bar-unique input:focus {
      box-shadow: none; }
  .search-bar-unique.focus {
    border-color: #008ce5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
    .search-bar-unique.focus input, .search-bar-unique.focus .input-group-addon {
      border-color: #008ce5; }

#notfound-search-form {
  max-width: 600px;
  margin: auto; }

.input-group-addon {
  border: 1px solid #c7d3e5;
  background: #eaeef5; }

.input-group-right {
  border-right: none; }

.input-group-left {
  border-left: none; }

.front-banner-didacta {
  background-color: #D75501 !important;
  height: 40px;
  width: 148px;
  border: none !important;
  padding: 8px 20px;
  font-size: 16px; }
  @media (max-width: 991px) {
    .front-banner-didacta {
      bottom: 15px;
      left: 15px;
      margin-bottom: 0px;
      padding: 6px 20px;
      width: auto;
      height: auto; } }

.front-banner-gess {
  background-color: #DB2771 !important;
  height: 40px;
  width: 148px;
  border: none !important;
  padding: 8px 20px;
  font-size: 16px;
  left: 26px;
  margin-top: 3px !important; }
  @media (max-width: 991px) {
    .front-banner-gess {
      bottom: 15px;
      left: 15px;
      margin-bottom: 0px;
      padding: 6px 20px;
      width: auto;
      height: auto; } }

.not-found img {
  margin: 100px 0 50px; }

.view-buttons a {
  display: inline-block;
  padding: 7px 10px; }
  .view-buttons a.active {
    cursor: default;
    border-radius: 3px;
    border-top: 1px solid rgba(199, 211, 229, 0.6);
    background: rgba(199, 211, 229, 0.3);
    color: #8c97a7; }

.title-bar {
  clear: both;
  border-bottom: 1px solid #DEE5F2;
  margin-top: 30px;
  margin-bottom: 40px;
  color: #008ce5; }
  .title-bar:after {
    content: '';
    display: block;
    clear: both; }
  .title-bar a {
    display: block;
    padding: 10px 0 0;
    float: right;
    line-height: 30px; }
  .title-bar span {
    color: #8c97a7;
    display: block;
    padding: 10px 15px 0;
    float: left;
    line-height: 30px; }
  .title-bar h2 {
    float: left;
    margin: 0;
    line-height: 40px; }
  .title-bar h3 {
    margin-bottom: 0; }

.separator_title a {
  display: initial;
  float: left;
  padding: 0px;
  line-height: 0px; }

ul.multi-column {
  margin-top: 10px;
  padding-left: 20px;
  max-width: 800px; }
  ul.multi-column li {
    color: #008CE5;
    padding-right: 6px; }
  ul.multi-column.altema {
    font-size: 15px; }

.see-all {
  font-size: 18px;
  float: right;
  display: inline-block;
  margin-top: 5px; }

.form-panel {
  border-top: 5px solid #008ce5;
  background: #dee5f2;
  padding: 30px;
  margin-top: 25px; }

.input-group-addon.disabled {
  background: rgba(222, 229, 242, 0.4) !important;
  cursor: not-allowed; }

.pagination .disabled a {
  border-color: #dee5f2; }
  .pagination .disabled a:hover {
    border-color: #dee5f2; }

.pagination .active a {
  background: #008ce5;
  border-color: #dee5f2; }
  .pagination .active a:hover {
    background-color: #007ccc;
    border-color: #dee5f2; }

.pagination li a,
.pagination li span {
  color: #008ce5;
  border-color: #dee5f2; }
  .pagination li a:hover,
  .pagination li span:hover {
    background-color: #c7d3e5;
    border-color: #dee5f2; }

.captcha {
  float: left;
  margin-right: 20px; }

.item-actions {
  position: absolute;
  /*rtl:ignore*/
  right: 0;
  bottom: 0;
  z-index: 50; }
  .item-actions .dropdown-menu {
    border-color: #008ce5;
    right: 30px;
    left: auto;
    min-width: 250px;
    top: 0; }
    .item-actions .dropdown-menu a {
      white-space: normal; }
    .item-actions .dropdown-menu > li > a {
      padding-left: 10px;
      padding-right: 10px; }
      .item-actions .dropdown-menu > li > a > [class^="mwicon-"]:first-child, .item-actions .dropdown-menu > li > a > [class*=" mwicon-"]:first-child {
        font-weight: bold;
        position: relative;
        color: #748093;
        font-size: 22px;
        vertical-align: bottom;
        display: inline-block;
        margin-right: 5px;
        text-align: center; }
    .item-actions .dropdown-menu > li:last-child.divider {
      display: none; }
    .item-actions .dropdown-menu > li .share-buttons {
      padding: 5px 10px; }
  .item-actions .item-action-btn {
    display: inline-block;
    width: 30px;
    height: 30px; }

.dropdown .form-control, .dropdown .cke_editable {
  margin: 10px; }

.item-image {
  position: relative;
  display: inline-block;
  max-width: 100%; }
  .item-image .item-action-btn {
    color: #FFF;
    font-size: 32px;
    width: 35px;
    height: 45px;
    text-align: center; }
  .item-image.mylearn-corner {
    position: relative; }
    .item-image.mylearn-corner > a {
      position: relative !important;
      height: auto !important; }

.dropdown-menu li img {
  max-width: inherit;
  width: auto; }

.play-mark {
  position: absolute;
  z-index: 40;
  height: 33px;
  width: 33px;
  border-radius: 20px;
  background: #f2f5f9;
  color: #68737c;
  font-size: 20px;
  text-align: center;
  right: 13px;
  bottom: 13px; }
  .play-mark i {
    margin-right: -2px;
    line-height: 33px; }

.nav-tabs {
  background: #dee5f2; }
  .nav-tabs.nav-justified > li.active a {
    border-right-color: #c7d3e5; }
    .nav-tabs.nav-justified > li.active a:hover {
      background: #FFF; }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #c7d3e5;
    border-radius: 0;
    border-right-color: #c7d3e5; }
    .nav-tabs.nav-justified > li > a:hover {
      background: #ccd7eb; }
  .nav-tabs > li > a {
    color: #455771;
    border-radius: 0; }
    .nav-tabs > li > a.active {
      border-top: 0;
      border-radius: 0; }

.divider {
  border-bottom: 1px solid #c7d3e5;
  height: 1px;
  overflow: hidden;
  margin: 30px 0;
  clear: both; }
  .divider.light {
    border-color: #dee5f2; }

@media (max-width: 767px) {
  .divider {
    margin: 20px 0; } }

dl {
  display: block;
  margin-bottom: 20px; }
  dl:after {
    content: '';
    clear: both;
    display: block; }
  dl dt {
    width: 40%;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: normal;
    color: #8c97a7;
    float: left;
    clear: left; }
  dl dd {
    margin-bottom: 5px;
    display: block;
    margin-left: 40%; }
  dl.full dt,
  dl.full dd {
    width: 100%;
    margin: 0;
    float: none; }
  dl.full dd {
    margin-bottom: 15px; }

.licence-edit-row {
  background: #f2f5f9; }
  .licence-edit-row .licence-edit-form-field {
    float: left;
    vertical-align: middle;
    padding-right: 35px; }
    .licence-edit-row .licence-edit-form-field b {
      padding: 6px 0;
      display: inline-block; }

.compare {
  table-layout: fixed; }
  .compare th {
    text-align: center; }
    .compare th:first-child {
      width: 40%; }
  .compare tbody tr td {
    text-align: center;
    vertical-align: middle; }
    .compare tbody tr td:first-child {
      text-align: left; }

.brand-logo {
  float: left;
  text-align: left; }
  .brand-logo i {
    color: #e38900;
    float: left;
    margin-top: 15px; }
  .brand-logo.single i {
    margin-top: 0; }
  .brand-logo h1,
  .brand-logo .version {
    display: inline-block; }
  .brand-logo h1 {
    margin: 5px 0 0 17px;
    font-size: 60px;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 5px; }
    .brand-logo h1 span {
      font-size: 35px; }
  .brand-logo h2 {
    color: #455771;
    margin: 0 0 0 90px;
    font-size: 22px; }
  .brand-logo .version {
    float: right;
    font-size: 48px;
    margin: 5px 0 0 15px;
    font-weight: 300; }

.box-activation,
.box-books,
.box-shop,
.box-business,
.box-subscriptions,
.box-introductions {
  color: #FFF;
  width: 24%;
  margin: 0 0.5% 12px;
  float: left;
  height: 181px;
  display: block;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  overflow: hidden;
  line-height: 1.3em;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  /*rtl:raw:
        direction: initial;
    */ }
  .box-activation:hover,
  .box-books:hover,
  .box-shop:hover,
  .box-business:hover,
  .box-subscriptions:hover,
  .box-introductions:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .box-activation.yuanlai,
  .box-books.yuanlai,
  .box-shop.yuanlai,
  .box-business.yuanlai,
  .box-subscriptions.yuanlai,
  .box-introductions.yuanlai {
    padding: 20px; }
  .box-activation .box-icon,
  .box-books .box-icon,
  .box-shop .box-icon,
  .box-business .box-icon,
  .box-subscriptions .box-icon,
  .box-introductions .box-icon {
    text-align: center;
    height: 100%;
    padding: 20px; }
  .box-activation a,
  .box-books a,
  .box-shop a,
  .box-business a,
  .box-subscriptions a,
  .box-introductions a {
    color: #FFF;
    font-size: 16px;
    padding: 2px 5px;
    display: block;
    height: 100%; }
  .box-activation img,
  .box-books img,
  .box-shop img,
  .box-business img,
  .box-subscriptions img,
  .box-introductions img {
    margin: 0px;
    height: 100%;
    padding: 20px; }
  .box-activation h2,
  .box-books h2,
  .box-shop h2,
  .box-business h2,
  .box-subscriptions h2,
  .box-introductions h2 {
    font-size: 26px;
    margin: 0 0 10px; }
  .box-activation .text-container,
  .box-books .text-container,
  .box-shop .text-container,
  .box-business .text-container,
  .box-subscriptions .text-container,
  .box-introductions .text-container {
    position: relative;
    padding: 20px;
    /*rtl:raw:
            text-align: right;
        */ }
    .box-activation .text-container i,
    .box-books .text-container i,
    .box-shop .text-container i,
    .box-business .text-container i,
    .box-subscriptions .text-container i,
    .box-introductions .text-container i {
      position: absolute;
      top: 17px;
      right: 25px;
      font-size: 36px;
      /*rtl:raw:
				transform: scalex(-1);
			*/ }
  .box-activation .slick-list, .box-activation .slick-track, .box-activation .slick-slide,
  .box-books .slick-list,
  .box-books .slick-track,
  .box-books .slick-slide,
  .box-shop .slick-list,
  .box-shop .slick-track,
  .box-shop .slick-slide,
  .box-business .slick-list,
  .box-business .slick-track,
  .box-business .slick-slide,
  .box-subscriptions .slick-list,
  .box-subscriptions .slick-track,
  .box-subscriptions .slick-slide,
  .box-introductions .slick-list,
  .box-introductions .slick-track,
  .box-introductions .slick-slide {
    height: 100%; }

.box-green {
  background-color: #0dbf6d; }
  .box-green:hover {
    background-color: #0a8f52; }

.box-orange {
  background-color: #f47711; }
  .box-orange:hover {
    background-color: #c95f09; }

.box-blue {
  background-color: #008ce5; }
  .box-blue:hover {
    background-color: #006db2; }

.box-red {
  background-color: #d83b59; }
  .box-red:hover {
    background-color: #bb2542; }

.slider-show {
  width: 49.5%;
  overflow: hidden;
  display: block;
  float: right;
  position: relative; }
  .slider-show img {
    width: 100%;
    height: auto; }
  .slider-show span {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 50; }

@media (max-width: 991px) {
  .slider-show {
    margin: 0 0.5% 10px;
    float: none;
    width: auto; }
    .slider-show .btn, .slider-show .btn-facebook, .slider-show .btn-round, .slider-show .btn-default, .slider-show .btn-sausage, .slider-show .btn-success, .slider-show .btn-yellow, .slider-show .btn-white, .slider-show .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .slider-show button {
      bottom: 15px;
      left: 15px;
      margin-bottom: 0; } }

span.front-banner-bologna {
  background-color: #EF7F01 !important;
  height: 40px;
  width: 148px;
  border: none !important;
  padding: 8px 20px;
  font-size: 16px;
  bottom: 111px;
  right: 24px;
  left: auto; }
  @media (max-width: 991px) {
    span.front-banner-bologna {
      display: none; } }

span.front-banner-tkrendeles {
  background-color: #4AA105 !important;
  height: 40px;
  width: 148px;
  border: none !important;
  padding: 8px 20px;
  font-size: 16px;
  bottom: 45px;
  left: 25px; }
  @media (max-width: 991px) {
    span.front-banner-tkrendeles {
      display: none; } }

@media (max-width: 1199px) {
  body {
    font-size: 14px; }
  .brand-logo {
    float: none;
    text-align: center; }
    .brand-logo i {
      float: none; }
    .brand-logo h1 {
      font-size: 45px;
      margin: 0 0 5px; }
    .brand-logo h2 {
      margin: 0;
      font-size: 22px; }
    .brand-logo .version {
      float: none;
      font-size: 22px;
      margin: 5px 0; } }

@media (max-width: 991px) {
  .wrapper {
    padding-bottom: 0;
    min-height: inherit; }
  .content {
    transition-duration: 0.3s;
    position: relative; }
  .page-title {
    text-align: center;
    margin: 20px 0; }
    .page-title i {
      display: block;
      margin-bottom: 15px;
      float: none; }
  .logo {
    display: none; }
  .mobile-header {
    top: 0;
    z-index: 1300;
    display: block;
    transition-duration: 0.3s; }
    .mobile-header button {
      display: block;
      float: left; }
    .mobile-header a {
      display: block;
      float: left;
      width: 230px;
      height: 30px; }
  .sidebar-open .mobile-header {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0); }
  h1 {
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 15px; }
  h2 {
    margin-bottom: 15px;
    font-size: 1.7em; }
  .brand-logo {
    position: static; }
    .brand-logo h1 {
      display: block; } }

@media (max-width: 991px) {
  .col-md-12 {
    clear: both; } }

@media (max-width: 767px) {
  .title-bar .text-center {
    margin-bottom: 0; }
  ul {
    padding-left: 20px; } }

.progressBar {
  height: 14px;
  display: none;
  margin-bottom: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: #86b2d2; }

.progressBar_ready {
  margin: 0;
  height: 14px;
  display: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: #0dbf6d; }

.progressbar_border {
  padding: 0;
  height: 14px;
  background: #c7d3e5;
  border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 20px; }

.nav-stacked li a {
  padding-top: 5px;
  padding-bottom: 5px; }
  .nav-stacked li a:hover {
    background: #f2f5f9; }

.post h2 {
  margin-top: 0; }

.post .share i {
  font-size: 20px; }

.cke_editable {
  border-radius: 3px; }

.inline-buttons .btn, .inline-buttons .btn-facebook, .inline-buttons .btn-round, .inline-buttons .btn-default, .inline-buttons .btn-sausage, .inline-buttons .btn-success, .inline-buttons .btn-yellow, .inline-buttons .btn-white, .inline-buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .inline-buttons button {
  vertical-align: middle; }

.ui-datepicker-title {
  color: #455771; }

.ui-dialog-content h1 {
  font-size: 20px; }

.ui-dialog-content h2 {
  font-size: 17px; }

.ui-scrollable-window .ui-resizable-se {
  right: -5px;
  bottom: -5px; }

.dropdown-menu > li.item-admin-lanugages {
  padding: 15px; }
  .dropdown-menu > li.item-admin-lanugages a {
    display: inline-block;
    padding: 0; }

.table-table {
  display: table;
  width: 100%; }
  .table-table .table-cell {
    padding: 5px 15px; }

.table-row {
  display: table-row; }

.table-row.no-padding .table-cell {
  padding: 0; }

.table-cell {
  display: table-cell;
  padding: 5px; }
  .table-cell.highlight {
    background: #008ce5;
    color: #FFF; }
  .table-cell.gray {
    background: #dee5f2; }

.no-icons i {
  font-family: inherit;
  font-style: italic; }

.webshop_recent_link_holder {
  padding: 20px;
  background: rgba(222, 229, 242, 0.3);
  clear: both;
  margin-bottom: 30px; }
  .webshop_recent_link_holder:before, .webshop_recent_link_holder:after {
    content: '';
    display: block;
    clear: both; }
  .webshop_recent_link_holder .webshop_recent_link {
    width: 20%;
    padding: 0 20px;
    text-align: center;
    float: left; }

.slider-canvas {
  display: none; }

.slick-slider {
  position: relative;
  /*rtl:raw:
        direction: initial;
    */ }
  .slick-slider .prev-btn,
  .slick-slider .next-btn {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: block;
    color: #FFF;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer; }
  .slick-slider .prev-btn {
    left: 0; }
  .slick-slider .next-btn {
    right: 0; }

.slick-slide {
  margin-bottom: 0;
  /*rtl:raw:
        direction: rtl;
    */ }

.slick-slide img {
  display: inline-block; }

.book-type div[class*='type-'] {
  padding: 0 8px;
  float: left;
  cursor: pointer; }
  @media (max-width: 767px) {
    .book-type div[class*='type-'] {
      float: none;
      padding-right: 0; } }
  .book-type div[class*='type-'] a {
    float: left;
    color: #a9c2e4; }
    .book-type div[class*='type-'] a.active, .book-type div[class*='type-'] a:active, .book-type div[class*='type-'] a:hover {
      color: #455771; }

.book-block-list .book-type div[class*='type-'] a i {
  font-size: 31px; }

.book-item-wrapper .book-type {
  display: none; }

.book-item-wrapper.slick-slide, .book-item-wrapper.slick-slide:nth-child(4n+4) {
  border-right: 1px solid #E3EAF2; }

.book-item-wrapper.slick-slide:nth-child(5n+5) {
  border: 0; }

.section.section.shop-home {
  margin-top: 30px; }
  .section.section.shop-home .container {
    padding-top: 0;
    padding-bottom: 0; }
  .section.section.shop-home .slider-wrapper .top-image img {
    max-height: 350px; }

.section--editor-home {
  padding-top: 70px;
  margin-bottom: -47px; }

.section.shop-main-categories {
  margin-bottom: 40px; }
  .section.shop-main-categories .container {
    padding-top: 20px;
    padding-bottom: 0; }

.shop-left-menu .accordion-group .shop-main-categories {
  border: 0; }

.shop-slider {
  margin-bottom: 30px; }

.window_panel {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); }
  .window_panel .window_header {
    border-bottom: 2px solid #fff03d;
    background: rgba(36, 75, 149, 0.8);
    height: 29px;
    line-height: 29px;
    position: relative;
    transition: background 0.3s;
    -webkit-transition: background 0.3s; }
    .window_panel .window_header:hover {
      background: rgba(36, 75, 149, 0.9); }
    .window_panel .window_header .header_tab_right,
    .window_panel .window_header .header_tab_title,
    .window_panel .window_header .window_title_icon,
    .window_panel .window_header .header_tab_left {
      background: none; }
    .window_panel .window_header .header_tab_icon {
      float: left;
      font-size: 15px;
      margin-top: 7px;
      margin-right: 3px; }
      .window_panel .window_header .header_tab_icon[class^="mwicon-"], .window_panel .window_header .header_tab_icon[class*=" mwicon-"] {
        font-size: 20px;
        margin-top: 4px;
        margin-left: -2px; }
    .window_panel .window_header .header_tab_title {
      padding-left: 2px; }
  .window_panel.mblite_sidebar .window_headers {
    background: #244b95;
    border-top: 1px solid #4b7ad4; }
  .window_panel .window_frame {
    border: 0; }

@media (max-width: 991px) {
  .window_panel.slideshow_window {
    width: 100% !important;
    height: 100% !important; } }

.window_panel.slideshow_window .window_frame {
  position: relative; }
  @media (max-width: 991px) {
    .window_panel.slideshow_window .window_frame {
      width: 100% !important;
      height: 100% !important; } }
  .window_panel.slideshow_window .window_frame .slider {
    width: 100px; }

.window_panel.slideshow_window.ui-draggable {
  z-index: 10000 !important; }
  @media (min-width: 992px) {
    .window_panel.slideshow_window.ui-draggable {
      z-index: 2201 !important; } }

.list {
  border-bottom: 1px solid #dee5f2;
  padding: 15px 0; }
  .list h3,
  .list h4 {
    margin-top: 0; }

.brand-title {
  font-family: 'NeoSansPro-Regular'; }

ol {
  margin: 10px 0 10px 20px; }
  ol li {
    padding: 5px 0; }

.licence-status i {
  font-size: 26px;
  line-height: 1.2em; }

.licence-status .expired {
  background: #d83b59;
  color: #fff;
  margin-top: 4px;
  line-height: 0.85em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  font-size: 30px;
  border: 6px #d83b59 solid; }

.book-item .licence-status {
  display: inline-block;
  bottom: 95px;
  margin-left: -3px;
  position: absolute; }

.tools_state_states {
  padding: 5px;
  color: #FFF;
  border-top: 1px solid #dee5f2; }
  .tools_state_states a {
    color: #FFF; }
  .tools_state_states .tools_state_state {
    padding: 4px;
    border-bottom: 1px solid #dee5f2; }
  .tools_state_states .state_load {
    width: 90%;
    display: inline-block;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .tools_state_states .state-action {
    padding: 0 4px;
    display: inline-block; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../assets/images/caret-down.png")/*tpa=https://cn.mozaweb.com/assets/images/caret-down.png*/ !important;
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 8px;
  padding-left: 8px; }

.tagit {
  margin: 0;
  list-style-type: none;
  padding: 3px; }
  .tagit li.ui-state-default {
    display: inline-block;
    background: #dee5f2;
    border: 0;
    padding: 3px 10px;
    margin-right: 3px; }
    .tagit li.ui-state-default .tagit-label {
      color: #455771;
      font-size: 14px; }
    .tagit li.ui-state-default .tagit-close {
      margin: 0 2px;
      cursor: pointer; }
      .tagit li.ui-state-default .tagit-close .ui-icon-close {
        display: none; }

.admin-temp {
  background: #e38900;
  color: #FFF;
  text-align: center;
  padding: 10px;
  font-weight: bold; }

.custom_popup {
  padding: 20px;
  background: #FFF;
  color: #455771; }

.no_result {
  text-align: center;
  font-style: italic; }

.window_panel.mblite_sidebar .window_header {
  border-top: 1px solid #90b5ee;
  background: #244b95; }

.window_panel.mblite_sidebar .window_header .header_tab_right {
  background: none; }

.tools_list_thumb img {
  max-width: 100%; }

.mblite_tools_list_item {
  outline: none;
  height: 100px;
  float: left; }

.webshop_billing_info i,
.webshop_shipping_info i {
  font-size: 25px; }

.address-actions {
  float: right; }

.warning {
  color: #D30;
  font-weight: normal; }

.library_booklet {
  min-height: 330px;
  width: 20%;
  float: left; }
  .library_booklet .thumbnail,
  .library_booklet .image {
    cursor: pointer;
    position: relative;
    min-height: 170px; }
    .library_booklet .thumbnail .details,
    .library_booklet .image .details {
      /* FF3.6+ */
      /* Chrome,Safari4+ */
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(14, 49, 119, 0) 0%, rgba(14, 49, 119, 0.9) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000e3177', endColorstr='#0e3177', GradientType=0);
      /* IE6-9 */
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      height: 80%;
      padding-top: 80px;
      color: #FFF;
      font-size: 13px;
      line-height: 1.3em;
      z-index: 50; }
  .library_booklet .image {
    background: #86b2d2;
    width: 100%; }
  .library_booklet a {
    word-wrap: break-word; }
  .library_booklet .booklet {
    position: relative; }

.user-data .user-avatar {
  position: relative; }
  .user-data .user-avatar img {
    max-width: 165px;
    width: 100%;
    bottom: 0;
    margin: auto;
    border: 1px solid #d2e0f1;
    border-radius: 100%; }
    .user-data .user-avatar img.editable {
      cursor: pointer; }
  .user-data .user-avatar .avatar-edit {
    position: absolute;
    cursor: pointer;
    bottom: 0; }

.user-data dl {
  margin-bottom: 0; }

.avatar-edit-content {
  padding: 10px 0px 40px; }
  .avatar-edit-content .img-box {
    position: relative; }
    .avatar-edit-content .img-box img {
      border: 1px solid #d2e0f1;
      border-radius: 50%;
      height: 160px;
      margin: 10px 20px;
      cursor: pointer;
      opacity: 0.4;
      transition: all 0.2s ease-in-out; }
      .avatar-edit-content .img-box img.default_avatar {
        opacity: 1; }
    .avatar-edit-content .img-box img:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
      opacity: 1; }
    .avatar-edit-content .img-box .tool-open {
      position: absolute;
      bottom: 20%;
      right: 16%;
      cursor: pointer; }
    .avatar-edit-content .img-box.active img {
      opacity: 1; }
    .avatar-edit-content .img-box .help-icon {
      padding-left: 5px; }

#ship-wrapper {
  position: relative;
  height: 610px;
  margin-top: 15px; }
  #ship-wrapper div {
    position: absolute;
    width: 502px;
    height: 588px;
    top: 0;
    left: 0;
    visibility: hidden; }
    #ship-wrapper div:last-child {
      visibility: visible; }

.form-table td {
  padding: 5px; }

.nav-pills > li.active > a {
  background: #008ce5; }

.download-page .brand-logo {
  position: static; }

.download-page .latency {
  padding-left: 5px;
  color: #8c97a7; }
  .download-page .latency.highlight {
    color: #0dbf6d; }

.tabs-wrapper {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 9999;
  background: #244B95;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .tabs-wrapper a {
    color: #FFF;
    display: inline-block;
    border-left: 1px solid #86b2d2;
    padding: 10px 20px; }
    .tabs-wrapper a:first-child {
      border: 0; }
    .tabs-wrapper a:hover {
      color: #FFF; }
    .tabs-wrapper a i {
      margin: 0 5px;
      color: #fff03d; }

.plupload-drop-in {
  width: 100%;
  height: 100px;
  line-height: 90px;
  margin: 20px 0;
  border: 5px solid #008ce5;
  border-style: dashed;
  cursor: pointer;
  vertical-align: middle;
  text-align: center; }

.mylearn-page .plupload-drop-in {
  background: #FFF;
  line-height: normal;
  border: 0;
  margin: 0;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px; }

.ui-progressbar {
  position: relative; }
  .ui-progressbar .progress-label {
    position: absolute;
    height: 30px;
    width: 40px;
    margin-left: -20px;
    left: 50%;
    top: 0;
    line-height: 30px;
    text-align: center; }
  .ui-progressbar .ui-progressbar-value {
    height: 2em; }

.valid_until {
  margin-right: 20px; }

.form-control.highlight, .highlight.cke_editable {
  border: 2px solid #008ce5; }

.margin {
  box-sizing: initial; }

.pict_to_lex {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 0;
  background: #dee5f2;
  padding: 5px; }

.object {
  position: relative; }
  .object :hover .pict_to_lex {
    /*display: block;*/ }

.tooltip {
  border: 0 !important;
  background: none !important;
  z-index: 4001 !important; }

.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item {
  margin: 10px; }

.tools_list_thumb img {
  width: 85px;
  height: 85px; }

ul.reg_text {
  margin: 15px 0; }
  ul.reg_text li {
    margin-bottom: 15px; }

.blog-post-item {
  margin-bottom: 20px; }

.uploads-image-col a {
  width: 100% !important;
  height: 100% !important; }
  .uploads-image-col a img {
    max-width: 100%; }

.info-button {
  color: #c7d3e5;
  font-size: 20px; }

input[type=checkbox] {
  position: relative;
  top: 2px;
  margin-right: 5px; }

.faq-nav {
  list-style-type: none;
  margin: 8px 20px 0 0;
  padding: 0; }
  .faq-nav li {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #f2f5f9; }
  .faq-nav .active {
    font-weight: bold; }

.partnerselect-label {
  font-weight: bold;
  margin-bottom: 10px; }

.partnerselect-main {
  margin-bottom: 25px; }

.partnerselect-inner {
  margin-bottom: 12px; }
  .partnerselect-inner .iradio_square-blue {
    vertical-align: bottom; }
  .partnerselect-inner .iradio_square-blue.grayed {
    background-position: -216px 0; }
  .partnerselect-inner .input-container {
    float: left;
    margin-right: 15px; }

.help-img {
  margin: 0 auto;
  display: block; }

.help-topics {
  padding-left: 30px; }
  .help-topics h3 {
    margin-bottom: 5px; }
  .help-topics .help-topic {
    margin-bottom: 30px; }

@media (max-width: 992px) {
  .help-topics {
    padding-left: 15px; } }

.btn-linetext {
  padding: 6px 15px 6px 0;
  display: inline-block;
  vertical-align: middle; }

.faq-answer {
  padding: 15px 0 25px;
  border-bottom: 1px solid #f2f5f9; }
  .faq-answer:last-child {
    border: 0; }
  .faq-answer .faq-anchor {
    visibility: hidden;
    position: relative;
    display: block;
    top: -150px; }
  .faq-answer .faq-answer-meta {
    margin-bottom: 30px; }
    .faq-answer .faq-answer-meta > span {
      margin-right: 20px;
      color: #8c97a7; }
  .faq-answer h3 {
    margin-top: 0;
    font-size: 22px;
    font-weight: bold; }
  .faq-answer img {
    margin: 25px 0;
    display: block;
    width: 100% !important;
    height: auto !important; }

.faq-tags {
  text-align: right;
  float: right;
  margin-top: 6px; }
  .faq-tags a {
    display: inline-block;
    margin-left: 10px; }

.faq-submit {
  float: left;
  margin: 20px 0;
  text-align: center; }

.ask-admin-title-breadcrumb {
  color: #008ce5 !important; }

.faq-admin-container {
  margin-bottom: 60px; }
  .faq-admin-container .table {
    width: 100%; }
    .faq-admin-container .table td {
      overflow-x: auto;
      max-width: 800px;
      word-wrap: break-word; }
    .faq-admin-container .table thead {
      background-color: #008ce5;
      color: white; }
    .faq-admin-container .table .time-col {
      font-size: 12px;
      font-weight: bold; }
    .faq-admin-container .table .ico-col {
      width: 45px;
      vertical-align: top; }
    .faq-admin-container .table .email-col {
      width: 220px; }
    .faq-admin-container .table .even {
      background-color: #f2f5f9; }
    .faq-admin-container .table p {
      margin: 0px; }
  .faq-admin-container .title-row-left {
    margin-bottom: 13px; }
    .faq-admin-container .title-row-left span {
      font-size: 19px;
      font-weight: bold;
      vertical-align: middle;
      display: inline-block; }
      .faq-admin-container .title-row-left span .sm {
        font-size: 15px; }
  .faq-admin-container .answer-title-row-left {
    margin-bottom: 18px; }
    .faq-admin-container .answer-title-row-left span {
      font-size: 19px;
      font-weight: bold;
      vertical-align: top;
      display: inline-block;
      margin-top: 6px; }
      .faq-admin-container .answer-title-row-left span .sm {
        font-size: 15px;
        margin-top: 3px; }
      .faq-admin-container .answer-title-row-left span .xs {
        font-size: 12px;
        margin-top: 5px; }
  .faq-admin-container .title-row-right {
    padding-top: 9px; }
    .faq-admin-container .title-row-right .translate-img {
      float: right;
      margin-right: 15px;
      cursor: pointer; }
      .faq-admin-container .title-row-right .translate-img.inactive {
        opacity: 0.5;
        cursor: default; }
  .faq-admin-container .answerform-icon {
    margin-right: 15px;
    font-size: 35px; }
    .faq-admin-container .answerform-icon.orange {
      color: #ff8a00; }
    .faq-admin-container .answerform-icon.green {
      color: #00d65b; }
  .faq-admin-container .filter-select {
    max-width: 160px;
    float: right;
    padding-bottom: 6px;
    padding-top: 6px; }
  .faq-admin-container .question-textdiv {
    width: 100%;
    background-color: #fceddb;
    padding: 9px 12px;
    margin-bottom: 25px;
    word-wrap: break-word;
    overflow-x: auto; }
    .faq-admin-container .question-textdiv.answer {
      background-color: #e8f6e9; }
  .faq-admin-container .question-textdiv-googletrans {
    width: 100%;
    background-color: #dbeafc;
    padding: 9px 12px;
    margin-bottom: 25px;
    word-wrap: break-word; }
  .faq-admin-container .answer-textarea {
    width: 100%;
    height: 200px;
    padding: 9px 12px;
    margin-bottom: 14px;
    overflow-y: hidden;
    min-height: 42px; }
  .faq-admin-container .cke {
    margin-bottom: 20px; }
    .faq-admin-container .cke .cke_bottom {
      padding-top: 0px; }
  .faq-admin-container .selector-row select {
    display: inline-block;
    width: 80%;
    margin-bottom: 20px; }
  .faq-admin-container #forward-field {
    display: none; }
    .faq-admin-container #forward-field select {
      width: 100%;
      height: 41px;
      padding: 9px 12px;
      margin-bottom: 25px; }
  .faq-admin-container #search-form {
    display: inline-block;
    width: 100%; }
    .faq-admin-container #search-form .text-search {
      display: inline-block;
      width: 260px; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .faq-admin-container #search-form .text-search {
          float: right; } }
  .faq-admin-container .other-addressee-box {
    display: none;
    width: 100%;
    margin-bottom: 25px; }
    .faq-admin-container .other-addressee-box .name-box {
      display: inline-block;
      width: 35%; }
    .faq-admin-container .other-addressee-box .mail-box {
      display: inline-block;
      width: 55%;
      float: right; }
  .faq-admin-container .hidden-box {
    display: none; }
  .faq-admin-container .top-row {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%; }
    .faq-admin-container .top-row .show-previous {
      display: inline-block;
      cursor: pointer; }
      .faq-admin-container .top-row .show-previous .bubble {
        display: inline-block;
        background-image: url("../assets/images/ask_admin/num_bubble.png")/*tpa=https://cn.mozaweb.com/assets/images/ask_admin/num_bubble.png*/;
        color: white;
        width: 36px;
        height: 34px;
        font-size: 18px;
        text-align: center;
        padding-top: 3px;
        font-weight: bold; }
      .faq-admin-container .top-row .show-previous .prev-text {
        margin-left: 13px;
        font-size: 19px;
        font-weight: bold;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 4px; }
      .faq-admin-container .top-row .show-previous .show-prev-icon {
        margin-left: 18px;
        font-size: 19px; }
    .faq-admin-container .top-row .menu-icons {
      cursor: pointer;
      display: inline-block;
      float: right;
      margin-top: 4px; }
  .faq-admin-container img.icon {
    width: 28px; }
    .faq-admin-container img.icon.title-icon {
      float: right;
      cursor: pointer; }
    .faq-admin-container img.icon.title1 {
      margin-right: 20px; }
    .faq-admin-container img.icon.fill {
      width: 100%;
      vertical-align: text-bottom; }
  .faq-admin-container i.title-icon {
    font-size: 31px;
    color: #a3b4d3;
    line-height: 24px;
    float: right;
    cursor: pointer; }
  .faq-admin-container i.icon-big {
    margin-right: 11px;
    font-size: 36px;
    color: #00d65b;
    line-height: 25px; }
  .faq-admin-container i.icon-sm {
    margin-right: 4px;
    font-size: 22px;
    color: #00d65b;
    line-height: 13px; }
  .faq-admin-container #del-btn {
    font-size: 25px;
    color: #a3b4d3; }
  .faq-admin-container .ask-forward-icon {
    display: inline-block;
    float: right;
    margin-left: 15px;
    cursor: pointer; }
  .faq-admin-container #forward-text {
    display: none; }
  .faq-admin-container .table-bordered {
    margin-bottom: 50px; }
    .faq-admin-container .table-bordered .source-site {
      margin-top: 7px;
      color: #008ce5;
      font-weight: 800; }
    .faq-admin-container .table-bordered .name {
      font-weight: 800;
      font-size: 16px; }
  .faq-admin-container select[class*="utils-paginator"] {
    padding-right: 20px; }
  .faq-admin-container .from-info {
    font-weight: 100;
    font-size: 13px;
    margin-left: 13px; }
  .faq-admin-container .targetPartner {
    margin-bottom: 10px;
    display: block;
    font-weight: bold; }

#canvasloader-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3000;
  background: rgba(255, 255, 255, 0.3); }
  #canvasloader-container.ajax-loader {
    background-image: url("../assets/images/moza_loader.gif")/*tpa=https://cn.mozaweb.com/assets/images/moza_loader.gif*/;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
    position: absolute !important;
    width: 100%;
    height: 100%; }
  #canvasloader-container #canvasLoader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 3001; }

.tool-popup-flash-loading-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px; }
  .tool-popup-flash-loading-container div {
    padding-top: 10px;
    padding-bottom: 10px; }
  .tool-popup-flash-loading-container #canvasloader-container.ajax-loader {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent !important;
    position: relative !important;
    height: 80px !important; }

.tool-popup-flash-content-container {
  position: relative;
  display: inline;
  z-index: 2; }

.lexikon3d-loader-content #canvasloader-container.ajax-loader,
.download-starts-soon #canvasloader-container.ajax-loader {
  height: 70%; }

.download-starts-soon {
  display: -ms-grid;
  display: grid;
  height: inherit;
  -ms-grid-rows: 66% 34%;
  grid-template-rows: 66% 34%; }

.yellow.br-selected:after {
  color: #fff03d !important; }

.colored-title {
  margin: 20px 0;
  color: #FFF;
  padding: 8px 0; }
  .colored-title.red {
    background: #d83b59; }
  .colored-title.green {
    background: #0dbf6d; }
  .colored-title.blue {
    background: #008ce5; }

.lang_select {
  padding-left: 40px; }
  .lang_select img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .lang_select select {
    width: 150px;
    display: inline-block;
    vertical-align: middle; }

.tagadmin div.edit input {
  margin: -3px -2px;
  width: 300px; }

.tagadmin div.edit span.fa {
  margin-left: 5px;
  cursor: pointer; }

.tagadmin span.fa-check {
  float: right;
  color: #00BF00;
  line-height: 20px; }

.tagadmin span.fa-pencil {
  float: right;
  cursor: pointer;
  line-height: 20px; }

.tagadmin span.fa-trash-o {
  margin-left: 10px;
  cursor: pointer; }

.tagadmin span.fa-compress,
.tagadmin span.fa-expand {
  margin-left: 1px;
  cursor: pointer; }

div.tagadmin.mozaDialog {
  overflow: visible;
  outline: none; }

div.tagadmin.mozaDialog ul.tagedit-list {
  width: 555px; }

div.tagadmin.mozaDialog div.preview {
  margin-top: 10px;
  max-height: 350px;
  overflow-y: auto;
  font-size: 12px; }

.window_panel .window_footer {
  display: none;
  background: #244b95;
  border-top: 0; }
  .window_panel .window_footer div {
    margin: 0;
    padding: 10px;
    line-height: inherit;
    min-height: inherit;
    height: auto;
    background: #244b95; }

.window_panel iframe {
  width: 100%; }

.share-block {
  top: 20%;
  position: fixed;
  right: -370px;
  width: 420px;
  z-index: 2000;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s; }
  .share-block:hover, .share-block.open {
    opacity: 1; }
  .share-block.open {
    right: 0; }
  .share-block .links-wrapper {
    float: left;
    position: absolute; }
    .share-block .links-wrapper a {
      text-align: center;
      font-size: 29px;
      width: 60px;
      color: #FFF;
      display: block;
      height: 50px;
      padding-top: 3px;
      position: relative;
      transition: all .2s; }
      .share-block .links-wrapper a i {
        margin-left: -9px; }
      .share-block .links-wrapper a:hover {
        -webkit-transform: translate(-10px, 0);
        -ms-transform: translate(-10px, 0);
        transform: translate(-10px, 0); }
    .share-block .links-wrapper .link-twitter {
      background: #4099ff; }
    .share-block .links-wrapper .link-blog {
      background: #0dbf6d; }
    .share-block .links-wrapper .link-admin {
      background: #478999; }
    .share-block .links-wrapper .link-facebook {
      background: #3b5998; }
    .share-block .links-wrapper .link-youtube {
      background: #e52d27; }
    .share-block .links-wrapper a.link-contact {
      background: #b2bac4; }
    .share-block .links-wrapper .link-last-book {
      background: #E27A23;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 0;
      right: 0;
      width: 310px;
      text-align: left;
      transition: all .4s; }
      .share-block .links-wrapper .link-last-book span {
        font-size: 15px;
        font-weight: bold;
        padding-left: 22px;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .share-block .links-wrapper .link-last-book i {
        margin-left: 10px; }
      .share-block .links-wrapper .link-last-book.link-animation {
        -webkit-animation: cssAnimation 2s forwards;
        animation: cssAnimation 1s forwards;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        right: 260px; }

@keyframes cssAnimation {
  0% {
    right: 250px; }
  100% {
    right: 0; } }

@-webkit-keyframes cssAnimation {
  0% {
    right: 250px; }
  100% {
    right: 0; } }
      .share-block .links-wrapper .link-last-book:hover {
        -webkit-transform: translate(-260px, 0);
        -ms-transform: translate(-260px, 0);
        transform: translate(-260px, 0); }
  .share-block .share-box {
    margin-left: 50px;
    padding: 10px;
    height: 620px;
    background: #FFF;
    box-shadow: 0 5px 10px transparent;
    border: 1px solid #CCC;
    display: none;
    position: relative;
    z-index: 400;
    overflow-y: auto; }
  .share-block.open .share-box {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  @media (max-width: 991px) {
    .share-block {
      display: none; }
      .share-block.open {
        display: block; }
      .share-block .share-box {
        overflow-y: scroll;
        height: 400px; } }
  @media (max-height: 800px) {
    .share-block .share-box {
      height: 520px; } }
  @media (max-height: 700px) {
    .share-block .share-box {
      height: 450px; } }
  @media (max-height: 600px) {
    .share-block .share-box {
      height: 400px; } }
  @media (max-height: 500px) {
    .share-block .share-box {
      height: 300px; } }

#admin-box a, #admin-box-mobile a {
  display: block;
  padding: 7px 15px;
  margin: 0 -7px;
  color: #455771;
  transition: all .2s;
  background: #FFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #admin-box a i, #admin-box-mobile a i {
    font-size: 24px;
    color: #8c97a7;
    margin-right: 10px;
    line-height: 0;
    vertical-align: middle; }
  #admin-box a:hover, #admin-box-mobile a:hover {
    background: #f2f5f9; }

#admin-box .divider, #admin-box-mobile .divider {
  border-bottom: 1px solid #dee5f2;
  height: 1px;
  margin: 5px -7px;
  clear: none;
  padding: 0;
  display: block; }
  #admin-box .divider:first-child, #admin-box-mobile .divider:first-child {
    display: none; }

#admin-box-mobile {
  background: #FFF; }
  #admin-box-mobile a {
    cursor: pointer;
    margin: 0; }
  #admin-box-mobile .divider {
    margin: 5px 0; }

.home-blog-post, .home-promo-video {
  text-align: left; }
  .home-blog-post h3, .home-promo-video h3 {
    margin-bottom: 10px;
    font-size: 20px; }
    @media (max-width: 991px) {
      .home-blog-post h3, .home-promo-video h3 {
        font-size: 18px; } }
  .home-blog-post span, .home-promo-video span {
    display: block;
    margin-bottom: 5px; }
  .home-blog-post p, .home-promo-video p {
    max-height: 108px;
    overflow: hidden;
    text-overflow: ellipsis; }

.home-promo-video {
  height: 325px !important; }
  .home-promo-video a {
    position: relative; }
  @media (max-width: 480px) {
    .home-promo-video:last-child {
      margin-bottom: 0px; } }

.section.section-testimonials h2 {
  margin-top: 0; }

.section.section-testimonials .slick-dots {
  margin-bottom: 0; }

.section.section-testimonials .container {
  padding-top: 40px;
  padding-bottom: 40px; }

p.narrow {
  width: 70%;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 992px) {
  p.narrow {
    width: 100%; } }

.testimonial-item {
  background: #31414d;
  color: #FFF;
  padding: 25px;
  height: 200px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative; }
  .testimonial-item p {
    font-family: Georgia;
    font-style: italic;
    font-size: 16px;
    display: inline;
    padding-left: 25px;
    cursor: pointer; }
  .testimonial-item span {
    display: block;
    clear: both;
    text-align: right;
    margin: 15px 40px 0 0; }
  .testimonial-item .mwicon-quote {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    color: #FFF;
    font-size: 35px; }
  .testimonial-item .mwicon-quote.bottom {
    top: auto;
    left: auto;
    bottom: 5px;
    right: 10px; }

.modal-content .testimonial-item {
  color: #455771;
  background-color: #FFF; }

.modal-content .testimonial-item:before,
.modal-content .testimonial-item:after {
  color: #455771; }

.library_booklet .add-new-booklet a {
  background: #f2f5f9;
  vertical-align: middle;
  padding-top: 60px;
  font-size: 35px;
  width: 100%;
  color: #8c97a7; }

.slick-dots {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  text-align: center; }
  .slick-dots li {
    display: inline-block; }
  .slick-dots li button {
    margin: 0 8px;
    width: 12px;
    height: 12px;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    display: block;
    background: rgba(69, 87, 113, 0.2);
    cursor: pointer;
    border: 0;
    text-indent: -999px; }
    .slick-dots li button:focus, .slick-dots li button:active {
      outline: none; }
  .slick-dots li.slick-active button {
    background: rgba(69, 87, 113, 0.5); }

.section-videos .slick-dots li button {
  background: rgba(255, 255, 255, 0.2); }

.section-videos .slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0.5); }

.section-mozabook-tablet.section-home .container {
  padding-top: 70px;
  padding-bottom: 0px; }

.section-mozabook-tablet.section-home .section-titles {
  margin-bottom: 0px;
  margin-top: 20px;
  text-align: left; }

.section-mozabook-tablet.section-home .section-description {
  text-align: left; }

.section-mozabook-tablet .btn.btn-primary, .section-mozabook-tablet .btn-primary.btn-facebook, .section-mozabook-tablet .btn-primary.btn-round, .section-mozabook-tablet .btn-primary.btn-default, .section-mozabook-tablet .btn-primary.btn-sausage, .section-mozabook-tablet .btn-primary.btn-success, .section-mozabook-tablet .btn-primary.btn-yellow, .section-mozabook-tablet .btn-primary.btn-white, .section-mozabook-tablet .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-mozabook-tablet button {
  margin: 30px 0px; }

.section-mozabook-tablet .section-image-wrapper img {
  margin-left: 30px;
  max-width: 92%; }

@media (max-width: 991px) {
  .section-mozabook-tablet.section-home .section-titles {
    text-align: center;
    margin-top: 0px; }
  .section-mozabook-tablet.section-home .section-description {
    text-align: center; }
  .section-mozabook-tablet.section-home .container {
    padding-top: 30px; } }

.reg_block .tooltip .tooltip-inner {
  width: 400px;
  max-width: 400px; }

.top5 {
  margin-top: 5px; }

.sql-log-open-btn {
  position: fixed;
  bottom: 0;
  left: 20px;
  font-weight: bold;
  background-color: #244b95;
  padding: 10px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #FFF !important;
  z-index: 9999; }

#sql_log .modal-body {
  height: 400px;
  overflow-y: scroll; }

#sql_log .modal-header div {
  display: inline-block;
  padding-right: 30px; }

.stay-login {
  font-size: 12px; }

#check-code .modal-content {
  padding: 15px 0; }

#check-code h1 {
  font-size: 36px; }

#check-code .btn, #check-code .btn-facebook, #check-code .btn-round, #check-code .btn-default, #check-code .btn-sausage, #check-code .btn-success, #check-code .btn-yellow, #check-code .btn-white, #check-code .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #check-code button {
  min-width: 160px; }

#check-code .bold-blue b {
  color: #008ce5; }

#check-code .bold-blue i {
  color: #e38900; }

#check-code .bold-blue .tooltip-inner {
  min-width: 320px; }

#check-code button.close {
  padding: 8px;
  color: #777;
  position: absolute;
  top: 5px;
  right: 20px;
  opacity: 1; }

.gray-box {
  position: relative;
  background: #dee5f2;
  padding: 20px 40px; }

.white-box-row {
  background-color: #F6FAFD;
  padding: 0; }

.activation-text p {
  margin-bottom: 10px; }

.activation-shield,
.activation-book {
  display: inline-block;
  width: 67px;
  height: 74px;
  margin-top: -55px;
  margin-bottom: 10px; }

.help-dropdown a {
  position: relative; }
  .help-dropdown a i {
    position: absolute;
    left: -22px; }

.activation-shield {
  background: url("../assets/images/activation_shield.png")/*tpa=https://cn.mozaweb.com/assets/images/activation_shield.png*/; }

.activation-book {
  width: 79px;
  background: url("../assets/images/activation_book.png")/*tpa=https://cn.mozaweb.com/assets/images/activation_book.png*/; }

.window_panel .window_header .solutionImg {
  background-position: center; }

.coverlay {
  background-color: rgba(39, 71, 131, 0.6);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000; }

#alapadatok_error {
  display: none; }

.book-slides {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .book-slides {
      max-width: 95%; } }

.mobile-sort {
  display: none; }

.worksheet-box {
  position: relative;
  border: 1px solid #008ce5;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #FFF;
  margin: 0 10px 25px 10px; }
  .worksheet-box .worksheet-count {
    position: absolute;
    text-align: center;
    background: #008ce5;
    color: #FFF;
    display: block;
    left: 10px;
    top: -13px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 25px;
    line-height: 23px;
    width: 25px; }

.section-awards .row {
  /*rtl:raw:
        direction: initial;
    */ }
  .section-awards .row h4 {
    font-size: 20px; }
  .section-awards .row .award-item {
    width: 25%;
    float: left;
    padding: 0 15px;
    text-align: center; }
  .section-awards .row.awards-row {
    display: none;
    z-index: 1000; }
  .section-awards .row .slick-list {
    margin: 0 -15px; }
    .section-awards .row .slick-list img {
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transform: scale(0.85); }

@media (max-width: 992px) {
  .user-popup > a > span {
    display: none; } }

@media (max-width: 1200px) {
  .color-boxes > div {
    min-height: 160px;
    font-size: 13px;
    margin-bottom: 10px;
    background-size: 15%; }
    .color-boxes > div h2 {
      margin-bottom: 6px;
      font-size: 24px; }
  .color-boxes.has-banner > div {
    min-height: 150px; }
  .color-boxes.has-banner .box-activation,
  .color-boxes.has-banner .box-shop {
    min-height: 150px; } }

@media (max-width: 1100px) {
  .testimonial-item {
    height: 240px; }
  .faq-nav {
    position: relative;
    width: auto; }
  .library_booklet {
    width: 25%; } }

@media (max-width: 992px) {
  #mozaLoginForm [class*="col-"] {
    margin-bottom: 0; }
  .testimonial-item {
    height: 200px; }
  body.user-page {
    padding-top: 50px; }
  .slick-dots {
    margin: 15px 0; }
    .slick-dots li button {
      width: 8px;
      height: 8px;
      margin: 0 5px; }
  .home-slider .slick-dots {
    margin: 5px 0; }
  .color-boxes > div {
    width: 49%;
    font-size: 15px;
    min-height: 185px;
    background-size: 40px;
    margin-bottom: 8px; }
    .color-boxes > div h2 {
      margin-bottom: 10px; }
    .color-boxes > div img {
      max-height: 180px; }
  .color-boxes.has-banner > div {
    min-height: 135px; }
  .color-boxes.has-banner .box-activation,
  .color-boxes.has-banner .box-shop {
    min-height: 140px; }
  .list-count-total {
    float: right; }
  .home-blog-post, .home-promo-video {
    text-align: center; }
  .webshop_recent_link_holder .webshop_recent_link {
    width: 100%;
    float: none; }
  .section-selector {
    display: inline-block; }
  .sub-menu-wrapper:before, .sub-menu-wrapper:after {
    content: '';
    clear: both;
    display: table; }
  .sub-menu-wrapper .dropdown .form-control, .sub-menu-wrapper .dropdown .cke_editable {
    margin: 0; }
  .mobile-sort {
    display: none;
    position: relative;
    left: 50%;
    top: 0;
    z-index: 500; } }

.input-group.datepicker input {
  border-right: 0; }
  .input-group.datepicker input:focus {
    box-shadow: none;
    border-color: #a4b8d5; }

.input-group.datepicker .input-group-addon {
  background-color: white;
  transition: border-color .15s ease-in-out; }

.input-group.datepicker.focus {
  border-color: #008ce5;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .input-group.datepicker.focus input, .input-group.datepicker.focus .input-group-addon {
    border-color: #008ce5; }

@media (max-width: 991px) {
  .input-group.datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%; } }

.required-data {
  position: absolute;
  top: -6px; }

@media (min-width: 768px) and (max-width: 991px) {
  .section-awards .slick-list img {
    height: 150px; } }

@media (max-width: 768px) {
  .testimonial-item {
    height: 280px; }
  .section-titles [class^="mwicon-"].fill-square.size-70, .section-titles [class*=" mwicon-"].fill-square.size-70, .info [class^="mwicon-"].fill-square.size-70, .info [class*=" mwicon-"].fill-square.size-70 {
    font-size: 38px;
    padding: 6px; }
  .section-awards .slick-list {
    margin: 0; }
  .section-awards img {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    height: 120px; }
  .color-boxes > div {
    width: 49%;
    margin: 0 0.5% 10px;
    min-height: inherit; }
  .orderdetail_action_buttons a {
    margin-bottom: 15px; }
  .valid_until {
    margin-right: 0; }
  .library_booklet {
    width: 50%; } }

@media (max-width: 519px) {
  .licence-table-swipe-hint.hint-visible {
    display: block; }
  /*    .sub-menu-wrapper select.form-control, .title-row-links #sort {
        width: 45%;
    }*/
  .library_booklet {
    width: 100%;
    float: none; }
  .section-awards img {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    max-width: 100% !important; }
  .color-boxes > div {
    width: 100%;
    min-height: 135px;
    height: auto; }
  .share-block.open {
    width: 300px; } }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.licence_key.deleted {
  text-decoration: line-through; }

#extra-modal .modal-dialog {
  max-width: 700px; }

#cart-notification {
  width: 60%;
  margin-left: -30%;
  display: block;
  left: 50%;
  top: -60px;
  border-radius: 5px;
  background: #0dbf6d;
  color: #FFF;
  padding: 10px;
  position: fixed;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold;
  transition-duration: .3s; }
  #cart-notification.visible {
    top: 70px; }

@media (max-width: 768px) {
  #extra-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 2001; }
  .extra {
    text-align: center; }
  #extra-modal {
    padding: 0 !important; }
    #extra-modal .modal-dialog {
      margin: 0; } }

.lexikon_related_list .lexikon-3d-title {
  max-height: 42px;
  overflow: hidden; }

.lexikon-edit-form div.media-item-wrapper,
.lexikon_item_edit div.media-item-wrapper {
  width: 100%; }

.lexikon-edit-form div.media-item-thumbnail,
.lexikon_item_edit div.media-item-thumbnail {
  overflow: hidden;
  max-height: 140px;
  text-align: center; }

.lexikon-edit-form div.media-item-thumbnail img,
.lexikon_item_edit div.media-item-thumbnail img {
  max-width: none; }

.lexikon-edit-form thead label {
  font-size: 0.9em; }

.lexikon-edit-form dl dd {
  word-wrap: break-word; }

.lexikon-edit-form.upload-multiple #drop-target {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 3px dashed #ddd;
  color: #999;
  display: block;
  font-size: 14px;
  /*width: 874px;*/
  line-height: 90px;
  text-align: center; }

.lexikon-edit-form.upload-multiple .form-control, .lexikon-edit-form.upload-multiple .cke_editable {
  font-size: 0.85em;
  padding: 1px 4px; }

.lexikon-edit-form.upload-multiple .fa-trash {
  cursor: pointer; }

.lexikon-edit-form.upload-multiple table thead th {
  text-align: center;
  margin: 0 auto; }

.lexikon-edit-form.upload-multiple table tbody tr td:first-child {
  vertical-align: middle;
  position: relative;
  top: -3px; }

.lexikon-edit-form.upload-multiple .uploaded_result {
  color: #0dbf6d; }

.lexikon-edit-form.upload-multiple .openextra {
  position: relative;
  padding: 8px; }
  .lexikon-edit-form.upload-multiple .openextra .fa-eye {
    position: absolute;
    left: 5px;
    top: 7px;
    padding: 5px;
    z-index: 10; }

.lexikon-edit-form .upload-form {
  position: relative; }

.lexikon-edit-form .galleryItems {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  overflow-y: scroll; }
  .lexikon-edit-form .galleryItems div._item {
    float: left;
    position: relative;
    width: 176px;
    height: 180px;
    padding: 10px;
    border: 1px solid #c6d2e5;
    border-radius: 3px;
    margin: 2px;
    background: #fff;
    cursor: move; }
  .lexikon-edit-form .galleryItems div._item div {
    height: 124px;
    text-align: center;
    line-height: 26px; }
  .lexikon-edit-form .galleryItems div._item .inline-uploader {
    cursor: pointer; }
  .lexikon-edit-form .galleryItems div._item div i.fa.fa-plus-circle {
    font-size: 28pt;
    margin-top: 20px; }
  .lexikon-edit-form .galleryItems div._item div img {
    max-width: 150px;
    max-height: 113px; }
  .lexikon-edit-form .galleryItems div._item div span {
    display: inline-block;
    margin: -10px 0px; }
  .lexikon-edit-form .galleryItems div._item input[type="text"] {
    width: 155px; }
  .lexikon-edit-form .galleryItems div._item span.fa-trash {
    position: absolute;
    top: 2px;
    right: 6px;
    background: #fff;
    padding: 3px;
    cursor: pointer;
    z-index: 100; }

.download-buttons a.download-button-android {
  margin-right: 10px; }
  .download-buttons a.download-button-android img {
    height: 57px;
    width: auto; }

.download-buttons a.download-button-chrome {
  background: #FAFAFA;
  margin-top: -2px;
  border: solid 1px #5F6368;
  border-radius: 5px;
  -webkit-border-radius: 5px; }

@media (max-width: 519px) {
  .download-buttons a {
    display: block;
    text-align: center;
    margin-right: 0 !important; } }

.folder-plus {
  position: relative;
  font-size: 15px;
  padding-right: 5px; }
  .folder-plus.fa-folder:after {
    color: white;
    content: '\f067';
    position: absolute;
    font-size: 7px;
    top: 5px;
    left: 4px; }

.fileIcon {
  padding: 20px;
  height: 160px;
  width: 160px;
  text-align: center;
  background: #fff; }

.section-tools .slick-slide video {
  display: block; }

.lexikon-edit-header .pagination,
.lexikon_3d_admin_header .pagination {
  float: right;
  margin: 0 0 0 10px; }

.lexikon_related_edit_block .lexikon_related_weight_legend {
  font-size: 11px; }

.lexikon_related_edit_block .btn-group {
  margin: 5px 0; }

.lexikon_related_edit_block .lexikon_related_weight a {
  float: left;
  background: url("../assets/images/star0.png")/*tpa=https://cn.mozaweb.com/assets/images/star0.png*/ no-repeat 1px 1px;
  width: 14px;
  height: 14px; }

.lexikon_related_edit_block .lexikon_related_weight a.on {
  background-image: url("../assets/images/star1.png")/*tpa=https://cn.mozaweb.com/assets/images/star1.png*/; }

.multiupload-helper {
  color: #c7d3e5; }
  .multiupload-helper small .type-holder {
    margin: 0 !important;
    line-height: initial; }

.lexikon_item_edit .lexikon_fixed_bar {
  background: rgba(49, 65, 77, 0.9);
  position: fixed;
  width: 100%;
  left: 0;
  /*bottom: -400px;*/
  bottom: 0;
  padding: 7px 0;
  color: #FFF;
  font-size: 13px;
  z-index: 10000;
  transition-duration: .3s;
  -webkit-transition-duration: .3s; }
  .lexikon_item_edit .lexikon_fixed_bar a {
    color: #66c3ff; }
  .lexikon_item_edit .lexikon_fixed_bar a.btn, .lexikon_item_edit .lexikon_fixed_bar a.btn-facebook, .lexikon_item_edit .lexikon_fixed_bar a.btn-round, .lexikon_item_edit .lexikon_fixed_bar a.btn-default, .lexikon_item_edit .lexikon_fixed_bar a.btn-sausage, .lexikon_item_edit .lexikon_fixed_bar a.btn-success, .lexikon_item_edit .lexikon_fixed_bar a.btn-yellow, .lexikon_item_edit .lexikon_fixed_bar a.btn-white {
    color: #FFF; }
  .lexikon_item_edit .lexikon_fixed_bar span {
    background-size: cover;
    width: 35px;
    height: 30px;
    float: left; }
  .lexikon_item_edit .lexikon_fixed_bar p {
    margin-left: 20px;
    width: 70%;
    float: left;
    margin-bottom: 0;
    padding-top: 8px; }
  .lexikon_item_edit .lexikon_fixed_bar .btn, .lexikon_item_edit .lexikon_fixed_bar .btn-facebook, .lexikon_item_edit .lexikon_fixed_bar .btn-round, .lexikon_item_edit .lexikon_fixed_bar .btn-default, .lexikon_item_edit .lexikon_fixed_bar .btn-sausage, .lexikon_item_edit .lexikon_fixed_bar .btn-success, .lexikon_item_edit .lexikon_fixed_bar .btn-yellow, .lexikon_item_edit .lexikon_fixed_bar .btn-white, .lexikon_item_edit .lexikon_fixed_bar .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .lexikon_item_edit .lexikon_fixed_bar button {
    float: left;
    margin-left: 20px; }
  .lexikon_item_edit .lexikon_fixed_bar .btn.icon, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-facebook, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-round, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-default, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-sausage, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-success, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-yellow, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-white, .lexikon_item_edit .lexikon_fixed_bar .ui-dialog .ui-dialog-buttonpane button.icon, .ui-dialog .ui-dialog-buttonpane .lexikon_item_edit .lexikon_fixed_bar button.icon {
    font-size: 20pt;
    line-height: 0.7em;
    float: right; }
  .lexikon_item_edit .lexikon_fixed_bar .btn.icon:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-facebook:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-round:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-default:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-sausage:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-success:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-yellow:hover, .lexikon_item_edit .lexikon_fixed_bar .icon.btn-white:hover, .lexikon_item_edit .lexikon_fixed_bar .ui-dialog .ui-dialog-buttonpane button.icon:hover, .ui-dialog .ui-dialog-buttonpane .lexikon_item_edit .lexikon_fixed_bar button.icon:hover {
    color: #FFF; }
  .lexikon_item_edit .lexikon_fixed_bar .lexikon_fixed_save_btn {
    margin-left: 0;
    padding: 5px 20px; }

.lexikon_item_edit.float .media-item-wrapper {
  position: fixed;
  top: 100px; }

.lexikon_item_edit .row.row-block {
  margin-bottom: 15px; }

.lexikon_item_edit .row.row-block .form-group {
  margin-left: 32px; }

.lexikon_item_edit .tags_local_flag {
  margin-left: 20px;
  font-weight: normal; }

.lexikon_item_edit .lexikon_select_block_flag {
  padding: 2px 12px;
  background-position: left bottom;
  background-repeat: no-repeat; }

.lexikon_item_edit .lexikon_to_icon {
  float: left;
  width: 10px;
  height: 12px;
  display: block;
  background: url("../assets/images/lexikon_arrow_right.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_arrow_right.png*/ no-repeat 0px -12px;
  margin: 38px 17px 0px 5px; }

.lexikon_item_edit .lexikon_plus_icon {
  background: url("../assets/images/lexikon_plus.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_plus.png*/ no-repeat;
  float: left;
  width: 17px;
  height: 17px;
  display: block;
  margin: 35px -25px 0px 8px; }

.lexikon_item_edit .lexikon_id_icon {
  background: url("../assets/images/lexikon_id.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_id.png*/ no-repeat;
  width: 32px;
  height: 32px;
  margin: -5px 5px -5px -5px;
  position: absolute; }

.lexikon_item_edit .lexikon_select_holder {
  position: absolute;
  width: 32px;
  height: 32px; }

.lexikon_item_edit .lexikon_select_holder.lexikon_select_block_flag {
  left: -32px;
  margin-top: 24px; }

.lexikon_item_edit .lexikon_select_holder_icon {
  width: 32px;
  height: 32px;
  position: absolute;
  background: url("../assets/images/lexikon_status.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_status.png*/ no-repeat;
  left: 0;
  margin: -5px 5px -5px -5px; }

.lexikon_item_edit .lexikon_statistic_icon {
  background: url("../assets/images/lexikon_statistic.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_statistic.png*/ no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  margin: -4px 0 4px 0; }

.lexikon_item_edit .lexikon_download_icon {
  background: url("../assets/images/lexikon_download.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_download.png*/ no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  margin: -4px 0 4px 0; }

.lexikon_item_edit .lexikon_preview_icon {
  background: url("../assets/images/lexikon_preview.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_preview.png*/ no-repeat center;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  margin: -5px 0 5px 0; }

.lexikon_item_edit .translationforced {
  margin: -12px 0 7px 47px;
  float: left; }

.lexikon_item_edit .row.row-block.other_lang {
  margin: -5px 0 20px 17px; }

.lexikon-translate-3d {
  /* kompatibilitás régi design-al */ }
  .lexikon-translate-3d .group_slider_button {
    font-size: 13px;
    cursor: pointer; }
  .lexikon-translate-3d .group_slider_button i {
    font-family: "mwicon" !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;
    font-size: 25px;
    color: #b2c4d7; }
    .lexikon-translate-3d .group_slider_button i:after {
      content: ""; }
  .lexikon-translate-3d .group_slider_button.closed i:after {
    content: ""; }
  .lexikon-translate-3d .group_slider_button h3 {
    display: inline-block; }
  .lexikon-translate-3d input, .lexikon-translate-3d textarea {
    border: 0;
    background: transparent; }
  .lexikon-translate-3d input.text_copy_input {
    width: 100%; }
  .lexikon-translate-3d textarea.lang_textarea {
    width: 100%;
    resize: none; }
  .lexikon-translate-3d textarea.lang_input {
    height: 22px; }
  .lexikon-translate-3d .table.translate .tools {
    border-left: none;
    padding: 8px 0;
    white-space: normal;
    min-width: 80px; }
  .lexikon-translate-3d .table.translate .tools .span {
    cursor: pointer; }
  .lexikon-translate-3d .table.translate.lang2 td.s1,
  .lexikon-translate-3d .table.translate.lang2 td.s2,
  .lexikon-translate-3d .table.translate.lang2 td.editor_row {
    width: 45.8%; }
  .lexikon-translate-3d .table.translate.lang3 td.s1,
  .lexikon-translate-3d .table.translate.lang3 td.s2,
  .lexikon-translate-3d .table.translate.lang3 td.editor_row {
    width: 29.5%; }
  .lexikon-translate-3d .tooltip {
    background: auto !important; }
  .lexikon-translate-3d .lexikon_trash {
    background: url("../assets/images/lexikon_trash.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_trash.png*/ no-repeat;
    float: right;
    width: 16px;
    height: 19px;
    display: block;
    white-space: normal;
    margin-top: 3px; }
  .lexikon-translate-3d .lexikon_copy {
    background: url("../assets/images/lexikon_arrow_right.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_arrow_right.png*/ no-repeat 0px -12px;
    float: right;
    width: 10px;
    height: 12px;
    display: block;
    margin-top: 4px;
    margin-right: 5px;
    white-space: normal;
    cursor: pointer; }
  .lexikon-translate-3d .diff_icon {
    cursor: pointer;
    margin-top: 5px;
    margin-right: 5px;
    float: right; }
  .lexikon-translate-3d .lexikon_trans {
    background: url("../assets/images/lexikon_google_trans.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_google_trans.png*/ no-repeat;
    float: right;
    width: 10px;
    height: 12px;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    white-space: normal;
    cursor: pointer; }
  .lexikon-translate-3d .lexikon_trans_all {
    background: url("../assets/images/lexikon_google_trans.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_google_trans.png*/ no-repeat;
    float: right;
    width: 10px;
    height: 12px;
    display: block;
    margin-right: 5px;
    white-space: normal;
    cursor: pointer; }
  .lexikon-translate-3d .lexikon_copy_white {
    background: url("../assets/images/lexikon_arrow_right.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_arrow_right.png*/ no-repeat 0px 0px;
    float: right;
    width: 10px;
    height: 12px;
    display: block;
    margin-right: 5px;
    margin-left: 7px;
    cursor: pointer; }
  .lexikon-translate-3d .lexikon_suggest {
    background: url("../assets/images/lexikon_suggested_word.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_suggested_word.png*/ no-repeat 0px -11px;
    float: right;
    width: 16px;
    height: 11px;
    display: block;
    margin-right: 7px;
    margin-top: 4px;
    white-space: normal;
    cursor: pointer; }
  .lexikon-translate-3d .lexikon_suggest_white {
    background: url("../assets/images/lexikon_suggested_word.png")/*tpa=https://cn.mozaweb.com/assets/images/lexikon_suggested_word.png*/ no-repeat;
    float: right;
    width: 16px;
    height: 11px;
    display: block;
    margin-right: 7px;
    cursor: pointer; }
  .lexikon-translate-3d .tdw_button {
    background: url("../assets/images/tdw.png")/*tpa=https://cn.mozaweb.com/assets/images/tdw.png*/ no-repeat;
    float: right;
    width: 16px;
    height: 16px;
    display: none;
    margin-top: 3px;
    margin-right: 7px;
    cursor: pointer; }
  .lexikon-translate-3d div.cke_editable {
    border: 0; }
  .lexikon-translate-3d .lexikon3dbutton_edit {
    position: absolute;
    cursor: pointer;
    right: 10px; }
  .lexikon-translate-3d .bclass {
    font-size: 0.8em;
    opacity: 0.8;
    margin-top: 2px; }
  .lexikon-translate-3d table.mozatable.translate.forditas {
    position: static; }
    .lexikon-translate-3d table.mozatable.translate.forditas tr td {
      vertical-align: top; }
    .lexikon-translate-3d table.mozatable.translate.forditas .translatable,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline {
      margin: 0 0 16px 0;
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 14px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .s1.infosav > div,
    .lexikon-translate-3d table.mozatable.translate.forditas .s2.infosav > div,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline {
      width: 300px;
      padding: 0 10px 1px 15px; }
    .lexikon-translate-3d table.mozatable.translate.forditas textarea.lang_main_description {
      width: 100%;
      resize: none; }
    .lexikon-translate-3d table.mozatable.translate.forditas .infosav > div p.lex-lep,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline p.lex-kep {
      font-size: 14px;
      font-style: italic; }
    .lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h1,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h1 {
      font-size: 22px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h2,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h2 {
      font-size: 18px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h3,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h3 {
      font-size: 16px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .infosav > div h4,
    .lexikon-translate-3d table.mozatable.translate.forditas .cke_textarea_inline h4 {
      font-size: 14px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .diff_text {
      display: none;
      width: 590px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .row_warning {
      background-color: #edb0b0; }
    .lexikon-translate-3d table.mozatable.translate.forditas ul.lang_edit {
      padding: 10px; }
    .lexikon-translate-3d table.mozatable.translate.forditas .translatable td.editor_row {
      position: relative; }

.lexikon3d-related-keywords .label {
  cursor: pointer; }
  .lexikon3d-related-keywords .label:hover {
    text-decoration: underline; }

.lexikon3d-related-keywords div.blocker {
  position: absolute;
  background: rgba(255, 255, 255, 0.57);
  text-align: center;
  padding-top: 30px;
  z-index: 1; }

.lexikon3d-related-keywords table.translate tr.approved-true {
  background-color: #dff0d8; }

.lexikon3d-related-keywords table.translate tr.approved-false {
  background-color: #f2dede; }

.lexikon3d-related-keywords table.translate tr.custom .actions .fa.fa-times-circle {
  color: #c44e64; }

.lexikon3d-related-keywords table.translate td select {
  max-width: 200px; }

.lexikon3d-related-keywords table.translate td.actions {
  width: 7%;
  text-align: center; }
  .lexikon3d-related-keywords table.translate td.actions a {
    font-size: 1.25em; }

.lexikon3d-related-keywords div.add-custom-relation-row .form-control, .lexikon3d-related-keywords div.add-custom-relation-row .cke_editable {
  width: 177px; }

.lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .form-control:not(:last-child), .lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .cke_editable:not(:last-child) {
  border-right-width: 0; }

.lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .custom-lexikon_id_dst-autocomplete {
  width: 350px; }

.lexikon3d-related-keywords div.add-custom-relation-row .lexikon-dst-block .typeahead.dropdown-menu {
  width: 100%; }

.translate_main_submit .btn-primary, .translate_main_submit .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .translate_main_submit button {
  margin: 0px; }

.job-offer-subtitle {
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 1.3em;
  font-weight: bold;
  font-size: 22px;
  color: #935696; }

.job-offer-title {
  margin-right: 20px; }

/* tdw_button */
#suggestedContainer {
  position: absolute;
  top: 0px;
  left: 20px;
  background-color: #fff;
  padding: 5px;
  margin-top: -5px;
  border: 1px solid #7F9DB9;
  z-index: 9001; }

#suggestedContainer_hover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 8000; }

#suggestedContainer .suggested_item {
  font-size: 13px; }

#ui-datepicker-div {
  z-index: 2400 !important; }

.fileupload-step {
  background: #008ce5;
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  margin-left: -40px;
  margin-right: 10px;
  display: inline-block; }
  @media (max-width: 992px) {
    .fileupload-step {
      margin-left: 0;
      margin-bottom: 10px; } }

.fileInfoBlock span {
  word-wrap: break-word;
  word-break: break-all;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenate-character: "-"; }

.toggle-uploads-filter {
  display: inline-block; }

.event_list {
  width: 49%;
  float: right;
  display: block;
  min-height: 250px;
  max-height: 374px; }
  .event_list .events_header {
    height: 40px;
    background-color: #008ce5;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 20px; }
  .event_list .events-content,
  .event_list .portal-events-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 313px; }
  .event_list .slimScrollBar {
    opacity: 1 !important; }
  .event_list .nav-tabs {
    border: 0;
    background: #dee5f2; }
    .event_list .nav-tabs li {
      width: 50%; }
      .event_list .nav-tabs li.active a {
        background: #008ce5;
        border: 0;
        color: #FFF; }
      .event_list .nav-tabs li a {
        font-weight: bold;
        border: 0;
        text-align: center;
        font-size: 17px;
        margin: 0; }
  .event_list .event-title {
    color: #008ce5; }
  .event_list .event-row {
    padding: 12px 0 12px 10px;
    border-bottom: 1px solid #dee5f2;
    margin-right: 20px;
    position: relative;
    display: block;
    color: #455771;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s; }
    .event_list .event-row:before, .event_list .event-row:after {
      clear: both;
      content: '';
      display: table; }
    .event_list .event-row:first-child {
      padding-top: 12px; }
    .event_list .event-row:last-child {
      border: 0; }
    .event_list .event-row:hover .partner-content {
      background-color: #eff2f7; }
    .event_list .event-row .fa-angle-right {
      position: absolute;
      right: 15px;
      top: 15px;
      font-size: 30px;
      color: #8c97a7;
      opacity: .5; }
    .event_list .event-row .partner-image {
      width: 150px;
      float: left;
      height: 53px;
      position: relative; }
      .event_list .event-row .partner-image img {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        position: absolute;
        left: 0;
        top: 0; }
    .event_list .event-row .partner-content {
      margin-left: 155px;
      padding-left: 15px;
      line-height: 1.26em; }
    .event_list .event-row .event-date {
      float: left;
      width: 50px;
      height: 50px;
      padding: 5px;
      color: #ffffff;
      text-align: center;
      display: block;
      margin-right: 15px; }
      @media (max-width: 991px) {
        .event_list .event-row .event-date {
          margin-bottom: 10px; } }
      .event_list .event-row .event-date .day {
        font-size: 24px;
        line-height: 1em; }
      .event_list .event-row .event-date .month {
        font-size: 13px;
        position: relative;
        top: -5px;
        text-transform: uppercase; }
    .event_list .event-row .event-info {
      display: inline-block;
      padding: 0 28px 0 0;
      position: relative;
      top: -4px;
      line-height: 1.26em; }
      .event_list .event-row .event-info .event-desc {
        color: #455771; }
  .event_list .js-delete {
    font-size: 18px;
    color: #a5a5a5; }
  .event_list .js-publish {
    font-size: 18px; }

.events-more {
  background: rgba(199, 211, 229, 0.5);
  text-align: center;
  display: none;
  margin: 0 -15px -15px;
  padding: 4px 0; }
  .events-more .events-more-open {
    display: block; }
  .events-more .events-more-close {
    display: none; }

.events-content-wrapper {
  padding: 8px 10px 12px 10px;
  border: 2px solid #008ce5; }

.horizontal-head {
  margin-bottom: 20px; }
  .horizontal-head > * {
    display: inline-block;
    margin: 0; }

.events-content-wrapper.open .events-more .events-more-open {
  display: none; }

.events-content-wrapper.open .events-more .events-more-close {
  display: block; }

@media (max-width: 992px) {
  .event_list .events-content-wrapper {
    padding: 15px;
    margin-bottom: 20px; }
  .event_list .nav-tabs li {
    width: 100%; }
  .event_list .events-content,
  .event_list .portal-events-content {
    height: 224px;
    overflow: hidden; }
  .event_list .events-more {
    display: block; } }

.mozaik_event .event_list {
  float: none;
  display: table-row;
  width: 100%;
  background-color: #fff; }
  .mozaik_event .event_list .event-row {
    border: none;
    padding: 12px; }
    .mozaik_event .event_list .event-row:first-child {
      padding-top: inherit; }
  .mozaik_event .event_list.inactive {
    color: #c7d3e5; }
    .mozaik_event .event_list.inactive .event-row {
      color: #c7d3e5; }

.mozaik_event .form-control-option {
  margin-top: 5px; }

@media (max-width: 992px) {
  .event_list {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    max-height: none; } }

.window_panel .window_frame.state_window {
  background-color: #f1f5fb; }
  .window_panel .window_frame.state_window * {
    box-sizing: border-box; }
  .window_panel .window_frame.state_window .tools_state_states a,
  .window_panel .window_frame.state_window .tools_state_states span {
    color: #4F6A9A; }
  .window_panel .window_frame.state_window .tools_state_save label {
    color: #4F6A9A;
    font-size: 13px; }

.window_panel .window_frame.lexikon_diff, .window_panel .window_frame.for_text {
  padding: 5px;
  background-color: #fff; }

@media (min-width: 992px) {
  .event-training-list {
    padding-left: 30px; } }

.event-training-image {
  margin-bottom: 5px; }

.mozamap-detail-page {
  margin-bottom: 30px; }
  .mozamap-detail-page .image-wrapper {
    width: 200px;
    float: left; }
  .mozamap-detail-page .map-detail-content {
    margin-left: 230px; }
    .mozamap-detail-page .map-detail-content .form-inline select.form-control, .mozamap-detail-page .map-detail-content .form-inline select.cke_editable {
      margin-right: 2px; }
  .mozamap-detail-page h2 {
    margin-top: 0; }

@media (max-width: 768px) {
  .mozamap-detail-page {
    text-align: center; }
    .mozamap-detail-page .image-wrapper {
      float: none;
      margin-bottom: 30px;
      display: inline-block; }
    .mozamap-detail-page .map-detail-content {
      margin-left: 0; } }

.map-detail-flags {
  margin: 10px 0;
  width: 100%;
  overflow: hidden; }
  .map-detail-flags .map-detail-flag-block {
    float: left;
    margin-right: 50px; }
    .map-detail-flags .map-detail-flag-block b {
      display: block;
      margin-bottom: 10px; }
    .map-detail-flags .map-detail-flag-block .fa {
      font-size: 20px;
      color: #0dbf6d; }
    .map-detail-flags .map-detail-flag-block img {
      margin-bottom: 10px; }
      .map-detail-flags .map-detail-flag-block img.coming-soon {
        opacity: 0.5; }
    .map-detail-flags .map-detail-flag-block span {
      display: inline-block;
      margin-right: 10px;
      vertical-align: top;
      text-align: center;
      font-size: 13px;
      width: 35px; }

.primary-list-bullet {
  list-style: none; }
  .primary-list-bullet li::before {
    content: "•";
    color: #008ce5;
    display: inline-block;
    height: 25px;
    width: 19px;
    margin-top: 5px;
    margin-left: -19px;
    line-height: 1;
    font-size: 23px;
    vertical-align: sub; }

.map-detail-toc-block h3 {
  line-height: 1.3;
  margin: 25px 0 7px;
  border-bottom: 1px solid transparent; }

.map-detail-toc-block span {
  line-height: 30px;
  display: block;
  border-top: 1px solid #c7d3e5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.map-detail-toc-block h3 + span {
  border: none; }

@media (max-width: 991px) {
  .mainpage_title_boxes.mb40 {
    margin-bottom: 0px; } }

.mainpage_title_boxes .header {
  height: 30px;
  text-transform: uppercase;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 3px;
  margin-bottom: 10px; }

.mainpage_title_boxes .box {
  min-height: 100px;
  background-color: #e9eef5;
  padding: 15px 10px 10px 20px;
  color: #455771;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }
  @media (max-width: 991px) {
    .mainpage_title_boxes .box {
      margin-bottom: 10px; } }
  .mainpage_title_boxes .box:hover {
    background-color: #dee6f0; }
  .mainpage_title_boxes .box i {
    float: left; }
  .mainpage_title_boxes .box .promo-text {
    padding-left: 45px;
    text-align: left; }
    .mainpage_title_boxes .box .promo-text.mozabook-page-box {
      height: 152px; }
  .mainpage_title_boxes .box .promo-text-wrapper {
    height: 65px;
    display: block;
    /*rtl:raw:
                font-size: 14px;
             */ }
    @media (min-width: 992px) and (max-width: 1199px) {
      .mainpage_title_boxes .box .promo-text-wrapper {
        height: 85px; } }
    @media (max-width: 520px) {
      .mainpage_title_boxes .box .promo-text-wrapper {
        height: 45px; } }
    .mainpage_title_boxes .box .promo-text-wrapper span {
      height: 82px;
      font-weight: normal; }
  .mainpage_title_boxes .box h1 {
    font-family: NeoSansPro-Regular, sans-serif;
    font-size: 24px;
    margin-bottom: 0px; }
    @media (max-width: 1199px) {
      .mainpage_title_boxes .box h1 {
        font-size: 21px; } }
    .mainpage_title_boxes .box h1 span {
      font-size: 18px; }
      @media (max-width: 1199px) {
        .mainpage_title_boxes .box h1 span {
          font-size: 15px; } }

.mainpage_title_boxes .teachers .header {
  background-color: #008ce5; }

.mainpage_title_boxes .teachers i {
  color: #008ce5; }

.mainpage_title_boxes .teachers.col-md-6 {
  padding-right: 5px; }

.mainpage_title_boxes .teachers .col-md-6 {
  padding-left: 5px;
  padding-right: 5px; }

.mainpage_title_boxes .teachers .row {
  margin-left: -5px;
  margin-right: -5px; }

@media (max-width: 991px) {
  .mainpage_title_boxes .teachers.col-md-6 {
    padding-right: 15px; } }

@media (max-width: 519px) {
  .mainpage_title_boxes .teachers .col-xs-6 {
    width: 100%; } }

.mainpage_title_boxes .students .header {
  background-color: #f47711; }

.mainpage_title_boxes .students i {
  color: #f47711; }

.mainpage_title_boxes .students.col-md-6 {
  padding-left: 5px; }

.mainpage_title_boxes .students .col-md-6 {
  padding-left: 5px;
  padding-right: 5px; }

.mainpage_title_boxes .students .row {
  margin-left: -5px;
  margin-right: -5px; }

@media (max-width: 991px) {
  .mainpage_title_boxes .students.col-md-6 {
    padding-left: 15px; } }

@media (max-width: 519px) {
  .mainpage_title_boxes .students .col-xs-6 {
    width: 100%; } }

.platform_info .tooltip-inner {
  max-width: 280px;
  width: 280px; }

.licence_booklist {
  margin: 20px 0; }
  .licence_booklist > div > a > i {
    font-size: 20px;
    top: 1px; }

.licence-resource-list .resources {
  display: none; }

.licence-book-type-text span {
  font-weight: bold;
  color: #048ae9; }

.licence_list_page .tooltip.in {
  opacity: 1; }

.mblite #back-to-top {
  display: none !important; }

#back-to-top {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
  display: none;
  font-size: 28px;
  line-height: 40px;
  position: fixed;
  display: block;
  right: 20px;
  bottom: 25px;
  z-index: 2001;
  width: 50px;
  height: 50px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  padding: 0;
  margin: 0; }
  #back-to-top:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }

.licence-helper-separator {
  background-color: #cfe0ed;
  height: 1px;
  width: 100%;
  display: block; }

.licence-helper-block-title {
  font-size: 24px;
  color: #008ce5; }

.licence-helper-main-title,
.licence-list-sub-title {
  font-size: 15px;
  color: #008ce5; }
  .licence-helper-main-title b,
  .licence-list-sub-title b {
    font-size: 24px; }
    @media (max-width: 767px) {
      .licence-helper-main-title b,
      .licence-list-sub-title b {
        font-size: 20px; } }

.table > thead > tr > th.licence-helper-section-packs__popular {
  background-color: #04ce71;
  height: 60px; }
  .table > thead > tr > th.licence-helper-section-packs__popular h3 {
    color: #000;
    font-size: 20px;
    margin-left: 10px; }

.table > thead > tr > th.licence-helper-section-packs__header {
  padding: 12px 0px 0px 0px;
  height: 75px;
  border: 0; }
  .table > thead > tr > th.licence-helper-section-packs__header p {
    margin-left: 95px;
    font-size: 16px;
    position: relative;
    z-index: 2;
    color: #000; }
  .table > thead > tr > th.licence-helper-section-packs__header h3 {
    margin-left: 95px;
    position: relative;
    z-index: 2;
    color: #000; }
  .table > thead > tr > th.licence-helper-section-packs__header .licence-badge {
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }

.section-packs.membership-highlighted .licence-helper-section-packs .table.highlight {
  margin-top: 28px; }

.licence-helper-section-packs .most-popular {
  background: url("../assets/images/licence_help/popular@1x.png")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/popular@1x.png*/;
  min-width: 170px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: left;
  margin-top: -2px; }
  .licence-helper-section-packs .most-popular span {
    margin-top: 5px;
    margin-right: 20px;
    font-weight: bold;
    font-style: italic;
    padding-left: 25px;
    color: #fff; }

.licence-helper-section-packs .table.highlight .licence--silver {
  background: url("../assets/images/licence_help/silver_bg@1x.jpg")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/silver_bg@1x.jpg*/;
  background-size: 100% 100%;
  border: none; }

.licence-helper-section-packs .table.highlight .licence--gold {
  background: url("../assets/images/licence_help/gold_bg@1x.jpg")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/gold_bg@1x.jpg*/;
  background-size: 100% 100%;
  border: none; }

.licence-helper-section-packs .table.highlight .licence--diamond {
  background: url("../assets/images/licence_help/diamond_bg@1x.jpg")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/diamond_bg@1x.jpg*/;
  background-size: 100% 100%;
  border: none; }

.licence-helper-section-packs .table.highlight .active-status {
  display: none; }

.licence-helper-section-packs .table.highlight--popular {
  margin-top: 0; }

.licence-helper-section-packs .table.highlight--active {
  border: 2px solid #e11b50; }
  @media (max-width: 991px) {
    .licence-helper-section-packs .table.highlight--active {
      margin-top: 55px; } }
  .licence-helper-section-packs .table.highlight--active .active-status {
    display: block;
    position: absolute;
    top: -30px;
    right: -1px;
    min-width: 145px;
    height: 30px;
    background-color: #e11b50;
    text-align: right;
    padding-right: 15px;
    padding-left: 30px;
    line-height: 30px;
    font-style: italic; }
    .licence-helper-section-packs .table.highlight--active .active-status:before {
      content: '';
      position: absolute;
      left: -15px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 30px 15px;
      border-color: transparent transparent #e11b50 transparent; }

.table > tbody > tr > td.licence-helper-section-packs__body {
  min-height: 380px;
  padding: 20px 20px 0px 20px;
  display: block; }
  @media (max-width: 991px) {
    .table > tbody > tr > td.licence-helper-section-packs__body {
      min-height: auto; }
      .table > tbody > tr > td.licence-helper-section-packs__body .licence-helper-main-title {
        text-align: left; } }
  @media (max-width: 991px) {
    .table > tbody > tr > td.licence-helper-section-packs__body .licence-helper-sub-list {
      text-align: left; } }
  .table > tbody > tr > td.licence-helper-section-packs__body .licence-helper-sub-list li {
    margin-bottom: 6px; }

.table > tbody > tr > td.licence-helper-section-packs__footer {
  min-height: 100px;
  border-top: 0px;
  display: block;
  padding: 0px 30px 40px 30px; }
  .table > tbody > tr > td.licence-helper-section-packs__footer select {
    min-width: 87px; }
  .table > tbody > tr > td.licence-helper-section-packs__footer .form-group {
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .table > tbody > tr > td.licence-helper-section-packs__footer .form-group {
        margin-bottom: 0;
        vertical-align: top;
        display: inline-block; }
        .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-facebook, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-round, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-default, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-sausage, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-success, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-yellow, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .btn-white, .table > tbody > tr > td.licence-helper-section-packs__footer .form-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .table > tbody > tr > td.licence-helper-section-packs__footer .form-group button {
          margin-bottom: 0; } }

@media (max-width: 767px) {
  .licence-helper-school-bottom img {
    width: 150px;
    float: left; }
  .licence-helper-school-bottom .promo-title {
    text-align: left;
    margin-left: 165px; }
  .licence-helper-school-bottom .promo-desc {
    text-align: left;
    margin-left: 165px; } }

.licence-helper-img-container img {
  width: 230px; }
  .licence-helper-img-container img.bigger-img {
    width: 264px; }

@media (max-width: 1199px) {
  .licence-helper-img-container img {
    width: 86%; } }

@media (max-width: 991px) {
  .licence-helper-img-container {
    text-align: left; } }

@media (max-width: 767px) {
  .container--licence-helper .mb45 {
    margin-bottom: 0px; }
    .container--licence-helper .mb45--visible {
      margin-bottom: 20px; }
  .container--licence-helper .visible-xs-table {
    display: table; }
    .container--licence-helper .visible-xs-table .licence-helper-img-container,
    .container--licence-helper .visible-xs-table .licence-helper-block-title.visible-xs-block {
      display: inline-block !important;
      vertical-align: middle;
      float: none; } }

.licence-helper__promo-list img {
  width: 50px;
  margin-right: 20px;
  position: absolute;
  left: 15px; }

.licence-helper__promo-list span {
  float: left;
  margin-left: 70px; }

.section--licence-helper.section.gray {
  background-color: #9baeca; }

.section--licence-helper .licence-helper-section-packs .btn-primary, .section--licence-helper .licence-helper-section-packs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section--licence-helper .licence-helper-section-packs button {
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 0px; }

.licence-helper-sub-title {
  font-size: 24px;
  color: #455772;
  margin-bottom: 15px; }
  .licence-helper-sub-title.mb0 {
    margin-bottom: 0; }

.licence-helper-sub-desc {
  color: #455772;
  font-size: 15px;
  padding: 15px; }

.licence-helper-sub-list {
  list-style: none;
  padding: 0; }
  .licence-helper-sub-list li {
    font-size: 15px;
    vertical-align: middle;
    padding: 0px 0px 0px 15px;
    margin: 0px;
    position: relative; }
  .licence-helper-sub-list li:before {
    content: "";
    position: absolute;
    background-color: #008ce5;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 0px;
    border-radius: 50%; }

.licence-list-box .licence-helper-sub-list li:before {
  top: 10px; }

.licence-helper-big-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .licence-helper-big-list li {
    font-size: 15px;
    vertical-align: middle;
    padding: 5px 0px 5px 25px;
    margin: 0px;
    position: relative; }
  .licence-helper-big-list li:before {
    content: "\f058";
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    background-color: transparent;
    font-size: 18px;
    top: 5px;
    left: 0px; }
  .licence-helper-big-list li.ok:before {
    color: #008ce5; }
  .licence-helper-big-list li.plus:before {
    color: #f47711; }
  .licence-helper-big-list li.lighter:before {
    color: #40cffe; }

.licence-helper-table {
  width: 100%; }
  .licence-helper-table thead tr th {
    font-size: 20px;
    font-weight: normal; }
  .licence-helper-table tbody .licence-helper-header-row {
    border: 1px solid #ffffff;
    font-size: 15px;
    color: #ffffff; }
    .licence-helper-table tbody .licence-helper-header-row td {
      border-right: 1px solid #ffffff; }
  .licence-helper-table tbody .licence-helper-table-title {
    padding: 15px 5px; }
  .licence-helper-table tbody .licence-helper-table-sub-title {
    padding: 5px 0; }
  .licence-helper-table tbody .licence-helper-table-mobile-icon {
    font-size: 21px;
    vertical-align: bottom; }
  .licence-helper-table tbody .licence-helper-header-primary {
    background-color: #008ce5; }
  .licence-helper-table tbody .licence-helper-header-orange {
    background-color: #f47711; }
  .licence-helper-table tbody .licence-helper-header-lighter {
    background-color: #52b4f2; }
  .licence-helper-table tbody .licence-helper-header-spacer {
    background-color: #cae2f1; }
  .licence-helper-table tbody .licence-helper-transparent-header {
    font-size: 15px; }
    .licence-helper-table tbody .licence-helper-transparent-header td {
      padding: 18px 15px 6px; }
  .licence-helper-table tbody .licence-helper-compare-row td {
    border: 1px solid #c7d2e4;
    padding: 12px 15px; }
    .licence-helper-table tbody .licence-helper-compare-row td .fa-check {
      color: #00ab9e;
      font-size: 17px; }
  .licence-helper-table tbody .licence-helper-compare-row .price-desc-highlight b {
    font-size: 17px; }
  .licence-helper-table tbody .licence-helper-compare-row .price-highlight div b {
    color: #e38900;
    font-size: 18px; }
    .licence-helper-table tbody .licence-helper-compare-row .price-highlight div b .currency {
      font-size: 16px; }
  .licence-helper-table tbody .licence-helper-compare-row .price-highlight div span {
    color: #e38900; }
  .licence-helper-table tbody .licence-helper-compare-row .licence-helper-compare-cell--restricted {
    padding-left: 5px;
    padding-right: 5px; }
  .licence-helper-table tbody .licence-helper-recommend-row td {
    border: 1px solid #c7d2e4;
    padding: 12px 10px; }
  .licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend {
    font-size: 15px; }
  .licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend-primary {
    color: #008ce5;
    background-color: #f3fafe;
    font-weight: bold;
    font-size: 15px; }
  .licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend-orange {
    color: #f47711;
    background-color: #fef5ee;
    font-weight: bold;
    font-size: 15px; }
  .licence-helper-table tbody .licence-helper-recommend-row .licence-helper-recommend-lighter {
    color: #52b4f2;
    background-color: #f3fafe;
    font-weight: bold;
    font-size: 15px; }
  .licence-helper-table.institute-discount tbody .licence-helper-compare-row td:nth-child(2), .licence-helper-table.institute-discount tbody .licence-helper-compare-row td:nth-child(5) {
    background-color: #f3fafe; }
  .licence-helper-table.institute-discount tbody .licence-helper-compare-row td:nth-child(3), .licence-helper-table.institute-discount tbody .licence-helper-compare-row td:nth-child(4) {
    background-color: #fef5ee; }
  .licence-helper-table.institute-discount tbody .licence-helper-compare-row td[colspan='2'] + td {
    background-color: #f3fafe; }
  .licence-helper-table.student-discount tbody .licence-helper-compare-row td:nth-child(2), .licence-helper-table.student-discount tbody .licence-helper-compare-row td:nth-child(3) {
    background-color: #fef5ee; }
  .licence-helper-table.student-discount tbody .licence-helper-compare-row td:nth-child(4) {
    background-color: #f3fafe; }
  .licence-helper-table.student-discount tbody .licence-helper-compare-row td[colspan='2'] + td {
    background-color: #f3fafe; }
  .licence-helper-table.mozaweb-discount tbody .licence-helper-compare-row td:not(:nth-child(1)) {
    background-color: #fef5ee; }
  .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(2), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(3), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(4), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(5) {
    background-color: #fef5ee; }
    .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(2).licence-helper-recommend-primary, .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(3).licence-helper-recommend-primary, .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(4).licence-helper-recommend-primary, .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(5).licence-helper-recommend-primary {
      background-color: #f3fafe; }
  .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(6), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(7), .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td:nth-child(8) {
    background-color: #f3fafe; }
  .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td[colspan='2'] + td[colspan='2'] {
    background-color: #fef5ee; }
  .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td[colspan='2'] + td[colspan='2'] ~ td {
    background-color: #f3fafe; }
  .licence-helper-table.mozabook-discount tbody .licence-helper-compare-row td.price-highlight div p {
    color: #e38900; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

/*
 * Licence List oldal
 */
.licence-main-list *[class^="col-"] img {
  margin-bottom: 10px; }

.licence-main-list__title {
  color: #008ce5;
  font-weight: bold; }

.licence-main-list__subtitle {
  color: #455771; }

.licence-list-anchor {
  display: block;
  position: relative;
  top: -130px;
  visibility: hidden; }

.licence-table-swipe-hint {
  height: 50px;
  width: 40px;
  right: 50px;
  top: 50%;
  -webkit-animation: shake 2s ease infinite;
  animation: shake 2s ease infinite;
  position: fixed;
  color: #cae2f1;
  margin-top: -25px;
  display: none; }
  .licence-table-swipe-hint .fa {
    font-size: 64px; }

@-webkit-keyframes shake {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  40% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0; } }

@keyframes shake {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  40% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0; } }

.licence-helper-log-promo .log-promo-img img {
  max-width: 520px;
  width: 100%; }

.licence-helper-log-promo .text-block {
  padding-top: 60px; }
  @media (max-width: 1199px) {
    .licence-helper-log-promo .text-block {
      padding-top: 15px; } }
  @media (max-width: 991px) {
    .licence-helper-log-promo .text-block {
      margin-bottom: 50px; } }

.licence-helper-mozabook .licence-helper-main-title b {
  font-size: 35px;
  line-height: 1; }

.licence-helper-mozabook .licence-helper-subtitle b {
  font-size: 18px; }

.licence-helper-mozabook .licence-helper-mozabook-video {
  position: relative;
  width: 555px;
  height: 355px;
  margin: auto;
  background: url("../assets/images/licence_help/video_placeholder.jpg")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/video_placeholder.jpg*/ no-repeat; }
  .licence-helper-mozabook .licence-helper-mozabook-video div[id*='promo-video'] {
    width: 555px;
    height: 355px;
    position: absolute; }
  @media (min-width: 520px) and (max-width: 767px) {
    .licence-helper-mozabook .licence-helper-mozabook-video {
      width: 473px;
      height: 331px; }
      .licence-helper-mozabook .licence-helper-mozabook-video div[id*='promo-video'] {
        width: 473px;
        height: 331px; }
        .licence-helper-mozabook .licence-helper-mozabook-video div[id*='promo-video'] div[id*='object-video'] {
          width: 473px;
          height: 331px; } }
  @media (max-width: 519px) {
    .licence-helper-mozabook .licence-helper-mozabook-video {
      width: 273px;
      height: 217px; }
      .licence-helper-mozabook .licence-helper-mozabook-video div[id*='promo-video'] {
        width: 273px;
        height: 217px; }
        .licence-helper-mozabook .licence-helper-mozabook-video div[id*='promo-video'] div[id*='object-video'] {
          width: 273px;
          height: 217px; } }

.licence-helper-mozabook .licence-helper-sub-list li {
  margin-bottom: 5px; }

.licence-helper-mozabook .video-thumbnail {
  cursor: pointer;
  position: relative; }

@media (max-width: 519px) {
  .licence-helper-mozabook .licence-helper-mozabook-promo {
    width: 100%; } }

.licence-list-table .licence-helper-table-sub-title span {
  vertical-align: middle; }

.licence-list-table .licence-helper-table-sub-title .fa {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle; }
  @media (max-width: 767px) {
    .licence-list-table .licence-helper-table-sub-title .fa {
      margin-right: 0; } }
  .licence-list-table .licence-helper-table-sub-title .fa.fa-edge {
    font-size: 14px; }
  .licence-list-table .licence-helper-table-sub-title .fa.fa-windows {
    font-size: 13px; }

.licence-list-table .licence-helper-table {
  width: 1140px;
  table-layout: fixed;
  font-size: 13px; }
  @media (max-width: 1199px) {
    .licence-list-table .licence-helper-table--student {
      width: auto; } }
  .licence-list-table .licence-helper-table--student .licence-helper-header-spacer {
    width: 450px; }
  @media (max-width: 1199px) {
    .licence-list-table .licence-helper-table--teacher {
      width: auto; } }
  .licence-list-table .licence-helper-table--teacher .licence-helper-header-spacer {
    width: 450px; }

@media (max-width: 767px) {
  .licence-list-table--student .licence-helper-header-spacer {
    width: 250px; } }

.licence-list-warning :first-child {
  color: #ec165a; }

.licence-list-warning a {
  font-weight: bold; }

.licence-list-sub-title a {
  font-size: 15px;
  color: #008ce5;
  padding-top: 15px;
  font-weight: bold; }

.licence-list-notice {
  font-size: 13px; }
  .licence-list-notice .btn-primary.large-btn, .licence-list-notice .ui-dialog .ui-dialog-buttonpane button.large-btn, .ui-dialog .ui-dialog-buttonpane .licence-list-notice button.large-btn {
    height: 60px;
    line-height: 45px; }

.licence-list-box h3 {
  font-size: 24px; }
  @media (max-width: 599px) {
    .licence-list-box h3 {
      font-size: 17px; } }

.licence-list-box .software-description.wide {
  width: 42%; }
  @media (min-width: 1200px) {
    .licence-list-box .software-description.wide {
      margin-bottom: 20px; } }
  @media (max-width: 1199px) {
    .licence-list-box .software-description.wide {
      display: inline-block;
      width: 70%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .licence-list-box .software-description.wide {
      padding-top: 20px; } }
  @media (max-width: 767px) {
    .licence-list-box .software-description.wide {
      width: 100%; } }

.licence-list-box--package .licence-list-box__package-icon {
  position: absolute;
  top: 5px; }

.licence-list-box--package .wbox-title__text {
  margin-left: 45px; }

.licence-list-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 180px; }

.licence-list-box .bootstrap-select.btn-group .dropdown-toggle {
  padding-left: 10px; }
  .licence-list-box .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: auto; }
    .licence-list-box .bootstrap-select.btn-group .dropdown-toggle .filter-option span {
      position: relative;
      top: 2px; }

.licence-list-box .bootstrap-select.form-control:not([class*=col-]), .licence-list-box .bootstrap-select.cke_editable:not([class*=col-]) {
  width: 170px; }

.licence-list-box .bootstrap-select button {
  background: none; }

.licence-list-box .iradio_square-blue.disabled {
  cursor: pointer; }

@media (max-width: 991px) {
  .licence-list-box .light-primary .software-price-block {
    width: 100%; } }

.licence-list-box .wbox.highlight .wbox-title {
  padding-right: 5px; }

.licence-list-box .wbox-title__text {
  text-transform: uppercase; }
  @media (max-width: 991px) {
    .licence-list-box .wbox-title__text {
      font-size: 17px;
      display: block;
      line-height: 125%; } }

.licence-list-box .wbox-content {
  position: relative; }

.licence-list-box__package-icon {
  width: 30px;
  position: relative;
  top: -3px;
  margin-right: 10px; }

.licence-list-box__ribbon {
  width: 110px;
  position: absolute;
  top: 2px;
  right: 0; }
  .licence-list-box__ribbon span {
    position: absolute;
    left: 52px;
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    top: 6px; }
    .licence-list-box__ribbon span strong {
      font-size: 32px; }
  @media (max-width: 991px) {
    .licence-list-box__ribbon {
      width: 70px; }
      .licence-list-box__ribbon span {
        left: 33px;
        font-size: 14px;
        top: 6px; }
        .licence-list-box__ribbon span strong {
          font-size: 18px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .licence-list-box__ribbon {
      width: 80px; }
      .licence-list-box__ribbon span {
        left: 40px;
        font-size: 16px;
        top: 6px; }
        .licence-list-box__ribbon span strong {
          font-size: 20px; } }
  @media (max-width: 519px) {
    .licence-list-box__ribbon {
      width: 55px; }
      .licence-list-box__ribbon span {
        left: 24px;
        font-size: 12px;
        top: 2px; } }

.licence-list-box__function {
  font-size: 15px;
  line-height: 28px;
  font-weight: bold;
  float: right; }
  @media (max-width: 991px) {
    .licence-list-box__function {
      float: none; } }
  .licence-list-box__function a {
    color: #fff; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .licence-list-box__function a span {
        display: none; } }

.licence-list-box .licence-helper-sub-list li {
  line-height: 170%; }

.licence-list-box .licence-helper-sub-list.mb10 {
  margin-bottom: 10px; }

.licence-list-box .software-price-block .quantity-input {
  padding-right: 8px;
  padding-left: 8px;
  width: 45px !important; }

.licence-list-box .software-price-block select.form-control, .licence-list-box .software-price-block select.cke_editable {
  height: 35px;
  max-width: 115px; }

@media (max-width: 1199px) {
  .licence-list-box .software-price-block .lang_select {
    padding-left: 0px;
    margin-top: 30px; } }

@media (min-width: 1201px) {
  .licence-list-box .software-price-block .lang_select {
    position: absolute;
    top: 35px; } }

@media (min-width: 768px) and (max-width: 1200px) {
  .licence-list-box .software-price-block .lang_select {
    float: left;
    position: relative;
    z-index: 100; }
  .licence-list-box .software-price-block__multilang {
    float: left;
    clear: left; }
  .licence-list-box .software-price-block .price {
    margin-top: 0; } }

@media (max-width: 991px) {
  .licence-list-box .software-price-block .form-group {
    display: inline-block;
    vertical-align: top; }
    .licence-list-box .software-price-block .form-group .input-group {
      width: 87px; } }

@media (max-width: 519px) {
  .licence-list-box .software-price-block .form-group {
    margin-bottom: 10px; }
    .licence-list-box .software-price-block .form-group.software-price-cart-button {
      display: block;
      margin-bottom: 0; } }

.licence-list-box .software-price-block__multilang {
  text-align: left;
  padding-left: 0;
  cursor: pointer; }
  .licence-list-box .software-price-block__multilang span {
    position: relative;
    top: 1px; }
  @media (max-width: 1199px) {
    .licence-list-box .software-price-block__multilang {
      padding-left: 0px; } }
  @media (min-width: 1201px) {
    .licence-list-box .software-price-block__multilang {
      position: absolute;
      top: 90px; } }

@media (max-width: 991px) {
  .licence-list-box .software-price-block .ml10 {
    margin-left: 0px; } }

.licence-list-box .software-price-block .iradio_square-blue {
  margin-right: 10px; }

.licence-list-box .software-block .software-image {
  max-width: 290px; }
  @media (min-width: 1200px) {
    .licence-list-box .software-block .software-image {
      width: 24%;
      padding-right: 30px; } }
  .licence-list-box .software-block .software-image img {
    max-width: 100%; }
    @media (min-width: 1201px) {
      .licence-list-box .software-block .software-image img.smaller-img {
        max-width: 215px; } }
  @media (max-width: 1199px) {
    .licence-list-box .software-block .software-image {
      display: inline-block;
      width: 28%; } }
  @media (max-width: 1199px) and (max-width: 1199px) {
    .licence-list-box .software-block .software-image img.smaller-img {
      max-width: 180px; } }
  @media (max-width: 991px) {
    .licence-list-box .software-block .software-image {
      width: 29%;
      text-align: left;
      padding-right: 30px;
      display: inline-block !important;
      vertical-align: middle;
      float: none; }
      .licence-list-box .software-block .software-image img.smaller-img {
        max-width: 86%; } }
  @media (max-width: 519px) {
    .licence-list-box .software-block .software-image {
      width: 30%;
      padding-right: 15px; } }

.licence-list-box .software-block .software-title {
  font-weight: bold; }
  @media (max-width: 991px) {
    .licence-list-box .software-block .software-title {
      display: inline-block !important;
      vertical-align: middle;
      float: none;
      width: 63%; } }
  @media (max-width: 519px) {
    .licence-list-box .software-block .software-title {
      width: 67%; } }

.licence-list-box .software-block .js-licence-lang .dropdown-menu > li > a {
  padding: 3px 10px; }

@media (min-width: 1200px) {
  .licence-list-box .software-block .lang-variant-holder {
    position: absolute;
    bottom: 30px;
    right: 30px; }
  .licence-list-box .software-block .software-price-block {
    padding-left: 30px; } }

@media (max-width: 767px) {
  .licence-helper-big-btn-wrapper {
    position: relative;
    height: 50px; }
    .licence-helper-big-btn-wrapper .licence-helper-big-btn {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
    .licence-helper-big-btn-wrapper--big {
      height: 160px;
      position: relative; }
      .licence-helper-big-btn-wrapper--big .licence-helper-btn-plus {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 44px;
        text-align: center; }
      .licence-helper-big-btn-wrapper--big .licence-helper-big-btn {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto; }
        .licence-helper-big-btn-wrapper--big .licence-helper-big-btn:last-child {
          bottom: 0; }
  .text-center-xs {
    text-align: center !important; }
  .side-padding-xs {
    padding-left: 15px;
    padding-right: 15px; } }

.licence-more-icons .fa {
  font-size: 20px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 6px; }

.licence-helper-big-btn {
  width: 190px;
  height: 60px;
  border: 2px solid #008ce5;
  background-color: #008ce5;
  border-radius: 7px;
  display: inline-block;
  transition: all .2s ease-in-out;
  color: #fff; }
  @media (max-width: 519px) {
    .licence-helper-big-btn {
      width: 140px;
      height: 50px; } }
  .licence-helper-big-btn.licence-helper-windows .licence-helper-icon {
    background-image: url("../assets/images/licence_help/windows.png")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/windows.png*/;
    background-position-x: 10px;
    background-size: 55%; }
  .licence-helper-big-btn.licence-helper-web .licence-helper-icon {
    background-image: url("../assets/images/licence_help/web.png")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/web.png*/;
    background-position-x: 11px;
    background-size: 55%; }
  .licence-helper-big-btn.licence-helper-tablet-explorer .licence-helper-icon {
    background-image: url("../assets/images/licence_help/tablet_explorer.png")/*tpa=https://cn.mozaweb.com/assets/images/licence_help/tablet_explorer.png*/;
    background-position-x: 11px;
    background-size: 55%; }
  .licence-helper-big-btn .licence-helper-title {
    display: inline-block;
    padding: 7px 8px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #fff;
    width: 132px;
    border-bottom-right-radius: 7px; }
    @media (max-width: 519px) {
      .licence-helper-big-btn .licence-helper-title {
        padding: 5px 6px;
        font-size: 10px;
        width: 85px; } }
  .licence-helper-big-btn:hover {
    background-color: #0275bd;
    border-color: #0275bd;
    color: #fff; }
    .licence-helper-big-btn:hover .licence-helper-icon {
      background-size: 65%;
      background-position-x: 8px; }
  .licence-helper-big-btn.licence-helper-orange {
    border-color: #f47711;
    background-color: #f47711; }
    .licence-helper-big-btn.licence-helper-orange:hover {
      background-color: #D9640E;
      border-color: #D9640E; }
  .licence-helper-big-btn.licence-helper-light {
    border-color: #52b4f2;
    background-color: #52b4f2; }
    .licence-helper-big-btn.licence-helper-light:hover {
      background-color: #4BA1DA;
      border-color: #4BA1DA; }
  .licence-helper-big-btn .licence-helper-icon {
    background-repeat: no-repeat;
    background-position-y: center;
    display: inline-block;
    width: 50px;
    height: 56px;
    background-color: #fff;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all .1s linear; }
    @media (max-width: 519px) {
      .licence-helper-big-btn .licence-helper-icon {
        height: 46px; } }

.licence-helper-btn-plus {
  display: inline-block;
  font-size: 31px;
  color: #b2bccb;
  padding: 0 15px;
  vertical-align: 6px; }
  @media (max-width: 519px) {
    .licence-helper-btn-plus {
      vertical-align: -4px;
      padding: 0 8px; } }

@media (min-width: 768px) {
  .licence-helper-download-btn-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; } }

@media (max-width: 767px) {
  .licence-helper-download-btn-wrapper .licence-helper-download-btn {
    margin-bottom: 20px; } }

.licence-helper-download-btn-wrapper .licence-helper-download-btn {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex; }
  .licence-helper-download-btn-wrapper .licence-helper-download-btn .licence-helper-download-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }

.licence-helper-download-btn {
  border-radius: 9px;
  background-color: #008ce5;
  color: #ffffff; }
  .licence-helper-download-btn.licence-helper-download-green {
    background-color: #0dbf6d; }
  .licence-helper-download-btn.licence-helper-download-black {
    background-color: #5d5d5d; }
  .licence-helper-download-btn .licence-helper-download-text {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    width: 75%;
    float: left;
    padding: 15px 10px; }
  .licence-helper-download-btn .licence-helper-download-icon {
    display: block;
    text-align: right;
    width: 25%;
    float: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .licence-helper-download-btn .licence-helper-download-icon .fa {
      font-size: 32px;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      float: right; }
      .licence-helper-download-btn .licence-helper-download-icon .fa.fa-windows {
        font-size: 35px; }
      .licence-helper-download-btn .licence-helper-download-icon .fa.fa-android, .licence-helper-download-btn .licence-helper-download-icon .fa.fa-apple {
        font-size: 37px; }
    .licence-helper-download-btn .licence-helper-download-icon img {
      margin-top: 15px; }

.btn-group--gray .btn.btn-default, .btn-group--gray .btn-default.btn-facebook, .btn-group--gray .btn-default.btn-round, .btn-group--gray .btn-default, .btn-group--gray .btn-default.btn-sausage, .btn-group--gray .btn-default.btn-success, .btn-group--gray .btn-default.btn-yellow, .btn-group--gray .btn-default.btn-white, .btn-group--gray .ui-dialog .ui-dialog-buttonpane button.btn-default, .ui-dialog .ui-dialog-buttonpane .btn-group--gray button.btn-default {
  color: #455771;
  font-weight: bold; }

/* edge rátesz egy x-et az input végére; ez globálisan már le van szedve, mégse volt neki elég */
.book_code_select::-ms-clear {
  display: none; }

.row.tool-filters {
  margin-left: -5px;
  margin-right: -5px; }
  .row.tool-filters > div {
    padding: 0 5px; }
  .row.tool-filters .item-count {
    line-height: 2.5em; }

body.overflow_y_inherit {
  overflow-y: inherit; }

.btn-join-inst {
  margin-left: 0;
  margin-top: 4px; }

#licence-help {
  display: none;
  text-align: left; }

#licence-help img {
  margin-top: 30px; }

/** User profile oldal */
.user-profile .group-extra-div {
  position: relative; }

.user-profile .admin-block {
  margin-bottom: 40px; }

.user-profile .savebutton {
  margin-top: 7px;
  margin-bottom: 10px; }

.user-profile .licence-edit-form-field .savebutton {
  margin-top: 0px;
  margin-bottom: 0px; }

.user-profile .cancelbutton {
  margin-left: 10px;
  margin-top: 7px;
  margin-bottom: 10px; }

.typeahead.dropdown-menu {
  max-height: 272px;
  overflow: auto; }

li.active .typeahead span {
  color: white !important; }

.overflow-hidden {
  overflow: hidden; }

.licence-lineheight {
  line-height: 1.6; }

.bootstrap-select .btn, .bootstrap-select .btn-facebook, .bootstrap-select .btn-round, .bootstrap-select .btn-default, .bootstrap-select .btn-sausage, .bootstrap-select .btn-success, .bootstrap-select .btn-yellow, .bootstrap-select .btn-white, .bootstrap-select .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .bootstrap-select button {
  padding-left: 10px;
  padding-right: 15px; }

.fixed-font {
  font-family: Andale Mono, monospace; }

@media (min-width: 992px) {
  .reg-log-in {
    width: 80%;
    margin: auto; } }

.reg-log-in .reg-log-in-title {
  margin: 60px 0 40px; }

.reg-log-in .btn-social {
  text-overflow: inherit; }

.social-login .btn.btn-social, .social-login .btn-social.btn-facebook, .social-login .btn-social.btn-round, .social-login .btn-social.btn-default, .social-login .btn-social.btn-sausage, .social-login .btn-social.btn-success, .social-login .btn-social.btn-yellow, .social-login .btn-social.btn-white, .social-login .ui-dialog .ui-dialog-buttonpane button.btn-social, .ui-dialog .ui-dialog-buttonpane .social-login button.btn-social {
  font-weight: bold !important;
  color: #ffffff !important;
  text-align: center;
  padding-left: 35px;
  padding-right: 35px; }
  .social-login .btn.btn-social .fa, .social-login .btn-social.btn-facebook .fa, .social-login .btn-social.btn-round .fa, .social-login .btn-social.btn-default .fa, .social-login .btn-social.btn-sausage .fa, .social-login .btn-social.btn-success .fa, .social-login .btn-social.btn-yellow .fa, .social-login .btn-social.btn-white .fa, .social-login .ui-dialog .ui-dialog-buttonpane button.btn-social .fa, .ui-dialog .ui-dialog-buttonpane .social-login button.btn-social .fa {
    font-size: 18px; }

@media (max-width: 767px) {
  .social-login.social-networks .btn, .social-login.social-networks .btn-facebook, .social-login.social-networks .btn-round, .social-login.social-networks .btn-default, .social-login.social-networks .btn-sausage, .social-login.social-networks .btn-success, .social-login.social-networks .btn-yellow, .social-login.social-networks .btn-white, .social-login.social-networks .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .social-login.social-networks button {
    width: 100%;
    margin-bottom: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .social-login.social-networks .btn, .social-login.social-networks .btn-facebook, .social-login.social-networks .btn-round, .social-login.social-networks .btn-default, .social-login.social-networks .btn-sausage, .social-login.social-networks .btn-success, .social-login.social-networks .btn-yellow, .social-login.social-networks .btn-white, .social-login.social-networks .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .social-login.social-networks button {
    width: calc((100% - 8px) / 3); } }

@media (min-width: 992px) and (max-width: 1199px) {
  .social-login.social-networks .btn:nth-child(1), .social-login.social-networks .btn-facebook:nth-child(1), .social-login.social-networks .btn-round:nth-child(1), .social-login.social-networks .btn-default:nth-child(1), .social-login.social-networks .btn-sausage:nth-child(1), .social-login.social-networks .btn-success:nth-child(1), .social-login.social-networks .btn-yellow:nth-child(1), .social-login.social-networks .btn-white:nth-child(1), .social-login.social-networks .ui-dialog .ui-dialog-buttonpane button:nth-child(1), .ui-dialog .ui-dialog-buttonpane .social-login.social-networks button:nth-child(1) {
    width: 100%;
    margin: 0 0 10px; }
  .social-login.social-networks .btn:nth-child(2), .social-login.social-networks .btn-facebook:nth-child(2), .social-login.social-networks .btn-round:nth-child(2), .social-login.social-networks .btn-default:nth-child(2), .social-login.social-networks .btn-sausage:nth-child(2), .social-login.social-networks .btn-success:nth-child(2), .social-login.social-networks .btn-yellow:nth-child(2), .social-login.social-networks .btn-white:nth-child(2), .social-login.social-networks .ui-dialog .ui-dialog-buttonpane button:nth-child(2), .ui-dialog .ui-dialog-buttonpane .social-login.social-networks button:nth-child(2) {
    width: calc(50% - 5px); }
  .social-login.social-networks .btn:nth-child(3), .social-login.social-networks .btn-facebook:nth-child(3), .social-login.social-networks .btn-round:nth-child(3), .social-login.social-networks .btn-default:nth-child(3), .social-login.social-networks .btn-sausage:nth-child(3), .social-login.social-networks .btn-success:nth-child(3), .social-login.social-networks .btn-yellow:nth-child(3), .social-login.social-networks .btn-white:nth-child(3), .social-login.social-networks .ui-dialog .ui-dialog-buttonpane button:nth-child(3), .ui-dialog .ui-dialog-buttonpane .social-login.social-networks button:nth-child(3) {
    width: calc(50% - 5px);
    float: right; } }

@media (min-width: 1200px) {
  .social-login.social-networks .btn, .social-login.social-networks .btn-facebook, .social-login.social-networks .btn-round, .social-login.social-networks .btn-default, .social-login.social-networks .btn-sausage, .social-login.social-networks .btn-success, .social-login.social-networks .btn-yellow, .social-login.social-networks .btn-white, .social-login.social-networks .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .social-login.social-networks button {
    width: calc((100% - 8px) / 3); } }

.social-login .profil-social .logged-in {
  display: none;
  position: absolute;
  width: 15px;
  height: 15px;
  background: #59d387;
  border: 2px solid white;
  border-radius: 50%;
  top: -6.5px;
  right: -4px; }

.social-login .profil-social .btn, .social-login .profil-social .btn-facebook, .social-login .profil-social .btn-round, .social-login .profil-social .btn-default, .social-login .profil-social .btn-sausage, .social-login .profil-social .btn-success, .social-login .profil-social .btn-yellow, .social-login .profil-social .btn-white, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button {
  position: relative;
  margin-right: 20px; }
  .social-login .profil-social .btn.btn-link, .social-login .profil-social .btn-link.btn-facebook, .social-login .profil-social .btn-link.btn-round, .social-login .profil-social .btn-link.btn-default, .social-login .profil-social .btn-link.btn-sausage, .social-login .profil-social .btn-link.btn-success, .social-login .profil-social .btn-link.btn-yellow, .social-login .profil-social .btn-link.btn-white, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button.btn-link, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button.btn-link {
    text-decoration: none;
    padding-left: 35px; }
    .social-login .profil-social .btn.btn-link .fa, .social-login .profil-social .btn-link.btn-facebook .fa, .social-login .profil-social .btn-link.btn-round .fa, .social-login .profil-social .btn-link.btn-default .fa, .social-login .profil-social .btn-link.btn-sausage .fa, .social-login .profil-social .btn-link.btn-success .fa, .social-login .profil-social .btn-link.btn-yellow .fa, .social-login .profil-social .btn-link.btn-white .fa, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button.btn-link .fa, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button.btn-link .fa {
      transition: opacity .3s ease;
      position: absolute;
      margin-left: -25px;
      top: 4px; }
    .social-login .profil-social .btn.btn-link .fa-chain, .social-login .profil-social .btn-link.btn-facebook .fa-chain, .social-login .profil-social .btn-link.btn-round .fa-chain, .social-login .profil-social .btn-link.btn-default .fa-chain, .social-login .profil-social .btn-link.btn-sausage .fa-chain, .social-login .profil-social .btn-link.btn-success .fa-chain, .social-login .profil-social .btn-link.btn-yellow .fa-chain, .social-login .profil-social .btn-link.btn-white .fa-chain, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button.btn-link .fa-chain, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button.btn-link .fa-chain {
      opacity: 1; }
    .social-login .profil-social .btn.btn-link .fa-chain-broken, .social-login .profil-social .btn-link.btn-facebook .fa-chain-broken, .social-login .profil-social .btn-link.btn-round .fa-chain-broken, .social-login .profil-social .btn-link.btn-default .fa-chain-broken, .social-login .profil-social .btn-link.btn-sausage .fa-chain-broken, .social-login .profil-social .btn-link.btn-success .fa-chain-broken, .social-login .profil-social .btn-link.btn-yellow .fa-chain-broken, .social-login .profil-social .btn-link.btn-white .fa-chain-broken, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button.btn-link .fa-chain-broken, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button.btn-link .fa-chain-broken {
      opacity: 0; }
    .social-login .profil-social .btn.btn-link:hover .fa-chain, .social-login .profil-social .btn-link.btn-facebook:hover .fa-chain, .social-login .profil-social .btn-link.btn-round:hover .fa-chain, .social-login .profil-social .btn-link.btn-default:hover .fa-chain, .social-login .profil-social .btn-link.btn-sausage:hover .fa-chain, .social-login .profil-social .btn-link.btn-success:hover .fa-chain, .social-login .profil-social .btn-link.btn-yellow:hover .fa-chain, .social-login .profil-social .btn-link.btn-white:hover .fa-chain, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button.btn-link:hover .fa-chain, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button.btn-link:hover .fa-chain {
      opacity: 0; }
    .social-login .profil-social .btn.btn-link:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-facebook:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-round:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-default:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-sausage:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-success:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-yellow:hover .fa-chain-broken, .social-login .profil-social .btn-link.btn-white:hover .fa-chain-broken, .social-login .profil-social .ui-dialog .ui-dialog-buttonpane button.btn-link:hover .fa-chain-broken, .ui-dialog .ui-dialog-buttonpane .social-login .profil-social button.btn-link:hover .fa-chain-broken {
      opacity: 1; }

.social-login .profil-social .btn-social {
  width: 150px; }

.social-login .profil-social .social-name {
  display: inline-block;
  font-size: 15px;
  color: #455771;
  opacity: 1; }

.social-login .profil-social .social-text {
  display: inline-block;
  color: #8c97a7;
  font-style: italic;
  opacity: .7;
  font-size: 13px;
  margin-top: 13px;
  vertical-align: top; }

.social-login .profil-social .profil-page-bubble {
  display: inline-block;
  position: relative; }

.social-login .profil-social.connected .logged-in {
  display: block; }

.social-login .profil-social.connected .btn-social {
  pointer-events: none;
  overflow: visible; }

.social-login .profil-social.connected .social-text {
  font-style: normal;
  opacity: 1; }

.social-login > form > p {
  font-size: 11px; }

.social-login .login-bubbles {
  padding: 6px;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 14px; }
  .social-login .login-bubbles.login-page {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0; }

.social-login .bubble {
  width: 37px;
  height: 37px;
  border: 1px solid #a1b4cd;
  border-radius: 50%;
  margin: 3px 6px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .social-login .bubble.profil-page-bubble {
    display: inline-block; }
  .social-login .bubble--facebook {
    background: url("../assets/images/socialLogin/facebook.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/facebook.png*/ no-repeat center;
    background-position-y: 6px; }
  .social-login .bubble--google {
    background: url("../assets/images/socialLogin/google.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/google.png*/ no-repeat center; }
  .social-login .bubble--edmodo {
    background: url("../assets/images/socialLogin/edmodo.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/edmodo.png*/ no-repeat center;
    background-position-y: 7px; }
  .social-login .bubble--microsoft {
    background: url("../assets/images/socialLogin/office.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/office.png*/ no-repeat center; }
  .social-login .bubble--vkontakte {
    background: url("../assets/images/socialLogin/vkontakte.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/vkontakte.png*/ no-repeat center; }
  .social-login .bubble--weibo {
    background: url("../assets/images/socialLogin/weibo.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/weibo.png*/ no-repeat center; }
  .social-login .bubble--wechat {
    background: url("../assets/images/socialLogin/wechat.png")/*tpa=https://cn.mozaweb.com/assets/images/socialLogin/wechat.png*/ no-repeat center; }

.social-login .disconnect-social {
  vertical-align: top;
  display: inline-block;
  margin-top: 8px; }

.status-0 .status-0-hidden, .status-0 .status-1-visible {
  display: none; }

.status-1 .status-0-visible, .status-1 .status-1-hidden {
  display: none; }

.text-normal {
  font-weight: normal !important; }

.choose_institute_box {
  padding-left: 35px; }

.modal-body .choose_institute_box {
  padding-left: 0px; }

#gdpr_age_block h3 {
  margin-top: 5px;
  margin-bottom: 20px; }

#gdpr_age_block .checkbox-wrapper label {
  font-weight: normal;
  display: initial; }

.ui-widget input.temporary-password-display,
.temporary-password-display {
  border: none;
  font-family: "Courier New";
  font-weight: bold;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  padding: 0; }

.temporary-password-editor-label {
  margin: 0 !important;
  font-weight: normal;
  cursor: pointer;
  color: #008ce5; }

.temporary-password-editor-label:hover {
  color: #004e7f; }

.temporary-password-editor-checkbox {
  margin: 0 !important; }

.userdata-button {
  margin-left: 10px; }

.group-share-box .group-share-default {
  position: relative;
  margin-bottom: 4px; }
  .group-share-box .group-share-default .share-access {
    background: #fff;
    border-radius: 3px;
    border: 2px solid #008ce5;
    width: 108px;
    height: 30px;
    margin-bottom: -11px; }
    .group-share-box .group-share-default .share-access .sharetype, .group-share-box .group-share-default .share-access .sharetype-current {
      text-align: left;
      background: #fff; }

.group-share-box .share-access {
  font-size: 16px;
  height: 17px;
  width: 25px;
  position: relative;
  display: inline-block;
  font-size: 12px; }
  .group-share-box .share-access .share-access-in {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px; }
    .group-share-box .share-access .share-access-in .sharetype {
      border-radius: 0px; }
      .group-share-box .share-access .share-access-in .sharetype:hover {
        background-color: #dee5f2; }
    .group-share-box .share-access .share-access-in .sharetype, .group-share-box .share-access .share-access-in .sharetype-current {
      padding: 3px 6px;
      width: 100%;
      display: inline-block; }
    .group-share-box .share-access .share-access-in hr {
      margin: 0 !important;
      border-bottom: 0px; }
  .group-share-box .share-access.share-access-open {
    z-index: 1; }
    .group-share-box .share-access.share-access-open .share-access-in {
      height: auto;
      box-shadow: 0px 0px 10px #001; }

.group-share-box .group-select-header {
  padding: 5px;
  height: 33px; }

.group-share-box .group_share_list_selector {
  background-color: #fff;
  margin-top: 4px;
  padding: 5px 5px 0 5px;
  position: relative;
  display: inline-block; }
  .group-share-box .group_share_list_selector > ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    float: left; }
    .group-share-box .group_share_list_selector > ul .remove-from-shares {
      /*padding: 5px 10px;*/
      color: #fff; }
    .group-share-box .group_share_list_selector > ul > li {
      margin-bottom: 5px;
      margin-right: 5px;
      padding: 0;
      font-size: 14px;
      float: left;
      color: #fff;
      display: inline-block; }
      .group-share-box .group_share_list_selector > ul > li.group-share-group-user {
        display: none;
        height: 32px;
        background-color: #24B6F7;
        padding: 5px; }
      .group-share-box .group_share_list_selector > ul > li.group-share-row {
        padding: 5px 10px 5px 5px;
        background-color: #008CE5; }
        .group-share-box .group_share_list_selector > ul > li.group-share-row i {
          color: #fff; }
        .group-share-box .group_share_list_selector > ul > li.group-share-row i.share-rw-icon {
          width: 18px;
          text-align: center; }
        .group-share-box .group_share_list_selector > ul > li.group-share-row .share-access {
          cursor: pointer; }
          .group-share-box .group_share_list_selector > ul > li.group-share-row .share-access .share-access-in {
            background-color: #008CE5; }
            .group-share-box .group_share_list_selector > ul > li.group-share-row .share-access .share-access-in .sharetype:hover {
              background-color: #24B6F7; }
        .group-share-box .group_share_list_selector > ul > li.group-share-row a {
          display: inline-block;
          width: 20px;
          text-align: center; }
      .group-share-box .group_share_list_selector > ul > li #search_group_or_user {
        background: transparent;
        border: none;
        min-width: 260px;
        max-width: 100%;
        outline-width: 0;
        box-shadow: none;
        border-radius: 0; }
  .group-share-box .group_share_list_selector .search-input-group {
    position: relative; }
    .group-share-box .group_share_list_selector .search-input-group .typeahead i {
      width: 18px;
      text-align: center; }

input[type=file].form-control, input.cke_editable[type=file] {
  padding-top: 5px;
  padding-bottom: 5px; }

.col-equalize {
  visibility: hidden; }

.booklet-item-wrapper .booklet-item .booklet .booklet-item-options {
  display: none; }

.smartbook-title {
  color: #008ce5;
  margin-top: 0px;
  margin-bottom: 20px; }

.editor-list-function-icons {
  text-align: center; }

.editor-list-function-icons > a {
  display: inline-block;
  padding: 3px;
  margin: 0 3px;
  font-size: 20px; }

#payment-selector {
  color: white;
  text-align: center;
  padding-top: 5px;
  background: #83ACE2 url(../assets/images/mozaweb/tab_background.png)/*tpa=https://cn.mozaweb.com/assets/images/mozaweb/tab_background.png*/ no-repeat top center; }
  #payment-selector .payment-button {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid white;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 250px;
    cursor: pointer;
    color: white; }
    #payment-selector .payment-button.active {
      color: #566C84;
      background-color: white; }

.text-center {
  text-align: center; }

.cursor-pointer {
  cursor: pointer; }

.collapse-inline.in {
  display: inline-block; }

.popup_link {
  text-align: right; }
  .popup_link a {
    color: #008ce5; }

.embed-video-container {
  height: 0;
  overflow: hidden;
  position: relative; }

.embed-video-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.embed-video-container > div > object,
.embed-video-container > div > .mozaikvideo,
.embed-video-container > div > #mozaikvideo {
  width: 100%;
  height: 100%; }

.global-editor-blue-holder {
  background-color: #e0e9f6;
  border: 1px solid #c6d2e5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 13px;
  margin: 15px -13px 15px 20px;
  display: inline-block; }

.settings_btn {
  display: block;
  margin-left: 20px; }

.top-menu {
  padding-bottom: 20px;
  height: 100px; }

.settings-checkbox-input {
  float: left;
  margin-top: 2px; }

.settings-checkbox-title {
  line-height: 20px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 25px; }

.global-editor-small-title {
  color: #5b6c86;
  margin-left: 10px;
  font-weight: bold;
  font-size: 12px; }

.embed-container {
  position: relative;
  padding-bottom: 46.2%;
  overflow: hidden; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.lexikon-extra-datasheet .item-image-container {
  display: inline-block;
  position: relative; }
  .lexikon-extra-datasheet .item-image-container .play-mark {
    left: calc(50% - 16px);
    top: calc(50% - 16px); }

.lexikon-extra-datasheet .quiz-question {
  padding: 0px; }
  .lexikon-extra-datasheet .quiz-question li {
    display: block;
    background: url(../assets/images/footer-dot.svg)/*tpa=https://cn.mozaweb.com/assets/images/footer-dot.svg*/ no-repeat 0 9px;
    padding: 0 0 0 11px; }

.lexikon-extra-datasheet .main-info i {
  color: #b9cade;
  font-size: 21px;
  margin: 2px;
  float: left; }
  @media (max-width: 767px) {
    .lexikon-extra-datasheet .main-info i {
      font-size: 16px; } }
  .lexikon-extra-datasheet .main-info i.separator {
    color: #455771;
    margin: 0px;
    left: 3px; }
  .lexikon-extra-datasheet .main-info i.progbar {
    margin: 0px; }

.lexikon-extra-datasheet p {
  margin-bottom: 0px;
  padding-top: 2px;
  margin-left: 30px; }
  .lexikon-extra-datasheet p.clickable {
    color: #008ce5;
    cursor: pointer; }

.lexikon-extra-datasheet .icon-id {
  background: url(../assets/images/lexikon_id.png)/*tpa=https://cn.mozaweb.com/assets/images/lexikon_id.png*/ no-repeat;
  width: 32px;
  height: 32px;
  margin: -5px 5px -5px -5px;
  position: absolute; }

.lexikon-extra-datasheet .grade-info-div {
  height: 25px; }
  .lexikon-extra-datasheet .grade-info-div .active {
    color: #008ce5; }

.lexikon-extra-datasheet .info-text-container p {
  margin: 0px 0px;
  padding-top: 2px; }

.lexikon-extra-datasheet .info-text-container img {
  display: none; }

.lexikon-extra-datasheet .info-text-container h1, .lexikon-extra-datasheet .info-text-container h2, .lexikon-extra-datasheet .info-text-container h3 {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 0px; }

@media (min-width: 992px) {
  .lexikon-extra-datasheet .second-question-row {
    padding-left: 20px; } }

@media (max-width: 991px) {
  .lexikon-extra-datasheet .title-margin {
    margin-top: 10px; } }

.lexikon-extra-datasheet li {
  margin-bottom: 5px; }
  .lexikon-extra-datasheet li .hint {
    font-style: italic; }

.title-row.lexikon-extra-full-header .title-left-icon {
  float: left;
  margin-right: 15px;
  margin-top: -2px;
  color: #aab9d4; }

.title-row.lexikon-extra-full-header .container .title-row-links {
  margin-top: 5px; }
  @media (max-width: 767px) {
    .title-row.lexikon-extra-full-header .container .title-row-links {
      float: left;
      margin-top: 15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .title-row.lexikon-extra-full-header .container .title-row-links {
      float: right;
      clear: none; } }
  .title-row.lexikon-extra-full-header .container .title-row-links a.facebook_share {
    height: 35px;
    line-height: 20px; }

.title-row.lexikon-extra-full-header .container .pagination {
  float: right;
  margin-top: 0px;
  margin-right: 20px; }
  @media (max-width: 767px) {
    .title-row.lexikon-extra-full-header .container .pagination {
      margin-top: 10px; } }

.microcurriculum-szechenyi {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 9999; }
  .microcurriculum-szechenyi > img {
    width: auto;
    height: 150px; }

.similar-institutes.has-error {
  border: 1px #a94442 solid;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.similar-institutes .text-danger {
  margin-bottom: 5px; }

#profile-system-control-logs-container .table td [class^="mwicon-"], #profile-system-control-logs-container .table td [class*=" mwicon-"] {
  font-size: 20px; }

@media (min-width: 992px) {
  #new-unvalidated-institute-data > .row > .col-md-6 {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 0 5px 0; }
    #new-unvalidated-institute-data > .row > .col-md-6 > .form-group {
      width: 65%;
      display: inline-block;
      margin: 0;
      padding: 3px 0 4px 0; }
    #new-unvalidated-institute-data > .row > .col-md-6 > label {
      width: 35%;
      display: inline-block;
      text-align: right;
      margin: 0;
      padding-right: 10px; }
    #new-unvalidated-institute-data > .row > .col-md-6 > .error_msg {
      width: 65%;
      display: inline-block;
      margin: 0; } }

#validate-institute-tabs #home .btn-group.bootstrap-select,
#institute_edit_modal .btn-group.bootstrap-select {
  width: 100% !important; }

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1;
  /* Firefox */ }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc !important; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc !important; }

.btn-group.bootstrap-select.bootstrap-select-style {
  border-radius: 8px; }
  .btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle {
    min-height: 35px;
    border-radius: 4px;
    border-color: #c7d3e5;
    padding-right: 25px; }
    .btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white span.filter-option, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle span.filter-option {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white > .bs-caret > .caret, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle > .bs-caret > .caret {
      border-top-width: 6px;
      right: 10px; }
    .btn-group.bootstrap-select.bootstrap-select-style > button.btn.dropdown-toggle > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-facebook > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-round > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-default > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-sausage > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-success > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-yellow > span.filter-option, .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle.btn-white > span.filter-option, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style > button.dropdown-toggle > span.filter-option {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.btn.dropdown-toggle > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-facebook > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-round > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-default > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-sausage > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-success > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-yellow > .bs-caret > .caret, .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle.btn-white > .bs-caret > .caret, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style.dropup > button.dropdown-toggle > .bs-caret > .caret {
    border-bottom-width: 6px; }
  .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu {
    margin-top: 0;
    padding-top: 0;
    border-radius: 0;
    border-width: 1px;
    border-color: #008ce5; }
    .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li > a {
      border-radius: 0;
      padding: 2px 15px; }
      .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li > a:hover, .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li > a:focus {
        background-color: #008ce5;
        color: #fff; }
    .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li.active > a, .btn-group.bootstrap-select.bootstrap-select-style > .dropdown-menu > .dropdown-menu.inner > li.selected > a {
      background-color: #008ce5;
      color: #fff; }
  .btn-group.bootstrap-select.bootstrap-select-style.disabled {
    background: none; }
    .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.btn.dropdown-toggle, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-facebook, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-round, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-default, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-sausage, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-success, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-yellow, .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle.btn-white, .ui-dialog .ui-dialog-buttonpane .btn-group.bootstrap-select.bootstrap-select-style.disabled > button.dropdown-toggle {
      background: rgba(222, 229, 242, 0.4);
      color: #000; }

.form-group.inline-block.dropdown-block.statistics-country-filter > .btn-group {
  vertical-align: top; }

.institutes-to-merge-not-found {
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 15px 0; }

.input-clear-icon-hidden::-ms-clear, .input-clear-icon-hidden::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden; }

.text-overflow-x-ellipsis {
  text-overflow: ellipsis;
  overflow-x: hidden; }

.text-overflow-y-ellipsis {
  text-overflow: ellipsis;
  overflow-y: hidden; }

*[class^="col-"] img, *[class^=" col-"] img, *[class^="  col-"] img {
  max-width: 100%;
  height: auto; }

.item-image a {
  display: block;
  overflow: hidden; }
  @media (min-width: 768px) {
    .item-image a {
      max-height: 144px; } }

.image {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  display: inline-block; }
  .image img {
    max-width: 100%; }
  .image.image-large {
    max-width: 204px; }
  .image.image-medium {
    max-width: 126px; }
  .image.image-small {
    max-width: 110px; }
  .image.no-border:before {
    box-shadow: none; }
  .image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25; }
  .image.no-border:after {
    background: none; }
  .image:after {
    content: '';
    background: url("../assets/images/book_shadow.png")/*tpa=https://cn.mozaweb.com/assets/images/book_shadow.png*/;
    background-size: 100% 100%;
    position: absolute;
    width: 110%;
    left: -5%;
    bottom: -5.5%;
    height: 8%; }
  .image img {
    position: relative;
    z-index: 20; }

.margin-0 {
  margin: 0 !important; }

.margin-0-auto {
  margin: 0 auto !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mt105 {
  margin-top: 105px !important; }

.mt110 {
  margin-top: 110px !important; }

.mt115 {
  margin-top: 115px !important; }

.mt120 {
  margin-top: 120px !important; }

.mt125 {
  margin-top: 125px !important; }

.mt130 {
  margin-top: 130px !important; }

.mt135 {
  margin-top: 135px !important; }

.mt140 {
  margin-top: 140px !important; }

.mt145 {
  margin-top: 145px !important; }

.mt150 {
  margin-top: 150px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mb105 {
  margin-bottom: 105px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.mb115 {
  margin-bottom: 115px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.mb125 {
  margin-bottom: 125px !important; }

.mb130 {
  margin-bottom: 130px !important; }

.mb135 {
  margin-bottom: 135px !important; }

.mb140 {
  margin-bottom: 140px !important; }

.mb145 {
  margin-bottom: 145px !important; }

.mb150 {
  margin-bottom: 150px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml55 {
  margin-left: 55px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr55 {
  margin-right: 55px !important; }

.mr60 {
  margin-right: 60px !important; }

.mr65 {
  margin-right: 65px !important; }

.mr70 {
  margin-right: 70px !important; }

.mr75 {
  margin-right: 75px !important; }

.mr80 {
  margin-right: 80px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt55 {
  padding-top: 55px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt65 {
  padding-top: 65px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt75 {
  padding-top: 75px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt85 {
  padding-top: 85px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt95 {
  padding-top: 95px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }
  @media (max-width: 991px) {
    .pl25 {
      padding-left: 15px !important; } }

.pl30 {
  padding-left: 30px !important; }
  @media (max-width: 991px) {
    .pl30 {
      padding-left: 15px !important; } }

.pl35 {
  padding-left: 35px !important; }
  @media (max-width: 991px) {
    .pl35 {
      padding-left: 15px !important; } }

.pl40 {
  padding-left: 40px !important; }
  @media (max-width: 991px) {
    .pl40 {
      padding-left: 15px !important; } }

.pl45 {
  padding-left: 45px !important; }
  @media (max-width: 991px) {
    .pl45 {
      padding-left: 15px !important; } }

.pl50 {
  padding-left: 50px !important; }
  @media (max-width: 991px) {
    .pl50 {
      padding-left: 15px !important; } }

.pl55 {
  padding-left: 55px !important; }
  @media (max-width: 991px) {
    .pl55 {
      padding-left: 15px !important; } }

.pl60 {
  padding-left: 60px !important; }
  @media (max-width: 991px) {
    .pl60 {
      padding-left: 15px !important; } }

.pr0 {
  padding-right: 0px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }
  @media (max-width: 991px) {
    .pr25 {
      padding-right: 15px !important; } }

.pr30 {
  padding-right: 30px !important; }
  @media (max-width: 991px) {
    .pr30 {
      padding-right: 15px !important; } }

.pr35 {
  padding-right: 35px !important; }
  @media (max-width: 991px) {
    .pr35 {
      padding-right: 15px !important; } }

.pr40 {
  padding-right: 40px !important; }
  @media (max-width: 991px) {
    .pr40 {
      padding-right: 15px !important; } }

.pr45 {
  padding-right: 45px !important; }
  @media (max-width: 991px) {
    .pr45 {
      padding-right: 15px !important; } }

.pr50 {
  padding-right: 50px !important; }
  @media (max-width: 991px) {
    .pr50 {
      padding-right: 15px !important; } }

.pr55 {
  padding-right: 55px !important; }
  @media (max-width: 991px) {
    .pr55 {
      padding-right: 15px !important; } }

.pr60 {
  padding-right: 60px !important; }
  @media (max-width: 991px) {
    .pr60 {
      padding-right: 15px !important; } }

.m15 {
  margin: 15px !important; }

.p15 {
  padding: 15px !important; }

.row-flex,
.row-flex > div[class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .row-flex:before, .row-flex:after,
  .row-flex > div[class*='col-']:before,
  .row-flex > div[class*='col-']:after {
    display: none; }

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex; }

.flex-v-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.align-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.align-start {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.align-end {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.align-self-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.align-self-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.flex-h-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-align {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .flex-align > *:not(.btn):not(.btn-facebook):not(.btn-round):not(.btn-default):not(.btn-sausage):not(.btn-success):not(.btn-yellow):not(.btn-white) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100%; }

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex; }

.flex-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-basis-full {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.flex-vertical-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-baseline {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.share-facebook,
.share-twitter,
.share-link {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 38px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  text-align: center;
  margin-right: 5px;
  background-color: #8c97a7;
  color: #FFF;
  font-size: 21px;
  transition: background .3s;
  -webkit-transition: background .3s; }
  .share-facebook:hover,
  .share-twitter:hover,
  .share-link:hover {
    background: #6f7d91; }
  .share-facebook i,
  .share-twitter i,
  .share-link i {
    color: #FFF; }

.share-facebook {
  background: #3b5998; }
  .share-facebook:hover {
    background: #2d4373; }

.share-twitter {
  background: #4099ff; }
  .share-twitter:hover {
    background: #0d7eff; }

.share-link {
  background: #36a767; }
  .share-link:hover {
    background: #2a804f; }

.item-actions .share-buttons {
  padding: 10px 20px;
  display: block; }
  .item-actions .share-buttons a {
    width: 30px;
    height: 30px;
    line-height: 32px;
    font-size: 16px;
    vertical-align: top;
    display: inline-block; }

#my-scroll, .my-scroll {
  position: relative;
  width: 100%; }
  #my-scroll.cart, .my-scroll.cart {
    height: 400px; }
  #my-scroll #scroll-overlay, .my-scroll #scroll-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #455771;
    opacity: .4;
    z-index: 10000; }
    #my-scroll #scroll-overlay.hide-helper, .my-scroll #scroll-overlay.hide-helper {
      -webkit-animation: hide 1s ease forwards;
      animation: hide 1s ease forwards; }

@-webkit-keyframes hide {
  1% {
    opacity: .4; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes hide {
  1% {
    opacity: .4; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }
    #my-scroll #scroll-overlay .scroll-hand, .my-scroll #scroll-overlay .scroll-hand {
      width: 168px;
      height: 168px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      #my-scroll #scroll-overlay .scroll-hand i, .my-scroll #scroll-overlay .scroll-hand i {
        font-size: 80px;
        font-weight: bold;
        color: black;
        float: left; }

@keyframes scroll-hand {
  from {
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  to {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0); } }

@-webkit-keyframes scroll-hand {
  from {
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  to {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0); } }
  #my-scroll table, .my-scroll table {
    margin-bottom: 0; }
  #my-scroll .iScrollLoneScrollbar, .my-scroll .iScrollLoneScrollbar {
    position: absolute;
    z-index: 9999;
    overflow: hidden; }
    #my-scroll .iScrollLoneScrollbar .iScrollIndicator, .my-scroll .iScrollLoneScrollbar .iScrollIndicator {
      position: absolute;
      background-color: #ccd9ea;
      border: 1px solid #ccd9ea;
      border-radius: 8px;
      opacity: .4; }
      #my-scroll .iScrollLoneScrollbar .iScrollIndicator:hover, .my-scroll .iScrollLoneScrollbar .iScrollIndicator:hover {
        opacity: .8; }
  #my-scroll .iScrollHorizontalScrollbar, .my-scroll .iScrollHorizontalScrollbar {
    height: 10px;
    left: 8px;
    right: 8px;
    bottom: 4px; }
    #my-scroll .iScrollHorizontalScrollbar.iScrollBothScrollbars, .my-scroll .iScrollHorizontalScrollbar.iScrollBothScrollbars {
      right: 18px; }
    #my-scroll .iScrollHorizontalScrollbar .iScrollIndicator, .my-scroll .iScrollHorizontalScrollbar .iScrollIndicator {
      height: 8px; }
  #my-scroll .iScrollVerticalScrollbar, .my-scroll .iScrollVerticalScrollbar {
    width: 10px;
    top: 8px;
    bottom: 8px;
    right: 8px; }
    #my-scroll .iScrollVerticalScrollbar.iScrollBothScrollbars, .my-scroll .iScrollVerticalScrollbar.iScrollBothScrollbars {
      bottom: 18px; }
    #my-scroll .iScrollVerticalScrollbar .iScrollIndicator, .my-scroll .iScrollVerticalScrollbar .iScrollIndicator {
      width: 8px; }

table.Differences {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

.Differences thead th {
  text-align: left;
  border-bottom: 1px solid #000;
  background: #aaa;
  color: #000;
  padding: 4px; }

.Differences tbody th {
  text-align: center;
  background: #ccc;
  width: 2em;
  padding: 1px 2px;
  vertical-align: middle;
  font-size: 13px !important;
  border: 0px none;
  color: #42434F !important;
  padding: 0px 5px; }

.Differences td {
  padding: 1px 2px;
  font-family: Consolas, monospace;
  font-size: 13px;
  text-align: left !important; }
  .Differences td.diff_text {
    text-align: left;
    word-wrap: break-word; }
    .Differences td.diff_text span {
      word-wrap: break-word;
      display: block; }

.DifferencesSideBySide .ChangeInsert td.Left {
  background: #dfd; }

.DifferencesSideBySide .ChangeInsert td.Right {
  background: #cfc; }

.DifferencesSideBySide .ChangeDelete td.Left {
  background: #f88; }

.DifferencesSideBySide .ChangeDelete td.Right {
  background: #faa; }

.DifferencesSideBySide .ChangeReplace .Left {
  background: #fe9; }

.DifferencesSideBySide .ChangeReplace .Right {
  background: #fd8; }

.Differences ins, .Differences del {
  text-decoration: none; }

.DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
  background: #fc0; }

.Differences .Skipped {
  background: #f7f7f7; }

.DifferencesInline .ChangeReplace .Left, .DifferencesInline .ChangeDelete .Left {
  background: #f1d0c7;
  text-align: left; }

.DifferencesInline .ChangeReplace .Right, .DifferencesInline .ChangeInsert .Right {
  background: #def2cf;
  text-align: left; }

.DifferencesInline .ChangeReplace ins {
  font-weight: bold;
  color: #4ba200; }

.DifferencesInline .ChangeReplace del {
  font-weight: bold;
  color: #cb0c1e; }

pre {
  width: 100%;
  overflow: auto; }

.Differences .Right, .Differences .Left {
  border: 0px none; }

.title-row {
  background: #f2f5f9;
  margin-bottom: 25px;
  height: 83px;
  position: relative; }
  .title-row--form {
    padding-bottom: 30px; }
  .title-row .container {
    position: absolute;
    height: 35px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
    .title-row .container h1 {
      font-size: 30px;
      float: left; }
      .title-row .container h1.catalog-title {
        width: calc(100% + 3px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.2; }
      .title-row .container h1 i {
        font-size: 40px;
        bottom: 0px;
        margin-right: 10px;
        position: relative; }
        .title-row .container h1 i.mwicon-arrow6_d {
          font-size: 28px;
          margin-top: 0;
          bottom: 0;
          vertical-align: middle; }
      .title-row .container h1.text-center {
        float: none; }
      .title-row .container h1 a {
        color: #455771;
        white-space: nowrap; }
        .title-row .container h1 a i {
          line-height: 28px;
          color: #455771; }
    .title-row .container ul li select.form-control, .title-row .container ul li select.cke_editable {
      max-width: inherit; }
    @media (min-width: 992px) {
      .title-row .container .mod-buttons > * {
        margin-right: 4px;
        margin-left: 4px; }
        .title-row .container .mod-buttons > *:last-child {
          margin-right: 0; } }
    .title-row .container .breadcrumb {
      padding: 0;
      background: none;
      font-size: 15px !important;
      position: absolute;
      height: 21px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 15px;
      margin: auto; }
      .title-row .container .breadcrumb .fa-angle-right {
        margin: 0 15px; }
      .title-row .container .breadcrumb a {
        color: #455771; }
    .title-row .container .dropdown-menu {
      box-shadow: 0 15px 40px rgba(36, 75, 149, 0.3);
      padding: 15px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      border: 1px solid #86b2d2;
      transition: top 0.3s;
      min-width: 200px;
      margin-top: 10px; }
      .title-row .container .dropdown-menu li {
        display: block;
        font-size: 15px;
        padding: 0;
        width: 100%; }
        .title-row .container .dropdown-menu li a {
          color: #455771;
          display: block;
          padding: 5px 10px;
          border-radius: 5px;
          -webkit-border-radius: 5px; }
          .title-row .container .dropdown-menu li a.active {
            font-weight: bold; }
          .title-row .container .dropdown-menu li a:focus, .title-row .container .dropdown-menu li a:hover {
            color: #244b95;
            background: rgba(134, 178, 210, 0.3); }
    .title-row .container .dropdown-menu.country-select li a.active, .title-row .container .dropdown-menu.distributor-select li a.active {
      color: #fff; }
    .title-row .container .collection-dropdown span {
      display: inline-block;
      padding-left: 5px; }
      .title-row .container .collection-dropdown span.form-control, .title-row .container .collection-dropdown span.cke_editable {
        width: 220px;
        margin: 0 5px 0 0;
        cursor: pointer;
        position: relative; }
        .title-row .container .collection-dropdown span.form-control:after, .title-row .container .collection-dropdown span.cke_editable:after {
          content: '';
          position: absolute;
          width: 6px;
          height: 10px;
          right: 10px;
          top: 14px;
          border: 5px solid transparent;
          border-top: 5px solid #000; }
      .title-row .container .collection-dropdown span .dropdown-menu {
        margin-top: 0;
        margin-left: 10px;
        min-width: 500px; }
        .title-row .container .collection-dropdown span .dropdown-menu a {
          display: block;
          padding: 5px; }
          .title-row .container .collection-dropdown span .dropdown-menu a:hover {
            background-color: rgba(222, 229, 242, 0.3); }
        .title-row .container .collection-dropdown span .dropdown-menu .col-md-6:first-child {
          border-right: 1px solid #EDEDED; }
    .title-row .container .item-count {
      font-size: 14px;
      padding-right: 10px;
      color: #8c97a7;
      line-height: 2.5; }
      .title-row .container .item-count.book_content {
        padding-right: 35px; }
      .title-row .container .item-count a {
        padding: 0; }
    .title-row .container .title-row-links,
    .title-row .container .title-row-views {
      list-style-type: none;
      float: right;
      padding: 0;
      height: 35px; }
      .title-row .container .title-row-links a,
      .title-row .container .title-row-views a {
        display: inline-block;
        line-height: 35px; }
        .title-row .container .title-row-links a select,
        .title-row .container .title-row-views a select {
          max-width: 150px; }
    .title-row .container .title-row-views {
      font-size: 16px; }
      .title-row .container .title-row-views a {
        color: #c7d3e5;
        padding: 4px 0 0 1px;
        line-height: 1; }
        .title-row .container .title-row-views a.active_class, .title-row .container .title-row-views a.active {
          color: #008ce5; }
        .title-row .container .title-row-views a > i {
          font-size: 25px; }
    .title-row .container .active_class {
      font-weight: bold; }
    .title-row .container .title-row-links .btn, .title-row .container .title-row-links .btn-facebook, .title-row .container .title-row-links .btn-round, .title-row .container .title-row-links .btn-default, .title-row .container .title-row-links .btn-sausage, .title-row .container .title-row-links .btn-success, .title-row .container .title-row-links .btn-yellow, .title-row .container .title-row-links .btn-white, .title-row .container .title-row-links .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .title-row .container .title-row-links button {
      padding: 5px 12px; }
    .title-row .container .title-row-links a {
      padding: 0 12px; }
      .title-row .container .title-row-links a:last-child {
        padding-right: 8px; }
      .title-row .container .title-row-links a:hover {
        color: #008ce5; }
    .title-row .container .title-row-links.tool-filters {
      border-top: 0;
      margin-top: 0; }
    .title-row .container .title-row-links .mediatar-search {
      margin-top: 0;
      border-top: 0;
      overflow: visible; }
      .title-row .container .title-row-links .mediatar-search h1 > a {
        padding: 0; }
      .title-row .container .title-row-links .mediatar-search > div {
        padding: 0 5px; }
      .title-row .container .title-row-links .mediatar-search .input-group {
        margin-bottom: 0; }
      .title-row .container .title-row-links .mediatar-search .btn, .title-row .container .title-row-links .mediatar-search .btn-facebook, .title-row .container .title-row-links .mediatar-search .btn-round, .title-row .container .title-row-links .mediatar-search .btn-default, .title-row .container .title-row-links .mediatar-search .btn-sausage, .title-row .container .title-row-links .mediatar-search .btn-success, .title-row .container .title-row-links .mediatar-search .btn-yellow, .title-row .container .title-row-links .mediatar-search .btn-white, .title-row .container .title-row-links .mediatar-search .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .title-row .container .title-row-links .mediatar-search button {
        padding: 6px 13px;
        margin-top: 0;
        margin-bottom: 0; }
      @media (min-width: 992px) {
        .title-row .container .title-row-links .mediatar-search .item-count {
          line-height: 2.5em; } }
    .title-row .container .title-row-links .checkbox {
      margin: 4px 5px 0 0; }
      .title-row .container .title-row-links .checkbox input {
        position: relative;
        top: 1px; }
    .title-row .container .title-row-links a {
      padding: 0 10px;
      color: #455771; }
      .title-row .container .title-row-links a.btn, .title-row .container .title-row-links a.btn-facebook, .title-row .container .title-row-links a.btn-round, .title-row .container .title-row-links a.btn-default, .title-row .container .title-row-links a.btn-sausage, .title-row .container .title-row-links a.btn-success, .title-row .container .title-row-links a.btn-yellow, .title-row .container .title-row-links a.btn-white {
        padding: 6px 15px;
        margin-top: -5px;
        margin-bottom: -5px; }
        .title-row .container .title-row-links a.btn > i, .title-row .container .title-row-links a.btn-facebook > i, .title-row .container .title-row-links a.btn-round > i, .title-row .container .title-row-links a.btn-default > i, .title-row .container .title-row-links a.btn-sausage > i, .title-row .container .title-row-links a.btn-success > i, .title-row .container .title-row-links a.btn-yellow > i, .title-row .container .title-row-links a.btn-white > i {
          font-size: 18px; }
      .title-row .container .title-row-links a.btn-primary {
        color: #fff; }
      .title-row .container .title-row-links a.active_class {
        font-weight: bold;
        color: #008ce5; }
    .title-row .container .licence-helper-links.title-row-links a {
      color: #008ce5;
      font-weight: bold; }
  .title-row.homework-title-row {
    border-bottom: 1px solid #dee5f2; }
  .title-row.course-row {
    margin-bottom: 0; }
  .title-row.group-title {
    margin-bottom: 0;
    border-bottom: 1px solid #dee5f2; }
  .title-row.mediatar-row .filter-admin div {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .title-row.mediatar-row .filter-admin div > div {
      padding-left: 5px;
      padding-right: 5px; }
      .title-row.mediatar-row .filter-admin div > div .btn, .title-row.mediatar-row .filter-admin div > div .btn-facebook, .title-row.mediatar-row .filter-admin div > div .btn-round, .title-row.mediatar-row .filter-admin div > div .btn-default, .title-row.mediatar-row .filter-admin div > div .btn-sausage, .title-row.mediatar-row .filter-admin div > div .btn-success, .title-row.mediatar-row .filter-admin div > div .btn-yellow, .title-row.mediatar-row .filter-admin div > div .btn-white, .title-row.mediatar-row .filter-admin div > div .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .title-row.mediatar-row .filter-admin div > div button {
        margin: 0; }
        .title-row.mediatar-row .filter-admin div > div .btn:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-facebook:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-round:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-default:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-sausage:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-success:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-yellow:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .btn-white:nth-of-type(2), .title-row.mediatar-row .filter-admin div > div .ui-dialog .ui-dialog-buttonpane button:nth-of-type(2), .ui-dialog .ui-dialog-buttonpane .title-row.mediatar-row .filter-admin div > div button:nth-of-type(2) {
          margin-left: 10px; }
  .title-row.mediatar-row .filter-admin .order-direction {
    width: 30px;
    text-align: center; }
  .title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown .dropdown {
    padding: 0; }
  .title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown .dropdown, .title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown span.form-control, .title-row.mediatar-row .mediatar-filter.lexikon .collection-dropdown span.cke_editable {
    width: 100%; }
  .title-row.mediatar-row .mediatar-filter .row {
    margin-left: -5px;
    margin-right: -5px; }
    .title-row.mediatar-row .mediatar-filter .row div[class*='col-'] {
      padding-left: 5px;
      padding-right: 5px; }
  .title-row.mediatar-row .mediatar-filter .title-row-links {
    float: none;
    overflow: visible;
    border-top: 0;
    margin-top: 0;
    margin-bottom: 0; }
    .title-row.mediatar-row .mediatar-filter .title-row-links li {
      padding: 0 12px; }
  .title-row.lexikon-edit-header .container {
    height: 35px; }
    .title-row.lexikon-edit-header .container .title-row-links li {
      width: inherit;
      display: inline-block; }
  .title-row .lexikon_3d_admin_header .title-row-links li {
    padding: 0; }
  .title-row.webshop-admin .title-row-links {
    float: none; }
    .title-row.webshop-admin .title-row-links a {
      padding: 0 17px; }

.shop_landing .title-row, .offers_landing .title-row {
  margin-bottom: 8px; }

.sub-menu-wrapper {
  margin-bottom: 25px; }
  @media (min-width: 992px) {
    .sub-menu-wrapper .title-row {
      margin-bottom: 0;
      padding: 0; } }

@media (max-width: 767px) {
  .title-row {
    height: initial !important; }
    .title-row .container {
      position: relative !important;
      height: initial !important;
      padding-top: 20px !important;
      padding-bottom: 20px !important; }
      .title-row .container h1 {
        margin-bottom: 0; } }

@media (min-width: 992px) {
  .title-row .container.mediatar-filter .title-row-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
    .title-row .container.mediatar-filter .title-row-links .col-count {
      line-height: 2.5em; }
  .title-row .container.mediatar-filter.lexikon .collection-select {
    display: none; } }

@media (max-width: 992px) {
  .title-row {
    height: 56px;
    margin-bottom: 10px; }
    .title-row.blog-row {
      margin-bottom: 30px; }
    .title-row .container h1 {
      font-size: 24px; }
      .title-row .container h1 > i {
        font-size: 30px;
        line-height: 34px;
        vertical-align: top;
        margin-top: 0;
        margin-right: 3px;
        bottom: 0; }
      .title-row .container h1 a i {
        font-size: 20px;
        vertical-align: top;
        margin: 0 0 0 10px;
        line-height: 20px; }
      .title-row .container h1 > i.fill-square.size-40 {
        font-size: 22px !important;
        padding: 4px !important;
        line-height: initial !important; }
    .title-row .container .title-row-links li, .title-row .container .title-row-views li {
      display: block;
      width: 100%;
      margin-bottom: 10px; }
    .title-row .container .title-row-links {
      margin-left: -15px;
      margin-right: -15px;
      padding-left: 15px;
      padding-right: 15px;
      float: none;
      clear: both;
      padding-top: 0; }
      .title-row .container .title-row-links.licence-helper-links {
        height: auto;
        padding-top: 20px; }
      .title-row .container .title-row-links .asc {
        display: none; }
    .title-row .container .title-row-views li {
      float: right;
      width: inherit; }
    .title-row .container .title-row-views .item-count {
      display: none; }
    .title-row.title-row-shop .container .title-row-views {
      top: -5px; }
    .title-row.mediatar-row {
      height: 100%; }
      .title-row.mediatar-row .container.mediatar-filter .title-row-links {
        height: inherit;
        border-top: 0; }
        .title-row.mediatar-row .container.mediatar-filter .title-row-links li {
          margin-bottom: 0;
          padding: 0; }
          .title-row.mediatar-row .container.mediatar-filter .title-row-links li .item-count {
            padding-right: 0; }
          .title-row.mediatar-row .container.mediatar-filter .title-row-links li.mediatar-search, .title-row.mediatar-row .container.mediatar-filter .title-row-links li.col-select {
            margin-top: 10px; }
      .title-row.mediatar-row .container.mediatar-filter.lexikon .collection-dropdown {
        display: none; }
      .title-row.mediatar-row .container.mediatar-filter.lexikon .collection-select {
        display: block; }
    .title-row.mediatar-row.filter-admin {
      height: inherit; }
      .title-row.mediatar-row.filter-admin .container {
        height: inherit; }
        .title-row.mediatar-row.filter-admin .container .filter-admin li {
          width: inherit;
          display: inline; }
          .title-row.mediatar-row.filter-admin .container .filter-admin li .checkbox {
            display: inline-block; }
  .sub-menu-wrapper .container {
    position: relative; } }

.table-like {
  background-color: white;
  border: 1px solid #c7d3e5;
  margin-bottom: 15px;
  padding: 0 15px; }
  .table-like .gray-cell {
    background-color: #d2e0f1; }
  .table-like > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .table-like > .row:before, .table-like > .row:after {
      display: none; }
    .table-like > .row > div[class*='col-'] {
      min-height: 40px;
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 0;
      border-left: 1px solid #c7d3e5; }
      @media (max-width: 767px) {
        .table-like > .row > div[class*='col-'].hw-placeholder.hidden-xs + div[class*='col-'] {
          border-left: none; } }
      .table-like > .row > div[class*='col-']:first-child {
        border-left: none; }
      .table-like > .row > div[class*='col-'] p {
        margin: 0; }
      .table-like > .row > div[class*='col-'] > div {
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      .table-like > .row > div[class*='col-']:before, .table-like > .row > div[class*='col-']:after {
        display: none; }
    .table-like > .row:not(:first-child) > div[class*='col-'] {
      border-top: 1px solid #c7d3e5; }
      .table-like > .row:not(:first-child) > div[class*='col-'].tl-placeholder:not(:first-of-type) {
        border-top: none; }
    .table-like > .row:not(:first-child).separate-row > div[class*='col-'] {
      border-top: 1px solid #a4b8d5; }
      .table-like > .row:not(:first-child).separate-row > div[class*='col-'].tl-placeholder {
        border-top: none; }
        @media (max-width: 767px) {
          .table-like > .row:not(:first-child).separate-row > div[class*='col-'].tl-placeholder:not(:first-of-type).hidden-sm ~ [class*='col-'] {
            border-top: 1px solid #c7d3e5; } }
  .table-like .no-border.row {
    border-top: none !important; }
  .table-like .no-border[class*='col-'] {
    border-left: none !important; }
  .table-like .border--top {
    border-top: 1px solid #c7d3e5; }
  .table-like .border--left {
    border-left: 1px solid #c7d3e5; }
  @media (min-width: 768px) and (max-width: 991px) {
    .table-like .no-border-sm.row {
      border-top: none !important; }
    .table-like .no-border-sm[class*='col-'] {
      border-left: none !important; }
    .table-like .border-sm--top {
      border-top: 1px solid #c7d3e5; }
    .table-like .border-sm--left {
      border-left: 1px solid #c7d3e5; } }
  @media (max-width: 767px) {
    .table-like .no-border-xs.row {
      border-top: none !important; }
    .table-like .no-border-xs[class*='col-'] {
      border-left: none !important; }
    .table-like .border-xs--top {
      border-top: 1px solid #c7d3e5; }
    .table-like .border-xs--left {
      border-left: 1px solid #c7d3e5; } }

.task-wrapper .table-like .row div[class*='col-'] .hw-title-sm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .task-wrapper .table-like .row div[class*='col-'] .hw-title-sm [class^="mwicon-"], .task-wrapper .table-like .row div[class*='col-'] .hw-title-sm [class*=" mwicon-"] {
    top: 1px; }

.task-wrapper .table-like .row div[class*='col-'] .hw-class-sm {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .hw-group-type,
  .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .students,
  .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .no-group {
    padding: 5px 0 5px 10px; }
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .hw-group-type .icon,
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .students .icon,
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .no-group .icon {
      width: 30px;
      display: block;
      float: left; }
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .hw-group-type [class^="mwicon-"], .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .hw-group-type [class*=" mwicon-"],
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .students [class^="mwicon-"],
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .students [class*=" mwicon-"],
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .no-group [class^="mwicon-"],
    .task-wrapper .table-like .row div[class*='col-'] .hw-class-sm .no-group [class*=" mwicon-"] {
      font-size: 20px;
      top: 1px; }

.group-wrapper .table-like .row div[class*='col-'] .gp-type-sm i,
.group-wrapper .table-like .row div[class*='col-'] .gp-key-sm i,
.group-wrapper .table-like .row div[class*='col-'] .gp-share-sm i,
.group-wrapper .table-like .row div[class*='col-'] .gp-headcount-sm i {
  font-size: 26px; }

.group-wrapper .table-like .row div[class*='col-'] .gp-headcount-sm {
  white-space: nowrap; }

.group-wrapper .table-like .row div[class*='col-'] .gp-type-sm i {
  position: relative;
  margin-right: 5px;
  font-size: 30px; }

.group-wrapper .table-like.active .row .gp-name-sm .item-actions {
  display: block !important; }
  .group-wrapper .table-like.active .row .gp-name-sm .item-actions i {
    text-shadow: none; }

.homework-task-evaluation .table-like {
  box-shadow: none; }
  .homework-task-evaluation .table-like .hte-status-sm i {
    color: #00cc61;
    font-size: 17px; }
  .homework-task-evaluation .table-like tr.hte-inprogress-sm a {
    color: #455771; }
  .homework-task-evaluation .table-like .hte-description-sm i {
    float: left;
    margin-right: 10px;
    font-size: 20px; }
  .homework-task-evaluation .table-like .hte-description-sm .hte-text {
    font-style: italic; }
    .homework-task-evaluation .table-like .hte-description-sm .hte-text p {
      margin: 0;
      float: left;
      line-height: 1.9; }
    .homework-task-evaluation .table-like .hte-description-sm .hte-text textarea {
      display: none; }
  .homework-task-evaluation .table-like .hte-percent-sm {
    margin: 10px 0;
    width: auto; }
    .homework-task-evaluation .table-like .hte-percent-sm .form-control, .homework-task-evaluation .table-like .hte-percent-sm .cke_editable {
      border-right: 0; }
    .homework-task-evaluation .table-like .hte-percent-sm .input-group-addon {
      background: white;
      border-left: none;
      font-weight: bold;
      color: #333;
      padding: 9.5px 20px; }
  .homework-task-evaluation .table-like .hte-grade-sm {
    margin: 10px 0; }

.custom-checkbox {
  cursor: pointer;
  /* normal */
  /* checked */
  /* checked mark aspect changes */
  /* disabled */
  /* focus */
  /* hover */ }
  .custom-checkbox [type="checkbox"] {
    display: none; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label,
  .custom-checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 20px;
    margin-bottom: 16px;
    cursor: pointer; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label:before,
  .custom-checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #DAD7D1; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label.checkbox-pipe:before {
    background-color: #bfcade;
    border: 1px solid #bfcade; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label.checkbox-plus:after {
    content: '\f067';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #DAD7D1; }
  .custom-checkbox.group-index [type="checkbox"]:not(:checked) + i.checkbox-plus:after {
    color: white; }
  .custom-checkbox.group-index [type="checkbox"]:not(:checked) + i.checkbox-plus:before {
    color: #DAD7D1; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label.checkbox-pipe:after {
    content: '\f00c';
    position: absolute;
    top: 4px;
    left: 4px;
    color: white; }
  .custom-checkbox [type="checkbox"]:checked + label.checkbox-plus:after,
  .custom-checkbox [type="checkbox"]:checked + label:after {
    content: '\f00c';
    position: absolute;
    top: 7px;
    left: 5px;
    font-size: 13px;
    line-height: 0.8;
    color: white; }
  .custom-checkbox.group-index [type="checkbox"]:checked + i.checkbox-plus:before,
  .custom-checkbox.group-index [type="checkbox"]:checked + i:before {
    color: #008ce5; }
  .custom-checkbox.group-index [type="checkbox"]:checked + i.checkbox-plus:after,
  .custom-checkbox.group-index [type="checkbox"]:checked + i:after {
    color: white; }
  .custom-checkbox [type="checkbox"]:checked + label:before {
    background-color: #008ce5;
    border-color: #008ce5; }
  .custom-checkbox [type="checkbox"]:checked + label:hover:before {
    background-color: #006db2 !important;
    border-color: #006db2 !important; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0; }
  .custom-checkbox [type="checkbox"]:not(:checked) + label.checkbox-x:after,
  .custom-checkbox [type="checkbox"]:not(:checked) + label.checkbox-plus:after,
  .custom-checkbox [type="checkbox"]:not(:checked) + label.checkbox-pipe:after,
  .custom-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1; }
  .custom-checkbox [type="checkbox"]:disabled + label,
  .custom-checkbox [type="checkbox"]:disabled + label + span {
    pointer-events: none; }
  .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:before {
    border-color: #E9E7E3;
    background: none; }
  .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:after {
    content: '';
    border-color: #E9E7E3;
    background: none; }
  .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label.checkbox-plus:after {
    content: '\f067';
    color: #E9E7E3;
    left: 6px; }
  .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label.checkbox-x:before {
    border-color: #E9E7E3;
    background: #E9E7E3; }
  .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label.checkbox-x:after {
    content: '\f00d';
    position: absolute;
    color: white;
    border-color: #E9E7E3;
    background: #E9E7E3;
    left: 5px;
    top: 3px; }
  .custom-checkbox [type="checkbox"]:disabled:checked + label:before {
    border-color: #E9E7E3;
    background-color: #E9E7E3; }
  .custom-checkbox [type="checkbox"]:disabled:checked + label:after {
    content: '\f00c';
    border-color: #E9E7E3;
    background-color: #E9E7E3;
    color: white;
    left: 5px; }
  .custom-checkbox [type="checkbox"]:checked:focus + label:before,
  .custom-checkbox [type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #008ce5; }
  .custom-checkbox label:hover:before, .custom-checkbox label.selected:before {
    border: 2px solid #008ce5 !important; }
  .custom-checkbox span {
    margin-left: 5px; }

.custom-radio {
  /* normal */
  /* checked */
  /* checked mark aspect changes */
  /* disabled */
  /* focus */
  /* hover */ }
  .custom-radio span {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .custom-radio > label {
    vertical-align: middle; }
  .custom-radio [type="radio"] {
    display: none; }
  .custom-radio [type="radio"]:not(:checked) + label,
  .custom-radio [type="radio"]:checked + label {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    width: 22px;
    height: 22px; }
  .custom-radio [type="radio"]:not(:checked) + label:before,
  .custom-radio [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #DAD7D1; }
  .custom-radio [type="radio"]:not(:checked) + label.radio-pipe:before {
    background-color: #bfcade;
    border: 1px solid #bfcade; }
  .custom-radio [type="radio"]:not(:checked) + label.radio-plus:after {
    content: '\f067';
    color: #DAD7D1; }
  .custom-radio [type="radio"]:not(:checked) + label.radio-pipe:after {
    content: '\f00c';
    color: white;
    background-color: #bfcade; }
  .custom-radio [type="radio"]:checked + label.radio-plus:after,
  .custom-radio [type="radio"]:not(:checked) + label:after,
  .custom-radio [type="radio"]:checked + label:after {
    content: '\f00c';
    position: absolute;
    font-size: 13px;
    line-height: 0.8;
    color: white;
    height: 9px;
    width: 12px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .custom-radio [type="radio"]:checked + label:before {
    background-color: #008ce5;
    border-color: #008ce5; }
  .custom-radio [type="radio"]:checked + label:hover:before {
    background-color: #006db2 !important;
    border-color: #006db2 !important; }
  .custom-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0; }
  .custom-radio [type="radio"]:not(:checked) + label.radio-x:after,
  .custom-radio [type="radio"]:not(:checked) + label.radio-plus:after,
  .custom-radio [type="radio"]:not(:checked) + label.radio-pipe:after,
  .custom-radio [type="radio"]:checked + label:after {
    opacity: 1; }
  .custom-radio [type="radio"]:disabled:not(:checked) + label:before {
    border-color: #E9E7E3;
    background: none; }
  .custom-radio [type="radio"]:disabled:not(:checked) + label:after {
    content: '';
    border-color: #E9E7E3;
    background: none; }
  .custom-radio [type="radio"]:disabled:not(:checked) + label.radio-plus:after {
    content: '\f067';
    color: #E9E7E3;
    left: 6px; }
  .custom-radio [type="radio"]:disabled:not(:checked) + label.radio-x:before {
    border-color: #E9E7E3;
    background: #E9E7E3; }
  .custom-radio [type="radio"]:disabled:not(:checked) + label.radio-x:after {
    content: '\f00d';
    color: white;
    border-color: #E9E7E3;
    background: #E9E7E3;
    left: 6px; }
  .custom-radio [type="radio"]:disabled:checked + label:before {
    border-color: #E9E7E3;
    background-color: #E9E7E3; }
  .custom-radio [type="radio"]:disabled:checked + label:after {
    content: '\f00c';
    border-color: #E9E7E3;
    background-color: #E9E7E3;
    color: white;
    left: 5px; }
  .custom-radio [type="radio"]:disabled + label {
    pointer-events: none; }
  .custom-radio [type="radio"]:checked:focus + label:before,
  .custom-radio [type="radio"]:not(:checked):focus + label:before {
    border: 2px solid #008ce5; }
  .custom-radio label:hover:before {
    border: 2px solid #008ce5 !important; }
  .custom-radio span {
    margin-left: 5px; }

.download-button-wrapper .table-cell {
  vertical-align: top; }
  .download-button-wrapper .table-cell:first-child {
    width: 46%;
    padding-right: 10px;
    padding-left: 0; }
  .download-button-wrapper .table-cell:last-child {
    width: 54%;
    padding-right: 0; }
  @media (max-width: 991px) {
    .download-button-wrapper .table-cell:first-child {
      width: 50%;
      display: block;
      margin: auto;
      padding: 0 0 20px 0; }
    .download-button-wrapper .table-cell:last-child {
      width: 100%;
      display: block;
      padding: 0; } }
  @media (max-width: 519px) {
    .download-button-wrapper .table-cell:first-child {
      width: 100%; } }

.mozamap-more {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .mozamap-more a {
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      display: block; } }
  @media (max-width: 519px) {
    .mozamap-more a {
      width: 100%; } }

.mozabook-more {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .mozabook-more {
      width: 100%;
      float: left;
      margin-left: auto;
      margin-right: auto;
      display: block;
      text-align: center; }
      .mozabook-more a:first-child {
        margin-right: 10px; } }
  @media (max-width: 519px) {
    .mozabook-more {
      width: 100%; }
      .mozabook-more a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .mozabook-more a:first-child {
          margin-right: 0; }
        .mozabook-more a:last-child {
          margin-left: 0; } }

.download-button {
  padding: 9px 15px 8px 65px;
  display: block;
  margin-left: 0;
  position: relative; }
  .download-button b {
    font-size: 17px; }
  .download-button small {
    font-size: 10px; }
  .download-button i {
    float: left;
    font-size: 52px;
    position: absolute;
    left: 8px;
    top: 2px; }
  .download-button span {
    display: inline-block;
    text-align: center; }
  .download-button > span {
    display: block;
    line-height: 1.2; }

.sheet-question {
  margin: 20px 0; }

.detail-price-block {
  float: right;
  text-align: right;
  position: absolute;
  bottom: 15px;
  right: 15px; }
  .detail-price-block .price {
    margin-bottom: 10px; }
  .detail-price-block .form-control, .detail-price-block .cke_editable, .detail-price-block .btn-primary, .detail-price-block .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .detail-price-block button {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-left: 5px; }

.mozaweb-option {
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 30px;
  min-height: 380px; }
  .mozaweb-option h4 {
    font-weight: bold;
    color: #008ce5;
    margin-top: 0;
    margin-bottom: 20px; }

.software-details {
  margin-top: 0px;
  margin-bottom: 15px; }

.download-icons {
  float: right;
  text-align: center; }
  .download-icons a {
    display: inline-block;
    max-width: 48%; }
    .download-icons a img {
      max-width: 100%; }
  .download-icons img {
    margin: 0 5px; }
  @media (max-width: 991px) {
    .download-icons {
      float: left;
      width: 100%;
      margin-bottom: 20px; } }
  @media (max-width: 519px) {
    .download-icons a {
      display: block;
      width: calc(50% - 5px);
      background-color: black;
      float: left;
      border-radius: 6px;
      max-width: inherit; }
      .download-icons a:first-child {
        margin-right: 5px; }
      .download-icons a:last-child {
        margin-left: 5px; }
      .download-icons a img {
        margin: auto; } }

.options label {
  display: table;
  border-bottom: 1px solid #dee5f2;
  font-size: 13px;
  width: 100%; }
  .options label:last-child {
    border: 0; }
  .options label > span {
    padding: 5px;
    display: table-cell;
    vertical-align: top; }
    .options label > span.price {
      vertical-align: middle; }

.mozamap-item {
  margin: 15px 0; }
  .mozamap-item .image-wrapper {
    float: left; }
  .mozamap-item .mozamap-details {
    margin-left: 150px;
    padding-bottom: 70px; }
    .mozamap-item .mozamap-details h4 {
      margin-top: 0; }

.language-selector-label {
  line-height: 34px; }

.language-selector > div {
  display: inline-block;
  padding-right: 10px; }
  .language-selector > div .form-control, .language-selector > div .cke_editable {
    min-width: 140px;
    width: auto; }

@media (max-width: 991px) {
  .mozaweb-option {
    min-height: inherit; }
  .software-details {
    margin-bottom: 0px; }
  .sheet-download {
    margin-bottom: 20px; }
  .sheet-image {
    text-align: center; }
    .sheet-image img {
      max-height: 200px; } }

@media (max-width: 767px) {
  .mozamap-item {
    margin: 15px 0; }
    .mozamap-item .image-wrapper {
      text-align: center;
      float: none;
      margin-bottom: 10px; }
    .mozamap-item .mozamap-details {
      margin-left: 0;
      padding-bottom: 0px; }
      .mozamap-item .mozamap-details h4 {
        margin-top: 0; }
  .detail-price-block {
    position: static;
    float: none;
    text-align: center; }
    .detail-price-block .form-control, .detail-price-block .cke_editable {
      margin-bottom: 10px; } }

.book-item-wrapper {
  border: 0;
  margin-bottom: 10px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .book-item-wrapper.list {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dee5f2;
    margin: 0;
    padding: 5px 0;
    float: none; }
    .book-item-wrapper.list .book-item {
      min-height: inherit;
      text-align: left; }
      .book-item-wrapper.list .book-item .image {
        float: left; }
        .book-item-wrapper.list .book-item .image img {
          width: 100%; }
      .book-item-wrapper.list .book-item .description, .book-item-wrapper.list .book-item .title, .book-item-wrapper.list .book-item .code {
        margin-left: 100px; }

.book-list-row {
  position: relative; }

.book-list-filter-button {
  position: relative;
  cursor: pointer;
  left: 249px;
  top: 120px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  text-align: center;
  border: 1px solid #CCC;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  display: none;
  z-index: 500; }

.software-map-item {
  min-height: 260px;
  margin-bottom: 30px; }
  .software-map-item h3 {
    margin-top: 0;
    font-size: 22px; }
  .software-map-item .image {
    margin-right: 20px;
    max-width: 130px;
    margin-bottom: 20px; }
  .software-map-item .licence-length {
    margin-right: 10px; }
  .software-map-item--small .price {
    margin-top: -20px; }
  .software-map-item .map-flags {
    margin: 1px 0; }
    .software-map-item .map-flags img {
      display: inline-block;
      margin-right: 3px; }
  .software-map-item .map-detail-flag-block {
    margin-right: 10px; }
  .software-map-item .small, .software-map-item .book-item .book-item-addon-info, .book-item .software-map-item .book-item-addon-info, .software-map-item .book-item .alcim, .book-item .software-map-item .alcim {
    margin: 10px 0; }
  .software-map-item p {
    margin-bottom: 5px; }
  .software-map-item .map-info-btn {
    display: inline-block;
    cursor: pointer;
    color: #008ce5; }
  .software-map-item .map-info {
    display: none; }

@media (max-width: 1199px) {
  .software-map-item {
    min-height: 340px; } }

@media (max-width: 991px) {
  .software-map-item {
    min-height: 260px; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .form-inline .form-group.license-length-field {
    margin-bottom: 15px; } }

@media (max-width: 991px) {
  .book-list-filter-button {
    display: inline-block; }
  .shop-left-menu {
    position: fixed;
    width: 250px;
    left: -250px;
    bottom: 0;
    top: 120px;
    padding: 0;
    background: #FFF;
    margin-bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition-duration: .3s;
    -webkit-transition-duration: .3s; }
    .shop-left-menu.open {
      left: 0; }
    .shop-left-menu .shop-left-menu-inner {
      position: absolute;
      border-right: 1px solid #ccc;
      left: 0;
      bottom: 0;
      top: 0;
      width: 250px;
      overflow-y: scroll;
      z-index: 600;
      background: #FFF;
      padding: 30px; } }

@media (max-width: 767px) {
  .book-item-wrapper {
    border-color: #FFF; }
  .shop-book-slide .book-item-wrapper {
    float: left;
    border-color: #fff; } }

.list .book-item h3 {
  margin: 0 0 5px 0; }

.shop-categories span, .shop-categories a {
  margin-right: 10px;
  display: inline-block; }

.section.shop-main-categories h2 {
  margin-bottom: 0; }

.section.shop-main-categories h4 {
  margin-top: 5px; }

.shop-main-categories-desc {
  min-height: 130px; }

.price-drop-books h3 {
  margin-top: 0; }

.accordion-group {
  font-size: 13px; }
  .accordion-group label {
    line-height: 20px;
    font-weight: normal;
    vertical-align: bottom;
    margin: 0 0 3px 0; }
  .accordion-group a {
    color: #455771; }
  .accordion-group input[type=checkbox] {
    margin: 0 5px 0 0;
    top: -3px;
    position: relative;
    vertical-align: bottom; }
    .accordion-group input[type=checkbox]:checked + span {
      font-weight: bold;
      color: #008ce5; }
  .accordion-group ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 0; }
    .accordion-group ul li ul {
      padding: 0 0 0 15px;
      display: none; }
      .accordion-group ul li ul li {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        padding-left: 5px; }
        .accordion-group ul li ul li.active {
          background: #008ce5;
          color: #FFF; }
          .accordion-group ul li ul li.active a {
            color: #FFF; }
    .accordion-group ul li > a {
      margin-bottom: 10px;
      display: block;
      font-size: 14px;
      font-weight: bold;
      color: #455771; }
      .accordion-group ul li > a i {
        color: #008ce5;
        font-size: 17px;
        margin-right: 5px;
        position: relative;
        display: inline-block; }
    .accordion-group ul li.active > ul {
      display: block; }
  .accordion-group .shop-main-categories i {
    float: left;
    margin: 4px 0 0 0; }
  .accordion-group .shop-main-categories span {
    display: block;
    margin-left: 20px; }

.related-book-list {
  padding: 0;
  margin: 0; }
  .related-book-list li {
    list-style-type: none;
    padding: 0 0 0 15px;
    background: url(../assets/images/gray-dot.png)/*tpa=https://cn.mozaweb.com/assets/images/gray-dot.png*/ no-repeat 0 6px; }

.book-details {
  margin-bottom: 10px;
  margin-top: 14px; }
  .book-details .alcim {
    margin-top: -7px;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 10px; }
  .book-details > .col-md-7:after {
    content: '';
    display: block;
    clear: both; }
  .book-details li {
    list-style-type: none;
    padding: 0 0 0 15px;
    background: url(../assets/images/gray-dot.png)/*tpa=https://cn.mozaweb.com/assets/images/gray-dot.png*/ no-repeat 0 6px; }
  .book-details .image-wrapper {
    float: left;
    -webkit-perspective: 300px;
    perspective: 300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .book-details .image-wrapper .image {
      display: block;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
      transition-duration: .3s; }
      .book-details .image-wrapper .image .book-cover-link {
        position: relative;
        display: block;
        cursor: pointer;
        z-index: 30; }
      .book-details .image-wrapper .image.flip-right {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg); }
      .book-details .image-wrapper .image.flip-left {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg); }
      .book-details .image-wrapper .image.flip:hover {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg); }
    .book-details .image-wrapper .info {
      text-align: center; }
      .book-details .image-wrapper .info p {
        color: #455771;
        padding: 5px 0 0; }
  .book-details .description .book-buttons {
    float: left;
    width: 100%; }
    .book-details .description .book-buttons .book-type {
      float: left; }
      .book-details .description .book-buttons .book-type div[class*='type-'] {
        padding: 0 5px;
        float: left; }
        .book-details .description .book-buttons .book-type div[class*='type-']:first-child {
          padding-left: 0; }
    .book-details .description .book-buttons .course_open_button {
      margin-left: 10px;
      padding-top: 4px;
      float: left; }
  .book-details .extras .extra {
    display: inline-block;
    text-align: center;
    color: #000000;
    font-size: 13px;
    margin: 0 3px;
    padding: 0;
    border: none;
    font-weight: normal; }
    .book-details .extras .extra i {
      color: #a9c2e4;
      margin-bottom: 2px;
      display: block; }
  .book-details .description {
    margin-left: 240px; }
    .book-details .description h2 {
      margin-top: 0; }
  .book-details .add-to-cart .price {
    float: right; }
  .book-details .add-to-cart .add_to_cart {
    margin-top: 15px; }
  .book-details .add-to-cart .btn, .book-details .add-to-cart .btn-facebook, .book-details .add-to-cart .btn-round, .book-details .add-to-cart .btn-default, .book-details .add-to-cart .btn-sausage, .book-details .add-to-cart .btn-success, .book-details .add-to-cart .btn-yellow, .book-details .add-to-cart .btn-white, .book-details .add-to-cart .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .book-details .add-to-cart button, .book-details .add-to-cart .form-control, .book-details .add-to-cart .cke_editable {
    vertical-align: top; }
  .book-details .nav-tabs {
    font-size: 13px; }
  .book-details .links {
    font-weight: bold;
    margin-top: 20px; }
    .book-details .links a {
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px solid #dee5f2;
      cursor: pointer; }
      .book-details .links a:last-child {
        border: 0; }
  .book-details .col-md-5 {
    padding-left: 25px; }
  .book-details .js-mozabook-offline-checkbox {
    top: 0;
    margin-top: 3px;
    vertical-align: top; }

.book-info-desc {
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  font-size: 14px;
  margin-bottom: 5px; }
  .book-info-desc ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 13px; }
    .book-info-desc ul li {
      margin-bottom: 6px; }
  .book-info-desc li {
    list-style-type: none;
    padding: 0 0 0 15px;
    background: url(../assets/images/gray-dot.png)/*tpa=https://cn.mozaweb.com/assets/images/gray-dot.png*/ no-repeat 0 6px; }
  .book-info-desc p {
    margin: 0; }

.shop_landing .title-bar {
  border-bottom: 1px solid #c7d3e5;
  margin: 20px 0 10px; }

.shop_landing .bg {
  background-color: #e6ecf6;
  padding-top: 20px; }

.shop_landing .offers-menu {
  padding: 30px 0 20px; }
  .shop_landing .offers-menu .header-box {
    background-color: #fff;
    border: 1px solid #d2e0f1;
    cursor: pointer; }
    .shop_landing .offers-menu .header-box:hover .header.green {
      background-color: #0a8f52; }
    .shop_landing .offers-menu .header-box:hover .header.blue {
      background-color: #006db2; }
    .shop_landing .offers-menu .header-box:hover .header.orange {
      background-color: #c95f09; }
    .shop_landing .offers-menu .header-box .header {
      padding: 10px 20px;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s; }
      .shop_landing .offers-menu .header-box .header span {
        font-size: 22px;
        color: #fff;
        padding-left: 10px; }
      .shop_landing .offers-menu .header-box .header.blue {
        background-color: #008ce5; }
      .shop_landing .offers-menu .header-box .header.orange {
        background-color: #f47711; }
      .shop_landing .offers-menu .header-box .header.green {
        background-color: #0dbf6d; }
      .shop_landing .offers-menu .header-box .header i {
        color: #fff;
        opacity: 0.6; }
        .shop_landing .offers-menu .header-box .header i.fa-check-circle {
          font-size: 26px; }
        .shop_landing .offers-menu .header-box .header i.fa-angle-right {
          font-size: 32px; }
        .shop_landing .offers-menu .header-box .header i.mwicon-favourrite {
          position: inherit;
          text-shadow: none;
          font-size: 28px;
          vertical-align: sub; }
      .shop_landing .offers-menu .header-box .header img {
        vertical-align: sub; }
    .shop_landing .offers-menu .header-box .desc {
      padding: 15px;
      color: #455771; }
  .shop_landing .offers-menu.licencelist-licence-helper {
    padding-top: 0; }
    .shop_landing .offers-menu.licencelist-licence-helper .header-box .header span {
      padding-left: 0; }

.shop_landing .box {
  padding: 20px; }
  .shop_landing .box .inside-box {
    background-color: #fff;
    border: 1px solid #d2e0f1;
    text-align: center;
    padding: 25px 35px 35px 35px; }
  .shop_landing .box .main-img {
    padding-bottom: 15px; }
    .shop_landing .box .main-img img {
      width: 100%;
      transition: all .2s ease-in-out; }
      .shop_landing .box .main-img img:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); }
  .shop_landing .box .title {
    font-size: 24px;
    font-weight: bold;
    color: #008ce5;
    margin: 0 -20px; }
  .shop_landing .box .desc {
    padding-bottom: 20px;
    min-height: 65px; }
  .shop_landing .box .icons .icon {
    background-color: #c7d3e5;
    border-radius: 20px;
    max-width: 40px;
    height: auto;
    margin: 0 5px;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s; }
    .shop_landing .box .icons .icon:hover {
      background-color: #008ce5; }
    .shop_landing .box .icons .icon.disabled {
      transition: none;
      -webkit-transition: none; }
      .shop_landing .box .icons .icon.disabled:hover {
        background-color: #c7d3e5; }

.shop_landing .col-md-6 .main-img img {
  max-width: 370px; }

@media (max-width: 1199px) {
  .book-details {
    margin-bottom: 15px; }
    .book-details .image-wrapper {
      max-width: 162px; }
      .book-details .image-wrapper .image.image-large:after {
        width: 190px;
        height: 12px;
        left: -15px;
        bottom: -10px; }
    .book-details .description {
      margin: 0 0 30px 190px; } }

@media (max-width: 767px) {
  .book-details .image-wrapper {
    margin: auto;
    float: none; }
  .book-details .description {
    margin: 20px 0; }
  .shop_landing .main-img img {
    max-width: 310px; } }

@media (min-width: 992px) {
  #toc > .row [class*='col-']:not(:only-child):first-child .toc {
    padding-right: 40px; }
  #toc > .row [class*='col-']:not(:only-child):last-child .toc {
    padding-left: 40px; } }

#toc .toc {
  list-style-type: none;
  display: table;
  width: 100%;
  padding: 0; }
  #toc .toc .toc-image {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
    #toc .toc .toc-image img {
      max-width: 100px;
      margin-bottom: 10px; }
  #toc .toc h3 {
    margin: 0 0 10px 0;
    display: inline-block; }
  #toc .toc ul {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    clear: both; }
    #toc .toc ul li:hover {
      background: rgba(222, 229, 242, 0.3); }
  #toc .toc li {
    display: table-row; }
  #toc .toc .toc-title, #toc .toc .toc-page {
    display: table-cell;
    padding: 4px 0;
    color: #455771;
    font-size: 15px;
    border-bottom: 1px solid #dee5f2; }
  #toc .toc .toc-title {
    width: 90%; }
  #toc .toc .toc-page {
    width: 10%;
    text-align: right; }

.item-description {
  overflow: hidden; }

.detail-read-more {
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  top: -10px; }
  .detail-read-more a {
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
    display: block;
    text-align: center;
    padding: 5px 0;
    font-size: 13px; }

.open-course {
  line-height: 30px;
  margin-top: 10px;
  display: inline-block;
  margin-right: 40px; }
  .open-course i {
    vertical-align: middle;
    font-size: 30px;
    margin: 0 5px 0 0; }

.section.software-shop-item {
  text-align: left; }
  .section.software-shop-item.software-mozabook .container, .section.software-shop-item.shop-mozamap .container {
    padding-bottom: 0; }
  .section.software-shop-item .container {
    overflow: hidden; }
  .section.software-shop-item .brand-logo {
    float: none;
    display: inline-block;
    position: static; }
    .section.software-shop-item .brand-logo i {
      margin-top: 7px; }
  .section.software-shop-item.gray {
    background: #f2f5f9; }

.software-block .badge-wrapper i {
  top: -24px;
  right: -24px;
  font-size: 60px; }

.software-block .wbox-content {
  padding: 30px;
  display: inline-block;
  width: 100%; }

.software-image,
.software-description,
.software-price-block {
  display: inline-block;
  vertical-align: top; }

.software-image {
  padding-right: 20px;
  width: 10%;
  white-space: nowrap; }
  .software-image .multiple {
    box-shadow: -5px -5px 0 rgba(62, 116, 209, 0.3), -10px -10px 0 rgba(62, 116, 209, 0.15); }
  .software-image img {
    max-width: 130px; }
  .software-image i {
    position: relative;
    top: 10px;
    margin: 0 5px;
    font-size: 30px;
    color: #ec165a; }

@media (max-width: 767px) {
  .software-image img {
    max-width: 100px; } }

.supported-languages {
  color: #ec165a;
  font-weight: bold;
  font-size: 16px;
  top: 80px;
  right: 30px;
  position: absolute;
  display: block; }

@media (max-width: 991px) {
  .supported-languages {
    margin: 15px 0;
    position: static; } }

.software-description {
  width: 24%; }
  .software-description.wide {
    width: 40%; }
  .software-description h3 {
    font-weight: bold;
    margin-top: 0;
    color: #008ce5; }
  .software-description span[title] {
    margin-left: 10px;
    color: #c7d3e5; }

.software-price-block {
  vertical-align: bottom;
  width: 350px;
  text-align: right; }
  .software-price-block .lang_select {
    padding-left: 0;
    margin-bottom: 15px;
    text-align: left;
    white-space: normal; }
    .software-price-block .lang_select select {
      width: 150px; }
      .software-price-block .lang_select select[disabled] {
        pointer-events: none; }
    .software-price-block .lang_select .bootstrap-select.disabled {
      pointer-events: none;
      opacity: .4; }
      .software-price-block .lang_select .bootstrap-select.disabled .btn .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-facebook .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-round .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-default .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-sausage .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-success .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-yellow .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .btn-white .filter-option img, .software-price-block .lang_select .bootstrap-select.disabled .ui-dialog .ui-dialog-buttonpane button .filter-option img, .ui-dialog .ui-dialog-buttonpane .software-price-block .lang_select .bootstrap-select.disabled button .filter-option img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-filter: gray;
        filter: gray;
        /* IE6-9 */ }
  .software-price-block .price .original-price {
    color: black;
    margin-right: 15px;
    font-size: 15px;
    text-decoration: line-through; }
    .software-price-block .price .original-price .currency {
      font-size: 15px; }
  @media (min-width: 1200px) {
    .software-price-block .price {
      text-align: right;
      margin-bottom: 5px; } }
  .software-price-block del {
    margin-right: 20px; }
  .software-price-block .form-group {
    margin-top: 5px; }

@media (max-width: 1199px) {
  .software-price-block .lang_select select {
    width: auto; }
  .software-description.wide {
    width: 45%; } }

@media (max-width: 991px) {
  .software-price-block .lang_select {
    padding-left: 0;
    margin-top: 30px; }
    .software-price-block .lang_select select {
      width: auto; }
  .software-description.wide {
    width: 45%; } }

.software-discount-calc {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.accordion-group .shop-main-categories {
  border-bottom: 1px solid #dee5f2;
  padding-bottom: 10px; }

.type-details-extra {
  padding-right: 8px;
  height: 67px; }
  .type-details-extra div {
    padding-left: 0; }
  .type-details-extra .type-details {
    float: left;
    padding-right: 10px;
    margin-top: 15px; }
    .type-details-extra .type-details .book-type {
      vertical-align: middle;
      display: inline-block; }
      .type-details-extra .type-details .book-type div[class*='type-'] {
        padding: 0 5px 0 0; }
        .type-details-extra .type-details .book-type div[class*='type-'] a i {
          margin: 0; }
          .type-details-extra .type-details .book-type div[class*='type-'] a i:before {
            margin: 2px 0 0; }
    .type-details-extra .type-details .book-buttons {
      vertical-align: middle;
      display: inline-block; }
  .type-details-extra .button-extras {
    display: inline-block;
    float: left; }

.shop-software-btns {
  margin: 0 -5px; }
  .shop-software-btns .btn-large {
    margin-top: 15px; }
  .shop-software-btns i.fa {
    font-size: 21px;
    position: relative;
    display: inline-block;
    bottom: -2px;
    margin-top: -2px;
    margin-right: 5px; }

.shop-software-video-link {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  display: inline-block; }
  .shop-software-video-link i {
    vertical-align: middle;
    bottom: auto; }

.shop-software-more {
  padding: 5px 0 15px 0; }
  .shop-software-more a {
    display: inline-block;
    padding: 0 10px 0 0;
    margin-right: 10px;
    border-right: 1px solid #CCC; }
    .shop-software-more a:last-child {
      border-right: 0; }

.info_holder_inner .software-image {
  padding-right: 0;
  width: auto;
  float: left;
  margin-right: 30px; }

.mozamap-tabs .tabs-filled > li {
  position: relative;
  padding-bottom: 30px; }
  .mozamap-tabs .tabs-filled > li .price {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0; }

@media (max-width: 1024px) {
  .book-item {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 1199px) {
  .software-block .wbox-content {
    padding: 20px; }
  .software-block .software-image {
    padding: 0; }
  .software-block .software-price-block {
    display: block;
    width: 100%;
    clear: both; }
  .section.software-shop-item {
    text-align: center; }
    .section.software-shop-item .brand-logo {
      display: block; }
    .section.software-shop-item .shop-software-btns {
      text-align: center; } }

@media (max-width: 767px) {
  .software-block .software-image {
    display: block;
    width: 100%;
    padding: 0; }
  .software-block .software-description {
    display: block;
    padding-top: 20px;
    width: 100%; } }

.quantity-input {
  width: 55px !important; }

.quantity-number-input {
  width: 60px !important;
  height: 35px !important;
  padding: 0 3px 0 10px !important; }

.shop-qty-text {
  height: 35px !important;
  line-height: 33px !important;
  padding: 0 10px !important; }

@media (max-width: 767px) {
  .quantity-input {
    width: 100% !important; } }

.page-webshop .pagination {
  margin: 30px 0; }

.price .currency {
  font-size: 18px; }

.download-steps {
  border-top: 1px solid #DEE5F2;
  border-bottom: 1px solid #DEE5F2;
  padding: 15px 0;
  margin: 20px 0; }
  .download-steps ol {
    margin: 0; }

.lang-variant-holder {
  display: inline-block; }

.book_list .catalog-list-flex {
  margin-top: 30px;
  min-width: 240px;
  border: 0;
  font-size: 15px; }
  .book_list .catalog-list-flex .catalog-list-cell > div {
    width: 100%; }
  .book_list .catalog-list-flex .catalog-list-cell h3 {
    margin-bottom: 15px;
    margin-top: 0; }
    .book_list .catalog-list-flex .catalog-list-cell h3 a {
      color: #455771;
      font-size: 18px; }
  .book_list .catalog-list-flex .catalog-list-cell ul {
    padding-left: 0;
    margin-bottom: 40px;
    list-style: none;
    max-width: 256px; }
    .book_list .catalog-list-flex .catalog-list-cell ul li {
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
    .book_list .catalog-list-flex .catalog-list-cell ul a {
      color: #455771; }
      .book_list .catalog-list-flex .catalog-list-cell ul a:hover {
        color: #008ce5; }
  .book_list .catalog-list-flex .title-bar.catalog_title {
    border: 0;
    margin: 0;
    width: 256px;
    padding-top: 2px;
    position: relative; }
    .book_list .catalog-list-flex .title-bar.catalog_title a {
      line-height: 1.2;
      margin-top: 5px;
      margin-bottom: 7px; }
    .book_list .catalog-list-flex .title-bar.catalog_title.lower-grade {
      border-bottom: 1px solid #DEE5F2; }
      .book_list .catalog-list-flex .title-bar.catalog_title.lower-grade a {
        color: #ad6732; }
    .book_list .catalog-list-flex .title-bar.catalog_title.top-grade {
      border-bottom: 1px solid #DEE5F2; }
      .book_list .catalog-list-flex .title-bar.catalog_title.top-grade a {
        color: #5174a8; }
    .book_list .catalog-list-flex .title-bar.catalog_title.other {
      border-bottom: 1px solid #DEE5F2; }
      .book_list .catalog-list-flex .title-bar.catalog_title.other a {
        color: #707a87; }
  .book_list .catalog-list-flex .title-bar h4 {
    font-weight: bold;
    float: left; }

.book_list .katalogus_button a {
  font-weight: normal;
  margin-left: 22px; }

.book_list .bold {
  font-weight: bold !important; }

.book_list .hu_special_filter {
  margin-left: 22px;
  font-size: 14px; }
  .book_list .hu_special_filter li a {
    font-weight: normal; }

.book_list .noborder {
  border: 0; }

.book_list .title_icon {
  height: 70px; }

.book_list .subject_title {
  display: block;
  float: left;
  padding: 0;
  font-weight: bold; }

.book_list .separator_title {
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%; }
  .book_list .separator_title h4 {
    font-size: 22px;
    font-weight: bold; }
  .book_list .separator_title .title_bar_link {
    font-size: 15px; }
    .book_list .separator_title .title_bar_link a {
      float: right;
      line-height: 35px;
      margin-top: 10px; }

.book_list .book-block-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .book_list .book-block-list .row-flex {
    min-width: 100%; }

.book_list .lazy-load-bar-container {
  text-align: center;
  display: inline-block;
  width: 100%; }

.book_list .lazy-load-bar {
  width: 340px;
  margin: auto;
  text-align: center;
  cursor: pointer;
  display: inline-block; }
  .book_list .lazy-load-bar.text {
    font-size: 16px;
    cursor: default; }

@media (max-width: 700px) {
  .section-sm {
    width: 100% !important; }
  .margin-sm {
    display: none; }
  .marginlayer2-sm {
    position: unset !important;
    float: right;
    margin-left: 30px; } }

.serie_view_content_list h4 {
  font-size: 20px;
  margin-top: 0; }
  .serie_view_content_list h4 .h4 {
    font-size: 22px; }

.serie_description {
  margin-top: 40px; }
  .serie_description h4 {
    font-weight: bold;
    font-size: 15px; }
  .serie_description p {
    font-size: 14px; }

.book-item {
  text-align: center;
  position: relative;
  min-height: 250px;
  margin-bottom: 23px;
  margin-top: 35px;
  display: inline-block;
  width: 100%; }
  .book-item .title {
    font-size: 15px;
    display: block;
    font-weight: bold;
    margin: 10px 4px 0 4px; }
  .book-item .description {
    font-size: 13px; }
  .book-item .code {
    font-weight: bold;
    font-size: 13px; }
  .book-item .book-item-addon-info {
    float: right;
    text-align: right;
    line-height: 20px;
    margin-top: 0; }
  .book-item .syllabus_margin {
    margin: 10px 0; }
  .book-item .bookdetails_link {
    font-weight: bold; }
  .book-item .alcim {
    font-style: italic;
    margin-bottom: 10px; }
  .book-item .book {
    position: relative;
    max-width: 126px;
    margin: auto; }
  .book-item .row {
    margin-left: 0;
    margin-right: 0; }
  .book-item.block {
    margin-top: 15px;
    margin-bottom: 15px; }
  .book-item .edition {
    margin-bottom: 10px; }
  .book-item .book_recommended {
    margin-left: 0;
    margin-right: 0; }
  .book-item .buy_button {
    min-width: 121px; }
  .book-item .next-to-pic {
    padding-left: 22px;
    display: inline-block;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    @media (max-width: 1199px) {
      .book-item .next-to-pic {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%; } }
    .book-item .next-to-pic .type-book {
      display: inline-block; }
    .book-item .next-to-pic .type-html {
      display: inline-block; }
  .book-item .serie_title {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 15px; }
  .book-item .image-div {
    display: inline-block;
    float: left;
    width: 143px;
    margin: 0;
    margin-top: 3px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .book-item .image-div.other-printed {
      width: 114px; }
    @media (max-width: 1199px) {
      .book-item .image-div {
        margin: auto;
        margin-bottom: 20px; } }
  .book-item div.book-recommended-titles {
    font-weight: bold;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px; }

div.book_details_recommended_titles {
  font-weight: bold;
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 5px; }

hr.left_list {
  border-bottom: 1px solid #DEE5F2;
  border-top: 0; }

div.col-md-3 ul.shop_left_main_ul {
  width: 80%; }

ul.left_subject_list {
  font-size: 14px; }

.serie_page_title_block {
  display: inline-block; }
  .serie_page_title_block h4 a {
    color: #455771;
    font-weight: bold; }

div.list-breadcrumb {
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 13px; }
  div.list-breadcrumb a {
    color: #88a9ce; }
  div.list-breadcrumb .text-muted {
    margin-left: 10px;
    margin-right: 10px; }

.catalog-list-icon {
  width: 14px;
  margin-top: 5px;
  margin-right: 7px;
  margin-left: 2px;
  float: left; }

.book-author-info {
  margin-bottom: 4px;
  padding-right: 8px; }

@media (max-width: 1024px) {
  .book-item {
    padding-left: 10px;
    padding-right: 10px; } }

div.multi-col-list {
  margin-top: 5px; }
  div.multi-col-list .column {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top; }
    div.multi-col-list .column .cell img {
      height: 12px;
      margin-right: 8px;
      margin-bottom: 3px; }
    div.multi-col-list .column .cell a {
      font-size: 14px; }
      div.multi-col-list .column .cell a.active {
        font-weight: bold;
        color: #008ce5; }
      div.multi-col-list .column .cell a.inactive {
        color: #88a9ce;
        font-weight: 600; }

.serie-view-icon-container {
  width: 90px; }
  @media (min-width: 768px) {
    .serie-view-icon-container {
      display: inline-block;
      float: left; } }

@media (min-width: 768px) {
  .serie-view-conent-container {
    display: inline-block;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 30px; } }

.book-name-info {
  padding-left: 0; }

@media (max-width: 767px) {
  .mb0-sm {
    margin-bottom: 0; }
  .book-item {
    padding: 0;
    margin-top: 0; }
  .serie_description p {
    margin: 0 0 10px; }
  .book-item .image_div {
    margin-bottom: 15px;
    margin-top: 20px; }
  .book-name-info {
    margin-bottom: 10px; }
  .book-author-info {
    text-align: center; }
  .book-item .book-item-addon-info {
    float: left;
    text-align: left; } }

.list-element-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex; }
  @media (max-width: 1199px) {
    .list-element-row {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.book-contents-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #DEE5F2;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 40px; }
  .book-contents-row.noborder {
    border-bottom: 0; }
  .book-contents-row .count_div {
    margin-top: 2px;
    display: inline-block;
    padding-right: 8px;
    text-align: right;
    float: right; }
  .book-contents-row .col-sm-1 {
    padding: 0; }

@media (max-width: 767px) {
  .book-details .extras .extra i.fill-square.size-30 {
    font-size: 27px;
    padding: 4px; } }

.book-item-price-fields-container {
  padding-right: 0; }

.book-item-price-fields {
  text-align: right;
  margin-top: -19px; }
  .book-item-price-fields div {
    line-height: 17px;
    margin-bottom: 10px;
    margin-right: 4px; }

div.book-list-price {
  margin-right: 6px; }

.title-bar:nth-of-type(2) {
  margin-top: 0; }
  .title-bar:nth-of-type(2) h4 {
    margin-top: 0; }
  .title-bar:nth-of-type(2).title_bar_link {
    margin-top: 0; }
    .title-bar:nth-of-type(2).title_bar_link a {
      padding: 0; }

.book-img-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.title_bar_link {
  float: right;
  line-height: 35px;
  margin-top: 10px; }

.inner-series-title {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 15px;
  color: #455771; }

.wbox.shop-inner {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-bottom: 26px; }
  .wbox.shop-inner .wbox-title {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 0;
    font-size: 18px;
    font-weight: bold; }
    .wbox.shop-inner .wbox-title .wbox-title-text {
      display: inline-block;
      padding: 8px 20px; }
    .wbox.shop-inner .wbox-title .wbox-title-icon {
      display: inline-block;
      float: right;
      padding-top: 1px; }
    .wbox.shop-inner .wbox-title [class^="mwicon-"], .wbox.shop-inner .wbox-title [class*=" mwicon-"] {
      color: white;
      font-size: 38px;
      padding-right: 10px; }
      @media (max-width: 991px) {
        .wbox.shop-inner .wbox-title [class^="mwicon-"], .wbox.shop-inner .wbox-title [class*=" mwicon-"] {
          display: none; } }
      .wbox.shop-inner .wbox-title [class^="mwicon-"].mwicon-booktype_classroom, .wbox.shop-inner .wbox-title [class*=" mwicon-"].mwicon-booktype_classroom {
        padding-right: 8px; }
  .wbox.shop-inner .wbox-content {
    padding: 16px;
    font-size: 13px;
    padding-bottom: 5px; }
    .wbox.shop-inner .wbox-content .qty-input {
      margin-bottom: 10px;
      margin-right: 0; }
    .wbox.shop-inner .wbox-content .content-top {
      margin-bottom: 8px; }
    .wbox.shop-inner .wbox-content .details-button {
      vertical-align: top;
      cursor: pointer; }
    .wbox.shop-inner .wbox-content .content-left {
      display: inline-block;
      width: 46%;
      float: left; }
      .wbox.shop-inner .wbox-content .content-left.wide {
        width: 60%; }
    .wbox.shop-inner .wbox-content .content-right {
      display: inline-block;
      width: 52%;
      text-align: right;
      margin-top: 0;
      float: right;
      padding-right: 7px; }
    .wbox.shop-inner .wbox-content .content-middle-left {
      width: 210px;
      display: inline-block;
      text-align: left;
      margin-bottom: 15px; }
      .wbox.shop-inner .wbox-content .content-middle-left span {
        vertical-align: top; }
    .wbox.shop-inner .wbox-content .content-middle-price {
      display: inline-block;
      width: 100%; }
      .wbox.shop-inner .wbox-content .content-middle-price .details-div {
        display: inline-block; }
        .wbox.shop-inner .wbox-content .content-middle-price .details-div .tooltip-inner {
          width: 290px;
          min-width: 290px; }
        .wbox.shop-inner .wbox-content .content-middle-price .details-div .text-left {
          font-size: 13px;
          color: #455771; }
          .wbox.shop-inner .wbox-content .content-middle-price .details-div .text-left li {
            list-style-type: disc;
            padding: 0;
            background: none; }
          .wbox.shop-inner .wbox-content .content-middle-price .details-div .text-left ul {
            padding-left: 25px;
            margin-top: 5px; }
    .wbox.shop-inner .wbox-content .content-middle-right {
      line-height: 1;
      margin-bottom: 5px;
      display: inline-block;
      text-align: right;
      margin-top: 0;
      float: right;
      padding-right: 8px; }
    .wbox.shop-inner .wbox-content .content-bottom {
      text-align: right;
      padding-right: 8px; }

.inner-cart-form {
  margin-bottom: 0;
  margin-top: 5px;
  padding-right: 8px;
  text-align: right; }
  .inner-cart-form.printed {
    padding-right: 3px; }
  .inner-cart-form .license-length-field {
    vertical-align: top;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0; }
  .inner-cart-form .input-group {
    margin-right: 15px;
    display: inline-block; }
    .inner-cart-form .input-group .quantity-number-input {
      border-radius: 4px; }
  .inner-cart-form .add-to-cart-wrapper {
    vertical-align: top;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 10px; }
    .inner-cart-form .add-to-cart-wrapper .btn.green, .inner-cart-form .add-to-cart-wrapper .green.btn-facebook, .inner-cart-form .add-to-cart-wrapper .green.btn-round, .inner-cart-form .add-to-cart-wrapper .green.btn-default, .inner-cart-form .add-to-cart-wrapper .green.btn-sausage, .inner-cart-form .add-to-cart-wrapper .green.btn-success, .inner-cart-form .add-to-cart-wrapper .green.btn-yellow, .inner-cart-form .add-to-cart-wrapper .green.btn-white, .inner-cart-form .add-to-cart-wrapper .ui-dialog .ui-dialog-buttonpane button.green, .ui-dialog .ui-dialog-buttonpane .inner-cart-form .add-to-cart-wrapper button.green {
      background-color: #0dbf6d;
      border-color: #0dbf6d;
      padding: 7px 20px; }
    .inner-cart-form .add-to-cart-wrapper .btn[disabled], .inner-cart-form .add-to-cart-wrapper .btn-facebook[disabled], .inner-cart-form .add-to-cart-wrapper .btn-round[disabled], .inner-cart-form .add-to-cart-wrapper .btn-default[disabled], .inner-cart-form .add-to-cart-wrapper .btn-sausage[disabled], .inner-cart-form .add-to-cart-wrapper .btn-success[disabled], .inner-cart-form .add-to-cart-wrapper .btn-yellow[disabled], .inner-cart-form .add-to-cart-wrapper .btn-white[disabled], .inner-cart-form .add-to-cart-wrapper .ui-dialog .ui-dialog-buttonpane button[disabled], .ui-dialog .ui-dialog-buttonpane .inner-cart-form .add-to-cart-wrapper button[disabled] {
      cursor: default; }

.slick-slider .slide {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.js-extra-panel-holder {
  margin-top: 20px; }

.title-row .container h1 a {
  color: #008ce5; }

#cimadatok_div .form-group, #table_alapadatok_editor .form-group, #user_adatlap_jelszo_form .form-group, #tincan_div .form-group {
  margin-bottom: 7px; }

#cimadatok_div label, #table_alapadatok_editor label, #user_adatlap_jelszo_form label, #tincan_div label {
  padding: 5px 0; }

#cimadatok_div .control-label, #table_alapadatok_editor .control-label, #user_adatlap_jelszo_form .control-label, #tincan_div .control-label {
  padding: 0 15px; }

#table_intezmenyadatok_editor {
  position: relative; }
  #table_intezmenyadatok_editor .post-prof-edit-button {
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0; }
  #table_intezmenyadatok_editor .post-prof-edit-close-button {
    position: absolute;
    top: 0;
    right: 0; }
  #table_intezmenyadatok_editor #tanar_csop_mozanaplo.active {
    color: #6085e3; }
  #table_intezmenyadatok_editor #tanar_csop_mozaweb.active {
    color: #df5c37; }
  #table_intezmenyadatok_editor #tanar_csop_mozabook.active {
    color: #2ccc6f; }

.post-prof-view h4, .post-prof-edit h4 {
  border-bottom: none;
  margin-bottom: 0;
  font-weight: bold;
  padding-bottom: 10px; }

#table_intezmenyadatok_editor .checkbox, #intezmeny_div .checkbox {
  width: 25%;
  float: left;
  margin: 3px 0; }

#rights_div .rights-edit-cancel-button {
  position: absolute;
  top: -10px;
  right: 0; }

.btn img, .btn-facebook img, .btn-round img, .btn-default img, .btn-sausage img, .btn-success img, .btn-yellow img, .btn-white img, .ui-dialog .ui-dialog-buttonpane button img {
  max-width: inherit; }

.form-group-text {
  min-height: 32px;
  line-height: 32px; }

.form-control[disabled], .cke_editable[disabled], .form-control[readonly], .cke_editable[readonly], fieldset[disabled] .form-control, fieldset[disabled] .cke_editable {
  background-color: rgba(222, 229, 242, 0.4); }

#diakintezmenytalalatok {
  padding: 20px 0; }

.filter-boxes div {
  padding-right: 15px; }

.inline-pager .col-md-12 {
  padding-right: 0; }

.inline-pager .pagination {
  margin: 0;
  float: right; }

#institute-list-wrapper .table-responsive {
  max-height: 570px; }

.user-profile-userdata {
  max-width: 800px; }
  .user-profile-userdata dt {
    font-weight: bold;
    color: #455771; }

.profile-addressee dt {
  font-weight: bold;
  color: #455771; }

.tincan-div dt {
  font-weight: bold;
  color: #455771; }

.media-item {
  min-height: 330px;
  margin-bottom: 0;
  text-align: center;
  width: 100%; }
  .media-item.editing {
    min-height: 360px;
    position: relative; }
    .media-item.editing .media-item-editblock {
      z-index: 49;
      padding: 0 10px 0;
      /*background: $gray2;*/
      position: absolute;
      bottom: 30px;
      left: 0;
      right: 0; }
  .media-item.media-item-3d.editing, .media-item.media-item-video.editing {
    min-height: 475px; }
  .media-item .item-image {
    width: 100%; }
    .media-item .item-image > a {
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px; }
      .media-item .item-image > a img {
        vertical-align: top; }
  .media-item .image {
    margin-bottom: 0; }
  .media-item img {
    width: 100%; }
  .media-item .item-admin-languages {
    margin-bottom: 10px; }
    .media-item .item-admin-languages a {
      position: relative;
      display: inline-block; }
      .media-item .item-admin-languages a.has-narracio img {
        border-color: #000; }
      .media-item .item-admin-languages a span {
        position: absolute;
        top: 0;
        right: -2px;
        background: #008ce5;
        color: #FFF;
        font-size: 10px;
        border-radius: 10px;
        padding: 0 5px;
        display: inline-block; }
      .media-item .item-admin-languages a img {
        border: 1px solid #fff;
        width: auto; }
  .media-item.media-item-sound, .media-item.media-item-image {
    min-height: 230px; }
    .media-item.media-item-sound.editing, .media-item.media-item-sound.editing, .media-item.media-item-image.editing, .media-item.media-item-image.editing {
      min-height: 330px; }
  .media-item.media-item-tool {
    min-height: 250px; }

.favorites-row .media-item {
  min-height: 300px; }

.item-action-btn i {
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); }

.other-item {
  margin-bottom: 15px;
  height: 100px; }
  .other-item:before {
    content: '';
    clear: both;
    border-bottom: 1px solid #dee5f2;
    margin: 15px 0;
    display: block; }
  .other-item .item-image {
    float: left; }
    .other-item .item-image img {
      max-width: 100px; }
  .other-item .image {
    margin-bottom: 0; }
  .other-item .item-action-btn i {
    text-shadow: none; }
  .other-item h4, .other-item p {
    text-align: left;
    margin-left: 120px; }
  .other-item p {
    font-size: 13px;
    margin-bottom: 0; }

.page-mediatar .pagination {
  margin: 30px 0; }

.nav-icons {
  list-style-type: none;
  margin: 0 0 35px 0;
  padding: 0;
  text-align: center; }
  .nav-icons li {
    display: inline-block;
    font-size: 45px;
    margin: 0 0 0 -4px;
    text-align: center;
    min-width: 100px; }
    @media (max-width: 1199px) {
      .nav-icons li {
        min-width: 90px; } }
    .nav-icons li a {
      display: block;
      margin: 0 2px;
      background: #f2f5f9;
      box-shadow: 0px 2px 2px rgba(69, 87, 113, 0.2) inset;
      border-radius: 3px;
      padding: 8px;
      transition: color .3s; }
    .nav-icons li i, .nav-icons li span {
      display: block; }
    .nav-icons li i {
      margin-bottom: 5px; }
    .nav-icons li span {
      color: #455771;
      font-size: 14px; }
    .nav-icons li:hover .icon-link {
      color: #004e7f; }
    .nav-icons li:hover .icon-link.inactive {
      color: #455771; }
    .nav-icons li .icon-link.inactive {
      color: #8c97a7;
      background: none;
      box-shadow: none;
      -webkit-box-shadow: none; }

@media (min-width: 520px) and (max-width: 767px) {
  .media-item {
    min-height: 330px; } }

@media (max-width: 519px) {
  .media-item .item-image {
    display: block; }
    .media-item .item-image img {
      width: 100%;
      height: auto; }
  .media-item.media-item-sound, .media-item.media-item-image {
    min-height: 220px;
    margin-bottom: 20px; }
  .media-item-wrapper,
  .tools-container-item {
    width: 100%; } }

@media (max-width: 519px) {
  .media-item-wrapper {
    width: 100%; }
  .media-item {
    min-height: inherit;
    margin-bottom: 20px; } }

.mediatar-filter .btn.mediatar-search, .mediatar-filter .mediatar-search.btn-facebook, .mediatar-filter .mediatar-search.btn-round, .mediatar-filter .mediatar-search.btn-default, .mediatar-filter .mediatar-search.btn-sausage, .mediatar-filter .mediatar-search.btn-success, .mediatar-filter .mediatar-search.btn-yellow, .mediatar-filter .mediatar-search.btn-white, .mediatar-filter .ui-dialog .ui-dialog-buttonpane button.mediatar-search, .ui-dialog .ui-dialog-buttonpane .mediatar-filter button.mediatar-search {
  padding: 6px 13px;
  margin-top: 0;
  margin-bottom: 0; }

.media-item.media-item-searched-tool .item-image > img {
  max-height: 160px;
  width: auto; }

.utils-paginator {
  margin-top: 40px; }
  .utils-paginator .pagination {
    margin-top: 0; }
    .utils-paginator .pagination > li > a {
      font-size: 15px;
      padding: 6px 9px 6px 9px; }
      .utils-paginator .pagination > li > a > i[class^="mwicon-"], .utils-paginator .pagination > li > a > i[class*=" mwicon-"] {
        font-size: 19px; }

.inline-pager .utils-paginator {
  margin-top: 0; }

#map {
  margin-top: 30px; }

.game-item, .tool-item {
  min-height: 300px;
  text-align: center; }
  .game-item .wbox, .game-item .box, .tool-item .wbox, .tool-item .box {
    padding: 20px 0; }
    .game-item .wbox img, .game-item .box img, .tool-item .wbox img, .tool-item .box img {
      height: 130px; }
  .game-item .box, .tool-item .box {
    padding: 0; }

.course-extra .wbox, .course-extra .box {
  height: 140px;
  box-shadow: none;
  background: #D0E8F4;
  position: relative; }
  .course-extra .wbox img, .course-extra .box img {
    height: 70px;
    width: 70px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute; }
  .course-extra .wbox a, .course-extra .box a {
    height: 100%; }

.course-extra .box {
  padding: 0; }

@media (max-width: 767px) {
  .tools-container .tools-container-item:last-child {
    margin-bottom: 120px; } }

.col-md-2 .tool-item {
  min-height: 200px; }

.tool-item .mwicon-menu_dot_vert {
  position: relative;
  top: 0px;
  font-size: 26px; }

.tool-item .wbox {
  height: 140px;
  box-shadow: none;
  background: #D0E8F4;
  padding-top: 5px;
  position: relative; }
  .tool-item .wbox img {
    max-height: 120px;
    width: auto; }

@media (max-width: 1199px) {
  .tool-item {
    min-height: 300px; } }

@media (max-width: 767px) {
  .tool-item {
    min-height: inherit; } }

@media (max-width: 991px) {
  .event_list .nav-tabs .active-tab-m a {
    background: #008ce5;
    border: 0;
    color: #FFF; }
  .tab-content > .active-tab-m {
    display: block; } }

.book-pack-list-item {
  margin-bottom: 30px; }
  .book-pack-list-item h2 {
    margin-top: 0; }
  .book-pack-list-item .price {
    margin-right: 10px; }
  .book-pack-list-item .book-pack-sublist {
    padding: 0;
    border: 0; }
    .book-pack-list-item .book-pack-sublist div {
      display: none;
      padding: 10px;
      background: rgba(134, 178, 210, 0.2); }
      .book-pack-list-item .book-pack-sublist div table {
        margin: 0; }
  .book-pack-list-item .pack-item-cover {
    max-width: 130px; }

/*rtl:begin:ignore*/
#mozaweb-map .moza-map-wrapper {
  position: relative; }
  #mozaweb-map .moza-map-wrapper .moza-map img, #mozaweb-map .moza-map-wrapper .moza-map map {
    max-width: 100%; }
  @media (min-width: 520px) and (max-width: 767px) {
    #mozaweb-map .moza-map-wrapper {
      margin: 0 auto;
      max-width: 520px; } }
  #mozaweb-map .moza-map-wrapper map area {
    outline: none; }
  #mozaweb-map .moza-map-wrapper map span[class*='tt-'] {
    position: absolute; }
  #mozaweb-map .moza-map-wrapper map .tt-mozamap {
    top: 6%;
    left: 5.5%; }
  #mozaweb-map .moza-map-wrapper map .tt-mozabook {
    top: 32%;
    left: 20%; }
  #mozaweb-map .moza-map-wrapper map .tt-mozaweb {
    top: 0;
    left: 56.5%; }
  #mozaweb-map .moza-map-wrapper map .tt-mozalog {
    top: 28%;
    left: 82.8%; }
  #mozaweb-map .moza-map-wrapper map .tt-tablet {
    top: 1%;
    left: 39%; }
  #mozaweb-map .moza-map-wrapper map .tt-training {
    top: 3%;
    left: 95.6%; }
  #mozaweb-map .moza-map-wrapper map .tt-media-library {
    top: 78%;
    left: 54.8%; }
  #mozaweb-map .moza-map-wrapper map .tt-digital-maps {
    top: 50%;
    left: 6%; }
  #mozaweb-map .moza-map-wrapper map .tt-task-creator {
    top: 50%;
    left: 36.5%; }
  #mozaweb-map .moza-map-wrapper map .tt-3d {
    top: 81.5%;
    left: 44.7%; }
  #mozaweb-map .moza-map-wrapper map .tt-videos {
    top: 74.5%;
    left: 63.3%; }
  #mozaweb-map .moza-map-wrapper map .tt-tools {
    top: 45%;
    left: 43%; }
  #mozaweb-map .moza-map-wrapper map .tt-digital-books {
    top: 76%;
    left: 35.3%; }
  #mozaweb-map .moza-map-wrapper map .tt-lab-camera {
    top: 21%;
    left: 28.6%; }
  #mozaweb-map .moza-map-wrapper map .tt-management {
    top: 65%;
    left: 70.5%; }
  #mozaweb-map .moza-map-wrapper map .tt-group {
    top: 20%;
    left: 71.7%; }
  #mozaweb-map .moza-map-wrapper .moza-map-title {
    position: absolute;
    font-size: 18px;
    text-transform: lowercase;
    display: none;
    cursor: pointer;
    pointer-events: none;
    font-family: 'NeoSansPro-Regular'; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.ar-fix {
      width: 260px !important; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.ar-fix span {
        position: absolute !important; }
    #mozaweb-map .moza-map-wrapper .moza-map-title:first-letter {
      text-transform: uppercase; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.title-tablet {
      color: #9678ac; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozamap {
      color: #6ad178; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozabook {
      color: #44bd55; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.title-training {
      color: #84adfe; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozalog {
      color: #5a83d4; }
    #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozaweb {
      color: #e46827; }
    @media (min-width: 520px) {
      #mozaweb-map .moza-map-wrapper .moza-map-title {
        display: inline; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-tablet {
          top: 1%;
          right: 52%;
          text-align: right; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozamap {
          top: 9%;
          left: 22.5%; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozabook {
          top: 82%;
          left: -7%;
          width: 250px; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-training {
          top: 94%;
          left: 31%;
          width: 150px; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozalog {
          top: 96%;
          left: 46.5%;
          width: 350px; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozaweb {
          top: 44%;
          left: 62%;
          width: 250px; } }
    @media (min-width: 768px) {
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-tablet {
        top: 1%;
        right: 52%;
        text-align: right; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozamap {
        top: 9%;
        left: 22.5%; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozabook {
        top: 82%;
        left: -2%;
        width: 250px; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-training {
        top: 94%;
        left: 35%;
        width: 150px; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozalog {
        top: 96%;
        left: 54.5%;
        width: 350px; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozaweb {
        top: 44%;
        left: 68%;
        width: 250px; } }
    @media (min-width: 992px) {
      #mozaweb-map .moza-map-wrapper .moza-map-title {
        font-size: 18px; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-tablet {
          top: 1%;
          right: 66%; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozamap {
          top: 11%;
          left: 11.5%; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozabook {
          top: 85%;
          right: 89%;
          width: inherit;
          left: inherit;
          text-align: right; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-training {
          top: 32%;
          left: 87.7%; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozalog {
          top: 85%;
          left: 64%; }
        #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozaweb {
          top: 3%;
          left: 64.5%;
          width: inherit; } }
    @media (min-width: 1200px) {
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-training {
        left: 89.4%; }
      #mozaweb-map .moza-map-wrapper .moza-map-title.title-mozalog {
        left: 67.6%; } }

/*rtl:end:ignore*/
.js-joininstitute-input-institute + .dropdown-menu li .dropdown-item {
  white-space: normal;
  padding: 5px 20px; }

.js-joininstitute .help-block.om {
  height: 22px; }

#main-content .main-notice {
  margin: 0; }

.magazines-header {
  position: relative;
  z-index: 1;
  height: 200px;
  overflow: hidden; }
  .magazines-header .bck {
    position: absolute;
    height: 200px;
    width: 100%;
    top: 0;
    z-index: -1; }
    .magazines-header .bck .bck-top {
      height: 100px; }
      .magazines-header .bck .bck-top .cntHeadLink {
        color: #374c6a;
        margin-top: 20px;
        position: absolute;
        z-index: 20; }
        .magazines-header .bck .bck-top .cntHeadLink a {
          color: #374c6a;
          margin: 0px 4px; }
          .magazines-header .bck .bck-top .cntHeadLink a:first-child {
            margin-left: 0; }
          .magazines-header .bck .bck-top .cntHeadLink a:last-child {
            margin-right: 0; }
          .magazines-header .bck .bck-top .cntHeadLink a:first-letter {
            text-transform: uppercase; }
      .magazines-header .bck .bck-top .magazines-icon {
        max-width: 52px;
        z-index: 1; }
      .magazines-header .bck .bck-top .opus-szinter {
        position: absolute;
        z-index: 10;
        margin-top: 40px; }
      .magazines-header .bck .bck-top .text {
        font-family: 'NeoSansPro-Medium';
        font-size: 50px;
        line-height: 1;
        color: white;
        position: absolute;
        bottom: -6px;
        z-index: 1; }
        @media (max-width: 767px) {
          .magazines-header .bck .bck-top .text {
            font-size: 8vw;
            bottom: -3px; } }
      .magazines-header .bck .bck-top .text-small {
        font-size: 21px;
        color: white; }
    .magazines-header .bck .bck-bottom {
      height: 100px; }
      .magazines-header .bck .bck-bottom img {
        position: absolute;
        right: 0;
        bottom: 0; }
        @media (max-width: 1199px) {
          .magazines-header .bck .bck-bottom img {
            width: 70%; } }
        @media (max-width: 991px) {
          .magazines-header .bck .bck-bottom img {
            width: 64%; } }
        @media (max-width: 767px) {
          .magazines-header .bck .bck-bottom img {
            width: 74%; } }
      .magazines-header .bck .bck-bottom .text {
        font-family: 'NeoSansPro-Light';
        font-size: 70px;
        line-height: 51px;
        top: 15px;
        text-transform: uppercase;
        color: white;
        position: absolute;
        z-index: 1; }
        @media (max-width: 767px) {
          .magazines-header .bck .bck-bottom .text {
            font-size: 50px; } }
    .magazines-header .bck .container {
      position: relative;
      height: 100%; }
  .magazines-header.magazines-main .bck .bck-top {
    background-color: #febc66; }
  .magazines-header.magazines-main .bck .bck-bottom {
    background-color: #ffa227; }
  .magazines-header.magazines-matematika .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-matematika .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-matematika .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-matematika .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-matematika .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-matematika .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-matematika .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-matematika .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-matematika .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-matematika .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-matematika .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-matematika .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-matematika .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-matematika .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-matematika .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-matematika .bck .bck-top {
    background-color: #ec642f; }
    .magazines-header.magazines-matematika .bck .bck-top .text {
      color: #ffe721; }
  .magazines-header.magazines-matematika .bck .bck-bottom {
    background-color: #db460c; }
  .magazines-header.magazines-fizika .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-fizika .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-fizika .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-fizika .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-fizika .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-fizika .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-fizika .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-fizika .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-fizika .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-fizika .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-fizika .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-fizika .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-fizika .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-fizika .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-fizika .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-fizika .bck .bck-top {
    background-color: #4d4fd2; }
    .magazines-header.magazines-fizika .bck .bck-top .text {
      left: 70px; }
  .magazines-header.magazines-fizika .bck .bck-bottom {
    background-color: #3435ab; }
    .magazines-header.magazines-fizika .bck .bck-bottom img {
      bottom: -108px; }
      @media (max-width: 991px) {
        .magazines-header.magazines-fizika .bck .bck-bottom img {
          bottom: -66px; } }
  .magazines-header.magazines-kemia .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-kemia .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-kemia .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-kemia .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-kemia .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-kemia .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-kemia .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-kemia .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-kemia .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-kemia .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-kemia .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-kemia .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-kemia .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-kemia .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-kemia .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-kemia .bck .bck-top {
    background-color: #cd2848; }
  .magazines-header.magazines-kemia .bck .bck-bottom {
    background-color: #ad1634; }
    .magazines-header.magazines-kemia .bck .bck-bottom img {
      bottom: -86px; }
      @media (max-width: 991px) {
        .magazines-header.magazines-kemia .bck .bck-bottom img {
          bottom: -66px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-kemia .bck .bck-bottom img {
          right: -65px; } }
  .magazines-header.magazines-biologia .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-biologia .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-biologia .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-biologia .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-biologia .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-biologia .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-biologia .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-biologia .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-biologia .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-biologia .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-biologia .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-biologia .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-biologia .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-biologia .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-biologia .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-biologia .bck .bck-top {
    background-color: #0062b8; }
  .magazines-header.magazines-biologia .bck .bck-bottom {
    background-color: #004d91; }
    .magazines-header.magazines-biologia .bck .bck-bottom img {
      bottom: -118px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-biologia .bck .bck-bottom img {
          bottom: -80px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-biologia .bck .bck-bottom img {
          bottom: -66px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-biologia .bck .bck-bottom img {
          right: -103px; } }
  .magazines-header.magazines-foldrajz .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-foldrajz .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-foldrajz .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-foldrajz .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-foldrajz .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-foldrajz .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-foldrajz .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-foldrajz .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-foldrajz .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-foldrajz .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-foldrajz .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-foldrajz .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-foldrajz .bck .bck-top {
    background-color: #3d9351; }
  .magazines-header.magazines-foldrajz .bck .bck-bottom {
    background-color: #2f7f42; }
    .magazines-header.magazines-foldrajz .bck .bck-bottom img {
      bottom: -217px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-foldrajz .bck .bck-bottom img {
          bottom: -233px;
          width: 54%;
          right: -103px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-foldrajz .bck .bck-bottom img {
          bottom: -197px;
          width: 63%;
          right: -239px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-foldrajz .bck .bck-bottom img {
          width: 450px; } }
  .magazines-header.magazines-csengoszo .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-csengoszo .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-csengoszo .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-csengoszo .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-csengoszo .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-csengoszo .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-csengoszo .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-csengoszo .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-csengoszo .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-csengoszo .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-csengoszo .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-csengoszo .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-csengoszo .bck .bck-top {
    background-color: #8c298e; }
  .magazines-header.magazines-csengoszo .bck .bck-bottom {
    background-color: #731e75; }
    .magazines-header.magazines-csengoszo .bck .bck-bottom img {
      bottom: -113px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-csengoszo .bck .bck-bottom img {
          bottom: -113px;
          width: 46%;
          right: -47px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-csengoszo .bck .bck-bottom img {
          bottom: -84px;
          width: 54%;
          right: -150px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-csengoszo .bck .bck-bottom img {
          width: 400px; } }
  .magazines-header.magazines-szinter .bck .bck-top {
    height: 130px; }
    .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink a {
        color: white; }
      @media (max-width: 767px) {
        .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink {
          margin-top: 12px; }
          .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink a {
            font-weight: bold; } }
    .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
      max-width: 73px;
      margin-top: 65px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
          max-width: 39px;
          margin-top: 95px; } }
    .magazines-header.magazines-szinter .bck .bck-top .text {
      font-size: 90px;
      text-transform: uppercase;
      -webkit-transform: scale(0.9, 0.95);
      -ms-transform: scale(0.9, 0.95);
      transform: scale(0.9, 0.95);
      bottom: -12px;
      left: 60px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-szinter .bck .bck-top .text {
          font-size: 43px;
          bottom: -6px;
          left: 43px; } }
  .magazines-header.magazines-szinter .bck .bck-bottom {
    height: 70px; }
    .magazines-header.magazines-szinter .bck .bck-bottom .text {
      font-family: 'NeoSansPro-Regular';
      font-weight: bold;
      font-style: italic;
      font-size: 21px;
      text-transform: lowercase;
      top: -5px; }
    .magazines-header.magazines-szinter .bck .bck-bottom img {
      right: 50px;
      bottom: -157px; }
      @media (max-width: 1199px) {
        .magazines-header.magazines-szinter .bck .bck-bottom img {
          width: 37%;
          right: 0;
          bottom: -121px; } }
      @media (max-width: 991px) {
        .magazines-header.magazines-szinter .bck .bck-bottom img {
          width: 42%;
          right: -148px;
          bottom: -82px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-szinter .bck .bck-bottom img {
          right: -148px;
          bottom: -107px;
          width: 290px; } }
  .magazines-header.magazines-szinter .bck .bck-top {
    background-color: white; }
    .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink {
      color: #374c6a; }
      .magazines-header.magazines-szinter .bck .bck-top .cntHeadLink a {
        color: #374c6a; }
    .magazines-header.magazines-szinter .bck .bck-top .text {
      display: none; }
    @media (max-width: 767px) {
      .magazines-header.magazines-szinter .bck .bck-top .opus-szinter {
        width: 260px; } }
    .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
      max-width: 450px;
      margin-top: 25px;
      float: left; }
      @media (max-width: 991px) {
        .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
          margin-top: 5px; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-szinter .bck .bck-top .magazines-icon {
          margin-top: 80px;
          width: 250px; } }
    .magazines-header.magazines-szinter .bck .bck-top .text-small {
      font-family: 'Open Sans Web';
      color: #2badb7;
      font-size: 21px;
      margin-top: 106px;
      margin-left: 10px;
      float: left; }
      @media (max-width: 991px) {
        .magazines-header.magazines-szinter .bck .bck-top .text-small {
          margin-top: 0;
          margin-left: 0; } }
      @media (max-width: 767px) {
        .magazines-header.magazines-szinter .bck .bck-top .text-small {
          font-size: 18px; } }
  .magazines-header.magazines-szinter .bck .bck-bottom {
    background-color: white;
    border-bottom: 20px solid #dd4c6f; }
    .magazines-header.magazines-szinter .bck .bck-bottom img {
      bottom: -36px;
      max-width: 165px;
      right: 15px; }
  .magazines-header.magazines-opus .bck .bck-top {
    background-color: #c50048; }
    .magazines-header.magazines-opus .bck .bck-top .cntHeadLink {
      color: white; }
      .magazines-header.magazines-opus .bck .bck-top .cntHeadLink a {
        color: white; }
        .magazines-header.magazines-opus .bck .bck-top .cntHeadLink a:last-child {
          text-transform: uppercase; }
      @media (max-width: 991px) {
        .magazines-header.magazines-opus .bck .bck-top .cntHeadLink {
          position: absolute;
          z-index: 10; } }
    .magazines-header.magazines-opus .bck .bck-top .opus-szinter {
      position: absolute;
      z-index: 10; }
      @media (max-width: 991px) {
        .magazines-header.magazines-opus .bck .bck-top .opus-szinter {
          top: 60px; } }
    .magazines-header.magazines-opus .bck .bck-top .text {
      font-family: 'Constantia';
      position: relative;
      font-size: 121px;
      float: left; }
      @media (max-width: 767px) {
        .magazines-header.magazines-opus .bck .bck-top .text {
          font-size: 80px;
          float: none; } }
    .magazines-header.magazines-opus .bck .bck-top .magazines-icon {
      margin-top: 25px;
      margin-left: 10px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-opus .bck .bck-top .magazines-icon {
          float: left;
          margin-top: 4px;
          max-width: 30px; } }
    .magazines-header.magazines-opus .bck .bck-top .text-small {
      font-family: 'Constantia-Bold';
      font-size: 21px;
      margin-top: 15px;
      margin-left: 320px; }
      @media (max-width: 767px) {
        .magazines-header.magazines-opus .bck .bck-top .text-small {
          float: left;
          font-size: 15px;
          margin-left: 10px;
          margin-top: 10px; } }
  .magazines-header.magazines-opus .bck .bck-bottom {
    background-color: #c50048; }
    @media (max-width: 1199px) {
      .magazines-header.magazines-opus .bck .bck-bottom img {
        width: 40%; } }
    @media (max-width: 767px) {
      .magazines-header.magazines-opus .bck .bck-bottom img {
        width: 105%; } }

.magazines-block .mod-row {
  margin-left: -12.5px;
  margin-right: -12.5px; }
  .magazines-block .mod-row div[class*='col-'] {
    padding-left: 12.5px;
    padding-right: 12.5px; }

.magazines-block .magazines-lead {
  margin: 30px 0; }
  .magazines-block .magazines-lead p {
    margin: 0; }

.magazines-block .magazine-box {
  width: 270px;
  height: 365px;
  background-color: white;
  border: 1px solid #d2e0f1;
  margin-bottom: 25px; }
  @media (max-width: 1199px) {
    .magazines-block .magazine-box {
      width: 100%;
      text-align: center; } }
  .magazines-block .magazine-box .magazine-box-image {
    margin-left: 24px;
    margin-top: 27px; }
    @media (max-width: 1199px) {
      .magazines-block .magazine-box .magazine-box-image {
        margin-left: 0; } }
  .magazines-block .magazine-box .magazine-box-title {
    text-align: center;
    color: #008ce5;
    font-weight: bold;
    margin-top: 10px; }

.container-magazine {
  padding: 30px;
  background-color: white;
  border: 1px solid #d2e0f1;
  height: 100%; }
  @media (min-width: 768px) {
    .container-magazine {
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; } }
  .container-magazine .cover-box {
    margin-right: 17px; }
    .container-magazine .cover-box > a {
      float: left;
      height: 275px; }
      .container-magazine .cover-box > a img {
        box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
        max-width: 190px; }
    .container-magazine .cover-box .magazine-download {
      color: #008ce5; }
      .container-magazine .cover-box .magazine-download i {
        font-size: 19px;
        margin-top: -5px;
        height: 20px;
        width: 20px;
        position: relative; }
        .container-magazine .cover-box .magazine-download i:after {
          position: absolute;
          top: 5px;
          left: 0; }
    @media (max-width: 767px) {
      .container-magazine .cover-box {
        float: left;
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 15px; }
        .container-magazine .cover-box > a {
          text-align: center;
          width: 100%;
          position: relative; }
          .container-magazine .cover-box > a img {
            margin: auto;
            position: absolute;
            left: 0;
            right: 0; } }
  .container-magazine .content-box {
    margin-left: 17px; }
    .container-magazine .content-box .pagelink a {
      font-weight: bold; }
    .container-magazine .content-box .pagelink p {
      margin-bottom: 5px; }

@media (min-width: 992px) {
  .flex-magazine {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; } }

/* tanmenetek letöltés */
.teacher-dl-menu-element {
  font-size: 18px;
  text-decoration: none !important; }
  .teacher-dl-menu-element.active {
    background-color: #008ce5; }
    .teacher-dl-menu-element.active a {
      color: white; }

.teacher-dl-menu-container {
  margin: 5x 0px 10px 0px; }
  .teacher-dl-menu-container .btn.btn-link, .teacher-dl-menu-container .btn-link.btn-facebook, .teacher-dl-menu-container .btn-link.btn-round, .teacher-dl-menu-container .btn-link.btn-default, .teacher-dl-menu-container .btn-link.btn-sausage, .teacher-dl-menu-container .btn-link.btn-success, .teacher-dl-menu-container .btn-link.btn-yellow, .teacher-dl-menu-container .btn-link.btn-white, .teacher-dl-menu-container .ui-dialog .ui-dialog-buttonpane button.btn-link, .ui-dialog .ui-dialog-buttonpane .teacher-dl-menu-container button.btn-link {
    padding: 6px 20px;
    border-radius: 5px;
    display: inline-block; }

.teacher-dl-submenu {
  margin-top: 30px;
  font-size: 15px;
  margin: 30px 0px 30px 20px; }
  .teacher-dl-submenu a {
    display: inline-block;
    margin-right: 14px; }

.teacher-dl-ht-info {
  margin-top: 48px;
  margin-bottom: 40px; }

.teacher-dl-ht-sepatator .title {
  margin-top: 40px;
  padding-bottom: 8px;
  border-bottom: 1px solid #cfe0ed;
  font-size: 20px;
  margin-bottom: 11px; }

.teacher-dl-list-container {
  display: inline-block;
  margin-bottom: 50px;
  width: 100%; }
  .teacher-dl-list-container .title {
    color: #008ce5; }
  .teacher-dl-list-container ul {
    color: #008ce5;
    padding-left: 17px;
    margin-top: 25px; }
  .teacher-dl-list-container img {
    width: 75%;
    margin-top: 40px;
    margin-left: 20px; }

.teacher-dl-theme {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px; }

.teacher-dl-row > i {
  font-size: 25px;
  vertical-align: text-top;
  margin-right: 12px;
  height: 23px;
  position: relative;
  bottom: 2px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  -js-display: inline-flex;
  display: inline-flex; }

.teacher-dl-row > i.mwicon-doc {
  color: #4d9bec; }

.teacher-dl-row > i.mwicon-pdf {
  color: #ee002c; }

.teacher-dl-row > i.mwicon-url {
  color: #00b0b6; }

.teacher-dl-row > i.mwicon-zip {
  color: #f18e04; }

.teacher-dl-row > i.mwicon-xls {
  color: #00b841; }

/* book list by bid */
.book-katalog-header {
  border-bottom: 1px solid #86b2d2;
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: bold; }

.book-katalog-filter-container {
  margin-bottom: 20px; }

.book-katalog-filter-main-container {
  padding-left: 70px; }

.book-katalog-filter {
  width: 92px;
  height: 25px;
  border-radius: 3px;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-block;
  opacity: 0.5; }
  .book-katalog-filter.style1 {
    background-color: #0dbf6d; }
  .book-katalog-filter.style2 {
    background-color: #f47711; }
  .book-katalog-filter.style3 {
    background-color: #d83b59; }
  .book-katalog-filter.style4 {
    background-color: #008ce5; }
  .book-katalog-filter.active {
    opacity: 1; }

.book-katalog-filter-author {
  width: 27px;
  height: 25px;
  border-radius: 3px;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 3px;
  display: inline-block;
  background-color: #008ce5;
  opacity: 0.5; }
  .book-katalog-filter-author.active {
    opacity: 1; }

.book-katalog-list-bid {
  display: inline-block;
  font-weight: bold;
  color: #455771; }

.book-katalog-list-row {
  display: table-row; }

.book-katalog-list-col {
  display: table-cell;
  padding-right: 40px;
  white-space: nowrap;
  min-width: 140px; }

.book-katalog-list-text {
  display: inline-block;
  font-family: "Open Sans"; }

.book-katalog-list-info {
  font-style: italic;
  font-family: "Open Sans"; }

.book-katalog-list-container {
  line-height: 24px;
  display: inline-block;
  margin-top: 23px;
  padding-left: 70px; }

.book-katalog-cart {
  color: #008ce5;
  font-size: 16px;
  margin-right: 10px; }

.book-katalog-list-author-block {
  margin-bottom: 20px; }

.book-katalog-list-author {
  font-weight: bold;
  margin-bottom: 6px;
  color: #455771; }

.book-katalog-list-author-content {
  display: table-row; }

.book-katalog-list-col-author {
  display: table-cell;
  vertical-align: top;
  padding-right: 40px;
  padding-left: 28px;
  white-space: nowrap;
  min-width: 140px; }

/* book list by bid end*/
#mozaweb-slider-wrapper {
  min-height: 21.25vh; }
  #mozaweb-slider-wrapper .slider-video-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9; }
  #mozaweb-slider-wrapper #debungcontrolls, #mozaweb-slider-wrapper .debugtimeline {
    width: 100%;
    box-sizing: border-box; }
  #mozaweb-slider-wrapper .rev_column, #mozaweb-slider-wrapper .rev_column .tp-parallax-wrap, #mozaweb-slider-wrapper .tp-svg-layer svg {
    vertical-align: top; }
  #mozaweb-slider-wrapper #debungcontrolls {
    z-index: 100000;
    position: fixed;
    bottom: 0;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px; }
  #mozaweb-slider-wrapper .debugtimeline {
    height: 10px;
    position: relative;
    margin-bottom: 3px;
    display: none;
    white-space: nowrap; }
  #mozaweb-slider-wrapper .debugtimeline:hover {
    height: 15px; }
  #mozaweb-slider-wrapper .the_timeline_tester {
    background: #e74c3c;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0; }
  #mozaweb-slider-wrapper .rs-go-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999999 !important;
    background: #fff !important; }
  #mozaweb-slider-wrapper .debugtimeline.tl_slide .the_timeline_tester {
    background: #f39c12; }
  #mozaweb-slider-wrapper .debugtimeline.tl_frame .the_timeline_tester {
    background: #3498db; }
  #mozaweb-slider-wrapper .debugtimline_txt {
    color: #fff;
    font-weight: 400;
    font-size: 7px;
    position: absolute;
    left: 10px;
    top: 0;
    white-space: nowrap;
    line-height: 10px; }
  #mozaweb-slider-wrapper .rtl {
    direction: rtl; }
  #mozaweb-slider-wrapper .rev_slider_wrapper {
    position: relative;
    z-index: 0;
    width: 100%; }
  #mozaweb-slider-wrapper .rev_slider {
    position: relative;
    overflow: visible; }
  #mozaweb-slider-wrapper .entry-content .rev_slider a, #mozaweb-slider-wrapper .rev_slider a {
    box-shadow: none; }
  #mozaweb-slider-wrapper .tp-overflow-hidden {
    overflow: hidden !important; }
  #mozaweb-slider-wrapper .group_ov_hidden {
    overflow: hidden; }
  #mozaweb-slider-wrapper .rev_slider img, #mozaweb-slider-wrapper .tp-simpleresponsive img {
    max-width: none !important;
    transition: none;
    margin: 0;
    padding: 0;
    border: none; }
  #mozaweb-slider-wrapper .rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px; }
  #mozaweb-slider-wrapper .rev_slider > ul, #mozaweb-slider-wrapper .rev_slider > ul > li, #mozaweb-slider-wrapper .rev_slider > ul > li:before, #mozaweb-slider-wrapper .rev_slider_wrapper > ul, #mozaweb-slider-wrapper .tp-revslider-mainul > li, #mozaweb-slider-wrapper .tp-revslider-mainul > li:before, #mozaweb-slider-wrapper .tp-simpleresponsive > ul, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li:before {
    list-style: none !important;
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none;
    background-position: 0 0;
    text-indent: 0;
    top: 0;
    left: 0; }
  #mozaweb-slider-wrapper .rev_slider > ul > li, #mozaweb-slider-wrapper .rev_slider > ul > li:before, #mozaweb-slider-wrapper .tp-revslider-mainul > li, #mozaweb-slider-wrapper .tp-revslider-mainul > li:before, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li, #mozaweb-slider-wrapper .tp-simpleresponsive > ul > li:before {
    visibility: hidden; }
  #mozaweb-slider-wrapper .tp-revslider-mainul, #mozaweb-slider-wrapper .tp-revslider-slidesli {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important; }
  #mozaweb-slider-wrapper .fullscreen-container, #mozaweb-slider-wrapper .fullwidthbanner-container {
    padding: 0;
    position: relative; }
  #mozaweb-slider-wrapper .rev_slider li.tp-revslider-slidesli {
    position: absolute !important; }
  #mozaweb-slider-wrapper .tp-caption .rs-untoggled-content {
    display: block; }
  #mozaweb-slider-wrapper .tp-caption .rs-toggled-content {
    display: none; }
  #mozaweb-slider-wrapper .rs-toggle-content-active.tp-caption .rs-toggled-content {
    display: block; }
  #mozaweb-slider-wrapper .rs-toggle-content-active.tp-caption .rs-untoggled-content {
    display: none; }
  #mozaweb-slider-wrapper .rev_slider .caption, #mozaweb-slider-wrapper .rev_slider .tp-caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block;
    -webkit-font-smoothing: antialiased !important;
    z-index: 1; }
  #mozaweb-slider-wrapper .rev_slider .caption, #mozaweb-slider-wrapper .rev_slider .tp-caption, #mozaweb-slider-wrapper .tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none; }
  #mozaweb-slider-wrapper .rev_slider .tp-mask-wrap .tp-caption, #mozaweb-slider-wrapper .rev_slider .tp-mask-wrap :last-child, #mozaweb-slider-wrapper .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, #mozaweb-slider-wrapper .wpb_text_column .rev_slider .tp-mask-wrap :last-child {
    margin-bottom: 0; }
  #mozaweb-slider-wrapper .tp-svg-layer svg {
    width: 100%;
    height: 100%;
    position: relative; }
  #mozaweb-slider-wrapper .tp-carousel-wrapper {
    cursor: url(openhand.cur)/*tpa=https://cn.mozaweb.com/css2/openhand.cur*/, move; }
  #mozaweb-slider-wrapper .tp-carousel-wrapper.dragged {
    cursor: url(closedhand.cur)/*tpa=https://cn.mozaweb.com/css2/closedhand.cur*/, move; }
  #mozaweb-slider-wrapper .tp_inner_padding {
    box-sizing: border-box;
    max-height: none !important; }
  #mozaweb-slider-wrapper .tp-caption.tp-layer-selectable {
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    -o-user-select: all; }
  #mozaweb-slider-wrapper .tp-caption.tp-hidden-caption, #mozaweb-slider-wrapper .tp-forcenotvisible, #mozaweb-slider-wrapper .tp-hide-revslider, #mozaweb-slider-wrapper .tp-parallax-wrap.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important; }
  #mozaweb-slider-wrapper .rev_slider audio, #mozaweb-slider-wrapper .rev_slider embed, #mozaweb-slider-wrapper .rev_slider iframe, #mozaweb-slider-wrapper .rev_slider object, #mozaweb-slider-wrapper .rev_slider video {
    max-width: none !important; }
  #mozaweb-slider-wrapper .tp-element-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  #mozaweb-slider-wrapper .tp-blockmask, #mozaweb-slider-wrapper .tp-blockmask_in, #mozaweb-slider-wrapper .tp-blockmask_out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: scaleX(0) scaleY(0);
    -ms-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0); }
  #mozaweb-slider-wrapper .tp-parallax-wrap {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  #mozaweb-slider-wrapper .rev_row_zone {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    min-height: 50px;
    font-size: 0; }
  #mozaweb-slider-wrapper .rev_column_inner, #mozaweb-slider-wrapper .rev_slider .tp-caption.rev_row {
    position: relative;
    width: 100% !important;
    box-sizing: border-box; }
  #mozaweb-slider-wrapper .rev_row_zone_top {
    top: 0; }
  #mozaweb-slider-wrapper .rev_row_zone_middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #mozaweb-slider-wrapper .rev_row_zone_bottom {
    bottom: 0; }
  #mozaweb-slider-wrapper .rev_slider .tp-caption.rev_row {
    display: table;
    table-layout: fixed;
    vertical-align: top;
    height: auto !important;
    font-size: 0; }
  #mozaweb-slider-wrapper .rev_column {
    display: table-cell;
    position: relative;
    height: auto;
    box-sizing: border-box;
    font-size: 0; }
  #mozaweb-slider-wrapper .rev_column_inner {
    display: block;
    height: auto !important;
    white-space: normal !important; }
  #mozaweb-slider-wrapper .rev_column_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0 solid transparent; }
  #mozaweb-slider-wrapper .tp-caption .backcorner, #mozaweb-slider-wrapper .tp-caption .backcornertop, #mozaweb-slider-wrapper .tp-caption .frontcorner, #mozaweb-slider-wrapper .tp-caption .frontcornertop {
    height: 0;
    top: 0;
    width: 0;
    position: absolute; }
  #mozaweb-slider-wrapper .rev_column_inner .tp-loop-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-mask-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap {
    text-align: inherit; }
  #mozaweb-slider-wrapper .rev_column_inner .tp-mask-wrap {
    display: inline-block; }
  #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    line-height: 0; }
  #mozaweb-slider-wrapper .tp-video-play-button, #mozaweb-slider-wrapper .tp-video-play-button i {
    line-height: 50px !important;
    vertical-align: top;
    text-align: center; }
  #mozaweb-slider-wrapper .rev_column_inner .rev_layer_in_column, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, #mozaweb-slider-wrapper .rev_column_inner .tp-parallax-wrap .tp-mask-wrap {
    vertical-align: top; }
  #mozaweb-slider-wrapper .rev_break_columns {
    display: block !important; }
  #mozaweb-slider-wrapper .rev_break_columns .tp-parallax-wrap.rev_column {
    display: block !important;
    width: 100% !important; }
  #mozaweb-slider-wrapper .fullwidthbanner-container {
    overflow: hidden; }
  #mozaweb-slider-wrapper .fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative; }
  #mozaweb-slider-wrapper .tp-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0; }
  #mozaweb-slider-wrapper .tp-caption .frontcorner {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00A8FF;
    left: -40px; }
  #mozaweb-slider-wrapper .tp-caption .backcorner {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    right: 0; }
  #mozaweb-slider-wrapper .tp-caption .frontcornertop {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00A8FF;
    left: -40px; }
  #mozaweb-slider-wrapper .tp-caption .backcornertop {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    right: 0; }
  #mozaweb-slider-wrapper .tp-layer-inner-rotation {
    position: relative !important; }
  #mozaweb-slider-wrapper img.tp-slider-alternative-image {
    width: 100%;
    height: auto; }
  #mozaweb-slider-wrapper .caption.fullscreenvideo, #mozaweb-slider-wrapper .rs-background-video-layer, #mozaweb-slider-wrapper .tp-caption.coverscreenvideo, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  #mozaweb-slider-wrapper .noFilterClass {
    -webkit-filter: none !important;
    filter: none !important; }
  #mozaweb-slider-wrapper .rs-background-video-layer {
    visibility: hidden;
    z-index: 0; }
  #mozaweb-slider-wrapper .caption.fullscreenvideo audio, #mozaweb-slider-wrapper .caption.fullscreenvideo iframe, #mozaweb-slider-wrapper .caption.fullscreenvideo video, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo iframe, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo iframe audio, #mozaweb-slider-wrapper .tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none; }
  #mozaweb-slider-wrapper .fullcoveredvideo audio, #mozaweb-slider-wrapper .fullscreenvideo audio .fullcoveredvideo video, #mozaweb-slider-wrapper .fullscreenvideo video {
    background: #000; }
  #mozaweb-slider-wrapper .fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  #mozaweb-slider-wrapper .videoisplaying .html5vid .tp-poster {
    display: none; }
  #mozaweb-slider-wrapper .tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    margin-top: -25px;
    margin-left: -25px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
    z-index: 4;
    opacity: 0;
    transition: opacity 0.3s ease-out !important; }
  #mozaweb-slider-wrapper .tp-audio-html5 .tp-video-play-button, #mozaweb-slider-wrapper .tp-hiddenaudio {
    display: none !important; }
  #mozaweb-slider-wrapper .tp-caption .html5vid {
    width: 100% !important;
    height: 100% !important; }
  #mozaweb-slider-wrapper .tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 40px !important; }
  #mozaweb-slider-wrapper .rs-fullvideo-cover, #mozaweb-slider-wrapper .tp-dottedoverlay, #mozaweb-slider-wrapper .tp-shadowcover {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  #mozaweb-slider-wrapper .tp-caption:hover .tp-video-play-button {
    opacity: 1;
    display: block; }
  #mozaweb-slider-wrapper .tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff !important;
    border-right: 5px solid #fff !important;
    margin-top: 15px !important;
    line-height: 20px !important;
    vertical-align: top;
    font-size: 25px !important; }
  #mozaweb-slider-wrapper .tp-seek-bar, #mozaweb-slider-wrapper .tp-video-button, #mozaweb-slider-wrapper .tp-volume-bar {
    outline: 0;
    line-height: 12px;
    margin: 0;
    cursor: pointer; }
  #mozaweb-slider-wrapper .videoisplaying .revicon-right-dir {
    display: none; }
  #mozaweb-slider-wrapper .videoisplaying .tp-revstop {
    display: inline-block; }
  #mozaweb-slider-wrapper .videoisplaying .tp-video-play-button {
    display: none; }
  #mozaweb-slider-wrapper .fullcoveredvideo .tp-video-play-button {
    display: none !important; }
  #mozaweb-slider-wrapper .fullscreenvideo .fullscreenvideo audio, #mozaweb-slider-wrapper .fullscreenvideo .fullscreenvideo video {
    object-fit: contain !important; }
  #mozaweb-slider-wrapper .fullscreenvideo .fullcoveredvideo audio, #mozaweb-slider-wrapper .fullscreenvideo .fullcoveredvideo video {
    object-fit: cover !important; }
  #mozaweb-slider-wrapper .tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    transition: opacity .3s;
    background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box; }
  #mozaweb-slider-wrapper .rev-btn.rev-hiddenicon i, #mozaweb-slider-wrapper .rev-btn.rev-withicon i {
    transition: all 0.2s ease-out !important;
    font-size: 15px; }
  #mozaweb-slider-wrapper .tp-caption:hover .tp-video-controls {
    opacity: .9; }
  #mozaweb-slider-wrapper .tp-video-button {
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 0; }
  #mozaweb-slider-wrapper .tp-video-button:hover {
    cursor: pointer; }
  #mozaweb-slider-wrapper .tp-video-button-wrap, #mozaweb-slider-wrapper .tp-video-seek-bar-wrap, #mozaweb-slider-wrapper .tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle; }
  #mozaweb-slider-wrapper .tp-video-seek-bar-wrap {
    width: 80%; }
  #mozaweb-slider-wrapper .tp-video-vol-bar-wrap {
    width: 20%; }
  #mozaweb-slider-wrapper .tp-seek-bar, #mozaweb-slider-wrapper .tp-volume-bar {
    width: 100%;
    padding: 0; }
  #mozaweb-slider-wrapper .rs-fullvideo-cover {
    width: 100%;
    background: 0 0;
    z-index: 5; }
  #mozaweb-slider-wrapper .disabled_lc .tp-video-play-button, #mozaweb-slider-wrapper .rs-background-video-layer audio::-webkit-media-controls, #mozaweb-slider-wrapper .rs-background-video-layer video::-webkit-media-controls, #mozaweb-slider-wrapper .rs-background-video-layer video::-webkit-media-controls-start-playback-button {
    display: none !important; }
  #mozaweb-slider-wrapper .tp-audio-html5 .tp-video-controls {
    opacity: 1 !important;
    visibility: visible !important; }
  #mozaweb-slider-wrapper .tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    z-index: 3; }
  #mozaweb-slider-wrapper .tp-dottedoverlay.twoxtwo {
    background: url(../assets/gridtile.png)/*tpa=https://cn.mozaweb.com/assets/gridtile.png*/; }
  #mozaweb-slider-wrapper .tp-dottedoverlay.twoxtwowhite {
    background: url(../assets/gridtile_white.png)/*tpa=https://cn.mozaweb.com/assets/gridtile_white.png*/; }
  #mozaweb-slider-wrapper .tp-dottedoverlay.threexthree {
    background: url(../assets/gridtile_3x3.png)/*tpa=https://cn.mozaweb.com/assets/gridtile_3x3.png*/; }
  #mozaweb-slider-wrapper .tp-dottedoverlay.threexthreewhite {
    background: url(../assets/gridtile_3x3_white.png)/*tpa=https://cn.mozaweb.com/assets/gridtile_3x3_white.png*/; }
  #mozaweb-slider-wrapper .tp-shadowcover {
    width: 100%;
    background: #fff;
    z-index: -1; }
  #mozaweb-slider-wrapper .tp-shadow1 {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); }
  #mozaweb-slider-wrapper .tp-shadow2:after, #mozaweb-slider-wrapper .tp-shadow2:before, #mozaweb-slider-wrapper .tp-shadow3:before, #mozaweb-slider-wrapper .tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  #mozaweb-slider-wrapper .tp-shadow2:after, #mozaweb-slider-wrapper .tp-shadow4:after {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto; }
  #mozaweb-slider-wrapper .tp-shadow5 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
  #mozaweb-slider-wrapper .tp-shadow5:after, #mozaweb-slider-wrapper .tp-shadow5:before {
    content: "";
    position: absolute;
    z-index: -2;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 100px/20px; }
  #mozaweb-slider-wrapper .tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    font-family: arial,sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none; }
  #mozaweb-slider-wrapper .tp-button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important; }
  #mozaweb-slider-wrapper .purchase:hover, #mozaweb-slider-wrapper .tp-button.big:hover, #mozaweb-slider-wrapper .tp-button:hover {
    background-position: bottom,15px 11px; }
  #mozaweb-slider-wrapper .purchase.green, #mozaweb-slider-wrapper .purchase:hover.green, #mozaweb-slider-wrapper .tp-button.green, #mozaweb-slider-wrapper .tp-button:hover.green {
    background-color: #21a117;
    box-shadow: 0 3px 0 0 #104d0b; }
  #mozaweb-slider-wrapper .purchase.blue, #mozaweb-slider-wrapper .purchase:hover.blue, #mozaweb-slider-wrapper .tp-button.blue, #mozaweb-slider-wrapper .tp-button:hover.blue {
    background-color: #1d78cb;
    box-shadow: 0 3px 0 0 #0f3e68; }
  #mozaweb-slider-wrapper .purchase.red, #mozaweb-slider-wrapper .purchase:hover.red, #mozaweb-slider-wrapper .tp-button.red, #mozaweb-slider-wrapper .tp-button:hover.red {
    background-color: #cb1d1d;
    box-shadow: 0 3px 0 0 #7c1212; }
  #mozaweb-slider-wrapper .purchase.orange, #mozaweb-slider-wrapper .purchase:hover.orange, #mozaweb-slider-wrapper .tp-button.orange, #mozaweb-slider-wrapper .tp-button:hover.orange {
    background-color: #f70;
    box-shadow: 0 3px 0 0 #a34c00; }
  #mozaweb-slider-wrapper .purchase.darkgrey, #mozaweb-slider-wrapper .purchase:hover.darkgrey, #mozaweb-slider-wrapper .tp-button.darkgrey, #mozaweb-slider-wrapper .tp-button.grey, #mozaweb-slider-wrapper .tp-button:hover.darkgrey, #mozaweb-slider-wrapper .tp-button:hover.grey {
    background-color: #555;
    box-shadow: 0 3px 0 0 #222; }
  #mozaweb-slider-wrapper .purchase.lightgrey, #mozaweb-slider-wrapper .purchase:hover.lightgrey, #mozaweb-slider-wrapper .tp-button.lightgrey, #mozaweb-slider-wrapper .tp-button:hover.lightgrey {
    background-color: #888;
    box-shadow: 0 3px 0 0 #555; }
  #mozaweb-slider-wrapper .rev-btn, #mozaweb-slider-wrapper .rev-btn:visited {
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    cursor: pointer; }
  #mozaweb-slider-wrapper .rev-btn.rev-uppercase, #mozaweb-slider-wrapper .rev-btn.rev-uppercase:visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900; }
  #mozaweb-slider-wrapper .rev-btn.rev-withicon i {
    font-weight: 400;
    position: relative;
    top: 0;
    margin-left: 10px !important; }
  #mozaweb-slider-wrapper .rev-btn.rev-hiddenicon i {
    font-weight: 400;
    position: relative;
    top: 0;
    opacity: 0;
    margin-left: 0 !important;
    width: 0 !important; }
  #mozaweb-slider-wrapper .rev-btn.rev-hiddenicon:hover i {
    opacity: 1 !important;
    margin-left: 10px !important;
    width: auto !important; }
  #mozaweb-slider-wrapper .rev-btn.rev-medium, #mozaweb-slider-wrapper .rev-btn.rev-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px; }
  #mozaweb-slider-wrapper .rev-btn.rev-medium.rev-hiddenicon i, #mozaweb-slider-wrapper .rev-btn.rev-medium.rev-withicon i {
    font-size: 14px;
    top: 0; }
  #mozaweb-slider-wrapper .rev-btn.rev-small, #mozaweb-slider-wrapper .rev-btn.rev-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px; }
  #mozaweb-slider-wrapper .rev-btn.rev-small.rev-hiddenicon i, #mozaweb-slider-wrapper .rev-btn.rev-small.rev-withicon i {
    font-size: 12px;
    top: 0; }
  #mozaweb-slider-wrapper .rev-maxround {
    border-radius: 30px; }
  #mozaweb-slider-wrapper .rev-minround {
    border-radius: 3px; }
  #mozaweb-slider-wrapper .rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, 0.25);
    -webkit-tap-highlight-color: transparent;
    cursor: pointer; }
  #mozaweb-slider-wrapper .rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    -webkit-transform-style: flat !important;
    transform-style: flat !important; }
  #mozaweb-slider-wrapper .rev-burger.revb-white span, #mozaweb-slider-wrapper .rev-burger.revb-whitenoborder span {
    background: #fff; }
  #mozaweb-slider-wrapper .rev-burger span:nth-child(2) {
    margin: 3px 0; }
  #mozaweb-slider-wrapper #dialog_addbutton .rev-burger:hover :first-child, #mozaweb-slider-wrapper .open .rev-burger :first-child, #mozaweb-slider-wrapper .open.rev-burger :first-child {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg); }
  #mozaweb-slider-wrapper #dialog_addbutton .rev-burger:hover :nth-child(2), #mozaweb-slider-wrapper .open .rev-burger :nth-child(2), #mozaweb-slider-wrapper .open.rev-burger :nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  #mozaweb-slider-wrapper #dialog_addbutton .rev-burger:hover :last-child, #mozaweb-slider-wrapper .open .rev-burger :last-child, #mozaweb-slider-wrapper .open.rev-burger :last-child {
    -webkit-transform: translateY(-6px) rotate(-135deg);
    -ms-transform: translateY(-6px) rotate(-135deg);
    transform: translateY(-6px) rotate(-135deg); }
  #mozaweb-slider-wrapper .rev-burger.revb-white {
    border: 2px solid rgba(255, 255, 255, 0.2); }
  #mozaweb-slider-wrapper .rev-burger.revb-darknoborder, #mozaweb-slider-wrapper .rev-burger.revb-whitenoborder {
    border: 0; }
  #mozaweb-slider-wrapper .rev-burger.revb-darknoborder span {
    background: #333; }
  #mozaweb-slider-wrapper .rev-burger.revb-whitefull {
    background: #fff;
    border: none; }
  #mozaweb-slider-wrapper .rev-burger.revb-whitefull span {
    background: #333; }
  #mozaweb-slider-wrapper .rev-burger.revb-darkfull {
    background: #333;
    border: none; }
  #mozaweb-slider-wrapper .rev-burger.revb-darkfull span, #mozaweb-slider-wrapper .rev-scroll-btn.revs-fullwhite {
    background: #fff; }

@-webkit-keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%; }
  15% {
    opacity: 1;
    top: 50%; }
  50% {
    opacity: 0;
    top: 50%; }
  100% {
    opacity: 0;
    top: 29%; } }

@keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%; }
  15% {
    opacity: 1;
    top: 50%; }
  50% {
    opacity: 0;
    top: 50%; }
  100% {
    opacity: 0;
    top: 29%; } }
  #mozaweb-slider-wrapper .rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 23px; }
  #mozaweb-slider-wrapper .rev-scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 2px; }
  #mozaweb-slider-wrapper .rev-scroll-btn > .active, #mozaweb-slider-wrapper .rev-scroll-btn > :focus, #mozaweb-slider-wrapper .rev-scroll-btn > :hover {
    color: #fff; }
  #mozaweb-slider-wrapper .rev-scroll-btn > .active, #mozaweb-slider-wrapper .rev-scroll-btn > :active, #mozaweb-slider-wrapper .rev-scroll-btn > :focus, #mozaweb-slider-wrapper .rev-scroll-btn > :hover {
    opacity: .8; }
  #mozaweb-slider-wrapper .rev-scroll-btn.revs-fullwhite span {
    background: #333; }
  #mozaweb-slider-wrapper .rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none; }
  #mozaweb-slider-wrapper .rev-scroll-btn.revs-fulldark span, #mozaweb-slider-wrapper .tp-bullet {
    background: #fff; }
  #mozaweb-slider-wrapper .rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: rev-ani-mouse 2.5s linear infinite;
    animation: rev-ani-mouse 2.5s linear infinite; }
  #mozaweb-slider-wrapper .rev-scroll-btn.revs-dark {
    border-color: #333; }
  #mozaweb-slider-wrapper .rev-scroll-btn.revs-dark span {
    background: #333; }
  #mozaweb-slider-wrapper .rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #FFF;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer; }
  #mozaweb-slider-wrapper .rev-cbutton-dark-sr, #mozaweb-slider-wrapper .rev-cbutton-light-sr {
    border-radius: 3px; }
  #mozaweb-slider-wrapper .rev-cbutton-light, #mozaweb-slider-wrapper .rev-cbutton-light-sr {
    color: #333;
    background-color: rgba(255, 255, 255, 0.75); }
  #mozaweb-slider-wrapper .rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px; }
  #mozaweb-slider-wrapper .rev-sbutton-blue {
    background-color: #3B5998; }
  #mozaweb-slider-wrapper .rev-sbutton-lightblue {
    background-color: #00A0D1; }
  #mozaweb-slider-wrapper .rev-sbutton-red {
    background-color: #DD4B39; }
  #mozaweb-slider-wrapper .tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 200;
    top: 0; }
  #mozaweb-slider-wrapper .tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0 !important;
    height: 5px; }
  #mozaweb-slider-wrapper .tp-caption img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1;
    height: inherit !important; }
  #mozaweb-slider-wrapper .caption.slidelink a div, #mozaweb-slider-wrapper .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../assets/coloredbg.png)/*tpa=https://cn.mozaweb.com/assets/coloredbg.png*/; }
  #mozaweb-slider-wrapper .tp-caption.slidelink a span {
    background: url(../assets/coloredbg.png)/*tpa=https://cn.mozaweb.com/assets/coloredbg.png*/; }
  #mozaweb-slider-wrapper .tp-loader.spinner0, #mozaweb-slider-wrapper .tp-loader.spinner5 {
    background-image: url(../assets/loader.gif)/*tpa=https://cn.mozaweb.com/assets/loader.gif*/;
    background-repeat: no-repeat; }
  #mozaweb-slider-wrapper .tp-shape {
    width: 100%;
    height: 100%; }
  #mozaweb-slider-wrapper .tp-caption .rs-starring {
    display: inline-block; }
  #mozaweb-slider-wrapper .tp-caption .rs-starring .star-rating {
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #FFC321 !important; }
  #mozaweb-slider-wrapper .tp-caption .rs-starring .star-rating, #mozaweb-slider-wrapper .tp-caption .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star;
    font-size: 1em !important; }
  #mozaweb-slider-wrapper .tp-loader.spinner0, #mozaweb-slider-wrapper .tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
  #mozaweb-slider-wrapper .tp-caption .rs-starring .star-rating:before, #mozaweb-slider-wrapper .tp-caption .rs-starring-page .star-rating:before {
    content: "\73\73\73\73\73";
    color: #E0DADF;
    float: left;
    top: 0;
    left: 0;
    position: absolute; }
  #mozaweb-slider-wrapper .tp-caption .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em !important; }
  #mozaweb-slider-wrapper .tp-caption .rs-starring .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0; }
  #mozaweb-slider-wrapper .tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute; }
  #mozaweb-slider-wrapper .tp-loader.spinner0 {
    background-position: center center; }
  #mozaweb-slider-wrapper .tp-loader.spinner5 {
    background-position: 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px; }

@-webkit-keyframes tp-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes tp-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
  #mozaweb-slider-wrapper .tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out; }

@-webkit-keyframes tp-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes tp-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
  #mozaweb-slider-wrapper .tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center; }
  #mozaweb-slider-wrapper .tp-loader.spinner3 .bounce1, #mozaweb-slider-wrapper .tp-loader.spinner3 .bounce2, #mozaweb-slider-wrapper .tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  #mozaweb-slider-wrapper .tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s; }
  #mozaweb-slider-wrapper .tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s; }

@-webkit-keyframes tp-bouncedelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes tp-bouncedelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  #mozaweb-slider-wrapper .tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear; }
  #mozaweb-slider-wrapper .tp-loader.spinner4 .dot1, #mozaweb-slider-wrapper .tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
  #mozaweb-slider-wrapper .tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }

@-webkit-keyframes tp-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes tp-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes tp-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes tp-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  #mozaweb-slider-wrapper .tp-bullets.navbar, #mozaweb-slider-wrapper .tp-tabs.navbar, #mozaweb-slider-wrapper .tp-thumbs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0; }
  #mozaweb-slider-wrapper .tp-bullets, #mozaweb-slider-wrapper .tp-tabs, #mozaweb-slider-wrapper .tp-thumbs {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0; }
  #mozaweb-slider-wrapper .tp-tab, #mozaweb-slider-wrapper .tp-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    box-sizing: border-box; }
  #mozaweb-slider-wrapper .tp-arr-imgholder, #mozaweb-slider-wrapper .tp-tab-image, #mozaweb-slider-wrapper .tp-thumb-image, #mozaweb-slider-wrapper .tp-videoposter {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
  #mozaweb-slider-wrapper .tp-tab.selected, #mozaweb-slider-wrapper .tp-tab:hover, #mozaweb-slider-wrapper .tp-thumb.selected, #mozaweb-slider-wrapper .tp-thumb:hover {
    opacity: 1; }
  #mozaweb-slider-wrapper .tp-tab-mask, #mozaweb-slider-wrapper .tp-thumb-mask {
    box-sizing: border-box !important; }
  #mozaweb-slider-wrapper .tp-tabs, #mozaweb-slider-wrapper .tp-thumbs {
    box-sizing: content-box !important; }
  #mozaweb-slider-wrapper .tp-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-top: 14px;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer; }
  #mozaweb-slider-wrapper .tp-bullet.selected, #mozaweb-slider-wrapper .tp-bullet:hover {
    background: #fff; }
  #mozaweb-slider-wrapper .tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000; }
  #mozaweb-slider-wrapper .tparrows:hover {
    background: #000; }
  #mozaweb-slider-wrapper .tparrows:before {
    font-family: "mwicon" !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;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center; }
  #mozaweb-slider-wrapper .hginfo, #mozaweb-slider-wrapper .hglayerinfo {
    font-size: 12px;
    font-weight: 600; }
  #mozaweb-slider-wrapper .tparrows.tp-leftarrow:before {
    content: ""; }
  #mozaweb-slider-wrapper .tparrows.tp-rightarrow:before {
    content: ""; }
  #mozaweb-slider-wrapper body.rtl .tp-kbimg {
    left: 0 !important; }
  #mozaweb-slider-wrapper .dddwrappershadow {
    box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4); }
  #mozaweb-slider-wrapper .hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #FFF;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal; }
  #mozaweb-slider-wrapper .helpgrid, #mozaweb-slider-wrapper .hginfo {
    position: absolute; }
  #mozaweb-slider-wrapper .hginfo {
    top: -2px;
    left: -2px;
    color: #e74c3c;
    background: #000;
    padding: 2px 5px; }
  #mozaweb-slider-wrapper .indebugmode .tp-caption:hover {
    border: 1px dashed #c0392b !important; }
  #mozaweb-slider-wrapper .helpgrid {
    border: 2px dashed #c0392b;
    top: 0;
    left: 0;
    z-index: 0; }
  #mozaweb-slider-wrapper #revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll; }
  #mozaweb-slider-wrapper .aden {
    -webkit-filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2);
    filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2); }
  #mozaweb-slider-wrapper .aden::after {
    background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
    mix-blend-mode: darken; }
  #mozaweb-slider-wrapper .perpetua::after, #mozaweb-slider-wrapper .reyes::after {
    mix-blend-mode: soft-light;
    opacity: .5; }
  #mozaweb-slider-wrapper .inkwell {
    -webkit-filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1);
    filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1); }
  #mozaweb-slider-wrapper .perpetua::after {
    background: linear-gradient(to bottom, #005b9a, #e6c13d); }
  #mozaweb-slider-wrapper .reyes {
    -webkit-filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
    filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75); }
  #mozaweb-slider-wrapper .reyes::after {
    background: #efcdad; }
  #mozaweb-slider-wrapper .gingham {
    -webkit-filter: brightness(1.05) hue-rotate(-10deg);
    filter: brightness(1.05) hue-rotate(-10deg); }
  #mozaweb-slider-wrapper .gingham::after {
    background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
    mix-blend-mode: darken; }
  #mozaweb-slider-wrapper .toaster {
    -webkit-filter: contrast(1.5) brightness(0.9);
    filter: contrast(1.5) brightness(0.9); }
  #mozaweb-slider-wrapper .toaster::after {
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen; }
  #mozaweb-slider-wrapper .walden {
    -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6);
    filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6); }
  #mozaweb-slider-wrapper .walden::after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3; }
  #mozaweb-slider-wrapper .hudson {
    -webkit-filter: brightness(1.2) contrast(0.9) saturate(1.1);
    filter: brightness(1.2) contrast(0.9) saturate(1.1); }
  #mozaweb-slider-wrapper .hudson::after {
    background: radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5; }
  #mozaweb-slider-wrapper .earlybird {
    -webkit-filter: contrast(0.9) sepia(0.2);
    filter: contrast(0.9) sepia(0.2); }
  #mozaweb-slider-wrapper .earlybird::after {
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay; }
  #mozaweb-slider-wrapper .mayfair {
    -webkit-filter: contrast(1.1) saturate(1.1);
    filter: contrast(1.1) saturate(1.1); }
  #mozaweb-slider-wrapper .mayfair::after {
    background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);
    mix-blend-mode: overlay;
    opacity: .4; }
  #mozaweb-slider-wrapper .lofi {
    -webkit-filter: saturate(1.1) contrast(1.5);
    filter: saturate(1.1) contrast(1.5); }
  #mozaweb-slider-wrapper .lofi::after {
    background: radial-gradient(circle, transparent 70%, #222 150%);
    mix-blend-mode: multiply; }
  #mozaweb-slider-wrapper ._1977 {
    -webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
    filter: contrast(1.1) brightness(1.1) saturate(1.3); }
  #mozaweb-slider-wrapper ._1977:after {
    background: rgba(243, 106, 188, 0.3);
    mix-blend-mode: screen; }
  #mozaweb-slider-wrapper .brooklyn {
    -webkit-filter: contrast(0.9) brightness(1.1);
    filter: contrast(0.9) brightness(1.1); }
  #mozaweb-slider-wrapper .brooklyn::after {
    background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
    mix-blend-mode: overlay; }
  #mozaweb-slider-wrapper .xpro2 {
    -webkit-filter: sepia(0.3);
    filter: sepia(0.3); }
  #mozaweb-slider-wrapper .xpro2::after {
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
    mix-blend-mode: color-burn; }
  #mozaweb-slider-wrapper .nashville {
    -webkit-filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
    filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); }
  #mozaweb-slider-wrapper .nashville::after {
    background: rgba(0, 70, 150, 0.4);
    mix-blend-mode: lighten; }
  #mozaweb-slider-wrapper .nashville::before {
    background: rgba(247, 176, 153, 0.56);
    mix-blend-mode: darken; }
  #mozaweb-slider-wrapper .lark {
    -webkit-filter: contrast(0.9);
    filter: contrast(0.9); }
  #mozaweb-slider-wrapper .lark::after {
    background: rgba(242, 242, 242, 0.8);
    mix-blend-mode: darken; }
  #mozaweb-slider-wrapper .lark::before {
    background: #22253f;
    mix-blend-mode: color-dodge; }
  #mozaweb-slider-wrapper .moon {
    -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
    filter: grayscale(1) contrast(1.1) brightness(1.1); }
  #mozaweb-slider-wrapper .moon::before {
    background: #a0a0a0;
    mix-blend-mode: soft-light; }
  #mozaweb-slider-wrapper .moon::after {
    background: #383838;
    mix-blend-mode: lighten; }
  #mozaweb-slider-wrapper .clarendon {
    -webkit-filter: contrast(1.2) saturate(1.35);
    filter: contrast(1.2) saturate(1.35); }
  #mozaweb-slider-wrapper .clarendon:before {
    background: rgba(127, 187, 227, 0.2);
    mix-blend-mode: overlay; }
  #mozaweb-slider-wrapper .willow {
    -webkit-filter: grayscale(0.5) contrast(0.95) brightness(0.9);
    filter: grayscale(0.5) contrast(0.95) brightness(0.9); }
  #mozaweb-slider-wrapper .willow::before {
    background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
    mix-blend-mode: overlay; }
  #mozaweb-slider-wrapper .willow::after {
    background-color: #d8cdcb;
    mix-blend-mode: color; }
  #mozaweb-slider-wrapper .rise {
    -webkit-filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
    filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9); }
  #mozaweb-slider-wrapper .rise::after {
    background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
    mix-blend-mode: overlay;
    opacity: .6; }
  #mozaweb-slider-wrapper .rise::before {
    background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
    mix-blend-mode: multiply; }
  #mozaweb-slider-wrapper ._1977:after, #mozaweb-slider-wrapper ._1977:before, #mozaweb-slider-wrapper .aden:after, #mozaweb-slider-wrapper .aden:before, #mozaweb-slider-wrapper .brooklyn:after, #mozaweb-slider-wrapper .brooklyn:before, #mozaweb-slider-wrapper .clarendon:after, #mozaweb-slider-wrapper .clarendon:before, #mozaweb-slider-wrapper .earlybird:after, #mozaweb-slider-wrapper .earlybird:before, #mozaweb-slider-wrapper .gingham:after, #mozaweb-slider-wrapper .gingham:before, #mozaweb-slider-wrapper .hudson:after, #mozaweb-slider-wrapper .hudson:before, #mozaweb-slider-wrapper .inkwell:after, #mozaweb-slider-wrapper .inkwell:before, #mozaweb-slider-wrapper .lark:after, #mozaweb-slider-wrapper .lark:before, #mozaweb-slider-wrapper .lofi:after, #mozaweb-slider-wrapper .lofi:before, #mozaweb-slider-wrapper .mayfair:after, #mozaweb-slider-wrapper .mayfair:before, #mozaweb-slider-wrapper .moon:after, #mozaweb-slider-wrapper .moon:before, #mozaweb-slider-wrapper .nashville:after, #mozaweb-slider-wrapper .nashville:before, #mozaweb-slider-wrapper .perpetua:after, #mozaweb-slider-wrapper .perpetua:before, #mozaweb-slider-wrapper .reyes:after, #mozaweb-slider-wrapper .reyes:before, #mozaweb-slider-wrapper .rise:after, #mozaweb-slider-wrapper .rise:before, #mozaweb-slider-wrapper .slumber:after, #mozaweb-slider-wrapper .slumber:before, #mozaweb-slider-wrapper .toaster:after, #mozaweb-slider-wrapper .toaster:before, #mozaweb-slider-wrapper .walden:after, #mozaweb-slider-wrapper .walden:before, #mozaweb-slider-wrapper .willow:after, #mozaweb-slider-wrapper .willow:before, #mozaweb-slider-wrapper .xpro2:after, #mozaweb-slider-wrapper .xpro2:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none; }
  #mozaweb-slider-wrapper ._1977, #mozaweb-slider-wrapper .aden, #mozaweb-slider-wrapper .brooklyn, #mozaweb-slider-wrapper .clarendon, #mozaweb-slider-wrapper .earlybird, #mozaweb-slider-wrapper .gingham, #mozaweb-slider-wrapper .hudson, #mozaweb-slider-wrapper .inkwell, #mozaweb-slider-wrapper .lark, #mozaweb-slider-wrapper .lofi, #mozaweb-slider-wrapper .mayfair, #mozaweb-slider-wrapper .moon, #mozaweb-slider-wrapper .nashville, #mozaweb-slider-wrapper .perpetua, #mozaweb-slider-wrapper .reyes, #mozaweb-slider-wrapper .rise, #mozaweb-slider-wrapper .slumber, #mozaweb-slider-wrapper .toaster, #mozaweb-slider-wrapper .walden, #mozaweb-slider-wrapper .willow, #mozaweb-slider-wrapper .xpro2 {
    position: relative; }
  #mozaweb-slider-wrapper ._1977 img, #mozaweb-slider-wrapper .aden img, #mozaweb-slider-wrapper .brooklyn img, #mozaweb-slider-wrapper .clarendon img, #mozaweb-slider-wrapper .earlybird img, #mozaweb-slider-wrapper .gingham img, #mozaweb-slider-wrapper .hudson img, #mozaweb-slider-wrapper .inkwell img, #mozaweb-slider-wrapper .lark img, #mozaweb-slider-wrapper .lofi img, #mozaweb-slider-wrapper .mayfair img, #mozaweb-slider-wrapper .moon img, #mozaweb-slider-wrapper .nashville img, #mozaweb-slider-wrapper .perpetua img, #mozaweb-slider-wrapper .reyes img, #mozaweb-slider-wrapper .rise img, #mozaweb-slider-wrapper .slumber img, #mozaweb-slider-wrapper .toaster img, #mozaweb-slider-wrapper .walden img, #mozaweb-slider-wrapper .willow img, #mozaweb-slider-wrapper .xpro2 img {
    width: 100%;
    z-index: 1; }
  #mozaweb-slider-wrapper ._1977:before, #mozaweb-slider-wrapper .aden:before, #mozaweb-slider-wrapper .brooklyn:before, #mozaweb-slider-wrapper .clarendon:before, #mozaweb-slider-wrapper .earlybird:before, #mozaweb-slider-wrapper .gingham:before, #mozaweb-slider-wrapper .hudson:before, #mozaweb-slider-wrapper .inkwell:before, #mozaweb-slider-wrapper .lark:before, #mozaweb-slider-wrapper .lofi:before, #mozaweb-slider-wrapper .mayfair:before, #mozaweb-slider-wrapper .moon:before, #mozaweb-slider-wrapper .nashville:before, #mozaweb-slider-wrapper .perpetua:before, #mozaweb-slider-wrapper .reyes:before, #mozaweb-slider-wrapper .rise:before, #mozaweb-slider-wrapper .slumber:before, #mozaweb-slider-wrapper .toaster:before, #mozaweb-slider-wrapper .walden:before, #mozaweb-slider-wrapper .willow:before, #mozaweb-slider-wrapper .xpro2:before {
    z-index: 2; }
  #mozaweb-slider-wrapper ._1977:after, #mozaweb-slider-wrapper .aden:after, #mozaweb-slider-wrapper .brooklyn:after, #mozaweb-slider-wrapper .clarendon:after, #mozaweb-slider-wrapper .earlybird:after, #mozaweb-slider-wrapper .gingham:after, #mozaweb-slider-wrapper .hudson:after, #mozaweb-slider-wrapper .inkwell:after, #mozaweb-slider-wrapper .lark:after, #mozaweb-slider-wrapper .lofi:after, #mozaweb-slider-wrapper .mayfair:after, #mozaweb-slider-wrapper .moon:after, #mozaweb-slider-wrapper .nashville:after, #mozaweb-slider-wrapper .perpetua:after, #mozaweb-slider-wrapper .reyes:after, #mozaweb-slider-wrapper .rise:after, #mozaweb-slider-wrapper .slumber:after, #mozaweb-slider-wrapper .toaster:after, #mozaweb-slider-wrapper .walden:after, #mozaweb-slider-wrapper .willow:after, #mozaweb-slider-wrapper .xpro2:after {
    z-index: 3; }
  #mozaweb-slider-wrapper .slumber {
    -webkit-filter: saturate(0.66) brightness(1.05);
    filter: saturate(0.66) brightness(1.05); }
  #mozaweb-slider-wrapper .slumber::after {
    background: rgba(125, 105, 24, 0.5);
    mix-blend-mode: soft-light; }
  #mozaweb-slider-wrapper .slumber::before {
    background: rgba(69, 41, 12, 0.4);
    mix-blend-mode: lighten; }
  #mozaweb-slider-wrapper .tp-kbimg-wrap:after, #mozaweb-slider-wrapper .tp-kbimg-wrap:before {
    height: 500%;
    width: 500%; }
  #mozaweb-slider-wrapper .fullwidthbanner-container {
    left: 0 !important; }

body.maintenance-page {
  padding-top: 20px; }
  @media (min-width: 768px) {
    body.maintenance-page {
      padding-top: 123px; } }
  body.maintenance-page #sideCart,
  body.maintenance-page .share-block,
  body.maintenance-page #footer > .container,
  body.maintenance-page #footer .contact-bar,
  body.maintenance-page #header .nav-primary-wrapper,
  body.maintenance-page #header .nav-secondary,
  body.maintenance-page #header .bird,
  body.maintenance-page .mobile-header {
    display: none; }
  @media (max-width: 767px) {
    body.maintenance-page #header .container {
      height: 80px; } }
  body.maintenance-page #header .logo {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    @media (max-width: 991px) {
      body.maintenance-page #header .logo {
        width: 255px;
        height: 25px; } }
  body.maintenance-page .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding-bottom: 150px;
    min-height: 100%; }
    @media (max-width: 991px) {
      body.maintenance-page .wrapper {
        padding-bottom: 100px; } }
    body.maintenance-page .wrapper #main-content {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      body.maintenance-page .wrapper #main-content .maintenance-content img {
        margin: auto;
        display: block;
        padding-bottom: 40px;
        width: 100%;
        max-width: 562px; }
        @media (max-width: 991px) {
          body.maintenance-page .wrapper #main-content .maintenance-content img {
            width: 75%; } }
      body.maintenance-page .wrapper #main-content .maintenance-content div {
        font-size: 30px;
        text-align: center;
        margin: 0 20px; }
        @media (max-width: 991px) {
          body.maintenance-page .wrapper #main-content .maintenance-content div {
            font-size: 20px; } }
  body.maintenance-page #footer {
    height: 155px;
    margin-top: -155px;
    transition: initial; }
    @media (max-width: 991px) {
      body.maintenance-page #footer {
        height: 100px;
        margin: 0;
        position: absolute;
        width: 100%;
        bottom: 0; } }
    body.maintenance-page #footer .bottom-bar {
      position: absolute;
      bottom: 0;
      width: 100%; }
      body.maintenance-page #footer .bottom-bar .logo {
        width: 345px;
        height: 35px; }
        @media (max-width: 991px) {
          body.maintenance-page #footer .bottom-bar .logo {
            width: 255px;
            height: 25px; } }

.release-container .panel-group .panel {
  border: none;
  box-shadow: none; }
  .release-container .panel-group .panel .date-time {
    cursor: default; }
    .release-container .panel-group .panel .date-time .date {
      font-size: 14px;
      color: #455771; }
    .release-container .panel-group .panel .date-time .time {
      font-size: 11px;
      color: #8c97a7;
      font-style: italic; }
  .release-container .panel-group .panel .panel-heading {
    border: none;
    background: none; }
    .release-container .panel-group .panel .panel-heading .panel-title .arrow:after {
      font-family: "mwicon" !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;
      content: "";
      display: inline-block;
      font-size: 14px;
      margin-right: 5px;
      color: #8c97a7;
      transition: -webkit-transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease, -webkit-transform .5s ease;
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center; }
    .release-container .panel-group .panel .panel-heading .panel-title .arrow.collapsed:after {
      -webkit-transform: rotateZ(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotateZ(-90deg); }
    .release-container .panel-group .panel .panel-heading .panel-title .changelog-bullet {
      margin-left: 3px;
      margin-right: 9px; }
      .release-container .panel-group .panel .panel-heading .panel-title .changelog-bullet i {
        font-size: 8px;
        color: #8c97a7;
        vertical-align: middle; }
    .release-container .panel-group .panel .panel-heading .panel-title .title {
      color: #455771;
      font-weight: bold; }
      .release-container .panel-group .panel .panel-heading .panel-title .title.collapsed {
        font-weight: normal; }
    .release-container .panel-group .panel .panel-heading .panel-title .date-time {
      padding-left: 22px;
      margin-bottom: 0; }
  .release-container .panel-group .panel .panel-body {
    border: none;
    padding: 0 0 10px 57px; }
    .release-container .panel-group .panel .panel-body .release-id {
      position: relative; }
      .release-container .panel-group .panel .panel-body .release-id:before {
        content: "• ";
        color: #8c97a7;
        font-size: 22px;
        position: absolute;
        left: -15px;
        top: -5px; }
      .release-container .panel-group .panel .panel-body .release-id.active {
        font-weight: bold; }
        .release-container .panel-group .panel .panel-body .release-id.active .date-time {
          font-weight: normal; }

.issue-container .issue {
  margin: 15px 0 15px 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  position: relative; }
  .issue-container .issue:before {
    content: "• ";
    color: #8c97a7;
    font-size: 22px;
    position: absolute;
    left: -15px;
    top: -5px; }
  .issue-container .issue .issue-id {
    display: inline-block;
    min-width: 85px; }
  .issue-container .issue .issue-status-wrapper .issue-status {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fde36b; }
    .issue-container .issue .issue-status-wrapper .issue-status.done, .issue-container .issue .issue-status-wrapper .issue-status.ready-for-live {
      background-color: #5fc298; }

.for-publishers .tiles-wrapper {
  margin: -7.5px;
  margin-top: 0px; }
  .for-publishers .tiles-wrapper .tile {
    display: block;
    float: left;
    padding: 0 7.5px; }
    .for-publishers .tiles-wrapper .tile [class*='-bg'] {
      color: white; }
      .for-publishers .tiles-wrapper .tile [class*='-bg'] > div > span {
        display: inline-block;
        font-size: 24px;
        line-height: 1; }
      .for-publishers .tiles-wrapper .tile [class*='-bg'] > div i {
        font-size: 24px; }
      .for-publishers .tiles-wrapper .tile [class*='-bg'] > span {
        font-size: 15px; }

.for-publishers .container > h3 {
  margin-top: 0; }

.for-publishers .for-publishers-news {
  padding: 70px 0px 120px 0px; }
  .for-publishers .for-publishers-news .media .media-left .media-object {
    max-width: inherit; }

.for-publishers .for-publishers-tiles {
  padding: 70px 0;
  position: relative; }
  .for-publishers .for-publishers-tiles .tab-links {
    position: relative;
    width: 100%; }
    .for-publishers .for-publishers-tiles .tab-links .tab-link {
      position: absolute;
      height: 35px;
      width: 170px;
      top: -105px; }
      .for-publishers .for-publishers-tiles .tab-links .tab-link span, .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
        display: inline-block;
        padding: 7px 25px; }
      .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
        padding-left: 45px; }
      .for-publishers .for-publishers-tiles .tab-links .tab-link:after {
        content: '';
        position: absolute;
        right: -20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 35px 0 0 20px;
        border-color: transparent transparent transparent #dbe5f3; }
      .for-publishers .for-publishers-tiles .tab-links .tab-link.facebook {
        background-color: #4a6ea9;
        color: #ffffff;
        left: 0; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.facebook i {
          color: #ffffff;
          position: absolute;
          font-size: 37px;
          bottom: -6px;
          left: 7px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.facebook:after {
          border-color: transparent transparent transparent #4a6ea9; }
      .for-publishers .for-publishers-tiles .tab-links .tab-link.regional {
        background-color: #dbe5f3;
        color: #455771;
        left: 180px; }
      .for-publishers .for-publishers-tiles .tab-links .tab-link.events {
        display: inline-block;
        background-color: #008ce5;
        color: #ffffff;
        left: 0px;
        top: 315px;
        font-size: 17px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.events strong {
          padding: 7px 24px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.events:after {
          border-color: transparent transparent transparent #008ce5; }
    .for-publishers .for-publishers-tiles .tab-links .tab-search {
      position: absolute;
      height: 35px;
      width: 230px;
      top: -105px;
      right: 0;
      /*.form-control,
                .input-group-addon {
                    border-radius: 0;
                    border-color: $gray4;
                    border-left-color: $white;
                    border-bottom-color: $white;
                }*/ }
      .for-publishers .for-publishers-tiles .tab-links .tab-search:after {
        content: '';
        position: absolute;
        left: -19px;
        top: 2px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 33px 19px;
        border-color: transparent transparent white transparent; }
      .for-publishers .for-publishers-tiles .tab-links .tab-search:before {
        content: '';
        position: absolute;
        left: -20px;
        top: 0;
        width: 1px;
        height: 0;
        border-style: solid;
        border-width: 0 0 35px 20px;
        border-color: transparent transparent #f2f5f9 transparent; }
    @media (min-width: 520px) and (max-width: 767px) {
      .for-publishers .for-publishers-tiles .tab-links .tab-link {
        width: 130px;
        font-size: 13px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link span, .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
          padding: 9px 7px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link strong {
          padding-left: 35px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.facebook i {
          left: 7px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.regional {
          left: 140px; }
      .for-publishers .for-publishers-tiles .tab-links .tab-search {
        width: 170px; } }
    @media (max-width: 519px) {
      .for-publishers .for-publishers-tiles .tab-links .tab-link {
        display: block;
        position: relative;
        width: 100%;
        top: inherit;
        margin-bottom: 15px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link.regional {
          left: 0; }
        .for-publishers .for-publishers-tiles .tab-links .tab-link:after {
          display: none; }
      .for-publishers .for-publishers-tiles .tab-links .tab-search {
        position: relative;
        width: 100%;
        top: inherit;
        margin-bottom: 30px; }
        .for-publishers .for-publishers-tiles .tab-links .tab-search .form-control, .for-publishers .for-publishers-tiles .tab-links .tab-search .cke_editable,
        .for-publishers .for-publishers-tiles .tab-links .tab-search .input-group-addon {
          border-bottom-color: #f2f5f9; }
        .for-publishers .for-publishers-tiles .tab-links .tab-search .form-control, .for-publishers .for-publishers-tiles .tab-links .tab-search .cke_editable {
          border-left-color: #f2f5f9; }
        .for-publishers .for-publishers-tiles .tab-links .tab-search:after, .for-publishers .for-publishers-tiles .tab-links .tab-search:before {
          display: none; } }
  .for-publishers .for-publishers-tiles .tiles-wrapper .tile {
    width: 50%; }
    .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*='-bg'] {
      height: 90px;
      padding: 25px; }
    .for-publishers .for-publishers-tiles .tiles-wrapper .tile:nth-child(1) [class*='-bg'], .for-publishers .for-publishers-tiles .tiles-wrapper .tile:nth-child(2) [class*='-bg'] {
      margin-bottom: 15px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*='-bg'] {
        padding: 15px; }
        .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*='-bg'] > span {
          font-size: 13px; } }
    @media (max-width: 991px) {
      .for-publishers .for-publishers-tiles .tiles-wrapper .tile [class*='-bg'] {
        margin-bottom: 15px; } }
    @media (max-width: 767px) {
      .for-publishers .for-publishers-tiles .tiles-wrapper .tile {
        width: 100%; } }
  .for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content {
    height: 195px;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #dee5f2; }
    .for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content .tiles-link {
      margin: 0 30px 0 10px;
      padding: 3px 5px;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content .tiles-link:not(:last-child) {
        border-bottom: 1px solid #dee5f2; }
      .for-publishers .for-publishers-tiles .tiles-content-wrapper .tiles-content .tiles-link i {
        font-size: 25px;
        color: #fb9500; }
  .for-publishers .for-publishers-tiles .tiles-content-wrapper .slimScrollBar {
    border-radius: 50%; }

.for-publishers .for-publishers-links {
  padding: 70px 0; }
  @media (max-width: 767px) {
    .for-publishers .for-publishers-links {
      padding: 45px 0 15px; } }
  .for-publishers .for-publishers-links .event_list {
    width: 100%;
    min-height: inherit;
    max-height: inherit;
    height: 190px;
    overflow: hidden; }
    .for-publishers .for-publishers-links .event_list .events-content-wrapper {
      padding: 0;
      height: 190px; }
      .for-publishers .for-publishers-links .event_list .events-content-wrapper .portal-events-content {
        height: 186px;
        overflow-y: scroll; }
        .for-publishers .for-publishers-links .event_list .events-content-wrapper .portal-events-content .event-row {
          margin-left: 10px;
          margin-right: 30px; }
          .for-publishers .for-publishers-links .event_list .events-content-wrapper .portal-events-content .event-row .event-info {
            width: calc(100% - 65px); }
  .for-publishers .for-publishers-links .tile-link {
    display: block;
    height: 190px;
    width: 100%;
    background-color: #f1f5fb;
    border: 1px solid #d4def0;
    padding: 30px 0;
    text-align: center; }
    .for-publishers .for-publishers-links .tile-link i {
      position: relative;
      margin: auto; }
    .for-publishers .for-publishers-links .tile-link span {
      display: block;
      color: #455771;
      margin-top: 10px;
      font-size: 18px;
      font-weight: bold;
      text-align: center; }
    @media (max-width: 991px) {
      .for-publishers .for-publishers-links .tile-link:nth-child(1), .for-publishers .for-publishers-links .tile-link:nth-child(2) {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .for-publishers .for-publishers-links .tile-link:not(:last-child) {
        margin-bottom: 15px; } }

.for-publishers .for-publishers-offer {
  padding: 0 0 70px; }
  .for-publishers .for-publishers-offer .flex-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .for-publishers .for-publishers-offer .flex-element {
    width: 50%;
    padding: 0px 20px; }
  .for-publishers .for-publishers-offer .offer-wrapper {
    margin-bottom: 50px; }
    .for-publishers .for-publishers-offer .offer-wrapper .offer-image {
      display: block;
      float: left;
      width: 135px; }
    .for-publishers .for-publishers-offer .offer-wrapper .offer-spacer {
      height: 40px; }
    .for-publishers .for-publishers-offer .offer-wrapper .offer-content {
      padding-left: 20px;
      display: inline-block;
      width: calc(100% - 140px); }
      .for-publishers .for-publishers-offer .offer-wrapper .offer-content h5 {
        font-size: 15px;
        font-weight: bold; }
      .for-publishers .for-publishers-offer .offer-wrapper .offer-content > .offer-shopping,
      .for-publishers .for-publishers-offer .offer-wrapper .offer-content > .offer-info,
      .for-publishers .for-publishers-offer .offer-wrapper .offer-content > .offer-demo {
        color: #b5cde1;
        font-size: 34px; }
    @media (max-width: 519px) {
      .for-publishers .for-publishers-offer .offer-wrapper .offer-image {
        width: 100%; }
        .for-publishers .for-publishers-offer .offer-wrapper .offer-image .image {
          display: block;
          width: 135px;
          margin: auto; }
      .for-publishers .for-publishers-offer .offer-wrapper .offer-content {
        width: 100%; } }

.for-publishers .for-publishers-new-publication {
  padding: 70px 0; }
  .for-publishers .for-publishers-new-publication h3 {
    width: 100%;
    opacity: .7; }
    .for-publishers .for-publishers-new-publication h3 a {
      margin-top: 10px;
      font-size: 15px; }
      .for-publishers .for-publishers-new-publication h3 a > i {
        font-size: 18px; }
  .for-publishers .for-publishers-new-publication .publications-row {
    margin: 0 -10px; }
    .for-publishers .for-publishers-new-publication .publications-row .publications-images {
      display: block;
      float: left;
      width: 50%;
      margin-bottom: 20px;
      padding: 0 10px; }
      .for-publishers .for-publishers-new-publication .publications-row .publications-images img {
        width: 100%; }
      @media (min-width: 768px) {
        .for-publishers .for-publishers-new-publication .publications-row .publications-images {
          width: calc(100% / 4);
          margin-bottom: 15px; } }
      @media (min-width: 992px) {
        .for-publishers .for-publishers-new-publication .publications-row .publications-images {
          width: calc(100% / 8);
          margin-bottom: 0; } }
  .for-publishers .for-publishers-new-publication .light-blue {
    color: #e4e0ff; }

.for-publishers .for-publishers-atlas {
  padding: 70px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .for-publishers .for-publishers-atlas img {
      margin-top: 90px; } }
  .for-publishers .for-publishers-atlas .atlas-content > a.info-icon,
  .for-publishers .for-publishers-atlas .atlas-content > a.cart-icon {
    color: #b5cde1;
    margin-right: 10px;
    font-size: 32px; }

.for-publishers .for-publishers-teacher-offer {
  padding: 70px 0; }
  .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper {
    background-color: #ffffff;
    border: 1px solid #dee5f2;
    text-align: center;
    padding: 30px;
    height: 380px; }
    @media (max-width: 767px) {
      .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper:not(last-child) {
        margin-bottom: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper:last-child {
        margin-top: 30px; } }
    .for-publishers .for-publishers-teacher-offer .teacher-offer-wrapper p {
      color: #455771; }

.for-publishers .misc-wrapper p {
  color: #455771; }

.for-publishers .for-publishers-contact {
  padding: 70px 0;
  color: #ffffff; }
  .for-publishers .for-publishers-contact .side-line {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
    .for-publishers .for-publishers-contact .side-line .contact-title {
      display: inline-block;
      font-size: 30px;
      color: #54cdff; }
    .for-publishers .for-publishers-contact .side-line .line {
      -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
      align-self: baseline;
      display: inline-block;
      width: 100%;
      height: 1px;
      margin-left: 15px;
      background-color: #54cdff; }
  .for-publishers .for-publishers-contact .contact h4 {
    margin-top: 20px;
    margin-bottom: 5px; }
  .for-publishers .for-publishers-contact .contact a {
    color: #54cdff; }
  .for-publishers .for-publishers-contact .tiles-wrapper .tile {
    width: 100%; }
    .for-publishers .for-publishers-contact .tiles-wrapper .tile [class*='-bg'] {
      padding: 10px 25px;
      height: 65px; }
    .for-publishers .for-publishers-contact .tiles-wrapper .tile:not(:last-child) [class*='-bg'] {
      margin-bottom: 15px; }
  @media (max-width: 991px) {
    .for-publishers .for-publishers-contact .tiles-wrapper {
      margin-top: 15px; } }

.for-publishers .for-publishers-misc {
  padding: 70px 0; }
  .for-publishers .for-publishers-misc .misc-wrapper {
    text-align: center;
    padding: 30px; }
    .for-publishers .for-publishers-misc .misc-wrapper i {
      color: #b5cde1; }
    @media (max-width: 767px) {
      .for-publishers .for-publishers-misc .misc-wrapper:not(last-child) {
        margin-bottom: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .for-publishers .for-publishers-misc .misc-wrapper:last-child {
        margin-top: 30px; } }

.news-admin .big-news-table {
  table-layout: fixed; }
  .news-admin .big-news-table .break-word {
    word-wrap: break-word; }
  .news-admin .big-news-table th {
    min-width: 120px; }

.classwork {
  background-color: #ffffff;
  position: relative; }
  .classwork .cl_header {
    height: 58px;
    background: url("../assets/images/classwork/header_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/header_bg.png*/ repeat-x;
    border-bottom: 1px solid #e6e6e6; }
    .classwork .cl_header .class_title {
      font-weight: bold; }
    .classwork .cl_header .class_desc {
      color: #d6d9df;
      font-style: italic; }
    .classwork .cl_header .general_blue_settings {
      margin: 16px 2px 0 12px; }
    .classwork .cl_header .class_select_div {
      margin: 18px 0 0 10px;
      position: relative;
      width: 350px; }
    .classwork .cl_header .add_clients {
      margin: 18px 0 0 20px; }
    .classwork .cl_header .view_icon {
      height: 32px;
      width: 32px;
      margin-top: 12px;
      cursor: pointer; }
    .classwork .cl_header .view_icon.active {
      color: #f954a7; }
    .classwork .cl_header .sort {
      width: 22px;
      height: 18px;
      margin: 19px 0 0 14px; }
    .classwork .cl_header .sort.asc {
      background: url("../assets/images/classwork/sort.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/sort.png*/ 0 0 no-repeat; }
    .classwork .cl_header .sort.desc {
      background: url("../assets/images/classwork/sort.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/sort.png*/ 0 -30px no-repeat; }
    .classwork .cl_header .compact_view {
      margin: 15px 0 0 11px; }
    .classwork .cl_header .header_classname {
      width: 320px;
      color: #719de0;
      font-size: 16px;
      font-weight: bold;
      float: left;
      padding-top: 4px; }
    .classwork .cl_header .option_list {
      position: absolute;
      width: 350px;
      top: 35px;
      border: 1px solid #e6eaf3;
      border-radius: 5px;
      background-color: #ffffff;
      overflow: auto;
      max-height: 300px;
      z-index: 10; }
      .classwork .cl_header .option_list .option {
        margin: 0 5px;
        padding: 8px 0;
        border-bottom: 1px solid #f4f4f7;
        cursor: pointer;
        color: #567295; }
        .classwork .cl_header .option_list .option:last-child {
          border: none; }
        .classwork .cl_header .option_list .option .class_bold {
          font-weight: bold;
          margin-right: 8px; }
        .classwork .cl_header .option_list .option .class_desc {
          color: #d6d9df;
          font-style: italic;
          margin-left: 5px; }
    .classwork .cl_header .toggler {
      float: left;
      width: 30px;
      height: 30px;
      cursor: pointer;
      margin-top: -3px; }
  .classwork .header_item {
    float: left;
    margin: 0 0 0 18px; }
  .classwork .footer_item {
    float: left;
    margin: 0 0 0 18px; }
  .classwork .default_client_list_text {
    color: #719de0;
    font-size: 16px;
    font-weight: bold;
    float: left;
    padding-top: 4px;
    width: 730px;
    margin-top: 160px;
    text-align: center; }
  .classwork .ajax_load {
    height: 466px; }
  .classwork .client_box .settings_icons .get_screenshot {
    background: url("../assets/images/classwork/settings_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/settings_icons.png*/ 0 0 no-repeat;
    width: 25px;
    height: 20px;
    cursor: pointer; }
  .classwork .client_box .settings_icons .settings {
    background: url("../assets/images/classwork/settings_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/settings_icons.png*/ -23px 0 no-repeat;
    width: 22px;
    height: 20px; }
  .classwork .client_box .settings_icons .group_edit {
    width: 22px;
    height: 18px; }
  .classwork .client_box .settings_icons .group_edit.blue {
    background: url("../assets/images/classwork/settings_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/settings_icons.png*/ -43px 0 no-repeat; }
  .classwork .client_box .settings_icons .group_edit.yellow {
    background: url("../assets/images/classwork/settings_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/settings_icons.png*/ -65px 0 no-repeat; }
  .classwork .client_box .settings_icons .group_edit.green {
    background: url("../assets/images/classwork/settings_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/settings_icons.png*/ -85px 0 no-repeat; }
  .classwork .settings_icons .settings_item {
    float: left;
    margin: 0 6px 0 0; }
    .classwork .settings_icons .settings_item:last-child {
      margin: 0; }
  .classwork .cl_footer {
    height: 58px;
    background: url("../assets/images/classwork/header_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/header_bg.png*/ repeat-x;
    border-top: 1px solid #e6e6e6; }
    .classwork .cl_footer .member_count {
      padding: 10px 0; }
      .classwork .cl_footer .member_count .member_count_item {
        display: inline-block;
        margin: 0 0 0 5px; }
        .classwork .cl_footer .member_count .member_count_item:first-child {
          margin: 0; }
        .classwork .cl_footer .member_count .member_count_item > i.active {
          color: #008ce5; }
      .classwork .cl_footer .member_count .text {
        text-align: center;
        color: #a1afca;
        font-weight: bold;
        font-size: 11px; }
    .classwork .cl_footer .minigroup .counter {
      text-align: center;
      color: #a1afca;
      font-weight: bold;
      font-size: 11px; }
  .classwork .play_button {
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 8px;
    right: 11px;
    cursor: pointer; }
  .classwork .minigroup {
    padding: 11px 0; }
    .classwork .minigroup .group {
      display: inline-block;
      margin: 0 13px 0 0; }
      .classwork .minigroup .group:last-child {
        margin-right: 0; }
      .classwork .minigroup .group .selector {
        width: 24px;
        height: 20px;
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ no-repeat;
        cursor: pointer; }
      .classwork .minigroup .group .selector.blue {
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ 0 -20px no-repeat; }
      .classwork .minigroup .group .selector.blue.active {
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ 0 0 no-repeat; }
      .classwork .minigroup .group .selector.green {
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ -48px -20px no-repeat; }
      .classwork .minigroup .group .selector.green.active {
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ -48px 0 no-repeat; }
      .classwork .minigroup .group .selector.yellow {
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ -24px -20px no-repeat; }
      .classwork .minigroup .group .selector.yellow.active {
        background: url("../assets/images/classwork/group_selectors.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/group_selectors.png*/ -24px 0 no-repeat; }
  .classwork .play_button.hidden {
    display: none; }
  .classwork .play_button.play {
    background: url("../assets/images/classwork/playpause.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/playpause.png*/ 0 0 no-repeat; }
  .classwork .play_button.pause {
    background: url("../assets/images/classwork/playpause.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/playpause.png*/ -60px 0 no-repeat; }
  .classwork .vertical_sep {
    width: 1px;
    height: 58px;
    background: url("../assets/images/classwork/vertical_sep.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/vertical_sep.png*/ no-repeat; }

.mozaweb_rtl .classwork .header_item {
  float: right;
  margin: 0 18px 0 0; }

.mozaweb_rtl .classwork .footer_item {
  float: right;
  margin: 0 18px 0 0; }

.mozaweb_rtl .classwork .cl_header .general_blue_settings {
  margin: 16px 12px 0 2px; }

.mozaweb_rtl .classwork .cl_header .class_select_div {
  margin: 18px 10px 0 0; }

.mozaweb_rtl .classwork .cl_header .add_clients {
  margin: 18px 20px 0 0; }

.mozaweb_rtl .classwork .cl_header .sort {
  margin: 19px 14px 0 0; }

.mozaweb_rtl .classwork .cl_header .compact_view {
  margin: 15px 11px 0 0; }

.mozaweb_rtl .classwork .cl_header .header_classname {
  float: right;
  text-align: right; }

.mozaweb_rtl .classwork .settings_icons .settings_item {
  float: right;
  margin: 0 0 0 6px; }

.mozaweb_rtl .classwork .cl_footer .member_count .member_count_item {
  margin: 0 18px 0 0; }

.mozaweb_rtl .classwork .play_button {
  right: auto;
  left: 11px; }

.mozaweb_rtl .classwork .minigroup .group {
  margin: 0 0 0 13px; }

.mozaweb_rtl classwork.start .client_list {
  float: right; }

.mozaweb_rtl .classwork.start .ajax_load.small .client_list .client_box .avatar, .mozaweb_rtl .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar, .book-item .mozaweb_rtl .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar, .mozaweb_rtl .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar, .book-item .mozaweb_rtl .classwork.start .ajax_load.alcim .client_list .client_box .avatar {
  float: right; }

.mozaweb_rtl .classwork.start .ajax_load.small .client_list .client_box .rightside, .mozaweb_rtl .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .rightside, .book-item .mozaweb_rtl .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .rightside, .mozaweb_rtl .classwork.start .book-item .ajax_load.alcim .client_list .client_box .rightside, .book-item .mozaweb_rtl .classwork.start .ajax_load.alcim .client_list .client_box .rightside {
  margin: 0 44px 0 0; }

.mozaweb_rtl .classwork.start .ajax_load.small .client_list .client_box .settings_icons, .mozaweb_rtl .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .settings_icons, .book-item .mozaweb_rtl .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .settings_icons, .mozaweb_rtl .classwork.start .book-item .ajax_load.alcim .client_list .client_box .settings_icons, .book-item .mozaweb_rtl .classwork.start .ajax_load.alcim .client_list .client_box .settings_icons {
  position: absolute;
  right: auto;
  left: 0; }

.mozaweb_rtl .classwork.start .ajax_load.big .client_list .client_box {
  margin: 10px 4px 0 0; }
  .mozaweb_rtl .classwork.start .ajax_load.big .client_list .client_box .status_icon {
    left: auto;
    right: 0; }
  .mozaweb_rtl .classwork.start .ajax_load.big .client_list .client_box .name {
    left: auto;
    right: 15px; }

.mozaweb_rtl .classwork.start .ajax_load .client_list .client_box .rightside .name {
  text-align: right; }

.classwork.start .client_list {
  height: 407px;
  overflow-y: scroll; }
  .classwork.start .client_list .client_box.offline .name {
    color: #c8d5e6; }
  .classwork.start .client_list .client_box.offline .status_icon {
    background: url("../assets/images/classwork/status_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/status_icons.png*/ 0 -26px no-repeat; }
  .classwork.start .client_list .client_box.joined .name {
    color: #4379b7; }
  .classwork.start .client_list .client_box.joined .status_icon {
    background: url("../assets/images/classwork/status_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/status_icons.png*/ 0 0 no-repeat; }
  .classwork.start .client_list .client_box.notjoined .name {
    color: #a0bdde; }
  .classwork.start .client_list .client_box.notjoined .status_icon {
    background: url("../assets/images/classwork/status_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/status_icons.png*/ 0 -13px no-repeat; }

.classwork.start .ajax_load.small .client_list .client_box, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box, .classwork.start .book-item .ajax_load.alcim .client_list .client_box, .book-item .classwork.start .ajax_load.alcim .client_list .client_box {
  height: 40px;
  width: 213px;
  display: inline-block;
  margin: 10px 10px 0 10px;
  border: 1px solid transparent;
  position: relative; }
  .classwork.start .ajax_load.small .client_list .client_box .avatar, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar {
    width: 38px;
    height: 38px;
    float: left;
    position: relative; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar img, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar img, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar img, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar img, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar img {
      width: 38px;
      height: 38px; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon {
      width: 12px;
      height: 12px; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.blue, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.blue, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.blue, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.blue, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.blue {
      background: url("../assets/images/classwork/corner_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons.png*/ 0 0 no-repeat; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.yellow, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.yellow, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.yellow, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.yellow, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.yellow {
      background: url("../assets/images/classwork/corner_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons.png*/ -12px 0 no-repeat; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.green, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.green, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.green, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.green, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.green {
      background: url("../assets/images/classwork/corner_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons.png*/ -24px 0 no-repeat; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.red, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.red, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.red, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.red, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.red {
      background: url("../assets/images/classwork/corner_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons.png*/ -36px 0 no-repeat; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.pink, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.pink, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.pink, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.pink, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.pink {
      background: url("../assets/images/classwork/corner_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons.png*/ -48px 0 no-repeat; }
    .classwork.start .ajax_load.small .client_list .client_box .avatar .corner_icon.purple, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.purple, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .avatar .corner_icon.purple, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .avatar .corner_icon.purple, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .avatar .corner_icon.purple {
      background: url("../assets/images/classwork/corner_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons.png*/ -60px 0 no-repeat; }
  .classwork.start .ajax_load.small .client_list .client_box .rightside, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .rightside, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .rightside, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .rightside, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .rightside {
    height: 37px;
    margin: 0 0 0 44px;
    border-bottom: 1px solid #e4effa; }
  .classwork.start .ajax_load.small .client_list .client_box .status_icon, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .status_icon, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .status_icon, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .status_icon, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .status_icon {
    height: 13px;
    width: 12px;
    margin-top: 5px; }
  .classwork.start .ajax_load.small .client_list .client_box .settings_icons, .classwork.start .book-item .ajax_load.book-item-addon-info .client_list .client_box .settings_icons, .book-item .classwork.start .ajax_load.book-item-addon-info .client_list .client_box .settings_icons, .classwork.start .book-item .ajax_load.alcim .client_list .client_box .settings_icons, .book-item .classwork.start .ajax_load.alcim .client_list .client_box .settings_icons {
    position: absolute;
    bottom: 3px;
    right: 0;
    display: none; }

.classwork.start .ajax_load .client_list .client_box .avatar {
  background-color: #D0E7F6; }
  .classwork.start .ajax_load .client_list .client_box .avatar .corner_icon {
    position: absolute;
    bottom: 0;
    right: 0; }

.classwork.start .ajax_load .client_list .client_box .avatar.blue {
  background-color: #d9edff; }

.classwork.start .ajax_load .client_list .client_box .avatar.yellow {
  background-color: #ffedd1; }

.classwork.start .ajax_load .client_list .client_box .avatar.green {
  background-color: #ddffd9; }

.classwork.start .ajax_load .client_list .client_box .avatar.red {
  background-color: #ffd9d9; }

.classwork.start .ajax_load .client_list .client_box .avatar.pink {
  background-color: #ffd9fe; }

.classwork.start .ajax_load .client_list .client_box .avatar.purple {
  background-color: #e8d9ff; }

.classwork.start .ajax_load .client_list .client_box.selected {
  border-color: #79a8d4;
  background-color: #e2eefa; }

.classwork.start .ajax_load.big .client_list .client_box {
  height: 141px;
  width: 92px;
  display: inline-block;
  margin: 10px 0 0 5px;
  border: 1px solid transparent; }
  .classwork.start .ajax_load.big .client_list .client_box .avatar {
    width: 82px;
    height: 82px;
    position: relative; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar img {
      width: 82px;
      height: 82px; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon {
      width: 15px;
      height: 15px;
      background-size: 125%; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.blue {
      background: url("../assets/images/classwork/corner_icons_big.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons_big.png*/ 0 0 no-repeat; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.yellow {
      background: url("../assets/images/classwork/corner_icons_big.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons_big.png*/ -15px 0 no-repeat; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.green {
      background: url("../assets/images/classwork/corner_icons_big.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons_big.png*/ -30px 0 no-repeat; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.red {
      background: url("../assets/images/classwork/corner_icons_big.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons_big.png*/ -45px 0 no-repeat; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.pink {
      background: url("../assets/images/classwork/corner_icons_big.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons_big.png*/ -60px 0 no-repeat; }
    .classwork.start .ajax_load.big .client_list .client_box .avatar .corner_icon.purple {
      background: url("../assets/images/classwork/corner_icons_big.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/corner_icons_big.png*/ -75px 0 no-repeat; }
  .classwork.start .ajax_load.big .client_list .client_box .rightside {
    height: 29px;
    margin-top: 3px;
    position: relative; }
  .classwork.start .ajax_load.big .client_list .client_box .status_icon {
    height: 13px;
    width: 12px;
    margin-right: 2px;
    position: absolute;
    top: 0;
    left: 0; }
  .classwork.start .ajax_load.big .client_list .client_box .name {
    width: 66px;
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 11px; }
  .classwork.start .ajax_load.big .client_list .client_box .settings_icons {
    display: none;
    padding: 0 5px; }

.classwork.start .ajax_load.big .client_list .client_box_inside {
  margin: 6px 6px 0 6px; }

.text_search {
  text-align: right;
  height: 35px;
  line-height: 30px; }

.wbox .text {
  text-align: right;
  height: 35px;
  line-height: 20px; }

.text_xs {
  text-align: left;
  height: 35px;
  line-height: 20px; }

.text_middle {
  text-align: right;
  height: 35px;
  line-height: 35px; }

.wbox-content .row {
  margin-bottom: 4px; }

.okbutton {
  text-align: center; }

.spacer {
  margin-bottom: 100px; }

.place {
  margin-bottom: 50px; }

.infotext {
  padding-left: 12px;
  color: #808080;
  line-height: 20px;
  float: left;
  padding-right: 20px; }

.infotext_2 {
  padding-left: 20px;
  color: #808080;
  line-height: 20px;
  float: left;
  padding-right: 20px; }

.infoblock {
  height: 20px; }

hr.morespace {
  margin-bottom: 35px;
  margin-top: 40px; }

input.checkbox {
  margin-top: 10px; }

.hid {
  display: none; }

.blue {
  color: #008ce5; }

.data_input_field {
  float: left;
  padding-right: 20px;
  width: 500px; }

.data_input_field_2 {
  float: left;
  padding-right: 5px;
  width: 85%;
  padding-left: 8px; }

.reset {
  cursor: pointer;
  color: #008ce5;
  height: 35px;
  width: 35px;
  line-height: 35px;
  float: left; }

input.okbutton {
  margin-right: 50px; }

.infoblock .pencilblock {
  cursor: pointer;
  display: none; }

.infoblock:hover .pencilblock {
  display: block; }

.instituteid_box {
  background-color: #007ccc;
  color: white;
  width: 200px;
  height: 40px;
  float: right;
  text-align: center;
  line-height: 40px; }

.lapozo_top {
  width: 300px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: 58%; }

.ui-dialog {
  z-index: 2015;
  box-shadow: 0 5px 15px rgba(36, 75, 149, 0.5);
  border: 0;
  border-radius: 0;
  font-size: 15px;
  min-width: 360px;
  font-family: Open Sans Web, sans-serif; }
  .ui-dialog.avatar-editor {
    z-index: 2015 !important; }
  .ui-dialog.mozabird-loader .ui-dialog-titlebar {
    padding-top: 110px; }
  .ui-dialog.mozabird-loader .ui-dialog-content {
    position: initial;
    padding-bottom: 20px; }
    .ui-dialog.mozabird-loader .ui-dialog-content .loader {
      position: absolute;
      width: 100px;
      left: 0;
      right: 0;
      margin: -150px auto 0 auto; }
  .ui-dialog.ui-course-demo {
    max-width: 600px;
    height: auto;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -121px;
    z-index: 2216; }
    .ui-dialog.ui-course-demo .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset {
      text-align: center; }
      .ui-dialog.ui-course-demo .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
        width: 27%; }
  .ui-dialog .ui-dialog-titlebar {
    background: none;
    color: #008ce5;
    text-align: center;
    border: 0;
    font-size: 30px;
    font-weight: 500;
    padding: .5em 1em 0.2em; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      float: none;
      margin: 0;
      white-space: inherit; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      background: none;
      border: 0;
      margin: -13px 0 0;
      padding: 1px;
      z-index: 50;
      height: 26px;
      width: 26px;
      border-radius: 25px;
      font-size: 16.5px;
      top: 0;
      right: 0;
      margin-top: -3px;
      margin-right: -2px; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
        font-family: 'FontAwesome';
        color: #8c97a7;
        content: "\f00d"; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        padding: 1px; }
  .ui-dialog .ui-dialog-content {
    border-color: #dee5f2;
    color: #455771;
    padding-bottom: 0;
    text-align: center;
    overflow: hidden !important; }
    .ui-dialog .ui-dialog-content > div {
      min-height: inherit; }
    .ui-dialog .ui-dialog-content img {
      max-width: 100%; }
    .ui-dialog .ui-dialog-content label {
      font-weight: normal; }
    .ui-dialog .ui-dialog-content .helper_text {
      place-self: center; }
  .ui-dialog .ui-dialog-buttonpane {
    padding: 1.2em 2em;
    border: none;
    margin: 0; }
    @media (max-width: 991px) {
      .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .ui-dialog .ui-dialog-buttonpane button {
      border: 0;
      padding: 7px 20px; }
    .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset {
      float: none;
      position: relative; }
      .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
        width: 24.55%;
        margin: 0 2% 0 0; }
        .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button:last-child {
          margin: 0; }
  .ui-dialog.form-dialog {
    overflow: visible; }
    .ui-dialog.form-dialog .ui-dialog-content {
      overflow: visible !important;
      padding: .5em 0; }
      .ui-dialog.form-dialog .ui-dialog-content .form-group {
        padding: 0 2em; }
        .ui-dialog.form-dialog .ui-dialog-content .form-group input, .ui-dialog.form-dialog .ui-dialog-content .form-group select {
          width: calc(100%); }
        .ui-dialog.form-dialog .ui-dialog-content .form-group label {
          display: block;
          float: left;
          margin: 15px 10px 10px;
          font-weight: bold; }
      .ui-dialog.form-dialog .ui-dialog-content .dropdown-menu > li > a {
        white-space: normal; }
        .ui-dialog.form-dialog .ui-dialog-content .dropdown-menu > li > a .typeahead {
          white-space: normal; }
      .ui-dialog.form-dialog .ui-dialog-content .errors-container {
        padding: 10px 0 0; }
        .ui-dialog.form-dialog .ui-dialog-content .errors-container .alert {
          margin: 10px 0;
          padding: 8px; }
          .ui-dialog.form-dialog .ui-dialog-content .errors-container .alert:last-child {
            margin-bottom: 0; }
  .ui-dialog.warning-message .ui-dialog-titlebar {
    color: #a94442; }
  .ui-dialog.join-institute-dialog .separator {
    border-top: 1px solid #dee5f2;
    text-align: center;
    margin: 40px 0 0;
    height: 20px; }
    .ui-dialog.join-institute-dialog .separator span {
      background: #FFF;
      display: inline-block;
      padding: 5px;
      position: relative;
      top: -22px;
      font-size: 20px; }
  .ui-dialog.join-institute-dialog .dropdown-menu > .active > a,
  .ui-dialog.join-institute-dialog .dropdown-menu > .active > a:focus,
  .ui-dialog.join-institute-dialog .dropdown-menu > .active > a:hover,
  .ui-dialog.join-institute-dialog .dropdown-menu > .active > a span,
  .ui-dialog.join-institute-dialog .dropdown-menu > .active > a:focus span,
  .ui-dialog.join-institute-dialog .dropdown-menu > .active > a:hover span {
    color: #fff !important; }

.ui-dialog.error .ui-dialog-title {
  color: #ec165a; }

.ui-widget-overlay {
  z-index: 1815;
  background: rgba(36, 75, 149, 0.3);
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0; }

.window_frame .slider {
  width: 100px; }
  .window_frame .slider:hover {
    background-color: rgba(36, 75, 149, 0.5); }

@media (max-width: 767px) {
  .ui-dialog {
    min-width: inherit; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      width: 100%; }
      .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        width: calc(100% - 36px);
        margin: 0 0 10px; }
        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
          margin: 0; } }

@media (max-width: 700px) {
  .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset {
    width: 100%; }
    .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
      width: 140px;
      display: block;
      margin: 10px auto 10px auto; }
      .ui-dialog .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button:last-child {
        margin: 10px auto 10px auto; } }

@media (max-width: 600px) {
  .ui-dialog.ui-course-demo {
    width: 90%;
    left: 5%;
    margin-left: 0;
    top: 15%;
    margin-top: 0; }
    .ui-dialog.ui-course-demo .ui-dialog-buttonpane.buttons-3 .ui-dialog-buttonset button {
      width: 140px; } }

.wbox .tab-content .tab-pane {
  padding: 30px; }

.wbox .tab-content.shop_add_to_cart_inner {
  padding-top: 15px; }

.tab-content-wrapper.shop_add_to_cart_inner .tab-pane {
  padding-top: 12px; }

.tabs-filled {
  display: table;
  width: 100%;
  list-style-type: none;
  background-color: #dee5f2;
  padding: 0;
  margin: 0;
  table-layout: fixed; }
  .tabs-filled.tabs-large > li {
    font-size: 18px;
    font-weight: bold; }
    .tabs-filled.tabs-large > li a {
      padding: 25px 5px; }
  .tabs-filled > li {
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    border-right: 1px solid #c7d3e5;
    border-bottom: 1px solid #c7d3e5; }
    .tabs-filled > li a {
      text-align: center;
      padding: 10px 5px;
      color: #455771;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden; }
    .tabs-filled > li:last-child a {
      border-right: 0; }
    .tabs-filled > li.active {
      border-bottom: 1px solid #FFF;
      background: #FFF; }

.tabs-lined {
  display: block;
  border-bottom: 1px solid #dee5f2;
  font-size: 25px;
  margin: 30px 0;
  padding: 0; }
  .tabs-lined > li {
    display: inline-block; }
    .tabs-lined > li.active a {
      color: #008ce5;
      font-weight: bold;
      border-bottom: 1px solid #008ce5; }
    .tabs-lined > li a {
      color: #455771;
      display: block;
      padding: 10px 0;
      margin-right: 15px;
      margin-bottom: -1px; }

.tab-content-wrapper {
  margin-bottom: 30px; }

@media (max-width: 768px) {
  .wbox.tab-content-wrapper {
    border: 0;
    padding: 0;
    background: none;
    box-shadow: none; }
  .wbox.highlight .tab-content > .tab-pane {
    position: relative;
    background-color: #FFF;
    box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
    padding: 15px;
    border: 2px solid #008ce5; }
    .wbox.highlight .tab-content > .tab-pane.highlight {
      border-color: #008ce5; }
    .wbox.highlight .tab-content > .tab-pane.no-border {
      border: 0; }
    .wbox.highlight .tab-content > .tab-pane .wbox-content {
      padding: 15px 20px; }
      .wbox.highlight .tab-content > .tab-pane .wbox-content.type-folder {
        padding: 15px; }
    .wbox.highlight .tab-content > .tab-pane--with-margin {
      margin-bottom: 30px; } }

.slides {
  margin: 0 50px; }
  .slides .prev-btn, .slides .next-btn {
    left: -30px;
    top: 40%;
    margin-top: -15px;
    z-index: 500; }
    .slides .prev-btn.slick-disabled, .slides .next-btn.slick-disabled {
      opacity: .3;
      cursor: default; }
  .slides .next-btn {
    left: auto;
    right: -30px; }
  .slides .slide {
    padding: 20px 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 260px; }
    .slides .slide img {
      margin: auto;
      display: block;
      width: auto;
      max-height: 150px; }
    .slides .slide .image {
      margin-bottom: 10px; }

#menu-lang-change .dropdown-backdrop {
  display: none; }

.sidenav-right.cart-wrapper {
  position: fixed !important;
  height: calc(100% - 50px);
  width: 275px;
  top: 50px;
  right: 0;
  box-shadow: none;
  overflow-y: auto;
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  transform: translateX(275px);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 1999; }
  .sidenav-right.cart-wrapper .cart-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    top: 0;
    border-radius: 0; }
  .sidenav-right.cart-wrapper.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 5px 5px 30px rgba(69, 87, 114, 0.3); }
  @media (max-width: 991px) {
    .sidenav-right.cart-wrapper {
      width: 420px;
      -webkit-transform: translateX(420px);
      -ms-transform: translateX(420px);
      transform: translateX(420px); } }
  @media (max-width: 519px) {
    .sidenav-right.cart-wrapper {
      width: 100%;
      -webkit-transform: translateX(100vw);
      -ms-transform: translateX(100vw);
      transform: translateX(100vw); } }

.my-cart-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: right;
  width: 40px;
  height: 30px;
  cursor: pointer;
  pointer-events: auto; }
  .my-cart-icon > span {
    position: relative;
    margin-top: 5px; }
    .my-cart-icon > span .cart_item_count {
      top: -15px;
      right: -15px; }
    .my-cart-icon > span > i {
      font-size: 18px; }
  .my-cart-icon * {
    pointer-events: none;
    float: right; }

#header {
  position: fixed;
  background: #244b95;
  box-shadow: 0 2px 3px rgba(36, 75, 149, 0.2);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1999;
  border-bottom: 3px solid #fff03d;
  opacity: 1;
  transition: opacity 0.3s; }
  #header.header--compact {
    text-align: center; }
    #header.header--compact .logo {
      display: inline-block;
      float: none;
      margin: 15px 0;
      width: 304px;
      height: 28px; }
  #header .header-image {
    position: absolute;
    background: url(../assets/images/header_bg.png)/*tpa=https://cn.mozaweb.com/assets/images/header_bg.png*/ no-repeat top center;
    background: url(../assets/images/header_bg.png)/*tpa=https://cn.mozaweb.com/assets/images/header_bg.png*/ no-repeat top center;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    transition: 0.3s;
    -webkit-transition: 0.3s; }
  #header > .container {
    height: 120px;
    transition: height 0.3s;
    -webkit-transition: height 0.3s;
    position: relative;
    z-index: 1000; }
  #header .login {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 350px;
    overflow: hidden; }
  #header .login-dropdown {
    border: 0;
    padding: 30px 20px;
    text-align: center;
    min-width: 250px;
    left: auto;
    z-index: 1201;
    right: 0;
    margin-top: 0; }
    #header .login-dropdown a {
      display: block;
      color: #008ce5; }
    #header .login-dropdown .form-group {
      margin: 0 0 10px; }
    #header .login-dropdown .form-control, #header .login-dropdown .cke_editable {
      margin: 0;
      background: #fff; }
    #header .login-dropdown .separator {
      border-top: 1px solid #dee5f2;
      text-align: center;
      margin: 20px 0 0;
      height: 20px; }
      #header .login-dropdown .separator span {
        background: #FFF;
        display: inline-block;
        padding: 5px;
        position: relative;
        top: -15px;
        color: #c7d3e5; }

.nav > li > .header-blog-link {
  padding: 9px 12px; }
  .nav > li > .header-blog-link i {
    position: relative;
    top: 1px;
    font-size: 18px; }

@media (max-width: 991px) {
  .nav > li > .header-contact-link {
    display: none; } }

.search-open .search {
  width: 50%;
  display: block; }

.logo {
  margin: 24px 0 0 150px;
  float: left;
  display: block;
  width: 352px;
  height: 36px;
  background: url("../assets/images/logo-text1.png")/*tpa=https://cn.mozaweb.com/assets/images/logo.svg*/ no-repeat top left;
  background-size: cover;
  transition: margin 0.3s, width 0.3s, height 0.3s, background-size 0.3s; }

.cart_item_count {
  background: #fff03d;
  padding: 0 5px;
  border-radius: 10px;
  border: 2px solid #244b95;
  display: block;
  height: 22px;
  font-size: 13px;
  line-height: 18px;
  color: #244b95;
  position: absolute;
  top: 4px;
  right: 4px; }

.cart-wrapper {
  display: inline-block;
  position: relative;
  box-shadow: 0 6px 30px rgba(69, 87, 114, 0.3); }
  .cart-wrapper .cart .cart_item_count {
    background: #fff03d;
    padding: 0 5px;
    border-radius: 10px;
    border: 2px solid #244b95;
    display: block;
    height: 22px;
    font-size: 13px;
    line-height: 18px;
    color: #244b95;
    position: absolute;
    top: 0;
    right: -2px; }
  .cart-wrapper.open .cart-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2); }
  .cart-wrapper .cart-content {
    position: absolute;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    display: none;
    top: 45px;
    left: 0;
    right: auto;
    background: #FFF;
    width: 370px;
    z-index: 800;
    padding: 0; }
    .cart-wrapper .cart-content .cart-item {
      padding: 20px;
      border-bottom: 1px solid rgba(69, 87, 113, 0.19);
      margin: 0; }
      .cart-wrapper .cart-content .cart-item a {
        display: block;
        font-weight: bold;
        margin-bottom: 7px; }
      .cart-wrapper .cart-content .cart-item .cart-item-image {
        float: left;
        margin-right: 20px;
        text-align: left; }
        .cart-wrapper .cart-content .cart-item .cart-item-image img {
          height: auto;
          max-width: 73px;
          display: block; }
      .cart-wrapper .cart-content .cart-item .cart-item-info {
        font-size: 13px;
        margin-top: 7px;
        margin-left: 95px; }
        .cart-wrapper .cart-content .cart-item .cart-item-info b.float-cart-item-price {
          color: #f47711; }
      .cart-wrapper .cart-content .cart-item .cart-item-remove {
        color: #c7d3e5; }
        .cart-wrapper .cart-content .cart-item .cart-item-remove i {
          font-size: 17px; }
      .cart-wrapper .cart-content .cart-item .cart-item-description {
        margin-left: 95px;
        font-size: 13px; }
    @media (max-width: 991px) {
      .cart-wrapper .cart-content .cart-items-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column; }
        .cart-wrapper .cart-content .cart-items-wrapper .cart-empty-text {
          padding: 0;
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
          top: 0;
          bottom: 0;
          margin: auto; }
        .cart-wrapper .cart-content .cart-items-wrapper .cart-item {
          position: relative; }
          .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-image {
            float: none;
            margin-right: 0;
            text-align: center; }
            .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-image img {
              margin: auto; }
          .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-remove {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 20px; }
          .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-info {
            float: right;
            margin-left: 0; }
            .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-info > span {
              margin-left: 15px; } }
    .cart-wrapper .cart-content .cart-summary {
      color: #455771;
      background: #f2f5f9;
      width: 100%;
      white-space: nowrap;
      height: 60px;
      border-top: 1px solid rgba(69, 87, 113, 0.19); }
      @media (min-width: 992px) {
        .cart-wrapper .cart-content .cart-summary {
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex; } }
      .cart-wrapper .cart-content .cart-summary > div {
        padding: 7px 0;
        text-align: center;
        float: left;
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .cart-wrapper .cart-content .cart-summary > div p {
          margin: 0; }
        .cart-wrapper .cart-content .cart-summary > div:last-child {
          border: 0; }
      .cart-wrapper .cart-content .cart-summary .qty,
      .cart-wrapper .cart-content .cart-summary .total {
        font-size: 13px;
        line-height: 1.3em; }
        .cart-wrapper .cart-content .cart-summary .qty b,
        .cart-wrapper .cart-content .cart-summary .total b {
          font-size: 15px; }
          .cart-wrapper .cart-content .cart-summary .qty b.js-float-carty-total,
          .cart-wrapper .cart-content .cart-summary .total b.js-float-carty-total {
            color: #f47711; }
      .cart-wrapper .cart-content .cart-summary .btn, .cart-wrapper .cart-content .cart-summary .btn-facebook, .cart-wrapper .cart-content .cart-summary .btn-round, .cart-wrapper .cart-content .cart-summary .btn-default, .cart-wrapper .cart-content .cart-summary .btn-sausage, .cart-wrapper .cart-content .cart-summary .btn-success, .cart-wrapper .cart-content .cart-summary .btn-yellow, .cart-wrapper .cart-content .cart-summary .btn-white, .cart-wrapper .cart-content .cart-summary .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-wrapper .cart-content .cart-summary button {
        background-color: #318ce5;
        border-color: #318ce5;
        margin: 0 7px;
        min-width: 119px;
        height: 35px;
        font-size: 13px; }
        .cart-wrapper .cart-content .cart-summary .btn:hover, .cart-wrapper .cart-content .cart-summary .btn-facebook:hover, .cart-wrapper .cart-content .cart-summary .btn-round:hover, .cart-wrapper .cart-content .cart-summary .btn-default:hover, .cart-wrapper .cart-content .cart-summary .btn-sausage:hover, .cart-wrapper .cart-content .cart-summary .btn-success:hover, .cart-wrapper .cart-content .cart-summary .btn-yellow:hover, .cart-wrapper .cart-content .cart-summary .btn-white:hover, .cart-wrapper .cart-content .cart-summary .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane .cart-wrapper .cart-content .cart-summary button:hover {
          background-color: #008ce5;
          border-color: #008ce5; }
      .cart-wrapper .cart-content .cart-summary .qty {
        width: 20%; }
      .cart-wrapper .cart-content .cart-summary .total {
        width: 35%; }
      .cart-wrapper .cart-content .cart-summary .goto {
        width: 45%; }

@media (max-width: 1800px) {
  .cart-wrapper .cart-content {
    right: 0;
    left: auto; } }

@media (max-width: 991px) {
  .cart-wrapper .cart-content {
    width: 100%; }
    .cart-wrapper .cart-content .cart-item .cart-item-image {
      float: none; }
    .cart-wrapper .cart-content .cart-item .cart-item-description,
    .cart-wrapper .cart-content .cart-item .cart-item-info {
      margin-left: 0; }
    .cart-wrapper .cart-content .cart-summary > div {
      width: 100% !important;
      text-align: center;
      float: none;
      border: 0; }
  .nav-primary .dropdown-menu,
  .nav-secondary .dropdown-menu {
    width: 100%; } }

@media (max-width: 991px) {
  .cart-wrapper .cart-content .cart-summary {
    height: auto; }
    .cart-wrapper .cart-content .cart-summary .total,
    .cart-wrapper .cart-content .cart-summary .qty {
      width: 50%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .cart-wrapper .cart-content .cart-summary .goto {
      width: 100%; }
      .cart-wrapper .cart-content .cart-summary .goto .btn, .cart-wrapper .cart-content .cart-summary .goto .btn-facebook, .cart-wrapper .cart-content .cart-summary .goto .btn-round, .cart-wrapper .cart-content .cart-summary .goto .btn-default, .cart-wrapper .cart-content .cart-summary .goto .btn-sausage, .cart-wrapper .cart-content .cart-summary .goto .btn-success, .cart-wrapper .cart-content .cart-summary .goto .btn-yellow, .cart-wrapper .cart-content .cart-summary .goto .btn-white, .cart-wrapper .cart-content .cart-summary .goto .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-wrapper .cart-content .cart-summary .goto button {
        margin-bottom: 0; } }

.bird {
  position: absolute;
  left: -40px;
  top: 10px;
  display: block;
  z-index: 1200;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 194px;
  -webkit-transform: scale(1)/*rtl: scale(-1, 1)*/;
  -ms-transform: scale(1)/*rtl: scale(-1, 1)*/;
  transform: scale(1)/*rtl: scale(-1, 1)*/;
  -webkit-transform-origin: left top/*rtl: center top*/;
  -ms-transform-origin: left top/*rtl: center top*/;
  transform-origin: left top/*rtl: center top*/; }
  .bird img {
    max-width: 100%; }

.duck {
  position: absolute;
  left: -5px;
  top: 5px;
  display: block;
  z-index: 1200;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 90px;
  -webkit-transform: scale(1)/*rtl: scale(-1, 1)*/;
  -ms-transform: scale(1)/*rtl: scale(-1, 1)*/;
  transform: scale(1)/*rtl: scale(-1, 1)*/;
  -webkit-transform-origin: left top/*rtl: center top*/;
  -ms-transform-origin: left top/*rtl: center top*/;
  transform-origin: left top/*rtl: center top*/; }
  .duck img {
    max-width: 100%; }

.search {
  position: absolute;
  right: 15px;
  display: none;
  z-index: 500;
  background: #152c57;
  border-color: #152c57;
  border-radius: 5px;
  padding: 4px; }
  .search i {
    color: #FFF;
    font-size: 20px; }
  .search .search-field-wrapper {
    overflow: hidden; }
    .search .search-field-wrapper .form-control:focus, .search .search-field-wrapper .cke_editable:focus {
      box-shadow: none; }
  .search button {
    float: right;
    border: 0;
    padding: 0 7px;
    background: none;
    height: 34px;
    line-height: 36px;
    outline: none; }
  .search .search-close {
    float: right;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center; }
  .search .form-control, .search .cke_editable {
    display: block;
    overflow: hidden;
    background: none;
    border-color: transparent;
    width: 100%;
    height: 34px;
    color: #FFF;
    border-radius: 0; }
    .search .form-control:focus, .search .cke_editable:focus {
      border-color: transparent; }

.nav-primary-wrapper {
  position: absolute;
  right: 15px;
  bottom: 0;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  text-align: right;
  z-index: 1; }

.nav-primary {
  margin: 0;
  padding: 0; }
  .nav-primary .submenu-opener {
    display: none; }
  .nav-primary > ul {
    width: 100%;
    left: 0;
    text-align: center;
    margin: 0;
    padding: 0; }
  .nav-primary > li {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding: 0;
    position: relative; }
    .nav-primary > li:hover > a {
      background: rgba(134, 178, 210, 0.2); }
  .nav-primary > li > a {
    line-height: 1em;
    padding: 20px 12px 25px;
    font-size: 17px;
    color: #FFF;
    transition: background-color 0.3s, color 0.3s;
    display: block;
    position: relative; }
    .nav-primary > li > a.active:after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border: 10px solid transparent;
      position: absolute;
      left: 50%;
      bottom: 0px;
      margin-left: -10px;
      border-bottom-color: #fff03d; }
  .nav-primary > li > .btn, .nav-primary > li > .btn-facebook, .nav-primary > li > .btn-round, .nav-primary > li > .btn-default, .nav-primary > li > .btn-sausage, .nav-primary > li > .btn-success, .nav-primary > li > .btn-yellow, .nav-primary > li > .btn-white, .ui-dialog .ui-dialog-buttonpane .nav-primary > li > button {
    background: #c44e64;
    color: #FFF;
    font-size: 13px;
    padding: 5px 15px;
    margin: 16px 0 0 20px;
    border-color: #c44e64;
    text-transform: uppercase;
    border-radius: 20px;
    font-weight: 700; }
    .nav-primary > li > .btn:hover, .nav-primary > li > .btn-facebook:hover, .nav-primary > li > .btn-round:hover, .nav-primary > li > .btn-default:hover, .nav-primary > li > .btn-sausage:hover, .nav-primary > li > .btn-success:hover, .nav-primary > li > .btn-yellow:hover, .nav-primary > li > .btn-white:hover, .ui-dialog .ui-dialog-buttonpane .nav-primary > li > button:hover {
      background-color: #d83b59;
      border-color: #e990a1; }

.nav-primary .dropdown-menu,
.nav-secondary .dropdown-menu {
  left: auto;
  right: 0; }

.nav-primary .dropdown-menu.admin-link-wrapper,
.nav-secondary .dropdown-menu.admin-link-wrapper {
  display: none; }
  .nav-primary .dropdown-menu.admin-link-wrapper.open,
  .nav-secondary .dropdown-menu.admin-link-wrapper.open {
    display: block; }
  .nav-primary .dropdown-menu.admin-link-wrapper i,
  .nav-secondary .dropdown-menu.admin-link-wrapper i {
    position: relative;
    top: 1px;
    margin-right: 4px; }

.nav-secondary {
  margin: 10px 0 0 520px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: right;
  transition: margin .3s; }
  .nav-secondary .nav > li > a {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
    padding: 10px 13px; }
    .nav-secondary .nav > li > a.language-selector {
      padding: 9px 10px 8px 10px;
      margin-left: 5px; }
    .nav-secondary .nav > li > a > i {
      font-size: 22px; }
    .nav-secondary .nav > li > a > span {
      margin-left: 2px; }
  @media (max-width: 991px) {
    .nav-secondary .nav > li > a.header-contact-link {
      display: none; } }
  .nav-secondary .nav > li > a:focus,
  .nav-secondary .nav > li > a:hover,
  .nav-secondary .nav .open > a {
    background: #1a366c; }
  .nav-secondary .dropdown-menu {
    top: 100%; }
    .nav-secondary .dropdown-menu > li > a {
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .nav-secondary .dropdown-menu > li > a > i {
        font-size: 24px;
        margin-right: 10px; }
  .nav-secondary .nav {
    display: inline-block;
    padding-right: 0; }

body.compact #header {
  opacity: .9; }
  body.compact #header > .container {
    height: 80px; }
  body.compact #header .logo {
    width: 135px;
    height: 30px;
    margin: 25px 0 0 60px /*rtl: 25px 80px 0 0*/; }
  body.compact #header .header-image {
    opacity: 0.3; }
  body.compact #header .nav > li > .header-contact-link i {
    top: -1px; }
  body.compact #header .nav-secondary .nav > li > a {
    padding: 10px 10px !important; }
  body.compact #header .nav-secondary .nav > li:last-child > a {
    padding: 10px 15px 10px 12px; }
  body.compact #header .nav-primary-wrapper {
    border-color: transparent;
    -webkit-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
    right: 0; }
    body.compact #header .nav-primary-wrapper > ul > li > a {
      padding: 32px 8px; }
  body.compact #header .compare-link {
    display: none; }
  body.compact #header .search-open .nav-primary {
    opacity: 0; }
  body.compact #header .nav-secondary {
    margin-top: 20px;
    border: 0; }
    body.compact #header .nav-secondary .search-button span {
      display: none; }
  body.compact #header .login-name {
    display: none; }
  body.compact #header .bird, body.compact #header .duck {
    -webkit-transform: scale(0.67)/*rtl: scale(-.67, .67)*/;
    -ms-transform: scale(0.67)/*rtl: scale(-.67, .67)*/;
    transform: scale(0.67)/*rtl: scale(-.67, .67)*/; }

.sidebar-open #header,
.sidebar-open .compact #header {
  -webkit-transform: translate3d(0px, 0, 0) !important;
  transform: translate3d(0px, 0, 0) !important; }

@media (max-width: 1199px) {
  .logo {
    margin-left: 0; }
  .bird, .duck {
    display: none; }
  .nav-primary-wrapper .nav-primary > li > a {
    font-size: 15px; }
  body.compact #header .logo {
    width: 135px;
    margin: 22px 0 0; }
  #header .nav-secondary {
    margin-left: 365px; }
    #header .nav-secondary > div a,
    #header .nav-secondary > a {
      padding: 12px 10px; }
  #header .login {
    max-width: 300px; } }

@media (min-width: 992px) {
  .nav-primary > li:hover .submenu,
  .nav-primary > li .submenu.submenu-open {
    display: block; } }

@media (max-width: 991px) {
  .nav-primary .dropdown-menu,
  .nav-secondary .dropdown-menu {
    left: 0;
    right: auto; }
  .nav-primary-wrapper {
    position: static; }
    .nav-primary-wrapper li:hover .submenu-opener {
      background: none; }
    .nav-primary-wrapper .submenu {
      box-shadow: none;
      -webkit-box-shadow: none; }
      .nav-primary-wrapper .submenu:before {
        display: none; }
    .nav-primary-wrapper .compare-link {
      text-align: center;
      padding: 10px; }
      .nav-primary-wrapper .compare-link .btn, .nav-primary-wrapper .compare-link .btn-facebook, .nav-primary-wrapper .compare-link .btn-round, .nav-primary-wrapper .compare-link .btn-default, .nav-primary-wrapper .compare-link .btn-sausage, .nav-primary-wrapper .compare-link .btn-success, .nav-primary-wrapper .compare-link .btn-yellow, .nav-primary-wrapper .compare-link .btn-white, .nav-primary-wrapper .compare-link .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .nav-primary-wrapper .compare-link button {
        margin: 0;
        padding: 8px 10px; }
  body {
    overflow-x: hidden;
    padding-top: 0; }
  .sidebar-open .content {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0); }
  body:not(.maintenance-page) #header,
  body:not(.maintenance-page).compact #header {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    transition: all 0.3s;
    background: #3e74d1;
    height: 100%;
    margin-bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 260px;
    overflow-y: auto;
    border: 0; }
    body:not(.maintenance-page) #header .bird,
    body:not(.maintenance-page).compact #header .bird {
      display: none; }
    body:not(.maintenance-page) #header .logo,
    body:not(.maintenance-page).compact #header .logo {
      display: none; }
    body:not(.maintenance-page) #header .container,
    body:not(.maintenance-page).compact #header .container {
      height: 100%;
      width: 100%;
      padding: 0; }
    body:not(.maintenance-page) #header .cart-wrapper .cart,
    body:not(.maintenance-page).compact #header .cart-wrapper .cart {
      width: auto; }
    body:not(.maintenance-page) #header .login.logged-in i,
    body:not(.maintenance-page).compact #header .login.logged-in i {
      color: #4ac174;
      margin: -8px;
      padding: 0 7px 8px 7px;
      position: relative;
      top: 1px; }
    body:not(.maintenance-page) #header .login-name,
    body:not(.maintenance-page).compact #header .login-name {
      display: none; }
    body:not(.maintenance-page) #header .nav-primary-wrapper,
    body:not(.maintenance-page).compact #header .nav-primary-wrapper {
      float: none;
      width: 100%;
      text-align: left;
      margin-top: 50px; }
    body:not(.maintenance-page) #header .nav-primary .compare-link,
    body:not(.maintenance-page).compact #header .nav-primary .compare-link {
      padding: 0; }
      body:not(.maintenance-page) #header .nav-primary .compare-link a,
      body:not(.maintenance-page).compact #header .nav-primary .compare-link a {
        background: #E6344C;
        padding: 15px; }
    body:not(.maintenance-page) #header .nav-primary-wrapper > ul,
    body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul {
      position: static;
      padding-left: 0; }
      body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li,
      body:not(.maintenance-page) #header .nav-primary-wrapper > ul a,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul a {
        display: block; }
      body:not(.maintenance-page) #header .nav-primary-wrapper > ul li,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        max-width: inherit; }
        body:not(.maintenance-page) #header .nav-primary-wrapper > ul li:last-child,
        body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li:last-child {
          border: 0; }
        body:not(.maintenance-page) #header .nav-primary-wrapper > ul li a,
        body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li a {
          padding: 15px; }
          body:not(.maintenance-page) #header .nav-primary-wrapper > ul li a.active,
          body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul li a.active {
            border-radius: 0; }
      body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li > ul,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li > ul {
        position: static;
        text-align: left;
        font-size: inherit;
        border: 0; }
        body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li > ul > li a,
        body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li > ul > li a {
          color: #FFF; }
        body:not(.maintenance-page) #header .nav-primary-wrapper > ul > li > ul > li > ul,
        body:not(.maintenance-page).compact #header .nav-primary-wrapper > ul > li > ul > li > ul {
          position: static; }
    body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener,
    body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 20px;
      padding: 12px 15px 0 15px;
      height: 45px; }
      body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener:hover,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener:hover {
        background: none; }
      body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener .mwicon-arrow6_d,
      body:not(.maintenance-page) #header .nav-primary-wrapper .submenu-opener .fa-minus,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener .mwicon-arrow6_d,
      body:not(.maintenance-page).compact #header .nav-primary-wrapper .submenu-opener .fa-minus {
        display: none; }
    body:not(.maintenance-page) #header .cart-wrapper .cart .cart_item_count,
    body:not(.maintenance-page).compact #header .cart-wrapper .cart .cart_item_count {
      font-size: 11px;
      height: 19px;
      padding: 0 4px;
      text-align: center;
      line-height: 15px;
      top: 3px;
      right: 1px; }
    body:not(.maintenance-page) #header .nav-primary li,
    body:not(.maintenance-page).compact #header .nav-primary li {
      margin: 0; }
      body:not(.maintenance-page) #header .nav-primary li.submenu-open .mwicon-arrow6_r,
      body:not(.maintenance-page) #header .nav-primary li.submenu-open .fa-plus,
      body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .mwicon-arrow6_r,
      body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .fa-plus {
        display: none; }
      body:not(.maintenance-page) #header .nav-primary li.submenu-open .mwicon-arrow6_d,
      body:not(.maintenance-page) #header .nav-primary li.submenu-open .fa-minus,
      body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .mwicon-arrow6_d,
      body:not(.maintenance-page).compact #header .nav-primary li.submenu-open .fa-minus {
        display: block; }
      body:not(.maintenance-page) #header .nav-primary li.divider,
      body:not(.maintenance-page).compact #header .nav-primary li.divider {
        display: none; }
      body:not(.maintenance-page) #header .nav-primary li ul li a,
      body:not(.maintenance-page).compact #header .nav-primary li ul li a {
        padding-left: 25px; }
      body:not(.maintenance-page) #header .nav-primary li ul li ul li a,
      body:not(.maintenance-page).compact #header .nav-primary li ul li ul li a {
        padding-left: 35px;
        background: url("../assets/images/white-dot.svg")/*tpa=https://cn.mozaweb.com/assets/images/white-dot.svg*/ no-repeat 20px 24px; }
    body:not(.maintenance-page) #header .nav-secondary,
    body:not(.maintenance-page).compact #header .nav-secondary {
      float: none;
      position: absolute;
      margin: 0;
      top: 0;
      left: 0;
      right: 0;
      height: 50px;
      background: #2a5cb2;
      border: 0; }
      body:not(.maintenance-page) #header .nav-secondary > a,
      body:not(.maintenance-page) #header .nav-secondary > div,
      body:not(.maintenance-page) #header .nav-secondary > .dropdown,
      body:not(.maintenance-page).compact #header .nav-secondary > a,
      body:not(.maintenance-page).compact #header .nav-secondary > div,
      body:not(.maintenance-page).compact #header .nav-secondary > .dropdown {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body:not(.maintenance-page) #header .nav-secondary .nav-pills > li > a,
      body:not(.maintenance-page).compact #header .nav-secondary .nav-pills > li > a {
        border-radius: 10px 10px 0 0; }
      body:not(.maintenance-page) #header .nav-secondary .dropdown-menu, body:not(.maintenance-page) #header .nav-secondary .cart-wrapper .cart-content,
      body:not(.maintenance-page).compact #header .nav-secondary .dropdown-menu,
      body:not(.maintenance-page).compact #header .nav-secondary .cart-wrapper .cart-content {
        height: calc(100% - 50px); }
      body:not(.maintenance-page) #header .nav-secondary .dropdown-menu, body:not(.maintenance-page) #header .nav-secondary .cart-wrapper .cart-content, body:not(.maintenance-page) #header .nav-secondary .search,
      body:not(.maintenance-page).compact #header .nav-secondary .dropdown-menu,
      body:not(.maintenance-page).compact #header .nav-secondary .cart-wrapper .cart-content,
      body:not(.maintenance-page).compact #header .nav-secondary .search {
        position: fixed;
        z-index: 700;
        width: 100%;
        top: 50px;
        left: 0;
        right: 0;
        margin: 0;
        border: 0;
        bottom: 15px;
        overflow-y: auto;
        border-radius: 0;
        -webkit-border-radius: 0; }
      body:not(.maintenance-page) #header .nav-secondary .search,
      body:not(.maintenance-page).compact #header .nav-secondary .search {
        bottom: auto; }
      body:not(.maintenance-page) #header .nav-secondary .nav,
      body:not(.maintenance-page).compact #header .nav-secondary .nav {
        display: block;
        text-align: center; }
        body:not(.maintenance-page) #header .nav-secondary .nav > li,
        body:not(.maintenance-page).compact #header .nav-secondary .nav > li {
          display: inline-block;
          vertical-align: top;
          text-align: left;
          float: none;
          margin: 0 -2px; }
          body:not(.maintenance-page) #header .nav-secondary .nav > li > a,
          body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a {
            padding: 0 15px 0 15px;
            height: 50px; }
            body:not(.maintenance-page) #header .nav-secondary .nav > li > a.login.logged-in,
            body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a.login.logged-in {
              padding-top: 5px; }
            body:not(.maintenance-page) #header .nav-secondary .nav > li > a:focus, body:not(.maintenance-page) #header .nav-secondary .nav > li > a:hover,
            body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a:focus,
            body:not(.maintenance-page).compact #header .nav-secondary .nav > li > a:hover {
              background-color: transparent; }
          body:not(.maintenance-page) #header .nav-secondary .nav > li.open,
          body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open {
            margin: 5px -2px 0px; }
            body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a,
            body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a {
              padding: 0 15px 0 15px;
              background-color: #ffffff;
              color: #1a366c; }
              body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a > i, body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a > img,
              body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a > i,
              body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a > img {
                margin-top: -10px; }
              body:not(.maintenance-page) #header .nav-secondary .nav > li.open > a.login.logged-in > i,
              body:not(.maintenance-page).compact #header .nav-secondary .nav > li.open > a.login.logged-in > i {
                margin-top: -15px; }
    body:not(.maintenance-page) #header .bars,
    body:not(.maintenance-page).compact #header .bars {
      display: none; }
    body:not(.maintenance-page) #header .search-open .search-button,
    body:not(.maintenance-page).compact #header .search-open .search-button {
      background: #152c57 !important;
      margin-top: 5px !important;
      padding: 0 15px 0 !important; }
      body:not(.maintenance-page) #header .search-open .search-button > i, body:not(.maintenance-page) #header .search-open .search-button > span,
      body:not(.maintenance-page).compact #header .search-open .search-button > i,
      body:not(.maintenance-page).compact #header .search-open .search-button > span {
        margin-top: -10px; }
  .sidebar-open #header,
  .sidebar-open .compact #header {
    -webkit-transform: translate3d(0px, 0, 0) !important;
    transform: translate3d(0px, 0, 0) !important; }
    .sidebar-open #header .nav-primary-wrapper,
    .sidebar-open .compact #header .nav-primary-wrapper {
      -webkit-transform: translate3d(0px, 0, 0) !important;
      transform: translate3d(0px, 0, 0) !important; }
  .nav-primary {
    margin-right: 0; }
    .nav-primary li ul {
      display: none;
      background: rgba(0, 0, 0, 0.15); }
    .nav-primary li.submenu-open ul {
      display: block; }
  .nav-primary-wrapper .nav-primary > li > a.active:after {
    display: none; } }

@media (min-width: 992px) {
  .content .cart-summary {
    margin-bottom: 60px !important;
    height: 60px; }
  .username_mobile {
    display: none; } }

.submenu a > i, .nav-secondary .dropdown-menu > li > a > i {
  color: #8c97a7; }

.nav-secondary .dropdown-menu > li > a {
  color: #455771; }
  .nav-secondary .dropdown-menu > li > a:hover {
    color: #244b95; }

#admin-box a:hover {
  color: #244b95; }

.submenu {
  list-style-type: none;
  margin: 0 0 0 -125px;
  position: absolute;
  top: 62px;
  left: 50%;
  box-shadow: 0px 15px 40px rgba(36, 75, 149, 0.3);
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #86b2d2;
  z-index: 100;
  display: none;
  width: 280px;
  background: #FFF;
  transition: top .3s; }
  .submenu:before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    width: 30px;
    height: 30px;
    border: 15px solid transparent;
    border-bottom-color: #86b2d2; }
  .submenu a {
    color: #455771;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px; }
    .submenu a > i {
      font-size: 24px;
      margin-right: 10px; }
  .submenu > li {
    text-align: left;
    display: block; }
    .submenu > li > a {
      display: block;
      font-weight: bold;
      font-size: 15px; }
    .submenu > li a:focus, .submenu > li a:hover {
      color: #244b95;
      background: rgba(134, 178, 210, 0.2); }
    .submenu > li ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }

body.compact #header .submenu {
  top: 81px; }

.sub-menu-wrapper select {
  display: none;
  margin-bottom: 20px; }

@media (max-width: 991px) {
  .sub-menu-wrapper select {
    display: block; }
  .sub-menu-wrapper ul {
    display: none; }
  .submenu {
    position: static;
    padding: 0;
    background: none;
    display: none;
    text-align: left;
    margin: 0;
    width: auto; }
    .submenu ul {
      display: none; }
    .submenu > li.submenu-image {
      display: none; }
    .submenu > li {
      display: block;
      margin: 0; }
    .submenu a {
      color: #FFF; }
      .submenu a > i {
        display: none; } }

#footer {
  background: #d2e3f2;
  position: relative;
  transition-duration: .3s;
  height: 343px;
  margin-top: -249px;
  z-index: 10; }
  #footer .contact-bar {
    padding: 16px 0;
    background: #FFF;
    margin-bottom: 30px;
    border-top: 1px solid #dee5f2; }
    #footer .contact-bar i {
      margin-right: 5px;
      vertical-align: middle;
      font-size: 38px;
      color: #cfe1f0; }
  #footer .footer-menu .footer-col {
    width: 20%;
    float: left;
    margin-bottom: 15px;
    min-height: 100px; }
    #footer .footer-menu .footer-col span {
      line-height: 1.6em;
      margin-top: 10px;
      font-weight: bold;
      text-transform: uppercase; }
      #footer .footer-menu .footer-col span i {
        display: none; }
    #footer .footer-menu .footer-col ul {
      display: block;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #footer .footer-menu .footer-col ul li {
        background: url("../assets/images/footer-dot.svg")/*tpa=https://cn.mozaweb.com/assets/images/footer-dot.svg*/ no-repeat 0 12px;
        padding: 0 0 0 10px; }
        #footer .footer-menu .footer-col ul li a {
          display: block;
          line-height: 1.6em;
          color: #455771; }
  #footer .bottom-bar {
    margin-top: 25px;
    background: #244b95;
    text-align: center; }
    #footer .bottom-bar .logo {
      margin: 15px 0;
      display: inline-block;
      float: none; }
    #footer .bottom-bar .container {
      position: relative; }
    #footer .bottom-bar .server-selector {
      position: absolute;
      right: 40px;
      top: 15px; }

.sidebar-open #footer {
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0); }

@media (min-width: 992px) {
  #footer .footer-menu .footer-col span {
    margin-top: 10px;
    display: block; }
  #footer .footer-menu .footer-col ul {
    display: block !important; } }

@media (max-width: 991px) {
  #footer {
    margin-top: 0;
    height: auto; }
    #footer .footer-menu .footer-col {
      width: 50%;
      float: left;
      min-height: inherit;
      cursor: pointer; }
      #footer .footer-menu .footer-col span {
        margin: 0; }
        #footer .footer-menu .footer-col span i {
          display: inline-block; }
      #footer .footer-menu .footer-col ul {
        display: none; }
      #footer .footer-menu .footer-col.open ul {
        display: block; }
    #footer .bottom-bar .logo {
      width: 230px;
      height: 22px; } }

@media (max-width: 519px) {
  #footer .footer-menu .footer-col {
    width: 100%; } }

.buttons-container {
  margin: 100px auto;
  text-align: center; }

/* ========= lines button =============*/
.lines-button {
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  margin: -6px 10px 0 -5px;
  outline: none;
  padding: 0 6px;
  height: 40px;
  width: 34px;
  text-align: center;
  background: none;
  /* */ }
  .lines-button.menu-close {
    margin-top: 0;
    height: 30px;
    width: 34px; }

.lines-button:hover {
  opacity: 1; }

.lines-button:active {
  transition: 0;
  border: none; }

.lines {
  display: block;
  position: relative; }
  .lines, .lines:before, .lines:after {
    width: 100%;
    background: #ecf0f1;
    display: block;
    height: 3px;
    background: #ecf0f1;
    left: 0;
    content: ''; }
  .lines:before {
    position: absolute;
    top: 7px; }
  .lines:after {
    position: absolute;
    top: -7px; }

.mobile-header {
  display: none;
  background-color: #274783;
  background-position: 55px 13px;
  position: fixed;
  transition: all .3s;
  -webkit-transition: all .3s;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  padding: 10px 15px;
  z-index: 1999;
  margin: 0; }
  .mobile-header .logo {
    width: 230px;
    height: 22px;
    background-size: cover;
    /*rtl:ignore*/
    background-position: left center;
    position: relative;
    top: 2px;
    margin: 0; }
  .mobile-header i {
    color: #FFF; }

@media (max-width: 991px) {
  .mobile-header {
    display: block; } }

@media (max-width: 767px) {
  .mobile-header .logo {
    width: 96px; } }

.modal {
  z-index: 2002; }
  .modal * {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important; }

.modal-backdrop {
  background: #274783;
  opacity: .6;
  z-index: 2000; }

.modal-dialog {
  background: #fff;
  margin: 130px auto; }

.modal-header {
  border: 0;
  border-top: 5px solid #3e74d1; }
  .modal-header .close {
    margin-top: 0;
    color: #c7d3e5; }

.modal-body {
  padding: 20px 30px; }

.modal-content {
  border: 0;
  border-radius: 0; }

.modal-buttons {
  margin-top: 20px; }
  .modal-buttons .btn, .modal-buttons .btn-facebook, .modal-buttons .btn-round, .modal-buttons .btn-default, .modal-buttons .btn-sausage, .modal-buttons .btn-success, .modal-buttons .btn-yellow, .modal-buttons .btn-white, .modal-buttons .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .modal-buttons button {
    margin: 0 10px;
    min-width: 200px; }

body .download-3dviewer {
  display: none; }

.lexikon3d-loader-modal .lexikon3d-loader-content {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px; }
  .lexikon3d-loader-modal .lexikon3d-loader-content .fa-spinner {
    font-size: 24pt;
    margin-bottom: 24px; }

.lexikon3d-loader-modal .ui-dialog-buttonpane {
  display: none; }

.download-starts-soon {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px; }

body.download-3dviewer-page .download-3dviewer {
  display: block;
  margin: 5px 0; }
  body.download-3dviewer-page .download-3dviewer .icon {
    width: 100px;
    height: 100px;
    background: url("../assets/images/bird-3dviewer.png")/*tpa=https://cn.mozaweb.com/assets/images/bird-3dviewer.png*/ no-repeat top left;
    background-size: cover;
    margin: 0 auto; }
  body.download-3dviewer-page .download-3dviewer.update .icon {
    background-image: url("../assets/images/bird-3dviewer-update.png")/*tpa=https://cn.mozaweb.com/assets/images/bird-3dviewer-update.png*/; }
  body.download-3dviewer-page .download-3dviewer .text {
    margin-top: 15px;
    text-align: center; }

@media (max-width: 991px) {
  .modal {
    top: 50px;
    padding-bottom: 35px;
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .modal.bootstrap-dialog {
    top: 0; } }

.unclose .ui-dialog-titlebar-close {
  display: none; }

video::-internal-media-controls-download-button,
audio::-internal-media-controls-download-button {
  display: none; }

video::-webkit-media-controls-enclosure,
audio::-webkit-media-controls-enclosure {
  overflow: hidden; }

video::-webkit-media-controls-panel,
audio::-webkit-media-controls-panel {
  width: calc(100% + 30px); }

#validate-institute-tabs.tab-content .selected-institute {
  margin-right: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #6e7a95; }
  #validate-institute-tabs.tab-content .selected-institute .results-text {
    margin-top: 15px;
    margin-bottom: 5px; }

.modal.merge-modal .modal-dialog {
  width: 1200px; }
  .modal.merge-modal .modal-dialog input.size-xs, .modal.merge-modal .modal-dialog .bootstrap-select.size-xs {
    width: 130px; }
  .modal.merge-modal .modal-dialog input.size-s, .modal.merge-modal .modal-dialog .bootstrap-select.size-s {
    width: 200px; }
  .modal.merge-modal .modal-dialog input.size-m, .modal.merge-modal .modal-dialog .bootstrap-select.size-m {
    width: 300px; }
  .modal.merge-modal .modal-dialog select {
    width: 300px; }
  .modal.merge-modal .modal-dialog .right-panel {
    border-left: 1px solid #dee5f2; }
  .modal.merge-modal .modal-dialog .merge-modal-buttons {
    border-top: 1px solid #dee5f2; }
  .modal.merge-modal .modal-dialog .field-label {
    color: #008ce5;
    white-space: nowrap;
    text-align: right; }
  .modal.merge-modal .modal-dialog .switch-button {
    background: url("../assets/images/institute-merge.png")/*tpa=https://cn.mozaweb.com/assets/images/institute-merge.png*/;
    position: absolute;
    top: 35%;
    left: 680px;
    width: 43px;
    height: 52px; }
  .modal.merge-modal .modal-dialog .row > .col-sm-12 {
    height: 35px;
    line-height: 35px; }

.modal #institute_search_list,
.modal #institutes_to_merge_search {
  height: 400px; }
  .modal #institute_search_list .inst-search-container,
  .modal #institutes_to_merge_search .inst-search-container {
    position: relative; }
    .modal #institute_search_list .inst-search-container i,
    .modal #institutes_to_merge_search .inst-search-container i {
      position: absolute;
      top: 7px;
      right: 5px;
      font-size: 20px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: none; }
  .modal #institute_search_list .modal-searchinstitute-results,
  .modal #institutes_to_merge_search .modal-searchinstitute-results {
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    display: inline-block;
    max-height: 345px;
    background-color: white;
    padding: 0 15px; }
    .modal #institute_search_list .modal-searchinstitute-results.merge-institute-select,
    .modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select {
      max-height: 254px; }
      .modal #institute_search_list .modal-searchinstitute-results.merge-institute-select .similar-row,
      .modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select .similar-row {
        padding-left: 40px; }
      .modal #institute_search_list .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper,
      .modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper {
        position: absolute;
        left: -20px;
        top: 5px;
        width: 20px;
        height: 20px;
        border: 1px solid #86b2d2;
        border-radius: 3px;
        text-align: center; }
        .modal #institute_search_list .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper i,
        .modal #institutes_to_merge_search .modal-searchinstitute-results.merge-institute-select .checkbox-wrapper i {
          color: #008ce5; }
    .modal #institute_search_list .modal-searchinstitute-results .institute-name,
    .modal #institutes_to_merge_search .modal-searchinstitute-results .institute-name {
      font-size: 13px; }
    .modal #institute_search_list .modal-searchinstitute-results .institute-city,
    .modal #institutes_to_merge_search .modal-searchinstitute-results .institute-city {
      font-size: 13px; }
    .modal #institute_search_list .modal-searchinstitute-results .institute-address,
    .modal #institutes_to_merge_search .modal-searchinstitute-results .institute-address {
      font-size: 11px; }
    .modal #institute_search_list .modal-searchinstitute-results .similar-row,
    .modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row {
      padding-top: 10px;
      padding-bottom: 13px;
      color: #455771;
      background-color: transparent;
      transition: color 0.3s;
      -webkit-transition: color 0.3s;
      cursor: pointer; }
      .modal #institute_search_list .modal-searchinstitute-results .similar-row .mwicon-institute,
      .modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row .mwicon-institute {
        color: #008ce5;
        transition: color 0.3s;
        -webkit-transition: color 0.3s; }
      .modal #institute_search_list .modal-searchinstitute-results .similar-row:hover,
      .modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row:hover {
        color: #ffffff;
        background-color: #337ab7; }
        .modal #institute_search_list .modal-searchinstitute-results .similar-row:hover .mwicon-institute,
        .modal #institutes_to_merge_search .modal-searchinstitute-results .similar-row:hover .mwicon-institute {
          color: #ffffff; }
  .modal #institute_search_list .validation_search_result,
  .modal #institutes_to_merge_search .validation_search_result {
    display: none;
    color: #ffffff;
    background-color: #337ab7;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 5px 12px 0px;
    cursor: pointer; }
    .modal #institute_search_list .validation_search_result .institute-name,
    .modal #institutes_to_merge_search .validation_search_result .institute-name {
      font-size: 13px; }
    .modal #institute_search_list .validation_search_result .institute-city,
    .modal #institutes_to_merge_search .validation_search_result .institute-city {
      font-size: 13px; }
    .modal #institute_search_list .validation_search_result .institute-address,
    .modal #institutes_to_merge_search .validation_search_result .institute-address {
      font-size: 11px; }
  .modal #institute_search_list i.switch-mode,
  .modal #institutes_to_merge_search i.switch-mode {
    font-size: 32px;
    color: #a9c2e4;
    cursor: pointer;
    top: 2px;
    right: 20px; }
  .modal #institute_search_list #single_search,
  .modal #institutes_to_merge_search #single_search {
    display: none;
    margin-bottom: 15px; }
  .modal #institute_search_list #multi_search,
  .modal #institutes_to_merge_search #multi_search {
    margin-bottom: 15px; }
  .modal #institute_search_list hr,
  .modal #institutes_to_merge_search hr {
    margin-top: 0px; }

.modal .country-code {
  color: #52b4f2;
  font-size: 18px; }

.modal #institutes_to_merge_search .modal-searchinstitute-results {
  padding-left: 20px; }

.cookie-bar {
  background: rgba(49, 65, 77, 0.9);
  position: fixed;
  width: 100%;
  left: 0;
  bottom: -400px;
  padding: 15px 0;
  color: #FFF;
  font-size: 13px;
  z-index: 10000;
  transition-duration: .3s;
  -webkit-transition-duration: .3s; }
  .cookie-bar a {
    color: #66c3ff; }
  .cookie-bar a.btn, .cookie-bar a.btn-facebook, .cookie-bar a.btn-round, .cookie-bar a.btn-default, .cookie-bar a.btn-sausage, .cookie-bar a.btn-success, .cookie-bar a.btn-yellow, .cookie-bar a.btn-white {
    color: #FFF; }
  .cookie-bar span {
    background: url("../assets/images/cookie.svg")/*tpa=https://cn.mozaweb.com/assets/images/cookie.svg*/ no-repeat top left;
    background-size: cover;
    width: 35px;
    height: 35px;
    float: left; }
  .cookie-bar p {
    margin-left: 20px;
    width: 70%;
    float: left;
    margin-bottom: 0;
    padding-top: 8px; }
  .cookie-bar .btn, .cookie-bar .btn-facebook, .cookie-bar .btn-round, .cookie-bar .btn-default, .cookie-bar .btn-sausage, .cookie-bar .btn-success, .cookie-bar .btn-yellow, .cookie-bar .btn-white, .cookie-bar .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cookie-bar button {
    float: right;
    margin-left: 20px; }

@media (max-width: 767px) {
  .cookie-bar p {
    width: auto;
    float: none;
    margin-left: 60px; }
  .cookie-bar .btn, .cookie-bar .btn-facebook, .cookie-bar .btn-round, .cookie-bar .btn-default, .cookie-bar .btn-sausage, .cookie-bar .btn-success, .cookie-bar .btn-yellow, .cookie-bar .btn-white, .cookie-bar .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cookie-bar button {
    float: none;
    margin-top: 20px;
    margin-left: 60px; } }

#labcam_quarantine {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  /*@media print {
    */
  /*
     .break-after{
         page-break-after: always;
     }
     body{
         background: #fff !important;
         color: #000 !important;
     }
     .section_header{
         background: #fff !important;
     }
     a{
         background: #fff !important;
         color: #000 !important;
         text-decoration: none !important;
     }

     #logo .noprint{
         visibility: collapse !important;
     }
     #logo .print{
         visibility: visible !important;
         width:200px !important;
     }
     .icon, .w8_icon{
         background-color: grey;
         border-radius: 5px;
         width:40px !important;
         text-align: center !important;
         margin-top:0px !important;
         margin-bottom:0px !important;
     }
 }*/ }
  #labcam_quarantine p {
    margin-right: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #labcam_quarantine #wrapper {
    width: 800px;
    margin-left: auto;
    margin-right: auto; }
  @media print {
    #labcam_quarantine footer.onlyprint {
      position: fixed;
      bottom: 0;
      /* Because it's footer */ } }
  #labcam_quarantine .break-before {
    page-break-before: always; }
  #labcam_quarantine #logo .print {
    visibility: collapse;
    width: 0px; }
  #labcam_quarantine #logo .noprint {
    visibility: visible; }
  #labcam_quarantine root {
    display: block; }
  #labcam_quarantine a {
    text-decoration: underline;
    /* color: #fff; */ }
  #labcam_quarantine body {
    /* background: #000; */
    color: black;
    font-family: sans-serif;
    /*    font-weight: 1900;*/ }
  #labcam_quarantine img {
    margin-top: 10px;
    /*margin-bottom:10px;*/ }
  #labcam_quarantine img.icon {
    width: 60px;
    margin-bottom: 10px;
    border-radius: 7px;
    background-color: gray; }
  #labcam_quarantine img.icon_small {
    width: 30px;
    border-radius: 7px;
    background-color: gray;
    position: relative;
    right: 5px; }
  #labcam_quarantine img.w8_icon {
    margin-bottom: 10px;
    height: 35px;
    margin-left: 60px;
    margin-right: 30px;
    background-color: gray;
    border-radius: 7px; }
  #labcam_quarantine img.c_icon {
    margin-bottom: 10px;
    height: 35px;
    margin-left: 60px;
    margin-right: 30px;
    /*background-color: gray;*/
    border-radius: 7px; }
  #labcam_quarantine p {
    line-height: 1.5em;
    text-align: justify; }
  #labcam_quarantine ul li {
    /*list-style: none;*/
    line-height: 1.5em;
    text-transform: capitalize; }
  #labcam_quarantine .centered {
    text-align: center; }
  #labcam_quarantine .header_fill {
    height: 30px;
    width: auto;
    min-width: 20px;
    /* background: #006699; */ }
  #labcam_quarantine .section {
    margin-top: 50px; }
  #labcam_quarantine .section_header {
    height: 30px;
    color: #006699;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    float: left;
    /* background-color: white; */ }
  #labcam_quarantine .section_content {
    padding: 20px; }
  #labcam_quarantine .small_header {
    font-weight: bold;
    margin-top: 80px;
    font-size: 1.2em;
    text-transform: capitalize; }
  #labcam_quarantine .icon_title {
    font-weight: 600;
    margin-right: 10px; }
  #labcam_quarantine .td_first_cell {
    width: 70px;
    vertical-align: top; }
  #labcam_quarantine .td_second_cell {
    width: 680px;
    vertical-align: top;
    padding-top: 10px; }
  #labcam_quarantine .tip_number_round {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 1em;
    font-family: 'Impact';
    width: 26px;
    height: 26px;
    text-align: center;
    border: solid 2px #fff;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tip_number_bottom_right {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 0.95em;
    font-family: 'Impact';
    width: 26px;
    height: 26px;
    text-align: center;
    border: solid 2px #fff;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .number {
    position: relative;
    top: 0px;
    left: 20px;
    font-size: 0.95em;
    font-family: 'Impact';
    width: 26px;
    height: 26px;
    text-align: center;
    border: solid 2px #fff;
    border-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tap_white {
    background: url(../img_desktop/tap_white.png)/*tpa=https://cn.mozaweb.com/img_desktop/tap_white.png*/ no-repeat;
    width: 50px;
    height: 67px;
    position: relative; }
  #labcam_quarantine .tip_number_bottom_left {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 0.95em;
    font-family: 'Impact';
    border: none;
    width: 22px;
    height: 22px;
    text-align: center;
    border: solid 2px #fff;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tip_number_top_left {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 0.95em;
    font-family: 'Impact';
    border: none;
    width: 22px;
    height: 22px;
    text-align: center;
    border: solid 2px #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tip_number_top_left {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 0.95em;
    font-family: 'Impact';
    border: none;
    width: 22px;
    height: 22px;
    text-align: center;
    border: solid 2px #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tip_number_top_right {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 0.95em;
    font-family: 'Impact';
    border: none;
    width: 22px;
    height: 22px;
    text-align: center;
    border: solid 2px #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tip_number_oval {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 0.95em;
    font-family: 'Impact';
    border: none;
    height: 22px;
    max-width: 40px;
    text-align: center;
    border: solid 2px #fff;
    border-radius: 16px;
    background: #ff9900;
    color: #fff; }
  #labcam_quarantine .tr_spacer {
    height: 60px; }
  #labcam_quarantine #toc {
    position: relative;
    margin-top: 30px; }

.mblite_layout .mblite_menu_top .mblite_title {
  position: relative !important;
  margin-top: 9px;
  float: left;
  left: inherit !important;
  top: inherit !important;
  cursor: pointer; }

.mblite_layout .mblite_menu_top .book-type {
  float: left;
  margin-top: 7px;
  margin-left: 20px; }
  .mblite_layout .mblite_menu_top .book-type a {
    padding: 0 5px;
    width: 29px;
    height: 29px;
    float: left; }
  .mblite_layout .mblite_menu_top .book-type div[class*='type-'] {
    padding: 0;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent; }
  .mblite_layout .mblite_menu_top .book-type .type-book {
    background-image: url("../assets/images/mblite-icons-type-book.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite-icons-type-book.png*/; }
  .mblite_layout .mblite_menu_top .book-type .type-html {
    background-image: url("../assets/images/mblite-icons-type-html.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite-icons-type-html.png*/; }

.mblite_layout .mblite_menu_top.vhidden {
  visibility: hidden; }

@media (max-width: 991px) {
  .mblite_layout .mblite_menu_top .book-type {
    margin-right: 10px; } }

.mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  -js-display: flex !important;
  display: flex !important;
  height: 128px !important;
  cursor: pointer; }
  .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content {
    height: auto !important; }
    .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .title {
      float: left;
      width: 100%;
      font-size: 15px;
      line-height: 1.2;
      padding-bottom: 0 !important; }
    .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .bid {
      float: left;
      width: 100%;
      padding: 10px 0 !important; }
    .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type {
      float: left;
      width: 100%;
      position: absolute;
      bottom: 0;
      height: 25px;
      padding: 5px 0 3px; }
      .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type div[class*='type-'] {
        padding: 0 5px; }
        .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type div[class*='type-']:first-child {
          padding-left: 0; }
        .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content .book-type div[class*='type-'] a i {
          font-size: 25px; }
  .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*='type-'] a, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*='type-'] a {
    color: #f1f5fb; }
    .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*='type-'] a.active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*='type-'] a:active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover div[class*='type-'] a:hover, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*='type-'] a.active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*='type-'] a:active, .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected div[class*='type-'] a:hover {
      color: #455771; }

.version-1 {
  opacity: 0.3; }

.user-page .uploads-item .circle {
  float: left;
  margin-top: 6px; }

.user-page .circle {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 5px; }
  .user-page .circle.user-file-process-done {
    background: #0ebf6e; }
  .user-page .circle.user-file-process-inprogress {
    background: #bbbf49; }
  .user-page .circle.user-file-process-waiting {
    background: #bf413b; }

.loaderanim {
  width: 120px;
  height: 120px; }

.mblite_empty_layout {
  background-color: #dbe8f5; }

.mblite {
  font-family: Arial, sans-serif;
  text-align: left;
  font-size: 12px;
  padding-top: 0;
  /* eszközök ablak */
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
  /* *-ot felülbíráljuk */ }
  .mblite * {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box; }
  .mblite .info-popup * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
    .mblite .info-popup * img {
      margin-bottom: 8px; }
    @media (max-width: 519px) {
      .mblite .info-popup * .info-popup img {
        max-width: 66%; } }
    .mblite .info-popup * button {
      margin-top: 25px;
      margin-bottom: 30px; }
    .mblite .info-popup * .book-title {
      color: #008ce5;
      font-size: 28px; }
    .mblite .info-popup * .book-bid {
      font-weight: bold; }
    .mblite .info-popup * a {
      color: #008ce5; }
  .mblite [ng\:hide],
  .mblite [ng-hide],
  .mblite .ng-hide {
    display: none !important; }
  .mblite .window_panel .window_header .filter_evfolyam {
    background-position: -76px 0; }
  .mblite .window_panel .window_header .filter_temakor {
    background-position: -50px 0; }
  .mblite .mblite_sidebar .mblite-lexikon-list-dropdown {
    padding: 10px;
    position: relative;
    background: #f1f5fb; }
    .mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group {
      margin-bottom: 5px; }
      .mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group .title {
        font-size: 16px;
        font-weight: bold;
        color: #455771; }
      .mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group .form-control, .mblite .mblite_sidebar .mblite-lexikon-list-dropdown .form-group .cke_editable {
        width: 92%; }
  .mblite .mblite_sidebar.videos .header_tab_icon {
    font-size: 20px;
    margin-top: 4px; }
  .mblite .fb_share {
    position: absolute;
    right: 250px;
    top: 8px;
    overflow: hidden; }
  .mblite #progress_container {
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    .mblite #progress_container.hide-mblite-menu {
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
      transform: translateY(-40px); }
  .mblite .mblite_layout {
    top: 0;
    left: 0;
    background: #dbe8f5;
    width: 100%; }
    .mblite .mblite_layout .mblite_close {
      float: left;
      width: 24px;
      height: 21px;
      background-image: url("../assets/images/mblite_back.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_back.png*/;
      margin: 10px 10px 9px;
      cursor: pointer; }
    .mblite .mblite_layout.force_onepage .mblite_menu_bottom {
      background-position: top center; }
      .mblite .mblite_layout.force_onepage .mblite_menu_bottom .mblite_title {
        display: none; }
      .mblite .mblite_layout.force_onepage .mblite_menu_bottom .sep {
        display: none; }
    .mblite .mblite_layout.force_onepage .mblite_container > a.pager_prev,
    .mblite .mblite_layout.force_onepage .mblite_container > a.pager_next {
      display: none; }
    .mblite .mblite_layout .mblite_menu_top {
      height: 40px;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2001;
      background-color: #244b95;
      text-align: center;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
      .mblite .mblite_layout .mblite_menu_top.hide-mblite-menu {
        transition: -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px); }
      .mblite .mblite_layout .mblite_menu_top .nav_menu {
        float: right;
        padding-top: 10px;
        line-height: 20px; }
        .mblite .mblite_layout .mblite_menu_top .nav_menu a {
          color: #ffffff;
          font-size: 16px;
          margin-right: 20px;
          cursor: pointer; }
      .mblite .mblite_layout .mblite_menu_top .mblite_title {
        position: absolute;
        left: 50px;
        top: 7px;
        max-width: 300px;
        height: 26px;
        line-height: 26px;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left; }
        @media (max-width: 991px) {
          .mblite .mblite_layout .mblite_menu_top .mblite_title {
            max-width: calc(100% - 115px); } }
    .mblite .mblite_layout .mblite_menu_bottom {
      height: 40px;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 2002;
      background-color: #244b95;
      text-align: center;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
      .mblite .mblite_layout .mblite_menu_bottom.hide-mblite-menu {
        transition: -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px); }
      .mblite .mblite_layout .mblite_menu_bottom a {
        cursor: pointer; }
      .mblite .mblite_layout .mblite_menu_bottom .mozaik_logo {
        width: 223px;
        height: 21px;
        display: block;
        background: url("../assets/images/logo.svg")/*tpa=https://cn.mozaweb.com/assets/images/logo.svg*/ no-repeat;
        background-size: cover;
        position: absolute;
        right: 20px;
        top: 9px; }
        @media (max-width: 1290px) {
          .mblite .mblite_layout .mblite_menu_bottom .mozaik_logo {
            width: 97px; } }
      .mblite .mblite_layout .mblite_menu_bottom .mblite_functions {
        margin-top: 5px;
        margin-bottom: 5px; }
        .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions {
          display: inline-block; }
          .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul {
            margin: 0;
            list-style: none; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li {
              float: left;
              position: relative; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.separator {
                height: 27px;
                border-left: 1px solid #152c57;
                border-right: 1px solid #4b7ad4;
                margin: 2px 4px 0; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup {
                color: #c5ddf8;
                position: fixed;
                bottom: 3px;
                left: 10px;
                font-size: 28px; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > a {
                  display: block;
                  line-height: 35px;
                  color: #c5ddf8; }
                  .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > a.active {
                    color: #fce261; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu {
                  max-height: calc(100% - 80px);
                  display: none;
                  background-color: #244b95;
                  position: fixed;
                  left: 0;
                  bottom: 40px;
                  text-align: left;
                  width: 250px;
                  font-size: 16px; }
                  .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row {
                    padding: 13px;
                    cursor: pointer;
                    height: 22px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                    .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-header {
                      color: #ffffff;
                      background-color: #284278;
                      font-weight: bold; }
                    .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-footer {
                      border-top: 1px solid #3563b2; }
                      .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-footer:last-of-type {
                        border-bottom: 1px solid #284278;
                        padding-left: 8px; }
                      .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row.side-menu-footer .mblite_close {
                        margin: 0 18px 0 0;
                        -webkit-transform: scale(0.9);
                        -ms-transform: scale(0.9);
                        transform: scale(0.9); }
                    .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup > .side-menu .side-menu-row i {
                      margin-right: 8px;
                      vertical-align: middle;
                      font-size: 24px; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup .side-menu-scroll-wrapper {
                  max-height: calc(100% - 226px);
                  position: relative;
                  overflow: hidden; }
                  .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup .side-menu-scroll-wrapper .iScrollIndicator {
                    position: absolute;
                    background-color: #5174B1;
                    width: 4px;
                    border: 1px solid #5174B1;
                    border-radius: 3px; }
                  .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup .side-menu-scroll-wrapper .iScrollVerticalScrollbar {
                    position: absolute;
                    z-index: 9999;
                    width: 6px;
                    top: 8px;
                    bottom: 8px;
                    right: 8px;
                    overflow: hidden;
                    background-color: #345A9F;
                    border-radius: 8px; }
                    .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup .side-menu-scroll-wrapper .iScrollVerticalScrollbar.iScrollBothScrollbars {
                      right: 18px; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup.open a {
                  background-color: transparent !important; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul li.user-popup.open > div {
                  display: block; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul a {
              float: none;
              outline: none; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions ul div li {
              /*rtl:raw:
                                                    float: left;
                                                 */ }
          .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function {
            display: block;
            float: left;
            width: 27px;
            height: 25px;
            background-position: center center;
            background-repeat: no-repeat;
            margin-top: -2px;
            background-image: url("../assets/images/mblite/mblite-pager-icons-sprite_new.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/mblite-pager-icons-sprite_new.png*/; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_first {
              /*rtl:ignore*/
              background-position: 0 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_prev {
              background-position: -32px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_next {
              background-position: -53px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .pager_function.page_last {
              background-position: -82px 0; }
          .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu {
            position: absolute;
            top: 32px;
            left: -80px;
            z-index: 1000;
            background: #576fa5;
            border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            box-shadow: 3px 3px 6px #555;
            -moz-box-shadow: 3px 3px 6px #555;
            -webkit-box-shadow: 3px 3px 6px #555;
            border-top: 1px solid #8898b9;
            width: 192px;
            display: none; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li {
              float: none;
              display: block;
              padding: 0 6px; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li a {
                display: block;
                padding: 5px;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                border-top: 1px solid #7f8ba5;
                border-bottom: 1px solid #3c4f76; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li:first-child a {
                border-top: 0 none; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu li:last-child a {
                border-bottom: 0 none; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu span {
              float: left;
              display: inline;
              font-size: 12px;
              font-weight: bold;
              color: #fff;
              line-height: 29px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu a.active,
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu span {
              color: #e6f165; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu i {
              float: left;
              display: inline;
              margin-right: 5px; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu i.singlepage {
                background: url("../assets/images/mblite_new/menu/menu_page_single.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/menu/menu_page_single.png*/ no-repeat center center;
                width: 29px;
                height: 29px; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu i.singlepage.on {
                  background-image: url("../assets/images/mblite_new/menu/menu_page_single_on.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/menu/menu_page_single_on.png*/; }
              .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu i.dualpage {
                background: url("../assets/images/mblite/menu/menu_page_two.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/menu/menu_page_two.png*/ no-repeat center center;
                width: 29px;
                height: 29px; }
                .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu i.dualpage.on {
                  background: url("../assets/images/mblite/menu/menu_page_two_on.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/menu/menu_page_two_on.png*/; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .submenu .separator {
              border: 0 none;
              background: #374a72;
              text-align: center;
              color: #a4bff5;
              padding: 4px 0; }
          .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .page_input_form {
            float: left;
            width: 36px;
            margin-top: 2px;
            background: none; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .page_input_form .page_input {
              float: left;
              height: 16px;
              padding: 2px 0;
              margin-top: 2px;
              width: 36px;
              border: 1px inset #c2d3ec;
              color: white;
              font-weight: bold;
              background-color: #6e8cc3;
              border-radius: 4px;
              -moz-border-radius: 4px;
              -webkit-border-radius: 4px;
              text-align: center; }
          .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .page_pages {
            float: left;
            width: 40px;
            color: white;
            height: 25px;
            line-height: 25px;
            margin-top: 3px;
            /*rtl:raw:
                                      direction: initial;
                                       */ }
          .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function {
            float: left;
            width: 29px;
            height: 29px;
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-image: url("../assets/images/mblite/mblite-icons-sprite.png-2.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/mblite-icons-sprite.png?2*/;
            margin: -2px 4px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function.disabled {
              pointer-events: none;
              opacity: 0.5; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#kiadvanyaim {
              background-position: 0 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#kiadvanyaim._on {
              background-position: 0 -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#oldalak {
              background-position: -35px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#oldalak._on {
              background-position: -35px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#tartalomjegyzek {
              background-position: -70px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#tartalomjegyzek._on {
              background-position: -70px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#lexikon {
              background-position: -105px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#lexikon._on {
              background-position: -105px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#eszkozok {
              background-position: -140px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#eszkozok._on {
              background-position: -140px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#jatekok {
              background-position: -175px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#jatekok._on {
              background-position: -175px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#kereses {
              background-position: -270px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#kereses._on {
              background-position: -270px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#konyvjelzo {
              background-position: 0 -29px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#konyvjelzo._on {
              background-position: -29px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#settings {
              background-position: -612px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#settings._on {
              background-position: -612px -36px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#egyoldalas {
              background-position: -651px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#egyoldalas._on {
              background-position: -330px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#zoom {
              background-position: -295px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#zoom._on {
              background-position: -295px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#ddd {
              background-position: -257px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#ddd._on {
              background-position: -257px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#medialibrary {
              background-position: -502px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#medialibrary._on {
              background-position: -502px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#videos {
              background-position: -215px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#videos._on {
              background-position: -215px -35px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#booklet_editor {
              background-position: -400px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#booklet_editor._on {
              background-position: -400px -36px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#booklet_save {
              background-position: -470px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#booklet_save._on {
              background-position: -470px -36px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#booklet_save_revision {
              background-position: -578px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#booklet_save_revision._on {
              background-position: -578px -36px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#collaborative {
              background-position: -435px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#collaborative._on {
              background-position: -435px -36px; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#add_page {
              background-position: -468px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#full-screen {
              background-position: -542px 0; }
            .mblite .mblite_layout .mblite_menu_bottom .mblite_functions .menu_functions .menu_function#full-screen._on {
              background-position: -542px -35px; }
      @media (max-width: 767px) {
        .mblite .mblite_layout .mblite_menu_bottom.hide-mblite-menu {
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%); } }
    .mblite .mblite_layout .mblite_container {
      position: relative; }
      .mblite .mblite_layout .mblite_container > a {
        height: 100%;
        width: 50%;
        display: block;
        position: absolute; }
        .mblite .mblite_layout .mblite_container > a.pager_prev {
          /*rtl:ignore*/
          left: 0; }
          .mblite .mblite_layout .mblite_container > a.pager_prev i {
            background-image: url("../assets/images/mblite_new/pager_prev.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/pager_prev.png*/; }
        .mblite .mblite_layout .mblite_container > a.pager_next {
          /*rtl:ignore*/
          left: 50%; }
          .mblite .mblite_layout .mblite_container > a.pager_next i {
            background-image: url("../assets/images/mblite_new/pager_next.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/pager_next.png*/; }
        .mblite .mblite_layout .mblite_container > a.pager_next i,
        .mblite .mblite_layout .mblite_container > a.pager_prev i {
          position: absolute;
          display: block;
          cursor: pointer;
          height: 100%;
          width: 17px;
          background-repeat: no-repeat;
          background-position: 0 center; }
      .mblite .mblite_layout .mblite_container .pager_big {
        position: absolute;
        left: 20px;
        bottom: 20px;
        width: 70px;
        height: 30px; }
        .mblite .mblite_layout .mblite_container .pager_big > a {
          display: block;
          float: left;
          width: 28px;
          height: 27px; }
          .mblite .mblite_layout .mblite_container .pager_big > a.page_prev {
            background-image: url("../assets/images/mblite/pager/page_prev.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_prev.png*/; }
            .mblite .mblite_layout .mblite_container .pager_big > a.page_prev:hover {
              background-image: url("../assets/images/mblite/pager/page_prev_click.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_prev_click.png*/; }
            .mblite .mblite_layout .mblite_container .pager_big > a.page_prev.disabled {
              background-image: url("../assets/images/mblite/pager/page_prev_disabled.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_prev_disabled.png*/; }
          .mblite .mblite_layout .mblite_container .pager_big > a.page_next {
            background-image: url("../assets/images/mblite/pager/page_next.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_next.png*/; }
            .mblite .mblite_layout .mblite_container .pager_big > a.page_next:hover {
              background-image: url("../assets/images/mblite/pager/page_next_click.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_next_click.png*/; }
            .mblite .mblite_layout .mblite_container .pager_big > a.page_next.disabled {
              background-image: url("../assets/images/mblite/pager/page_next_disabled.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_next_disabled.png*/; }
      .mblite .mblite_layout .mblite_container .page_cont {
        position: relative; }
        .mblite .mblite_layout .mblite_container .page_cont .mblite_page_img.mirror_bg {
          -webkit-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
          transform: scaleX(-1); }
        .mblite .mblite_layout .mblite_container .page_cont .left_img.mirror_bg,
        .mblite .mblite_layout .mblite_container .page_cont .right_img.mirror_bg {
          -webkit-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
          transform: scaleX(-1); }
      .mblite .mblite_layout .mblite_container.twopage > div {
        height: 100%;
        width: 50%;
        /*rtl:ignore*/
        float: left; }
      .mblite .mblite_layout .mblite_container.twopage .page_first .page_cont {
        /*rtl:ignore*/
        float: right; }
      .mblite .mblite_layout .mblite_container.twopage .page_second .page_cont {
        /*rtl:ignore*/
        float: left;
        border: 1px solid black; }
      .mblite .mblite_layout .mblite_container.onepage .page_cont {
        margin: 0 auto; }
      .mblite .mblite_layout .mblite_container .dropping_area {
        position: absolute;
        width: 300px;
        height: 100%;
        background: #000;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
        box-shadow: 0 0 10px #000;
        -moz-box-shadow: 0 0 10px #000;
        -webkit-box-shadow: 0 0 10px #000;
        display: none;
        z-index: 101;
        top: 0; }
        .mblite .mblite_layout .mblite_container .dropping_area.left {
          left: 0; }
        .mblite .mblite_layout .mblite_container .dropping_area.right {
          right: 0; }
    .mblite .mblite_layout a.extra_content,
    .mblite .mblite_layout a.extra_link,
    .mblite .mblite_layout a.extra_book_link {
      border: 0;
      display: block;
      position: absolute; }
      .mblite .mblite_layout a.extra_content i,
      .mblite .mblite_layout a.extra_link i,
      .mblite .mblite_layout a.extra_book_link i {
        width: 5px;
        height: 5px;
        border: 2px solid green;
        position: absolute;
        display: none; }
      .mblite .mblite_layout a.extra_content:hover,
      .mblite .mblite_layout a.extra_link:hover,
      .mblite .mblite_layout a.extra_book_link:hover {
        border-width: 1px;
        border-color: #bbb #555 #555 #bbb;
        border-style: solid;
        border: none !important; }
        .mblite .mblite_layout a.extra_content:hover i,
        .mblite .mblite_layout a.extra_link:hover i,
        .mblite .mblite_layout a.extra_book_link:hover i {
          display: block; }
          .mblite .mblite_layout a.extra_content:hover i.t-r,
          .mblite .mblite_layout a.extra_link:hover i.t-r,
          .mblite .mblite_layout a.extra_book_link:hover i.t-r {
            border-left: none;
            border-bottom: none; }
          .mblite .mblite_layout a.extra_content:hover i.t-l,
          .mblite .mblite_layout a.extra_link:hover i.t-l,
          .mblite .mblite_layout a.extra_book_link:hover i.t-l {
            border-right: none;
            border-bottom: none; }
          .mblite .mblite_layout a.extra_content:hover i.b-r,
          .mblite .mblite_layout a.extra_link:hover i.b-r,
          .mblite .mblite_layout a.extra_book_link:hover i.b-r {
            border-left: none;
            border-top: none; }
          .mblite .mblite_layout a.extra_content:hover i.b-l,
          .mblite .mblite_layout a.extra_link:hover i.b-l,
          .mblite .mblite_layout a.extra_book_link:hover i.b-l {
            border-right: none;
            border-top: none; }
    .mblite .mblite_layout .sidebar_content {
      overflow: hidden !important;
      position: absolute;
      width: 331px; }
    .mblite .mblite_layout .sidebar_video_list,
    .mblite .mblite_layout .sidebar_3d_list {
      /* mixin for multiline
                  http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation
                  */ }
      .mblite .mblite_layout .sidebar_video_list .item,
      .mblite .mblite_layout .sidebar_3d_list .item {
        margin-bottom: 10px;
        margin-right: 6px; }
        .mblite .mblite_layout .sidebar_video_list .item .item-thumbnail,
        .mblite .mblite_layout .sidebar_3d_list .item .item-thumbnail {
          float: left;
          width: 82px;
          padding: 3px;
          border-radius: 0;
          margin-bottom: 0;
          margin-right: 5px;
          background: #ffffff;
          border: 1px solid #b6d0e7; }
          .mblite .mblite_layout .sidebar_video_list .item .item-thumbnail img,
          .mblite .mblite_layout .sidebar_3d_list .item .item-thumbnail img {
            width: 100%; }
        .mblite .mblite_layout .sidebar_video_list .item .item-text,
        .mblite .mblite_layout .sidebar_3d_list .item .item-text {
          margin-left: 95px;
          padding: 3px 0 2px 0;
          height: 84px;
          position: relative;
          border-bottom: 1px solid #b6d0e7; }
          .mblite .mblite_layout .sidebar_video_list .item .item-text .item-title,
          .mblite .mblite_layout .sidebar_3d_list .item .item-text .item-title {
            color: #008ce5;
            font-weight: bold;
            margin-bottom: 2px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .mblite .mblite_layout .sidebar_video_list .item .item-text .item-desc,
          .mblite .mblite_layout .sidebar_3d_list .item .item-text .item-desc {
            color: #6e7a95;
            margin-bottom: 0;
            overflow: hidden;
            position: relative;
            line-height: 1.2em;
            max-height: 3.6em;
            text-align: justify;
            margin-right: -1em;
            padding-right: 1em; }
          .mblite .mblite_layout .sidebar_video_list .item .item-text .item-duration,
          .mblite .mblite_layout .sidebar_3d_list .item .item-text .item-duration {
            text-align: right;
            margin-bottom: 0;
            position: absolute;
            bottom: 0;
            width: 100%; }
    .mblite .mblite_layout .sidebar_extra_list > a {
      display: block;
      position: relative;
      width: 204px;
      height: 60px;
      padding-top: 22px;
      margin-left: 95px;
      margin-bottom: 10px;
      color: #4379ca;
      border-bottom: 1px solid #b6d0e7;
      background-repeat: no-repeat;
      background-position: bottom left;
      background-color: transparent;
      font-weight: bold;
      cursor: pointer; }
      .mblite .mblite_layout .sidebar_extra_list > a:first-child {
        margin-top: 10px; }
      .mblite .mblite_layout .sidebar_extra_list > a:hover {
        background-color: #ccdbef; }
      .mblite .mblite_layout .sidebar_extra_list > a.extra_item_image {
        background-image: url("../assets/images/mblite_new/extra_icon/image.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/extra_icon/image.png*/; }
      .mblite .mblite_layout .sidebar_extra_list > a.extra_item_imagegallery {
        background-image: url("../assets/images/mblite_new/extra_icon/imagegallery.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/extra_icon/imagegallery.png*/; }
      .mblite .mblite_layout .sidebar_extra_list > a.extra_item_3d {
        background-image: url("../assets/images/mblite_new/extra_icon/3d.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/extra_icon/3d.png*/; }
      .mblite .mblite_layout .sidebar_extra_list > a.extra_item_sound {
        background-image: url("../assets/images/mblite_new/extra_icon/sound.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/extra_icon/sound.png*/; }
      .mblite .mblite_layout .sidebar_extra_list > a.extra_item_soundgallery {
        background-image: url("../assets/images/mblite_new/extra_icon/soundgallery.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/extra_icon/soundgallery.png*/; }
      .mblite .mblite_layout .sidebar_extra_list > a.extra_item_video {
        background-image: url("../assets/images/mblite_new/extra_icon/video.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/extra_icon/video.png*/; }
      .mblite .mblite_layout .sidebar_extra_list > a > a.gotopage {
        position: absolute;
        color: #5d5d5d;
        right: 0;
        bottom: 0;
        font-size: 13px;
        font-weight: normal;
        display: block; }
      .mblite .mblite_layout .sidebar_extra_list > a > .image_background {
        position: absolute;
        left: -85px;
        top: 1px;
        background-color: #fff;
        border: 1px solid #b6d0e7;
        width: 80px;
        height: 78px;
        padding-top: 2px;
        text-align: center; }
        .mblite .mblite_layout .sidebar_extra_list > a > .image_background > img {
          width: 76px;
          height: 76px; }
    .mblite .mblite_layout .sidebar_oldalak {
      padding-bottom: 10px; }
      .mblite .mblite_layout .sidebar_oldalak .oldalak_item {
        margin: 10px 0; }
        .mblite .mblite_layout .sidebar_oldalak .oldalak_item a {
          cursor: pointer;
          display: block !important; }
        .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a {
          display: block;
          /*rtl:ignore*/
          float: left;
          width: 50%;
          text-align: right;
          position: relative; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right {
            /*rtl:ignore*/
            text-align: left; }
            .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right > img {
              border: 1px solid black; }
            .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right.active > img {
              border: 1px solid #a3526b; }
            .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.right > span {
              /*rtl:ignore*/
              right: 25px; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left > img {
            border-top: 1px solid black;
            border-bottom: 1px solid black;
            border-left: 1px solid black; }
            .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left > img.lastItem {
              border-right: 1px solid black; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left.active > img {
            border-top: 1px solid #a3526b;
            border-bottom: 1px solid #a3526b;
            border-left: 1px solid #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.left > span {
            /*rtl:ignore*/
            left: 25px; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a > span {
            position: absolute;
            top: 0;
            color: #5671a3;
            font-weight: bold;
            font-size: 13px; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.hide {
            cursor: default; }
            .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.hide span {
              display: none; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide) .bg_image {
            border: 1px solid #ccd9ea; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).right .bg_image {
            border-left: none; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected-onepage .bg_image {
            z-index: 2;
            border: 2px solid #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected-onepage span {
            color: #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected .bg_color {
            padding: 2px 0 0 2px; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected .bg_draw {
            padding: 2px 0 0 2px; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left .bg_image {
            z-index: 2;
            border: 2px solid #a3526b;
            /*rtl:ignore*/
            border-right: 1px solid #ccd9ea; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left span {
            color: #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left:only-child .bg_image {
            border: 2px solid #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.left[page='1'] .bg_image {
            border: 2px solid #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.right .bg_image {
            border: 2px solid #a3526b;
            /*rtl:ignore*/
            border-left: none; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.right span {
            color: #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a:not(.hide).selected.right[page='1'] .bg_image {
            border: 2px solid #a3526b; }
          .mblite .mblite_layout .sidebar_oldalak .oldalak_item > a.lastItem img {
            border: 1px solid #000; }
        .mblite .mblite_layout .sidebar_oldalak .oldalak_item:first-child > a:not(.hide).right .bg_image {
          border-left: 1px solid #ccd9ea; }
      .mblite .mblite_layout .sidebar_oldalak.onepage .oldalak_item > a {
        width: 100%;
        text-align: center !important; }
        .mblite .mblite_layout .sidebar_oldalak.onepage .oldalak_item > a.left > img {
          border-right: 1px solid black; }
    .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item {
      height: 126px;
      display: block;
      margin-right: 22px;
      margin-left: 6px;
      border: 1px solid transparent;
      color: #5b6c86;
      font-size: 13px; }
      .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected, .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover {
        background-color: #86aee7;
        color: #f1f5fb !important; }
        .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item.selected > .content > span.title, .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item:hover > .content > span.title {
          color: #f1f5fb !important; }
      .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .img {
        float: left;
        width: 126px;
        height: 126px;
        background-color: #f5f3f9; }
        .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .img img {
          width: 100%;
          height: 100%;
          border: 1px solid #fff; }
      .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content {
        float: left;
        width: 157px;
        height: 92px;
        background-color: transparent;
        padding: 0;
        font-family: arial;
        margin-left: 10px;
        word-wrap: break-word; }
        .mblite .mblite_layout .sidebar_kiadvanyaim .kiadvanyaim_item > .content > span.title {
          font-weight: bold;
          font-size: 16px;
          height: 60px;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          overflow: hidden; }
    .mblite .mblite_layout .sidebar_kiadvanyaim a {
      cursor: pointer; }
    .mblite .mblite_layout .sidebar_tartalomjegyzek {
      margin-top: 10px; }
      .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter {
        width: 290px;
        height: 57px;
        display: block;
        margin-left: 10px;
        margin-top: 10px;
        cursor: pointer; }
        .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter > .img {
          border: 1px solid #c1d3fb;
          background-color: #f4f5f9;
          padding: 2px;
          width: 51px;
          height: 51px;
          float: left; }
          .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter > .img > img {
            width: 49px;
            height: 49px;
            border: 1px solid white;
            cursor: pointer; }
        .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_chapter > .text {
          height: 57px;
          width: 214px;
          margin-left: 9px;
          float: left;
          line-height: 57px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #4379b1;
          font-weight: bold;
          cursor: pointer; }
      .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson {
        height: 17px;
        width: 286px;
        margin-left: 10px;
        padding-left: 4px;
        border-bottom: 1px solid #c7d8e7; }
        .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson.selected {
          font-weight: bold; }
        .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson > a {
          cursor: pointer; }
          .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson > a.title {
            float: left;
            width: 246px;
            text-align: left;
            height: 17px;
            line-height: 17px;
            color: #5d5d5d;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .mblite .mblite_layout .sidebar_tartalomjegyzek .sidebar_tartalomjegyzek_lesson > a.page {
            width: 25px;
            height: 17px;
            color: #709ec2;
            text-align: right;
            font-weight: bold;
            float: left; }
    .mblite .mblite_layout .sidebar_content > div[class*='sidebar_'] {
      padding-bottom: 40px; }
      .mblite .mblite_layout .sidebar_content > div[class*='sidebar_'].sidebar_extra_list {
        padding-bottom: 50px; }
    .mblite .mblite_layout .inactive {
      opacity: 0.5;
      filter: alpha(opacity=50); }
      .mblite .mblite_layout .inactive img {
        opacity: 0.5;
        filter: alpha(opacity=50); }
    .mblite .mblite_layout .searchresult_item {
      background-color: #00ff00;
      display: none;
      opacity: 0.5;
      z-index: 500; }
      .mblite .mblite_layout .searchresult_item.selected {
        display: block; }
    .mblite .mblite_layout .window_panel {
      position: fixed; }
  .mblite .tools_list_item_new {
    position: relative;
    margin: 15px 15px 0 20px;
    display: inline;
    outline: 0;
    padding: 0; }
    .mblite .tools_list_item_new.even {
      margin-left: 0; }
    .mblite .tools_list_item_new .tools_list_thumb {
      width: auto;
      height: auto;
      text-align: center; }
    .mblite .tools_list_item_new .tools_title {
      font-size: 11px;
      font-weight: bold;
      color: #fff; }
    .mblite .tools_list_item_new.tools {
      background: url("../assets/images/mblite_new/tools_alap_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/tools_alap_bg.png*/ no-repeat; }
      .mblite .tools_list_item_new.tools .tools_title {
        width: 100%;
        margin-top: -2px;
        overflow: hidden; }
    .mblite .tools_list_item_new.games {
      background: url("../assets/images/mblite/games_item_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/games_item_bg.png*/ no-repeat;
      width: 122px;
      height: 105px;
      overflow: hidden; }
      .mblite .tools_list_item_new.games .tools_title {
        margin-top: -21px;
        margin-left: 21px;
        width: 96px;
        height: 14px;
        line-height: 14px;
        overflow: hidden;
        font-size: 11px;
        z-index: 500; }
  .mblite .mblite_tools_list_item {
    background: #cee2f5;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #cee2f5 0%, #e6f0f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cee2f5', endColorstr='#e6f0f9', GradientType=0);
    /* IE6-9 */
    margin: 1px;
    height: 102px;
    width: 97px;
    outline: 1px solid white;
    text-align: center; }
    .mblite .mblite_tools_list_item .tools_list_thumb {
      padding: 0; }
    .mblite .mblite_tools_list_item a {
      cursor: pointer; }
    .mblite .mblite_tools_list_item .mblite_tools_list_item_link,
    .mblite .mblite_tools_list_item .mblite_tools_list_item_link:hover {
      color: #7e8faf;
      display: block;
      text-align: center;
      font-size: 10px;
      line-height: 14px;
      font-weight: bold;
      white-space: nowrap;
      text-overflow: ellipsis;
      letter-spacing: 1px;
      overflow: hidden; }
  .mblite #kiadvany_felvetele {
    display: block;
    margin: 10px 29px 0 5px;
    color: #678ba8;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    background: #fdfefe;
    background: linear-gradient(#fdfefe, #d8dcdf);
    -pie-background: linear-gradient(#fdfefe, #d8dcdf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFEFE', endColorstr='#D8DCDF', GradientType=0);
    border-radius: 5px;
    text-shadow: 1px 1px #fff; }
    .mblite #kiadvany_felvetele:hover {
      background: #d8dcdf;
      background: linear-gradient(#d8dcdf, #fdfefe);
      -pie-background: linear-gradient(#d8dcdf, #fdfefe);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8DCDF', endColorstr='#FDFEFE', GradientType=0);
      text-shadow: 1px -1px #fff; }
  .mblite #filter-wrapper {
    position: relative; }
    .mblite #filter-wrapper input {
      width: 72%;
      border-radius: 4px;
      border: 1px solid #a9a9a9;
      padding: 2px 5px;
      box-sizing: border-box;
      margin-top: 3px; }
      .mblite #filter-wrapper input::-ms-clear {
        display: none; }
    .mblite #filter-wrapper .mwicon-close_big {
      cursor: pointer;
      right: 104px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 10px;
      display: none; }
    .mblite #filter-wrapper .search_button {
      background: url("../assets/images/domain_mozalearn/search_icon.png")/*tpa=https://cn.mozaweb.com/assets/images/domain_mozalearn/search_icon.png*/ no-repeat;
      position: absolute;
      top: 7px;
      right: 90px;
      height: 15px;
      width: 15px; }
    .mblite #filter-wrapper.width-select input {
      width: 67%;
      margin-right: 10px; }
    .mblite #filter-wrapper.width-select .search_button {
      right: 104px; }
    .mblite #filter-wrapper.width-select .mwicon-close_big {
      right: 118px; }
    .mblite #filter-wrapper.width-select select {
      padding: 2px 5px;
      border-radius: 4px;
      border: 1px solid #a9a9a9; }
    .mblite #filter-wrapper.wide-input input {
      width: 84%; }
    .mblite #filter-wrapper.wide-input .search_button {
      right: 57px; }
    .mblite #filter-wrapper.wide-input .mwicon-close_big {
      right: 75px; }
    .mblite #filter-wrapper .subject-dropdown,
    .mblite #filter-wrapper .extra-dropdown {
      margin: 1px 7px 0 7px; }
      .mblite #filter-wrapper .subject-dropdown .dropdown-toggle i,
      .mblite #filter-wrapper .extra-dropdown .dropdown-toggle i {
        font-size: 30px;
        color: #008ce5; }
        .mblite #filter-wrapper .subject-dropdown .dropdown-toggle i.mwicon-subj_all_2, .mblite #filter-wrapper .subject-dropdown .dropdown-toggle i.mwicon-mt2_sum,
        .mblite #filter-wrapper .extra-dropdown .dropdown-toggle i.mwicon-subj_all_2,
        .mblite #filter-wrapper .extra-dropdown .dropdown-toggle i.mwicon-mt2_sum {
          color: #90b5ee; }
      .mblite #filter-wrapper .subject-dropdown .dropdown-menu > li > a,
      .mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a {
        line-height: 27px;
        cursor: default;
        color: #748093;
        padding: 3px 10px; }
        .mblite #filter-wrapper .subject-dropdown .dropdown-menu > li > a i,
        .mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a i {
          font-size: 25px;
          float: left;
          padding-right: 8px; }
        .mblite #filter-wrapper .subject-dropdown .dropdown-menu > li > a:hover,
        .mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a:hover {
          background-color: #008ce5;
          color: #ffffff; }
    .mblite #filter-wrapper .extra-dropdown .dropdown-toggle i {
      font-size: 30px;
      display: block;
      margin-top: 0px; }
    .mblite #filter-wrapper .extra-dropdown .dropdown-menu > li > a i {
      font-size: 25px;
      margin-top: 0px; }
    .mblite #filter-wrapper .sidebar-video-icon,
    .mblite #filter-wrapper .sidebar-3d-icon {
      font-size: 30px;
      color: #90b5ee;
      margin-left: 5px; }
    .mblite #filter-wrapper .sidebar-separator {
      border-right: 1px solid #90b5ee;
      height: 20px;
      margin-top: 5px; }
  .mblite #paginator {
    height: 28px;
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 200; }
    .mblite #paginator i {
      display: block;
      width: 28px;
      height: 27px;
      cursor: pointer;
      z-index: 1000;
      margin: 0 20px;
      padding: 10px; }
      .mblite #paginator i.prev {
        background: url("../assets/images/mblite/pager/page_prev_sel.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_prev_sel.png*/ no-repeat center center;
        float: left; }
      .mblite #paginator i.next {
        background: url("../assets/images/mblite/pager/page_next_sel.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/pager/page_next_sel.png*/ no-repeat center center;
        float: right; }
  .mblite #audio_list {
    padding: 0 3px;
    max-height: 200px;
    overflow: auto; }
    .mblite #audio_list div {
      background: #324366;
      border-bottom: 1px solid #5b6985;
      cursor: pointer;
      padding: 5px 0; }
      .mblite #audio_list div:last-child {
        border-bottom: none; }
    .mblite #audio_list i,
    .mblite #audio_list span {
      display: inline-block;
      margin: 0 0 0 10px; }
    .mblite #audio_list .speaker {
      width: 11px;
      height: 13px;
      background: url("../assets/images/mblite/audio/speaker.jpg")/*tpa=https://cn.mozaweb.com/assets/images/mblite/audio/speaker.jpg*/ no-repeat; }
    .mblite #audio_list .title {
      color: #61faee;
      font-weight: bold;
      width: 430px;
      white-space: nowrap;
      overflow: hidden; }
    .mblite #audio_list .square {
      width: 14px;
      height: 10px;
      background: url("../assets/images/mblite/audio/square.jpg")/*tpa=https://cn.mozaweb.com/assets/images/mblite/audio/square.jpg*/ no-repeat; }
    .mblite #audio_list .time {
      color: #61faee; }
    .mblite #audio_list .active .speaker,
    .mblite #audio_list div:hover .speaker {
      background: url("../assets/images/mblite/audio/speaker-active.jpg")/*tpa=https://cn.mozaweb.com/assets/images/mblite/audio/speaker-active.jpg*/ no-repeat; }
    .mblite #audio_list .active .title,
    .mblite #audio_list div:hover .title {
      color: #fff; }
    .mblite #audio_list .active .square,
    .mblite #audio_list div:hover .square {
      background: url("../assets/images/mblite/audio/square-active.jpg")/*tpa=https://cn.mozaweb.com/assets/images/mblite/audio/square-active.jpg*/ no-repeat; }
    .mblite #audio_list .active .time,
    .mblite #audio_list div:hover .time {
      color: #fff; }
  .mblite #paginator {
    position: relative; }
  .mblite #audio_image_container {
    position: relative; }
  .mblite #pager_left,
  .mblite #pager_right {
    top: 0;
    display: block;
    width: 25%;
    cursor: pointer;
    position: absolute;
    height: 100%; }
  .mblite #pager_left {
    left: 0; }
    .mblite #pager_left:hover {
      background: url("../modules/jquery.window/assets/images/nyil_prev.png")/*tpa=https://cn.mozaweb.com/modules/jquery.window/assets/images/nyil_prev.png*/ no-repeat center center; }
  .mblite #pager_right {
    right: 0; }
    .mblite #pager_right:hover {
      background: url("../modules/jquery.window/assets/images/nyil_next.png")/*tpa=https://cn.mozaweb.com/modules/jquery.window/assets/images/nyil_next.png*/ no-repeat center center; }
  .mblite .mobile_window #audio_list {
    display: none !important; }
  .mblite .mobile_window #pager_left {
    background: url("../modules/jquery.window/assets/images/nyil_prev.png")/*tpa=https://cn.mozaweb.com/modules/jquery.window/assets/images/nyil_prev.png*/ no-repeat center center; }
  .mblite .mobile_window #pager_right {
    background: url("../modules/jquery.window/assets/images/nyil_next.png")/*tpa=https://cn.mozaweb.com/modules/jquery.window/assets/images/nyil_next.png*/ no-repeat center center; }
  .mblite .iScrollIndicator {
    position: absolute;
    background-color: #ccd9ea;
    width: 8px;
    border: 1px solid #ccd9ea;
    border-radius: 8px; }
  .mblite .iScrollHorizontalScrollbar {
    position: absolute;
    z-index: 9999;
    height: 10px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    overflow: hidden;
    background-color: #e2e9f4;
    border: 1px solid #e2e9f4;
    border-radius: 8px; }
    .mblite .iScrollHorizontalScrollbar.iScrollBothScrollbars {
      right: 18px; }
  .mblite .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 10px;
    top: 8px;
    bottom: 8px;
    right: 8px;
    overflow: hidden; }
    .mblite .iScrollVerticalScrollbar.iScrollBothScrollbars {
      bottom: 18px; }
  .mblite .extra_searchresult .lexikon_item.lexikontype_IMAGE {
    min-height: inherit; }
  .mblite .tools_state_states a,
  .mblite .tools_state_states span {
    color: #4f6a9a; }
  .mblite #collaborativeLoginApp {
    padding: 20px 40px 20px 40px;
    background-color: #ffffff;
    position: fixed;
    width: 570px;
    height: 260px;
    left: 50%;
    top: 50%;
    margin-left: -305px;
    margin-top: -110px;
    border: 1px solid #dedaeb;
    border-radius: 5px;
    text-align: center;
    box-shadow: 5px 5px 10px 0 rgba(92, 100, 133, 0.58);
    z-index: 9999; }
    .mblite #collaborativeLoginApp p {
      margin: 0; }
    .mblite #collaborativeLoginApp .collab_renew,
    .mblite #collaborativeLoginApp .collab_share {
      background-image: url("../assets/images/mblite/collaborative_sprite.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite/collaborative_sprite.png*/;
      background-repeat: no-repeat;
      width: 17px;
      height: 17px;
      display: block; }
    .mblite #collaborativeLoginApp .collab_renew {
      background-position: -3px -1px;
      position: absolute;
      right: 40px;
      top: 16px;
      cursor: pointer; }
    .mblite #collaborativeLoginApp .collab_share {
      background-position: -24px -1px;
      position: absolute;
      right: 20px;
      top: 9px; }
    .mblite #collaborativeLoginApp .collab_title {
      font-size: 22px;
      color: #558ada;
      padding-bottom: 24px; }
    .mblite #collaborativeLoginApp .collab_label {
      font-size: 15px;
      font-weight: bold;
      color: #5b6c86;
      margin-left: 4px;
      text-align: left;
      margin-bottom: 5px; }
    .mblite #collaborativeLoginApp .general_input {
      width: 200px;
      text-align: left; }
    .mblite #collaborativeLoginApp .collab_data_block {
      text-align: center;
      position: relative; }
      .mblite #collaborativeLoginApp .collab_data_block input {
        float: left; }
    .mblite #collaborativeLoginApp .general_submit {
      width: 90px;
      margin-top: 25px;
      margin-left: 50px; }
    .mblite #collaborativeLoginApp .collab_room_id {
      font-size: 37px;
      font-weight: bold;
      color: #696b7e;
      text-align: center;
      padding-bottom: 10px; }
    .mblite #collaborativeLoginApp .close {
      position: absolute;
      width: 24px;
      height: 24px;
      background: url("../assets/images/mozadialog/close.png")/*tpa=https://cn.mozaweb.com/assets/images/mozadialog/close.png*/;
      display: block;
      cursor: pointer;
      right: 7px;
      top: 7px; }
    .mblite #collaborativeLoginApp .collab_separator {
      float: left;
      width: 1px;
      height: 200px;
      background-color: #d5d6db;
      display: block;
      margin-top: 8px; }
    .mblite #collaborativeLoginApp .collab_left_side {
      float: left;
      width: 280px; }
      .mblite #collaborativeLoginApp .collab_left_side .collab_title {
        padding-right: 40px; }
      .mblite #collaborativeLoginApp .collab_left_side .collab_data_block {
        padding-right: 40px; }
    .mblite #collaborativeLoginApp .collab_right_side {
      float: right;
      width: 280px; }
      .mblite #collaborativeLoginApp .collab_right_side .collab_title {
        padding-left: 40px; }
      .mblite #collaborativeLoginApp .collab_right_side .general_input {
        width: 220px; }
      .mblite #collaborativeLoginApp .collab_right_side .collab_data_block {
        padding-left: 40px; }
  .mblite #collaborativeChatApp .general_submit {
    float: right;
    margin-right: 10px;
    margin-top: -5px; }
  .mblite .window_panel .position_center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mblite .window_panel .window_frame {
    background: #f1f5fb; }
  .mblite .window_panel.right {
    right: 0 !important;
    left: auto !important; }
  .mblite .window_panel.left {
    left: 0 !important;
    right: auto !important; }
  .mblite .window_panel.collaborative .collaborative_chat_window {
    position: relative; }
  .mblite .window_panel.collaborative .room_settings_wrapper {
    color: #9ab6dd; }
    .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_closed {
      max-width: 130px;
      float: left;
      overflow: hidden;
      font-size: 14px;
      line-height: 40px;
      padding-left: 10px; }
    .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_basic {
      padding-top: 10px;
      padding-bottom: 10px; }
    .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_name {
      float: left;
      padding-left: 10px;
      line-height: 20px;
      font-size: 18px;
      max-width: 140px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin {
      background-color: #f1f5fb;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      z-index: 900;
      color: #5b6c86; }
      .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_wrapper {
        padding: 15px;
        background-color: #f1f5fb;
        border-bottom: 1px solid #c4d4e3; }
        .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_wrapper .room_settings_leave_wrapper {
          float: right;
          padding-right: 10px; }
      .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_title {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 5px; }
      .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin h2 {
        font-size: 48px;
        margin-top: 0;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .room_settings_admin_room_close_wrapper {
        padding-top: 30px; }
      .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .form-control, .mblite .window_panel.collaborative .room_settings_wrapper .room_settings_admin .cke_editable {
        box-sizing: border-box; }
    .mblite .window_panel.collaborative .room_settings_wrapper .room_user_can_invite {
      display: block; }
    .mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-enter {
      transition: 0.5s linear all;
      opacity: 0; }
      .mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-enter.ng-enter-active {
        opacity: 1; }
    .mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-leave {
      transition: 0.5s linear all;
      opacity: 1; }
      .mblite .window_panel.collaborative .room_settings_wrapper .collaborative_chat_window_animate_fade.ng-leave.ng-leave-active {
        opacity: 0; }
  .mblite .window_panel.collaborative .collaborative_room_settings {
    background: url("../assets/images/mblite_new/collaborative-chat-ico.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/collaborative-chat-ico.png*/ top left no-repeat;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: -12px -226px; }
    .mblite .window_panel.collaborative .collaborative_room_settings.active {
      background-position: -12px -257px; }
  .mblite .window_panel.collaborative .chat_window .ico {
    background: url("../assets/images/mblite_new/collaborative-chat-ico.png")/*tpa=https://cn.mozaweb.com/assets/images/mblite_new/collaborative-chat-ico.png*/ top left no-repeat;
    display: inline-block; }
  .mblite .window_panel.collaborative .chat_window .ico-order-desc {
    width: 24px;
    height: 18px;
    background-position: -10px -171px; }
  .mblite .window_panel.collaborative .chat_window .ico-order-asc {
    width: 24px;
    height: 18px;
    background-position: -10px -199px; }
  .mblite .window_panel.collaborative .chat_window .online_users_title_wrapper {
    padding: 8px 0; }
  .mblite .window_panel.collaborative .chat_window .online_users_title {
    float: left;
    color: #9fb6d3;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold; }
  .mblite .window_panel.collaborative .chat_window .online_users_order {
    float: right;
    padding-right: 10px; }
  .mblite .window_panel.collaborative .chat_window .online_users_list {
    overflow: hidden;
    position: relative; }
    .mblite .window_panel.collaborative .chat_window .online_users_list ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .mblite .window_panel.collaborative .chat_window .online_users_list ul li {
        padding-left: 0;
        line-height: 29px;
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #c4d4e3; }
        .mblite .window_panel.collaborative .chat_window .online_users_list ul li .group_name {
          padding-left: 15px;
          font-weight: bold;
          cursor: pointer; }
        .mblite .window_panel.collaborative .chat_window .online_users_list ul li .user_list li {
          padding-left: 15px; }
        .mblite .window_panel.collaborative .chat_window .online_users_list ul li.user_offline {
          font-style: italic;
          color: #a0a0a0; }
        .mblite .window_panel.collaborative .chat_window .online_users_list ul li:first-child {
          border-top: 1px solid #c4d4e3; }
    .mblite .window_panel.collaborative .chat_window .online_users_list .online_users_list_bullet {
      width: 5px;
      height: 5px;
      border-radius: 5px;
      float: left;
      display: block;
      margin-top: 11px;
      margin-right: 5px;
      border: 1px solid #c4d4e3;
      margin-left: 5px; }
    .mblite .window_panel.collaborative .chat_window .online_users_list .online_users_list_name {
      float: left; }
    .mblite .window_panel.collaborative .chat_window .online_users_list .chat_message_right_draw {
      float: left;
      margin-top: 5px;
      color: #9fb6d3; }
    .mblite .window_panel.collaborative .chat_window .online_users_list .chat_message_right_message {
      float: left;
      margin-top: 5px; }
  .mblite .window_panel.collaborative .chat_window .collaborative_chat_window.user_is_admin .online_users_list .chat_message_right_draw {
    cursor: pointer; }
  .mblite .window_panel.collaborative .chat_window .collaborative_invite_submit_button {
    border: 0 none;
    padding: 0;
    margin: 15px 10px 0 0;
    float: right;
    background: transparent; }
  .mblite .window_panel.collaborative .chat_window .collaborative_invite_input_wrapper {
    float: left; }
    .mblite .window_panel.collaborative .chat_window .collaborative_invite_input_wrapper .tagit-new {
      width: 100%; }
  .mblite .window_panel.collaborative .chat_window .chat_window_wrapper {
    overflow: hidden;
    position: relative;
    z-index: 800; }
  .mblite .window_panel.collaborative .chat_window .chat_send {
    border: 0 none;
    padding: 0;
    margin: 10px 10px 0 0;
    float: right;
    background: transparent; }
  .mblite .window_panel.collaborative .chat_window .chat_send_wrapper input[type='text'] {
    width: 240px;
    height: 24px;
    border: 0 none;
    background-color: #ffffff;
    margin: 15px;
    padding: 1px 5px; }
  .mblite .window_panel.collaborative .chat_window .chat_messages {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0; }
    .mblite .window_panel.collaborative .chat_window .chat_messages li {
      list-style: none;
      margin: 0;
      color: #5b6c86;
      padding-bottom: 20px; }
      .mblite .window_panel.collaborative .chat_window .chat_messages li:first-child {
        padding-top: 10px; }
      .mblite .window_panel.collaborative .chat_window .chat_messages li:last-child {
        padding-bottom: 0; }
      .mblite .window_panel.collaborative .chat_window .chat_messages li .chat_message_bullet {
        width: 5px;
        height: 5px;
        border-radius: 5px;
        float: left;
        display: block;
        margin-top: 11px;
        margin-right: 5px;
        border: 1px solid #c4d4e3; }
  .mblite #collaborative_invite_input {
    width: 240px;
    height: 24px;
    border: 0 none;
    border-radius: 0;
    background-color: #fff;
    margin: 15px; }
    .mblite #collaborative_invite_input .tagit-new {
      padding: 0; }
    .mblite #collaborative_invite_input.focus {
      outline: -webkit-focus-ring-color auto 5px; }
  .mblite .collaborative_cursor {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    display: block;
    font-size: 10px; }
    .mblite .collaborative_cursor svg {
      height: 14px;
      width: auto;
      float: left; }
    .mblite .collaborative_cursor .collaborative_cursor_name {
      padding: 1px 3px;
      float: left;
      margin-left: 2px;
      opacity: 0.75; }
  @media (max-width: 1110px) {
    .mblite .mblite_layout .mblite_menu_bottom .mozaik_logo {
      display: none; }
    .mblite .mblite_layout .mblite_menu_top .nav_menu a {
      margin-right: 10px;
      font-size: 15px; } }
  @media (max-width: 720px) {
    .mblite .mblite_layout .mblite_menu_bottom .mozaik_logo {
      display: none; } }
  .mblite .mblite_container .cw_button {
    position: absolute; }
    .mblite .mblite_container .cw_button i {
      background: url("../assets/images/classwork/function_icons.png")/*tpa=https://cn.mozaweb.com/assets/images/classwork/function_icons.png*/ -90px 0;
      width: 35px;
      height: 31px;
      position: absolute;
      cursor: pointer;
      z-index: 100; }
    .mblite .mblite_container .cw_button.left {
      left: 0;
      display: none; }
    .mblite .mblite_container .cw_button.right {
      left: 50%;
      display: none; }
  .mblite .general_submit,
  .mblite .general_big_submit {
    padding: 5px 25px 5px 25px;
    margin: 0;
    background-color: #558ada;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer; }
  .mblite .mediaLibraryExtraBrowser {
    background: #f5f4f9;
    z-index: 100; }
    .mblite .mediaLibraryExtraBrowser * {
      box-sizing: border-box; }
    .mblite .mediaLibraryExtraBrowser:focus {
      outline: none; }
    .mblite .mediaLibraryExtraBrowser.ui-dialog {
      padding: 0;
      border: 1px solid #dbe5f3;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; }
    .mblite .mediaLibraryExtraBrowser .ui-dialog-titlebar {
      position: absolute;
      z-index: 1;
      width: 99.25%;
      height: 78px; }
      .mblite .mediaLibraryExtraBrowser .ui-dialog-titlebar .ui-dialog-titlebar-close {
        top: 0;
        right: 0;
        margin: 0; }
    .mblite .mediaLibraryExtraBrowser .ui-dialog-content {
      padding: 0;
      overflow: hidden; }
      .mblite .mediaLibraryExtraBrowser .ui-dialog-content img {
        margin-bottom: inherit; }
      .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header {
        height: 72px;
        border-bottom: 1px solid #c5cfde;
        text-align: left;
        min-width: 850px;
        padding: 4px 18px; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header input,
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header select,
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header select option {
          font-size: 15px;
          width: initial;
          position: relative;
          z-index: 3;
          margin-right: 10px;
          height: 34px; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .searchbar {
          float: left;
          clear: none;
          /* bootstrap override */
          border-top: none;
          /* bootstrap override */
          padding: 13px 0 0 135px;
          margin: 0;
          /* bootstrap override */
          text-align: left; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .searchbar ul {
            margin: 0;
            padding: 0; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .searchbar ul li {
              margin-right: 0;
              padding-right: 0; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .searchbar.title-row-links ul li {
            display: inline-block;
            /* bootstrap override */ }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .searchbar .sbHolder {
            float: left;
            margin-top: 2px;
            margin-left: 10px; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select,
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select {
          z-index: 3;
          padding: 0;
          border-radius: 3px;
          border: 2px solid #6192e8; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-selected,
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select .dd-selected {
            padding: 0 6px; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-selected .dd-selected-image,
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select .dd-selected .dd-selected-image {
              max-height: 39px; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-pointer-container,
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select .dd-pointer-container {
            border-left: 1px #c7d3e5 solid;
            height: 100%;
            top: 0;
            position: absolute;
            right: 0; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-pointer-container .dd-pointer,
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select .dd-pointer-container .dd-pointer {
              position: relative;
              top: 0;
              right: 0;
              margin: 15px 6px 12px;
              display: inline-block; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-pointer-container .dd-pointer-up,
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select .dd-pointer-container .dd-pointer-up {
              margin-top: 10px; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-options .dd-option,
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-options .dd-option {
          padding: 2px; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector {
          margin: 0 10px 10px 0;
          z-index: 50;
          position: absolute;
          left: 0;
          top: 0;
          float: none; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select {
            border-radius: 0;
            border: 0;
            width: 124px !important;
            height: 70px;
            padding-top: 5px;
            background: inherit;
            border-right: 1px solid #c5cfde; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-selected {
            width: 105px;
            padding: 0; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-selected small {
              text-align: center;
              color: #d6dded;
              font-size: 12px;
              overflow: visible;
              text-overflow: initial;
              line-height: 1em;
              vertical-align: middle;
              min-height: 25px;
              display: block;
              white-space: initial; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-pointer-container {
            border-left: 0; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-pointer-container .dd-pointer {
              margin: 30px 6px 12px; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-container .dd-select .dd-pointer-container .dd-pointer-up {
              margin-top: 25px; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options {
            width: 114px !important; }
            .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options li {
              float: left; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options,
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options li {
            box-sizing: content-box; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options .dd-option {
            width: 53px;
            height: 40px;
            display: block;
            box-sizing: content-box; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options .dd-option .dd {
            width: 53px;
            height: 40px;
            display: block; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options .dd-option small {
            display: none; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .typeselector .dd-options .dd-option .dd-option-image {
            width: 24px;
            margin: 8px auto;
            float: none;
            display: block; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector {
          padding-top: 12px; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select {
            border: 1px solid #c7d3e5;
            background: #fff !important; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-select .dd-selected .dd-selected-image {
            max-height: inherit; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .formatselector .dd-container .dd-options .dd-option .dd-option-image {
            max-height: inherit; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .header .mozaLibrary {
          background-image: url("editor/browse/mozalibrary.png")/*tpa=https://cn.mozaweb.com/css2/editor/browse/mozalibrary.png*/;
          background-position: center top;
          background-repeat: no-repeat;
          display: inline-block;
          min-width: 36px;
          height: 16px;
          padding-top: 44px;
          margin-left: 70px;
          color: #6d82a3;
          font-size: 13px;
          position: relative;
          z-index: 5;
          text-align: center; }
      .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult {
        overflow-y: scroll;
        padding: 10px;
        background-color: white;
        height: 85%;
        /* mobilon/tableten force-oljuk a scrollbar megjelenítését */ }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 6px; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult::-webkit-scrollbar-thumb {
          border-radius: 3px;
          background-color: rgba(0, 0, 0, 0.5); }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult.loading {
          background-image: url("../assets/images/ajax-loader-nagy.gif")/*tpa=https://cn.mozaweb.com/assets/images/ajax-loader-nagy.gif*/;
          background-position: center 70px;
          background-repeat: no-repeat; }
        .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult .media-item {
          min-height: 260px; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult .media-item h4 {
            font-size: 0.8em;
            overflow: hidden; }
          .mblite .mediaLibraryExtraBrowser .ui-dialog-content .extra_searchresult .media-item p {
            display: none; }
    .mblite .mediaLibraryExtraBrowser .lexikon_item {
      float: left;
      position: relative;
      padding: 5px 1px 5px 5px;
      background: #fafafc;
      border: 1px solid #c9d2e2;
      margin-right: 7px; }
    .mblite .mediaLibraryExtraBrowser .lexikon_content .lexdesc {
      font-size: 12px;
      color: #5b6c86;
      line-height: 14px;
      max-height: 42px;
      overflow: hidden;
      margin-bottom: 5px;
      height: 42px;
      text-align: left; }
    .mblite .mediaLibraryExtraBrowser .header .typeselector #select_lexikontypeid {
      width: 124px !important;
      height: 70px; }

#mblite_editor .mb_content .pages .pager_big > a.left {
  background-image: url("editor/pager/page_prev.png")/*tpa=https://cn.mozaweb.com/css2/editor/pager/page_prev.png*/; }
  #mblite_editor .mb_content .pages .pager_big > a.left:hover {
    background-image: url("editor/pager/page_prev_click.png")/*tpa=https://cn.mozaweb.com/css2/editor/pager/page_prev_click.png*/; }
  #mblite_editor .mb_content .pages .pager_big > a.left.disabled {
    background-image: url("editor/pager/page_prev_disabled.png")/*tpa=https://cn.mozaweb.com/css2/editor/pager/page_prev_disabled.png*/; }

#mblite_editor .mb_content .pages .pager_big > a.right {
  background-image: url("editor/pager/page_next.png")/*tpa=https://cn.mozaweb.com/css2/editor/pager/page_next.png*/; }
  #mblite_editor .mb_content .pages .pager_big > a.right:hover {
    background-image: url("editor/pager/page_next_click.png")/*tpa=https://cn.mozaweb.com/css2/editor/pager/page_next_click.png*/; }
  #mblite_editor .mb_content .pages .pager_big > a.right.disabled {
    background-image: url("editor/pager/page_next_disabled.png")/*tpa=https://cn.mozaweb.com/css2/editor/pager/page_next_disabled.png*/; }

.layer-wrapper {
  padding: 5px 15px; }
  .layer-wrapper [class^='mwicon-mbl_m_layer_']:after {
    color: #a4b8d5;
    font-size: 33px;
    display: inline-block;
    height: 100%;
    width: 33px;
    vertical-align: middle; }
  .layer-wrapper div[class*='layer-'] {
    position: relative;
    margin: 5px 0;
    text-align: left; }
    .layer-wrapper div[class*='layer-'] label {
      vertical-align: middle;
      height: 100%;
      margin: 0 10px;
      cursor: pointer; }
      .layer-wrapper div[class*='layer-'] label i {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
        color: #b5cde1; }
        .layer-wrapper div[class*='layer-'] label i:after {
          font-size: 24px; }
    .layer-wrapper div[class*='layer-'] .layer-title {
      font: bold 12px Arial; }
    .layer-wrapper div[class*='layer-'] .textDimensionCalculation {
      position: absolute;
      visibility: hidden;
      height: auto;
      width: auto;
      white-space: nowrap; }
    .layer-wrapper div[class*='layer-'] .right {
      position: absolute;
      right: 0;
      height: 20px;
      top: 0;
      bottom: 0;
      margin: auto; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'] + label[for*='visibility'],
    .layer-wrapper div[class*='layer-'] input[type='radio'] + label[for*='visibility'] {
      color: #637ca0;
      max-width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked ~ span label[for*='visibility'],
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked ~ label[for*='visibility'] {
      color: #455771; }
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked ~ span label[for*='visibility'] i,
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked ~ label[for*='visibility'] i {
        color: #5a90bc;
        font-family: "mwicon" !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; }
        .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked ~ span label[for*='visibility'] i:after,
        .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked ~ label[for*='visibility'] i:after {
          content: ""; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked:disabled ~ span label[for*='visibility'],
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked:disabled ~ label[for*='visibility'] {
      color: #d2d9e3; }
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked:disabled ~ span label[for*='visibility'] i,
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked:disabled ~ label[for*='visibility'] i {
        color: #a7badc;
        cursor: not-allowed;
        opacity: 0.5;
        font-family: "mwicon" !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; }
        .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked:disabled ~ span label[for*='visibility'] i:after,
        .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:checked:disabled ~ label[for*='visibility'] i:after {
          content: ""; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:disabled ~ span label[for*='visibility'],
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:disabled ~ label[for*='visibility'] {
      color: #8396b3; }
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:disabled ~ span label[for*='visibility'] i,
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='visibility']:disabled ~ label[for*='visibility'] i {
        color: #ccd7eb;
        cursor: not-allowed;
        opacity: 0.5; }
    .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:checked ~ span label[for*='editable'] i,
    .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:checked ~ label[for*='editable'] i {
      color: #5a90bc;
      font-family: "mwicon" !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; }
      .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:checked ~ span label[for*='editable'] i:after,
      .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:checked ~ label[for*='editable'] i:after {
        content: ""; }
    .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:checked:disabled ~ span label[for*='editable'] i,
    .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:checked:disabled ~ label[for*='editable'] i {
      color: #a7badc;
      cursor: not-allowed;
      opacity: 0.5; }
    .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:disabled ~ span label[for*='editable'] i,
    .layer-wrapper div[class*='layer-'] input[type='radio'][id*='editable']:disabled ~ label[for*='editable'] i {
      color: #ccd7eb;
      cursor: not-allowed;
      opacity: 0.5; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked ~ span label[for*='anim'] i,
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked ~ label[for*='anim'] i {
      color: #5a90bc;
      font-family: "mwicon" !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; }
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked ~ span label[for*='anim'] i:after,
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked ~ label[for*='anim'] i:after {
        content: ""; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked:disabled ~ span label[for*='anim'] i,
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked:disabled ~ label[for*='anim'] i {
      color: #a7badc;
      cursor: not-allowed;
      opacity: 0.5;
      font-family: "mwicon" !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; }
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked:disabled ~ span label[for*='anim'] i:after,
      .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:checked:disabled ~ label[for*='anim'] i:after {
        content: ""; }
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:disabled ~ span label[for*='anim'] i,
    .layer-wrapper div[class*='layer-'] input[type='checkbox'][id*='anim']:disabled ~ label[for*='anim'] i {
      color: #ccd7eb;
      cursor: not-allowed;
      opacity: 0.5; }

.ui-dialog.mozaDialog.mediaLibraryBrowser {
  font-family: Open Sans Web, sans-serif; }
  .ui-dialog.mozaDialog.mediaLibraryBrowser .header {
    background-color: #3257a7;
    height: 71px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .header .mozaLibrary, .ui-dialog.mozaDialog.mediaLibraryBrowser .header .toolStates {
      opacity: 0.4; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .header [name="subject_azon"] {
      width: 150px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .header a.mozaLibrary.lexikon_states_place_all {
      background-image: url("../assets/images/pin.png")/*tpa=https://cn.mozaweb.com/assets/images/pin.png*/;
      background-size: 28px;
      width: 135px;
      opacity: 1; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .header .mozaLibrary.active,
    .ui-dialog.mozaDialog.mediaLibraryBrowser .header .toolStates.active,
    .ui-dialog.mozaDialog.mediaLibraryBrowser .header .new_item {
      opacity: 1; }
  .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_content .lextitle {
    font-size: 12px;
    text-align: left;
    line-height: 16px;
    color: #558ada;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    font-weight: bold; }
  .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item {
    margin-bottom: 5px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item.lexikon_column_3 {
      width: 205px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .lexikon_box_shadow {
      width: 232px;
      height: 20px;
      position: absolute;
      background: url("../assets/images/nyitolap_uj/box_shadow.png")/*tpa=https://cn.mozaweb.com/assets/images/nyitolap_uj/box_shadow.png*/ no-repeat center center;
      left: -16px;
      bottom: -15px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .selected_3d_scene {
      width: 85%;
      float: left; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .lexikon_thumbnail_div {
      position: relative; }
      .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .lexikon_thumbnail_div .leximgframe {
        position: relative;
        z-index: 2;
        max-height: 105px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .edit_btn {
      position: absolute;
      bottom: 7px;
      right: 5px; }
      .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item .edit_btn img {
        vertical-align: middle; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item select {
      font-family: Open Sans Web, sans-serif;
      webkit-appearance: none;
      -moz-appearance: none;
      background-image: url("../assets/images/caret-down.png")/*tpa=https://cn.mozaweb.com/assets/images/caret-down.png*/ !important;
      background-repeat: no-repeat;
      background-position: 96% center;
      background-size: 8px;
      padding-left: 8px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 3px;
      border: 1px solid #c6d2e5;
      color: #707172;
      background-color: #eee;
      font-size: 12px;
      height: 20px; }
    .ui-dialog.mozaDialog.mediaLibraryBrowser .ui-dialog-content .extra_searchresult .lexikon_item select option {
      line-height: 14px;
      padding-left: 3px;
      box-sizing: border-box; }

/*
 * Új media library css design
 */
.ui-dialog.mozaDialog.mediaLibrary {
  font-family: Arial, sans-serif;
  z-index: 100;
  padding: 0;
  border-radius: 5px;
  overflow: hidden; }
  .ui-dialog.mozaDialog.mediaLibrary, .ui-dialog.mozaDialog.mediaLibrary * {
    box-sizing: border-box; }
  .ui-dialog.mozaDialog.mediaLibrary .dropdown-select {
    position: relative;
    display: inline-block; }
    .ui-dialog.mozaDialog.mediaLibrary .dropdown-select button {
      padding: 0;
      margin: 0;
      border: none; }
    .ui-dialog.mozaDialog.mediaLibrary .dropdown-select.open .fa-caret-down:before {
      content: "\f0d8"; }
    .ui-dialog.mozaDialog.mediaLibrary .dropdown-select ul {
      border-radius: 0;
      border: 1px solid #ccc;
      border-bottom: none;
      padding: 0;
      margin: 0; }
      .ui-dialog.mozaDialog.mediaLibrary .dropdown-select ul li > a {
        padding: 12px 12px 12px 44px;
        max-width: initial;
        color: #7082a4;
        border-bottom: 1px solid #dddddd; }
        .ui-dialog.mozaDialog.mediaLibrary .dropdown-select ul li > a:hover {
          background-color: #f6f6f6 !important; }
  .ui-dialog.mozaDialog.mediaLibrary select[name=grade] + .sbHolder {
    display: none; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-mode-myAccount select[name=grade] + .sbHolder, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-mode-institute select[name=grade] + .sbHolder, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool select[name=grade] + .sbHolder, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game select[name=grade] + .sbHolder {
    display: inline-block; }
  .ui-dialog.mozaDialog.mediaLibrary:not(.mediaLibrary-layout-compact) .lexikon_image {
    padding-top: 62.9268%;
    overflow: hidden;
    position: relative; }
    .ui-dialog.mozaDialog.mediaLibrary:not(.mediaLibrary-layout-compact) .lexikon_image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 1;
      border: 1px solid #cad2e3;
      border-bottom: none; }
    .ui-dialog.mozaDialog.mediaLibrary:not(.mediaLibrary-layout-compact) .lexikon_image .img_boxshadow {
      content: " ";
      width: 100%;
      height: 20px;
      position: absolute;
      background: url(../assets/images/nyitolap_uj/box_shadow.png)/*tpa=https://cn.mozaweb.com/assets/images/nyitolap_uj/box_shadow.png*/ no-repeat center top -3px #fff;
      left: 0;
      margin-top: -21px;
      z-index: 0;
      border-top: 1px solid #cad2e3; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool .ml-btn-toolStates {
    display: inline-block !important; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool select[name=grade] + .sbHolder, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game select[name=grade] + .sbHolder {
    display: inline-block; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool .lexikon_image img, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game .lexikon_image img {
    border: none !important; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool:not(.mediaLibrary-mode-toolStates) #ml-content, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game:not(.mediaLibrary-mode-toolStates) #ml-content {
    --auto-grid-min-size: 10rem; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem {
    padding: 0 2px 4px !important;
    margin: 1px !important;
    border: none !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cee2f5), color-stop(100%, #e6f0f9)) !important;
    color: #5d6c87; }
    .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .img_boxshadow, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .img_boxshadow {
      display: none; }
    .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .lexikon_image, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .lexikon_image {
      padding-top: 0; }
      .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .lexikon_image img, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .lexikon_image img {
        width: 85px;
        height: 85px !important;
        margin: 0 auto;
        position: relative; }
    .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-tool:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .lexikontitle, .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-extraType-game:not(.mediaLibrary-mode-toolStates) .ml-lexikonitem .lexikontitle {
      color: #708596 !important;
      text-align: center;
      padding: 3px !important;
      font-size: 10px !important; }
  .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content {
    --auto-grid-min-size: 25rem; }
    .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem {
      padding-bottom: 10px !important; }
      .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_image {
        float: left;
        width: 65px;
        height: 65px; }
        .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_image img {
          width: 100%; }
        .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_image .img_boxshadow {
          display: none; }
      .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data {
        margin-left: 70px;
        position: static;
        height: 100%; }
        .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .lexikontitle {
          text-align: left;
          padding: 0 5px 0 0 !important; }
        .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .description {
          margin-bottom: 0;
          margin-top: 4px;
          -webkit-line-clamp: 2;
          line-height: 15px;
          max-height: 30px; }
        .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer {
          position: static;
          bottom: initial;
          left: initial;
          overflow: hidden;
          padding: 0; }
          .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer .ml-actions {
            position: absolute;
            bottom: 10px;
            right: 5px; }
          .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer .extra-info {
            font-size: 12px;
            height: 16px; }
            .ui-dialog.mozaDialog.mediaLibrary.mediaLibrary-layout-compact #ml-content .ml-lexikonitem .lexikon_data .ml-footer .extra-info span {
              display: inline-block; }
  .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-titlebar {
    height: 64px;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    padding: 0;
    z-index: 1; }
    .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-titlebar .ui-dialog-titlebar-close {
      top: 5px;
      right: 5px;
      z-index: 2; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
        color: #d6dded !important; }
  .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content {
    padding: 0;
    text-align: left;
    border-bottom: 5px solid #fff; }
    .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ui-resizable-s {
      bottom: -1px !important;
      height: 10px !important; }
    .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header {
      background-color: #3257a7;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 3px solid #fcef1d;
      width: 100%;
      display: inline-block;
      font-size: 12.5px;
      vertical-align: top; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header > div {
        display: inline-block;
        float: left; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype {
        width: 101px;
        height: 64px;
        border-right: 1px solid #4768b0;
        z-index: 2;
        background-color: #2d4e96; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button {
          width: 100px;
          height: 100%;
          position: relative;
          text-align: center; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button > div {
            width: 100%;
            height: 100%;
            padding-top: 2px;
            position: relative; }
            .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button > div .lexikontype-text {
              display: block;
              color: #fff; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype button .dropdown-arrow-container {
            float: left;
            width: 25px;
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            color: #f8f9fa;
            padding: 21px 0;
            font-size: 16px; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options {
          min-width: 116px; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li {
            width: 57px;
            height: 40px;
            float: left; }
            .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_lexikontype ul.select_ordeby_options li a {
              display: inline-block;
              position: relative;
              width: 100%;
              height: 100%; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat {
        margin: 15px 12px; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button {
          background-color: #c2cde5;
          border-radius: 3px;
          border: 1px solid #819ee2; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button img {
            padding: 3px 8px;
            float: left;
            border-right: 1px solid #819ee2; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .select_insertformat button .dropdown-arrow-container {
            display: inline-block;
            padding: 7px 0px;
            color: #000;
            width: 22px; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container {
        padding: 0 12px;
        position: relative;
        z-index: 2;
        height: 64px; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn {
          display: inline-block;
          padding: 42px 15px 5px;
          color: #fff;
          opacity: 0.4;
          transition: ease-in opacity .2s, ease-in width .2s;
          float: left; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-btn-toolStates {
            display: none; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-btn-active, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-btn:hover {
            opacity: 1; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container .ml-btn.ml-hidden {
            display: none; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container.ml-header-right {
          border-left: 2px solid #5170b4;
          margin-right: 32px; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .ml-header .ml-header-container.ml-header-right .insertformat_out {
            padding: 15px 12px;
            display: inline-block;
            float: left; }
    .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar {
      background: #f1f5fb;
      border-bottom: 1px solid #c5cfde;
      padding: 0 15px;
      text-align: left;
      display: inline-block;
      width: 100%; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text] {
        border: 1px solid #c6d2e5;
        border-radius: 5px;
        height: 25px;
        padding: 0 10px; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text]::-webkit-input-placeholder {
          color: #acbad0;
          font-style: italic;
          text-transform: lowercase; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text]:-ms-input-placeholder {
          color: #acbad0;
          font-style: italic;
          text-transform: lowercase; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar input[type=text]::placeholder {
          color: #acbad0;
          font-style: italic;
          text-transform: lowercase; }
      .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div {
        margin: 8px 0 3px; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search {
          position: relative;
          display: inline-block; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .searchbox {
            width: 175px;
            background-color: #fff; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .search-button {
            position: absolute;
            width: 19px;
            height: 21px;
            top: 2px;
            right: 2px;
            background: url(../css/editor/browse/search.png)/*tpa=https://cn.mozaweb.com/css/editor/browse/search.png*/ no-repeat center right -2px #fff;
            cursor: pointer;
            background-size: 17px; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div.text-search .reset-search {
            color: #c6d2e5;
            position: absolute;
            right: 22px;
            top: 5px;
            cursor: pointer; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .form-group {
          margin-bottom: 0 !important;
          margin-right: 5px; }
          .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .form-group .form-control, .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .form-group .cke_editable {
            font-size: 12px;
            padding: 3px 12px; }
        .ui-dialog.mozaDialog.mediaLibrary .ui-dialog-content .searchbar form > div .select_orderby {
          float: right;
          margin-left: 18px; }
  .ui-dialog.mozaDialog.mediaLibrary .sbHolder {
    margin: 0;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 5px !important; }
    .ui-dialog.mozaDialog.mediaLibrary .sbHolder .sbOptions {
      white-space: nowrap;
      width: auto !important; }
  .ui-dialog.mozaDialog.mediaLibrary .sbToggle, .ui-dialog.mozaDialog.mediaLibrary .sbToggle:hover {
    background: url(../assets/images/caret-down.png)/*tpa=https://cn.mozaweb.com/assets/images/caret-down.png*/ no-repeat center;
    background-size: 8px; }
  .ui-dialog.mozaDialog.mediaLibrary .sbToggleOpen, .ui-dialog.mozaDialog.mediaLibrary .sbToggleOpen:hover {
    background: url(../assets/images/caret-down.png)/*tpa=https://cn.mozaweb.com/assets/images/caret-down.png*/ no-repeat center;
    background-size: 8px;
    -webkit-transform: scaleY(-1); }
  .ui-dialog.mozaDialog.mediaLibrary select[name=lang] {
    width: 120px; }
  .ui-dialog.mozaDialog.mediaLibrary #ml-content {
    padding: 5px;
    overflow-y: auto;
    background-color: #fff;
    --auto-grid-min-size: 20rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(var(--auto-grid-min-size), 1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    gap: 0;
    position: relative;
    min-height: 100px; }
    .ui-dialog.mozaDialog.mediaLibrary #ml-content.ml-no-result {
      text-align: center;
      font-size: 24px;
      padding: 20px;
      position: absolute;
      width: 100%;
      display: inherit; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content.ml-no-result a {
        color: #fff; }
    .ui-dialog.mozaDialog.mediaLibrary #ml-content.loading:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../assets/images/moza_loader.gif")/*tpa=https://cn.mozaweb.com/assets/images/moza_loader.gif*/ no-repeat center #fff;
      background-size: 100px; }
    .ui-dialog.mozaDialog.mediaLibrary #ml-content.scroll-loading:after {
      content: " ";
      width: 100%;
      height: 100px;
      background: url("../assets/images/moza_loader.gif")/*tpa=https://cn.mozaweb.com/assets/images/moza_loader.gif*/ no-repeat center #fff;
      background-size: 100px;
      display: block; }
    .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem {
      margin: 0 3px 6px;
      position: relative;
      border: 1px solid #ccc;
      display: inline-block;
      cursor: pointer;
      transition: all ease-in .1s;
      padding: 5px 5px 26px; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-delete-url {
        position: absolute;
        top: 5px;
        right: 12px; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-toolstate-btn {
        width: 35px;
        position: absolute;
        right: 1px;
        bottom: 1px; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .lexikontitle {
        margin: 0;
        padding: 4px 0 4px;
        color: #558ada;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .description {
        font-size: 12px;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        line-height: 13px;
        max-height: 39px;
        -webkit-line-clamp: 3; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .extra-info {
        font-size: 12px; }
        .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .extra-info span {
          transition: color ease-in .1s;
          line-height: 15px;
          display: inline-block; }
          .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .extra-info span:hover {
            color: #000; }
      .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 5px 10px; }
        .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .size-3d {
          font-size: 12px;
          transition: color ease-in .1s; }
          .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .size-3d:hover {
            color: #000; }
        .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .selected_3d_scene {
          width: 110px;
          height: 16px;
          font-size: 12px;
          border-radius: 2px;
          background-color: #eee;
          line-height: 100%; }
        .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .ml-actions {
          overflow: hidden;
          height: 15px; }
          .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .ml-actions a {
            display: inline-block; }
            .ui-dialog.mozaDialog.mediaLibrary #ml-content .ml-lexikonitem .ml-footer .ml-actions a img {
              float: left; }

.course-nav .book-nav-title {
  text-transform: uppercase; }
  @media (max-width: 991px) {
    .course-nav .book-nav-title :before {
      font-family: "mwicon" !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;
      content: "";
      color: #008ce5;
      position: absolute;
      font-size: 20px;
      left: -5px; } }

@media (max-width: 991px) {
  .course-nav .book-nav-title.opened :before {
    font-family: "mwicon" !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;
    content: "";
    color: #f47711;
    position: absolute;
    font-size: 20px;
    left: -5px; } }

.course-nav .book-nav-sidebar .book-course {
  font-weight: bold;
  padding: 10px 0 0; }
  .course-nav .book-nav-sidebar .book-course a {
    color: #455771; }
  .course-nav .book-nav-sidebar .book-course:before {
    font-family: "mwicon" !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;
    content: "";
    color: #008ce5;
    position: absolute;
    font-size: 20px;
    left: -5px; }
  .course-nav .book-nav-sidebar .book-course.book-course-selected:before {
    font-family: "mwicon" !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;
    content: "";
    color: #f47711;
    position: absolute;
    font-size: 20px;
    left: -5px; }

.course-nav .book-nav-sidebar .book-lesson {
  padding: 10px 0 0; }
  .course-nav .book-nav-sidebar .book-lesson a {
    color: #455771; }
  .course-nav .book-nav-sidebar .book-lesson.book-sub-lesson {
    font-style: italic;
    padding: 6px 0 0; }

@media (max-width: 991px) {
  .course-nav .book-nav-sidebar {
    display: none; } }

@media (min-width: 992px) {
  .course-nav .book-nav-sidebar {
    display: block !important; } }

.course-inner-page .row {
  margin-right: -5px;
  margin-left: -5px; }
  .course-inner-page .row div[class*='col-'] {
    padding-right: 5px;
    padding-left: 5px; }

@media (min-width: 768px) {
  .course-inner-page .course-breadcrumb {
    padding-left: 27px; } }

.course-inner-page .course-breadcrumb a {
  padding: 0 10px; }
  .course-inner-page .course-breadcrumb a:first-child {
    padding-left: 0; }

.course-inner-page .course-breadcrumb .muted {
  color: #008CE5; }

.course-inner-page .course-lesson-nav .scssonnav img {
  vertical-align: top; }

.course-inner-page .course-lesson-nav .scssonnav.arrow img {
  width: 14px; }

.course-inner-page .course-lesson-nav .scssonnav.arrow.not-active {
  opacity: .3;
  cursor: not-allowed; }

.course-inner-page .course-lesson-nav .scssonnav .blue-navigator img {
  width: 8px;
  height: 21px; }

.course-inner-page .course-extra {
  max-width: 660px; }
  .course-inner-page .course-extra .row-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .course-inner-page .course-extra .extra-title {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #008ce5; }

.course-functions {
  margin-top: 120px; }
  .course-functions div[class*='function-'] {
    position: relative;
    cursor: pointer;
    margin: 20px 0;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding-top: 4px; }
    .course-functions div[class*='function-']:first-child {
      margin: 0; }
    .course-functions div[class*='function-'] img {
      margin-top: -4px;
      width: 40px;
      height: 40px; }
    .course-functions div[class*='function-'] .title-wrapper {
      margin-left: 5px;
      float: left;
      width: 100%;
      height: 30px;
      display: block;
      overflow: hidden; }
      .course-functions div[class*='function-'] .title-wrapper .extra-icon-title {
        line-height: 1.25;
        font-size: 12px; }

.course-content .main {
  max-width: 100%; }
  .course-content .main img {
    max-width: 100% !important;
    height: inherit;
    padding: 0; }
  .course-content .main .s_fogalom {
    background-color: #f9efd8 !important;
    padding: 15px !important; }
  .course-content .main .s_ellenorizd {
    background-color: #f6f5e0 !important;
    padding: 15px !important; }
  .course-content .main .blue-tooltip {
    position: relative;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-left: 6px;
    margin-right: 0;
    text-indent: 0; }
    .course-content .main .blue-tooltip i {
      position: absolute;
      font-size: 15px; }
    .course-content .main .blue-tooltip .tooltip .tooltip-inner {
      max-width: 300px;
      min-width: 200px; }
  .course-content .main div.object_fr {
    max-width: 100%; }

.course-content .scsson-test-callout {
  border-top: 5px solid #008ce5; }

.cart-steps {
  position: relative;
  height: 60px;
  margin-bottom: 20px; }
  .cart-steps a {
    position: relative;
    width: calc((100% - 120px - 5px) / 5);
    display: inline-block;
    height: 100%;
    background-color: #c6d2e5;
    margin-left: 15px;
    margin-right: 16px;
    cursor: default; }
    .cart-steps a[href] {
      cursor: pointer; }
    .cart-steps a:first-child {
      margin-left: 0; }
      .cart-steps a:first-child:before {
        display: none; }
    .cart-steps a:last-child {
      margin-right: 0; }
      .cart-steps a:last-child:after {
        display: none; }
    .cart-steps a > span {
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      -js-display: inline-flex;
      display: inline-flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      height: 100%;
      width: 100%; }
      .cart-steps a > span b {
        visibility: hidden;
        color: #ffffff;
        font-size: 45px;
        width: 0; }
      .cart-steps a > span > span {
        color: #ffffff;
        font-weight: bold;
        display: inline-block;
        font-size: 17px;
        line-height: 1.1em;
        margin-left: 15px; }
    .cart-steps a:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: -30px;
      width: 30px;
      top: 0;
      height: 100%;
      border-style: solid;
      border-width: 30px 0 30px 30px;
      border-color: #c6d2e5 transparent #c6d2e5 transparent;
      z-index: 0; }
    .cart-steps a:after {
      content: '';
      display: inline-block;
      position: absolute;
      right: -30px;
      width: 30px;
      top: 0;
      height: 100%;
      border-style: solid;
      border-width: 30px 0 30px 30px;
      border-color: transparent transparent transparent #c6d2e5; }
    .cart-steps a.active {
      color: #ffffff;
      background-color: #008ce5; }
      .cart-steps a.active b {
        color: #ffffff; }
      .cart-steps a.active:before {
        border-color: #008ce5 transparent #008ce5 transparent; }
      .cart-steps a.active:after {
        border-color: transparent transparent transparent #008ce5; }
  @media (max-width: 991px) {
    .cart-steps a > span b {
      display: block;
      visibility: visible;
      width: initial;
      margin: auto; }
    .cart-steps a > span span {
      display: none; } }
  @media (max-width: 767px) {
    .cart-steps a > span b {
      font-size: 30px; }
    .cart-steps a:not(:first-child):not(:last-child) > span b {
      padding-left: 14px; } }

@media (max-width: 600px) {
  .btn-activate-licence {
    margin-bottom: 20px; } }

.payment-error {
  font-size: 22px; }

.my-orders {
  margin-left: 100px;
  margin-right: 100px; }
  .my-orders .info {
    color: #455771;
    font-size: 11px;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border: solid 1px #96a1b0;
    width: 160px;
    height: 65px;
    padding-left: 8px;
    position: absolute;
    right: -160px;
    z-index: 2;
    top: -20px; }
  .my-orders .order-row {
    box-shadow: 0 1px 4px 0 rgba(36, 75, 149, 0.3); }
    .my-orders .order-row .header {
      background: #fdeee2;
      color: #f47711; }
      .my-orders .order-row .header.closed {
        background: #dee5f3;
        color: #455771; }
      .my-orders .order-row .header.in_progress {
        background: rgba(49, 140, 229, 0.3);
        color: #455771; }
    .my-orders .order-row .body {
      padding-bottom: 15px;
      border-bottom: 1px solid #dde5f2; }
      .my-orders .order-row .body .title span {
        padding-top: 10px; }
    .my-orders .order-row .footer {
      height: 58px;
      padding-top: 11px;
      padding-bottom: 11px;
      vertical-align: middle; }
      .my-orders .order-row .footer .go-to-pay, .my-orders .order-row .footer span {
        vertical-align: middle; }
      .my-orders .order-row .footer .go-to-pay {
        width: 120px;
        margin-left: 33px; }
      .my-orders .order-row .footer a.details, .my-orders .order-row .footer span {
        padding-top: 6px;
        padding-bottom: 6px;
        vertical-align: middle; }
        .my-orders .order-row .footer a.details.currency, .my-orders .order-row .footer span.currency {
          padding: 0;
          vertical-align: initial; }

.shopping-btn {
  width: 230px; }

.orderdetail_item {
  border: 1px solid #DEE5F2;
  padding: 20px;
  box-shadow: 0 1px 4px 0 rgba(36, 75, 149, 0.3);
  width: 100%; }
  .orderdetail_item .licences-table {
    box-shadow: none;
    height: 50px;
    margin-bottom: 0px;
    border: none; }
    .orderdetail_item .licences-table td {
      border: 0; }
      .orderdetail_item .licences-table td:first-child {
        padding-left: 0px; }
  .orderdetail_item .details-table td:last-child {
    padding-left: 5px; }
  .orderdetail_item .licence_key {
    font-weight: bold;
    color: #54b84f;
    padding: 6px;
    border: 1px solid #54b84f;
    border-radius: 5px; }

@media (max-width: 500px) {
  .steps.large a.active .b {
    margin-left: 10px !important; } }

@media (max-width: 767px) {
  .my-orders {
    margin-left: 15px;
    margin-right: 15px; }
  .mb10-xs {
    margin-bottom: 10px !important; }
  .pull-right-xs {
    float: right !important; }
  .text-right-xs {
    text-align: left !important; }
  .steps.large a .text {
    display: none; }
  .steps.large a .b {
    margin-left: 30%; }
  .steps.large a.active .b {
    margin-left: 20px; }
  .steps.large a .b {
    margin-left: 30%; }
  .steps.large a.active .b {
    margin-left: 20px; } }

@media (max-width: 767px) {
  .cart-wrapper .cart-content .cart-summary {
    height: initial; }
  .cart-wrapper .cart-content .cart-items-wrapper .cart-item {
    padding-left: 0 !important; }
    .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content {
      padding-left: 0 !important; }
      .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-remove {
        top: -5px;
        right: 0;
        color: #ccc; }
      .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-content .cart-item-info {
        margin-top: -15px; }
    .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-image {
      float: left !important; }
    .cart-wrapper .cart-content .cart-items-wrapper .cart-item a {
      margin-bottom: 0; }
    .cart-wrapper .cart-content .cart-items-wrapper .cart-item .cart-item-description {
      margin-top: 24px; }
  .licence-title-row-block {
    min-height: 60px;
    margin-bottom: 10px; }
  .licence_list_page .list {
    padding: 10px 0px 0px 0px; }
  .licence_list_page .list .row .col-md-10 {
    padding-bottom: 0px; } }

.cart-item {
  padding: 20px 0 0 20px;
  margin-bottom: 30px; }
  .cart-item:last-of-type {
    margin-bottom: 0; }
  .cart-item:before, .cart-item:after {
    clear: both;
    content: '';
    display: table; }
  .cart-item .image {
    float: left;
    max-width: 200px; }
  .cart-item .cart-content-inner {
    min-height: 100px; }
    .cart-item .cart-content-inner ul {
      padding-left: 0;
      list-style: none; }
      .cart-item .cart-content-inner ul li {
        line-height: 20px; }
        .cart-item .cart-content-inner ul li:before {
          content: "\f111";
          color: #008ce5;
          margin-right: 10px;
          font-size: 8px;
          display: inline-block;
          vertical-align: middle;
          font-family: 'FontAwesome'; }
  .cart-item .close {
    position: absolute;
    right: 10px; }
  .cart-item .cart-content {
    /*margin-left: 130px;*/ }
    .cart-item .cart-content h3 {
      margin: 0 0 5px 0; }
    .cart-item .cart-content .cart-details {
      display: table;
      width: 100%;
      table-layout: fixed;
      border: 1px solid #dee5f2;
      margin-top: 20px;
      position: relative;
      bottom: -2px; }
      .cart-item .cart-content .cart-details > div {
        border-right: 1px solid #dee5f2;
        text-align: center;
        vertical-align: middle;
        padding: 10px 5px;
        display: table-cell; }
        .cart-item .cart-content .cart-details > div:last-child {
          border: 0; }
    .cart-item .cart-content .form-control, .cart-item .cart-content .cke_editable {
      width: auto;
      text-align: center;
      display: inline-block; }

.open-button {
  margin-top: 18px !important; }

@media (max-width: 767px) {
  .not-grouped-detailed .pt0-xs {
    padding-top: 0 !important; }
  .close {
    right: 0 !important; }
  .orderdetail_item_list {
    padding-left: 0 !important; }
  .orderdetail_item {
    width: 100%; }
  .unvalidated_institute {
    padding-top: 5px !important; }
  .mt0-xs {
    margin-top: 0 !important; }
  .shop_choose_payment_holder .otp-select-btn {
    margin-top: -60px !important; }
  .shop_choose_payment_holder .otp-description-link {
    margin-top: 20px;
    margin-left: 0 !important; }
  .shop_choose_payment_holder a.btn, .shop_choose_payment_holder a.btn-facebook, .shop_choose_payment_holder a.btn-round, .shop_choose_payment_holder a.btn-default, .shop_choose_payment_holder a.btn-sausage, .shop_choose_payment_holder a.btn-success, .shop_choose_payment_holder a.btn-yellow, .shop_choose_payment_holder a.btn-white {
    margin-top: 15px !important; }
  .xs-new-institute {
    text-align: left;
    margin-bottom: 0 !important;
    margin-top: -7px;
    padding-left: 16px; }
    .xs-new-institute:first-child {
      margin-bottom: 0; }
  .cart-steps {
    margin-bottom: 1px; }
  .cart-mobile-header h4 {
    margin-top: 0;
    margin-bottom: 20px;
    background: #0F8BDC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    color: #fff;
    font-weight: bold; }
  .add-licence-checkbox {
    margin-left: 27px !important; }
  .accept-rules {
    padding-left: 27px !important; }
  .cart-page .typeahead_institute {
    font-size: 13px !important; }
  .clearfix.mb20 {
    margin-bottom: 0 !important; }
  .institute-addon {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .cart-total-price-container .discount-sign-small {
    margin-right: 0 !important;
    margin-left: 20px !important; }
  .cart-total-price-container .discount-text {
    margin-left: -90px; }
  .cart-total-price-container #school-membership-activate-form {
    margin-top: 0 !important; }
    .cart-total-price-container #school-membership-activate-form label {
      width: 70%;
      text-align: left;
      margin-top: -8px;
      margin-left: -25px; }
    .cart-total-price-container #school-membership-activate-form .discount-submit {
      text-align: center; }
      .cart-total-price-container #school-membership-activate-form .discount-submit button {
        width: 305px; }
    .cart-total-price-container #school-membership-activate-form .discount-code-input {
      padding-left: 3px;
      margin-bottom: 15px !important; }
      .cart-total-price-container #school-membership-activate-form .discount-code-input input {
        width: 305px; }
  .open-button {
    margin-top: 0 !important;
    width: 305px; }
  .total-margin-xs {
    margin-top: 24px; }
  .cart-navigation {
    margin-top: 27px !important; }
  .cart-total a {
    width: 305px;
    margin-top: 11px !important; }
  .cart-total-price-container .discount-price {
    float: none !important; }
  .cart-item {
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 20px; }
    .cart-item .image {
      float: none;
      max-width: 200px; }
    .cart-item h3.title {
      font-size: 20px;
      font-weight: bold; }
    .cart-item .cart-content {
      margin-left: 0;
      padding-left: 0;
      /*clear: both;*/ }
      .cart-item .cart-content .cart-details {
        border: 1px solid #dee5f2; }
        .cart-item .cart-content .cart-details > div {
          display: block;
          clear: both;
          border: 0;
          border-bottom: 1px solid #dee5f2; } }

.shop_cart_shipping {
  text-align: right;
  margin-bottom: 20px; }
  .shop_cart_shipping .label {
    color: #455771;
    font-size: inherit;
    padding: 0; }

.shop_choose_payment_holder > div p {
  padding-right: 200px; }

.shop_choose_payment_holder > div:last-child {
  border: none; }

.cart-offline-mode {
  margin: 15px 0 0 0; }

.cart-empty-text {
  text-align: center;
  padding: 130px 0 0 0;
  color: #8c97a7; }

.cart-item-content {
  text-align: left; }

.content .cart-summary {
  background: #dee5f2;
  padding: 10px;
  min-height: 55px; }
  .content .cart-summary .btn-default {
    padding: 6px 15px; }
  .content .cart-summary .cart-total {
    float: right; }
    .content .cart-summary .cart-total .cart-total-info {
      display: inline-block;
      vertical-align: top; }
      .content .cart-summary .cart-total .cart-total-info b {
        margin-right: 5px;
        font-size: 18px; }
    .content .cart-summary .cart-total > * {
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px;
      vertical-align: top; }
    .content .cart-summary .cart-total span {
      line-height: 34px; }

.edit_block_form .form-group {
  margin-bottom: 10px; }

.edit_block {
  display: none; }
  .edit_block label {
    margin-top: 5px; }
  .edit_block .col-md-4, .edit_block .col-md-8 {
    margin-bottom: 0; }

.licence_information.transfer_info {
  margin-bottom: 30px; }

@media (max-width: 600px) {
  .form-group.ml10 {
    margin-left: 0; } }

@media (max-width: 991px) {
  .content .cart-summary {
    text-align: center; }
    .content .cart-summary .cart-total {
      margin-top: 20px;
      float: none;
      display: block; }
      .content .cart-summary .cart-total .cart-total-info {
        display: block;
        margin: 10px 0; }
    .content .cart-summary .btn, .content .cart-summary .btn-facebook, .content .cart-summary .btn-round, .content .cart-summary .btn-default, .content .cart-summary .btn-sausage, .content .cart-summary .btn-success, .content .cart-summary .btn-yellow, .content .cart-summary .btn-white, .content .cart-summary .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .content .cart-summary button, .content .cart-summary .cart-total {
      margin: 0; }
  .shop_choose_payment_holder > div p {
    padding-right: 0px; }
  .btn-continue-shopping, .btn-cart-goback {
    margin-right: 15px !important; }
  .cart-total .btn, .cart-total .btn-facebook, .cart-total .btn-round, .cart-total .btn-default, .cart-total .btn-sausage, .cart-total .btn-success, .cart-total .btn-yellow, .cart-total .btn-white, .cart-total .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-total button {
    margin-bottom: 10px !important; }
  .invoice-address-dialog .address-name div {
    margin-bottom: 10px !important;
    margin-top: initial !important; } }

@media (min-width: 601px) and (max-width: 991px) {
  .address-block div {
    margin-bottom: 10px; } }

.invoice-address-dialog .address-form-buttons {
  display: none; }

.webshop_billing_info_holder table th {
  text-align: right; }

.webshop_billing_info_holder table th, .webshop_billing_info_holder table td {
  padding: 5px 8px; }

.blue-7-text {
  color: #318ce5; }

.gray-24-background {
  background: #c5d2e4; }

.institute-addon {
  padding: 4px 18px 0; }

.gray-24-text {
  color: #c5d2e4; }

.white-text {
  color: #ffffff; }

.orange-text {
  color: #f47711; }

.cart-summary .qty, .cart-summary .total, .cart-summary .goto {
  background: #f2f5f9; }

.cart-detail-holder {
  box-shadow: 0 1px 4px 0 rgba(36, 75, 149, 0.3); }
  .cart-detail-holder .cart-detail-row h4 {
    margin-top: 0;
    margin-bottom: 0; }
  .cart-detail-holder .cart-detail-row .cart-detail-row-type {
    font-size: 13px; }
  .cart-detail-holder hr {
    border: 0;
    margin: 0;
    border-top: 1px solid #dde5f2; }
  .cart-detail-holder .details-footer {
    border-top: solid 1px #dde5f2; }
    .cart-detail-holder .details-footer a {
      cursor: pointer; }

.unvalidated_institute {
  padding-top: 25px;
  border-radius: 4px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 16px; }

.blue-8-background {
  background: #204f7b; }

.orange-text {
  color: #f47711; }

.cart-detail h2 {
  font-size: 22px; }

.order-information {
  color: #96a3b7; }

.shop-hr {
  border-top: none;
  border-bottom: 1px solid #dee5f2; }

.accept-rules {
  background-color: rgba(244, 119, 17, 0.17);
  padding: 9px 25px 9px 55px;
  border-radius: 4px;
  margin-bottom: 36px; }

.success-title h3 {
  margin: 0; }

.cart-price-container .cart-price-container-inner {
  text-align: right;
  display: inline-block; }
  .cart-price-container .cart-price-container-inner b {
    color: #f47711; }
  .cart-price-container .cart-price-container-inner .discount-price {
    margin: 0;
    color: #d83b59; }

.cart-navigation {
  margin-top: 18px; }
  .cart-navigation .fa-times-circle {
    font-size: 23px;
    color: #cccccc;
    cursor: pointer; }

.cart-total-price-container #school-membership-activate-form {
  background-color: rgba(84, 184, 79, 0.1);
  padding: 17px;
  border-radius: 5px;
  margin-top: -40px; }

.cart-total-price-container .discount-code-input {
  width: 100%; }
  .cart-total-price-container .discount-code-input #keycode-new {
    width: inherit; }
    .cart-total-price-container .discount-code-input #keycode-new::-webkit-input-placeholder {
      text-transform: capitalize; }
    .cart-total-price-container .discount-code-input #keycode-new:-ms-input-placeholder {
      text-transform: capitalize; }
    .cart-total-price-container .discount-code-input #keycode-new::placeholder {
      text-transform: capitalize; }

.cart-total-price-container .cart-total .btn, .cart-total-price-container .cart-total .btn-facebook, .cart-total-price-container .cart-total .btn-round, .cart-total-price-container .cart-total .btn-default, .cart-total-price-container .cart-total .btn-sausage, .cart-total-price-container .cart-total .btn-success, .cart-total-price-container .cart-total .btn-yellow, .cart-total-price-container .cart-total .btn-white, .cart-total-price-container .cart-total .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .cart-total-price-container .cart-total button {
  margin-top: 18px; }

.cart-total-price-container .discount-price {
  color: #f47711;
  white-space: nowrap;
  float: right; }

.cart-total-price-container .minus-discount {
  color: #d83b59; }

.cart-total-price-container .discount-sign-small {
  float: left;
  width: 32px;
  height: 32px;
  background-color: #54b84f;
  border-radius: 50%;
  color: white;
  text-align: center;
  margin: -5px 5px 15px 0; }
  .cart-total-price-container .discount-sign-small span {
    font-size: 22px;
    font-weight: bold; }

@media (max-width: 991px) {
  .webshop_info_plus_data label {
    float: left; } }

.blog-article {
  position: relative;
  display: block;
  margin-bottom: 30px; }
  .blog-article h2 {
    padding: 20px 25px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    color: #FFF;
    z-index: 200; }
    .blog-article h2 span {
      font-size: 15px;
      padding: 3px 0;
      display: block; }
  .blog-article img {
    border-bottom: 1px solid #fff; }
  .blog-article:after {
    content: '';
    display: none;
    position: absolute;
    min-height: 160px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
    z-index: 100; }

.images-rendered .blog-article:after {
  display: block; }

.home-blog-post > a, .home-promo-video > a, .blog-article {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #e3e9f2; }

.home-blog-post .home-blog-post-image, .home-promo-video .home-blog-post-image {
  min-height: 190px; }

.blog-article-large {
  height: 470px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat; }

.blog-news-icon, .blog-features-icon, .blog-classroom-icon {
  display: block;
  margin: 0 auto 20px auto;
  width: 48px;
  height: 48px;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #FFF;
  border-radius: 30px;
  -webkit-border-radius: 30px; }

.blog-news-icon {
  background-color: #0dbf6d; }

.blog-features-icon {
  background-color: #008ce5; }

.blog-classroom-icon {
  background-color: #e38900; }

.blog-feed-item {
  padding: 25px 0; }
  .blog-feed-item:first-child {
    padding-top: 0; }
  .blog-feed-item .blog-meta {
    margin-bottom: 20px; }

.blog-list-item {
  border-bottom: 1px solid #f2f5f9;
  padding: 25px 0; }
  .blog-list-item h3 {
    margin: 0; }
  .blog-list-item .text-muted {
    margin: 5px 0 10px 0;
    display: block; }
  .blog-list-item .blog-list-item-image {
    position: relative;
    height: 144px;
    display: block;
    background-size: cover;
    border: 1px solid #c7d3e5; }

.col-md-4 .blog-article {
  overflow: hidden;
  height: 220px; }

.col-md-8 .blog-article h2 {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: normal; }

.col-md-8 .blog-article img {
  border: 0; }

.col-md-8 .blog-article span {
  padding-top: 10px;
  font-weight: bold; }

@media (max-width: 767px) {
  .col-md-8 .blog-article h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0; }
  .col-md-8 .blog-article span {
    padding: 3px 0; }
  .slick-slider .home-blog-post, .slick-slider .home-promo-video {
    height: auto;
    min-height: 400px; } }

.blog-inner-article img {
  margin: 20px 0;
  width: 100% !important;
  height: auto !important; }

.blog-meta {
  margin-bottom: 20px; }
  .blog-meta span {
    border-right: 1px solid #dee5f2;
    padding: 2px 10px;
    display: inline-block; }
    .blog-meta span:last-child {
      border: 0; }

.title-row-blog {
  margin-bottom: 0;
  padding-bottom: 90px; }
  .title-row-blog h1 {
    float: none;
    display: inline-block;
    margin: 0;
    max-width: 70%; }
    .title-row-blog h1 a i {
      color: #008ce5;
      margin-bottom: 20px; }
  .title-row-blog.title-row-blog-home {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 0;
    height: 230px; }

.article-step-left,
.article-step-right {
  display: block;
  margin-top: -10px;
  float: left;
  font-size: 50px;
  color: #455771; }

.article-step-left {
  margin-left: -120px; }

.article-step-right {
  float: right;
  margin-right: -120px; }

@media (max-width: 991px) {
  .article-step-left,
  .article-step-right {
    margin-right: 0;
    margin-left: 0;
    margin-top: -80px; } }

span.article-step-left,
span.article-step-right {
  opacity: .4; }

@media (max-width: 600px) {
  .title-row-blog h1 {
    width: 100%;
    max-width: inherit; }
  .blog-article-large {
    height: 220px; } }

.blog-tags {
  padding: 35px 0 75px 0;
  text-align: right; }

.article-meta {
  margin-top: 30px; }
  .article-meta h3 {
    margin-top: 0; }
    .article-meta h3 i {
      color: #dee5f2;
      margin: 2px 5px 0 0; }

.comments .media {
  border-bottom: 1px solid #dee5f2;
  padding: 10px 0; }
  .comments .media:last-child {
    border: 0; }
  .comments .media .media-left img {
    width: 50px;
    max-width: inherit;
    margin: 0 10px 0 0; }

.blog-content .home-blog-post, .blog-content .home-promo-video {
  margin-bottom: 50px; }

.home-blog-post, .home-promo-video {
  height: 400px; }
  .home-blog-post > a, .home-promo-video > a {
    display: block;
    height: 200px;
    overflow: hidden; }

.blog-article-title {
  border-bottom: 1px solid #dee5f2;
  padding-bottom: 15px;
  font-weight: bold; }
  .blog-article-title a {
    color: #455771; }

.blog-social-share {
  margin-top: -8px; }

.highlighted i {
  color: #f47711; }

.published i {
  color: #0dbf6d; }

.published > .fa-check {
  color: #3dc33d; }

.accepted i {
  color: #86b2d2; }

.ready_to_publish i {
  color: #f47711; }

.post-item {
  border-bottom: 1px solid #EDEDED;
  padding: 15px 0;
  margin: 0; }

.cke-mozaborder {
  border: 1px solid #c7d3e5; }

@media (max-width: 991px) {
  .blog-tags {
    padding-bottom: 20px; } }

.faq_checkbox {
  display: inline-block;
  margin-right: 40px; }

.top-image {
  position: relative;
  text-align: center; }
  .top-image img {
    max-width: 100%;
    max-height: 550px; }

.section.dark {
  background: #31414d;
  color: #FFF; }

.section .container {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative; }

.section h2 {
  margin-bottom: 20px; }

.section .section-titles, .section .section-description {
  position: relative;
  z-index: 500; }

.section.section-intro {
  background: #FFF;
  margin-top: 40px; }
  .section.section-intro .container {
    padding-top: 0; }

.section .btn-primary, .section .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section button {
  margin-top: 15px; }

.section .btn-success {
  border: 1px solid transparent; }

.stripe .container {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative; }

.disabled-playstore-button {
  opacity: 0.5;
  cursor: not-allowed;
  margin-right: 15px; }

.download-buttons .icons {
  color: #abc1d6;
  margin-bottom: 30px; }
  .download-buttons .icons i {
    margin-right: 8px;
    font-size: 50px; }
    .download-buttons .icons i:last-child {
      margin-right: 0px; }

.download-buttons a {
  margin-right: 10px;
  display: inline-block; }
  .download-buttons a:last-child {
    margin-right: 0px; }

.brand-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500; }

.promo-licence-options {
  position: absolute;
  top: -12px;
  right: 0;
  z-index: 500; }
  .promo-licence-options .licence-option-box {
    position: relative;
    display: inline-block;
    margin-left: 15px; }
    .promo-licence-options .licence-option-box .text {
      position: absolute;
      bottom: 9px;
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
      text-align: center; }
      .promo-licence-options .licence-option-box .text.teacher {
        left: 10px;
        width: 79%; }
      .promo-licence-options .licence-option-box .text.student {
        left: 5px;
        width: 85%; }
      .promo-licence-options .licence-option-box .text.institute {
        left: 4px;
        width: 86%; }
  .promo-licence-options .licence-option-text {
    text-align: right;
    margin-top: 10px; }
    .promo-licence-options .licence-option-text a {
      color: #9da0a5; }

.promo-products {
  text-align: center; }
  .promo-products .product-title {
    text-transform: uppercase;
    font-size: 20px; }
  .promo-products .product-box {
    padding-bottom: 30px; }
  .promo-products img {
    width: 90px;
    margin-bottom: 10px; }
  .promo-products.dark-background a {
    color: #ffffff; }
  .promo-products.shop-landing a {
    color: #455771; }
  .promo-products.shop-landing img {
    width: 80px;
    margin-bottom: 10px; }

#mozabook-promo .brand-logo h2,
#mozaweb-promo .brand-logo h2 {
  max-width: 350px; }

.section-promo-links .container {
  margin-top: 75px;
  padding-top: 45px;
  padding-bottom: 60px;
  position: relative;
  border-top: 1px solid #DEE5F2;
  text-align: center; }
  .section-promo-links .container.noborder {
    border-top: none;
    padding-top: 0; }
  .section-promo-links .container .promo-title {
    font-weight: bold;
    margin-top: 20px; }
  @media (max-width: 991px) {
    .section-promo-links .container .promo-desc {
      margin-bottom: 40px; } }

.section-3dmodels {
  background: #31414d;
  color: #FFF; }
  .section-3dmodels > .container {
    min-height: 480px; }
  .section-3dmodels .image-samples {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    position: relative; }
    .section-3dmodels .image-samples a {
      position: relative;
      display: inline-block;
      margin-left: -4px;
      width: 20%; }
      .section-3dmodels .image-samples a img {
        vertical-align: top;
        max-width: 100%; }
  .section-3dmodels .section-image-wrapper {
    margin: -110px 0 -80px 0; }
  .section-3dmodels.section-home-3dmodels .section-image-wrapper {
    margin-top: -150px; }

.section-licence-helper {
  background-color: #f0f6fb;
  text-align: center; }
  @media (max-width: 991px) {
    .section-licence-helper.section .container {
      padding-bottom: 0; } }
  .section-licence-helper .container {
    padding: 30px 0 20px 0; }
    .section-licence-helper .container .title {
      font-size: 26px; }
  .section-licence-helper .licence-options {
    padding: 0 60px 0 60px; }
    @media (max-width: 991px) {
      .section-licence-helper .licence-options {
        padding: 10px 0 0 0; } }
  .section-licence-helper .licence-options .box {
    padding: 20px 20px 10px 20px;
    margin: 0 10px;
    border: 1px solid transparent;
    display: block; }
    .section-licence-helper .licence-options .box p {
      color: #455771; }
    .section-licence-helper .licence-options .box img {
      margin-bottom: 10px;
      cursor: pointer;
      width: 100%;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
      .section-licence-helper .licence-options .box img:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); }
    .section-licence-helper .licence-options .box__link {
      font-weight: bold;
      display: block; }
    .section-licence-helper .licence-options .box a {
      font-weight: bold; }
  .section-licence-helper .fa.fa-check-circle {
    font-size: 32px;
    color: #dee5f2; }
    .section-licence-helper .fa.fa-check-circle.active {
      color: #008ce5; }
  .section-licence-helper.licencehelper-licence-helper {
    background-color: #fff;
    margin-bottom: 35px; }
    .section-licence-helper.licencehelper-licence-helper .container {
      padding-top: 0; }
    .section-licence-helper.licencehelper-licence-helper .box.active {
      position: relative;
      background: #f6fafd;
      border: 1px solid #d2e0f1;
      border-bottom: 4px solid #d2e0f1; }
      .section-licence-helper.licencehelper-licence-helper .box.active :after, .section-licence-helper.licencehelper-licence-helper .box.active :before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .section-licence-helper.licencehelper-licence-helper .box.active :after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #f6fafd;
        border-width: 30px;
        margin-left: -30px; }
      .section-licence-helper.licencehelper-licence-helper .box.active :before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #d2e0f1;
        border-width: 36px;
        margin-left: -36px; }
  .section-licence-helper.licencelist-licence-helper {
    background-color: #fff; }
    .section-licence-helper.licencelist-licence-helper .container {
      padding: 0; }
      .section-licence-helper.licencelist-licence-helper .container .licence-options {
        padding: 0 60px; }
        @media (max-width: 767px) {
          .section-licence-helper.licencelist-licence-helper .container .licence-options [class*="col-"] {
            margin-bottom: 0; } }
        @media (max-width: 519px) {
          .section-licence-helper.licencelist-licence-helper .container .licence-options {
            padding: 0; } }
        @media (min-width: 768px) {
          .section-licence-helper.licencelist-licence-helper .container .licence-options .box {
            padding: 0 32px; } }

.promo-videos-not-lined .section-promo-links .container {
  border-top: 0; }

.section-videos {
  background: #31414d;
  color: #FFF; }
  .section-videos .container {
    padding: 0; }
  .section-videos #videosection {
    max-width: 100%;
    width: 100%;
    height: 100%;
    vertical-align: top; }
  .section-videos .video {
    position: relative; }
    .section-videos .video img {
      max-width: 100%;
      height: auto; }
    .section-videos .video .info {
      top: 0;
      /*rtl:ignore*/
      left: 2px;
      bottom: 2px;
      z-index: 500;
      color: #FFF;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      width: calc(100% / 3.025); }
      .section-videos .video .info > div {
        padding: 40px 30px; }
      .section-videos .video .info h2 {
        margin-bottom: 10px; }
      .section-videos .video .info i {
        color: #008ce5; }
      .section-videos .video .info .btn, .section-videos .video .info .btn-facebook, .section-videos .video .info .btn-round, .section-videos .video .info .btn-default, .section-videos .video .info .btn-sausage, .section-videos .video .info .btn-success, .section-videos .video .info .btn-yellow, .section-videos .video .info .btn-white, .section-videos .video .info .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-videos .video .info button {
        margin-top: 15px;
        height: auto; }
  .section-videos .more-videos:before, .section-videos .more-videos:after {
    clear: both;
    content: '';
    display: table; }
  .section-videos .more-videos a {
    width: calc(100% / 3);
    display: block;
    float: left;
    position: relative;
    max-height: 210px; }
    .section-videos .more-videos a:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      border-right: 2px solid #c2d1e4; }
    .section-videos .more-videos a:first-child:before {
      border-left: 2px solid #c2d1e4; }
    .section-videos .more-videos a img {
      width: 100%;
      height: 100%;
      max-height: 210px; }
  .section-videos .more-videos .prev-btn {
    top: 40%;
    left: 10px;
    opacity: .5; }
  .section-videos .more-videos .next-btn {
    top: 40%;
    right: 10px;
    opacity: .5; }

video {
  display: block;
  height: 100%;
  width: 100%; }

.section-digitalbooks {
  position: relative;
  z-index: 500; }
  .section-digitalbooks .col-md-10 {
    margin-bottom: 0; }

.promo-intro {
  padding: 30px 0 90px 0;
  text-align: center; }
  .promo-intro p {
    margin-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px; }
  .promo-intro a {
    font-weight: bold; }
  .promo-intro .btn, .promo-intro .btn-facebook, .promo-intro .btn-round, .promo-intro .btn-default, .promo-intro .btn-sausage, .promo-intro .btn-success, .promo-intro .btn-yellow, .promo-intro .btn-white, .promo-intro .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .promo-intro button {
    margin-top: 10px;
    margin-bottom: 10px; }

.header-video-background {
  position: relative;
  height: 400px;
  background: #000;
  z-index: -99; }
  .header-video-background .slider-layer {
    position: absolute;
    color: #ffffff;
    text-align: center; }
    .header-video-background .slider-layer .icon-wrapper {
      position: relative;
      width: 70px;
      margin: auto; }
      .header-video-background .slider-layer .icon-wrapper i {
        z-index: 2; }
    .header-video-background .slider-layer .promo-item-title {
      font-size: 60px;
      margin-top: 10px;
      margin-bottom: 5px; }
      @media (max-width: 991px) {
        .header-video-background .slider-layer .promo-item-title {
          font-size: 40px; } }
    .header-video-background .slider-layer .promo-item-subtitle {
      text-transform: uppercase;
      font-size: 18px;
      letter-spacing: 4px; }
      @media (max-width: 991px) {
        .header-video-background .slider-layer .promo-item-subtitle {
          font-size: 16px; } }
    .header-video-background .slider-layer .video-play-button {
      background: url("../assets/images/fizika/play.png")/*tpa=https://cn.mozaweb.com/assets/images/fizika/play.png*/;
      width: 65px;
      height: 65px;
      margin: auto;
      display: block;
      cursor: pointer; }

.promo-fizika.header-video-background,
.promo-matek.header-video-background,
.promo-labcam.header-video-background {
  width: 100%;
  height: 100%;
  min-height: 300px;
  background: none;
  z-index: initial;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .promo-fizika.header-video-background .header-img,
  .promo-matek.header-video-background .header-img,
  .promo-labcam.header-video-background .header-img {
    width: 100%;
    min-height: 300px; }
    @media (max-width: 991px) {
      .promo-fizika.header-video-background .header-img,
      .promo-matek.header-video-background .header-img,
      .promo-labcam.header-video-background .header-img {
        display: none; } }
  .promo-fizika.header-video-background .slider-layer .video-play-button,
  .promo-matek.header-video-background .slider-layer .video-play-button,
  .promo-labcam.header-video-background .slider-layer .video-play-button {
    cursor: pointer; }

.promo-fizika .header-video-foreground,
.promo-matek .header-video-foreground,
.promo-labcam .header-video-foreground {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .promo-fizika .header-video-foreground video,
  .promo-matek .header-video-foreground video,
  .promo-labcam .header-video-foreground video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -3; }
  .promo-fizika .header-video-foreground .promo-video-overlay,
  .promo-matek .header-video-foreground .promo-video-overlay,
  .promo-labcam .header-video-foreground .promo-video-overlay {
    background-color: rgba(34, 48, 50, 0.5);
    z-index: -2;
    width: 100%;
    height: 100%; }

.header-video-foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.section-image-left .section-image-wrapper {
  float: left; }

.section-image-left .section-description, .section-image-left .section-titles, .section-image-left .section-features {
  width: 47%;
  float: right; }

.section-image-left .section-features {
  text-align: left; }

.section-image-left .dark-link {
  color: #455771; }

.section-image-right .section-titles, .section-image-right .section-description {
  width: 47%;
  float: left; }

.section-image-right .section-image-wrapper {
  float: right; }

.section-text-center .section-description, .section-text-center .section-titles {
  text-align: center; }

.section-feature {
  text-align: left;
  position: relative;
  z-index: 500;
  border-bottom: 1px solid #c7d3e5; }
  .section-feature:last-child {
    border: 0; }
  .section-feature > a {
    font-size: 18px;
    display: block;
    padding: 12px 0 12px 0;
    color: #455771; }
    .section-feature > a i {
      color: #008ce5;
      margin-right: 10px;
      width: 18px; }
      .section-feature > a i.fa-chevron-down {
        display: none; }
  .section-feature.active a i {
    color: #5fc298;
    display: inline-block; }
    .section-feature.active a i.fa-chevron-right {
      display: none; }
  .section-feature p {
    display: none;
    padding-bottom: 15px; }

.section-image-wrapper {
  position: relative;
  display: inline-block;
  width: 47%; }
  .section-image-wrapper img {
    position: relative;
    z-index: 500;
    max-width: 100%;
    height: auto;
    float: left; }
  .section-image-wrapper .shadow {
    z-index: 400;
    position: absolute;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    display: none;
    opacity: .5; }
    .section-image-wrapper .shadow.visible {
      display: block; }
  .section-image-wrapper.image-monitor .shadow {
    background-image: url(../assets/images/shadow_monitor.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_monitor.png*/;
    background-image: url(../assets/images/shadow_monitor.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_monitor.svg*/;
    /*rtl:raw:
                background-image: url(../assets/images/shadow_monitor_rtl.png);
                background-image: url(../assets/images/shadow_monitor_rtl.svg);
            */
    width: 860px;
    height: 788px; }
  .section-image-wrapper.image-monitor2 .shadow {
    background-image: url(../assets/images/shadow_monitor2.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_monitor2.png*/;
    background-image: url(../assets/images/shadow_monitor2.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_monitor2.svg*/;
    /*rtl:raw:
                background-image: url(../assets/images/shadow_monitor2_rtl.png);
                background-image: url(../assets/images/shadow_monitor2_rtl.svg);
            */
    width: 860px;
    height: 754px; }
  .section-image-wrapper.image-board .shadow {
    background-image: url(../assets/images/shadow_board.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_board.png*/;
    background-image: url(../assets/images/shadow_board.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_board.svg*/;
    /*rtl:raw:
                background-image: url(../assets/images/shadow_board_rtl.png);
                background-image: url(../assets/images/shadow_board_rtl.svg);
            */
    width: 860px;
    height: 788px; }
  .section-image-wrapper.image-board-lady .shadow {
    background-image: url(../assets/images/shadow_board-lady.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_board-lady.png*/;
    background-image: url(../assets/images/shadow_board-lady.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_board-lady.svg*/;
    width: 780px;
    height: 647px;
    /*rtl:raw:
                background-image: url(../assets/images/shadow_board-lady_rtl.png);
                background-image: url(../assets/images/shadow_board-lady_rtl.svg);
                width: 857px;
            */ }
  .section-image-wrapper.image-board-man .shadow {
    background-image: url(../assets/images/shadow_board-man.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_board-man.png*/;
    background-image: url(../assets/images/shadow_board-man.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_board-man.svg*/;
    width: 780px;
    height: 673px;
    /*rtl:raw:
                background-image: url(../assets/images/shadow_board-man_rtl.png);
                background-image: url(../assets/images/shadow_board-man_rtl.svg);
                width: 843px;
            */ }
  .section-image-wrapper.image-devices .shadow {
    background-image: url(../assets/images/shadow_devices.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_devices.png*/;
    background-image: url(../assets/images/shadow_devices.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_devices.svg*/;
    /*rtl:raw:
            background-image: url(../assets/images/shadow_devices_rtl.png);
            background-image: url(../assets/images/shadow_devices_rtl.svg);
        */
    width: 830px;
    height: 700px; }
  .section-image-wrapper.image-tablet .shadow {
    background-image: url(../assets/images/shadow_tablet.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_tablet.png*/;
    background-image: url(../assets/images/shadow_tablet.svg)/*tpa=https://cn.mozaweb.com/assets/images/shadow_tablet.svg*/;
    /*rtl:raw:
            background-image: url(../assets/images/shadow_tablet_rtl.png);
            background-image: url(../assets/images/shadow_tablet_rtl.svg);
        */
    width: 850px;
    height: 760px; }
  .section-image-wrapper.image-labcam .shadow {
    background-image: url(../assets/images/shadow_labcam.png)/*tpa=https://cn.mozaweb.com/assets/images/shadow_labcam.png*/;
    /*rtl:raw:
            background-image: url(../assets/images/shadow_labcam_rtl.png);
        */
    width: 735px;
    height: 489px; }
  .section-image-wrapper.fade-1 .shadow {
    opacity: .4; }

.section-feature-blocks .container {
  border-bottom: 1px solid #dee5f2; }

.section-iconed-block {
  margin-bottom: 30px; }
  .section-iconed-block i {
    color: #86b2d2;
    font-size: 50px;
    float: left; }
  .section-iconed-block h3, .section-iconed-block h4 {
    font-weight: bold;
    margin: 0 0 5px 70px; }
  .section-iconed-block h3, .section-iconed-block h4, .section-iconed-block p {
    margin: 0 0 5px 70px; }

.zoom-images {
  text-align: center;
  clear: both;
  padding: 50px 0 0 0;
  position: relative;
  z-index: 400; }
  .zoom-images > div img {
    max-width: 100%; }

.discount-sign {
  background-color: #e11b50;
  color: white;
  width: 100px;
  height: 65px;
  text-align: center;
  position: relative; }
  @media (max-width: 767px) {
    .discount-sign {
      width: 80px; } }
  .discount-sign span {
    position: absolute;
    font-size: 55px;
    line-height: 60px;
    margin-left: -21px; }
  .discount-sign:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 65px 23px 0 0;
    border-color: #e11b50 transparent transparent transparent;
    position: absolute;
    right: -23px; }

.shop_landing .discount-sign {
  height: 75px; }
  .shop_landing .discount-sign span {
    font-size: 60px;
    line-height: 70px; }
  .shop_landing .discount-sign:after {
    border-width: 75px 23px 0 0; }

@media (max-width: 767px) {
  .discount-input {
    margin: 15px; } }

@media (min-width: 768px) {
  .discount-input {
    margin-left: 20px;
    margin-bottom: 15px; } }

.btn-discount {
  padding: 15px; }
  @media (max-width: 767px) {
    .btn-discount {
      width: 100%; }
      .btn-discount .btn, .btn-discount .btn-facebook, .btn-discount .btn-round, .btn-discount .btn-default, .btn-discount .btn-sausage, .btn-discount .btn-success, .btn-discount .btn-yellow, .btn-discount .btn-white, .btn-discount .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .btn-discount button {
        width: 100%; } }

.links-promo .link-promo a {
  margin-left: 15px;
  color: #455771; }
  .links-promo .link-promo a:hover, .links-promo .link-promo a.active {
    color: #008ce5; }

@media (max-width: 991px) {
  .links-promo {
    position: absolute;
    z-index: 1;
    top: 10px; }
    .links-promo .dropdown a[data-toggle="dropdown"] {
      font-size: 17.5px;
      color: #455771; }
      .links-promo .dropdown a[data-toggle="dropdown"] .mwicon-arrow6_d {
        font-size: 18px;
        bottom: -3px;
        color: #455771; }
      .links-promo .dropdown a[data-toggle="dropdown"]:hover {
        color: #008ce5; }
        .links-promo .dropdown a[data-toggle="dropdown"]:hover .mwicon-arrow6_d {
          color: #008ce5; }
    .links-promo .dropdown .dropdown-menu li a {
      font-size: 15px; } }

.discount-box {
  cursor: pointer;
  background-color: #fffde2;
  border: 1px solid #d2e0f1;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex; }
  @media (max-width: 767px) {
    .discount-box {
      -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
      flex-flow: wrap; } }
  .discount-box .discount-sign {
    width: 50%;
    min-width: 60px; }
    @media (min-width: 768px) {
      .discount-box .discount-sign {
        min-width: 90px;
        width: inherit; } }
    @media (min-width: 992px) {
      .discount-box .discount-sign {
        min-width: 130px; } }
  .discount-box .text-wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    margin: 10px; }
    @media (min-width: 768px) {
      .discount-box .text-wrapper {
        margin: 0 0 0 45px;
        white-space: nowrap; } }
    @media (max-width: 767px) {
      .discount-box .text-wrapper {
        text-align: center; } }
    .discount-box .text-wrapper .title {
      margin: 0;
      color: #455771; }
    .discount-box .text-wrapper .desc {
      color: #455771; }
  @media (max-width: 767px) {
    .discount-box .info-link {
      width: 50%; } }
  @media (min-width: 768px) {
    .discount-box .info-link {
      max-width: 75px; } }
  .discount-box .info-link a {
    line-height: 65px;
    margin-right: 35px; }
    .discount-box .info-link a .icon {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      background-color: #c7d3e5;
      border-radius: 20px;
      max-width: 40px;
      height: auto;
      transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s; }
      .discount-box .info-link a .icon:hover {
        background-color: #008ce5; }

.feature-icons {
  font-size: 50px;
  margin: 25px 0 35px 0;
  line-height: 60px;
  color: #8c97a7; }

.section-contact {
  text-align: center; }
  .section-contact .contact-item {
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 40px; }
    .section-contact .contact-item img {
      max-width: 100%;
      height: auto;
      margin-bottom: 20px; }
    .section-contact .contact-item a {
      margin-top: 10px; }
    .section-contact .contact-item a, .section-contact .contact-item b {
      display: block; }

.section-mozaweb-intro {
  text-align: center; }
  .section-mozaweb-intro .brand-logo {
    text-align: left;
    top: 80px; }

.intro-image img {
  max-width: 100%;
  height: auto; }

.section-tools {
  text-align: center; }
  .section-tools .preview-images {
    padding: 50px 0; }
  .section-tools .app-icons {
    text-align: center;
    white-space: nowrap; }
    .section-tools .app-icons a {
      padding: 0 10px;
      max-width: 20%;
      display: inline-block; }

.app-icons {
  text-align: center;
  white-space: nowrap; }
  .app-icons img {
    display: inline-block;
    margin: 0 20px;
    max-width: 85px;
    height: auto; }

.section-home:last-child {
  border: 0; }

.section-home.white {
  background: #FFF; }

.section-home.dark {
  background: #31414d;
  color: #FFF; }
  .section-home.dark a {
    color: #40cffe; }
    .section-home.dark a.btn-primary {
      color: #FFF; }

.section-home h2 {
  margin-bottom: 20px; }

.section-home .section-titles {
  margin-bottom: 30px; }

.section-home .container {
  padding-top: 50px;
  text-align: center; }

.section-home .game-item, .section-home .tool-item, .section-home .media-item {
  min-height: 230px; }
  .section-home .game-item h4, .section-home .tool-item h4, .section-home .media-item h4 {
    margin: 0 0 5px 0; }

.section-home .image {
  width: 100%;
  max-width: inherit; }
  .section-home .image img {
    width: 100%; }

.section-home.warning-text .container {
  padding-top: 0; }

.section-home h4 {
  max-width: 750px;
  margin: 20px auto; }

.section-home .book-item {
  min-height: 230px; }
  .section-home .book-item .image {
    width: auto;
    max-width: inherit; }

.section-home.gray {
  background: #f2f5f9; }

.slider-wrapper {
  text-align: center; }
  .slider-wrapper .container {
    padding-top: 0;
    padding-bottom: 0; }

.top-image {
  background: #FFF;
  text-align: center;
  padding-top: 50px; }
  .top-image img {
    height: auto;
    display: inline-block; }

#slider {
  position: relative;
  min-height: 400px; }
  #slider img {
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0; }

.home-videos .btn-primary, .home-videos .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .home-videos button {
  max-height: 260px;
  white-space: normal; }

.home-videos .more-videos a img {
  width: 100%;
  height: 100%;
  min-width: inherit; }

.home-slider, .shop-slider {
  overflow: hidden;
  position: relative; }
  .home-slider .top-image, .shop-slider .top-image {
    background: #FFF;
    height: 500px;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    opacity: 0; }
  .home-slider .mobile-slider-image, .shop-slider .mobile-slider-image {
    display: none; }
  .home-slider .slick-dots, .shop-slider .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1000; }
    .home-slider .slick-dots li button, .shop-slider .slick-dots li button {
      width: 14px;
      height: 14px;
      background: #FFF;
      border: 2px solid #FFF;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
      margin: 0 5px; }
    .home-slider .slick-dots li.slick-active button, .shop-slider .slick-dots li.slick-active button {
      background: #f47711; }

.shop-slider {
  height: 400px; }

.home-slider {
  overflow: hidden; }
  .home-slider > div {
    position: relative;
    width: 100%;
    overflow: hidden; }
  .home-slider a {
    background-size: cover;
    background-position: center;
    display: block; }
  .home-slider .slick-slide {
    overflow: hidden;
    position: relative; }
    .home-slider .slick-slide video, .home-slider .slick-slide canvas {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 500; }
    .home-slider .slick-slide video {
      top: 0 !important; }
  .home-slider .slide img {
    width: 100%;
    height: auto;
    display: none;
    position: relative;
    z-index: 100; }
  .home-slider .slide.slick-ready .desktop-slider-image {
    display: block; }

.offers_landing .bg {
  background-color: #e6ecf6;
  padding-top: 20px; }

.offers_landing .offers {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.offers_landing .box {
  padding: 20px; }
  .offers_landing .box .inside-box {
    background-color: #fff;
    border: 1px solid #d2e0f1;
    text-align: center;
    padding: 25px 35px 40px 35px;
    height: 100%; }
  .offers_landing .box .main-img {
    padding-bottom: 25px; }
    .offers_landing .box .main-img img {
      width: 100%;
      transition: all .2s ease-in-out; }
      .offers_landing .box .main-img img:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); }
  .offers_landing .box .title {
    font-size: 30px; }
  .offers_landing .box .desc {
    min-height: 65px;
    margin-bottom: 30px; }

@media (max-width: 1000px) {
  .home-slider .slick-slide video, .home-slider .slick-slide canvas {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); } }

.video-bg {
  position: relative;
  z-index: 300;
  border-top: 0;
  border: 2px solid #c2d1e4; }
  .video-bg:not(.mobile-video-loaded):after {
    content: '';
    display: block;
    border-top-color: transparent;
    z-index: 400;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .video-bg.mobile-video-loaded .play-mark {
    display: none; }

.slick-slide video {
  display: none; }

@media (max-width: 991px) {
  .slider-video {
    display: none; } }

.section-image-wrapper {
  position: relative; }
  .section-image-wrapper video, .section-image-wrapper canvas {
    position: absolute;
    z-index: 600;
    width: auto;
    height: auto; }

.home-footer-text {
  font-size: 12px;
  text-align: left; }

.section-awards .container {
  border-top: 1px solid #dee5f2; }
  .section-awards .container .slick-dots {
    margin-bottom: 0; }

.image-board video, .image-board canvas {
  left: 19px;
  top: 18px; }

.image-monitor2 video, .image-board canvas {
  left: 25px;
  top: 24px; }

@media (max-width: 1199px) {
  .image-board video, .image-board canvas {
    left: 15px;
    top: 14px;
    width: 413px; }
  .image-monitor2 video, .image-monitor2 canvas {
    left: 20px;
    top: 20px;
    width: 403px; } }

@media (max-width: 991px) {
  .image-board video, .image-board canvas {
    left: 16px;
    top: 14px;
    width: 420px; }
  .image-monitor2 video, .image-monitor2 canvas {
    left: 20px;
    top: 19px;
    width: 409px; } }

@media (max-width: 519px) {
  .image-board video, .image-board canvas {
    left: 10px;
    top: 9px;
    width: 261px; }
  .image-monitor2 video, .image-monitor2 canvas {
    left: 13px;
    top: 13px;
    width: 254px; } }

@media (max-width: 1199px) {
  .home-digital-learning .home-promo-video a {
    height: auto; }
  .home-slider > div {
    position: relative;
    width: 100%;
    height: auto; }
  .top-image {
    padding-top: 0; }
  .section-image-wrapper {
    max-width: 450px; }
    .section-image-wrapper .shadow {
      -ms-transform: scale(0.84);
      transform: scale(0.84);
      -webkit-transform: scale(0.84); }
  .section-videos .container {
    padding-top: 0;
    padding-bottom: 0; }
  .section-videos .video .info {
    width: 50%;
    padding: 30px; }
    .section-videos .video .info div {
      padding: 0; } }

@media (max-width: 991px) {
  .section-feature > a {
    padding-left: 28px; }
    .section-feature > a i {
      position: absolute;
      left: 0;
      top: 17px; }
    .section-feature > a span {
      display: inline-block; }
  .section-blog {
    border-bottom: 1px solid #c7d3e5; }
    .section-blog .slick-dots {
      margin-bottom: 0; }
  .brand-logo {
    position: static; }
    .brand-logo h1 {
      font-size: 50px;
      line-height: 50px; }
    .brand-logo h1, .brand-logo h2 {
      margin-left: 0; }
    .brand-logo i {
      display: inline-block;
      float: none;
      margin: 0 0 15px 0; }
  .section {
    text-align: center; }
    .section .container {
      padding-top: 40px;
      padding-bottom: 40px; }
    .section .section-titles, .section .section-description, .section .section-features {
      float: none;
      margin-left: 0;
      width: auto; }
    .section .section-features {
      text-align: left; }
    .section .section-mainpage-licence-helper img {
      width: 350px; }
  .home-digital-learning.section-home .container {
    padding-bottom: 0; }
  .home-digital-learning p.narrow {
    padding-left: 15px;
    padding-right: 15px; }
  .home-digital-learning .home-promo-video p {
    margin-bottom: 0; }
  .home-digital-learning .home-promo-video.col-xs-4 {
    margin-bottom: 0; }
  .section-licence-helper .licence-options .box {
    padding: 20px 0 10px 0;
    margin: 0; }
  .home-slider {
    height: auto; }
    .home-slider .slide {
      overflow: hidden; }
      .home-slider .slide img {
        width: 130%;
        margin-left: -15%; }
  .section-home .col-xs-6.game-item, .section-home .col-xs-6.tool-item {
    min-height: inherit; }
  .section-image-wrapper {
    float: none !important;
    margin: 0 0 20px 0;
    width: auto; }
  .promo-intro {
    padding: 20px 0 50px 0; }
    .promo-intro p {
      padding-left: 0;
      padding-right: 0; }
  .section-iconed-block {
    margin-bottom: 30px; }
    .section-iconed-block i {
      font-size: 40px;
      float: none;
      margin-bottom: 20px;
      display: block; }
    .section-iconed-block h3, .section-iconed-block h4, .section-iconed-block p {
      margin: 0; }
  .section-tools .preview-images {
    padding: 0; }
  .section h2, .section-home h2 {
    margin: 10px 0 20px 0; }
  .section.section-intro {
    margin-top: 0; }
    .section.section-intro .container {
      padding-top: 30px; }
  .section.section-videos .container {
    padding: 30px 15px; }
  .section.section-videos .video img {
    max-width: 100%;
    height: auto;
    display: none; }
  .section.section-videos .video .video-bg.video-mobile {
    margin-bottom: 15px; }
  .section.section-videos .video .info {
    position: static;
    padding: 0 15px;
    width: 100%;
    background: none;
    text-align: center;
    margin-bottom: 20px; }
  .section.section-videos .more-videos {
    margin-bottom: 30px; }
    .section.section-videos .more-videos > div {
      border-bottom: 2px solid #c2d1e4; }
    .section.section-videos .more-videos a {
      position: relative;
      padding: 0; }
      .section.section-videos .more-videos a .play-mark {
        display: none; }
      .section.section-videos .more-videos a img {
        width: 100%;
        height: auto; }
  .section-mozabook-tablet .section-image-wrapper img {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    float: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .home-videos .more-videos {
    margin-bottom: 30px; } }

@media (max-width: 991px) {
  .no-mb {
    margin-bottom: 0; }
  .brand-logo.smaller-xs h1 {
    font-size: 30px;
    line-height: 30px; }
  .brand-logo.smaller-xs .large-icon {
    font-size: 50px; }
  .brand-logo h2 {
    margin: auto; }
  .promo-licence-options {
    margin: 15px 0;
    position: static; }
    .promo-licence-options .licence-option-text {
      text-align: center; }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box {
    margin-bottom: 10px;
    font-size: 13px; }
  .section-image-wrapper {
    max-width: 360px; }
  .home-digital-learning .home-promo-video p {
    font-size: 14px; }
  .section-mozabook-tablet .section-image-wrapper {
    max-width: 224px; }
    .section-mozabook-tablet .section-image-wrapper img {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      float: none; }
  .section-awards .row .award-item {
    font-size: 13px; }
    .section-awards .row .award-item h4 {
      font-size: 16px; }
  .section {
    overflow: hidden; }
    .section .testimonial-item {
      height: auto;
      min-height: 200px; }
    .section.section-testimonials .container {
      padding-bottom: 0; }
  .section-videos .more-videos a {
    padding: 0 15px;
    max-height: none; }
    .section-videos .more-videos a img {
      max-height: none; }
  .section .container, .section-home .container {
    padding-top: 30px;
    padding-bottom: 30px; }
  .section-3dmodels .image-samples {
    text-align: center; }
    .section-3dmodels .image-samples a {
      position: relative;
      display: block;
      float: left;
      width: 50%;
      margin: 0; }
      .section-3dmodels .image-samples a img {
        vertical-align: top;
        max-width: 100%; }
  .offers_landing .main-img img {
    max-width: 400px; }
  .licence-helper-block-title {
    font-size: 20px; } }

.image-gif {
  position: relative;
  margin: auto;
  width: 290px;
  height: 221.5px; }
  .image-gif .background, .image-gif .foreground {
    position: absolute;
    max-width: 290px; }
  .image-gif .gif-img {
    position: absolute; }
    .image-gif .gif-img .gif-wrapper {
      position: relative;
      width: 290px;
      height: 221.5px; }
      .image-gif .gif-img .gif-wrapper .gif {
        position: absolute;
        top: 92px;
        left: 95px;
        width: 126px; }
  @media (min-width: 520px) {
    .image-gif {
      width: 490px;
      height: 374px; }
      .image-gif .background, .image-gif .foreground {
        max-width: 490px; }
      .image-gif .gif-img .gif-wrapper {
        width: 490px;
        height: 374px; }
        .image-gif .gif-img .gif-wrapper .gif {
          top: 154px;
          left: 160px;
          width: 214px; } }
  @media (min-width: 768px) {
    .image-gif {
      width: 578px;
      height: 441.5px; }
      .image-gif .background, .image-gif .foreground {
        max-width: 578px; }
      .image-gif .gif-img .gif-wrapper {
        width: 578px;
        height: 441.5px; }
        .image-gif .gif-img .gif-wrapper .gif {
          top: 183px;
          left: 189px;
          width: initial; } }

@media (max-width: 650px) {
  .section-licence-helper.licencehelper-licence-helper .licence-options .col-xs-4 {
    width: 100%;
    margin-bottom: 0; }
  .section-licence-helper.licencehelper-licence-helper .licence-options .box {
    text-align: left;
    padding: 15px 15px 0 130px;
    margin-bottom: 0;
    min-height: 115px;
    margin-left: 0;
    margin-right: 0; }
    .section-licence-helper.licencehelper-licence-helper .licence-options .box__link {
      display: block;
      font-weight: bold; }
    .section-licence-helper.licencehelper-licence-helper .licence-options .box__image {
      position: absolute;
      width: 95px;
      left: 15px; }
      .section-licence-helper.licencehelper-licence-helper .licence-options .box__image img {
        margin: 0; }
    .section-licence-helper.licencehelper-licence-helper .licence-options .box.active {
      margin-bottom: 15px;
      border-bottom: 1px solid #d2e0f1; }
      .section-licence-helper.licencehelper-licence-helper .licence-options .box.active :after {
        border-color: transparent;
        border: none; }
      .section-licence-helper.licencehelper-licence-helper .licence-options .box.active :before {
        border-color: transparent;
        border: none; }
  .home-slider .desktop-slider-image {
    display: none; }
  .home-slider .slide img {
    width: 100%;
    margin: 0; }
  .home-slider .slide.slick-ready .desktop-slider-image {
    display: none; }
  .home-slider .slide.slick-ready .mobile-slider-image {
    display: block; }
  .home-slider .mobile-slider-image {
    display: block; }
  .home-slider .slick-dots li button {
    width: 12px;
    height: 12px; } }

@media (max-width: 519px) {
  .home-promo-video.col-xs-4 {
    width: 100%; }
  .licence-helper-block-title {
    font-size: 16px; }
  .section-licence-helper.licencehelper-licence-helper {
    margin-bottom: 0; }
    .section-licence-helper.licencehelper-licence-helper .col-xs-4 {
      width: 100%; }
  .section-licence-helper.section .container {
    padding-bottom: 30px; }
  .section-licence-helper .licence-options .col-xs-4.home-licence-helper {
    width: 100%;
    margin-bottom: 0; }
    .section-licence-helper .licence-options .col-xs-4.home-licence-helper .box {
      text-align: left; }
    .section-licence-helper .licence-options .col-xs-4.home-licence-helper .home-licence-helper__title {
      margin-left: 15px; }
    .section-licence-helper .licence-options .col-xs-4.home-licence-helper p {
      margin-left: 130px; }
    .section-licence-helper .licence-options .col-xs-4.home-licence-helper img {
      max-width: 115px;
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      float: left; } }

@media (min-width: 520px) and (max-width: 520px) {
  .section-image-wrapper video {
    left: 15px;
    top: 14px;
    width: 330px; } }

@media (max-width: 519px) {
  .section-mozabook-tablet .section-image-wrapper {
    max-width: 224px; }
  .section-image-wrapper {
    width: 280px; }
    .section-image-wrapper img {
      min-width: 100%; }
    .section-image-wrapper .shadow {
      -ms-transform: scale(0.52);
      transform: scale(0.52);
      -webkit-transform: scale(0.52); } }

#tablet-promo .brand-logo h2 {
  max-width: 380px; }

#tablet-promo .top-image img.nice-girl {
  margin-top: -100px;
  /*rtl:raw:
            margin-left: -250px;
         */ }

#tablet-promo .download-buttons > a, #tablet-promo .download-buttons span {
  display: inline-block;
  margin: 0 5px; }

#tablet-promo .download-buttons span {
  opacity: .3; }

#tablet-promo .section-intro .container {
  padding-bottom: 0; }

#tablet-promo .section-01 .container {
  padding-top: 0; }

#tablet-promo .section-01 .section-titles, #tablet-promo .section-01 .section-description {
  width: 43%;
  margin-right: 50px; }

#tablet-promo .section-02 img {
  margin-top: -100px;
  max-width: 400px; }

#tablet-promo .section-02 .section-titles, #tablet-promo .section-02 .section-description {
  padding-left: 80px; }

#tablet-promo .section-02 .container {
  padding-top: 20px;
  padding-bottom: 0; }

#tablet-promo .section-03 .container {
  padding-top: 0;
  padding-bottom: 0; }

#tablet-promo .section-03 h2 {
  margin-bottom: 10px; }

#tablet-promo .section-03 .text-block {
  color: #FFF;
  width: 45%;
  top: 30px;
  /*rtl:ignore*/
  right: 50px;
  position: absolute;
  z-index: 500; }

#tablet-promo .section-03 .video-bg img {
  max-width: 100%; }

#tablet-promo .section-03 .sample-images {
  height: 205px;
  overflow: hidden; }
  #tablet-promo .section-03 .sample-images span {
    display: block;
    float: left;
    width: calc(100% / 3);
    border-right: 2px solid #c2d1e4;
    border-bottom: 2px solid #c2d1e4; }
    #tablet-promo .section-03 .sample-images span:first-child {
      border-left: 2px solid #c2d1e4; }
    #tablet-promo .section-03 .sample-images span img {
      max-width: 100%; }

#tablet-promo .section-04 .section-image-wrapper {
  width: 55%; }

#tablet-promo .section-04 .section-titles {
  margin-top: -20px; }

#tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
  width: 40%; }

#tablet-promo .section-04 .container {
  padding-bottom: 0; }

@media (min-width: 1199px) {
  #tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
    width: 38%;
    margin-right: 2%; } }

@media (max-width: 1199px) {
  #tablet-promo .top-image img.nice-girl {
    margin-top: -50px; }
  #tablet-promo .brand-logo i {
    float: left;
    margin-top: 0; }
  #tablet-promo .brand-logo h1, #tablet-promo .brand-logo h2 {
    margin-left: 20px; }
  #tablet-promo .section-01 .section-titles {
    padding-top: 0; }
  #tablet-promo .section-02 .section-description, #tablet-promo .section-02 .section-titles {
    padding-left: 0; }
  #tablet-promo .section-02 img {
    margin-top: -100px; }
  #tablet-promo .section-02 .container {
    padding-top: 80px; }
  #tablet-promo .section-03 .text-block {
    width: 55%;
    top: 10px;
    right: 30px; }
  #tablet-promo .section-03 .sample-images {
    height: 165px; }
  #tablet-promo .section-04 .section-image-wrapper {
    width: 50%; }
  #tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
    width: 45%; } }

@media (max-width: 991px) {
  #tablet-promo .top-image img.nice-girl {
    margin-top: 0; }
  #tablet-promo .section-intro .download-buttons a, #tablet-promo .section-intro .download-buttons span {
    margin-bottom: 10px; }
  #tablet-promo .download-buttons > span, #tablet-promo .download-buttons > a {
    width: 45%; }
    #tablet-promo .download-buttons > span img, #tablet-promo .download-buttons > a img {
      max-width: 100%; }
  #tablet-promo .top-image img {
    margin-top: 0; }
  #tablet-promo .brand-logo i {
    float: none; }
  #tablet-promo .brand-logo h1, #tablet-promo .brand-logo h2 {
    margin: auto; }
  #tablet-promo .section-01 .section-titles, #tablet-promo .section-01 .section-description {
    width: 100%;
    margin-right: 0; }
  #tablet-promo .section-02 .container {
    padding-bottom: 30px; }
  #tablet-promo .section-02 img {
    margin-top: 0;
    max-width: 100%; }
  #tablet-promo .section-03 .video-bg .text-block {
    position: static;
    width: 100%;
    padding: 20px; }
  #tablet-promo .section-03 .video-bg:after {
    display: none; }
  #tablet-promo .section-03 .container {
    padding-bottom: 25px; }
  #tablet-promo .section-03 .sample-images {
    display: none; }
  #tablet-promo .section-04 .section-image-wrapper, #tablet-promo .section-04 .section-titles, #tablet-promo .section-04 .section-description {
    width: 100%; } }

.mozabtn {
  min-width: 200px; }
  .mozabtn img {
    margin-top: -3px;
    margin-right: 3px; }

.mozalink {
  font-weight: normal; }
  .mozalink a {
    font-weight: normal; }

#compare-anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden; }

.mainpage-promo-images img.position_abs {
  position: absolute;
  top: 0;
  left: 0; }

@media (520px) and (max-width: 991px) {
  .margin-medium-content {
    margin-top: 20px; } }

@media (520px) and (max-width: 767px) {
  .section-image-wrapper video {
    left: 15px;
    top: 14px;
    width: 330px; } }

.promo-img img {
  display: block;
  margin: auto; }

.promo-content {
  background: #f2f5f9; }
  .promo-content .table-like .row .county {
    padding-top: 10px;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .promo-content .table-like .row .county--center {
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .promo-content .table-like .phone-number {
    text-align: left;
    margin-top: -10px; }
    @media (min-width: 768px) {
      .promo-content .table-like .phone-number {
        text-align: right;
        margin-top: 0; } }
  .promo-content .table-like hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #c7d3e5; }
  .promo-content .table-like:last-child {
    margin-bottom: 40px; }

#mozaweb-qr .top-title,
#mozaweb-viewer .top-title {
  float: left;
  width: 100%;
  margin-top: 20px; }
  @media (min-width: 992px) {
    #mozaweb-qr .top-title,
    #mozaweb-viewer .top-title {
      margin-tp: 50px;
      margin-bottom: 20px; } }
  #mozaweb-qr .top-title .download-3dviewer-icon,
  #mozaweb-viewer .top-title .download-3dviewer-icon {
    width: 80px;
    height: 80px;
    background: url("../assets/images/bird-3dviewer.png")/*tpa=https://cn.mozaweb.com/assets/images/bird-3dviewer.png*/ no-repeat top left;
    background-size: cover;
    margin: 15px 15px 15px 0;
    float: left; }
  #mozaweb-qr .top-title .download-mozaik-icon,
  #mozaweb-viewer .top-title .download-mozaik-icon {
    width: 80px;
    height: 80px;
    background: url("../assets/images/promo-qr-icon.png")/*tpa=https://cn.mozaweb.com/assets/images/promo-qr-icon.png*/ no-repeat top left;
    background-size: cover;
    margin: 15px 15px 15px 0;
    float: left; }
  #mozaweb-qr .top-title h1,
  #mozaweb-viewer .top-title h1 {
    font-size: 35px;
    margin: 14px 0 0; }
    @media (min-width: 992px) {
      #mozaweb-qr .top-title h1,
      #mozaweb-viewer .top-title h1 {
        font-size: 50px; } }
  #mozaweb-qr .top-title h2,
  #mozaweb-viewer .top-title h2 {
    font-size: 20px;
    margin: 0; }

#mozaweb-viewer #mozaweb-slider-wrapper {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer {
    position: absolute;
    left: 20%;
    color: #ffffff;
    width: 450px; }
    @media (max-width: 991px) {
      #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer {
        left: initial;
        margin: auto; } }
    @media (max-width: 450px) {
      #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer {
        width: 100%; } }
    #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .icon-wrapper {
      position: relative;
      width: 70px;
      margin: auto; }
      #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .icon-wrapper i {
        z-index: 2; }
    #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .mwicon-p_3dviewer.fill-square {
      color: #de372d; }
    #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .video-play-button {
      background: url("../assets/images/fizika/play.png")/*tpa=https://cn.mozaweb.com/assets/images/fizika/play.png*/;
      width: 65px;
      height: 65px;
      margin: auto;
      display: block;
      cursor: pointer; }
      @media (max-width: 1300px) {
        #mozaweb-viewer #mozaweb-slider-wrapper .slider-layer .video-play-button {
          display: none; } }
  #mozaweb-viewer #mozaweb-slider-wrapper .viewer-slider-overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 21; }

#mozaweb-viewer .promo-viewer-images img {
  max-width: 100%; }
  @media (max-width: 1800px) and (min-width: 1200px) {
    #mozaweb-viewer .promo-viewer-images img {
      max-width: 33%; } }

#mozaweb-viewer .m3d-content-img {
  margin: 0 auto; }

#mozaweb-viewer .promo-viewer-animate {
  opacity: 0; }
  #mozaweb-viewer .promo-viewer-animate.left {
    padding-right: 100px; }
  #mozaweb-viewer .promo-viewer-animate.right {
    padding-left: 100px; }

#mozaweb-viewer .section-download-header {
  text-align: left; }
  @media (max-width: 767px) {
    #mozaweb-viewer .section-download-header {
      text-align: center; } }

.matek-footer,
.m3d-footer {
  background-color: #6e86a0;
  color: #ffffff; }
  .matek-footer .img-center,
  .m3d-footer .img-center {
    margin: 0 auto;
    padding-bottom: 40px; }
    .matek-footer .img-center img,
    .m3d-footer .img-center img {
      margin-bottom: 15px; }
  .matek-footer p,
  .m3d-footer p {
    text-transform: uppercase; }

.grey-link {
  color: #455771; }

#product-benefits h2 {
  margin: 0 0 20px 0; }

#product-benefits ul {
  padding-left: 0;
  list-style-position: inside;
  list-style: none; }

#product-benefits ul li {
  padding-bottom: 5px; }

#product-benefits ul li::before {
  background-color: #16A0FA;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px;
  height: 10px;
  width: 10px; }

@media (max-width: 1199px) {
  #promo-click_n_learn .cnl-book {
    padding: 30px 0; } }

#promo-click_n_learn .orange-title {
  color: #f08200;
  font-weight: bold;
  font-size: 20px; }

#promo-click_n_learn .books-row .container {
  padding-bottom: 0; }

#promo-click_n_learn .books-row .books-row-bg {
  background-color: #e8edf5; }
  #promo-click_n_learn .books-row .books-row-bg img {
    margin: -50px 0; }

#promo-click_n_learn .section-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #promo-click_n_learn .section-title img {
    margin-right: 20px; }
  #promo-click_n_learn .section-title h3 {
    margin: 0; }

#promo-click_n_learn .section-mozabook {
  margin-top: 40px;
  padding-bottom: 100px; }

#promo-click_n_learn .gray-bg {
  background-color: #f2f5f9; }

#promo-click_n_learn .gray-bg-2 {
  background-color: #dfe3f1; }

#promo-click_n_learn h4 {
  font-size: 20px;
  font-weight: bold; }

#promo-click_n_learn .section-list {
  padding-bottom: 80px; }
  #promo-click_n_learn .section-list a {
    padding-left: 15px; }

#promo-click_n_learn .cnl-list {
  list-style: none;
  padding: 0;
  margin-bottom: 25px; }
  #promo-click_n_learn .cnl-list li {
    font-size: 15px;
    vertical-align: middle;
    padding-left: 15px;
    margin: 0 0 5px;
    position: relative; }
  #promo-click_n_learn .cnl-list li:before {
    content: "";
    background-color: #008ce5;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 0;
    border-radius: 50%;
    position: absolute; }

@media (min-width: 992px) {
  #promo-click_n_learn .section-mozaik3d .image-container {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-top: 50px; } }

#promo-click_n_learn .section-vr .image-wrapper {
  position: relative;
  border: 2px solid #fff;
  border-top: none; }
  @media (max-width: 767px) {
    #promo-click_n_learn .section-vr .image-wrapper {
      border: none; } }
  #promo-click_n_learn .section-vr .image-wrapper img {
    max-width: 100%; }
  @media (min-width: 768px) {
    #promo-click_n_learn .section-vr .image-wrapper .image-text {
      position: absolute;
      top: 8%;
      right: 7%;
      width: 50%; } }
  @media (max-width: 767px) {
    #promo-click_n_learn .section-vr .image-wrapper .image-text {
      padding: 15px; } }

#promo-click_n_learn .section-vr .more-videos a:before {
  border-right: 2px solid #fff; }

#promo-click_n_learn .section-vr .more-videos a:first-child:before {
  border-left: 2px solid #fff; }

@media (max-width: 991px) {
  #promo-click_n_learn .section-vr .more-videos a {
    padding: 0; } }

@media (max-width: 767px) {
  #promo-click_n_learn .section-vr .more-videos a {
    padding: 0 15px; }
    #promo-click_n_learn .section-vr .more-videos a:before, #promo-click_n_learn .section-vr .more-videos a:first-child:before {
      border: none; } }

#promo-click_n_learn .section-vr .no-padding {
  padding: 0; }

#promo-click_n_learn .section-footer i {
  color: #c84127; }

#promo-click_n_learn .section-footer .brand-title {
  margin: 0 10px;
  font-size: 28px;
  font-weight: bold; }
  #promo-click_n_learn .section-footer .brand-title span {
    font-size: 42px; }

#mozaweb-promo .top-image {
  display: block;
  padding-top: 60px; }

#mozaweb-promo .section-intro .shadow {
  opacity: .4; }

#mozaweb-promo .section-intro .container {
  padding-bottom: 0; }

#mozaweb-promo .section-creator {
  min-height: 530px;
  overflow: hidden; }
  #mozaweb-promo .section-creator .shadow {
    opacity: .4; }

@media (max-width: 991px) {
  #mozaweb-promo .section-digitalbooks {
    padding-bottom: 0; }
    #mozaweb-promo .section-digitalbooks .book-slides {
      padding-bottom: 0; }
      #mozaweb-promo .section-digitalbooks .book-slides .prev-btn, #mozaweb-promo .section-digitalbooks .book-slides .next-btn {
        display: inline-block;
        position: static;
        margin: 20px 10px 0 20px; } }

.section-digitalbooks {
  text-align: center; }
  .section-digitalbooks .book-slides .image {
    margin-right: 10px;
    margin-left: 10px;
    max-width: inherit; }

@media (max-width: 991px) {
  .section-3dmodels .section-image-wrapper {
    display: none; }
  .section-3dmodels .container {
    min-height: inherit; }
  .section-3dmodels .image-samples {
    overflow-x: scroll; }
  #mozaweb-promo .section-tools .section-description {
    padding: 0; }
  #mozaweb-promo .section-tools .app-icons {
    display: none; }
  #mozaweb-promo .section-digitalbooks {
    padding-bottom: 0; }
  .section-digitalbooks .book-slides .image {
    max-width: 50%; } }

@media (max-width: 519px) {
  body {
    font-size: 10px; } }

#monthly_for_students_android_ios {
  font-size: 1em; }
  #monthly_for_students_android_ios .mozaweb-mobile-header {
    background: linear-gradient(#213f7a, #3863a8);
    color: white;
    padding: 50px; }
    #monthly_for_students_android_ios .mozaweb-mobile-header .bird-header img {
      max-width: 270px;
      width: 30%;
      vertical-align: middle; }
    #monthly_for_students_android_ios .mozaweb-mobile-header .bird-header span {
      display: none;
      font-size: 4em;
      font-style: italic;
      font-weight: bold;
      color: #FFF055;
      vertical-align: middle;
      margin-left: -25px; }
      #monthly_for_students_android_ios .mozaweb-mobile-header .bird-header span.orange {
        color: #FFB311;
        margin: 0; }
    #monthly_for_students_android_ios .mozaweb-mobile-header .product-name {
      font-size: 3em;
      font-style: italic;
      font-weight: bold;
      margin: 30px 0; }
    #monthly_for_students_android_ios .mozaweb-mobile-header .title {
      font-size: 2.5em;
      color: #6cd3f0;
      font-weight: bold; }
    #monthly_for_students_android_ios .mozaweb-mobile-header .subtitle {
      font-size: 1.5em; }
  #monthly_for_students_android_ios .mozaweb-mobile-desc {
    padding: 40px 30px; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc .list-header {
      color: #008ce5;
      font-weight: bold;
      font-size: 2em;
      margin-bottom: 10px; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc .licence-helper-sub-list li {
      font-size: 1.5em; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc .price {
      font-weight: normal;
      font-size: 3em; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc .sub-text {
      font-size: 1em;
      margin-bottom: 20px; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc .btn-large {
      font-size: 1.75em;
      border-radius: 1.75em; }
  @media (max-width: 767px) {
    #monthly_for_students_android_ios .mozaweb-mobile-header {
      padding: 20px; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc {
      padding: 15px 5px; }
      #monthly_for_students_android_ios .mozaweb-mobile-desc .list-header {
        margin: 5px; }
      #monthly_for_students_android_ios .mozaweb-mobile-desc .licence-helper-sub-list li {
        line-height: inherit; }
      #monthly_for_students_android_ios .mozaweb-mobile-desc .js-price {
        margin-top: 25px; }
      #monthly_for_students_android_ios .mozaweb-mobile-desc .sub-text {
        margin-bottom: 10px; } }
  @media (max-width: 519px) and (max-height: 650px) {
    #monthly_for_students_android_ios .mozaweb-mobile-header {
      padding: 20px; }
      #monthly_for_students_android_ios .mozaweb-mobile-header .bird-header img {
        max-width: 270px;
        width: 40%;
        vertical-align: middle;
        margin-bottom: 10px; }
      #monthly_for_students_android_ios .mozaweb-mobile-header .product-name {
        margin: 5px 0 10px; }
    #monthly_for_students_android_ios .mozaweb-mobile-desc {
      padding: 15px 5px; }
      #monthly_for_students_android_ios .mozaweb-mobile-desc .licence-helper-sub-list li {
        line-height: inherit; }
      #monthly_for_students_android_ios .mozaweb-mobile-desc .js-price {
        margin-top: 15px; } }

#mozabook-promo .price b {
  font-size: 20px; }

#mozabook-promo .top-image {
  padding-top: 10px;
  text-align: center; }

#mozabook-promo .section-intro .container {
  padding-bottom: 30px; }

#mozabook-promo .section-digitalbooks {
  margin-top: -90px;
  overflow: hidden; }
  #mozabook-promo .section-digitalbooks .shadow {
    opacity: .5; }

#mozabook-promo .section-creator {
  overflow: hidden; }

#mozabook-promo .section-homeandschool .shadow, #mozabook-promo .section-intro .shadow, #mozabook-promo .section-creator .shadow, #mozabook-promo .section-creative .shadow {
  opacity: .4; }

#mozabook-promo .section-homeandschool .container {
  padding-top: 0px; }

#mozabook-promo .section-homeandschool {
  overflow: hidden; }

#mozabook-promo .section-tools {
  text-align: center; }

#mozabook-promo .section-feature-blocks .container {
  padding-bottom: 40px; }

#mozabook-promo .section-creative {
  overflow: hidden;
  margin-top: -100px;
  clear: both; }

@media (min-width: 768px) and (max-width: 991px) {
  #mozabook-promo .section-image-wrapper video {
    width: 336px;
    left: 12px;
    top: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #mozabook-promo .mainpage_title_boxes .box {
    min-height: 225px; }
  #mozabook-promo .mainpage_title_boxes .box .promo-text-wrapper {
    height: auto;
    min-height: 100px; } }

@media (max-width: 991px) {
  #mozabook-promo .section-intro .container {
    padding-bottom: 30px; }
  #mozabook-promo .section-digitalbooks {
    margin-top: 0px; }
  #mozabook-promo .section-digitalbooks .container {
    border-bottom: 1px solid #dee5f2; }
  #mozabook-promo .section-creative {
    margin-top: 0; } }

@media (max-width: 519px) {
  #mozabook-promo .feature-icons i {
    font-size: 30px;
    padding: 5px; }
  #mozabook-promo .section-intro .container .shadow {
    left: 0px;
    -ms-transform: scale(0.58);
    transform: scale(0.58);
    -webkit-transform: scale(0.58); } }

#mozamap-promo .top-image {
  display: block;
  text-align: center; }
  #mozamap-promo .top-image .brand-logo {
    display: inline-block;
    position: relative;
    z-index: 400;
    top: -120px;
    float: none; }
  #mozamap-promo .top-image img {
    max-width: 1200px;
    margin: 0 -100px; }

#mozamap-promo .promo-intro {
  position: relative;
  z-index: 400;
  padding-left: 130px;
  padding-right: 130px;
  margin-top: -120px; }

#mozamap-promo .section-intro .container {
  padding-bottom: 0; }

#mozamap-promo .section-animation .shadow, #mozamap-promo .section-intro .shadow, #mozamap-promo .section-layers .shadow {
  opacity: .5; }

#mozamap-promo .section-layers, #mozamap-promo .section-animation, #mozamap-promo .section-intro {
  overflow: hidden; }

#mozamap-promo .mwicon-magnifier {
  display: block;
  margin-top: 16px;
  font-size: 30px;
  color: #455771;
  opacity: .5; }

#mozamap-promo .dark .mwicon-magnifier {
  color: #FFF; }

@media (max-width: 1199px) {
  #mozamap-promo .top-image {
    max-width: 100%;
    margin: 0; }
    #mozamap-promo .top-image .brand-logo {
      top: 0; }
  #mozamap-promo .promo-intro {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0; }
  #mozamap-promo .section-intro .container .shadow {
    left: 24px; } }

@media (max-width: 991px) {
  #mozamap-promo .top-image img {
    max-width: inherit; } }

#mozalog-promo .top-image {
  padding-top: 20px; }
  #mozalog-promo .top-image img.promo-jumbo {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

#mozalog-promo .section-timetables .shadow, #mozalog-promo .section-intro .shadow, #mozalog-promo .section-features .shadow, #mozalog-promo .section-digitallog .shadow {
  opacity: .4; }

#mozalog-promo .section {
  text-align: center; }

#mozalog-promo .section-intro .promo-intro {
  padding-bottom: 0; }

#mozalog-promo .section-intro p {
  margin-bottom: 0; }

#mozalog-promo .section-school-rights {
  background-color: #d5e1f1;
  color: #4c5782;
  border-bottom: 15px solid #f1f5fb;
  overflow: hidden; }
  #mozalog-promo .section-school-rights > .container {
    padding-top: 0;
    padding-bottom: 0; }
    #mozalog-promo .section-school-rights > .container:first-child {
      padding-top: 45px; }
    #mozalog-promo .section-school-rights > .container:last-child {
      padding-bottom: 60px; }
  @media (min-width: 1024px) {
    #mozalog-promo .section-school-rights .img-block-wrapper {
      background: url("../assets/images/mozalog/bg.png")/*tpa=https://cn.mozaweb.com/assets/images/mozalog/bg.png*/ repeat-x 0 -230px; } }
  #mozalog-promo .section-school-rights .img-block-wrapper .container {
    padding-top: 0;
    padding-bottom: 40px;
    overflow: hidden; }
  #mozalog-promo .section-school-rights .img-block {
    padding-bottom: 70px;
    clear: both;
    overflow: auto; }
  #mozalog-promo .section-school-rights .img-box {
    padding: 20px 17px 0 17px;
    width: 20%;
    float: left; }
    #mozalog-promo .section-school-rights .img-box img {
      width: 100%;
      cursor: pointer;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
      border: 6px solid #ffffff;
      border-radius: 50%;
      box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4); }
      #mozalog-promo .section-school-rights .img-box img:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); }
    #mozalog-promo .section-school-rights .img-box p {
      margin-top: 12px;
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: bold; }
    #mozalog-promo .section-school-rights .img-box.active {
      background-color: #e5ebf5;
      border: 1px solid #afc1e2;
      border-bottom: 4px solid #afc1e2;
      position: relative; }
      #mozalog-promo .section-school-rights .img-box.active :after, #mozalog-promo .section-school-rights .img-box.active :before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      #mozalog-promo .section-school-rights .img-box.active :after {
        border: 30px rgba(136, 183, 213, 0);
        border-top-color: #e5ebf5;
        margin-left: -30px; }
      #mozalog-promo .section-school-rights .img-box.active :before {
        border: 36px rgba(194, 225, 245, 0);
        border-top-color: #afc1e2;
        margin-left: -36px; }
  @media (max-width: 1024px) {
    #mozalog-promo .section-school-rights {
      background: #d5e1f1; }
      #mozalog-promo .section-school-rights .img-box {
        display: inline-block;
        width: 75%;
        margin-bottom: 30px;
        float: none; }
        #mozalog-promo .section-school-rights .img-box img {
          max-width: 250px; } }

#mozalog-promo div[class*=inner-] {
  display: none;
  text-align: left;
  margin-bottom: 30px; }
  #mozalog-promo div[class*=inner-].active {
    display: block; }
  #mozalog-promo div[class*=inner-] a.btn, #mozalog-promo div[class*=inner-] a.btn-facebook, #mozalog-promo div[class*=inner-] a.btn-round, #mozalog-promo div[class*=inner-] a.btn-default, #mozalog-promo div[class*=inner-] a.btn-sausage, #mozalog-promo div[class*=inner-] a.btn-success, #mozalog-promo div[class*=inner-] a.btn-yellow, #mozalog-promo div[class*=inner-] a.btn-white {
    margin-bottom: 30px; }
  #mozalog-promo div[class*=inner-] i.fa {
    padding-left: 5px; }
  #mozalog-promo div[class*=inner-] .slider-list li > span {
    cursor: pointer; }
  #mozalog-promo div[class*=inner-] .slider-list .bold {
    font-weight: bold;
    color: #008ce5; }
  #mozalog-promo div[class*=inner-] .carousel {
    z-index: 500;
    margin-top: 15px; }
    #mozalog-promo div[class*=inner-] .carousel .mw-carousel-control {
      margin-top: 15px;
      text-align: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #mozalog-promo div[class*=inner-] .carousel .mw-carousel-control a:last-child {
        /*rtl:ignore*/
        margin-left: 25px; }
    @media (max-width: 991px) {
      #mozalog-promo div[class*=inner-] .carousel {
        max-width: 450px; } }
  #mozalog-promo div[class*=inner-] .carousel-border {
    background: url("../assets/images/mozalog/slider/img_border.png")/*tpa=https://cn.mozaweb.com/assets/images/mozalog/slider/img_border.png*/ no-repeat;
    background-size: contain;
    padding: 30px; }
    @media (max-width: 1199px) {
      #mozalog-promo div[class*=inner-] .carousel-border {
        padding: 24px; } }
    @media (max-width: 519px) {
      #mozalog-promo div[class*=inner-] .carousel-border {
        padding: 15px;
        width: 280px; } }
  #mozalog-promo div[class*=inner-] .carousel-inner {
    border-radius: 4px; }
  #mozalog-promo div[class*=inner-] .shadow {
    position: absolute;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    background-repeat: no-repeat;
    background-size: cover;
    top: 15px;
    left: 15px;
    display: none;
    opacity: .5;
    pointer-events: none;
    background-image: url("../assets/images/shadow_tablet.png")/*tpa=https://cn.mozaweb.com/assets/images/shadow_tablet.png*/;
    background-image: url("../assets/images/shadow_tablet.svg")/*tpa=https://cn.mozaweb.com/assets/images/shadow_tablet.svg*/;
    width: 880px;
    height: 760px; }
    #mozalog-promo div[class*=inner-] .shadow.visible {
      display: block; }
    @media (max-width: 1199px) {
      #mozalog-promo div[class*=inner-] .shadow {
        -webkit-transform: scale(0.82);
        -ms-transform: scale(0.82);
        transform: scale(0.82); } }
    @media (max-width: 519px) {
      #mozalog-promo div[class*=inner-] .shadow {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5); } }

#mozalog-promo .section-communication {
  background: #f2f5f9; }
  #mozalog-promo .section-communication .container {
    position: relative; }
    #mozalog-promo .section-communication .container img {
      max-width: 100%;
      height: auto; }
    #mozalog-promo .section-communication .container .text-1 {
      top: 100px;
      /*rtl:ignore*/
      left: 0;
      width: 32%;
      text-align: center;
      position: absolute; }
    #mozalog-promo .section-communication .container .text-2 {
      position: absolute;
      top: 630px;
      /*rtl:ignore*/
      right: 0;
      width: 50%;
      text-align: center; }

#mozalog-promo .section-daily .container {
  padding-bottom: 40px; }

#mozalog-promo .section-daily-2 .container {
  padding-top: 0;
  padding-bottom: 0; }

#mozalog-promo .section-daily-3 .section-titles {
  margin-bottom: 30px; }

#mozalog-promo .section-daily-3 .container {
  padding-top: 50px; }

#mozalog-promo .section-timetables .end-text {
  margin: 50px 0 0 0;
  text-align: center;
  clear: both; }

#mozalog-promo .section-features, #mozalog-promo .section-digitallog, #mozalog-promo .section-daily-3 {
  overflow: hidden; }

#mozalog-promo .section-features-2 .container {
  padding-top: 0; }

#mozalog-promo .section-parents .section-titles, #mozalog-promo .section-parents .section-description {
  width: 65%; }

#mozalog-promo .section-parents .section-image-wrapper {
  width: 25%;
  text-align: center; }

#mozalog-promo .section-protection {
  text-align: center; }
  #mozalog-promo .section-protection .protection-image {
    max-width: 940px;
    margin: 40px 0; }
  #mozalog-promo .section-protection .shield-image {
    max-width: 200px;
    float: left; }
  #mozalog-promo .section-protection .protection-features {
    text-align: left;
    margin-left: 280px;
    margin-top: 30px; }
    #mozalog-promo .section-protection .protection-features li {
      margin: 10px 0; }

#mozalog-promo .mozalog .mozalog-price p {
  padding: 0; }

@media (max-width: 1199px) {
  #mozalog-promo .section-communication .container .text-1 {
    top: 50px; }
  #mozalog-promo .section-communication .container .text-2 {
    top: 550px; } }

@media (max-width: 1024px) {
  #mozalog-promo .section-communication .container .text-1 {
    top: 50px; }
  #mozalog-promo .section-communication .container .text-2 {
    top: 500px; } }

@media (max-width: 991px) {
  #mozalog-promo .section-communication .container .text-1, #mozalog-promo .section-communication .container .text-2 {
    width: auto;
    position: static; }
  #mozalog-promo .section-communication .container img {
    margin: 20px 0; }
  #mozalog-promo .section-parents .section-titles, #mozalog-promo .section-parents .section-description {
    width: auto;
    float: none; }
  #mozalog-promo .section-videos .video .info {
    width: 50%;
    padding: 30px; } }

@media (max-width: 991px) {
  #mozalog-promo .section-protection .protection-image {
    max-width: 100%;
    width: auto; }
  #mozalog-promo .section-protection .shield-image {
    float: none;
    max-width: 150px;
    margin-bottom: 20px;
    display: inline-block; }
  #mozalog-promo .section-protection .protection-features {
    margin-left: 0; } }

.mozalog a {
  cursor: pointer; }

@media (max-width: 991px) {
  .mozalog .buttons {
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .mozalog .buttons .mozabtn {
    position: absolute;
    bottom: 0; } }

.mozalog .mozalog-badges {
  float: right;
  margin-top: 4px; }
  .mozalog .mozalog-badges img {
    max-width: 88px;
    margin-bottom: -4px;
    margin-left: 15px; }

.mozalog > h3 {
  border-bottom: 1px solid #bfcade;
  padding-bottom: 15px;
  margin-bottom: 30px; }

@media (max-width: 991px) {
  .mozalog .wbox.blue {
    margin-bottom: 70px; } }

.mozalog .wbox .wbox-content {
  padding: 25px; }
  .mozalog .wbox .wbox-content.bg-green {
    background-color: #e7ffef; }
  .mozalog .wbox .wbox-content h3 {
    font-size: 23px; }

.mozalog .wbox .wbox-title {
  text-transform: uppercase; }
  .mozalog .wbox .wbox-title .title-icon {
    margin-right: 5px; }

.mozalog .mwicon-plus {
  position: absolute;
  font-size: 45px;
  height: 45px;
  width: 45px;
  margin: auto; }
  @media (min-width: 992px) {
    .mozalog .mwicon-plus {
      right: -22.5px;
      top: 0;
      bottom: 0; } }
  @media (max-width: 991px) {
    .mozalog .mwicon-plus {
      right: 0;
      left: 0;
      bottom: 10px; } }

.mozalog .fa-arrow-right {
  margin-right: 5px; }

.mozalog .mozalog-price {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .mozalog .mozalog-price * {
    float: left;
    margin: 0 5px 0 0; }
    .mozalog .mozalog-price *:last-child {
      margin: 0; }
  .mozalog .mozalog-price h3 {
    color: #eb6400;
    font-weight: bold; }
  .mozalog .mozalog-price h4 {
    color: #eb6400; }

@media (min-width: 768px) {
  .mozalog .captcha-code {
    white-space: nowrap; } }

.mozalog .captcha {
  margin: 0; }
  .mozalog .captcha img {
    width: 50%;
    float: left;
    margin-top: 18px; }
  .mozalog .captcha > div {
    float: right;
    margin-top: 6px; }
    .mozalog .captcha > div p {
      margin: 15px 0 0; }
    .mozalog .captcha > div a {
      cursor: pointer; }

.mozalog .send {
  width: 100%;
  margin-top: 26px; }

.mozalog .mod-row.row {
  margin-left: -30px;
  margin-right: -30px; }
  .mozalog .mod-row.row > div[class*='col-'] {
    padding-left: 30px;
    padding-right: 30px; }

.mozalog .form-box {
  margin-top: 30px;
  padding: 10px 30px 30px;
  border-top: 5px solid #008ce5;
  background-color: #dee5f2; }
  .mozalog .form-box h3 {
    margin-bottom: 20px; }
  .mozalog .form-box hr {
    border-top: none;
    border-bottom: 1px solid #bfcade;
    margin-top: 30px;
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .mozalog .form-box hr.hr {
        margin-left: -30px;
        width: calc(100% + 30px); } }
  .mozalog .form-box .custom-box .custom-checkbox {
    width: 100%;
    font-weight: normal;
    margin-left: 0; }
    .mozalog .form-box .custom-box .custom-checkbox label {
      margin-left: 0; }
  @media (min-width: 992px) {
    .mozalog .form-box .separator-line:after {
      content: '';
      width: 1px;
      height: calc(100% + 10px);
      position: absolute;
      right: 0;
      top: 20px;
      background-color: #bfcade; } }
  .mozalog .form-box .form-group label {
    margin-left: 5px; }
  @media (max-width: 767px) {
    .mozalog .form-box .form-group.domain .input-group {
      margin-bottom: 45px; } }
  .mozalog .form-box .form-group.domain .input-group .form-control, .mozalog .form-box .form-group.domain .input-group .cke_editable {
    border-right: none; }
  .mozalog .form-box .form-group.domain .input-group .input-group-addon {
    color: #a9c2e4;
    border-left: none;
    background-color: white;
    border-radius: 4px;
    font-weight: bold; }
    .mozalog .form-box .form-group.domain .input-group .input-group-addon:last-child {
      border: none;
      background: none; }
      @media (max-width: 767px) {
        .mozalog .form-box .form-group.domain .input-group .input-group-addon:last-child {
          position: absolute;
          left: 0;
          top: 39px;
          padding: 5px 0 0 5px; } }
  .mozalog .form-box .form-group.zip-code {
    width: 70%; }
  .mozalog .form-box .form-group.time-table-type .custom-checkbox {
    width: inherit; }
  .mozalog .form-box .mozalog-before .product {
    margin-top: -7px; }
    @media (max-width: 991px) {
      .mozalog .form-box .mozalog-before .product {
        margin-top: 10px; } }
    .mozalog .form-box .mozalog-before .product .form-group {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
      .mozalog .form-box .mozalog-before .product .form-group label {
        font-weight: normal;
        white-space: nowrap;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin: 0 10px 0 0; }
  .mozalog .form-box .payment_option {
    margin-left: 35px; }
  .mozalog .form-box .payment_detail {
    margin-left: 35px;
    font-size: 12px;
    font-weight: normal; }

.mozalog .mb150 {
  margin-bottom: 150px; }

.mozalog .mt100 {
  margin-top: 100px; }

.mozalog .boxes h3.primary-blue {
  margin-bottom: 20px; }

.mozaweb_ar #mozalog-promo div[class*=inner-] .shadow {
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transform-origin: top;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.mozaweb_ar .mw-carousel-control {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

#euklides-promo .section-intro .container {
  padding-bottom: 0; }

#euklides-promo .top-image img {
  /*rtl:raw:
          margin-left: -250px;
       */ }

#euklides-promo .section-animations {
  overflow: hidden; }

#euklides-promo .section-editing, #euklides-promo .section-steps {
  overflow: hidden; }

#euklides-promo .section-editing .shadow, #euklides-promo .section-steps .shadow {
  opacity: .4; }

#euler3d-promo .brand-logo {
  top: 0px;
  left: 50%;
  width: 350px /*rtl:420px*/;
  margin-left: -175px /*rtl:inherit*/;
  /*rtl:raw:
        margin-right: -200px;
     */
  text-align: left;
  position: absolute; }

#euler3d-promo .section-intro {
  text-align: center; }
  #euler3d-promo .section-intro .promo-intro {
    padding-left: 100px;
    padding-right: 100px; }
  #euler3d-promo .section-intro .container {
    padding-bottom: 0; }

#euler3d-promo .section-views, #euler3d-promo .section-apps {
  overflow: hidden; }

#euler3d-promo .section-dimensions .shadow, #euler3d-promo .section-transformations .shadow {
  opacity: .5; }

@media (max-width: 991px) {
  #euler3d-promo .section-intro .brand-logo {
    top: 0;
    position: static;
    text-align: center;
    margin-left: 0;
    width: 100%; }
  #euler3d-promo .section-intro .top-image {
    margin-top: 0; }
  #euler3d-promo .section-intro .promo-intro {
    padding-left: 0;
    padding-right: 0; } }

#forschools-promo .top-image img {
  margin-top: 30px; }

#forschools-promo .section-intro .promo-intro {
  padding-bottom: 45px; }

#forschools-promo .section-intro .top-image {
  text-align: center; }
  #forschools-promo .section-intro .top-image img {
    max-width: 970px; }

#forschools-promo .section-intro .brand-logo i {
  margin-top: 0; }

#forschools-promo .section-intro .container {
  padding-bottom: 40px; }

#forschools-promo .mozalearn-intro .category-header {
  height: 30px;
  margin-bottom: 8px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 30px;
  text-align: center; }
  #forschools-promo .mozalearn-intro .category-header.classroom {
    background-color: #0dbf6d; }
  #forschools-promo .mozalearn-intro .category-header.home {
    background-color: #f47711; }
  #forschools-promo .mozalearn-intro .category-header.administration {
    background-color: #008ce5; }

#forschools-promo .section-mozalog-intro .container {
  padding-top: 60px; }

#forschools-promo .section-mozalog-intro .brand-logo {
  float: left;
  position: static;
  margin-top: 20px;
  margin-bottom: 30px; }
  #forschools-promo .section-mozalog-intro .brand-logo i {
    margin-top: 15px; }

#forschools-promo .section-mozalog-intro .section-description {
  width: 35%; }

#forschools-promo .section-mozalog-intro .section-image-wrapper {
  width: 60%; }

#forschools-promo .forschools-licence-helper .container {
  padding-bottom: 50px; }

#forschools-promo .section-mozabook {
  margin-bottom: -100px; }
  #forschools-promo .section-mozabook .brand-logo {
    position: static; }
  #forschools-promo .section-mozabook .section-description .btn-primary, #forschools-promo .section-mozabook .section-description .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forschools-promo .section-mozabook .section-description button {
    margin-top: 40px; }

#forschools-promo .section-digitalbooks {
  overflow: hidden;
  clear: both; }

#forschools-promo .section-digitalbooks .shadow, #forschools-promo .section-mozabook .shadow, #forschools-promo .section-creator .shadow {
  opacity: .4; }

#forschools-promo .section-mozaweb-intro .brand-logo {
  max-width: 410px; }

#forschools-promo .section-mozaweb-intro .container {
  padding-bottom: 40px;
  border-bottom: 1px solid #DEE5F2; }

@media (min-width: 992px) and (1199px) {
  #forschools-promo .brand-logo {
    position: absolute;
    text-align: left; }
    #forschools-promo .brand-logo i {
      float: left; }
    #forschools-promo .brand-logo h1 {
      margin: 5px 0 0 17px;
      font-weight: 400;
      line-height: 1em;
      margin-bottom: 5px;
      text-align: left; }
    #forschools-promo .brand-logo h2 {
      margin: 0 0 0 90px;
      text-align: left; }
  #forschools-promo .mozalearn-intro a span {
    font-size: 17px; } }

@media (max-width: 991px) {
  #forschools-promo .section-intro .brand-logo, #forschools-promo .section-image-left .brand-logo {
    position: static;
    text-align: center; }
    #forschools-promo .section-intro .brand-logo i, #forschools-promo .section-image-left .brand-logo i {
      float: none; }
    #forschools-promo .section-intro .brand-logo h1, #forschools-promo .section-intro .brand-logo h2, #forschools-promo .section-image-left .brand-logo h1, #forschools-promo .section-image-left .brand-logo h2 {
      margin: 0; }
  #forschools-promo .section-mozaweb-intro .brand-logo {
    max-width: none; }
  #forschools-promo .section-mozaweb-intro .text-left {
    text-align: center; }
  #forschools-promo .section-intro .top-image img {
    max-width: 100%; }
  #forschools-promo .section-mozabook {
    margin-bottom: 0; }
  #forschools-promo .section-mozalog-intro .brand-logo, #forschools-promo .section-mozaweb-intro .brand-logo {
    position: static;
    text-align: center;
    float: none; }
    #forschools-promo .section-mozalog-intro .brand-logo i, #forschools-promo .section-mozaweb-intro .brand-logo i {
      float: none; }
    #forschools-promo .section-mozalog-intro .brand-logo h1, #forschools-promo .section-mozalog-intro .brand-logo h2, #forschools-promo .section-mozaweb-intro .brand-logo h1, #forschools-promo .section-mozaweb-intro .brand-logo h2 {
      margin-left: 0; }
  #forschools-promo .section-mozalog-intro .section-image-wrapper, #forschools-promo .section-mozalog-intro .section-description, #forschools-promo .section-mozaweb-intro .section-image-wrapper, #forschools-promo .section-mozaweb-intro .section-description {
    float: none;
    width: auto; } }

@media (min-width: 768px) and (max-width: 991px) {
  #forschools-promo .preview-images {
    margin-top: 15px;
    margin-bottom: 15px; }
  #forschools-promo .section-mozaweb-intro .container {
    padding-top: 0px; } }

@media (max-width: 991px) {
  #forschools-promo .forschools-licence-helper .container,
  #forschools-promo .section-mozabook .container,
  #forschools-promo .section-mozaweb-intro .container,
  #forschools-promo .section-mozalog-intro .container {
    padding-bottom: 0px; }
  #forschools-promo .preview-images {
    margin-bottom: 15px; }
  .top-image img.smaller-xs {
    width: 70%;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important; } }

@media (min-width: 500px) and (max-width: 767px) {
  .section-image-wrapper .shadow {
    -ms-transform: scale(0.67);
    transform: scale(0.67);
    -webkit-transform: scale(0.67); } }

@media (max-width: 650px) {
  .top-image img.smaller-xs {
    width: 280px; } }

#fordistributors-promo .section .section-titles {
  color: #fff;
  font-size: 30px;
  background-color: #9baeca;
  padding: 9px 0px; }

#fordistributors-promo .table {
  margin-top: 30px;
  min-width: inherit; }

#fordistributors-promo .section .container {
  padding-top: 40px;
  padding-bottom: 0; }

#fordistributors-promo .col-md-6 .wbox {
  min-height: 500px; }

#fordistributors-promo .section-titles {
  margin-bottom: 50px;
  text-align: center; }

#fordistributors-promo .top-image-wrapper {
  padding: 0 40px;
  margin-left: 200px;
  text-align: right; }
  #fordistributors-promo .top-image-wrapper img {
    display: inline-block; }

#fordistributors-promo .wbox-content h1, #fordistributors-promo .wbox-content h2 {
  margin-top: 0; }

#fordistributors-promo .license-pack h2 {
  margin-top: 20px; }

#fordistributors-promo .section-affiliate-partner .wbox-content, #fordistributors-promo .section-distributor .wbox-content {
  padding-top: 0; }

#fordistributors-promo .wbox {
  margin-bottom: 30px; }
  #fordistributors-promo .wbox img {
    max-width: 400px;
    height: auto; }
  #fordistributors-promo .wbox .btn, #fordistributors-promo .wbox .btn-facebook, #fordistributors-promo .wbox .btn-round, #fordistributors-promo .wbox .btn-default, #fordistributors-promo .wbox .btn-sausage, #fordistributors-promo .wbox .btn-success, #fordistributors-promo .wbox .btn-yellow, #fordistributors-promo .wbox .btn-white, #fordistributors-promo .wbox .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #fordistributors-promo .wbox button {
    margin: 20px 0; }

#fordistributors-promo .section-intro {
  text-align: center; }
  #fordistributors-promo .section-intro .container {
    padding-top: 0;
    padding-bottom: 80px; }
  #fordistributors-promo .section-intro .top-image {
    text-align: center;
    padding-top: 0; }
    #fordistributors-promo .section-intro .top-image:before, #fordistributors-promo .section-intro .top-image:after {
      clear: both;
      content: '';
      display: table; }
    #fordistributors-promo .section-intro .top-image .top-boxes {
      max-width: 440px;
      position: absolute;
      left: 0;
      top: 130px;
      margin-left: 20px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        #fordistributors-promo .section-intro .top-image .top-boxes {
          max-width: 290px; } }
    #fordistributors-promo .section-intro .top-image img {
      max-width: 600px; }
  #fordistributors-promo .section-intro .promo-intro {
    padding-bottom: 0;
    padding: 40px 70px 0px 70px;
    margin-left: 500px;
    position: relative;
    z-index: 500; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #fordistributors-promo .section-intro .promo-intro {
        margin: 0; } }
    #fordistributors-promo .section-intro .promo-intro h1 {
      font-size: 28px;
      font-weight: bold; }
    #fordistributors-promo .section-intro .promo-intro h4 {
      font-size: 22px; }

#fordistributors-promo .section-business-options .container {
  padding-top: 50px;
  padding-bottom: 50px; }

#fordistributors-promo .section-business-options p {
  margin-bottom: 30px; }

#fordistributors-promo .section-business-options .table thead th, #fordistributors-promo .section-business-options .table td {
  text-align: center; }
  #fordistributors-promo .section-business-options .table thead th .text-large, #fordistributors-promo .section-business-options .table td .text-large {
    font-size: 22px; }

#fordistributors-promo .section-business-options .table tbody td {
  height: 60px;
  vertical-align: middle; }

#fordistributors-promo .section-affiliate-partner .container {
  padding-top: 0; }

#fordistributors-promo .section-affiliate-partner .colored-title {
  margin-top: 0; }

#fordistributors-promo .section-products .container {
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 10px; }

#fordistributors-promo .section-products .section-titles {
  margin-bottom: 45px; }

#fordistributors-promo .section-products .offered-products {
  text-align: center; }
  #fordistributors-promo .section-products .offered-products .product {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    margin-bottom: 70px; }
    #fordistributors-promo .section-products .offered-products .product a {
      font-size: 18px;
      font-weight: bold;
      display: block; }
    #fordistributors-promo .section-products .offered-products .product img {
      margin-bottom: 20px;
      max-width: 100%;
      height: auto;
      max-height: 280px;
      -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
      transform: scale(0.95); }
    #fordistributors-promo .section-products .offered-products .product .description {
      padding: 0px 20px; }
  #fordistributors-promo .section-products .offered-products .packs {
    padding: 0px 100px; }

#fordistributors-promo .section-products.dark a {
  color: #28abff; }

#fordistributors-promo .section-solutions {
  padding-bottom: 80px;
  text-align: center; }
  #fordistributors-promo .section-solutions .container {
    padding-top: 60px; }
  #fordistributors-promo .section-solutions h1 {
    font-size: 30px;
    padding-bottom: 10px; }
  #fordistributors-promo .section-solutions .section-description {
    padding: 0px 80px;
    padding-bottom: 45px; }
  #fordistributors-promo .section-solutions .solution {
    background-color: #f0f6fb;
    border: 1px solid #d2e0f1;
    text-align: center;
    height: 274px; }
    #fordistributors-promo .section-solutions .solution :last-child {
      margin-right: 0px; }
    #fordistributors-promo .section-solutions .solution img {
      width: 100px;
      margin: 30px 0px 20px; }
    #fordistributors-promo .section-solutions .solution .title {
      font-size: 18px;
      font-weight: bold; }
    #fordistributors-promo .section-solutions .solution .description {
      padding: 10px 40px 0px 40px; }
  #fordistributors-promo .section-solutions a {
    margin-top: 50px; }

#fordistributors-promo .section-help,
#fordistributors-promo .section-cooperation {
  background-color: #f0f6fb;
  text-align: center; }
  #fordistributors-promo .section-help .container,
  #fordistributors-promo .section-cooperation .container {
    padding-top: 0px; }
  #fordistributors-promo .section-help .section-titles,
  #fordistributors-promo .section-cooperation .section-titles {
    margin-bottom: 25px; }
  #fordistributors-promo .section-help .section-description,
  #fordistributors-promo .section-cooperation .section-description {
    font-size: 18px;
    padding: 3px 0px 7px 0px; }
  #fordistributors-promo .section-help .box,
  #fordistributors-promo .section-cooperation .box {
    background-color: #fff;
    border: 1px solid #d2e0f1;
    display: inline-block;
    height: auto;
    min-height: 510px;
    margin-bottom: 30px;
    width: 100%; }
    #fordistributors-promo .section-help .box img,
    #fordistributors-promo .section-cooperation .box img {
      max-height: 210px;
      margin-bottom: 20px;
      margin-top: 10px; }
      #fordistributors-promo .section-help .box img.img-top-margin,
      #fordistributors-promo .section-cooperation .box img.img-top-margin {
        padding-top: 10px;
        margin-bottom: 10px;
        margin-top: 20px; }
    #fordistributors-promo .section-help .box .title,
    #fordistributors-promo .section-cooperation .box .title {
      font-size: 30px;
      margin-bottom: 10px; }
    #fordistributors-promo .section-help .box p,
    #fordistributors-promo .section-cooperation .box p {
      margin: 0px 40px 10px; }

#fordistributors-promo .section-cooperation {
  padding: 60px 0px; }

#fordistributors-promo .section-system {
  background-color: #697c97;
  color: #fff; }
  #fordistributors-promo .section-system .container {
    padding: 60px 0px;
    position: relative;
    overflow: hidden; }
  #fordistributors-promo .section-system .bigimg {
    float: right;
    padding-right: 15px; }
    #fordistributors-promo .section-system .bigimg img {
      max-width: 100%;
      max-height: 100%; }
  #fordistributors-promo .section-system .smallimg img {
    position: absolute;
    top: -100px;
    left: 35px;
    max-width: 200px; }
  #fordistributors-promo .section-system .leftside {
    margin-top: 110px;
    padding-left: 35px; }
    @media (max-width: 991px) {
      #fordistributors-promo .section-system .leftside {
        padding-left: 15px; } }
    #fordistributors-promo .section-system .leftside .title {
      font-size: 35px;
      margin-bottom: 35px; }
    #fordistributors-promo .section-system .leftside .description {
      margin-bottom: 50px; }
      #fordistributors-promo .section-system .leftside .description p {
        margin-bottom: 20px; }
  #fordistributors-promo .section-system .btn-lightgrey {
    font-weight: bold;
    background-color: #f0f6fb;
    color: #455772; }

#fordistributors-promo .section-contact {
  margin-bottom: 60px; }
  #fordistributors-promo .section-contact .container {
    padding-top: 0px; }
  #fordistributors-promo .section-contact p {
    padding: 0px 120px; }

#fordistributors-promo .grant-item {
  text-align: center;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 18px;
  background: #f2f5f9;
  min-height: 300px; }
  #fordistributors-promo .grant-item b {
    display: block; }
  #fordistributors-promo .grant-item img {
    max-width: 100px;
    margin: 30px 0; }

#fordistributors-promo .section-official-distributor .education-system-text {
  float: left;
  max-width: 300px; }

#fordistributors-promo .section-official-distributor .education-system-map {
  max-width: 60%;
  float: right;
  margin-bottom: 40px; }

@media (max-width: 991px) {
  .section-system .bigimg {
    padding: 0px 15px; }
  .section-system .smallimg img {
    display: none; }
  .section-system .leftside {
    margin-top: 50px; }
  #fordistributors-promo .section-official-distributor .education-system-map {
    max-width: 100%;
    float: none;
    clear: both; }
  #fordistributors-promo .section-intro .container {
    padding-top: 40px; }
  #fordistributors-promo .grant-item {
    widht: 50%;
    font-size: 15px; }
  #fordistributors-promo .col-md-6 .wbox {
    min-height: inherit; }
  #fordistributors-promo .wbox img {
    width: auto;
    max-height: 200px; }
  #fordistributors-promo .section-products .offered-products .product {
    max-width: 180px;
    font-size: 15px; }
  #fordistributors-promo .section-official-distributor .education-system-map {
    max-width: 100%;
    float: none; }
  #fordistributors-promo .top-image-wrapper {
    display: none; }
  #fordistributors-promo .section-intro .top-image .top-boxes {
    position: relative;
    top: auto;
    max-width: 100%; }
  #fordistributors-promo .section-intro .promo-intro {
    margin-left: 0; } }

@media (max-width: 991px) {
  #fordistributors-promo .top-image img {
    margin-top: 10px;
    width: 60%; }
  #fordistributors-promo .section-intro .promo-intro h1, #fordistributors-promo .section-intro .promo-intro h4 {
    font-size: 17.5px; }
  .bigger {
    max-width: 200px !important; }
  #fordistributors-promo .section-products .offered-products .packs {
    padding-left: 10%;
    padding-right: 10%; }
  #fordistributors-promo .section-products .offered-products .product .description {
    padding: 0px 0px; }
  #fordistributors-promo .section-help .box img,
  #fordistributors-promo .section-cooperation .box img {
    max-height: 130px; }
  #fordistributors-promo .section-help .box,
  #fordistributors-promo .section-cooperation .box {
    min-height: 370px;
    margin-bottom: 15px; } }

@media (max-width: 599px) {
  #fordistributors-promo .section-products .offered-products .packs {
    padding: 0px 0px; }
  #fordistributors-promo .section-products .offered-products .product {
    margin-bottom: 0px; }
    #fordistributors-promo .section-products .offered-products .product img {
      float: left;
      max-width: 30%; }
    #fordistributors-promo .section-products .offered-products .product .title, #fordistributors-promo .section-products .offered-products .product .description {
      float: left;
      width: 65%;
      text-align: left;
      display: block;
      margin-left: 2%; }
    #fordistributors-promo .section-products .offered-products .product a {
      margin-bottom: 10px; }
  #fordistributors-promo .section-products .offered-products .product {
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
    #fordistributors-promo .section-products .offered-products .product img {
      width: 200px; }
  .product.bigger {
    max-width: none !important; }
  .section-contact .contact-item {
    max-width: 95%;
    display: inline-block;
    margin: 0px 0px;
    text-align: left; }
    .section-contact .contact-item img {
      max-width: 30%;
      margin-right: 15px;
      height: auto;
      margin-bottom: 20px;
      float: left; }
    .section-contact .contact-item a, .section-contact .contact-item b, .section-contact .contact-item span {
      display: block;
      width: 60%;
      float: left;
      text-align: left; } }

@media (max-width: 520px) {
  #fordistributors-promo .grant-item {
    margin-bottom: 20px; }
    #fordistributors-promo .grant-item img {
      margin: 10px 0; }
  #fordistributors-promo .col-md-6 .wbox {
    min-height: inherit; }
  #fordistributors-promo .section-contact p {
    padding: 0px 20px 0px 20px; }
  #fordistributors-promo .section-solutions .section-description {
    padding: 0px 10px 30px 10px; } }

@media (max-width: 440px) {
  .top-boxes {
    margin-left: 10px !important; }
  #fordistributors-promo .section-cooperation, #fordistributors-promo .section-system .container, #fordistributors-promo .section-solutions {
    padding: 30px 0px; }
  #fordistributors-promo .section-solutions a {
    margin-top: 20px; }
  #fordistributors-promo .section .section-titles {
    padding: 9px;
    font-size: 1.75em; }
  #fordistributors-promo .section-intro .promo-intro {
    padding: 20px 30px 0px 30px; }
  #fordistributors-promo .section-intro .container {
    padding-bottom: 30px; }
  #fordistributors-promo .section-help .box img,
  #fordistributors-promo .section-cooperation .box img {
    max-height: 140px; }
  #fordistributors-promo .section-help .box img,
  #fordistributors-promo .section-cooperation .box img {
    max-height: 130px; } }

#forpublishers-promo .table {
  min-width: inherit; }
  #forpublishers-promo .table th, #forpublishers-promo .table td {
    text-align: center; }

#forpublishers-promo .section .container {
  padding-top: 40px;
  padding-bottom: 0; }

#forpublishers-promo .col-md-6 .wbox {
  min-height: 550px; }

#forpublishers-promo .wbox img {
  max-width: 300px;
  padding: 40px 0px 20px 0px; }

#forpublishers-promo .section-titles {
  margin-bottom: 50px;
  text-align: center; }

#forpublishers-promo .wbox {
  margin-bottom: 30px; }
  #forpublishers-promo .wbox .btn, #forpublishers-promo .wbox .btn-facebook, #forpublishers-promo .wbox .btn-round, #forpublishers-promo .wbox .btn-default, #forpublishers-promo .wbox .btn-sausage, #forpublishers-promo .wbox .btn-success, #forpublishers-promo .wbox .btn-yellow, #forpublishers-promo .wbox .btn-white, #forpublishers-promo .wbox .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forpublishers-promo .wbox button {
    margin: 20px 0; }

#forpublishers-promo .table thead th, #forpublishers-promo .table td {
  text-align: center; }
  #forpublishers-promo .table thead th .text-large, #forpublishers-promo .table td .text-large {
    font-size: 22px; }

#forpublishers-promo .table tbody tr:last-child td {
  padding-bottom: 40px; }

#forpublishers-promo .table tbody td {
  height: 80px;
  vertical-align: middle; }

#forpublishers-promo .table tfoot td {
  line-height: 22px;
  vertical-align: bottom; }
  #forpublishers-promo .table tfoot td b {
    font-size: 22px; }

#forpublishers-promo .section-intro {
  text-align: center; }
  #forpublishers-promo .section-intro .brand-logo {
    display: inline-block; }
  #forpublishers-promo .section-intro .top-image {
    text-align: center;
    padding-top: 30px; }
    #forpublishers-promo .section-intro .top-image img {
      display: inline-block; }
  #forpublishers-promo .section-intro .container {
    padding-top: 0;
    padding-bottom: 40px; }
  #forpublishers-promo .section-intro .promo-intro {
    padding-bottom: 0;
    position: relative;
    z-index: 500; }
    #forpublishers-promo .section-intro .promo-intro img {
      max-width: 85%;
      margin: 30px 0px; }
    #forpublishers-promo .section-intro .promo-intro .btn, #forpublishers-promo .section-intro .promo-intro .btn-facebook, #forpublishers-promo .section-intro .promo-intro .btn-round, #forpublishers-promo .section-intro .promo-intro .btn-default, #forpublishers-promo .section-intro .promo-intro .btn-sausage, #forpublishers-promo .section-intro .promo-intro .btn-success, #forpublishers-promo .section-intro .promo-intro .btn-yellow, #forpublishers-promo .section-intro .promo-intro .btn-white, #forpublishers-promo .section-intro .promo-intro .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forpublishers-promo .section-intro .promo-intro button {
      margin: 40px 0; }

#forpublishers-promo .section-packs .container {
  padding: 60px 0px 30px 0px; }

#forpublishers-promo .section-packs .btn, #forpublishers-promo .section-packs .btn-facebook, #forpublishers-promo .section-packs .btn-round, #forpublishers-promo .section-packs .btn-default, #forpublishers-promo .section-packs .btn-sausage, #forpublishers-promo .section-packs .btn-success, #forpublishers-promo .section-packs .btn-yellow, #forpublishers-promo .section-packs .btn-white, #forpublishers-promo .section-packs .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #forpublishers-promo .section-packs button {
  margin: 30px 0; }

#forpublishers-promo .section-offers .container {
  padding-bottom: 60px; }

#forpublishers-promo .section-offers .wbox {
  min-height: 635px; }
  #forpublishers-promo .section-offers .wbox .wbox-content {
    padding: 0px 20px; }

#forpublishers-promo .wbox-content h2, #forpublishers-promo .wbox-content h1 {
  margin-top: 0px; }

#forpublishers-promo .interactive-content h2 {
  margin-top: 30px; }

#forpublishers-promo .section-publishing .container {
  padding-bottom: 30px; }

#forpublishers-promo .section-publishing .col-md-6 .wbox {
  text-align: center;
  min-height: 555px; }

#forpublishers-promo .section-publishing .interactive-content img {
  margin: -2px 50px 20px 50px;
  float: left;
  max-width: 230px; }

#forpublishers-promo .section-publishing .interactive-content .wbox-content {
  text-align: left;
  padding-top: 30px;
  padding-right: 100px; }
  @media (max-width: 991px) {
    #forpublishers-promo .section-publishing .interactive-content .wbox-content {
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 0px; } }

#forpublishers-promo .section-publishing .digital-textbooks-row .wbox {
  min-height: 575px; }
  #forpublishers-promo .section-publishing .digital-textbooks-row .wbox img {
    padding: 30px 0px 20px 0px; }

#forpublishers-promo .section-publishing .help-training-row .wbox {
  min-height: 510px; }

#forpublishers-promo .section-publishing .help-training-row .wbox-content, #forpublishers-promo .section-publishing .digital-textbooks-row .wbox-content, #forpublishers-promo .section-publishing .publication-editor-row .wbox-content {
  padding-top: 0; }

#forpublishers-promo .section-contact .container {
  padding-bottom: 60px;
  padding-top: 0px; }

@media (max-width: 1199px) {
  #forpublishers-promo .table tbody td {
    height: 100px; }
  #forpublishers-promo .section-offers .wbox {
    min-height: 640px; }
  #forpublishers-promo .section-publishing .digital-textbooks-row .wbox {
    min-height: 620px; }
  #forpublishers-promo .section-publishing .help-training-row .wbox {
    min-height: 540px; } }

@media (max-width: 991px) {
  #forpublishers-promo .table tbody td {
    height: auto; }
  #forpublishers-promo .section-intro .container {
    padding-top: 40px; }
  #forpublishers-promo .col-md-6 .wbox {
    min-height: inherit; }
  #forpublishers-promo .wbox img {
    max-width: 100%;
    max-height: 200px; }
  #forpublishers-promo .section-publishing .interactive-content img {
    float: none;
    width: 300px;
    height: auto;
    max-height: inherit; }
  #forpublishers-promo .section-publishing .digital-textbooks-row .wbox {
    min-height: 650px; }
  #forpublishers-promo .section-publishing .col-md-6 .wbox {
    min-height: 680px; }
  #forpublishers-promo .section-publishing .help-training-row .wbox {
    min-height: 540px; }
  #forpublishers-promo .section-offers .wbox {
    min-height: inherit; } }

@media (max-width: 991px) {
  #forpublishers-promo .section-packs .container {
    padding: 60px 15px 30px 15px; }
  #forpublishers-promo .section-publishing .interactive-content img {
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
    padding-bottom: 0;
    width: auto; }
  #forpublishers-promo .section-publishing .col-md-6 .wbox {
    min-height: unset; }
  #forpublishers-promo .promo-intro h1, #forpublishers-promo .promo-intro h3 {
    font-size: 17.5px; } }

@media (max-width: 519px) {
  #forpublishers-promo .section-products .offered-products .product {
    max-width: inherit;
    margin-left: 0;
    margin-right: 0; }
    #forpublishers-promo .section-products .offered-products .product img {
      width: 200px; }
  #forpublishers-promo .grant-item {
    margin-bottom: 20px; }
    #forpublishers-promo .grant-item img {
      margin: 10px 0; } }

.slider-wrapper {
  position: relative; }
  .slider-wrapper .carousel-inner {
    max-height: 400px; }
  .slider-wrapper .slider-layer {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    text-align: center; }
    .slider-wrapper .slider-layer .icon-wrapper {
      position: relative;
      width: 70px;
      margin: auto; }
      .slider-wrapper .slider-layer .icon-wrapper .mwicon-p_labcamera.fill-square {
        z-index: 2; }
    .slider-wrapper .slider-layer .labcam-title {
      font-size: 60px;
      margin-top: 10px;
      margin-bottom: 0px; }
    .slider-wrapper .slider-layer .labcam-subtitle {
      text-transform: uppercase; }

#section-labcamera {
  text-align: center; }
  #section-labcamera .video-links {
    font-size: 16px; }
  @media (max-width: 991px) {
    #section-labcamera {
      text-align: center; }
      #section-labcamera .horizontal-head > div {
        text-align: left; }
        #section-labcamera .horizontal-head > div h1 {
          font-size: 40px; } }

#section-fastcam {
  position: relative;
  padding-bottom: 16vw; }
  #section-fastcam > img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto; }
  @media (min-width: 992px) {
    #section-fastcam {
      padding-bottom: 17vw; } }
  @media (min-width: 1200px) {
    #section-fastcam {
      padding-bottom: 13vw; } }

#section-location-track {
  background: rgba(213, 229, 239, 0.7) url("../assets/images/seamless-ants.png")/*tpa=https://cn.mozaweb.com/assets/images/seamless-ants.png*/;
  background-size: 250px; }

.section-labcam-content .labcam-block {
  display: block;
  float: left;
  text-align: center;
  width: 50%;
  margin-bottom: 40px; }
  .section-labcam-content .labcam-block:last-child {
    width: 100%;
    margin-bottom: 0; }
  .section-labcam-content .labcam-block strong {
    display: block;
    white-space: nowrap;
    font-size: 15px;
    margin-top: 10px;
    color: #ffffff; }
  @media (min-width: 768px) {
    .section-labcam-content .labcam-block:not(:last-child) {
      width: calc(100% / 3);
      margin-bottom: 70px; } }
  @media (min-width: 992px) {
    .section-labcam-content .labcam-block:last-child, .section-labcam-content .labcam-block:not(:last-child) {
      width: calc(100% / 7);
      margin-bottom: 0; } }

#section-microscope .labcam-logo-microscope--sm {
  float: left; }

#section-microscope .labcam-microscope-text {
  margin-left: 110px; }
  #section-microscope .labcam-microscope-text h2 {
    margin-top: 0px; }

[class*="labcam-logo-"] {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: no-repeat center;
  background-size: cover; }
  [class*="labcam-logo-"][class*="--sm"] {
    width: 85px;
    height: 85px; }
  [class*="labcam-logo-"][class*="fastcam"] {
    background-image: url("../assets/images/labcam/icon_tmp/gyorskamera_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/gyorskamera_tmp.png*/; }
  [class*="labcam-logo-"][class*="kinetic"] {
    background-image: url("../assets/images/labcam/icon_tmp/kinetika_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/kinetika_tmp.png*/; }
  [class*="labcam-logo-"][class*="spycam"] {
    background-image: url("../assets/images/labcam/icon_tmp/kemkamera_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/kemkamera_tmp.png*/; }
  [class*="labcam-logo-"][class*="microscope"] {
    background-image: url("../assets/images/labcam/icon_tmp/mikroszkop_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/mikroszkop_tmp.png*/; }
  [class*="labcam-logo-"][class*="universal"] {
    background-image: url("../assets/images/labcam/icon_tmp/univerzalis_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/univerzalis_tmp.png*/; }
  [class*="labcam-logo-"][class*="location"] {
    background-image: url("../assets/images/labcam/icon_tmp/nyomkoveto_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/nyomkoveto_tmp.png*/; }
  [class*="labcam-logo-"][class*="graph"] {
    background-image: url("../assets/images/labcam/icon_tmp/grafikon_tmp.png")/*tpa=https://cn.mozaweb.com/assets/images/labcam/icon_tmp/grafikon_tmp.png*/; }

.promo-matek-img {
  margin: 0 auto; }
  @media (max-width: 991px) {
    .promo-matek-img {
      border-radius: 50%; }
      .promo-matek-img.left {
        margin-top: 55px;
        border: 20px solid #ffffff; }
      .promo-matek-img.right {
        margin-bottom: 55px;
        border: 20px solid #d8ecf8; } }

.white-lightblue-bg-full {
  background-image: linear-gradient(90deg, #ffffff 50%, #d8ecf8 50%);
  opacity: 0;
  padding-right: 100px; }
  .white-lightblue-bg-full .white-lightblue-bg {
    background-image: linear-gradient(90deg, #ffffff 22%, #d8ecf8 22%); }
    .white-lightblue-bg-full .white-lightblue-bg .promo-matek-text {
      text-align: left; }

.gray-white-bg-full {
  background-image: linear-gradient(90deg, #f3f7fb 50%, #ffffff 50%);
  opacity: 0;
  padding-left: 100px; }
  .gray-white-bg-full .gray-white-bg {
    background-image: linear-gradient(90deg, #f3f7fb 78%, #ffffff 78%); }
    .gray-white-bg-full .gray-white-bg .promo-matek-text {
      text-align: right; }

@media (max-width: 991px) {
  .white-lightblue-bg-full {
    background: #d8ecf8 none; }
    .white-lightblue-bg-full .white-lightblue-bg {
      background-image: none; }
      .white-lightblue-bg-full .white-lightblue-bg .promo-matek-text {
        text-align: center;
        margin: 40px auto; }
  .gray-white-bg-full {
    background: #f3f7fb none; }
    .gray-white-bg-full .gray-white-bg {
      background-image: none; }
      .gray-white-bg-full .gray-white-bg .promo-matek-text {
        text-align: center;
        margin: 40px auto; } }

.fizika-white-lightblue-bg-full {
  background-image: linear-gradient(90deg, #ffffff 50%, #d8ecf8 50%);
  opacity: 0;
  padding-right: 100px; }
  .fizika-white-lightblue-bg-full .fizika-white-lightblue-bg {
    background-image: linear-gradient(115deg, #ffffff 25%, #d8ecf8 25%); }

.fizika-gray-white-bg-full {
  background-image: linear-gradient(90deg, #f2f5f9 50%, #ffffff 50%);
  opacity: 0;
  padding-left: 100px; }
  .fizika-gray-white-bg-full .fizika-gray-white-bg {
    background-image: linear-gradient(115deg, #f2f5f9 70%, #ffffff 70%); }

.fizika-footer {
  background-color: #6e86a0;
  color: #ffffff;
  text-transform: uppercase; }
  .fizika-footer .footer-phone {
    opacity: 0; }
    .fizika-footer .footer-phone.left {
      padding-right: 100px; }
    .fizika-footer .footer-phone.right {
      padding-left: 100px; }
  .fizika-footer .bubble-text {
    font-size: 28px;
    letter-spacing: 3px;
    width: 320px;
    height: 89px;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .fizika-footer .bubble-text.bgc-blue {
      background: url("../assets/images/fizika/bubble-blue.png")/*tpa=https://cn.mozaweb.com/assets/images/fizika/bubble-blue.png*/;
      padding-left: 22px; }
    .fizika-footer .bubble-text.bgc-green {
      background: url("../assets/images/fizika/bubble-green.png")/*tpa=https://cn.mozaweb.com/assets/images/fizika/bubble-green.png*/;
      padding-right: 22px; }
    .fizika-footer .bubble-text.bgc-red {
      background: url("../assets/images/fizika/bubble-red.png")/*tpa=https://cn.mozaweb.com/assets/images/fizika/bubble-red.png*/;
      padding-left: 22px; }
    .fizika-footer .bubble-text p {
      margin: 0px; }

@media (max-width: 991px) {
  .fizika-white-lightblue-bg-full {
    background: #d8ecf8 none; }
    .fizika-white-lightblue-bg-full .fizika-white-lightblue-bg {
      background-image: none; }
  .fizika-gray-white-bg-full {
    background: #f3f7fb none; }
    .fizika-gray-white-bg-full .fizika-gray-white-bg {
      background-image: none; } }

#mozaweb-slider-wrapper {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #mozaweb-slider-wrapper .slider-layer {
    position: absolute;
    text-align: center; }
    #mozaweb-slider-wrapper .slider-layer .promo-item-subtitle {
      color: #ffffff;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 4px; }
    #mozaweb-slider-wrapper .slider-layer .video-play-button {
      background: url("../assets/images/fizika/play.png")/*tpa=https://cn.mozaweb.com/assets/images/fizika/play.png*/;
      width: 65px;
      height: 65px;
      margin: auto;
      display: block;
      cursor: pointer; }
      @media (max-width: 1300px) {
        #mozaweb-slider-wrapper .slider-layer .video-play-button {
          display: none; } }
  #mozaweb-slider-wrapper .cutnlearn-slider-overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    position: absolute;
    z-index: 21; }

.cutnlearn-intro {
  text-align: center; }
  .cutnlearn-intro .download-buttons .icons {
    color: #abc1d6;
    margin-bottom: 35px; }
    .cutnlearn-intro .download-buttons .icons i {
      margin-right: 8px;
      font-size: 50px; }
      .cutnlearn-intro .download-buttons .icons i:last-child {
        margin-right: 0px; }
  .cutnlearn-intro .download-buttons a {
    margin-right: 10px;
    display: inline-block; }
    .cutnlearn-intro .download-buttons a:last-child {
      margin-right: 0px; }

.anim-wrapper {
  position: relative;
  width: 700px;
  height: 333px;
  margin: auto; }
  @media (max-width: 767px) {
    .anim-wrapper {
      width: 450px;
      height: 215px; } }
  @media (max-width: 519px) {
    .anim-wrapper {
      width: 250px;
      height: 119px; } }
  .anim-wrapper .anim-bg {
    background: url("../assets/images/cut_n_learn/girl-swinging.gif")/*tpa=https://cn.mozaweb.com/assets/images/cut_n_learn/girl-swinging.gif*/ no-repeat -130px -250px;
    background-size: 950px;
    position: absolute;
    top: 4%;
    left: 33px;
    width: 635px;
    height: 305px; }
    @media (max-width: 767px) {
      .anim-wrapper .anim-bg {
        background: url("../assets/images/cut_n_learn/girl-swinging.gif")/*tpa=https://cn.mozaweb.com/assets/images/cut_n_learn/girl-swinging.gif*/ no-repeat -132px -211px;
        background-size: 700px;
        left: 25px;
        width: 400px;
        height: 195px; } }
    @media (max-width: 519px) {
      .anim-wrapper .anim-bg {
        background: url("../assets/images/cut_n_learn/girl-swinging.gif")/*tpa=https://cn.mozaweb.com/assets/images/cut_n_learn/girl-swinging.gif*/ no-repeat -86px -128px;
        background-size: 400px;
        left: 12px;
        width: 225px;
        height: 110px; } }

.promo-products img {
  width: 90px;
  margin-bottom: 10px; }

.animation-block {
  text-align: center; }
  .animation-block .animation-imgages div {
    display: inline-block; }
    .animation-block .animation-imgages div p {
      margin-top: 15px;
      color: #c2c2c2;
      font-size: 24px; }

.parts-button {
  position: absolute;
  bottom: 65px;
  right: 75px;
  color: #008ce5;
  font-weight: bold;
  cursor: pointer; }
  .parts-button.swing, .parts-button.water {
    bottom: 55px; }
  .parts-button.motor {
    bottom: 45px; }
  .parts-button.city {
    bottom: 45px;
    right: 85px; }
  .parts-button.moon {
    bottom: 75px;
    right: 85px; }
  @media (max-width: 991px) {
    .parts-button {
      bottom: 20px !important; } }

.stripped-bg {
  background-image: linear-gradient(115deg, #f3f6fb 28%, #d9edf8 28%); }

.stripped2-bg {
  background-image: linear-gradient(115deg, #d9edf8 28%, #f3f6fb 28%); }

@media (max-width: 991px) {
  .stripped-bg {
    background: #d9edf8 none; }
  .stripped2-bg {
    background: #f3f6fb none; } }

.dark-background2 {
  background-color: #6e86a0;
  color: #ffffff; }
  .dark-background2 .footer-title {
    text-transform: uppercase;
    font-size: 30px; }

.header-img-wrapper {
  position: relative;
  margin-bottom: 40px; }
  @media (max-width: 400px) {
    .header-img-wrapper {
      margin-bottom: 0; } }
  .header-img-wrapper .bg-img {
    padding-left: 45px; }
    @media (max-width: 991px) {
      .header-img-wrapper .bg-img {
        padding-left: 0; } }
    @media (max-width: 767px) {
      .header-img-wrapper .bg-img {
        max-width: 450px;
        min-width: 450px; } }
    @media (max-width: 519px) {
      .header-img-wrapper .bg-img {
        max-width: 450px;
        min-width: 450px; } }
    @media (max-width: 400px) {
      .header-img-wrapper .bg-img {
        max-width: 100%;
        min-width: 0; } }
  .header-img-wrapper .icon-button {
    position: absolute;
    cursor: pointer;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    border-radius: 23px; }
    .header-img-wrapper .icon-button.video {
      top: 159px;
      left: 416px;
      -webkit-animation: pulse-video 3s linear infinite;
      animation: pulse-video 3s linear infinite; }

@-webkit-keyframes pulse-video {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 174, 255, 0.7), 0 0 0 0 rgba(0, 174, 255, 0.7); }
  40% {
    box-shadow: 0 0 0 20px rgba(0, 174, 255, 0), 0 0 0 0 rgba(0, 174, 255, 0.7); }
  80% {
    box-shadow: 0 0 0 20px rgba(0, 174, 255, 0), 0 0 0 15px rgba(0, 174, 255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 174, 255, 0), 0 0 0 15px rgba(0, 174, 255, 0); } }

@keyframes pulse-video {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 174, 255, 0.7), 0 0 0 0 rgba(0, 174, 255, 0.7); }
  40% {
    box-shadow: 0 0 0 20px rgba(0, 174, 255, 0), 0 0 0 0 rgba(0, 174, 255, 0.7); }
  80% {
    box-shadow: 0 0 0 20px rgba(0, 174, 255, 0), 0 0 0 15px rgba(0, 174, 255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 174, 255, 0), 0 0 0 15px rgba(0, 174, 255, 0); } }
      @media (max-width: 1199px) {
        .header-img-wrapper .icon-button.video {
          top: 132px;
          left: 336px; } }
      @media (max-width: 991px) {
        .header-img-wrapper .icon-button.video {
          left: 193px; } }
      @media (max-width: 767px) {
        .header-img-wrapper .icon-button.video {
          top: 110px;
          left: 28%; } }
      @media (max-width: 519px) {
        .header-img-wrapper .icon-button.video {
          top: 80px;
          left: 90px; } }
      @media (max-width: 400px) {
        .header-img-wrapper .icon-button.video {
          top: 50px;
          left: 50px; } }
    .header-img-wrapper .icon-button.tool {
      top: 246px;
      left: 416px;
      -webkit-animation: pulse-tool 3s linear infinite;
      animation: pulse-tool 3s linear infinite; }

@-webkit-keyframes pulse-tool {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 164, 0, 0.7), 0 0 0 0 rgba(240, 164, 0, 0.7); }
  40% {
    box-shadow: 0 0 0 20px rgba(240, 164, 0, 0), 0 0 0 0 rgba(240, 164, 0, 0.7); }
  80% {
    box-shadow: 0 0 0 20px rgba(240, 164, 0, 0), 0 0 0 15px rgba(240, 164, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(240, 164, 0, 0), 0 0 0 15px rgba(240, 164, 0, 0); } }

@keyframes pulse-tool {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 164, 0, 0.7), 0 0 0 0 rgba(240, 164, 0, 0.7); }
  40% {
    box-shadow: 0 0 0 20px rgba(240, 164, 0, 0), 0 0 0 0 rgba(240, 164, 0, 0.7); }
  80% {
    box-shadow: 0 0 0 20px rgba(240, 164, 0, 0), 0 0 0 15px rgba(240, 164, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(240, 164, 0, 0), 0 0 0 15px rgba(240, 164, 0, 0); } }
      @media (max-width: 1199px) {
        .header-img-wrapper .icon-button.tool {
          top: 210px;
          left: 336px; } }
      @media (max-width: 991px) {
        .header-img-wrapper .icon-button.tool {
          left: 193px; } }
      @media (max-width: 767px) {
        .header-img-wrapper .icon-button.tool {
          top: 190px;
          left: 28%; } }
      @media (max-width: 519px) {
        .header-img-wrapper .icon-button.tool {
          top: 170px;
          left: 90px; } }
      @media (max-width: 400px) {
        .header-img-wrapper .icon-button.tool {
          top: 140px;
          left: 50px; } }
    .header-img-wrapper .icon-button.threed {
      top: 204px;
      left: 680px;
      -webkit-animation: pulse-threed 3s linear infinite;
      animation: pulse-threed 3s linear infinite; }

@-webkit-keyframes pulse-threed {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 65, 0, 0.7), 0 0 0 0 rgba(255, 65, 0, 0.7); }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 65, 0, 0), 0 0 0 0 rgba(255, 65, 0, 0.7); }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 65, 0, 0), 0 0 0 15px rgba(255, 65, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 65, 0, 0), 0 0 0 15px rgba(255, 65, 0, 0); } }

@keyframes pulse-threed {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 65, 0, 0.7), 0 0 0 0 rgba(255, 65, 0, 0.7); }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 65, 0, 0), 0 0 0 0 rgba(255, 65, 0, 0.7); }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 65, 0, 0), 0 0 0 15px rgba(255, 65, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 65, 0, 0), 0 0 0 15px rgba(255, 65, 0, 0); } }
      @media (max-width: 1199px) {
        .header-img-wrapper .icon-button.threed {
          top: 173px;
          left: 566px; } }
      @media (max-width: 991px) {
        .header-img-wrapper .icon-button.threed {
          left: 475px; } }
      @media (max-width: 767px) {
        .header-img-wrapper .icon-button.threed {
          top: 150px;
          left: 65%; } }
      @media (max-width: 519px) {
        .header-img-wrapper .icon-button.threed {
          top: 130px;
          left: 326px; } }
      @media (max-width: 400px) {
        .header-img-wrapper .icon-button.threed {
          top: 70px;
          left: 190px; } }
    .header-img-wrapper .icon-button.play {
      top: 466px;
      left: 541px;
      -webkit-animation: pulse-play 3s linear infinite;
      animation: pulse-play 3s linear infinite;
      border-radius: 33px; }

@-webkit-keyframes pulse-play {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 206, 117, 0.7), 0 0 0 0 rgba(38, 206, 117, 0.7); }
  40% {
    box-shadow: 0 0 0 30px rgba(38, 206, 117, 0), 0 0 0 0 rgba(38, 206, 117, 0.7); }
  80% {
    box-shadow: 0 0 0 30px rgba(38, 206, 117, 0), 0 0 0 20px rgba(38, 206, 117, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(38, 206, 117, 0), 0 0 0 20px rgba(38, 206, 117, 0); } }

@keyframes pulse-play {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 206, 117, 0.7), 0 0 0 0 rgba(38, 206, 117, 0.7); }
  40% {
    box-shadow: 0 0 0 30px rgba(38, 206, 117, 0), 0 0 0 0 rgba(38, 206, 117, 0.7); }
  80% {
    box-shadow: 0 0 0 30px rgba(38, 206, 117, 0), 0 0 0 20px rgba(38, 206, 117, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(38, 206, 117, 0), 0 0 0 20px rgba(38, 206, 117, 0); } }
      @media (max-width: 1199px) {
        .header-img-wrapper .icon-button.play {
          left: 442px;
          top: 397px; } }
      @media (max-width: 991px) {
        .header-img-wrapper .icon-button.play {
          top: 443px;
          left: 45%; } }
      @media (max-width: 767px) {
        .header-img-wrapper .icon-button.play {
          top: 373px;
          left: 43%; } }
      @media (max-width: 519px) {
        .header-img-wrapper .icon-button.play {
          top: 373px;
          left: 195px; } }
      @media (max-width: 400px) {
        .header-img-wrapper .icon-button.play {
          top: 230px;
          left: 115px; } }

.full-width-grey-bg {
  background-color: #f2f5f9; }

.mp-title {
  color: #008ce5;
  margin-bottom: 40px; }
  @media (max-width: 991px) {
    .mp-title {
      margin-bottom: 15px; } }
  .mp-title.fake-button {
    padding: 20px;
    background-color: #84ade4;
    color: #ffffff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: bold; }

.mp-read-more {
  text-transform: uppercase;
  color: #008ce5;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer; }

.mp-header .title {
  font-size: 32px;
  line-height: 40px;
  color: #222326;
  letter-spacing: 1px;
  margin-top: 80px; }
  @media (max-width: 991px) {
    .mp-header .title {
      margin-top: 40px;
      font-size: 26px;
      line-height: 34px; } }

.mp-header .desc {
  color: #222326; }

.mp-header .price-text {
  font-size: 24px;
  color: #008ce5; }

.mp-header .try-it {
  color: #008ce5;
  margin-top: -60px; }
  @media (max-width: 350px) {
    .mp-header .try-it {
      display: none; } }

.mp-books {
  position: relative; }
  .mp-books select {
    width: 320px; }
    @media (max-width: 519px) {
      .mp-books select {
        width: 100%; } }
  .mp-books .left-side {
    margin: 130px 0; }
    @media (max-width: 991px) {
      .mp-books .left-side {
        margin: 30px 0; } }
    @media (max-width: 767px) {
      .mp-books .left-side {
        margin: 30px 0; } }
  .mp-books .right-side {
    margin: 30px 0; }
    @media (max-width: 991px) {
      .mp-books .right-side {
        margin: 60px 0; } }
    @media (max-width: 767px) {
      .mp-books .right-side {
        margin: 0 0 30px; } }
    .mp-books .right-side .right-side-inner {
      padding: 15px;
      margin: 80px 0; }
      @media (max-width: 991px) {
        .mp-books .right-side .right-side-inner {
          margin: 0; } }

.mp-media {
  position: relative; }
  @media (max-width: 519px) {
    .mp-media .scale-down {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); } }

.media-slick-height {
  height: 620px; }
  @media (max-width: 767px) {
    .media-slick-height {
      height: 740px; } }
  @media (max-width: 519px) {
    .media-slick-height {
      height: 680px; } }

.device-slick-height {
  height: 570px; }
  @media (max-width: 767px) {
    .device-slick-height {
      height: 780px; } }
  @media (max-width: 519px) {
    .device-slick-height {
      height: 670px; } }

.plus-icon {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -37px; }

.media-slider-trigger,
.device-slider-trigger,
.books-slider-trigger {
  position: absolute;
  right: 0;
  top: 45%;
  color: #b6d0f3;
  font-size: 48px;
  cursor: pointer; }

.mp-order-box {
  border: 1px solid #d2e0f1;
  box-shadow: 5px 5px 5px #e8e8e8;
  text-align: left;
  padding: 10px 25px 30px 25px; }
  @media (max-width: 991px) {
    .mp-order-box {
      margin: 0 20px; } }
  .mp-order-box .mp-price {
    color: #d38d26;
    font-size: 34px;
    font-weight: bold; }
  .mp-order-box .small-info {
    font-size: 13px;
    color: #727272;
    margin-left: 30px; }
  .mp-order-box .order-details {
    font-size: 18px; }
  .mp-order-box i {
    font-size: 26px;
    color: #008ce5; }
  .mp-order-box .mp-btn {
    padding-left: 75px;
    padding-right: 75px; }

.books-slick {
  margin-top: 80px;
  padding-right: 35px; }
  @media (max-width: 519px) {
    .books-slick {
      margin-top: 20px; } }

.book-slick-book {
  padding: 10px; }

.mpr .book-box,
.mpb .book-box {
  border: 1px solid #dfe4f1;
  padding: 20px 20px 15px 20px;
  box-shadow: 4px 4px 8px #CDCDCD;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  font-size: 14px;
  position: relative; }
  .mpr .book-box .book-cover,
  .mpb .book-box .book-cover {
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px; }
    .mpr .book-box .book-cover img,
    .mpb .book-box .book-cover img {
      height: 100px;
      width: 74px; }
  .mpr .book-box .book-info,
  .mpb .book-box .book-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }
    .mpr .book-box .book-info .book-title,
    .mpb .book-box .book-info .book-title {
      color: #008ce5;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .mpr .book-box .book-info .book-subtitle,
    .mpb .book-box .book-info .book-subtitle {
      font-style: italic;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .mpr .book-box .book-info .book-type,
    .mpb .book-box .book-info .book-type {
      font-weight: bold; }
  .mpr .book-box .extras .extra-icon,
  .mpb .book-box .extras .extra-icon {
    display: inline-block;
    text-align: center;
    color: #455771; }
    .mpr .book-box .extras .extra-icon i,
    .mpb .book-box .extras .extra-icon i {
      font-size: 35px;
      color: #a9c2e4;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
      @media (max-width: 991px) {
        .mpr .book-box .extras .extra-icon i,
        .mpb .book-box .extras .extra-icon i {
          font-size: 24px; } }
  .mpr .book-box .book-edit,
  .mpb .book-box .book-edit {
    -webkit-flex: 0 0 175px;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .mpr .book-box .book-edit,
      .mpb .book-box .book-edit {
        display: block;
        position: absolute;
        bottom: 15px;
        right: 20px; } }
  .mpr .book-box.add-more,
  .mpb .book-box.add-more {
    color: #86b2d2;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .mpr .book-box.add-more img,
    .mpb .book-box.add-more img {
      width: 45px;
      height: 45px; }
    .mpr .book-box.add-more p,
    .mpb .book-box.add-more p {
      margin-bottom: 0;
      margin-left: 15px; }

.mpr .js-book-dropdown-button,
.mpb .js-book-dropdown-button {
  cursor: pointer; }

.mpr .book-dropdown-menu,
.mpb .book-dropdown-menu {
  position: absolute;
  top: calc(100% - 10px);
  right: -5px;
  background-color: #fff;
  z-index: 100;
  overflow: hidden;
  width: 375px;
  height: 460px;
  border: 1px solid #dfe4f1;
  box-shadow: 4px 4px 8px #CDCDCD;
  margin-left: -188px; }
  @media (max-width: 519px) {
    .mpr .book-dropdown-menu,
    .mpb .book-dropdown-menu {
      position: fixed;
      width: 100%;
      height: calc(100% - 50px);
      top: 50px;
      right: 0; } }
  .mpr .book-dropdown-menu .scroller-wrapper,
  .mpb .book-dropdown-menu .scroller-wrapper {
    margin-top: 30px;
    height: 430px; }
    @media (max-width: 519px) {
      .mpr .book-dropdown-menu .scroller-wrapper,
      .mpb .book-dropdown-menu .scroller-wrapper {
        height: calc(100% - 30px); } }
    .mpr .book-dropdown-menu .scroller-wrapper .scroller,
    .mpb .book-dropdown-menu .scroller-wrapper .scroller {
      z-index: 101; }
      .mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box,
      .mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box {
        border: none;
        border-bottom: 1px solid #dfe4f1;
        box-shadow: none;
        padding: 18px 20px 15px;
        cursor: pointer; }
        .mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box:hover,
        .mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box:hover {
          background-color: #f2f5f9; }
        @media (min-width: 520px) {
          .mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-title,
          .mpr .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-subtitle,
          .mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-title,
          .mpb .book-dropdown-menu .scroller-wrapper .scroller .book-box .book-subtitle {
            max-width: 230px; } }
      @media (max-width: 519px) {
        .mpr .book-dropdown-menu .scroller-wrapper .scroller,
        .mpb .book-dropdown-menu .scroller-wrapper .scroller {
          width: 100%; } }
  .mpr .book-dropdown-menu .close-button,
  .mpb .book-dropdown-menu .close-button {
    position: absolute;
    color: #8c97a7;
    cursor: pointer;
    background-color: #ffffff;
    padding: 3px 7px;
    height: 30px;
    width: 100%;
    text-align: right;
    z-index: 102; }
    .mpr .book-dropdown-menu .close-button i,
    .mpb .book-dropdown-menu .close-button i {
      cursor: pointer; }
  .mpr .book-dropdown-menu .slimScrollBar_mozapack,
  .mpb .book-dropdown-menu .slimScrollBar_mozapack {
    opacity: 1 !important; }

.mpr .payment-block,
.mpb .payment-block {
  border-top: 1px solid #dfe4f1; }
  .mpr .payment-block .product-name,
  .mpb .payment-block .product-name {
    font-size: 24px; }
    @media (max-width: 991px) {
      .mpr .payment-block .product-name,
      .mpb .payment-block .product-name {
        font-size: 20px; } }
  .mpr .payment-block .product-price,
  .mpb .payment-block .product-price {
    color: #d38d26;
    font-size: 30px;
    font-weight: bold; }
  .mpr .payment-block .product-details,
  .mpb .payment-block .product-details {
    font-size: 11px; }

.mpr .js-delete-bid,
.mpb .js-delete-bid {
  cursor: pointer;
  display: inline-block;
  margin-top: 9px;
  margin-right: 5px; }

.mpr .fa-check-circle {
  color: #008ce5;
  font-size: 28px;
  vertical-align: middle; }

.mpr .block-container {
  border-bottom: 1px solid #dfe4f1;
  margin-top: 50px; }
  @media (max-width: 991px) {
    .mpr .block-container {
      margin-top: 20px; } }

.mpr .block-title {
  font-weight: bold;
  font-size: 20px;
  vertical-align: middle; }

.mpr .edit-link {
  vertical-align: middle; }

.mpr .book-box {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.mpb h1 {
  border-bottom: 1px solid #dfe4f1; }

.webshop_admin_pager .row {
  margin: 0; }
  .webshop_admin_pager .row .col-md-12 {
    width: auto; }

.clearfix:before, .clearfix:after {
  clear: both; }

.admin-container {
  padding-bottom: 40px; }

.admin-container-full {
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%; }

.typeahead-max-height .dropdown-menu {
  max-height: 300px;
  overflow-y: auto; }

.table > tbody > tr.webshop_item_row > td {
  line-height: 35px; }
  .table > tbody > tr.webshop_item_row > td input[type="number"] {
    width: 100px; }
  .table > tbody > tr.webshop_item_row > td input[type="text"] {
    width: 170px; }

.vertical-align {
  vertical-align: middle !important; }

.table > thead > tr > th {
  white-space: nowrap; }
  .table > thead > tr > th i {
    margin-left: 5px;
    font-size: 14px;
    color: #455771; }
    .table > thead > tr > th i.active {
      color: #008ce5; }

.table .order_list_wait_transfer {
  border: 2px solid #ca7a00;
  background-color: rgba(227, 137, 0, 0.15); }
  .table .order_list_wait_transfer:nth-of-type(odd) {
    background-color: rgba(227, 137, 0, 0.25); }
  .table .order_list_wait_transfer > td {
    border: 1px solid #ca7a00; }

.table .order-list-deleted {
  border: 2px solid #d83b59;
  background-color: rgba(216, 59, 89, 0.1); }
  .table .order-list-deleted:nth-of-type(odd) {
    background-color: rgba(216, 59, 89, 0.15); }
  .table .order-list-deleted > td {
    border-color: #d83b59; }

.table > tbody > tr.highlight {
  border: 2px solid #008ce5;
  background-color: rgba(0, 140, 229, 0.1); }
  .table > tbody > tr.highlight:nth-of-type(odd) {
    background-color: rgba(0, 140, 229, 0.15); }
  .table > tbody > tr.highlight > td {
    border-color: #008ce5; }

.table > tbody > tr:nth-of-type(odd).activated_licence {
  background-color: #F0FFF0; }

.table > tbody > tr:nth-of-type(even).activated_licence {
  background-color: #E0EEE0; }

.table > tbody > tr.banned_licence {
  background-color: #a7a7a7 !important; }

.table.table-sortable > tbody > tr {
  background-color: #ffffff; }
  .table.table-sortable > tbody > tr.placeholder {
    background-color: #4f687c;
    height: 103px; }

.table a {
  cursor: pointer; }

.no-wrap {
  white-space: nowrap; }

.webshop_order_popup_details {
  display: inline-block;
  float: none; }

.fa-dark {
  color: #3b4b61; }

.fa-hover {
  cursor: pointer; }

body.editor {
  padding-top: 102px;
  /* editor fejléc, admin fejléc */ }
  body.editor .editor_header,
  body.editor .admin_header {
    width: 100%;
    height: 57px;
    background: #244b95 url("../assets/images/editor/header_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/header_bg.png*/ top left;
    top: 0;
    left: 0;
    position: absolute; }
    body.editor .editor_header.fixed,
    body.editor .admin_header.fixed {
      position: fixed;
      z-index: 10; }
    body.editor .editor_header .editor_title,
    body.editor .editor_header .admin_title,
    body.editor .admin_header .editor_title,
    body.editor .admin_header .admin_title {
      width: 600px;
      height: 27px;
      background-repeat: no-repeat;
      background-color: transparent;
      position: absolute;
      top: 8px;
      left: 50px;
      font-size: 32px;
      font-family: 'NeoSansPro-Italic';
      color: #B1D2FC; }
      body.editor .editor_header .editor_title span,
      body.editor .editor_header .admin_title span,
      body.editor .admin_header .editor_title span,
      body.editor .admin_header .admin_title span {
        color: white; }
    body.editor .editor_header .mozaik_icon,
    body.editor .admin_header .mozaik_icon {
      background: url("../assets/images/editor/header_bg_mozaik.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/header_bg_mozaik.png*/ no-repeat center center;
      width: 160px;
      height: 57px;
      float: right; }
    body.editor .editor_header .login_name,
    body.editor .admin_header .login_name {
      font-size: 14px;
      color: #c4deff;
      line-height: 21px;
      margin: 18px 0px;
      float: right; }
    body.editor .editor_header a.back_icon,
    body.editor .admin_header a.back_icon {
      float: left;
      width: 27px;
      height: 24px;
      background-image: url("../assets/images/editor/back.png-v=20140129.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/back.png?v=20140129*/;
      background-repeat: no-repeat;
      margin: 18px 10px 15px 8px; }
  body.editor .editor_menu,
  body.editor .admin_menu {
    border-top: 2px solid #fff03d;
    background-color: #2956a5;
    height: 35px;
    width: 100%;
    clear: both;
    position: absolute;
    top: 57px; }
    body.editor .editor_menu.fixed,
    body.editor .admin_menu.fixed {
      position: fixed;
      top: 56px;
      z-index: 10; }
    body.editor .editor_menu .home_bg,
    body.editor .admin_menu .home_bg {
      width: 52px;
      height: 33px;
      border-right: 1px solid #718cc6;
      float: left;
      margin-right: 25px; }
      body.editor .editor_menu .home_bg a.home_icon,
      body.editor .admin_menu .home_bg a.home_icon {
        display: block;
        width: 22px;
        height: 21px;
        background-image: url("../assets/images/editor/home_yellow.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/home_yellow.png*/;
        margin: 8px 0 5px 17px; }
        body.editor .editor_menu .home_bg a.home_icon.inactive,
        body.editor .admin_menu .home_bg a.home_icon.inactive {
          background-image: url("../assets/images/editor/home.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/home.png*/; }
    body.editor .editor_menu .menu,
    body.editor .admin_menu .menu {
      line-height: 33px; }
      body.editor .editor_menu .menu a,
      body.editor .admin_menu .menu a {
        background: none;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        float: left;
        line-height: 35px;
        margin-left: 20px;
        margin-right: 15px;
        transition: color 0.3s ease-out 0s; }
        body.editor .editor_menu .menu a.selected,
        body.editor .admin_menu .menu a.selected {
          color: #ffe774; }
        body.editor .editor_menu .menu a:hover,
        body.editor .admin_menu .menu a:hover {
          color: #ffe774; }
        body.editor .editor_menu .menu a.disabled,
        body.editor .admin_menu .menu a.disabled {
          opacity: 0.6;
          cursor: default; }

.sortable-connect {
  position: static; }
  .sortable-connect .scrollable-list {
    height: 525px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 20px; }
    .sortable-connect .scrollable-list ul {
      min-height: 325px;
      display: block; }

.js-full-extra-list-holder {
  position: relative; }

.position-static {
  position: static; }

.js-selected-extra-list {
  padding-bottom: 25px; }

.js-selected-extra-list img,
.js-full-extra-list img {
  height: 50px; }

.webshop_order_popup_details {
  display: none;
  position: absolute;
  width: 460px;
  z-index: 15; }
  .webshop_order_popup_details .general_table {
    width: 100%; }
  .webshop_order_popup_details .general_table tr td,
  .webshop_order_popup_details .general_table tr th {
    line-height: 16px; }
  .webshop_order_popup_details .general_table tr td.nowrap {
    white-space: nowrap; }
  .webshop_order_popup_details .general_table tr td .name {
    font-size: 12px;
    font-weight: bold; }
  .webshop_order_popup_details .general_table tr td .short_desc {
    font-size: 11px;
    line-height: 13px; }

.general_table_header.admin-table i {
  display: none; }

.general_table_header.admin-table i.active {
  display: initial;
  color: #455771; }

.general_table_header.admin-table a {
  color: #455771; }

.table thead.order-list-header tr th i {
  display: none; }

.table thead.order-list-header tr th i.active {
  display: initial;
  color: #455771; }

.table thead.order-list-header tr th a {
  color: #455771; }

.order-list-actions .btn, .order-list-actions .btn-facebook, .order-list-actions .btn-round, .order-list-actions .btn-default, .order-list-actions .btn-sausage, .order-list-actions .btn-success, .order-list-actions .btn-yellow, .order-list-actions .btn-white, .order-list-actions .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .order-list-actions button {
  margin-bottom: 5px; }

#other-filter {
  display: none;
  padding: 20px;
  background: rgba(199, 211, 229, 0.5);
  margin-bottom: 30px; }

.remove-institute, .remove-book, .remove-uploader {
  color: #E00000;
  cursor: pointer; }

#licence-new {
  margin-top: 25px;
  margin-bottom: 25px; }
  #licence-new .general_label {
    margin-left: 0; }

.licence-inline-comment {
  font-style: italic; }

.licence_invoice {
  display: none; }

.nav-user-admin li a {
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .nav-user-admin li a {
      white-space: nowrap; } }

.nav-portal-event-admin {
  font-size: 16px;
  font-weight: bold; }
  .nav-portal-event-admin li {
    width: 80px;
    padding-right: 10px; }
    .nav-portal-event-admin li a {
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 992px) {
        .nav-portal-event-admin li a {
          white-space: nowrap; } }

.portal-event-manager table {
  height: 80px;
  padding: 0px; }
  .portal-event-manager table textarea {
    border: 0px;
    font-size: 13px;
    height: 100%; }
  .portal-event-manager table th.small-column {
    width: 60px;
    font-size: 15px; }
  .portal-event-manager table th.medium-column {
    width: 95px; }
  .portal-event-manager table th.large-column {
    width: 320px; }
  .portal-event-manager table th.maintitle-width {
    width: 45%; }
  .portal-event-manager table td {
    text-align: center;
    height: 60px;
    padding: 0px !important; }
    .portal-event-manager table td input.form-check-input {
      margin: 0px;
      width: 15px;
      height: 15px; }
  .portal-event-manager table td.web-col {
    width: 50px; }
    .portal-event-manager table td.web-col i {
      font-size: 30px; }
  .portal-event-manager table tbody .btn, .portal-event-manager table tbody .btn-facebook, .portal-event-manager table tbody .btn-round, .portal-event-manager table tbody .btn-default, .portal-event-manager table tbody .btn-sausage, .portal-event-manager table tbody .btn-success, .portal-event-manager table tbody .btn-yellow, .portal-event-manager table tbody .btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button {
    padding: 0px;
    width: 100%; }
    .portal-event-manager table tbody .btn.function-button, .portal-event-manager table tbody .function-button.btn-facebook, .portal-event-manager table tbody .function-button.btn-round, .portal-event-manager table tbody .function-button.btn-default, .portal-event-manager table tbody .function-button.btn-sausage, .portal-event-manager table tbody .function-button.btn-success, .portal-event-manager table tbody .function-button.btn-yellow, .portal-event-manager table tbody .function-button.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button {
      display: inline-block;
      width: 25px; }
      .portal-event-manager table tbody .btn.function-button.js-save, .portal-event-manager table tbody .function-button.js-save.btn-facebook, .portal-event-manager table tbody .function-button.js-save.btn-round, .portal-event-manager table tbody .function-button.js-save.btn-default, .portal-event-manager table tbody .function-button.js-save.btn-sausage, .portal-event-manager table tbody .function-button.js-save.btn-success, .portal-event-manager table tbody .function-button.js-save.btn-yellow, .portal-event-manager table tbody .function-button.js-save.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button.js-save, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button.js-save {
        display: none;
        font-size: 18px;
        color: #3dc33d; }
      .portal-event-manager table tbody .btn.function-button.js-delete, .portal-event-manager table tbody .function-button.js-delete.btn-facebook, .portal-event-manager table tbody .function-button.js-delete.btn-round, .portal-event-manager table tbody .function-button.js-delete.btn-default, .portal-event-manager table tbody .function-button.js-delete.btn-sausage, .portal-event-manager table tbody .function-button.js-delete.btn-success, .portal-event-manager table tbody .function-button.js-delete.btn-yellow, .portal-event-manager table tbody .function-button.js-delete.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button.js-delete, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button.js-delete {
        font-size: 18px;
        color: #a5a5a5; }
      .portal-event-manager table tbody .btn.function-button.js-edit, .portal-event-manager table tbody .function-button.js-edit.btn-facebook, .portal-event-manager table tbody .function-button.js-edit.btn-round, .portal-event-manager table tbody .function-button.js-edit.btn-default, .portal-event-manager table tbody .function-button.js-edit.btn-sausage, .portal-event-manager table tbody .function-button.js-edit.btn-success, .portal-event-manager table tbody .function-button.js-edit.btn-yellow, .portal-event-manager table tbody .function-button.js-edit.btn-white, .portal-event-manager table tbody .ui-dialog .ui-dialog-buttonpane button.function-button.js-edit, .ui-dialog .ui-dialog-buttonpane .portal-event-manager table tbody button.function-button.js-edit {
        font-size: 18px;
        color: #3dc33d; }
  .portal-event-manager table tbody p {
    text-align: left;
    padding: 0px 4px; }
  .portal-event-manager table tbody div {
    text-align: left;
    padding: 0px 4px; }
  .portal-event-manager table tbody.big-news textarea {
    height: 140px; }
    .portal-event-manager table tbody.big-news textarea.half-size {
      height: 86px;
      border-left: 1px solid #ccc;
      border-radius: 0px; }
    .portal-event-manager table tbody.big-news textarea.title-textbox {
      height: 32px;
      font-weight: bold; }
    .portal-event-manager table tbody.big-news textarea.border-bottom {
      border-bottom: 1px solid #ccc;
      border-radius: 0px; }
  .portal-event-manager table tbody.big-news .form-check-input {
    margin: 0px; }
  .portal-event-manager table tbody.events textarea {
    height: 155px; }
    .portal-event-manager table tbody.events textarea.half-size {
      height: 100px;
      border-radius: 0px; }
    .portal-event-manager table tbody.events textarea.title-textbox {
      height: 55px;
      font-weight: bold; }
    .portal-event-manager table tbody.events textarea.border-bottom {
      border-bottom: 1px solid #ccc;
      border-radius: 0px; }
  .portal-event-manager table tbody.events .form-check-input {
    margin: 0px; }
  .portal-event-manager table tbody .img-input-separator {
    display: inline-block;
    vertical-align: middle; }
    .portal-event-manager table tbody .img-input-separator.img-holder {
      width: 14%;
      max-width: 50px;
      margin-top: 62px; }
      .portal-event-manager table tbody .img-input-separator.img-holder img {
        width: 100%; }
    .portal-event-manager table tbody .img-input-separator.text-holder {
      float: right;
      width: 86%; }
  .portal-event-manager table img {
    max-width: 100px;
    margin: 3px; }

.portal-event-manager .event-manager-title-row h3 {
  display: inline-block;
  font-size: 22px; }

.portal-event-manager .event-manager-title-row .right-side {
  margin-top: 10px;
  float: right; }

.shop-order-user-data .institute-data-hover {
  cursor: pointer;
  float: right; }

.shop-order-user-data .address-text {
  font-size: 13px; }

.shop-order-user-data .profil-link {
  font-size: 14px; }

.order-list-actions.mail-options {
  padding: 5px;
  padding-top: 12px;
  width: 150px; }

.order-list-actions .function-button {
  padding: 5px; }

.order-list-actions .download-icon {
  font-size: 15px;
  padding-top: 2px;
  color: #61B846; }

.order-list-actions .comment-icon {
  color: #61B846;
  font-size: 16px;
  line-height: 18px; }

.order-list-actions .comment-icon.mwicon-message {
  font-size: 20px; }

.order-status-col {
  width: 190px; }

.portal-event-manager-editor .cke_textarea_inline {
  padding: 2px 6px; }

.user-admin {
  background-color: #e0e9f6; }
  .user-admin .wbox-content {
    padding: 20px; }
  .user-admin label {
    margin-top: 5px; }
    .user-admin label span {
      font-weight: normal; }
    @media (max-width: 767px) {
      .user-admin label.text-right {
        text-align: left; } }
  @media (max-width: 991px) {
    .user-admin .status .form-group div[class*="col-"] {
      margin-bottom: 20px; }
      .user-admin .status .form-group div[class*="col-"]:last-child {
        margin-bottom: 0; } }
  .user-admin .before-after input {
    margin-bottom: 5px;
    display: inline-block;
    -webkit-appearance: checkbox;
    width: 12px;
    height: 12px;
    vertical-align: middle; }
    .user-admin .before-after input.after {
      margin-left: 10px; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .user-admin .before-after input.after {
          margin-left: 5px; } }
  .user-admin .regdatum {
    width: 100%; }
  .user-admin .regdatum-radio {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
    margin-top: 1px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .user-admin .regdatum-radio {
        font-size: 13px;
        margin-top: 3px; } }
  @media (min-width: 992px) {
    .user-admin .tri-input {
      margin-left: 7%; } }
  @media (min-width: 992px) {
    .user-admin .duo-input {
      margin-left: 21%; } }

@media (min-width: 992px) {
  .user-admin-toggle {
    text-align: right;
    padding-top: 30px; } }

@media (max-width: 992px) {
  .user-admin-toggle {
    padding-bottom: 20px; } }

.adv_search_input {
  display: none; }

.user-admin-container {
  position: relative; }
  .user-admin-container .translate-group-list {
    font-size: 13px; }
  .user-admin-container .institute-col {
    width: 200px; }
  .user-admin-container .general_table .user-activity-status > i {
    font-size: 20px; }

@media (min-width: 992px) {
  .results-numbers {
    display: inline-block;
    position: absolute;
    margin-top: 26px;
    right: 15px; } }

@media (max-width: 992px) {
  .results-numbers {
    text-align: center; } }

.results-numbers-single {
  text-align: right; }

.user-page .user-deleted td {
  background: #FFDCDC; }

.user-page .user-deleted td.col_name {
  position: relative; }

.user-page .user-deleted td.col_name span {
  font-size: 10px;
  color: red; }

.wbox .checkbox-filter .checkbox {
  text-align: center; }
  @media (min-width: 768px) {
    .wbox .checkbox-filter .checkbox {
      display: table-cell;
      width: 1%;
      margin-right: 10px; } }

@media (max-width: 991px) {
  .permission-cols .permission-col-1 .checkbox:last-child {
    margin-bottom: 5px; }
  .permission-cols .permission-col-2 .checkbox:first-child {
    margin-top: 0; } }

.massive-reg-table {
  border: none !important; }

.online-filter .form-inline {
  width: 100%;
  float: left; }
  .online-filter .form-inline .form-group {
    width: 100%;
    margin-bottom: 20px; }
    .online-filter .form-inline .form-group label {
      white-space: nowrap;
      padding-right: 5px;
      margin-top: 5px;
      width: 100%;
      text-align: left; }
    .online-filter .form-inline .form-group select {
      width: 100%; }

@media (min-width: 768px) {
  .online-filter .form-inline {
    width: 100%; }
    .online-filter .form-inline .form-group label {
      width: 20%;
      text-align: right; }
    .online-filter .form-inline .form-group select {
      width: 79%; }
    .online-filter .form-inline:last-child .form-group label {
      margin-left: 0; } }

@media (min-width: 992px) {
  .online-filter .form-inline {
    width: 50%; }
    .online-filter .form-inline .form-group {
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      margin-right: 15px;
      margin-bottom: 0; }
      .online-filter .form-inline .form-group label {
        width: initial; }
      .online-filter .form-inline .form-group select {
        width: 100%; }
    .online-filter .form-inline:last-child .form-group label {
      margin-left: 20px; } }

.online-filter .platform-select {
  width: 300px; }

.editor-filter .form-group {
  width: 100%;
  margin-bottom: 20px; }
  .editor-filter .form-group label {
    white-space: nowrap;
    padding-right: 5px;
    margin-top: 5px;
    text-align: left; }

.editor-filter .institute-select {
  width: 230px;
  display: inline-block; }

.editor-filter .group-select {
  width: 270px;
  display: inline-block; }

.editor-filter .filter-select {
  display: inline-block;
  margin-right: 40px; }

#priority-selector {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  border: 1px solid #c6d2e5;
  border-radius: 3px;
  box-shadow: 3px 3px 7px #888;
  display: none; }
  #priority-selector ul {
    list-style: none;
    padding: 10px;
    margin: 0;
    display: block;
    float: left; }
    #priority-selector ul li {
      display: block;
      float: left;
      width: 26px;
      height: 26px;
      border: 1px solid #ccc;
      border-radius: 4px;
      cursor: pointer;
      text-align: center;
      padding: 4px;
      font-weight: bold;
      margin: 6px;
      font-size: 11px;
      position: relative; }
    #priority-selector ul li:nth-child(6) {
      clear: left; }
    #priority-selector ul li.active:before, #priority-selector ul li:hover:before {
      content: "";
      position: absolute;
      width: 34px;
      height: 34px;
      border: 2px solid #008ce5;
      border-radius: 6px;
      top: -5px;
      left: -5px; }

#priority-selector:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 13px;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #c6d2e5 transparent;
  display: block;
  width: 0; }

#priority-selector:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 15px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0; }

.select2-selection__choice[data-priority="10"] {
  background-color: #93B8FC !important; }

.select2-selection__choice[data-priority="9"] {
  background-color: #9CBAF4 !important; }

.select2-selection__choice[data-priority="8"] {
  background-color: #A9BFE8 !important; }

.select2-selection__choice[data-priority="7"] {
  background-color: #B5C4DF !important; }

.select2-selection__choice[data-priority="6"] {
  background-color: #C2CBDC !important; }

.select2-selection__choice[data-priority="4"] {
  background-color: #DADEE5 !important; }

.select2-selection__choice[data-priority="5"] {
  background-color: #CED4DF !important; }

.select2-selection__choice[data-priority="3"] {
  background-color: #dee7f8 !important; }

.select2-selection__choice[data-priority="2"] {
  background-color: #F3F4F6 !important; }

.select2-selection__choice[data-priority="1"] {
  background-color: #FFFFFF !important; }

.select2-selection__choice.tag-selected {
  background-color: #e67e22 !important;
  color: #fff !important; }

.select2-selection__choice.tag-selected .select2-selection__choice__remove {
  color: #fff !important; }

.choose_this_institute:not(.collapsed) i:before {
  content: "\f0d7" !important; }

#validate-institute-tabs #similar_institutes {
  min-height: 450px; }
  #validate-institute-tabs #similar_institutes .pre-scrollable {
    min-height: 400px; }

#validate-institute-tabs .form-group {
  margin-bottom: 10px; }

#validate-institute-tabs .nav-item.disabled, #validate-institute-tabs .nav-link.disabled {
  pointer-events: none; }

#validate-institute-tabs .select-institute {
  float: left;
  margin-top: 8px; }

#unvalidated-institutes .col-settings,
#edit-institutes .col-settings {
  width: 50px; }

#unvalidated-institutes td .fa.fa-cog, #unvalidated-institutes th .fa.fa-cog,
#edit-institutes td .fa.fa-cog,
#edit-institutes th .fa.fa-cog {
  font-size: 18px; }

#unvalidated-institutes .institute-name > .mwicon-institute,
#edit-institutes .institute-name > .mwicon-institute {
  color: #008ce5;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  cursor: pointer; }

#institute_edit_modal .form-group {
  margin-bottom: 10px; }

.blog-list-order {
  clear: both; }

.blog-order-label {
  float: right;
  margin-top: 7px;
  margin-right: 15px; }

.blog-sub-heading {
  display: inline-block;
  font-size: 22px;
  margin-top: 5px; }

.blog-admin-table .text-right {
  color: #a5a5a5; }

.blog-admin-pager {
  position: relative; }
  .blog-admin-pager .sum {
    position: absolute;
    top: 6px; }

.post-item .text-right {
  padding: 0px; }
  .post-item .text-right i {
    font-size: 18px; }

.faq-admin-list .btn, .faq-admin-list .btn-facebook, .faq-admin-list .btn-round, .faq-admin-list .btn-default, .faq-admin-list .btn-sausage, .faq-admin-list .btn-success, .faq-admin-list .btn-yellow, .faq-admin-list .btn-white, .faq-admin-list .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .faq-admin-list button {
  font-size: 18px;
  color: #a5a5a5; }

.faq-admin-list i {
  font-size: 18px;
  color: #a5a5a5; }

.faq-admin-list .category-header {
  min-width: 300px; }

.faq-admin-list thead tr th .list-order {
  color: #455771;
  float: left; }
  .faq-admin-list thead tr th .list-order.active {
    color: #008ce5; }

@media (min-width: 1199px) {
  .faq-edit-inputcontainer .author-input {
    display: inline-block;
    float: left;
    width: 69%; } }

@media (min-width: 1199px) {
  .faq-edit-inputcontainer .language-input {
    display: inline-block;
    float: right;
    width: 30%; } }

.faq-edit-inputcontainer .language-input select {
  height: 41px; }

.online-statistics-extra-buttons {
  height: 55px; }
  @media (min-width: 992px) {
    .online-statistics-extra-buttons.system-control--btn-group {
      margin-left: 20px; } }

@media (min-width: 992px) {
  .system-control--btn-group {
    vertical-align: top; } }

.table-striped tbody tr.recently-opened {
  background-color: #d5e5ef; }

.row.geodbCountryAdminCityFieldsContainer > div {
  height: 70px; }

.blog-admin-dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #455771;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .blog-admin-dropdown .dropdown-item:hover {
    background-color: #f2f5f9; }

.blog-admin-dropdown .dropdown-menu {
  min-width: 80px; }

.replace_form,
.settings_replace_form {
  padding-bottom: 20px; }

.settings_replace_form_item {
  padding-top: 20px; }

#settings_replace_form_item {
  cursor: pointer; }

#text_replace_preview .text_replace_diff {
  padding-bottom: 20px; }

#scv_replace_checkbox_wrapper {
  display: none; }

.download-info {
  padding-top: 30px; }

.supported-system {
  margin: 50px 0; }
  .supported-system img {
    float: left;
    margin-right: 10px; }

.download-videos {
  padding-top: 50px; }
  .download-videos .media-item {
    min-height: 280px; }

.download-option-radio {
  padding-right: 10px;
  width: 30px;
  height: 40px; }

.download-info {
  margin-bottom: 30px; }

@media (max-width: 767px) {
  .download-info {
    padding-top: 15px; } }

.arrow-right-blue {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid #008CE5; }

.arrow-right-grey {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid #455771; }

.filters a {
  padding: 6px 15px; }

.title-row-homework {
  margin-bottom: 0; }

.italic {
  font-style: italic;
  font-weight: normal; }

.attention {
  color: red;
  font-weight: bold;
  text-transform: uppercase; }

hr {
  border-bottom: 1px solid #c6d2e5; }

.main-content {
  background-color: #c6d2e5; }

.homework .pl0 {
  padding-left: 0px !important; }

.homework .pr0 {
  padding-right: 0px !important; }

.homework .background {
  background-color: #e0e9f6;
  border: 1px solid #c6d2e5;
  padding: 20px 20px 10px;
  margin-bottom: 10px; }

.homework_container .dropdown-menu {
  overflow: auto;
  max-height: 350px; }

.homework_container .bootstrap-datetimepicker-widget.dropdown-menu {
  overflow: inherit;
  max-height: inherit; }

.homework_container ul.tagit li.ui-state-default .tagit-close .ui-icon-close {
  display: block; }

.homework_container ul.tagit .tagit-new {
  display: none; }

#homework_container .form-group.has-error .cke_inner {
  border: 1px solid #a94442; }

#homework_container .form-group.has-error .help-block {
  color: #a94442; }

#homework_container .hw-ckeditor-wrapper .help-block {
  position: absolute; }

#homework_container .hw-test-title {
  width: 390px; }

#homework_container .hw-test-number,
#homework_container .hw-test-subject,
#homework_container .hw-test-grade {
  width: 40px; }
  #homework_container .hw-test-number i,
  #homework_container .hw-test-subject i,
  #homework_container .hw-test-grade i {
    font-size: 24px;
    line-height: 0;
    margin: 0;
    top: 2px;
    color: #455771; }

#homework_container .hw-test-author {
  width: 235px; }
  #homework_container .hw-test-author i {
    font-size: 24px;
    line-height: 0;
    margin: 0;
    top: 2px;
    color: #455771; }
  @media (max-width: 991px) {
    #homework_container .hw-test-author {
      width: 1px;
      text-align: center; } }

#homework_container .hw-test-date {
  width: 1px;
  text-align: center; }
  #homework_container .hw-test-date > i, #homework_container .hw-test-date > span > i {
    font-size: 24px;
    line-height: 0;
    margin: 0;
    top: 2px;
    color: #455771; }

#homework_container input[name="search_string"] {
  border-right: none; }
  #homework_container input[name="search_string"] + .input-group-addon {
    background: #fff;
    color: #c6d2e5; }

#homework_container .js-sharetype .btn-group .btn-sharetype {
  width: 215px;
  text-align: center;
  font-weight: bold; }
  #homework_container .js-sharetype .btn-group .btn-sharetype.btn-default {
    color: #455771; }
  #homework_container .js-sharetype .btn-group .btn-sharetype .fa {
    font-size: 18px;
    margin-right: 10px; }

@media (max-width: 991px) {
  #homework_container .js-sharetype {
    margin-bottom: 20px; }
    #homework_container .js-sharetype .btn-group {
      width: 100%; }
      #homework_container .js-sharetype .btn-group .btn-sharetype {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }

.home-work-action-btn {
  margin-right: 10px; }

#contacts.ui-widget-content {
  border: none;
  background: none; }

.section-homework {
  clear: both; }
  .section-homework .steps {
    position: relative;
    height: 60px;
    margin-bottom: 20px; }
    .section-homework .steps a {
      position: relative;
      width: calc((100% - 110px - 10px) / 3);
      display: inline-block;
      height: 100%;
      background-color: #c6d2e5;
      margin-left: 20px;
      margin-right: 20px;
      cursor: default; }
      .section-homework .steps a[href] {
        cursor: pointer; }
      .section-homework .steps a:first-child {
        margin-left: 30px;
        margin-right: 20px; }
        .section-homework .steps a:first-child.arrow-start {
          position: absolute;
          width: 0;
          top: 0;
          left: 0;
          margin-left: 0;
          z-index: 1; }
          .section-homework .steps a:first-child.arrow-start + a {
            margin-left: 40px; }
          .section-homework .steps a:first-child.arrow-start:before {
            display: none; }
      .section-homework .steps a:last-child {
        margin-left: 20px;
        margin-right: 0; }
        .section-homework .steps a:last-child:after {
          display: none; }
      .section-homework .steps a > span {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        -js-display: inline-flex;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        height: 100%; }
        .section-homework .steps a > span b {
          color: #e4e9f2;
          font-size: 45px;
          opacity: .5;
          margin: 0 15px; }
        .section-homework .steps a > span > span {
          color: #ffffff;
          font-weight: bold;
          display: inline-block;
          font-size: 17px;
          line-height: 1.1em;
          width: 140px; }
      .section-homework .steps a:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: -30px;
        width: 30px;
        top: 0;
        height: 100%;
        border-style: solid;
        border-width: 30px 0 30px 30px;
        border-color: #c6d2e5 transparent #c6d2e5 transparent;
        z-index: 0; }
      .section-homework .steps a:after {
        content: '';
        display: inline-block;
        position: absolute;
        right: -30px;
        width: 30px;
        top: 0;
        height: 100%;
        border-style: solid;
        border-width: 30px 0 30px 30px;
        border-color: transparent transparent transparent #c6d2e5; }
      .section-homework .steps a.active {
        color: #ffffff;
        background-color: #008ce5; }
        .section-homework .steps a.active b {
          color: #a3cbf2; }
        .section-homework .steps a.active:before {
          border-color: #008ce5 transparent #008ce5 transparent; }
        .section-homework .steps a.active:after {
          border-color: transparent transparent transparent #008ce5; }
    @media (max-width: 767px) {
      .section-homework .steps:not(.mozabook) {
        height: inherit; }
        .section-homework .steps:not(.mozabook) a {
          width: calc(100% - 60px);
          height: 60px;
          margin-bottom: 15px;
          margin-left: 30px;
          margin-right: 30px; }
          .section-homework .steps:not(.mozabook) a:first-child.arrow-start + a {
            width: calc(100% - 70px); }
          .section-homework .steps:not(.mozabook) a:last-child {
            width: calc(100% - 30px); } }
    .section-homework .steps.mozabook a > span b {
      font-size: 35px;
      margin: 0 10px; }
    .section-homework .steps.mozabook a > span {
      font-size: 14px; }
    @media (max-width: 1199px) {
      .section-homework .steps.mozabook a > span b {
        font-size: 35px;
        margin: 0 5px; }
      .section-homework .steps.mozabook a > span {
        font-size: 14px; } }
    @media (max-width: 519px) {
      .section-homework .steps.mozabook {
        height: inherit; }
        .section-homework .steps.mozabook a {
          width: calc(100% - 30px);
          height: 30px;
          margin-left: 15px;
          margin-right: 15px;
          margin-bottom: 10px; }
          .section-homework .steps.mozabook a:first-child {
            margin-left: 0;
            margin-right: 10px; }
            .section-homework .steps.mozabook a:first-child.arrow-start + a {
              margin-left: 20px;
              width: calc(100% - 35px); }
          .section-homework .steps.mozabook a:last-child {
            margin-left: 15px;
            width: calc(100% -  15px); }
          .section-homework .steps.mozabook a > span b {
            font-size: 27px; }
          .section-homework .steps.mozabook a > span > span {
            font-size: 13px;
            width: inherit; }
          .section-homework .steps.mozabook a:before {
            left: -15px;
            width: 15px;
            border-width: 15px 0 15px 15px; }
          .section-homework .steps.mozabook a:after {
            right: -15px;
            width: 15px;
            border-width: 15px 0 15px 15px; } }
  .section-homework .container {
    padding-top: 20px;
    padding-bottom: 40px;
    min-height: 500px; }
  .section-homework .homework-contacts .form-group {
    position: relative; }
  .section-homework .homework-contacts .form-control, .section-homework .homework-contacts .cke_editable {
    padding-left: 35px; }
  .section-homework .homework-contacts.inline-icon [class^="mwicon-"], .section-homework .homework-contacts.inline-icon [class*=" mwicon-"] {
    left: 12px;
    top: 9px;
    position: absolute;
    font-size: 18px; }
  .section-homework .homework-contacts .typeahead_groups {
    margin-right: 15px; }
    @media (max-width: 1199px) {
      .section-homework .homework-contacts .typeahead_groups {
        margin-right: 0px; } }
  .section-homework .homework-contacts .typeahead.dropdown-menu li a {
    white-space: normal; }
  .section-homework .homework-contacts .typeahead.dropdown-menu li .dropdown-item .typeahead span {
    transition: color 0.3s;
    margin-top: 2px; }
  .section-homework .homework-contacts .typeahead.dropdown-menu li.active .dropdown-item .typeahead span {
    color: white !important; }
  .section-homework .close-all {
    display: none; }
  .section-homework .hw-group-edit {
    margin: 0; }
    .section-homework .hw-group-edit .fa {
      font-size: 18px;
      margin-right: 5px; }
  @media (min-width: 992px) {
    .section-homework .selected_tests .row div[class*='col-']:first-child {
      padding-right: 0; }
    .section-homework .selected_tests .row div[class*='col-']:last-child {
      padding-left: 0; } }
  .section-homework .homework-subtitle {
    margin: 0 0 10px;
    font-weight: bold; }
  .section-homework .btn-default .fa-plus-circle {
    color: #008ce5; }
  .section-homework .btn-primary, .section-homework .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .section-homework button {
    margin-top: 0px; }
  .section-homework .divider {
    border-color: #cfdae9; }
  .section-homework ul.tagit li.ui-state-default {
    background: #0dbf6d;
    padding-right: 30px; }
    .section-homework ul.tagit li.ui-state-default .tagit-label {
      color: #FFF; }
    .section-homework ul.tagit li.ui-state-default.group {
      padding-right: 45px;
      background-color: #008CE5; }
      .section-homework ul.tagit li.ui-state-default.group .opener,
      .section-homework ul.tagit li.ui-state-default.group .closer {
        cursor: pointer;
        position: absolute;
        right: 25px;
        top: 4px; }
      .section-homework ul.tagit li.ui-state-default.group .closer {
        display: none; }
    .section-homework ul.tagit li.ui-state-default.read-only {
      padding-right: 9px; }
    .section-homework ul.tagit li.ui-state-default.read-only.group {
      padding-right: 25px; }
      .section-homework ul.tagit li.ui-state-default.read-only.group .opener,
      .section-homework ul.tagit li.ui-state-default.read-only.group .closer {
        right: 10px;
        top: 4px; }
    .section-homework ul.tagit li.ui-state-default.group-member {
      padding-right: .5em;
      background-color: #24B6F7; }
    .section-homework ul.tagit li.ui-state-default .tag-icon {
      margin-right: 5px;
      display: block;
      float: left;
      margin-top: 11px;
      font-size: 20px;
      line-height: 0; }
    .section-homework ul.tagit li.ui-state-default .group-size {
      color: #fff;
      font-size: 15px;
      margin-right: 5px; }
    .section-homework ul.tagit li.ui-state-default .tagit-close {
      right: 6px; }
    .section-homework ul.tagit li.ui-state-default i,
    .section-homework ul.tagit li.ui-state-default .tagit-close {
      color: #fff; }
  .section-homework .homework_container ul.tagit li.ui-state-default .tagit-close {
    right: 5px; }
    .section-homework .homework_container ul.tagit li.ui-state-default .tagit-close .ui-icon-close {
      text-indent: inherit;
      border-radius: 50%;
      background-image: none; }
      .section-homework .homework_container ul.tagit li.ui-state-default .tagit-close .ui-icon-close:before {
        color: rgba(255, 255, 255, 0.5);
        font: normal normal normal 16px/1 FontAwesome;
        width: 30px;
        height: 30px;
        display: block;
        content: "\f057"; }
  .section-homework .contact-label {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 10px;
    background: #0dbf6d;
    color: #FFF;
    font-weight: bold; }

.tooltip-container .tooltip-inner {
  padding: 8px;
  max-width: initial; }

.tooltip-container td {
  padding: 3px; }
  .tooltip-container td.text-left {
    font-weight: bold; }

@media (max-width: 767px) {
  .tmp-col-12[class*='col-'] {
    width: 100%; } }

.tagit-stat.third-step {
  border-top: 1px solid #DEE5F2;
  margin-top: 20px; }

.tagit-stat span {
  font-size: 12px; }
  .tagit-stat span.text:not(:first-child) {
    padding-left: 20px; }
  .tagit-stat span:not(.text) {
    font-weight: bold; }

#contacts_input {
  min-height: 100px;
  clear: both; }

.alert-success h2 {
  margin-top: 0px !important; }

.tags_div .col-md-10 {
  padding-left: 0px !important; }

.homework .divider {
  margin: 20px 0 35px 0 !important; }

@media only screen and (max-width: 991px) {
  .mb15 {
    margin-bottom: 0px; }
  .f14 {
    font-size: 14px; }
  .pl0 {
    padding-left: 0px; }
  .pr0 {
    padding-right: 0px; }
  .pt20 {
    padding-top: 20px !important; }
  .mb0 {
    margin-bottom: 0px !important; }
  .lined.mb20 {
    margin-bottom: 20px !important; }
  .mt0 {
    margin-top: 0px !important; }
  .ml0 {
    margin-left: 0px !important; }
  .mt10 {
    margin-top: 10px !important; }
  .contacts.mb20 {
    margin-bottom: 15px !important; } }

.alert-success h2 {
  margin-top: 0px !important; }

.tags_div .col-md-10 {
  padding-left: 0px !important; }

@media only screen and (max-width: 991px) {
  .mb15 {
    margin-bottom: 0px; }
  .f14 {
    font-size: 14px; }
  .pl0 {
    padding-left: 0px; }
  .pr0 {
    padding-right: 0px; }
  .pt20 {
    padding-top: 20px !important; }
  .mb0 {
    margin-bottom: 0px !important; }
  .lined.mb20 {
    margin-bottom: 20px !important; }
  .mt0 {
    margin-top: 0px !important; }
  .ml0 {
    margin-left: 0px !important; }
  .mt10 {
    margin-top: 10px !important; }
  .contacts.mb20 {
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 600px) and (max-width: 991px) {
  .homework-pager .col-md-6 {
    width: 50% !important;
    float: left; }
  .list_actions a.mb0, .alert-success div.mb20, .contacts.mb20, .list_actions a.mb15, input.mb15 {
    margin-bottom: 15px !important; }
  .pagination.short {
    margin: 0px !important;
    float: right !important; }
  .homework.container .grp-usr-title h2 {
    margin-top: 0px; }
  .homework.container .grp-usr-title .mb20 {
    margin-bottom: 20px !important; }
  .homework.container .grp-usr-title .col-xs-5 {
    padding-right: 0px; }
  .homework.container .grp-usr-title .col-xs-7 {
    padding-left: 0px; }
  .tags_div .col-xs-3 {
    padding-right: 0px; }
  .homework.container .invite_btn {
    float: left; }
  .homework.container .action-icons i {
    font-size: 16px;
    display: block;
    margin-bottom: 5px; } }

@media only screen and (min-width: 768px) {
  .homework.container .grp-usr-title .col-xs-7 div {
    margin-bottom: 20px; }
  .homework .tags_div .col-xs-6 {
    margin-bottom: 0px; } }

@media only screen and (max-width: 599px) {
  .pagination.short {
    margin: 0px 0 20px 0 !important;
    float: left !important; } }

@media only screen and (max-width: 519px) {
  .homework .col-xs-6 {
    width: 100% !important; }
  .homework #groupedit_form .col-xs-6 {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .homework .tags_div .col-xs-6 {
    padding-left: 0px;
    padding-right: 15px !important;
    margin-bottom: 0px; }
  .testrow [class*='col-'] {
    width: 100% !important; }
  .btn-sharetype {
    padding: 6px; } }

@media only screen and (min-width: 970px) and (max-width: 1200px) {
  .js-sharetype {
    margin-bottom: 20px; } }

@media only screen and (min-width: 990px) and (max-width: 1200px) {
  .btn-homework-head {
    margin-top: 10px !important; } }

.homework-wrapper ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: inline-block !important; }

.homework-wrapper *.red-border {
  border: 1px solid #a94442 !important; }

.homework-wrapper *.red-border-left {
  border-left: 1px solid #a94442 !important; }

.homework-wrapper *.red-border-right {
  border-right: 1px solid #a94442 !important; }

@media (max-width: 991px) {
  .homework-wrapper [class*="col-"] {
    margin-bottom: 0; }
  .homework-wrapper .hw-enddate-wrapper {
    margin-top: 20px; } }

.homework-wrapper .section-homework {
  background: #f2f5f9;
  padding-top: 20px; }

.homework-wrapper .homework h3 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 0; }
  @media (max-width: 991px) {
    .homework-wrapper .homework h3 {
      font-size: 20px; } }
  .homework-wrapper .homework h3 small {
    color: #455771; }

.homework-wrapper .homework .hw-instructions {
  margin-left: 15px; }

.homework-wrapper .hw-type-chooser {
  text-align: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .homework-wrapper .hw-type-chooser a {
    text-decoration: none;
    display: block;
    height: 335px;
    padding: 20px 30px 30px 30px;
    border: 1px solid #f2f5f9;
    transition: all 150ms ease-in; }
    .homework-wrapper .hw-type-chooser a .hw-type-image {
      max-width: 190px;
      margin-left: auto;
      margin-right: auto;
      background-size: 100%;
      background-repeat: no-repeat; }
    @media (max-width: 991px) {
      .homework-wrapper .hw-type-chooser a {
        padding: 10px 15px 15px 15px;
        width: 100%; } }
    .homework-wrapper .hw-type-chooser a:hover {
      border-color: #c9dce9;
      background: #fff; }
      .homework-wrapper .hw-type-chooser a:hover i {
        color: #75d9f0 !important; }
  .homework-wrapper .hw-type-chooser p {
    color: #455771; }
    @media (max-width: 991px) {
      .homework-wrapper .hw-type-chooser p {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 767px) {
      .homework-wrapper .hw-type-chooser p {
        padding: 0; } }

.homework-wrapper.mozabook .section-homework {
  padding-top: 0; }
  .homework-wrapper.mozabook .section-homework > .container {
    padding-bottom: 20px;
    min-height: auto; }
  .homework-wrapper.mozabook .section-homework .hw-type-chooser {
    color: red; }
    .homework-wrapper.mozabook .section-homework .hw-type-chooser a {
      height: 100%;
      padding: 5px; }
      .homework-wrapper.mozabook .section-homework .hw-type-chooser a .hw-type-image {
        max-width: 190px; }
        @media (max-width: 991px) {
          .homework-wrapper.mozabook .section-homework .hw-type-chooser a .hw-type-image {
            width: 120px;
            height: 120px; } }
    .homework-wrapper.mozabook .section-homework .hw-type-chooser p {
      padding-left: 5px;
      padding-right: 5px; }
  .homework-wrapper.mozabook .section-homework #homework_container .js-sharetype .btn-group {
    width: 100%; }
    .homework-wrapper.mozabook .section-homework #homework_container .js-sharetype .btn-group .btn-sharetype {
      width: 50%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

@media (max-width: 991px) {
  .homework-wrapper.mozabook .section-homework .hw-type-chooser a .hw-type-image {
    width: 120px;
    height: 120px; } }

@media (max-width: 609px) {
  .homework-wrapper.mozabook .section-homework .hw-type-chooser > [class*='col-'] {
    width: 50%; } }

.mozabook-window .section-homework {
  padding-top: 10px; }

.mozabook-window .homework-title-row {
  height: 77px; }

@media (min-width: 992px) {
  .filter-search-group .hw-deadline-filter {
    float: right; } }

@media (min-width: 768px) and (max-width: 991px) {
  .filter-search-group .hw-deadline-filter {
    margin-top: 20px; } }

.homework_received_tasks .table:hover, .filter-search-group .table:hover {
  background-color: #b9c8e4; }

.homework_received_tasks .table.active, .filter-search-group .table.active {
  border: 2px solid #008ce5; }

.homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
  vertical-align: middle; }

@media (min-width: 1200px) {
  .homework_received_tasks .table .hw-progress, .filter-search-group .table .hw-progress {
    width: 80px; }
  .homework_received_tasks .table .hw-subject, .filter-search-group .table .hw-subject {
    width: 160px; }
  .homework_received_tasks .table .hw-sender, .filter-search-group .table .hw-sender {
    width: 185px; }
  .homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
    width: 110px; }
  .homework_received_tasks .table .hw-title, .filter-search-group .table .hw-title {
    width: 255px;
    max-width: 255px;
    overflow: hidden; } }

@media (min-width: 992px) {
  .homework_received_tasks .table .hw-progress, .filter-search-group .table .hw-progress {
    width: 80px; }
  .homework_received_tasks .table .hw-subject, .filter-search-group .table .hw-subject {
    width: 110px; }
  .homework_received_tasks .table .hw-sender, .filter-search-group .table .hw-sender {
    width: 170px; }
  .homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
    width: 110px; }
  .homework_received_tasks .table .hw-title, .filter-search-group .table .hw-title {
    width: 330px;
    max-width: 330px;
    overflow: hidden; } }

@media (max-width: 991px) {
  .homework_received_tasks .table .hw-progress, .filter-search-group .table .hw-progress {
    width: 50px;
    border-top-color: #b9c8e4; }
  .homework_received_tasks .table .hw-task, .filter-search-group .table .hw-task {
    border-top-color: #b9c8e4; }
  .homework_received_tasks .table .hw-subject, .filter-search-group .table .hw-subject {
    width: 110px; }
  .homework_received_tasks .table .hw-sender, .filter-search-group .table .hw-sender {
    width: 90px; }
  .homework_received_tasks .table .hw-icon, .filter-search-group .table .hw-icon {
    width: 40px; }
  .homework_received_tasks .table .hw-title, .filter-search-group .table .hw-title {
    width: 180px;
    max-width: 180px;
    overflow: hidden; }
  .homework_received_tasks .table .hw-deadline, .filter-search-group .table .hw-deadline {
    width: 100px; }
  .homework_received_tasks .table .first-task .hw-progress, .filter-search-group .table .first-task .hw-progress {
    border-top-color: #dee5f2; }
  .homework_received_tasks .table .first-task .hw-task, .filter-search-group .table .first-task .hw-task {
    border-top-color: #dee5f2; } }

.homework_received_tasks .table td.hw-progress, .filter-search-group .table td.hw-progress {
  text-align: center; }
  .homework_received_tasks .table td.hw-progress .has-evaluation, .filter-search-group .table td.hw-progress .has-evaluation {
    font-weight: bold;
    color: #09b95d; }

.homework_received_tasks .table .hw-description .evaluation, .filter-search-group .table .hw-description .evaluation {
  color: #09b95d;
  font-weight: bold; }

.homework_received_tasks .table .hw-description > p:last-child, .filter-search-group .table .hw-description > p:last-child {
  margin-bottom: 0; }

@media (min-width: 992px) {
  .homework_received_tasks .hw-deadline-filter, .filter-search-group .hw-deadline-filter {
    float: right; } }

@media (min-width: 768px) and (max-width: 991px) {
  .homework_received_tasks .hw-deadline-filter, .filter-search-group .hw-deadline-filter {
    margin-top: 15px; } }

.homework_received_tasks #search, .filter-search-group #search {
  border-right: none; }
  .homework_received_tasks #search + .input-group-addon, .filter-search-group #search + .input-group-addon {
    background: #fff;
    color: #c7d6eb; }

.homework_received_tasks .search-input-group, .filter-search-group .search-input-group {
  width: 265px;
  margin-right: 15px; }
  @media (max-width: 767px) {
    .homework_received_tasks .search-input-group, .filter-search-group .search-input-group {
      width: 100%;
      margin-right: 0px; } }

.homework_received_tasks #subject_select, .filter-search-group #subject_select {
  width: 220px; }
  @media (max-width: 767px) {
    .homework_received_tasks #subject_select, .filter-search-group #subject_select {
      width: 100%; } }

.homework_received_tasks .fa-sort-amount-asc:hover,
.homework_received_tasks .fa-sort-amount-desc:hover, .filter-search-group .fa-sort-amount-asc:hover,
.filter-search-group .fa-sort-amount-desc:hover {
  cursor: pointer; }

.homework_received_tasks #sorting, .filter-search-group #sorting {
  width: 140px; }
  @media (max-width: 767px) {
    .homework_received_tasks #sorting, .filter-search-group #sorting {
      display: inline-block;
      width: 90%; } }
  .homework_received_tasks #sorting + i.fa, .filter-search-group #sorting + i.fa {
    margin-left: 8px; }

@media (max-width: 767px) {
  .homework_received_tasks .form-group, .filter-search-group .form-group {
    width: 100%;
    margin-bottom: 5px; }
    .homework_received_tasks .form-group.hw-task-filter, .filter-search-group .form-group.hw-task-filter {
      margin-left: 0; } }

@media (max-width: 767px) {
  .homework_received_tasks .hw-deadline-filter, .filter-search-group .hw-deadline-filter {
    margin-top: 0;
    margin-bottom: 0; } }

.hw-step-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px; }
  .hw-step-title small {
    margin-top: 3px;
    margin-left: 5px; }
  .hw-step-title i {
    margin-right: 5px;
    margin-left: -5px; }

@media (max-width: 450px) {
  .width-tmp[class*='col-'] {
    width: 100%; } }

.width-tmp .hte-students-control, .width-tmp .hte-tasks-control {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  -js-display: flex !important;
  display: flex !important;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  .width-tmp .hte-students-control .form-control, .width-tmp .hte-students-control .cke_editable, .width-tmp .hte-tasks-control .form-control, .width-tmp .hte-tasks-control .cke_editable {
    width: 100% !important; }
    .width-tmp .hte-students-control .form-control + i, .width-tmp .hte-students-control .cke_editable + i, .width-tmp .hte-tasks-control .form-control + i, .width-tmp .hte-tasks-control .cke_editable + i {
      margin-left: 5px; }

.button-tmp .button-xs {
  width: 100%; }

.section-homework.mozabook .homework_received_tasks .hw-task-filter, .section-homework.mozabook .filter-search-group .hw-task-filter {
  margin-left: 0; }

.section-homework.mozabook .homework_received_tasks .hw-deadline-filter, .section-homework.mozabook .filter-search-group .hw-deadline-filter {
  margin-top: 0;
  margin-bottom: 0; }

@media (min-width: 520px) {
  .section-homework.mozabook .homework_received_tasks .form-inline, .section-homework.mozabook .filter-search-group .form-inline {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .section-homework.mozabook .homework_received_tasks .form-inline .hw-deadline-filter, .section-homework.mozabook .homework_received_tasks .form-inline .form-group, .section-homework.mozabook .filter-search-group .form-inline .hw-deadline-filter, .section-homework.mozabook .filter-search-group .form-inline .form-group {
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      float: left;
      padding-left: 15px;
      padding-right: 15px;
      min-height: 38px;
      margin-bottom: 5px; }
    .section-homework.mozabook .homework_received_tasks .form-inline .search-input-group, .section-homework.mozabook .homework_received_tasks .form-inline #subject_select, .section-homework.mozabook .filter-search-group .form-inline .search-input-group, .section-homework.mozabook .filter-search-group .form-inline #subject_select {
      width: 100%; }
    .section-homework.mozabook .homework_received_tasks .form-inline #sorting + i.fa, .section-homework.mozabook .filter-search-group .form-inline #sorting + i.fa {
      margin-left: 0px; } }

.homework_received_tasks .table {
  margin-bottom: -1px; }
  .homework_received_tasks .table.table.last-active-id {
    margin-bottom: 20px; }

.hw-design .hw-task-filter {
  margin-left: 20px; }

.hw-design label[for="closed_tasks"] {
  margin-top: 5px;
  font-weight: normal; }
  .hw-design label[for="closed_tasks"] div {
    margin-right: 10px; }
  .hw-design label[for="closed_tasks"] span {
    vertical-align: middle; }

.hw-design .alert.alert-success {
  float: left;
  width: 100%; }

.hw-design .cke_editable {
  background: #ffffff;
  padding: 15px; }
  .hw-design .cke_editable p {
    margin-bottom: 5px; }

.hw-design i.hw-icon-exercise {
  color: #e50000;
  position: absolute; }

.hw-design i.hw-icon-essay {
  color: #24b6f7;
  position: absolute; }

.hw-design i.hw-icon-booklet {
  color: #19cf8d;
  position: absolute; }

.hw-design i.hw-icon-collection {
  color: #f2b500;
  position: absolute; }

.hw-design .homework-subtitle i.hw-icon-exercise {
  left: 4px;
  font-size: 47px;
  top: -8px; }

.hw-design #search {
  border-right: none; }
  .hw-design #search + .input-group-addon {
    background: #fff; }

.hw-design td.hw-type, .hw-design td.hw-icon, .hw-design td.hw-deadline {
  text-align: center; }

.hw-design .hw-type {
  width: 45px; }

.hw-design .hw-title {
  width: 255px;
  max-width: 255px;
  overflow: hidden; }

.hw-design .hw-deadline {
  width: 115px; }

.hw-design .table {
  box-shadow: none; }

.hw-description {
  font-style: italic; }

.homework-sent-tasks {
  padding-bottom: 100px; }
  .homework-sent-tasks > form .row {
    margin-left: -10px;
    margin-right: -10px; }
    .homework-sent-tasks > form .row div[class*="col-"] {
      padding-left: 10px;
      padding-right: 10px; }
  .homework-sent-tasks .item-actions .dropdown-menu {
    right: 25px;
    min-width: 190px; }
  .homework-sent-tasks #group_select {
    border-left: none; }
  .homework-sent-tasks .group-addon {
    background: #fff;
    font-size: 18px; }
    .homework-sent-tasks .group-addon > [class^="mwicon-"], .homework-sent-tasks .group-addon > [class*=" mwicon-"] {
      font-size: 20px; }
  .homework-sent-tasks .hw-deadline-group .form-control, .homework-sent-tasks .hw-deadline-group .cke_editable {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
  .homework-sent-tasks .hw-deadline-group .form-control + .input-group-addon, .homework-sent-tasks .hw-deadline-group .cke_editable + .input-group-addon {
    border: 0; }
  .homework-sent-tasks .hw-settings {
    display: none;
    width: 0px; }
    .homework-sent-tasks .hw-settings .item-action-btn {
      top: 10px; }
    @media (min-width: 1200px) {
      .homework-sent-tasks .hw-settings {
        position: absolute;
        left: 0px; }
        .homework-sent-tasks .hw-settings .item-action-btn {
          left: 275px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .homework-sent-tasks .hw-settings .item-action-btn {
        left: 260px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .homework-sent-tasks .hw-settings .item-action-btn {
        left: 180px; } }
    @media (max-width: 767px) {
      .homework-sent-tasks .hw-settings .item-action-btn {
        left: 8px;
        top: 40px; } }
    .homework-sent-tasks .hw-settings.open {
      display: block; }
    .homework-sent-tasks .hw-settings.item-actions .item-action-btn {
      position: absolute;
      width: auto;
      height: auto; }
      .homework-sent-tasks .hw-settings.item-actions .item-action-btn i {
        text-shadow: none; }
  .homework-sent-tasks .table:hover {
    background-color: #f0f6ff; }
  .homework-sent-tasks .table th {
    padding-left: 15px; }
    .homework-sent-tasks .table th i {
      color: #455771;
      font-size: 19px; }
      .homework-sent-tasks .table th i.fa {
        font-size: 17px; }
  .homework-sent-tasks .table td .fa {
    font-size: 18px; }
  .homework-sent-tasks .table > tbody td:first-child {
    border-left: 1px solid #dee5f2; }
  .homework-sent-tasks .table .hw-users,
  .homework-sent-tasks .table .hw-check {
    padding-left: 8px; }
  .homework-sent-tasks .table .hw-participants,
  .homework-sent-tasks .table .hw-results {
    text-align: center; }
  .homework-sent-tasks .table .hw-participants,
  .homework-sent-tasks .table .hw-icon {
    width: 80px; }
  .homework-sent-tasks .table .hw-participants .participant-error {
    color: #e92828; }
  .homework-sent-tasks .table .hw-results {
    width: 75px; }
  .homework-sent-tasks .table .hw-actions {
    width: 45px;
    vertical-align: middle;
    text-align: center; }
    .homework-sent-tasks .table .hw-actions.succes-state {
      color: #00cc61; }
  .homework-sent-tasks .table .hw-class {
    width: 200px; }
    .homework-sent-tasks .table .hw-class .tooltip {
      left: inherit !important; }
    .homework-sent-tasks .table .hw-class .hw-group-type {
      float: left; }
      .homework-sent-tasks .table .hw-class .hw-group-type .icon {
        margin: 0; }
    .homework-sent-tasks .table .hw-class span {
      float: left; }
    .homework-sent-tasks .table .hw-class .students {
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .homework-sent-tasks .table .hw-class .students .mwicon-user {
        color: #8c97a7;
        font-size: 20px;
        margin-top: 1px; }
  .homework-sent-tasks .task-wrapper {
    position: relative; }
    .homework-sent-tasks .task-wrapper .hw-description > p:last-child {
      margin-bottom: 0; }
    .homework-sent-tasks .task-wrapper .hw-settings {
      left: 0px;
      top: 0px; }
    .homework-sent-tasks .task-wrapper:hover .hw-settings {
      display: block; }
    .homework-sent-tasks .task-wrapper .dropdown-menu {
      top: 10px;
      left: 75px;
      max-width: 210px; }
      .homework-sent-tasks .task-wrapper .dropdown-menu .fa {
        position: absolute;
        color: #008ce5; }
      .homework-sent-tasks .task-wrapper .dropdown-menu span {
        margin-left: 30px; }
    .homework-sent-tasks .task-wrapper.active .hw-settings {
      top: 42px; }
    .homework-sent-tasks .task-wrapper .hw-task-toolbar {
      display: none;
      position: relative;
      max-width: 670px;
      padding: 10px 0px 10px 18px;
      color: #fff;
      background: #008ce5; }
      .homework-sent-tasks .task-wrapper .hw-task-toolbar .fa, .homework-sent-tasks .task-wrapper .hw-task-toolbar a {
        color: #fff; }
        .homework-sent-tasks .task-wrapper .hw-task-toolbar .fa:active, .homework-sent-tasks .task-wrapper .hw-task-toolbar a:active {
          color: #fff; }
      .homework-sent-tasks .task-wrapper .hw-task-toolbar a {
        margin-right: 25px; }
      .homework-sent-tasks .task-wrapper .hw-task-toolbar .fa {
        margin-right: 10px;
        font-size: 19px;
        pointer-events: none; }
      .homework-sent-tasks .task-wrapper .hw-task-toolbar span {
        font-weight: bold;
        pointer-events: none; }
      .homework-sent-tasks .task-wrapper .hw-task-toolbar .hw-triangle {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 45px 0 0 45px;
        border-color: transparent transparent transparent #008ce5;
        position: absolute;
        right: -45px;
        top: 0; }
    .homework-sent-tasks .task-wrapper.active .table, .homework-sent-tasks .task-wrapper.active .table-like {
      border: 2px solid #008ce5; }
    .homework-sent-tasks .task-wrapper.active .table-like .row div[class*='col-'] .hw-settings-sm {
      display: block; }
    @media (max-width: 991px) {
      .homework-sent-tasks .task-wrapper .table .hw-task-title, .homework-sent-tasks .task-wrapper .table .hw-class {
        border-top-color: #b9c8e4; }
      .homework-sent-tasks .task-wrapper .table .first-task .hw-task-title, .homework-sent-tasks .task-wrapper .table .first-task .hw-class {
        border-top-color: #dee5f2; }
      .homework-sent-tasks .task-wrapper .table .hw-deadline {
        text-align: inherit; }
      .homework-sent-tasks .task-wrapper .hw-task-toolbar {
        max-width: 550px; }
        .homework-sent-tasks .task-wrapper .hw-task-toolbar a {
          margin-right: 15px; }
        .homework-sent-tasks .task-wrapper .hw-task-toolbar .fa {
          margin-right: 5px; }
        .homework-sent-tasks .task-wrapper .hw-task-toolbar .hw-triangle {
          right: -42px;
          border-width: 42px 0 0 42px; } }
    @media (max-width: 767px) {
      .homework-sent-tasks .task-wrapper .hw-task-toolbar {
        max-width: 180px; } }
  .homework-sent-tasks .hw-task-filter {
    margin-left: 0; }
    .homework-sent-tasks .hw-task-filter > label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .homework-sent-tasks .hw-task-filter > label > span {
        white-space: nowrap; }
  .homework-sent-tasks .hw-deadline-filter .input-group .fa:hover {
    cursor: pointer; }
  .homework-sent-tasks .hw-deadline-filter .input-group-addon {
    padding-left: 10px;
    padding-right: 10px;
    background: none; }
  .homework-sent-tasks .hw-group-filter .input-group-addon {
    padding-right: 0; }
  .homework-sent-tasks.in-mozabook .hw-group-filter, .homework-sent-tasks.in-mozabook .hw-subject-filter {
    height: 35px; }
    .homework-sent-tasks.in-mozabook .hw-group-filter .group-addon, .homework-sent-tasks.in-mozabook .hw-subject-filter .group-addon {
      font-size: 17px; }
    .homework-sent-tasks.in-mozabook .hw-group-filter .group-addon, .homework-sent-tasks.in-mozabook .hw-group-filter .form-control, .homework-sent-tasks.in-mozabook .hw-group-filter .cke_editable, .homework-sent-tasks.in-mozabook .hw-subject-filter .group-addon, .homework-sent-tasks.in-mozabook .hw-subject-filter .form-control, .homework-sent-tasks.in-mozabook .hw-subject-filter .cke_editable {
      height: 35px; }
    .homework-sent-tasks.in-mozabook .hw-group-filter .form-control, .homework-sent-tasks.in-mozabook .hw-group-filter .cke_editable, .homework-sent-tasks.in-mozabook .hw-subject-filter .form-control, .homework-sent-tasks.in-mozabook .hw-subject-filter .cke_editable {
      height: 36px; }

#selected_tests_table td.with-padding {
  position: relative; }
  #selected_tests_table td.with-padding b {
    padding-left: 40px; }

#selected_tests_table .hw-test-title {
  width: 430px; }

#selected_tests_table .hw-icon-exercise {
  font-size: 30px;
  top: 5px;
  left: 5px; }

.avaiable-test .avaiable-deadline i, .avaiable-test .selected-deadline i, .selected-test .avaiable-deadline i, .selected-test .selected-deadline i {
  margin-right: 20px;
  position: relative; }
  .avaiable-test .avaiable-deadline i:before, .avaiable-test .selected-deadline i:before, .selected-test .avaiable-deadline i:before, .selected-test .selected-deadline i:before {
    position: absolute;
    top: 1px; }

.selected-test .table-like.not-read-only {
  background-color: #dafcd9;
  cursor: pointer; }

.selected-test .table-like .hw-icon-exercise {
  font-size: 30px; }

.homework-task-evaluation-user .hte-tasks .hte-task {
  padding: 30px 15px 21px; }

.homework-task-evaluation h3 {
  margin-top: 0; }
  .homework-task-evaluation h3 img {
    width: 30px; }
  .homework-task-evaluation h3 i {
    font-size: 48px;
    vertical-align: middle;
    margin-right: 5px; }
  .homework-task-evaluation h3 a {
    font-weight: bold;
    vertical-align: middle; }

.homework-task-evaluation .hte-students .not-uploaded, .homework-task-evaluation .hte-students-sm.not-uploaded {
  cursor: not-allowed !important; }

.homework-task-evaluation .hte-students-control {
  display: inline; }

.homework-task-evaluation .hte-students-control select,
.homework-task-evaluation .hte-tasks-control select {
  width: 150px;
  display: inline-block; }

.homework-task-evaluation .btn-group .btn, .homework-task-evaluation .btn-group .btn-facebook, .homework-task-evaluation .btn-group .btn-round, .homework-task-evaluation .btn-group .btn-default, .homework-task-evaluation .btn-group .btn-sausage, .homework-task-evaluation .btn-group .btn-success, .homework-task-evaluation .btn-group .btn-yellow, .homework-task-evaluation .btn-group .btn-white, .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button {
  padding: 6px 15px;
  width: 225px;
  font-weight: bold;
  text-align: center; }
  .homework-task-evaluation .btn-group .btn i, .homework-task-evaluation .btn-group .btn-facebook i, .homework-task-evaluation .btn-group .btn-round i, .homework-task-evaluation .btn-group .btn-default i, .homework-task-evaluation .btn-group .btn-sausage i, .homework-task-evaluation .btn-group .btn-success i, .homework-task-evaluation .btn-group .btn-yellow i, .homework-task-evaluation .btn-group .btn-white i, .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button i, .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button i {
    font-size: 24px;
    line-height: 0;
    vertical-align: middle; }
  .homework-task-evaluation .btn-group .btn:not(.btn-primary), .homework-task-evaluation .btn-group .btn-facebook:not(.btn-primary), .homework-task-evaluation .btn-group .btn-round:not(.btn-primary), .homework-task-evaluation .btn-group .btn-default:not(.btn-primary), .homework-task-evaluation .btn-group .btn-sausage:not(.btn-primary), .homework-task-evaluation .btn-group .btn-success:not(.btn-primary), .homework-task-evaluation .btn-group .btn-yellow:not(.btn-primary), .homework-task-evaluation .btn-group .btn-white:not(.btn-primary), .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button:not(.btn-primary), .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button:not(.btn-primary) {
    color: #445974; }

@media (max-width: 991px) {
  .homework-task-evaluation .btn-group .btn, .homework-task-evaluation .btn-group .btn-facebook, .homework-task-evaluation .btn-group .btn-round, .homework-task-evaluation .btn-group .btn-default, .homework-task-evaluation .btn-group .btn-sausage, .homework-task-evaluation .btn-group .btn-success, .homework-task-evaluation .btn-group .btn-yellow, .homework-task-evaluation .btn-group .btn-white, .homework-task-evaluation .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .homework-task-evaluation .btn-group button {
    width: 170px; } }

.homework-task-evaluation .hte-tasks .hte-task {
  border-bottom: 1px solid #dee5f2;
  margin-bottom: 10px; }
  .homework-task-evaluation .hte-tasks .hte-task:last-child {
    border: none; }
  .homework-task-evaluation .hte-tasks .hte-task h3 {
    margin-left: -15px; }
  .homework-task-evaluation .hte-tasks .hte-task h4 {
    font-weight: bold; }
  .homework-task-evaluation .hte-tasks .hte-task .hte-task-description {
    min-height: 90px;
    background: #fff;
    padding: 10px;
    border: 1px solid #cfe0f4; }
    .homework-task-evaluation .hte-tasks .hte-task .hte-task-description img {
      margin-bottom: 25px;
      width: 100%; }
    .homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress {
      height: 10px;
      margin-bottom: 5px; }
      .homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress .progress-bar {
        background-color: #008ce4; }
      .homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress span {
        color: #008ce4;
        position: absolute;
        font-size: 12px;
        bottom: 40px;
        font-weight: bold; }
        @media (min-width: 768px) and (max-width: 991px) {
          .homework-task-evaluation .hte-tasks .hte-task .hte-task-description div.progress span {
            bottom: 60px; } }
    .homework-task-evaluation .hte-tasks .hte-task .hte-task-description small span {
      font-weight: bold;
      white-space: nowrap; }

.homework-task-evaluation > .row {
  margin-bottom: 20px; }

.homework-task-evaluation .hte-students {
  box-shadow: none; }
  .homework-task-evaluation .hte-students .hte-status {
    width: 45px; }
    .homework-task-evaluation .hte-students .hte-status i {
      color: #00cc61;
      font-size: 17px; }
  .homework-task-evaluation .hte-students tr.hte-inprogress a {
    color: #455771; }
  .homework-task-evaluation .hte-students .hte-percent {
    width: 100px; }
  .homework-task-evaluation .hte-students .hte-grade {
    width: 100px; }
  .homework-task-evaluation .hte-students .hte-name {
    width: 280px; }
    .homework-task-evaluation .hte-students .hte-name a {
      font-weight: bold; }
  .homework-task-evaluation .hte-students .hte-date {
    width: 110px; }
  .homework-task-evaluation .hte-students .hte-description i {
    float: left;
    margin-right: 10px; }
  .homework-task-evaluation .hte-students .hte-description .hte-text {
    font-style: italic; }
    .homework-task-evaluation .hte-students .hte-description .hte-text p {
      margin: 0;
      float: left;
      line-height: 1.9; }
    .homework-task-evaluation .hte-students .hte-description .hte-text textarea {
      display: none; }
  .homework-task-evaluation .hte-students .hte-description > tbody > tr > td {
    vertical-align: middle; }

.homework-task-evaluation .hte-description-sm, .homework-task-evaluation .hte-description {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .homework-task-evaluation .hte-description-sm .hte-text, .homework-task-evaluation .hte-description .hte-text {
    width: 100%; }
    .homework-task-evaluation .hte-description-sm .hte-text textarea, .homework-task-evaluation .hte-description .hte-text textarea {
      margin: 0;
      border: none;
      border-bottom: 1px solid #c7d3e5;
      border-radius: 0; }
      .homework-task-evaluation .hte-description-sm .hte-text textarea:focus, .homework-task-evaluation .hte-description .hte-text textarea:focus {
        border: none;
        border-bottom: 1px solid #c7d3e5;
        box-shadow: none;
        padding: 1px 12px; }
    .homework-task-evaluation .hte-description-sm .hte-text p, .homework-task-evaluation .hte-description .hte-text p {
      width: calc(100% - 35px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (min-width: 992px) {
        .homework-task-evaluation .hte-description-sm .hte-text p, .homework-task-evaluation .hte-description .hte-text p {
          max-width: 472px; } }

.task_message_textarea {
  min-height: 86px; }

.homework-instructions #contacts,
.homework-instructions label {
  margin-left: 15px; }

.homework-instructions h4.lined {
  line-height: 30px;
  margin-bottom: 10px; }
  .homework-instructions h4.lined label {
    margin-left: 30px;
    font-size: 15px;
    font-weight: normal;
    float: right; }
    .homework-instructions h4.lined label .iradio_square-blue {
      margin-right: 10px; }

.homework-instructions .open-all, .homework-instructions .close-all, .homework-contacts .open-all, .homework-contacts .close-all {
  color: #008ce5;
  font-size: 20px;
  margin-top: 6px;
  cursor: pointer;
  margin-right: 10px; }
  .homework-instructions .open-all:hover, .homework-instructions .close-all:hover, .homework-contacts .open-all:hover, .homework-contacts .close-all:hover {
    color: #004e7f; }

.hw-ckeditor-wrapper {
  position: relative; }
  .hw-ckeditor-wrapper #cke_1_top {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    height: 0 !important;
    padding: 0;
    opacity: 0; }
    .hw-ckeditor-wrapper #cke_1_top.cke-visible {
      height: 33px !important;
      padding: 6px 8px 2px;
      opacity: 1; }
  .hw-ckeditor-wrapper .cke_top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .hw-ckeditor-wrapper .cke_reset {
    border-radius: 4px; }
  .hw-ckeditor-wrapper .fa-cog {
    position: absolute;
    right: 15px;
    bottom: 15px;
    cursor: pointer; }

.we-list-questions {
  display: none; }
  .we-list-questions.active {
    display: table-row; }

.we-list-questions > td {
  background: none !important; }

.we-list-question {
  padding: 4px; }

.we-answer-status {
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center; }

.we-answer-status-missing {
  background-color: #CCDDF3; }

.we-answer-status-modified {
  background-color: #FCCB63; }

.we-answer-status-wrong {
  background-color: #FF8686; }

.we-answer-status-correct {
  background-color: #52BD94; }

.homework-all-task .hw-class .students .mwicon-user {
  font-size: 20px;
  color: #8c97a7; }

.hte-name-sm {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.group-wrapper {
  background: #f2f5f9; }
  .group-wrapper .input-group-addon {
    border: 1px solid #c7d3e5;
    background: white;
    padding: 0 6px; }
    .group-wrapper .input-group-addon:last-child {
      border-left: 0; }
    .group-wrapper .input-group-addon:first-child {
      border-right: 0; }
  .group-wrapper .shield {
    margin-top: 20px; }
  .group-wrapper .panel {
    border-color: #c7d3e5;
    border-radius: 0;
    position: relative;
    box-shadow: 2px 2px 5px 0px #c6d2e5; }
    .group-wrapper .panel .panel-body {
      font-style: italic;
      padding: 10px; }
    .group-wrapper .panel.type-panel {
      display: none; }
      .group-wrapper .panel.type-panel .arrow {
        left: 77px; }
      .group-wrapper .panel.type-panel.active {
        display: block; }
    .group-wrapper .panel.share-panel {
      display: none; }
      .group-wrapper .panel.share-panel .arrow {
        left: 104px; }
        @media (max-width: 991px) {
          .group-wrapper .panel.share-panel .arrow {
            left: 25%; } }
      .group-wrapper .panel.share-panel.active {
        display: block; }
    .group-wrapper .panel .arrow {
      position: absolute; }
      .group-wrapper .panel .arrow:after, .group-wrapper .panel .arrow:before {
        content: " ";
        bottom: 0;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .group-wrapper .panel .arrow:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: white;
        border-width: 12px;
        margin-left: -12px; }
      .group-wrapper .panel .arrow:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #c7d3e5;
        border-width: 14px;
        margin-left: -14px; }
  .group-wrapper .class-type .button-big {
    display: inline-block;
    width: 125px; }
    .group-wrapper .class-type .button-big label {
      width: 100%;
      text-align: center;
      color: #008ce5; }
  .group-wrapper .class-type .button-big:first-child {
    margin-left: 15px;
    margin-right: 25px; }
  .group-wrapper .class-type .button-big {
    margin-left: 15px;
    margin-right: 25px; }
  .group-wrapper .class-type .button-big:last-child {
    margin-left: 25px;
    margin-right: 15px; }
  @media (min-width: 992px) and (1199px) {
    .group-wrapper .class-type .button-big:first-child {
      margin-left: 10px;
      margin-right: 10px; }
    .group-wrapper .class-type .button-big {
      margin-left: 5px;
      margin-right: 5px; }
    .group-wrapper .class-type .button-big:last-child {
      margin-left: 10px;
      margin-right: 10px; } }
  @media (min-width: 501px) and (max-width: 549px) {
    .group-wrapper .class-type .button-big:first-child {
      margin-left: 0px;
      margin-right: 5px; }
    .group-wrapper .class-type .button-big {
      margin-left: 25px;
      margin-right: 25px; }
    .group-wrapper .class-type .button-big:last-child {
      margin-left: 5px;
      margin-right: 0px; } }
  @media (min-width: 430px) and (max-width: 500px) {
    .group-wrapper .class-type .button-big:first-child {
      margin-left: 0;
      margin-right: 0; }
    .group-wrapper .class-type .button-big {
      margin-left: 0;
      margin-right: 0; }
    .group-wrapper .class-type .button-big:last-child {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 430px) {
    .group-wrapper .class-type .button-big:first-child {
      margin-left: 0;
      margin-right: 5px; }
    .group-wrapper .class-type .button-big {
      margin-left: 5px;
      margin-right: 5px;
      width: 80px; }
      .group-wrapper .class-type .button-big .btn, .group-wrapper .class-type .button-big .btn-facebook, .group-wrapper .class-type .button-big .btn-round, .group-wrapper .class-type .button-big .btn-default, .group-wrapper .class-type .button-big .btn-sausage, .group-wrapper .class-type .button-big .btn-success, .group-wrapper .class-type .button-big .btn-yellow, .group-wrapper .class-type .button-big .btn-white, .group-wrapper .class-type .button-big .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .class-type .button-big button {
        width: 80px;
        height: 60px;
        background-size: 82px; }
      .group-wrapper .class-type .button-big label {
        font-size: 14px; }
    .group-wrapper .class-type .button-big:last-child {
      margin-left: 5px;
      margin-right: 0; } }
  .group-wrapper .class-type .btn-classtype {
    width: 125px;
    height: 73px;
    margin: 0;
    background-color: #74daf2;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50%; }
  .group-wrapper .class-type .active {
    border: 5px solid #008ce5; }
  .group-wrapper .class-type .class {
    background-image: url("../assets/images/homework-class.png")/*tpa=https://cn.mozaweb.com/assets/images/homework-class.png*/; }
  .group-wrapper .class-type .team {
    background-image: url("../assets/images/homework-team.png")/*tpa=https://cn.mozaweb.com/assets/images/homework-team.png*/; }
  .group-wrapper .class-type .group {
    background-image: url("../assets/images/homework-group.png")/*tpa=https://cn.mozaweb.com/assets/images/homework-group.png*/; }
  .group-wrapper .share-type .fa, .group-wrapper .group-type .fa {
    width: 22px;
    height: 15px;
    position: relative;
    margin-right: 5px; }
    .group-wrapper .share-type .fa:before, .group-wrapper .group-type .fa:before {
      position: absolute;
      font-size: 22px;
      left: 0;
      top: -2px; }
  .group-wrapper .filter-search-group .search-input-group {
    width: 100%;
    margin-right: inherit; }
  .group-wrapper .filter-search-group .group-select {
    width: 100%; }
  .group-wrapper .filter-search-group .form-group {
    margin-bottom: 20px; }
  @media (max-width: 991px) {
    .group-wrapper .group-type {
      width: 100%;
      margin-bottom: 20px; }
      .group-wrapper .group-type .btn, .group-wrapper .group-type .btn-facebook, .group-wrapper .group-type .btn-round, .group-wrapper .group-type .btn-default, .group-wrapper .group-type .btn-sausage, .group-wrapper .group-type .btn-success, .group-wrapper .group-type .btn-yellow, .group-wrapper .group-type .btn-white, .group-wrapper .group-type .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .group-type button {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .group-wrapper .filter-search-group {
      margin-top: 70px; } }
  .group-wrapper .main-label {
    color: #008ce5;
    font-size: 18px;
    margin-bottom: 15px; }
  .group-wrapper .created-label {
    font-weight: normal;
    margin-bottom: 14px;
    font-size: 14px;
    padding-left: 10px; }
  .group-wrapper .leader .mwicon-plus {
    font-size: 20px;
    margin-right: -5px;
    margin-left: 5px;
    top: -3px;
    position: relative; }
  .group-wrapper .select-class {
    display: none; }
    .group-wrapper .select-class.active {
      display: block; }
  .group-wrapper .table-wrapper .table tbody .separator {
    display: none;
    background: #f2f5f9;
    border: none; }
    .group-wrapper .table-wrapper .table tbody .separator td {
      padding-bottom: 10px;
      background-color: #f2f5f9;
      border: none;
      padding-top: 34px; }
    .group-wrapper .table-wrapper .table tbody .separator.active {
      display: table-row; }
  .group-wrapper .table-wrapper .gp-options-wrapper {
    display: none; }
    .group-wrapper .table-wrapper .gp-options-wrapper.active {
      display: block; }
    .group-wrapper .table-wrapper .gp-options-wrapper .gp-options {
      height: 43px;
      background: #008ce5;
      position: relative;
      float: left; }
      .group-wrapper .table-wrapper .gp-options-wrapper .gp-options a {
        display: inline-block;
        color: white;
        font-weight: bold;
        padding: 0 15px;
        line-height: 43px;
        white-space: nowrap; }
        .group-wrapper .table-wrapper .gp-options-wrapper .gp-options a i {
          font-size: 24px;
          vertical-align: middle; }
      .group-wrapper .table-wrapper .gp-options-wrapper .gp-options:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 45px 0 0 45px;
        border-color: transparent transparent transparent #008ce5;
        position: absolute;
        right: -45px;
        top: 0; }
  .group-wrapper .table-wrapper .gp-table:hover {
    background-color: #f0f6ff; }
  .group-wrapper .table-wrapper .gp-table .gp-home div[class*='iradio_square'] i {
    color: #d3cfc8;
    margin-top: 4px; }
  .group-wrapper .table-wrapper .gp-table .gp-home div[class*='iradio_square'].hover i {
    color: #1b7E5a; }
  .group-wrapper .table-wrapper .gp-table .gp-home div[class*='iradio_square'].checked i {
    display: none; }
  .group-wrapper .table-wrapper .gp-table.table-like.active .gp-team .gp-name .item-actions, .group-wrapper .table-wrapper .gp-table.table-like.active .gp-team .gp-name-sm .item-actions {
    display: block; }
  .group-wrapper .table-wrapper .gp-table.active {
    border: 2px solid #008ce5; }
    .group-wrapper .table-wrapper .gp-table.active .gp-team:hover .gp-name .item-actions, .group-wrapper .table-wrapper .gp-table.active .gp-team:hover .gp-name-sm .item-actions {
      display: block; }
  .group-wrapper .table-wrapper .table, .group-wrapper .table-wrapper .table-like {
    box-shadow: none;
    margin-bottom: 10px; }
    .group-wrapper .table-wrapper .table .gp-home, .group-wrapper .table-wrapper .table-like .gp-home {
      width: 44px; }
    .group-wrapper .table-wrapper .table .gp-type, .group-wrapper .table-wrapper .table-like .gp-type {
      width: 80px; }
    .group-wrapper .table-wrapper .table .gp-name, .group-wrapper .table-wrapper .table-like .gp-name {
      width: 290px; }
    .group-wrapper .table-wrapper .table .gp-share, .group-wrapper .table-wrapper .table-like .gp-share {
      width: 58px; }
    .group-wrapper .table-wrapper .table .gp-headcount, .group-wrapper .table-wrapper .table-like .gp-headcount {
      width: 60px; }
    .group-wrapper .table-wrapper .table .gp-grade, .group-wrapper .table-wrapper .table-like .gp-grade {
      width: 108px; }
    .group-wrapper .table-wrapper .table .gp-managers, .group-wrapper .table-wrapper .table-like .gp-managers {
      width: 265px; }
    .group-wrapper .table-wrapper .table .gp-created, .group-wrapper .table-wrapper .table-like .gp-created {
      width: 135px; }
    .group-wrapper .table-wrapper .table .gp-team .gp-name-sm, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm {
      width: calc(100% - 35px); }
    .group-wrapper .table-wrapper .table .gp-team .gp-name, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm, .group-wrapper .table-wrapper .table-like .gp-team .gp-name, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm {
      position: relative; }
      .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options, .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options {
        display: none;
        top: 0;
        bottom: 0;
        right: 25px;
        margin: auto;
        width: 30px;
        height: 23px;
        text-align: center; }
        @media (max-width: 991px) {
          .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options, .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options {
            right: 0; } }
        .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options .item-action-btn, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options .item-action-btn, .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options .item-action-btn, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options .item-action-btn {
          width: 15px;
          height: 21px; }
          .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options .item-action-btn i, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options .item-action-btn i, .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options .item-action-btn i, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options .item-action-btn i {
            pointer-events: none;
            text-shadow: none; }
        .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-menu-btn,
        .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-delete-btn, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-menu-btn,
        .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-delete-btn, .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-menu-btn,
        .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-delete-btn, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-menu-btn,
        .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-delete-btn {
          line-height: 20px; }
          .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-menu-btn i,
          .group-wrapper .table-wrapper .table .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-delete-btn i, .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-menu-btn i,
          .group-wrapper .table-wrapper .table .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-delete-btn i, .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-menu-btn i,
          .group-wrapper .table-wrapper .table-like .gp-team .gp-name .gp-team-options .dropdown-menu .item-action-delete-btn i, .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-menu-btn i,
          .group-wrapper .table-wrapper .table-like .gp-team .gp-name-sm .gp-team-options .dropdown-menu .item-action-delete-btn i {
            font-size: 20px;
            padding-right: 5px; }
    .group-wrapper .table-wrapper .table tbody .favourite-group, .group-wrapper .table-wrapper .table-like tbody .favourite-group {
      margin-top: 8px;
      font-weight: normal; }
      .group-wrapper .table-wrapper .table tbody .favourite-group div, .group-wrapper .table-wrapper .table-like tbody .favourite-group div {
        margin-right: 10px; }
      .group-wrapper .table-wrapper .table tbody .favourite-group span, .group-wrapper .table-wrapper .table-like tbody .favourite-group span {
        verti0cal-align: middle; }
    .group-wrapper .table-wrapper .table tbody tr, .group-wrapper .table-wrapper .table-like tbody tr {
      border-bottom: 1px solid #DEE5F2; }
    .group-wrapper .table-wrapper .table tbody .gp-team .gp-name span a:before, .group-wrapper .table-wrapper .table-like tbody .gp-team .gp-name span a:before {
      content: "";
      display: inline-block;
      background: url("../assets/images/footer-dot.svg")/*tpa=https://cn.mozaweb.com/assets/images/footer-dot.svg*/ no-repeat 50% 50%;
      width: 10px;
      height: 12px;
      margin-right: 5px; }
  .group-wrapper .homework-pager .table-pager {
    text-align: center; }
  .group-wrapper .group-name .input-group-addon .mwicon-group, .group-wrapper .general-group-name .input-group-addon .mwicon-group {
    font-size: 32px;
    color: #b2c4da; }
  .group-wrapper .group-name .icon, .group-wrapper .general-group-name .icon {
    display: none; }
    .group-wrapper .group-name .icon.active, .group-wrapper .general-group-name .icon.active {
      display: block; }
  .group-wrapper .alert-unique {
    border-radius: 0;
    border: none;
    color: white;
    font-weight: bold; }
    .group-wrapper .alert-unique.alert-danger, .group-wrapper .alert-unique.alert-warning {
      background-color: #d35959; }
    .group-wrapper .alert-unique.alert-success {
      background-color: #59d387; }
    .group-wrapper .alert-unique i {
      font-size: 19px;
      padding-right: 15px; }
  .group-wrapper .group-description .group-label {
    width: 100%;
    float: left; }
    .group-wrapper .group-description .group-label .group-label-icon {
      float: left;
      width: 32px;
      height: 32px;
      background-color: #26cdff;
      border-radius: 50%;
      position: relative;
      margin-right: 15px; }
      .group-wrapper .group-description .group-label .group-label-icon i {
        color: white;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        position: absolute;
        margin: auto;
        font-size: 23px;
        width: 23px;
        height: 24px; }
    .group-wrapper .group-description .group-label .group-label-name {
      float: left;
      color: #008ce5;
      font-size: 22px;
      font-weight: bold; }
    .group-wrapper .group-description .group-label .group-label-year {
      float: left;
      color: #455771;
      font-size: 22px; }
  .group-wrapper .blue-label-row {
    position: relative;
    display: table;
    margin-bottom: -2px; }
    .group-wrapper .blue-label-row .user-label {
      margin-bottom: -2px;
      position: relative;
      height: 42px;
      background-color: #008ce5;
      color: white;
      font-weight: bold;
      padding: 10px 12px;
      float: left; }
      .group-wrapper .blue-label-row .user-label i {
        font-size: 18px;
        margin-right: 5px; }
    .group-wrapper .blue-label-row .triangle {
      position: relative;
      float: left;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 42px 0 0 42px;
      border-color: transparent transparent transparent #008ce5; }
  .group-wrapper .user-search .search-input-group .search_string {
    border-right: none; }
  .group-wrapper .user-search .search-input-group i {
    color: #c6d2e5; }
  .group-wrapper .user-selection {
    position: relative; }
  .group-wrapper .group-members, .group-wrapper .students {
    height: 560px !important;
    width: 100% !important;
    background-color: white;
    border: 1px solid #c7d3e5;
    border-radius: 3px;
    padding: 10px;
    position: relative;
    overflow-x: hidden; }
    .group-wrapper .group-members .table, .group-wrapper .students .table {
      overflow: visible;
      border: none;
      box-shadow: none; }
      .group-wrapper .group-members .table tbody, .group-wrapper .students .table tbody {
        display: block;
        min-height: 500px; }
      .group-wrapper .group-members .table tr, .group-wrapper .students .table tr {
        width: 100%;
        display: block;
        float: left; }
        .group-wrapper .group-members .table tr td, .group-wrapper .students .table tr td {
          cursor: pointer;
          border: none;
          line-height: 1; }
          .group-wrapper .group-members .table tr td.name, .group-wrapper .students .table tr td.name {
            font-weight: bold;
            float: left; }
          .group-wrapper .group-members .table tr td.login, .group-wrapper .students .table tr td.login {
            float: right; }
        .group-wrapper .group-members .table tr.active td, .group-wrapper .students .table tr.active td {
          background-color: #008ce5;
          color: white; }
  .group-wrapper .button-add {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    right: 0;
    left: 0;
    margin: auto; }
    .group-wrapper .button-add.left {
      border-width: 17.5px 30.3px 17.5px 0;
      border-color: transparent #c6d2e5 transparent transparent;
      top: 0;
      bottom: 0; }
    .group-wrapper .button-add.top {
      border-style: solid;
      border-width: 0 17.5px 30.3px 17.5px;
      border-color: transparent transparent #c6d2e5 transparent;
      margin-top: -50px; }
      @media (max-width: 991px) {
        .group-wrapper .button-add.top {
          margin-top: 15px; } }
    .group-wrapper .button-add.top.active {
      border-color: transparent transparent #008CE5 transparent; }
    .group-wrapper .button-add.left.active {
      border-color: transparent #008CE5 transparent transparent; }
  .group-wrapper .button-remove {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    right: 0;
    left: 0;
    margin: auto; }
    .group-wrapper .button-remove.right {
      border-width: 17.5px 0px 17.5px 30.3px;
      border-color: transparent transparent transparent #008CE5;
      top: 100px;
      bottom: 0; }
    .group-wrapper .button-remove.top {
      border-style: solid;
      border-width: 0 17.5px 30.3px 17.5px;
      border-color: transparent transparent #008CE5 transparent;
      margin-top: -70px;
      left: 50px;
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Chrome, Safari, Opera */
      transform: rotate(180deg); }
      @media (max-width: 991px) {
        .group-wrapper .button-remove.top {
          margin-top: 15px; } }
  .group-wrapper .track-vertical {
    width: 20px;
    background: white; }
  .group-wrapper .handle-vertical {
    width: 7px;
    right: 5px;
    background: #c7d3e5;
    border-radius: 7px; }
  .group-wrapper .track-horizontal {
    height: 20px;
    background: white;
    display: none; }
  .group-wrapper .handle-horizontal {
    height: 7px;
    bottom: 5px;
    background: #c7d3e5;
    border-radius: 7px; }
  .group-wrapper .track-vertical:hover .handle-vertical,
  .group-wrapper .track-vertical.dragging .handle-vertical,
  .group-wrapper .track-horizontal:hover .handle-horizontal,
  .group-wrapper .track-horizontal.dragging .handle-horizontal {
    background: #a4b8d5; }
  .group-wrapper .group-members {
    border: 3px solid #008ce5; }
  .group-wrapper .group-members .iScrollVerticalScrollbar, .group-wrapper .students .iScrollVerticalScrollbar {
    right: -1px !important; }
  .group-wrapper .save .btn:first-child, .group-wrapper .save .btn-facebook:first-child, .group-wrapper .save .btn-round:first-child, .group-wrapper .save .btn-default:first-child, .group-wrapper .save .btn-sausage:first-child, .group-wrapper .save .btn-success:first-child, .group-wrapper .save .btn-yellow:first-child, .group-wrapper .save .btn-white:first-child, .group-wrapper .save .ui-dialog .ui-dialog-buttonpane button:first-child, .ui-dialog .ui-dialog-buttonpane .group-wrapper .save button:first-child {
    margin-left: 0; }
  .group-wrapper .mb-selection {
    margin-bottom: 18px; }
  .group-wrapper .m-members {
    margin-top: 18px; }
  @media only screen and (max-width: 1199px) {
    .group-wrapper .mb15 {
      margin-bottom: 15px; }
    .group-wrapper .pl10 {
      padding-left: 15px; }
    .group-wrapper .pr10 {
      padding-right: 15px; }
    .group-wrapper .m-members {
      margin-top: 0;
      margin-bottom: 70px; }
    .group-wrapper .user-selection {
      margin-bottom: 0px; }
    .group-wrapper .mb-selection {
      margin-bottom: 18px; }
    .group-wrapper .track-horizontal {
      display: block; } }
  @media (max-width: 1199px) {
    .group-wrapper .share-type-between-schools {
      width: 100%; }
      .group-wrapper .share-type-between-schools .btn, .group-wrapper .share-type-between-schools .btn-facebook, .group-wrapper .share-type-between-schools .btn-round, .group-wrapper .share-type-between-schools .btn-default, .group-wrapper .share-type-between-schools .btn-sausage, .group-wrapper .share-type-between-schools .btn-success, .group-wrapper .share-type-between-schools .btn-yellow, .group-wrapper .share-type-between-schools .btn-white, .group-wrapper .share-type-between-schools .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .share-type-between-schools button {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
  .group-wrapper .general-group-user-selection .general-search .form-group {
    float: left;
    width: 75%; }
  .group-wrapper .general-group-user-selection .general-search .btn, .group-wrapper .general-group-user-selection .general-search .btn-facebook, .group-wrapper .general-group-user-selection .general-search .btn-round, .group-wrapper .general-group-user-selection .general-search .btn-default, .group-wrapper .general-group-user-selection .general-search .btn-sausage, .group-wrapper .general-group-user-selection .general-search .btn-success, .group-wrapper .general-group-user-selection .general-search .btn-yellow, .group-wrapper .general-group-user-selection .general-search .btn-white, .group-wrapper .general-group-user-selection .general-search .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .general-group-user-selection .general-search button {
    width: 22%; }
  @media (max-width: 560px) {
    .group-wrapper .general-group-user-selection .general-search .form-group {
      width: 100%; }
    .group-wrapper .general-group-user-selection .general-search .btn, .group-wrapper .general-group-user-selection .general-search .btn-facebook, .group-wrapper .general-group-user-selection .general-search .btn-round, .group-wrapper .general-group-user-selection .general-search .btn-default, .group-wrapper .general-group-user-selection .general-search .btn-sausage, .group-wrapper .general-group-user-selection .general-search .btn-success, .group-wrapper .general-group-user-selection .general-search .btn-yellow, .group-wrapper .general-group-user-selection .general-search .btn-white, .group-wrapper .general-group-user-selection .general-search .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .group-wrapper .general-group-user-selection .general-search button {
      width: 100%; } }
  .group-wrapper .general-group-user-selection .general-group .general-users {
    border: 2px solid #008ce5;
    min-height: 125px;
    border-radius: 0;
    padding: 14px;
    overflow: hidden; }
    .group-wrapper .general-group-user-selection .general-group .general-users .tagit-choice {
      background-color: #0dbf6d; }
      .group-wrapper .general-group-user-selection .general-group .general-users .tagit-choice .tagit-label {
        color: white; }
      .group-wrapper .general-group-user-selection .general-group .general-users .tagit-choice .tagit-close .text-icon {
        display: inline-block;
        color: white; }
    .group-wrapper .general-group-user-selection .general-group .general-users .new-invited {
      background-color: #a9c2e4; }
    .group-wrapper .general-group-user-selection .general-group .general-users i {
      line-height: 1.5;
      cursor: pointer;
      margin-left: 15px; }

.course-students {
  text-align: left;
  display: none; }
  .course-students tr.gc-course-student-row {
    cursor: pointer; }
    .course-students tr.gc-course-student-row .gc-student-loginname {
      float: right; }

a.connect-with-gc {
  color: #fff; }

.gc-add-member-msg {
  display: none;
  line-height: 35px; }

.compare-header {
  background: url("../assets/images/compare/bg.jpg")/*tpa=https://cn.mozaweb.com/assets/images/compare/bg.jpg*/;
  background-size: cover;
  background-position: center;
  margin-bottom: 30px; }
  .compare-header .info-box {
    height: 400px;
    width: 430px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.6);
    margin: 0 -15px;
    padding: 50px; }
    .compare-header .info-box h1 {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 36px;
      margin-bottom: 10px; }
    .compare-header .info-box p {
      margin-bottom: 20px; }

.compare-block .row {
  margin: 0 -30px; }

.compare-block .col-md-6 {
  padding: 0 35px; }

.compare-desc {
  min-height: 40px; }

.compare-list {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0; }
  .compare-list li {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    padding: 10px 0; }
    .compare-list li > i:first-child {
      font-size: 27px;
      color: #008ce5;
      margin-right: 10px;
      margin-top: -2px; }
      .compare-list li > i:first-child.fa-plus-circle {
        color: #0dbf6d; }

.compare-notice {
  border-top: 1px solid #dee5f2;
  padding-top: 10px;
  font-size: 13px;
  margin-bottom: 30px; }

@media (max-width: 991px) {
  .compare-block .row {
    margin: 0 -15px; }
  .compare-block .col-md-6 {
    padding: 0 15px; }
  .compare-header .info-box {
    width: auto;
    padding: 40px 20px; } }

#partners-page .top-image {
  overflow: hidden;
  transition: height .3s;
  margin-bottom: 20px;
  padding-top: 0;
  height: 354.5px; }
  @media (max-width: 991px) {
    #partners-page .top-image {
      height: 292.5px; } }
  @media (max-width: 767px) {
    #partners-page .top-image {
      height: 37.2vw; } }
  #partners-page .top-image img {
    max-height: 510px; }

#partners-page .partner-box {
  padding: 30px;
  height: 420px;
  overflow: hidden;
  margin-bottom: 30px; }
  #partners-page .partner-box ul {
    list-style-type: none;
    padding-left: 0; }
  #partners-page .partner-box i {
    color: #8c97a7;
    opacity: .6;
    margin-right: 6px;
    font-size: 20px; }
  #partners-page .partner-box h3 {
    height: 65px;
    font-size: 22px; }
  #partners-page .partner-box .partner-image {
    height: 90px; }
  #partners-page .partner-box img {
    max-width: inherit;
    height: auto; }
  #partners-page .partner-box img.double {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-origin: top left; }
  #partners-page .partner-box .location {
    display: block;
    color: #008ce5;
    margin-bottom: 25px;
    font-weight: bold; }

#partners-page .partners-select {
  display: inline-block; }

#partners-page .partners-links {
  margin-top: 7.5px; }
  #partners-page .partners-links a {
    margin-left: 25px;
    font-weight: bold; }

@media (max-width: 1199px) {
  #partners-page .partner-box h2 {
    font-size: 22px; }
  #partners-page .partner-box img.double {
    max-width: 100%;
    max-height: 90px;
    height: auto;
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1); } }

@media (max-width: 991px) {
  #partners-page .head-text {
    max-width: 100%; }
  #partners-page .partner-box {
    text-align: left; }
  #partners-page .partners-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px; }
    #partners-page .partners-links a {
      margin-left: 0; } }

@media (max-width: 767px) {
  #partners-page .partner-box {
    height: auto;
    text-align: left; }
    #partners-page .partner-box h2, #partners-page .partner-box .partner-image {
      height: auto; }
    #partners-page .partner-box .partner-image img {
      max-width: 100%;
      max-height: inherit;
      height: auto;
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transform: scale(1); }
  #partners-page .partners-select {
    width: 100%; }
  #partners-page .partners-links {
    margin-top: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #partners-page .partners-links a {
      width: 100%;
      text-align: center; }
      #partners-page .partners-links a:not(:last-child) {
        margin-bottom: 20px; } }

.partner_upload .item-image {
  min-height: 140px; }

.partner_upload h4 {
  font-size: 15px; }

.dropdown-menu li a.active {
  font-weight: bold; }

#api-example-container input {
  width: auto;
  display: inline-block; }

.worklog_info_icon {
  padding-left: 10px;
  padding-top: 20px; }

#worklog_status {
  padding: 0px 10px; }

.worklog_group_stat {
  margin-top: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #7f9db9;
  font-size: 13px; }

.worklog_group_stat tr th {
  text-align: center;
  background-color: #afbee0;
  font-size: 13px;
  height: 32px;
  text-align: left;
  color: #fff;
  padding: 0 10px;
  border: 1px solid #7f9db9; }

.worklog_group_stat tr td {
  padding: 0px;
  border: 1px solid #7f9db9; }

.worklog_group_stat .row0 td {
  background-color: #fff; }

.worklog_group_stat .row1 td {
  background-color: #f4f7fb; }

.worklog_group_stat tr td.translate_status_export {
  width: 70px !important; }

.worklog_group_stat tr td.translate_status_group_name_main {
  font-weight: bold; }

.worklog_group_stat tr td.hu_class {
  font-weight: bold;
  text-align: right;
  padding: 0px 10px;
  border-right: 2px solid #000; }

.worklog_group_stat tr td.percent_class {
  font-weight: normal;
  color: black;
  padding: 2px;
  text-align: center;
  vertical-align: middle; }

.worklog_group_stat tr td.percent_0 {
  background-color: #ffb9c5; }

.worklog_group_stat tr td.percent_9 {
  background-color: #ffffe0; }

.worklog_group_stat tr td.percent_29 {
  background-color: #fffeb9; }

.worklog_group_stat tr td.percent_59 {
  background-color: #fffe95; }

.worklog_group_stat tr td.percent_89 {
  background-color: #fffd6b; }

.worklog_group_stat tr td.percent_99 {
  background-color: #fffc38; }

.worklog_group_stat tr td.percent_100 {
  background-color: #90ee90; }

.worklog_group_stat tr td.padding-0-10 {
  padding: 0px 10px; }

.worklog_group_stat td.languageCel {
  text-align: right; }

.worklog_group_stat .export_info {
  margin: 4px 3px 0px;
  padding: 0px;
  vertical-align: central;
  width: 12px;
  cursor: pointer;
  height: 12px;
  width: 12px;
  background-image: url("info_icon.png")/*tpa=https://cn.mozaweb.com/css2/info_icon.png*/;
  background-position: top center;
  display: inline-block; }

#table-selector .export_info:hover {
  background-position: bottom center; }

.worklog_group_stat .export_date {
  color: #42434F;
  width: 70px; }

.worklog_group_stat .export_today {
  color: #558ADA; }

.worklog_group_stat .worklog_group_name {
  width: 200px;
  min-width: 200px;
  max-width: 200px; }

.worklog_group_stat .worklog_group_export {
  min-width: 85px; }

.translate_export_status_title {
  margin-top: 20px; }

.mylearn-page {
  background-color: #f2f5f9;
  min-height: 700px;
  padding-bottom: 30px; }
  .mylearn-page .mylearn-mobile-menu {
    margin: 20px 0;
    color: #455771;
    display: none; }
  .mylearn-page .top-links {
    margin: 30px -5px; }
    .mylearn-page .top-links:before, .mylearn-page .top-links:after {
      clear: both;
      display: table;
      content: ''; }
    .mylearn-page .top-links > div {
      padding: 0 5px;
      width: calc((100% - 1px) / 6);
      float: left;
      display: block; }
  .mylearn-page #search-form {
    margin-right: 15px; }
  .mylearn-page .top-link {
    height: 95px;
    display: block;
    color: #FFF;
    padding: 15px 12px/*rtl:12px*/;
    position: relative;
    font-size: 15px/*rtl:14px*/;
    border-bottom: 2px solid #F2F5F9;
    background-position: 10px 10px;
    background-repeat: no-repeat; }
    .mylearn-page .top-link > i {
      font-size: 45px;
      float: left;
      margin: -5px 0 0 0; }
    .mylearn-page .top-link .text {
      position: absolute;
      bottom: 12px;
      left: 15px;
      right: 15px; }
    .mylearn-page .top-link .counter {
      float: right;
      font-size: 30px;
      margin-top: -5px; }
    .mylearn-page .top-link.my-desktop {
      background: #B18B67; }
      .mylearn-page .top-link.my-desktop i {
        margin-left: -5px; }
      .mylearn-page .top-link.my-desktop.active {
        box-shadow: 0 7px 0px #97724e; }
    .mylearn-page .top-link.my-books {
      background: #0EBF6E; }
      .mylearn-page .top-link.my-books.active {
        box-shadow: 0 7px 0px #0b8f53; }
    .mylearn-page .top-link.exercise-books {
      background: #3991DB; }
      .mylearn-page .top-link.exercise-books i {
        margin-left: -1px; }
      .mylearn-page .top-link.exercise-books.active {
        box-shadow: 0 7px 0px #2377be; }
    .mylearn-page .top-link.homework {
      background: #EC6E3B; }
      .mylearn-page .top-link.homework i {
        margin-left: -6px; }
      .mylearn-page .top-link.homework.active {
        box-shadow: 0 7px 0px #de4f16; }
    .mylearn-page .top-link.favorites {
      background: #AF66C2; }
      .mylearn-page .top-link.favorites i {
        margin-left: -2px;
        margin-top: -3px; }
      .mylearn-page .top-link.favorites.active {
        box-shadow: 0 7px 0px #9946af; }
    .mylearn-page .top-link.uploads {
      background: #A6C309; }
      .mylearn-page .top-link.uploads i {
        margin-left: 1px; }
      .mylearn-page .top-link.uploads.active {
        box-shadow: 0 7px 0px #7d9207; }
  .mylearn-page .post-item {
    border: 0;
    padding: 0;
    margin-bottom: 20px; }
    .mylearn-page .post-item .item-actions {
      /*rtl:ignore*/
      right: 10px;
      bottom: 10px; }
      .mylearn-page .post-item .item-actions .item-action-btn {
        font-size: 32px;
        color: #FFF; }
    .mylearn-page .post-item .post-item-image-wrapper {
      position: relative; }
    .mylearn-page .post-item .post-item-image {
      display: block; }
    .mylearn-page .post-item img {
      vertical-align: top; }
    .mylearn-page .post-item .post-share-buttons a {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 20px;
      margin-top: -5px; }
      .mylearn-page .post-item .post-share-buttons a > i {
        font-size: 20px; }
    .mylearn-page .post-item .post-links a {
      margin-right: 15px; }
    .mylearn-page .post-item .post-links a:last-child {
      margin-right: 0; }
    .mylearn-page .post-item .post-content {
      padding: 10px 20px; }
      .mylearn-page .post-item .post-content h4 {
        font-weight: bold; }
      .mylearn-page .post-item .post-content.openable .article {
        height: 220px;
        overflow: hidden;
        transition: height 1s ease; }
      .mylearn-page .post-item .post-content.openable .smooth-hide-text {
        transition: opacity 1s ease;
        opacity: 1;
        height: 60px;
        width: calc(100% - 40px);
        margin-top: -60px;
        position: absolute;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
  .mylearn-page .post-alert-box {
    color: #FFF;
    background: #d83b59;
    padding: 5px 20px 10px 25px;
    margin-bottom: 20px;
    clear: both; }
    .mylearn-page .post-alert-box .post-alert-box-close {
      float: right;
      font-size: 20px;
      margin: 5px 0 0 0; }
    .mylearn-page .post-alert-box a {
      color: #FFF; }
  .mylearn-page .widget {
    border: 0;
    margin-bottom: 20px;
    clear: both; }
    .mylearn-page .widget .media-item-wrapper {
      float: none; }
    .mylearn-page .widget .slimScrollDiv {
      margin: 15px 0; }
    .mylearn-page .widget .media-item {
      min-height: auto;
      padding-bottom: 1px; }
    .mylearn-page .widget.timetable {
      position: relative;
      font-size: 13px; }
      .mylearn-page .widget.timetable .widget-week-stepper {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -30px;
        display: none; }
        .mylearn-page .widget.timetable .widget-week-stepper a {
          display: inline-block;
          padding: 2px 10px;
          color: #FFF;
          font-size: 23px; }
      .mylearn-page .widget.timetable.open .widget-week-stepper {
        display: block; }
      .mylearn-page .widget.timetable.open .table-timetable {
        display: block; }
      .mylearn-page .widget.timetable.open .widget-inner {
        box-shadow: 0 5px 15px rgba(69, 87, 113, 0.7);
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000; }
      .mylearn-page .widget.timetable .widget-inner {
        background: #FFF; }
      .mylearn-page .widget.timetable .table-timetable {
        width: 880px;
        margin: -15px;
        display: none;
        border: 0; }
        .mylearn-page .widget.timetable .table-timetable thead tr th {
          font-weight: bold;
          padding: 8px;
          text-transform: uppercase;
          border: 1px solid #dee5f2; }
        .mylearn-page .widget.timetable .table-timetable tbody td {
          width: 170px;
          padding: 8px;
          border: 1px solid #dee5f2; }
          .mylearn-page .widget.timetable .table-timetable tbody td input {
            width: 100%;
            border: 0; }
            .mylearn-page .widget.timetable .table-timetable tbody td input:focus {
              background: #dee5f2;
              outline: none; }
          .mylearn-page .widget.timetable .table-timetable tbody td:first-child {
            width: 30px; }
    .mylearn-page .widget.widget-activity {
      padding-bottom: 1px; }
      .mylearn-page .widget.widget-activity .widget-content {
        padding: 0 15px;
        font-size: 14px; }
        .mylearn-page .widget.widget-activity .widget-content ul {
          list-style-type: none;
          padding: 0;
          border-bottom: 1px solid #dee5f2;
          padding: 0 0 8px;
          margin: 0 0 8px; }
        .mylearn-page .widget.widget-activity .widget-content li {
          padding: 0 0 0 10px; }
          .mylearn-page .widget.widget-activity .widget-content li a {
            color: #455771; }
    .mylearn-page .widget .widget-weeks {
      margin-left: 15px;
      font-size: 15px;
      display: inline-block; }
      .mylearn-page .widget .widget-weeks a {
        display: inline-block;
        padding: 0 5px;
        color: #FFF; }
    .mylearn-page .widget .widget-time-table-header {
      text-align: center;
      font-size: 16px;
      display: table;
      width: 100%;
      margin: 0 0 15px 0; }
      .mylearn-page .widget .widget-time-table-header > a, .mylearn-page .widget .widget-time-table-header > b {
        display: table-cell;
        vertical-align: middle; }
      .mylearn-page .widget .widget-time-table-header > b {
        width: 80%; }
      .mylearn-page .widget .widget-time-table-header > a {
        color: #455771;
        padding: 5px 10px; }
        .mylearn-page .widget .widget-time-table-header > a i {
          font-size: 25px; }
    .mylearn-page .widget .widget-timetable .current {
      position: relative; }
      .mylearn-page .widget .widget-timetable .current:after {
        position: absolute;
        width: 12px;
        height: 12px;
        content: '';
        display: block;
        border: 6px solid transparent;
        border-right: 6px solid #008ce5;
        border-bottom: 6px solid #008ce5;
        right: 0;
        bottom: 0; }
    .mylearn-page .widget .widget-timetable > div > div {
      border-top: 1px solid #dee5f2;
      padding: 5px;
      display: table;
      width: 100%; }
      .mylearn-page .widget .widget-timetable > div > div span {
        border-right: 5px solid #008ce5;
        color: #c7d3e5;
        display: table-cell;
        width: 10%;
        font-size: 13px; }
      .mylearn-page .widget .widget-timetable > div > div .day-orange {
        border-color: #f47711; }
      .mylearn-page .widget .widget-timetable > div > div .day-green {
        border-color: #0dbf6d; }
      .mylearn-page .widget .widget-timetable > div > div .day-purple {
        border-color: #935696; }
      .mylearn-page .widget .widget-timetable > div > div .day-red {
        border-color: #d83b59; }
      .mylearn-page .widget .widget-timetable > div > div.empty span {
        border: 0; }
      .mylearn-page .widget .widget-timetable > div > div .widget-timetable-day-value {
        padding-left: 10px;
        width: 90%;
        border: 0;
        display: table-cell;
        color: #455771; }
    .mylearn-page .widget .widget-title {
      display: block;
      background: #86b2d2;
      color: #FFF;
      padding: 10px 15px;
      text-transform: uppercase;
      font-size: 13px; }
      .mylearn-page .widget .widget-title.green {
        background: #0dbf6d; }
    .mylearn-page .widget .widget-content {
      padding: 15px; }
    .mylearn-page .widget .widget-book-grid:before, .mylearn-page .widget .widget-book-grid:after, .mylearn-page .widget .widget-book:before, .mylearn-page .widget .widget-book:after {
      clear: both;
      display: table;
      content: ''; }
    .mylearn-page .widget .widget-book-grid a, .mylearn-page .widget .widget-book a {
      display: block;
      padding: 6px;
      width: 50%;
      float: left; }
    .mylearn-page .widget .widget-book {
      width: 70%;
      margin: 0 auto 10px auto; }
      .mylearn-page .widget .widget-book .prev-btn {
        left: -40px; }
      .mylearn-page .widget .widget-book .next-btn {
        right: -40px; }
    .mylearn-page .widget .widget-book a {
      width: 100%;
      padding: 0; }
    .mylearn-page .widget .widget-action-buttons {
      float: right; }
      .mylearn-page .widget .widget-action-buttons a {
        display: inline-block;
        vertical-align: top;
        padding: 0 5px;
        color: #FFF; }
        .mylearn-page .widget .widget-action-buttons a .mwicon-cog {
          font-size: 20px;
          position: relative;
          top: -1px; }
    .mylearn-page .widget .widget-homework-item {
      border-bottom: 1px solid #dee5f2;
      padding: 8px 0;
      overflow: hidden; }
      .mylearn-page .widget .widget-homework-item:first-child {
        padding-top: 0px; }
      .mylearn-page .widget .widget-homework-item:last-child {
        border: 0;
        padding-bottom: 0px; }
    .mylearn-page .widget .toggle-homework-exercises {
      float: right; }
    .mylearn-page .widget .homework-exercises {
      display: none; }
    .mylearn-page .widget .homework-exercises > div {
      padding: 10px 15px; }
    .mylearn-page .widget .homework-exercises > div:not(:last-child) {
      border-bottom: 1px solid #ccc; }
    .mylearn-page .widget .widget-homework-item-edit {
      font-size: 20px;
      position: relative;
      top: 5px; }
    .mylearn-page .widget .media-item h4, .mylearn-page .widget .media-item p {
      margin-left: 15px;
      margin-right: 15px; }
    .mylearn-page .widget .media-item p {
      margin-bottom: 20px; }
  .mylearn-page #events-calendar {
    padding-bottom: 20px; }
    .mylearn-page #events-calendar .calendar-content {
      width: 90%;
      margin: auto; }
    .mylearn-page #events-calendar table {
      background: none;
      width: 100%;
      box-shadow: none; }
      .mylearn-page #events-calendar table td {
        font-size: 13px;
        text-align: center;
        border: 0; }
        .mylearn-page #events-calendar table td a {
          display: inline-block;
          padding: 0 8px;
          height: 30px;
          line-height: 30px;
          border-radius: 30px;
          width: 30px;
          color: #455771; }
        .mylearn-page #events-calendar table td.event a {
          background: #008ce5;
          color: #FFF; }
      .mylearn-page #events-calendar table .days-month td {
        height: 30px; }
      .mylearn-page #events-calendar table.calendar-header {
        margin-bottom: 10px;
        background: #86b2d2;
        color: #FFF;
        text-transform: uppercase;
        box-shadow: 1px 0px 0px #86b2d2; }
        .mylearn-page #events-calendar table.calendar-header td {
          padding: 4px 0; }
        .mylearn-page #events-calendar table.calendar-header a {
          color: #FFF;
          height: auto; }
      .mylearn-page #events-calendar table .days-month {
        font-weight: bold; }
    .mylearn-page #events-calendar .row {
      margin: 0; }
  .mylearn-page .js-share-bar {
    min-height: 40px; }
  .mylearn-page .share-bar {
    background-color: #a1b4cd;
    z-index: 100;
    width: inherit;
    left: 15px;
    right: 15px; }
    .mylearn-page .share-bar.affix {
      top: 65px; }
    @media (min-width: 768px) {
      .mylearn-page .share-bar {
        width: 720px;
        left: inherit;
        right: inherit; }
        .mylearn-page .share-bar.affix {
          top: 60px; } }
    @media (min-width: 992px) {
      .mylearn-page .share-bar {
        width: 940px; }
        .mylearn-page .share-bar.affix {
          top: 100px; } }
    @media (min-width: 1200px) {
      .mylearn-page .share-bar {
        width: 1140px; } }
    .mylearn-page .share-bar div {
      display: inline-block;
      padding: 10px 20px; }
      .mylearn-page .share-bar div:last-child {
        padding: 2px 20px;
        font-size: 24px; }
      .mylearn-page .share-bar div a {
        color: #fff; }
  .mylearn-page .mylearn-books {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .mylearn-page .mylearn-books .book-item-wrapper .book-item .book {
      position: relative;
      display: inline-block; }
      .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -30px;
        width: 30px; }
        .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions {
          display: block;
          position: absolute;
          top: 0;
          height: 30px;
          z-index: inherit; }
          .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .item-action-btn i {
            font-size: 30px;
            color: #c7d3e5;
            text-shadow: none; }
          .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .item-action-btn.active i {
            color: #008ce5; }
          .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .item-action-btn.js-select i {
            font-size: 30px; }
          .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu {
            min-width: 207px; }
            .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li {
              padding: 5px 0; }
              .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li a {
                white-space: nowrap; }
              .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li .share-buttons {
                padding: 0 20px 10px;
                white-space: nowrap; }
                .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li .share-buttons a {
                  margin-right: 10px; }
                  .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li .share-buttons a:last-child {
                    margin-right: 0; }
            .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu .divider {
              background: none;
              padding: 0; }
            .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .item-actions .dropdown-menu li:last-child.divider {
              display: none; }
        .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .book-type {
          display: inline-block;
          width: 40px;
          bottom: 8px;
          margin-left: -9px;
          position: absolute; }
          .mylearn-page .mylearn-books .book-item-wrapper .book-item .book .book-item-options .book-type div[class*='type-'] {
            padding: 6px 0 0; }
  .mylearn-page .mylearn-booklets {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet {
      position: relative; }
      .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        width: 30px; }
        .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions {
          display: block;
          position: absolute;
          top: 0;
          height: 30px;
          z-index: inherit; }
          .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .item-action-btn i {
            font-size: 30px;
            color: #c7d3e5;
            text-shadow: none; }
          .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .item-action-btn.active i {
            color: #008ce5; }
          .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .item-action-btn.js-select i {
            font-size: 30px; }
          .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu {
            border-color: #008ce5;
            margin: -8px 5px 5px; }
            .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li a {
              white-space: nowrap;
              padding: 5px 20px; }
              .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li a i {
                font-weight: bold;
                position: relative;
                color: #748093;
                font-size: 22px;
                vertical-align: bottom;
                display: inline-block;
                margin-right: 10px;
                text-align: center; }
              .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li a:hover {
                background: #f5f5f5; }
            .mylearn-page .mylearn-booklets .booklet-item-wrapper .booklet-item .booklet .booklet-item-options .item-actions .dropdown-menu li:last-child.divider {
              display: none; }
  .mylearn-page .containing-collections .collections {
    margin-left: 30px; }
    .mylearn-page .containing-collections .collections .remove-collection {
      color: #c6d2e5;
      cursor: pointer;
      margin-left: 7px; }
      .mylearn-page .containing-collections .collections .remove-collection:hover {
        color: #d83b59; }

.uploads-item {
  padding-bottom: 40px;
  position: relative;
  min-height: 330px;
  font-size: 13px;
  height: 100%; }
  .uploads-item a b {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
    height: 20px;
    overflow: hidden; }
  .uploads-item .visibility {
    color: #c7d3e5;
    font-size: 30px;
    left: 20px;
    bottom: 5px;
    position: absolute; }
  .uploads-item .type {
    position: absolute;
    right: -2px;
    bottom: -14px;
    font-size: 55px;
    color: #008ce5; }
    .uploads-item .type > [class^="mwicon-corner_"][class$="_rb"] {
      position: relative;
      bottom: 4px;
      font-size: 55px; }
  .uploads-item .uploads-item-image {
    min-height: 190px;
    min-width: 160px; }
    @media (max-width: 519px) {
      .uploads-item .uploads-item-image {
        min-width: inherit; } }
  .uploads-item .image {
    max-width: 170px;
    max-height: 170px; }
    .uploads-item .image img {
      max-height: 170px;
      max-width: 170px; }
      @media (max-width: 767px) {
        .uploads-item .image img {
          width: 100%; } }
  .uploads-item .image-tool,
  .uploads-item .image-sound {
    background: #D0E8F4;
    line-height: 160px;
    text-align: center;
    height: 170px;
    max-width: 170px;
    display: block; }
    .uploads-item .image-tool img,
    .uploads-item .image-sound img {
      max-width: 130px;
      max-height: 130px; }
      @media (max-width: 519px) {
        .uploads-item .image-tool img,
        .uploads-item .image-sound img {
          width: 100%; } }
  .uploads-item .item-actions {
    position: absolute;
    right: 5px;
    top: 15px;
    z-index: 32; }
    .uploads-item .item-actions .item-action-btn i {
      font-size: 30px;
      color: #c7d3e5;
      text-shadow: none; }
    .uploads-item .item-actions .item-action-btn.active i {
      color: #008ce5; }
    .uploads-item .item-actions .item-action-btn.js-select i {
      font-size: 30px; }
  .uploads-item.type-folder {
    min-height: auto;
    padding-bottom: 0px; }
  .uploads-item:not(.type-folder) {
    cursor: move; }

.type-folder .uploads-item-image {
  background-image: url("../assets/images/userfile_folder.png")/*tpa=https://cn.mozaweb.com/assets/images/userfile_folder.png*/;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  min-height: auto;
  min-width: 40px;
  display: inline-block; }
  .type-folder .uploads-item-image span {
    display: block;
    padding-top: 1px;
    font-size: 22px;
    color: #fff;
    opacity: 0.9; }
  .type-folder .uploads-item-image i {
    color: #fff; }

.type-folder.edit-folder .uploads-item-image {
  min-height: 175px;
  margin-bottom: 20px;
  display: block; }
  .type-folder.edit-folder .uploads-item-image span {
    padding-top: 40px;
    font-size: 70px;
    opacity: 0.6; }

.type-folder .item-actions {
  top: 15px; }

.type-folder .text-box {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px; }
  @media (max-width: 519px) {
    .type-folder .text-box {
      white-space: normal;
      max-width: inherit;
      overflow: auto;
      text-overflow: inherit; } }
  .type-folder .text-box a {
    color: #455771; }

.type-folder .visibility {
  position: absolute;
  bottom: 155px;
  left: 25px;
  color: #fff; }

.type-folder.hover-class,
.drop-class.hover-class {
  background-color: #dee5f2;
  transition: all 0.3s ease-in-out; }

.upload-area {
  border: 5px dashed #008ce5;
  height: 200px;
  padding: 70px;
  text-align: center; }

.list-view .upload-area {
  margin-top: 10px; }

.plupload-drop-area-overlay {
  border: 5px dashed #008ce5;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #c7d3e5;
  opacity: 0.4;
  z-index: 100; }

.drag-helper-element img {
  max-width: 70%; }

.drag-parent {
  opacity: 0.4; }

.type-folder.ui-draggable-dragging {
  background: #fff;
  word-break: break-word; }
  .type-folder.ui-draggable-dragging .item-actions {
    display: none; }

.list-view .list-header {
  background-color: #C7D3E5;
  padding: 10px;
  color: #fff;
  font-weight: bold; }

.list-view .uploads-row {
  border-bottom: 1px solid #CAD5E5;
  padding: 10px; }
  .list-view .uploads-row .uploads-item {
    min-height: auto;
    margin-bottom: 0px;
    vertical-align: middle;
    padding-bottom: 0px;
    font-size: 15px; }
    .list-view .uploads-row .uploads-item a {
      color: #455771; }
    .list-view .uploads-row .uploads-item .uploads-item-image {
      min-height: auto;
      min-width: 26px;
      display: inline-block;
      vertical-align: middle; }
    .list-view .uploads-row .uploads-item .upload-title {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
  .list-view .uploads-row .common-color {
    color: #455771; }
  .list-view .uploads-row .sharetype-icon {
    font-size: 20px; }
  .list-view .uploads-row .item-actions {
    position: static;
    float: right;
    margin-left: 10px; }
    .list-view .uploads-row .item-actions .item-action-btn {
      width: 22px;
      height: 22px; }
      .list-view .uploads-row .item-actions .item-action-btn i {
        text-shadow: none; }
      .list-view .uploads-row .item-actions .item-action-btn.js-select {
        color: #c7d3e5; }
        .list-view .uploads-row .item-actions .item-action-btn.js-select i {
          font-size: 22px; }
        .list-view .uploads-row .item-actions .item-action-btn.js-select.active {
          color: #008ce5; }

.edit-folder.type-folder {
  width: 225px; }

.uploads-filter {
  display: none;
  padding: 20px;
  background: rgba(199, 211, 229, 0.5);
  margin-bottom: 30px; }

.weather-widget {
  border-top: 1px solid #dee5f2;
  padding: 15px 0; }
  .weather-widget h3 {
    margin: 0; }
  .weather-widget .wi {
    color: #8c97a7;
    margin: 5px 0 0 15px;
    font-size: 38px; }
  .weather-widget .weather-icon {
    float: left;
    text-align: center; }
  .weather-widget .weather-info {
    margin-left: 70px; }

.mylearn-profile .mylearn-mobile-menu {
  display: none; }

.mylearn-profile .edit-button {
  position: absolute;
  left: 20px;
  bottom: 0;
  color: #8c97a7; }

.mylearn-profile .profile-image {
  border-radius: 150px;
  overflow: hidden;
  max-width: 130px;
  height: auto;
  display: block;
  float: left;
  border: 1px solid #d2e0f1;
  margin-left: 30px; }

.mylearn-profile .mylearn-profile-details {
  margin: 15px 0 0 180px; }

.mylearn-profile .mylearn-profile-coins {
  padding-top: 20px;
  position: relative; }

.mylearn-profile h3, .mylearn-profile p {
  margin-bottom: 2px; }

.mylearn-profile h3 {
  margin-top: 0;
  margin-bottom: 7px; }

.mylearn-profile .profile-stats {
  text-align: right; }
  .mylearn-profile .profile-stats .popover {
    max-width: 400px; }
  .mylearn-profile .profile-stats .points {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 15px 20px 0 20px; }
    .mylearn-profile .profile-stats .points b {
      line-height: 50px;
      display: block;
      font-size: 50px;
      color: #e1667e; }

.mylearn-profile .stat-circle {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-left: 20px; }
  .mylearn-profile .stat-circle .stat-description {
    display: none; }
  .mylearn-profile .stat-circle > .fill-circle.size-60 {
    position: absolute;
    top: 20px;
    left: 20px; }
    @media (max-width: 767px) {
      .mylearn-profile .stat-circle > .fill-circle.size-60 {
        top: 5px;
        left: 5px;
        font-size: 27px;
        padding: 16px; } }
  .mylearn-profile .stat-circle.status-0 .fill-circle {
    color: #244b95; }
  .mylearn-profile .stat-circle.status-1 .fill-circle {
    color: #0dbf6d; }
  .mylearn-profile .stat-circle.status-2 .fill-circle {
    color: #008ce5; }
  .mylearn-profile .stat-circle canvas {
    margin: 2px 2px 0 0;
    position: relative;
    z-index: 100; }
  .mylearn-profile .stat-circle:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 50;
    width: 100px;
    height: 100px;
    border: 12px solid #90b1c7;
    border-radius: 50px; }

@media (max-width: 1199px) {
  .mylearn-page .top-link {
    padding: 10px 8px; }
    .mylearn-page .top-link [class^=mwicon] {
      font-size: 30px; }
    .mylearn-page .top-link .counter {
      font-size: 20px; } }

@media (max-width: 991px) {
  .mylearn-page .sharetype-menu .btn-group {
    width: 100%; }
    .mylearn-page .sharetype-menu .btn-group .btn, .mylearn-page .sharetype-menu .btn-group .btn-facebook, .mylearn-page .sharetype-menu .btn-group .btn-round, .mylearn-page .sharetype-menu .btn-group .btn-default, .mylearn-page .sharetype-menu .btn-group .btn-sausage, .mylearn-page .sharetype-menu .btn-group .btn-success, .mylearn-page .sharetype-menu .btn-group .btn-yellow, .mylearn-page .sharetype-menu .btn-group .btn-white, .mylearn-page .sharetype-menu .btn-group .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .mylearn-page .sharetype-menu .btn-group button {
      width: 50%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .mylearn-page .sharetype-menu a {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0; }
  .mylearn-page #search-form {
    margin: 0; }
    .mylearn-page #search-form.new-booklet {
      width: calc(50% - 12.5px);
      margin-right: 7.5px; }
      .mylearn-page #search-form.new-booklet + a {
        width: calc(50% - 7.5px);
        margin-left: 7.5px; } }

@media (max-width: 767px) {
  .mylearn-page .top-links {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px; }
  .mylearn-page .mylearn-mobile-menu {
    display: block; }
  .mylearn-page .sharetype-menu {
    font-size: 15px; }
    .mylearn-page .sharetype-menu a {
      padding: 8px 10px;
      font-size: 14px; }
  .mylearn-profile {
    margin-bottom: 15px; }
    .mylearn-profile .profile-image {
      max-width: 90px; }
    .mylearn-profile .mylearn-profile-details {
      margin-left: 140px; }
    .mylearn-profile .profile-stats {
      text-align: center; }
    .mylearn-profile .stat-circle {
      width: 70px;
      height: 70px;
      margin: 0 5px; }
      .mylearn-profile .stat-circle:before {
        display: block;
        content: '';
        position: absolute;
        z-index: 50;
        width: 70px;
        height: 70px;
        border: 8px solid #90b1c7;
        border-radius: 50px; }
      .mylearn-profile .stat-circle > span {
        width: 40px;
        height: 40px;
        top: 15px;
        left: 15px;
        line-height: 42px;
        font-size: 30px; }
      .mylearn-profile .stat-circle canvas {
        margin: 1px 1px 0 0; }
      .mylearn-profile .stat-circle.status-0 canvas {
        margin: 1px 0 0 0; } }

@media (max-width: 519px) {
  .mylearn-page #search-form {
    width: 100%; }
    .mylearn-page #search-form.new-booklet {
      width: 100%;
      margin: 0; }
      .mylearn-page #search-form.new-booklet .upload-search-filter {
        margin-bottom: 15px; }
      .mylearn-page #search-form.new-booklet + a {
        width: 100%;
        margin: 0; } }

.portrait-widget {
  font-size: 14px; }
  .portrait-widget h4 {
    margin-bottom: 0; }
  .portrait-widget .text-muted {
    margin-bottom: 10px;
    display: block; }
  .portrait-widget .portrait-image {
    max-width: 70%;
    height: auto;
    display: block;
    margin: 10px auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
  @media (max-width: 991px) {
    .portrait-widget .media-item-wrapper {
      margin: 0 auto; } }

@media (min-width: 520px) and (max-width: 767px) {
  .tool-widgets {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    .tool-widgets .tool-widget {
      width: calc(50% - 7.5px);
      float: left;
      margin-right: 7.5px;
      clear: inherit; }
      .tool-widgets .tool-widget:nth-child(2n) {
        float: right;
        margin-left: 7.5px;
        margin-right: 0; }
      .tool-widgets .tool-widget .media-item-wrapper {
        width: 100%; } }

.mylearn-folder-modal .modal-dialog .modal-content {
  background: url(../assets/images/loading.gif)/*tpa=https://cn.mozaweb.com/assets/images/loading.gif*/ no-repeat;
  background-position: 50%; }
  .mylearn-folder-modal .modal-dialog .modal-content.loaded {
    background: none; }

.mylearn-folder-modal .modal-dialog,
.mylearn-folder-modal .modal-content {
  border: 1px solid #fff;
  border-radius: 10px;
  min-height: 467px; }

.mylearn-folder-modal .modal-header {
  border: none;
  border-bottom: 1px solid #dee5f2;
  font-size: 20px;
  padding: 15px 18px 15px 30px; }
  .mylearn-folder-modal .modal-header .modal-header .close {
    margin-top: 3px; }
  .mylearn-folder-modal .modal-header .folder-back-arrow {
    margin-right: 15px; }
  .mylearn-folder-modal .modal-header h4 {
    display: inline; }
  .mylearn-folder-modal .modal-header .form-group {
    margin: 0px; }

.mylearn-folder-modal .modal-body {
  padding: 20px 13px 20px 23px; }

.mylearn-folder-modal .list-group-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  padding: 7px;
  margin-right: 10px; }
  .mylearn-folder-modal .list-group-item.disabled {
    background-color: #fff; }
    .mylearn-folder-modal .list-group-item.disabled.folder-row {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      -webkit-filter: gray;
      filter: gray;
      /* IE6-9 */ }

.mylearn-folder-modal .open-folder {
  font-size: 18px; }

.mylearn-folder-modal .new-folder-data {
  cursor: pointer;
  text-align: center;
  padding-top: 50px;
  margin-right: 10px; }

.mylearn-folder-modal .type-icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  background-repeat: no-repeat; }
  .mylearn-folder-modal .type-icon.folder-small-icon {
    height: 33px;
    background-image: url("../assets/images/userfile_folder.png")/*tpa=https://cn.mozaweb.com/assets/images/userfile_folder.png*/;
    background-position: top left;
    background-size: contain; }
  .mylearn-folder-modal .type-icon i {
    position: absolute;
    top: 8px;
    left: 12px;
    color: #fff;
    font-size: 18px; }

.mylearn-folder-modal .folder-row.selected {
  background-color: #008ce5;
  color: #fff; }
  .mylearn-folder-modal .folder-row.selected .open-folder {
    color: #fff; }

.mylearn-folder-modal .modal-footer {
  padding: 15px 30px 15px 26px;
  border-top: 1px solid #dee5f2; }
  .mylearn-folder-modal .modal-footer .type-icon {
    margin: 0px; }

.mylearn-folder-modal .close {
  color: #8c97a7;
  opacity: 1; }

.uploads-general-filter.row {
  margin-right: -5px;
  margin-left: -5px; }

.uploads-general-filter div[class*="col-"] {
  padding-right: 5px;
  padding-left: 5px; }

.uploads-general-filter .filter {
  text-align: center; }

.uploads-general-filter .mylearn-new-upload {
  width: 100%; }
  .uploads-general-filter .mylearn-new-upload .btn, .uploads-general-filter .mylearn-new-upload .btn-facebook, .uploads-general-filter .mylearn-new-upload .btn-round, .uploads-general-filter .mylearn-new-upload .btn-default, .uploads-general-filter .mylearn-new-upload .btn-sausage, .uploads-general-filter .mylearn-new-upload .btn-success, .uploads-general-filter .mylearn-new-upload .btn-yellow, .uploads-general-filter .mylearn-new-upload .btn-white, .uploads-general-filter .mylearn-new-upload .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane .uploads-general-filter .mylearn-new-upload button {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
    .uploads-general-filter .mylearn-new-upload .btn i, .uploads-general-filter .mylearn-new-upload .btn-facebook i, .uploads-general-filter .mylearn-new-upload .btn-round i, .uploads-general-filter .mylearn-new-upload .btn-default i, .uploads-general-filter .mylearn-new-upload .btn-sausage i, .uploads-general-filter .mylearn-new-upload .btn-success i, .uploads-general-filter .mylearn-new-upload .btn-yellow i, .uploads-general-filter .mylearn-new-upload .btn-white i, .uploads-general-filter .mylearn-new-upload .ui-dialog .ui-dialog-buttonpane button i, .ui-dialog .ui-dialog-buttonpane .uploads-general-filter .mylearn-new-upload button i {
      padding-right: 5px; }

.uploads-general-filter .mylearn-filter {
  width: 100%; }

.mylearn-new-upload .dropdown-menu, .uploads-item .dropdown-menu, .uploads-row .dropdown-menu {
  border-color: #008ce5;
  margin: -8px 5px 5px; }
  .mylearn-new-upload .dropdown-menu li a, .uploads-item .dropdown-menu li a, .uploads-row .dropdown-menu li a {
    white-space: nowrap;
    padding: 5px 20px; }
    .mylearn-new-upload .dropdown-menu li a i, .uploads-item .dropdown-menu li a i, .uploads-row .dropdown-menu li a i {
      font-weight: bold;
      position: relative;
      color: #748093;
      font-size: 22px;
      vertical-align: bottom;
      display: inline-block;
      margin-right: 10px;
      text-align: center; }
    .mylearn-new-upload .dropdown-menu li a:hover, .uploads-item .dropdown-menu li a:hover, .uploads-row .dropdown-menu li a:hover {
      background: #f5f5f5; }
  .mylearn-new-upload .dropdown-menu li:last-child.divider, .uploads-item .dropdown-menu li:last-child.divider, .uploads-row .dropdown-menu li:last-child.divider {
    display: none; }

@media (min-width: 768px) {
  .mylearn-folder-modal .modal-dialog {
    width: 400px; } }

.my-uploads-title {
  font-size: 24px;
  border-bottom: 1px solid #CAD5E5; }
  .my-uploads-title.my-new-uploads-title {
    border-bottom: 0; }
  .my-uploads-title .view-change {
    display: block; }
    .my-uploads-title .view-change.active i.fa.view-change-icon {
      color: #008ce5; }
  .my-uploads-title .upload-options {
    position: relative;
    float: left;
    width: 50px;
    height: 35px; }
    .my-uploads-title .upload-options i {
      font-size: 55px;
      color: #40cffe;
      position: absolute;
      top: -10px; }
  .my-uploads-title .folder-cloud-icon {
    position: relative;
    float: left;
    margin-top: -3px; }
  .my-uploads-title .order {
    font-size: 15px;
    margin-top: -3px; }
    .my-uploads-title .order select {
      padding: 2px 17px 2px 10px; }
    @media (max-width: 767px) {
      .my-uploads-title .order {
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        width: 100%;
        margin-top: 4px;
        margin-bottom: 0; }
        .my-uploads-title .order .form-group {
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          width: 100%; }
          .my-uploads-title .order .form-group label {
            line-height: 2; } }
  .my-uploads-title .grid {
    margin-top: 1px; }
  .my-uploads-title i.fa {
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 13px;
    left: 13px; }
    .my-uploads-title i.fa.view-change-icon {
      margin-left: 10px;
      color: #CAD5E5;
      position: static;
      font-size: 25px;
      cursor: pointer; }
  .my-uploads-title i.folder, .my-uploads-title i.cloud {
    background-image: url("../assets/images/userfile_folder.png")/*tpa=https://cn.mozaweb.com/assets/images/userfile_folder.png*/;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 35px;
    display: block;
    margin-top: 3px; }
  .my-uploads-title i.cloud {
    background-image: url("../assets/images/userfile_cloud.png")/*tpa=https://cn.mozaweb.com/assets/images/userfile_cloud.png*/;
    width: 45px;
    margin-top: 4px; }
  .my-uploads-title span {
    margin: 0px 10px; }
    .my-uploads-title span.highlighted {
      font-weight: bold; }
    .my-uploads-title span a {
      color: #455771; }
  .my-uploads-title.list-view.my-uploads-title {
    border-bottom: none;
    margin-bottom: 5px; }

.grid-view .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#chat-page .top-image {
  padding-top: 30px; }

#chat-page .row h2 {
  font-size: 20px;
  color: #935696;
  font-weight: bold; }

#chat-page ul {
  list-style-type: none;
  margin: 15px 0;
  padding: 0; }
  #chat-page ul li {
    padding: 0 30px 0 15px;
    position: relative;
    margin: 9px 0; }
    #chat-page ul li:before {
      content: '';
      background-color: #935696;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 7px; }

#chat-page .text-large {
  padding-top: 110px;
  font-size: 18px; }

@media (max-width: 991px) {
  #chat-page .text-large {
    padding-top: 20px;
    text-align: center; } }

#chat-page .chat-bar {
  background-color: #935696;
  color: #FFF;
  margin-bottom: 20px;
  display: table;
  width: 100%; }
  #chat-page .chat-bar h1 {
    margin: 0; }
  #chat-page .chat-bar:before, #chat-page .chat-bar:after {
    clear: both;
    display: table;
    content: ''; }
  #chat-page .chat-bar__status {
    background: #704472;
    width: 90px;
    height: 90px;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px; }
    #chat-page .chat-bar__status--active {
      background-image: url("../assets/images/chat/active.png")/*tpa=https://cn.mozaweb.com/assets/images/chat/active.png*/; }
    #chat-page .chat-bar__status--inactive {
      background-image: url("../assets/images/chat/inactive.png")/*tpa=https://cn.mozaweb.com/assets/images/chat/inactive.png*/; }
  #chat-page .chat-bar__content {
    padding: 10px 15px;
    height: 50px;
    display: table-cell;
    vertical-align: middle; }
  #chat-page .chat-bar__button-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 15px; }
  #chat-page .chat-bar__button {
    background: #d29bd5;
    border-radius: 5px;
    text-align: center;
    padding: 15px 40px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    display: inline-block; }
    #chat-page .chat-bar__button--active {
      background-color: #71d411; }

@media (max-width: 991px) {
  #chat-page .chat-bar__content, #chat-page .chat-bar__button-wrapper, #chat-page .chat-bar__status {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px; } }

#training-page .section.section-training > .container {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media (max-width: 991px) {
    #training-page .section.section-training > .container {
      padding-bottom: 0px; } }

#training-page .section h2 {
  font-size: 20px;
  color: #935696;
  font-weight: bold;
  margin-bottom: 10px; }

#training-page .brand-logo {
  top: 30px; }

#training-page .text-large {
  padding-top: 110px;
  font-size: 18px; }

#training-page .horizontal_sep {
  border-bottom: 1px solid #c7dae9;
  padding-top: 15px;
  margin-bottom: 15px;
  margin-left: 264px; }

@media (min-width: 992px) and (max-width: 1199px) {
  #training-page .top-image {
    padding-top: 50px; }
  #training-page .brand-logo {
    text-align: left; }
    #training-page .brand-logo h1 {
      margin-top: 12px;
      margin-left: 17px; }
    #training-page .brand-logo h2 {
      margin-left: 90px; }
    #training-page .brand-logo i {
      float: left; } }

@media (max-width: 991px) {
  #training-page .text-large {
    padding-top: 20px;
    text-align: center; }
  #training-page .top-image {
    padding-top: 30px; } }

@media (max-width: 991px) {
  #training-page .horizontal_sep {
    margin-left: 0px; }
  #training-page .training-block {
    margin-bottom: 30px; }
    #training-page .training-block__image {
      float: none;
      margin-bottom: 15px; }
    #training-page .training-block__content {
      margin-left: 0; }
      #training-page .training-block__content p {
        padding-left: 15px;
        padding-right: 15px; }
  #training-page .certificate-table {
    margin-bottom: 0px; } }

@media (min-width: 992px) {
  #training-page .training-block-table {
    display: table; }
    #training-page .training-block-table .training-block-table-cell {
      display: table-cell; }
      #training-page .training-block-table .training-block-table-cell.training-block__image {
        vertical-align: top; }
      #training-page .training-block-table .training-block-table-cell.training-block__content {
        padding-left: 40px;
        vertical-align: middle; }
      #training-page .training-block-table .training-block-table-cell h2 {
        margin-top: 0px; } }

@media (max-width: 767px) {
  #training-page img.smaller-xs {
    width: 70%;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important; } }

@media (max-width: 650px) {
  #training-page img.smaller-xs {
    width: 280px; } }

#training-page .btn, #training-page .btn-facebook, #training-page .btn-round, #training-page .btn-default, #training-page .btn-sausage, #training-page .btn-success, #training-page .btn-yellow, #training-page .btn-white, #training-page .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane #training-page button {
  margin: 15px 0; }

#training-page .event-training-list ul {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0; }
  #training-page .event-training-list ul li {
    padding: 0 30px 0 15px;
    position: relative;
    margin: 0 0 10px 0; }
    @media (max-width: 991px) {
      #training-page .event-training-list ul li {
        text-align: left; } }
    #training-page .event-training-list ul li:before {
      content: '';
      background-color: #008ce5;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 7px; }

#training-page .intro-links span:not(:first-of-type) {
  padding: 0 7px; }

#training-page .event_list {
  width: 100%; }
  #training-page .event_list .partner-image img {
    max-width: inherit; }

#training-page .meet-us-block > img {
  border: 1px solid #e3e9f2; }

.certificate-table {
  border: 2px solid #a1b4cd;
  margin-bottom: 50px; }
  .certificate-table h2 {
    margin-top: 0; }
  .certificate-table .certificate-check {
    color: #d0d9e5 !important;
    font-size: 75px !important;
    margin-top: -10px !important;
    margin-left: -5px !important; }
  .certificate-table .fa-check {
    color: #0dbf6d;
    font-size: 18px; }
  .certificate-table thead th {
    color: #FFF;
    border: 1px solid #FFF;
    background: #a1b4cd;
    padding: 10px 20px;
    text-align: center;
    vertical-align: top; }
    .certificate-table thead th:first-child {
      text-align: left; }
    .certificate-table thead th img {
      max-width: 160px;
      height: auto;
      display: inline-block;
      margin-bottom: 10px; }
  .certificate-table tbody th {
    font-weight: normal;
    border: 1px solid #c7d3e5;
    width: 25%;
    padding: 10px 20px;
    text-align: right; }
  .certificate-table tbody td {
    border: 1px solid #c7d3e5;
    padding: 10px 20px;
    width: 75/4%;
    text-align: center; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 22, 2016, 12:20:00 PM
    Author     : dani
*/
.mozabook-window .container {
  /*width: auto;*/ }

.ui-dialog .ui-dialog-buttonpane .not_connect {
  background-color: transparent;
  border: 0px none;
  color: #455771;
  font-size: 14px;
  font-weight: normal; }

.ui-dialog .ui-dialog-buttonpane .not_connect:hover {
  background-color: transparent;
  border: 0px none;
  color: #007ccc;
  font-size: 14px;
  font-weight: normal; }

.container-daily,
.container-weekly {
  margin-left: auto;
  margin-right: auto;
  min-width: 310px;
  height: 430px; }

.container-daily {
  margin-bottom: 60px; }

.system-control .utils-paginator {
  margin-top: 20px;
  margin-bottom: 20px; }

@media (min-width: 992px) {
  .system-control .statistics-year-picker {
    width: 150px; } }

.user_stat-table > thead > tr > th {
  vertical-align: middle;
  position: relative; }
  .user_stat-table > thead > tr > th.col-lic-key {
    width: 100px; }
  .user_stat-table > thead > tr > th.col-lic-key-wider {
    width: 230px; }
  .user_stat-table > thead > tr > th.col-validuntil-date, .user_stat-table > thead > tr > th.col-activate-date {
    width: 117px; }
  .user_stat-table > thead > tr > th.col-institute {
    width: 240px; }
  .user_stat-table > thead > tr > th.stat-col-click {
    width: 60px; }
  .user_stat-table > thead > tr > th.stat-col-click2 {
    width: 63px; }
  .user_stat-table > thead > tr > th.stat-col-click3, .user_stat-table > thead > tr > th.stat-col-email {
    width: 45px; }
  .user_stat-table > thead > tr > th.stat-col-logtime {
    width: 120px; }
  .user_stat-table > thead > tr > th.stat-user-count {
    width: 70px; }
  .user_stat-table > thead > tr > th.lic-col-activate {
    width: 102px; }
  .user_stat-table > thead > tr > th.col-lic-ip {
    width: 90px; }
  .user_stat-table > thead > tr > th.col-res-all {
    width: 45px; }
  .user_stat-table > thead > tr > th.col-date-long {
    width: 145px; }
  .user_stat-table > thead > tr > th.col-date-short {
    width: 130px;
    white-space: nowrap; }
  .user_stat-table > thead > tr > th.col-name {
    width: 240px; }
  .user_stat-table > thead > tr > th.col-agent {
    width: 260px; }
  .user_stat-table > thead > tr > th.col-version {
    width: 70px; }
  .user_stat-table > thead > tr > th.stat-col-city {
    width: 140px; }
  .user_stat-table > thead > tr > th .list-order i {
    color: #455771;
    font-style: normal;
    font-size: 24px;
    vertical-align: middle; }
  .user_stat-table > thead > tr > th .list-order span,
  .user_stat-table > thead > tr > th .list-order .text-header {
    font-size: 15px;
    font-style: normal;
    color: #455771; }
  .user_stat-table > thead > tr > th .list-order i.active,
  .user_stat-table > thead > tr > th .list-order span.active {
    color: #FFF;
    vertical-align: middle;
    margin: 0; }
  .user_stat-table > thead > tr > th.separate-country {
    width: 100px; }
  .user_stat-table > thead > tr > th.sum_column {
    width: 100px; }
  .user_stat-table > thead > tr > th.small_sum_column {
    width: 50px; }
  .user_stat-table > thead > tr > th .order-arrow.caret-down:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    color: #fff;
    vertical-align: middle; }
  .user_stat-table > thead > tr > th .order-arrow.caret-up:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d8";
    color: #fff;
    vertical-align: middle; }
  .user_stat-table > thead > tr > th.platform-icon {
    width: 50px; }
    .user_stat-table > thead > tr > th.platform-icon i {
      font-size: 24px; }

.user_stat-table td .fixed-font {
  font-size: 14px; }

.user_stat-table td .lexikon-type-icon {
  vertical-align: middle;
  font-size: 20px;
  top: 1px; }

.user_stat-table td .statistic-status-boxes {
  display: inline-block;
  height: 20px;
  vertical-align: middle; }

.user_stat-table td .stat-lic-wrapper {
  white-space: nowrap; }

.user_stat-table td .pull-right [class^="mwicon-"], .user_stat-table td .pull-right [class*=" mwicon-"] {
  font-size: 20px;
  line-height: 0;
  top: 2px; }

.user_stat-table td > div > span, .user_stat-table td > span, .user_stat-table td > b, .user_stat-table td > div > b {
  vertical-align: middle; }

.user_stat-table td .email-validated-icon {
  font-size: 20px; }

.system-control-platform-filter label, .system-control-licence-group-filter label, .system-control-download-filter label {
  font-weight: normal;
  color: #455771;
  cursor: pointer;
  padding: 10px 7px 10px 7px;
  margin: 0; }

.system-control-platform-filter li.active label, .system-control-licence-group-filter li.active label, .system-control-download-filter li.active label {
  font-weight: bold;
  color: #008ce5; }

.system-control-platform-filter .platform-filter-separator, .system-control-licence-group-filter .platform-filter-separator, .system-control-download-filter .platform-filter-separator {
  border-left: 1px solid #ccc;
  height: 17px;
  margin: 12px 8px; }

.system-control-download-filter label {
  padding: 7px 10px 7px 10px; }

.system-control .title-row {
  height: auto; }
  .system-control .title-row .container {
    padding-top: 24px;
    position: relative;
    height: auto; }
    .system-control .title-row .container .dropdown-menu {
      min-width: 200px;
      max-height: 450px;
      padding: 0; }
      .system-control .title-row .container .dropdown-menu li.active a {
        color: #fff; }

.system-control .mwicon-mb_dl_type_demo:after {
  font-size: 23px !important;
  left: -2px !important;
  top: -2px !important; }

@media (max-width: 991px) {
  .system-control .title-row h1 {
    margin-bottom: 15px !important; }
  .system-control .title-row .top-filters .pull-right {
    float: none !important; }
    .system-control .title-row .top-filters .pull-right button, .system-control .title-row .top-filters .pull-right .dropdown-menu {
      width: 100%; }
  .system-control .form-group {
    width: 100%; } }

.system-control .table-responsive {
  margin-bottom: 20px; }
  .system-control .table-responsive .table {
    margin-bottom: 0; }

.system-control .statistics-back-url-title a {
  vertical-align: middle; }

.system-control .statistics-back-url-title span {
  vertical-align: middle; }

.system-control .table > thead > tr > th i {
  font-size: 24px;
  line-height: 0;
  margin: 0;
  vertical-align: middle;
  top: -1px; }

.system-control .table > thead > tr > th.reg-date {
  width: 145px; }

.system-control .table > thead > tr > th.reg-time {
  width: 55px; }

.system-control .table tbody tr td .not-exist {
  font-size: 20px;
  vertical-align: middle; }

.system-control .table tbody tr td .user-activity-status {
  color: #455771;
  display: inline-block;
  vertical-align: middle; }
  .system-control .table tbody tr td .user-activity-status i {
    font-size: 20px;
    vertical-align: middle; }
  .system-control .table tbody tr td .user-activity-status.is-online:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 18px;
    left: 5px;
    background-color: #10ea5c;
    margin-top: 1px; }

.system-control select[class*="utils-paginator"] {
  padding-right: 20px; }

.system-control .fixed-font.licence-code {
  font-size: 14px; }

.system-control .country-timeline-title {
  display: inline-block;
  font-size: 24px;
  margin-left: 20px;
  margin-bottom: 20px;
  vertical-align: middle; }
  .system-control .country-timeline-title h3 {
    margin: 0;
    display: inline-block; }
  .system-control .country-timeline-title i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px; }

.system-control .row-main td {
  background-color: #f0f6fb; }

.system-control .selected-country-timeline {
  float: right;
  display: inline-block; }
  .system-control .selected-country-timeline i {
    font-size: 20px;
    color: #008ce5;
    vertical-align: middle;
    top: 1px; }

.system-control .institute-data-icon {
  color: #008ce5;
  float: right;
  font-size: 20px; }

@media (max-width: 991px) {
  .system-control .search-bar-unique .input-group-addon {
    width: 1%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .system-control .ml-55 {
    margin-left: -55px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .system-control .ml-unique {
    margin-left: -27px; } }

@media (min-width: 1200px) {
  .system-control .ml-unique {
    margin-left: -60px; } }

.system-control .js-view {
  font-size: 18px;
  padding-bottom: 4px;
  padding-left: 17px;
  padding-right: 17px; }
  @media (max-width: 991px) {
    .system-control .js-view {
      width: calc(100% / 3); }
      .system-control .js-view.online-download {
        width: 50%; } }
  .system-control .js-view .fa-graduation-cap {
    width: 17px;
    height: 17px;
    position: relative; }
    .system-control .js-view .fa-graduation-cap:before {
      position: absolute;
      left: -2px;
      top: 2px; }

.system-control--btn-group a {
  position: relative; }
  .system-control--btn-group a img {
    height: 15px;
    position: relative;
    top: -2px; }

.system-control--btn-group .js-view {
  padding: 5px 14px; }
  .system-control--btn-group .js-view i {
    font-size: 22px;
    top: 1px; }

@media (max-width: 991px) {
  .system-control--btn-group {
    width: 100%; } }

@media (max-width: 991px) {
  .system-control--btn-group {
    margin-bottom: 20px; } }

.system-control .js-period-filter, .system-control .js-country-filter, .system-control .js-extra-filter,
.system-control .js_country-filter, .system-control .js_type-filter {
  width: 100%; }

.system-control .timeline-wrapper {
  margin-top: -3px; }
  @media (max-width: 991px) {
    .system-control .timeline-wrapper {
      width: 100%;
      margin-bottom: 20px; } }

.system-control .timeline-btn {
  cursor: pointer;
  margin-right: 14px;
  margin-bottom: 0;
  vertical-align: middle; }
  @media (max-width: 991px) {
    .system-control .timeline-btn {
      width: calc(97% / 3);
      margin-right: 0;
      text-align: center; } }
  .system-control .timeline-btn i {
    font-size: 40px;
    color: #c7d3e5; }
    .system-control .timeline-btn i.mwicon-menu_hamb {
      font-size: 34px;
      top: -1px; }
  .system-control .timeline-btn.active i {
    color: #008ce5; }

.system-control .nav-user-admin li a {
  padding-left: 10px;
  padding-right: 10px; }

.system-control .nav-portal-event-admin li a {
  padding-left: 10px;
  padding-right: 10px; }

.system-control .stat-downloads .table th {
  vertical-align: middle; }
  .system-control .stat-downloads .table th span {
    font-weight: normal; }

.system-control .stat-downloads .table .program-cell i {
  color: #c7d3e5; }

.system-control .stat-user-online table tbody tr td i, .system-control .stat-userin-online table tbody tr td i, .system-control .stat-userclick-online table tbody tr td i {
  color: #a9c2e4; }

.system-control .stat-user-online table tbody tr td a i, .system-control .stat-userin-online table tbody tr td a i, .system-control .stat-userclick-online table tbody tr td a i {
  color: #008ce5; }

.system-control .stat-user-login-sum {
  display: inline-block;
  line-height: 2.5; }
  .system-control .stat-user-login-sum span {
    margin-right: 30px; }
    .system-control .stat-user-login-sum span i {
      font-size: 22px;
      top: 1px; }
    .system-control .stat-user-login-sum span:first-child {
      margin-right: 12px; }
    .system-control .stat-user-login-sum span:last-child {
      margin-right: 0; }

.system-control th .mwicon-mb_dl_type_full:after, .system-control th .mwicon-mb_dl_type_min:after {
  font-size: 24px !important; }

.user-details-system-control [name="filters"] h2 {
  margin-top: 0; }

#user-stat-diagram {
  box-shadow: 0 1px 4px rgba(36, 75, 149, 0.3);
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-top: 10px; }

@-webkit-keyframes diagram-on {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes diagram-on {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-webkit-keyframes diagram-off {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }

@keyframes diagram-off {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }

.diagram-switch {
  font-size: 24px;
  float: left;
  cursor: pointer;
  color: #c7d3e5; }
  .diagram-switch i {
    font-size: 34px;
    pointer-events: none; }
  .diagram-switch.on {
    color: #008ce5; }

.modal-dialog .btn-stat {
  position: relative;
  width: 42px;
  height: 42px; }
  .modal-dialog .btn-stat > span {
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
    .modal-dialog .btn-stat > span[class^="mwicon-"], .modal-dialog .btn-stat > span[class*=" mwicon-"] {
      font-size: 24px; }

.subscriptions__img {
  width: 80%; }

.subscriptions__price {
  font-size: 36px;
  font-weight: bold; }

.matrix-list-wrapper td.book-title {
  width: 44%; }

.matrix-list-wrapper td.distribution-type {
  font-size: 0.9em;
  text-align: center;
  width: 7%; }

.matrix-list-wrapper .state-block {
  padding: 11px;
  background-repeat: no-repeat;
  background-position: 50%; }
  .matrix-list-wrapper .state-block.uptodate {
    background-color: #d6edd6;
    background-image: url("../assets/images/editor/distribution-matrix/checkmark-icon.svg")/*tpa=https://cn.mozaweb.com/assets/images/editor/distribution-matrix/checkmark-icon.svg*/; }
  .matrix-list-wrapper .state-block.outdated {
    background-color: #ffe9c5;
    background-image: url("../assets/images/editor/distribution-matrix/update-icon.svg")/*tpa=https://cn.mozaweb.com/assets/images/editor/distribution-matrix/update-icon.svg*/; }
  .matrix-list-wrapper .state-block.error {
    background-color: #f8d6d5;
    background-image: url("../assets/images/editor/distribution-matrix/alert-icon.svg")/*tpa=https://cn.mozaweb.com/assets/images/editor/distribution-matrix/alert-icon.svg*/; }

.body_editor {
  color: #455771;
  background-color: #f1f5fb; }

.editor-login {
  max-width: 377px;
  margin: 120px auto 40px auto;
  text-align: center; }
  .editor-login .form-panel {
    text-align: left; }
  .editor-login .editor-bird {
    max-width: 140px;
    display: inline-block;
    margin: 15px 0 20px 0; }
  .editor-login .editor-logo {
    background: url("../assets/images/mozalearn_editor.svg")/*tpa=https://cn.mozaweb.com/assets/images/mozalearn_editor.svg*/ no-repeat center;
    background-size: contain;
    max-width: 263px;
    height: 26px;
    display: block;
    margin: 0 auto 35px auto; }
  .editor-login label {
    color: #455772; }
  .editor-login .login-button {
    margin: 20px 0 12px; }

.lexikon-top-body-editor {
  padding: 10px; }

.editor-page.login-page {
  background: #f2f5f9; }

.editor-page .logo {
  background: url("../assets/images/mozalearn_editor_logo.png")/*tpa=https://cn.mozaweb.com/assets/images/mozalearn_editor_logo.png*/;
  background-size: cover;
  width: 349px;
  height: 33px; }

.editor-page .wrapper {
  padding-bottom: 68px;
  min-height: calc(100vh - 123px); }

.editor-page #footer {
  height: 68px;
  margin-top: -93px; }

@media (max-width: 1199px) {
  .editor-page .logo {
    width: 290px;
    height: 27px; } }

body.compact.editor-page #header .logo {
  width: 323px;
  margin-top: 22px; }

.editor-main {
  margin: -75px auto -20px auto; }
  .editor-main__item {
    border-bottom: 1px solid #dee5f2;
    padding: 15px 0; }
    .editor-main__item:last-child {
      border: 0; }
  .editor-main__icon {
    float: left;
    color: #a1b4cd;
    font-size: 40px; }
  .editor-main__content {
    margin-left: 60px; }
    .editor-main__content h4 {
      margin: 0;
      font-weight: bold; }
    .editor-main__content p {
      margin: 0; }

@media (max-width: 767px) {
  .editor-main .wbox {
    text-align: left; }
  .editor-main__icon {
    font-size: 30px; }
  .editor-main__content {
    margin-left: 50px; } }

/*lexikon_top dolgok*/
.lexikon_top_editor {
  position: fixed;
  right: 55px;
  width: 230px;
  z-index: 100;
  /*lexikon elemek lehetnek 2,3*/
  top: 130px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px 5px 0px 0px; }
  .lexikon_top_editor .close {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 3px; }
  .lexikon_top_editor .header {
    padding: 10px;
    background-color: #eaebee;
    text-align: center;
    border-radius: 5px 5px 0px 0px; }
  .lexikon_top_editor .lexikon_top_tab {
    padding-bottom: 5px; }
    .lexikon_top_editor .lexikon_top_tab td {
      cursor: pointer;
      background-color: #eee;
      padding-left: 3px;
      padding-right: 3px; }
      .lexikon_top_editor .lexikon_top_tab td.aktiv {
        cursor: pointer;
        background-color: #ccc; }
  .lexikon_top_editor .lexikon_close {
    font-size: 14px;
    color: #3d3d5c; }
  .lexikon_top_editor .lexikon_selector {
    width: 90%;
    text-align-last: center; }
  .lexikon_top_editor .lexikon_date_btn_minus {
    border-radius: 5px 0px 0px 5px;
    padding: 6px 10px; }
  .lexikon_top_editor .lexikon_date_btn_plus {
    border-radius: 0px 5px 5px 0px;
    padding: 6px 10px; }
  .lexikon_top_editor .lexikon_number {
    position: absolute;
    background: #ffffff;
    color: #9f191f;
    width: 25px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-left: 5px; }
  .lexikon_top_editor .lexikon_delete {
    position: absolute;
    font-size: 13px;
    background-color: #9f191f;
    color: #ffffff;
    width: 25px;
    height: 25px;
    padding: 6px;
    border-radius: 5px;
    right: 15px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }
  .lexikon_top_editor .lexikon_td {
    padding: 5px;
    text-align: center; }
  .lexikon_top_editor .table-year {
    width: 90%;
    margin-bottom: 15px; }
  .lexikon_top_editor .table-month {
    width: 90%; }
  .lexikon_top_editor .lexikon_date {
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc; }

.label--block {
  display: block; }

.ui-dialog .ui-dialog-content.dialog-bulk-insert {
  overflow-y: auto !important; }

.utils-paginator .pagination {
  margin: 0; }

.body_editor .utils-paginator {
  margin-right: 15px; }

.editor_extra_browser_item_thumbnail img {
  height: 50px; }

.cover_container > img.cover_image {
  border: solid 1px #c6d2e5; }

.editor-header-container {
  position: fixed;
  z-index: 10;
  width: 100%; }

.editor_header {
  height: 57px;
  background: #244b95 url("../assets/images/editor/header_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/header_bg.png*/ top left; }
  .editor_header .editor_title {
    font-family: 'NeoSansPro-Italic', serif;
    height: 27px;
    position: absolute;
    top: 8px;
    left: 50px;
    font-size: 32px;
    color: #B1D2FC; }
    .editor_header .editor_title span {
      color: white; }
  .editor_header .mozaik_icon {
    background: url("../assets/images/editor/header_bg_mozaik.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/header_bg_mozaik.png*/ no-repeat center center;
    width: 160px;
    height: 57px;
    float: right; }
  .editor_header .login_name {
    font-size: 14px;
    color: #c4deff;
    line-height: 21px;
    margin: 18px 0px;
    float: right; }
  .editor_header a.back_icon {
    float: left;
    width: 27px;
    height: 24px;
    background-image: url("../assets/images/editor/back.png-v=20140129.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/back.png?v=20140129*/;
    background-repeat: no-repeat;
    margin: 18px 10px 15px -7px; }

.editor_menu {
  border-top: 2px solid #fff03d;
  background-color: #2956a5;
  height: 37px;
  /* Na most figyeljetek! */ }
  .editor_menu .home_bg {
    width: 52px;
    height: 35px;
    border-right: 1px solid #718cc6;
    margin-right: 25px; }
    .editor_menu .home_bg a.home_icon {
      display: block;
      width: 22px;
      height: 21px;
      background-image: url("../assets/images/editor/home_yellow.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/home_yellow.png*/;
      margin: 8px 0 5px 17px; }
      .editor_menu .home_bg a.home_icon.inactive {
        background-image: url("../assets/images/editor/home.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/home.png*/; }
  .editor_menu .menu li {
    display: inline-block;
    padding: 7px 20px 0 10px; }
    .editor_menu .menu li.editor_settings_holder {
      width: 53px;
      height: 35px;
      text-align: center;
      border-left: 1px solid #718cc6; }
      .editor_menu .menu li.editor_settings_holder a {
        color: #6593D8;
        font-size: 20px; }
    .editor_menu .menu li .fa-plus {
      color: #6593D8;
      font-size: 17px;
      margin-right: 5px; }
    .editor_menu .menu li.book-details-pager {
      float: right;
      width: 80px; }
      .editor_menu .menu li.book-details-pager a {
        width: 25px;
        height: 25px;
        display: block;
        float: left; }
        .editor_menu .menu li.book-details-pager a.next {
          float: right; }
    .editor_menu .menu li a {
      color: #FFFFFF;
      font-size: 13px;
      font-weight: bold;
      transition: color 0.3s ease-out 0s; }
      .editor_menu .menu li a.selected {
        color: #ffe774; }
      .editor_menu .menu li a.disabled {
        opacity: 0.6;
        cursor: default; }
      .editor_menu .menu li a.togglefilter {
        padding-right: 20px;
        background-image: url("../assets/images/editor/arrows.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/arrows.png*/;
        background-repeat: no-repeat; }
        .editor_menu .menu li a.togglefilter.is_filter {
          color: #ffe774; }
        .editor_menu .menu li a.togglefilter.filter-open {
          background-position: right -15px; }
        .editor_menu .menu li a.togglefilter.filter-close {
          background-position: right 3px; }
  @media screen and (max-width: 1460px) {
    .editor_menu .toggle-filter {
      padding: 6px 20px 0 0 !important;
      width: 20px;
      margin-right: 20px;
      height: 30px;
      white-space: nowrap; }
      .editor_menu .toggle-filter .togglefilter {
        width: 20px;
        height: 30px; }
      .editor_menu .toggle-filter span {
        display: none; }
    .editor_menu .add_book {
      padding-right: 10px !important; }
      .editor_menu .add_book span {
        display: none; } }
  @media screen and (max-width: 970px) {
    .editor_menu .menu a {
      font-size: 12px; }
    .editor_menu .toggle-filter,
    .editor_menu .add_book {
      padding: 7px 10px 0 0;
      width: 15px;
      text-indent: -9999px;
      height: 16px;
      white-space: nowrap; }
    .editor_menu .list_menu.editor_menu {
      min-width: 900px; } }

#filter_form {
  color: #5b6c86;
  background-color: #f1f5fb;
  z-index: 10;
  position: fixed;
  top: 94px;
  width: 100%;
  font-size: 12px;
  border-bottom: 1px solid #224579; }
  #filter_form .form-control, #filter_form .cke_editable {
    margin-top: 4px;
    box-shadow: none;
    font-size: 12px; }
  #filter_form .utils-paginator {
    margin-top: 0; }
    #filter_form .utils-paginator .pagination {
      margin: 0; }
  #filter_form .list_filter {
    border-bottom: 1px solid #224579;
    padding: 5px 0 10px; }
    #filter_form .list_filter h4 {
      color: #6f95d9;
      font-size: 13px;
      margin: 10px 0 5px 15px; }
    #filter_form .list_filter .filter_item {
      margin-right: 15px; }
    #filter_form .list_filter .form-group {
      margin-bottom: 0; }
  #filter_form #order_direction {
    width: 35px;
    height: 23px;
    background-image: url("../assets/images/editor/order_dir.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/order_dir.png*/;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-right: 10px; }
    #filter_form #order_direction.order_asc {
      background-position: 0 -20px; }
    #filter_form #order_direction.order_desc {
      background-position: 0 3px; }

.editor_icon {
  background: url("../assets/images/editor/editor_icon_sprite.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/editor_icon_sprite.png*/ top left no-repeat;
  width: 19px;
  display: block;
  height: 19px; }
  .editor_icon.ico_edit {
    background-position: -9px -8px; }
  .editor_icon.ico_lock {
    background-position: -9px -36px; }
  .editor_icon.ico_print {
    background-position: -10px -66px; }
  .editor_icon.ico_free {
    background-position: -10px -94px; }
  .editor_icon.compact_list {
    background-position: -10px -122px; }
  .editor_icon.compact_list.active {
    background-position: -10px -178px; }
  .editor_icon.fat_list.active {
    background-position: -10px -206px; }
  .editor_icon.fat_list {
    background-position: -10px -150px; }
  .editor_icon.ico_ios_android {
    background-position: -9px -234px; }
  .editor_icon.ico_mblite {
    background-position: -9px -262px; }
  .editor_icon.ico_base_new, .editor_icon.ico_online {
    background-position: -9px -290px; }
  .editor_icon.ico_extra_new, .editor_icon.ico_offline {
    background-position: -9px -318px; }
  .editor_icon.ico_not_published {
    background-position: -9px -373px; }
  .editor_icon.ico_has_insertable {
    background-position: -9px -401px; }
  .editor_icon.unlocked {
    background-position: -9px -345px; }
  .editor_icon.compact_list, .editor_icon.fat_list {
    cursor: pointer;
    float: left;
    margin-top: 1px;
    margin-left: 15px; }
  .editor_icon.fat_list {
    margin-left: 10px; }

.filter_bubble {
  display: inline-block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 4px;
  line-height: 24px;
  margin: 0 10px 0 10px; }
  .filter_bubble * {
    vertical-align: middle; }
  .filter_bubble a {
    display: inline-block; }
  .filter_bubble span {
    font-size: 12px;
    margin-left: 3px;
    margin-right: 4px; }

.editor-list-table-wrapper {
  margin: 0px 10px 10px 10px;
  padding-top: 160px; }
  @media (max-width: 991px) {
    .editor-list-table-wrapper {
      padding-top: 210px; } }

.mozatable {
  width: 100%;
  border: 1px #7f9db9 solid;
  border-collapse: collapse;
  font-size: 12px; }
  .mozatable * {
    box-sizing: content-box; }
  .mozatable .row0 {
    background: #ffffff; }
  .mozatable .row1 {
    background: #f4f7fb; }
  .mozatable th {
    border-right: 1px #7f9db9 solid;
    border-collapse: collapse;
    background-color: #d5ddef;
    height: 20px;
    padding: 2px 23px; }
  .mozatable .lista_row.selected {
    /** kijelöl sor **/
    /** kijelölt sor első cella **/
    /** kijelölt sor utolsó cella **/ }
    .mozatable .lista_row.selected > td {
      background-color: #fdffcf !important; }
    .mozatable .lista_row.selected.border_top .lista_cell {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left top; }
    .mozatable .lista_row.selected.border_bottom .lista_cell {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left bottom; }
    .mozatable .lista_row.selected.border_bottom.border_top .lista_cell {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left bottom; }
    .mozatable .lista_row.selected .lista_cell_first {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y left top; }
    .mozatable .lista_row.selected.border_top .lista_cell_first {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y left top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left top; }
    .mozatable .lista_row.selected.border_bottom .lista_cell_first {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y left top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left bottom; }
    .mozatable .lista_row.selected.border_bottom.border_top .lista_cell_first {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y left top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left bottom; }
    .mozatable .lista_row.selected .lista_cell_last {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y right top; }
    .mozatable .lista_row.selected.border_top .lista_cell_last {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y right top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left top; }
    .mozatable .lista_row.selected.border_bottom .lista_cell_last {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y right top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left bottom; }
    .mozatable .lista_row.selected.border_bottom.border_top .lista_cell_last {
      background: url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-y right top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left top, url("../assets/images/editor/row_bg.png")/*tpa=https://cn.mozaweb.com/assets/images/editor/row_bg.png*/ repeat-x left bottom; }
  .mozatable .lista_row .lista_cell {
    padding: 10px 5px !important;
    color: #5b6c86; }
    .mozatable .lista_row .lista_cell.lista_cell_first {
      height: 130px;
      width: 200px; }
    .mozatable .lista_row .lista_cell.lista_cell_bookdetails > div {
      margin-left: 15px;
      max-width: 95%; }
    .mozatable .lista_row .lista_cell.lista_cell_bookdetails .book_info {
      margin-top: 15px;
      background-position: right bottom;
      background-repeat: no-repeat; }
    .mozatable .lista_row .lista_cell .lista_cell_stat_block {
      margin-top: 12px;
      margin-left: 17px; }
      .mozatable .lista_row .lista_cell .lista_cell_stat_block:first-child {
        margin-top: 0px; }
    .mozatable .lista_row .lista_cell .status_item {
      margin: 5px 0; }
      .mozatable .lista_row .lista_cell .status_item span {
        display: inline-block;
        vertical-align: middle; }
        .mozatable .lista_row .lista_cell .status_item span.status_title {
          width: 60%;
          text-align: right;
          font-weight: bold;
          color: #5b6c86; }
        .mozatable .lista_row .lista_cell .status_item span.status_value {
          width: 13px;
          height: 10px;
          border-width: 1px;
          border-style: solid;
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          margin-left: 10px; }
        .mozatable .lista_row .lista_cell .status_item span.status_value.status_0 {
          background-color: white;
          border-color: #c6d2e5; }
        .mozatable .lista_row .lista_cell .status_item span.status_value.status_1 {
          background-color: #75cf00;
          border-color: #75cf00; }
        .mozatable .lista_row .lista_cell .status_item span.status_value.status_2 {
          background-color: #ff0000;
          border-color: #ff0000; }
        .mozatable .lista_row .lista_cell .status_item span.status_value.status_red {
          background-color: #ff0000;
          border-color: #ff0000; }
        .mozatable .lista_row .lista_cell .status_item span.data_published {
          cursor: pointer; }
  .mozatable .cover_more_inf_top {
    position: absolute;
    right: 17px;
    top: 17px;
    bottom: auto; }
    .mozatable .cover_more_inf_top .editor_icon {
      margin-bottom: 5px; }
  .mozatable .table_inner {
    border: 0;
    margin: 0;
    width: 100%; }
    .mozatable .table_inner .checkbox_row {
      padding-right: 0;
      padding-left: 0;
      width: 140px; }
    .mozatable .table_inner td {
      border: none; }
  .mozatable .pack_status_row {
    position: absolute;
    right: 35px;
    bottom: 3px; }
    .mozatable .pack_status_row .editor_icon {
      float: right;
      margin-left: 5px; }
  .mozatable .status_switch {
    float: left;
    margin-top: 2px;
    width: 80px; }
    .mozatable .status_switch > a {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-color: #c6d2e5;
      border-width: 1px;
      border-style: solid;
      width: 13px;
      height: 10px;
      float: left;
      margin-right: 5px;
      background-color: #fff; }
  .mozatable .status_switch_label {
    float: left;
    padding-right: 20px;
    width: 100px;
    font-weight: bold;
    text-align: right; }
  .mozatable .status_switch_tri a.status_NOTNEED.selected {
    background-color: #8099dc; }
  .mozatable .status_switch_tri a.status_NONE.selected {
    background-color: #ff0000; }
  .mozatable .status_switch_tri a.status_INPROGRESS.selected {
    background-color: #ffae00; }
  .mozatable .status_switch_tri a.status_DONE.selected {
    background-color: #75cf01; }
  .mozatable .status_switch_bin a {
    width: 37px;
    display: none; }
    .mozatable .status_switch_bin a.selected {
      display: block; }
    .mozatable .status_switch_bin a a.status_NONE.selected,
    .mozatable .status_switch_bin a a.status_0.selected {
      background-color: transparent; }
    .mozatable .status_switch_bin a a.status_DONE.selected,
    .mozatable .status_switch_bin a a.status_1.selected {
      background-color: #75cf01; }
  .mozatable .cover_more_inf {
    position: absolute;
    right: 17px;
    top: auto;
    bottom: 17px; }
    .mozatable .cover_more_inf .editor_icon {
      margin-top: 5px; }
  .mozatable .cover_more_inf_top {
    position: absolute;
    right: 17px;
    top: 17px;
    bottom: auto; }
    .mozatable .cover_more_inf_top .editor_icon {
      margin-bottom: 5px; }
  .mozatable .list_view_compact .lista_cell {
    padding: 5px 5px !important; }
    .mozatable .list_view_compact .lista_cell.lista_cell_first {
      height: auto;
      min-height: 64px; }
  .mozatable .list_view_compact .cover_more_inf {
    top: 50%;
    margin-top: -9px; }
    .mozatable .list_view_compact .cover_more_inf .editor_icon {
      float: left;
      margin-left: 5px;
      margin-top: 0px; }

.filter_list_package {
  font-size: 12px; }
  .filter_list_package .filter_check_holder {
    margin-right: 20px; }
    .filter_list_package .filter_check_holder .generate_massive_packs {
      color: #597ebe;
      cursor: pointer; }

.list_pack td {
  padding: 2px 5px;
  border-right: 1px #7f9db9 solid; }
  .list_pack td.cover_container_pack_view {
    padding: 10px; }

.list_pack .status_pack div {
  width: 13px;
  height: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 5px;
  float: left;
  background-color: white;
  border-color: #c6d2e5; }
  .list_pack .status_pack div.status_PROCESSING.active {
    background-color: #8099dc; }
  .list_pack .status_pack div.status_MISSING.active {
    background-color: #ff0000; }
  .list_pack .status_pack div.status_OUTDATED.active {
    background-color: #ffae00; }
  .list_pack .status_pack div.status_UPTODATE.active {
    background-color: #75cf01; }

.list_pack .filesize {
  font-family: 'courier new';
  text-align: right;
  margin: 0px;
  width: 90px;
  color: #9dafcc; }

.list_pack .sha_pack {
  font-family: 'courier new';
  color: #9dafcc; }

/*rtl:begin:ignore*/
.mozaweb_ar .pull-right {
  float: left !important; }

.mozaweb_ar .pull-left {
  float: right !important; }

.mozaweb_ar .text-right {
  text-align: left; }

.mozaweb_ar .text-left {
  text-align: right; }

.mozaweb_ar .fa-chevron-left:before {
  content: "\f054"; }

.mozaweb_ar .fa-chevron-right:before {
  content: "\f053"; }

.mozaweb_ar .glyphicon-chevron-left:before {
  content: "\e080"; }

.mozaweb_ar .glyphicon-chevron-right:before {
  content: "\e079"; }

.mozaweb_ar * {
  unicode-bidi: embed; }

.mozaweb_ar .tagit .tagit-choice {
  float: right; }
  .mozaweb_ar .tagit .tagit-choice .tagit-close {
    left: .1em;
    right: inherit; }

.mozaweb_ar .input-group.datepicker .form-control, .mozaweb_ar .input-group.datepicker .cke_editable {
  direction: initial; }

.mozaweb_ar .input-group .input-group-addon:last-child {
  border-right: none;
  border-left-color: #c7d3e5; }

.mozaweb_ar .input-group .input-group-addon:first-child {
  border-right-color: #c7d3e5; }

.mozaweb_ar .input-group.focus .input-group-addon {
  border-color: #008ce5; }

.mozaweb_ar .typeahead.dropdown-menu li .dropdown-item .typeahead span {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 20px !important; }

.mozaweb_ar .window_panel .window_header .sidebar_position_arrow_right {
  background-position: -18px 0; }

.mozaweb_ar .window_panel .window_header .sidebar_position_arrow_left {
  background-position: -18px -28px; }

.mozaweb_ar .bootstrap-select.btn-group .dropdown-toggle .caret {
  right: inherit;
  left: 12px; }

.mozaweb_ar #mozabook-promo .top-image {
  padding-top: 90px; }

.mozaweb_ar .input-group.hw-deadline-group .form-control + .input-group-addon, .mozaweb_ar .input-group.hw-deadline-group .cke_editable + .input-group-addon {
  border-left: none; }

.mozaweb_ar #mozaweb-promo .top-image img {
  margin-top: 100px; }

.mozaweb_ar .licence-list-box__ribbon img {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.mozaweb_ar .licence-list-box__ribbon span {
  z-index: 1; }

/*rtl:end:ignore*/

/*# sourceMappingURL=style.css.map */