@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");
footer[role=contentinfo] .wrap .language select, .special_feature > .wrap .comments form p textarea, .special_feature > .wrap .views .ibible_stats li.wide, .special_feature > .wrap .views .ibible_stats li, .special_feature > .wrap menu button.white, .special_feature > .wrap menu a.white, .special_feature > .wrap menu button.solid, .special_feature > .wrap menu a.solid, .special_feature > .wrap .actions .toggle_panel button.outline, .special_feature > .wrap .section_header .options select, .special_feature > .wrap .section_header .options h4, .special_feature > .wrap .section_header .options, .episode_resources .wrap > ul > li > ul li button, .episode_resources .wrap > ul > li > ul, .episode_resources .wrap > ul > li button .info, .episode_resources .wrap > ul > li, .episode_resources .wrap .resource > header button, .episode_resources, .share_ibible .wrap section.share figure, .share_ibible .wrap section.share, .share_ibible .wrap section > button, .share_ibible .wrap menu, .share_ibible, .settings_panel .wrap .panel button, .settings_panel .wrap .panel .input span, .settings_panel .wrap .panel .input input, .settings_panel .wrap .panel .input select, .settings_panel .wrap .panel, .settings_panel, .pay_it_forward_popup .panel section textarea, .pay_it_forward_popup .panel, .donation_module .donation_panel .donation_form > button, .donation_module .donation_panel .donation_form .payment_element p input, .donation_module .donation_panel .donation_form .select_element .input input, .donation_module .donation_panel .donation_form .select_element > div button, .donation_module .donation_panel .donation_form .back_button, .donation_module .donation_panel .donation_form, .donation_module .donation_panel, .question_correct .panel .overview, .question_correct .panel header button, .question_correct .panel header, .question_correct, .quiz_module .question ul li button, .quiz_module .question, .quiz_module .panel div menu a, .quiz_module .panel div menu button, .quiz_module .panel div header figure, .quiz_module .panel div, .quiz_module .panel, .badge_overlay .panel .overview, .badge_overlay .panel header button, .badge_overlay .panel header, .badge_overlay, .new_badge_overlay .panel > button, .new_badge_overlay .panel header a, .new_badge_overlay .panel, .new_badge_overlay, .profile .profile_section.bio_overview .rewards .wrap ul li.locked, .profile .profile_section.bio_overview .rewards .wrap ul li article button header, .profile .profile_section.bio_overview .rewards .wrap ul li article button, .profile .profile_section.bio_overview .rewards .wrap ul li article, .profile .profile_section.bio_overview .dashboard .wrap .row .element, .profile .profile_section > ul li, .profile menu button, .quiz_list .wrap ul li article a > header span, .quiz_list .wrap ul li article a > header, .episode_list .wrap ul li.wide a, .episode_list .wrap ul li.wide, .episode_list .wrap ul li a figure > span, .episode_list .wrap ul li a figure, .pageturn_overlay .controls .player_controls menu button, .pageturn_overlay .controls .player_controls > button, .pageturn_overlay .controls .timeline span span:after, .pageturn_overlay .controls, .pageturn_overlay .book .my-page span, .pageturn_overlay .book .my-page:before, .pageturn_overlay > menu button, .pageturn_overlay > header button, .complete_banner .panel menu button, .complete_banner .panel, .share_window .share_details menu button, .share_window .share_details input, .share_window .share_details, .share_window, .overlay_player .controls .player_controls menu button, .overlay_player .controls .player_controls > button, .overlay_player .controls .timeline span span:after, .overlay_player .controls, .overlay_player > header button, .video_player .controls .player_controls menu button, .video_player .controls .player_controls > button, .video_player .controls .timeline span span:after, .video_player .controls, .video_player .page_outline .book_spine:after, .video_player .page_outline .book_spine:before, .video_player > header button, .player_menu .options .swiper ul li article button, .player_menu .options .swiper ul li article, .player_menu .side_options > footer, .player_menu .side_options .panel_action .prayer, .player_menu .side_options .panel_action .comments textarea, .player_menu .side_options .panel_action ul.resources li .info_details, .player_menu .side_options .panel_action ul.resources li .video, .player_menu .side_options .panel_action ul.resources li, .player_menu .side_options .panel_action ul li h4, .player_menu .side_options .panel_action ul li div input:checked + span, .player_menu .side_options .panel_action ul li div input, .player_menu .side_options > section ul li button, .player_menu .side_options > section, .player_menu .side_options > header menu button, .player_menu .side_options > header menu, .player_menu .side_options > header, .player_menu > header button, .player_menu > header, .player_select_menu .options .swiper ul li article button, .player_select_menu .options .swiper ul li article, .player_select_menu > header button, .player_select_menu > header, .content_window .wrap > section + section button, .content_window .wrap > section > header button, .content_window .wrap > section > header, .rotate_device .panel, .rotate_device, .rules footer button, .downloading_popup .panel, .ibible_module .modules > .swiper ul li article .eisode_badges ul li figure, .ibible_module .modules > .swiper ul li article .eisode_badges, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .prayer button, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .prayer, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel > button, .ibible_module .modules > .swiper ul li article .actions button, .ibible_module .modules > header .swiper ul li article a header h3:before, .ibible_module .modules > header .swiper ul li article a header, .ibible_module .modules > header .swiper ul li article a figure > div, .ibible_module .modules > header .swiper ul li article a figure, .ibible_module .chatbot_holder div, .ibible_module .chatbot_holder, .new_video_player .wrap .comments form p textarea, .new_video_player .wrap .views .ibible_stats li.wide, .new_video_player .wrap .views .ibible_stats li, .new_video_player .wrap menu button.white, .new_video_player .wrap menu a.white, .new_video_player .wrap menu button.solid, .new_video_player .wrap menu a.solid, .new_video_player, .overlay_video_player, .home_feed .module.content_modules .wrap ul li article a, .home_feed .module.share .impact button, .home_feed .module.share .impact ul li, .home_feed .module.share .impact, .home_feed .module.share .share_panel .options form p input, .home_feed .module.share .share_panel, .home_feed .module.quiz a header span, .home_feed .module.quiz a header figure, .home_feed .module.quiz a, .home_feed .module.quiz, .home_feed .module.chat a header span, .home_feed .module.chat, .landing_page .chatbot_holder div, .landing_page .chatbot_holder, .landing_page .lp_impact .wrap .actions button, .landing_page .lp_impact .wrap ul.ibible_stats li.wide, .landing_page .lp_impact .wrap ul.ibible_stats li, .landing_page .lp_browser .special_features .wrap figure a h5:before, .landing_page .lp_browser .special_features .wrap figure a h5, .landing_page .lp_hero .callout p:before, .landing_page .lp_hero .callout p, .landing_page .lp_hero .callout h6, .landing_page .lp_hero .callout a, .landing_page .lp_hero .callout, .landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide h6, .landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide, .login_screen .wrap footer p, .login_screen .wrap section .select_list_overlay ul li button span, .login_screen .wrap section .select_list_overlay ul li button, .login_screen .wrap section .select_list_overlay header input, .login_screen .wrap section .select_list_overlay header, .login_screen .wrap section .select_list_overlay, .login_screen .wrap section .login_again, .login_screen .wrap section form button.outline, .login_screen .wrap section form p input, .login_screen .wrap section form p textarea, .login_screen .wrap section form p select, .login_screen .wrap section form .input .row div input, .login_screen .wrap section form .toggle > div p.with_code span, .login_screen .wrap section form .toggle > div .button_input button:after, .login_screen .wrap section form .toggle > div .button_input button, .login_screen .wrap section form .toggle > div button, .login_screen .wrap section form .toggle, .login_screen .wrap section .success, .login_screen .wrap section .error, .login_screen .wrap section, .login_screen .wrap .trouble_btn, .login_screen .wrap .login_highlight span, .login_screen .wrap .login_highlight, .login_screen, .notification_feed, .admin_dashboard .wrap > section .graph, .admin_dashboard .wrap > section ul li article, .menu .wrap > a, .menu .wrap menu a, .menu .wrap .language select, .menu .wrap ul li a, .menu, header[role=banner] .wrap .support, header[role=banner] .wrap .icon_menu a.close, .welcome_onboarding .panel .actions, .welcome_onboarding .panel, .chat_bot .wrap .form p input, .chat_bot .wrap .form, .chat_bot .wrap > ul > li.left-a div div p, .chat_bot .wrap > ul > li article div ul li, .chat_bot .wrap > ul > li article div div p, .chat_bot .wrap > ul > li article header menu button, .chat_bot .wrap > ul > li article header menu, .chat_bot .wrap > ul > li article, .chat_bot .wrap > ul > li, .chat_bot .wrap > ul, .onboarding_steps, body.bot_thinking .chat_bot .wrap > ul:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.episode_resources .wrap > ul > li button .video:before, .episode_resources .wrap .resource > header button, .pageturn_overlay .controls .player_controls menu button, .pageturn_overlay .controls .player_controls > button, .overlay_player .controls .player_controls menu button, .overlay_player .controls .player_controls > button, .video_player .controls .player_controls menu button, .video_player .controls .player_controls > button, .player_menu .side_options .panel_action ul.resources li .video:before, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li button, .ibible_module .modules > header .swiper ul li article a header h3:before, .home_feed .module.content_modules .wrap ul li article a span, .home_feed .module.player_reminder .wrap a header span, .landing_page .lp_browser .special_features .wrap figure a h5:before, .landing_page .lp_browser .special_features .wrap figure a span, .landing_page .lp_hero .callout p:before, header[role=banner] .wrap .icon_menu button, header[role=banner] .wrap .icon_menu a.chat, header[role=banner] .wrap .icon_menu a.donate, header[role=banner] .wrap h2, button.listen {
  background-image: url("../sprites/sprite.svg?v=15");
  background-size: 1000px 1000px;
  font-size: 20px;
  background-repeat: no-repeat;
}

.right_aligned_text .settings_panel .wrap .panel:after, .right_aligned_text .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel:after, footer[role=contentinfo] .wrap div:after, .special_feature > .wrap .views .ibible_stats:after, .special_feature > .wrap .section_header .options:after, .episode_resources .wrap > ul > li button:after, .share_ibible .wrap menu:after, .settings_panel .wrap .panel ul li p:after, .donation_module .donation_panel .donation_form .payment_element .two:after, .donation_module .donation_panel .donation_form .select_element.four > div:after, .donation_module .donation_panel .donation_form .select_element > div:after, .donation_module .donation_panel .options:after, .question_correct .panel header:after, .badge_overlay .panel header:after, .profile .profile_section.bio_overview .dashboard .wrap .row:after, .profile .profile_section > ul:after, .profile menu:after, .episode_list .wrap ul:after, .pageturn_overlay .controls .player_controls menu:after, .pageturn_overlay > header:after, .complete_banner .panel menu:after, .share_window .share_details menu:after, .overlay_player .controls .player_controls menu:after, .overlay_player > header:after, .video_player .controls .player_controls menu:after, .video_player > header:after, .player_menu .side_options .panel_action ul.resources li:after, .player_menu .side_options .panel_action ul li:after, .player_menu .side_options > header menu:after, .player_menu > header:after, .player_select_menu > header:after, .content_window .wrap > section > header:after, .ibible_module .modules > .swiper ul li article .eisode_badges ul:after, .ibible_module .modules > .swiper ul li article .toggle_menu menu:after, .ibible_module .modules > .swiper ul li article .actions:after, .ibible_module > header .wrap:after, .new_video_player .wrap .views .ibible_stats:after, .home_feed .module.share .share_panel .options form:after, .landing_page .lp_impact .wrap ul:after, .landing_page .lp_browser menu:after, .login_screen .wrap section .select_list_overlay ul li button:after, .login_screen .wrap section form.quad:after, .login_screen .wrap section form .input .row:after, .login_screen .wrap section form .toggle > div:after, .login_screen .wrap section form .toggle > div p.with_code:after, .admin_dashboard .wrap > section ul li > p:after, .menu .wrap menu div:after, .menu .wrap menu:after, .menu .wrap header:after, header[role=banner] .wrap:after, .chat_bot .wrap .form:after, .chat_bot .wrap > ul > li article div menu:after, .chat_bot .wrap > ul > li article header:after, .chat_bot .wrap > ul > li article header menu:after {
  content: "";
  display: block;
  clear: both;
}

footer[role=contentinfo] .wrap div p, footer[role=contentinfo] .wrap .language h3, footer[role=contentinfo] .wrap nav ul li a, footer[role=contentinfo] .wrap nav h4, .special_feature > .wrap .comments form button, .special_feature > .wrap .comments header h2, .special_feature > .wrap .views header h2, .special_feature > .wrap menu button, .special_feature > .wrap menu a, .special_feature > .wrap .section_header .options select, .special_feature > .wrap .section_header, .episode_resources .wrap > ul > li > ul li button, .episode_resources .wrap > ul > li > ul li p, .episode_resources .wrap > ul > li button .info p, .episode_resources .wrap .resource > div p, .episode_resources .wrap .resource > div h6, .episode_resources .wrap .resource, .episode_resources .wrap > header button, .share_ibible .wrap section > button, .share_ibible .wrap section h2, .share_ibible .wrap section p, .share_ibible .wrap menu button, .share_ibible .wrap > header button, .settings_panel .wrap .panel button, .settings_panel .wrap .panel .input input, .settings_panel .wrap .panel .input select, .settings_panel .wrap .panel ul li a, .settings_panel .wrap .panel ul li p span, .settings_panel .wrap .panel p.balance, .settings_panel .wrap .panel h2, .pay_it_forward_popup .panel section button, .pay_it_forward_popup .panel section textarea, .pay_it_forward_popup .panel header button, .pay_it_forward_popup .panel, .donation_module .donation_panel .donation_form .select_element .input input, .donation_module .donation_panel .donation_form .back_button, .donation_module .donation_panel .options button p, .donation_module, .mlt-cookie-consent .mlt-cc-wrap p, .mlt-cookie-consent .mlt-cc-wrap:before, .question_correct .panel > button, .question_correct .panel .overview, .question_correct .panel header div, .quiz_module .question ul li button, .quiz_module .question > header h2, .quiz_module .question > header h3, .quiz_module .panel div menu a, .quiz_module .panel div menu button, .quiz_module .panel div header, .badge_overlay .panel > button, .badge_overlay .panel .overview, .badge_overlay .panel header div, .new_badge_overlay .panel > a, .new_badge_overlay .panel > button, .new_badge_overlay .panel header a, .new_badge_overlay .panel header p, .new_badge_overlay .panel header h2, .profile .profile_section.bio_overview .rewards .wrap ul li.locked .open, .profile .profile_section.bio_overview .rewards .wrap ul li article button header, .profile .profile_section.bio_overview .dashboard .wrap .row .element h4, .profile .profile_section > ul li.new:before, .profile .profile_section > header .wrap, .profile menu button, .quiz_list .wrap ul li article a > header span, .quiz_list .wrap ul li article a > header h3, .quiz_list .wrap > header p, .episode_list .wrap ul li.wide a, .episode_list .wrap ul li.wide p, .episode_list .wrap ul li a figure > span, .episode_list .wrap > header p, .pageturn_overlay .controls .player_controls header, .pageturn_overlay .book .my-page span, .pageturn_overlay > header button, .complete_banner .panel menu button, .complete_banner .panel menu h4, .complete_banner .panel > header p, .complete_banner .panel > header h2, .complete_banner .panel > header h3, .complete_banner .panel > header > button, .share_window .share_details menu button, .share_window > header h2, .share_window > header button, .overlay_player .controls .player_controls header, .overlay_player > header button, .video_player .controls .player_controls header, .video_player > header button, .player_menu .options .swiper ul li article button h2, .player_menu .side_options > footer button, .player_menu .side_options .panel_action .comments button, .player_menu .side_options .panel_action > button.action, .player_menu .side_options .panel_action ul li h4, .player_menu .side_options .panel_action p, .player_menu .side_options .panel_action .back, .player_menu .side_options > section ul li button span + span, .player_menu .side_options > header menu button, .player_menu > header a, .player_menu > header button, .player_select_menu .options .swiper ul li article button h2, .player_select_menu > header a, .player_select_menu > header button, .content_window .wrap > section + section button, .content_window .wrap > section > div, .content_window .wrap > section > header a, .content_window .wrap > section > header button, .rotate_device .panel h3 span, .rotate_device .panel h2, .rules footer button, .rules section header, .rules > header, .ibible_module .modules > .swiper ul li article .eisode_badges ul li h4, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure button, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure h4, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points h2, .ibible_module .modules > .swiper ul li article, .ibible_module .modules > header .swiper ul li article a header h3, .ibible_module .modules > header .swiper ul li article a figure span, .ibible_module .modules > header .swiper ul li article a figure > div, .ibible_module > header .wrap menu button:before, .ibible_module .chatbot_holder > header button, .new_video_player .wrap .comments form button, .new_video_player .wrap .comments header h2, .new_video_player .wrap .views header h2, .new_video_player .wrap menu button, .new_video_player .wrap menu a, .new_video_player .wrap header p, .new_video_player .wrap header, .overlay_video_player .wrap menu button, .home_feed .module.content_modules .wrap ul li article a, .home_feed .module.content_modules .wrap > header h2, .home_feed .module.player_reminder .wrap a header h4, .home_feed .module.player_reminder .wrap a header h3, .home_feed .module.player_reminder .wrap a header h2, .home_feed .module.share .impact button, .home_feed .module.share .impact ul li, .home_feed .module.share .impact header h2, .home_feed .module.share .share_panel .options menu button, .home_feed .module.share .share_panel .options form button, .home_feed .module.share .share_panel .options h3, .home_feed .module.share .share_panel header button, .home_feed .module.share .share_panel header h2, .home_feed .module.share .wrap menu button, .home_feed .module.share .wrap header p, .home_feed .module.quiz a header span, .home_feed .module.quiz a header, .home_feed .module.chat a header span, .home_feed .module.chat a header p, .home_feed .module.chat a header h2, .landing_page .chatbot_holder > header button, .landing_page .lp_impact .wrap .actions button, .landing_page .lp_impact .wrap ul li h4, .landing_page .lp_impact .wrap header h2, .landing_page .lp_browser .special_features .wrap .actions button, .landing_page .lp_browser .special_features .wrap figure a h5, .landing_page .lp_browser .special_features .wrap figure p, .landing_page .lp_browser .special_features .wrap header h2, .landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .play_now button, .landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover > div p, .landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover > div h3, .landing_page .lp_browser menu button, .landing_page .lp_browser header h2, .landing_page .lp_hero .callout p, .landing_page .lp_hero .callout h1, .landing_page .lp_hero .callout h6, .landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide p, .landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide h6, .login_screen .wrap footer, .login_screen .wrap section .select_list_overlay ul li button span, .login_screen .wrap section .select_list_overlay header input, .login_screen .wrap section .login_again, .login_screen .wrap section form button, .login_screen .wrap section form p textarea, .login_screen .wrap section form p select, .login_screen .wrap section form p label, .login_screen .wrap section form p > a, .login_screen .wrap section form .input .row p, .login_screen .wrap section form .input label, .login_screen .wrap section form .toggle > div p.with_code span, .login_screen .wrap section form .toggle h3, .login_screen .wrap section .success, .login_screen .wrap section .error, .login_screen .wrap section header p, .login_screen .wrap section header h2, .login_screen .wrap section > p > a, .login_screen .wrap .trouble_btn, .login_screen .wrap .login_highlight span, .login_screen .wrap .login_highlight, .notification_feed ul li article a header, .admin_dashboard .wrap > section ul li > p, .admin_dashboard .wrap > section ul li article, .admin_dashboard .wrap > section header p, .admin_dashboard .wrap > section header h2, .menu .wrap > a, .menu .wrap menu a, .menu .wrap .language h3, .menu .wrap header button, header[role=banner] .wrap > button, header[role=banner] .wrap .support, header[role=banner] .wrap .icon_menu a.close, header[role=banner] .wrap .icon_menu a.donate:after, .welcome_onboarding .panel > button, .welcome_onboarding .panel header, .chat_bot .wrap .form button, .chat_bot .wrap > ul, .onboarding_steps .wrap > button, .onboarding_steps .wrap ul li button, .onboarding_steps .wrap h3, .privacy_policy .wrap, .iti--country-search {
  font-family: "Montserrat";
}

.special_feature > .wrap .views .ibible_stats li p, .special_feature > .wrap .views .ibible_stats li h4, .special_feature > .wrap .section_header h2, .episode_resources .wrap > ul > li > ul li h3, .episode_resources .wrap > ul > li button .info h2, .episode_resources .wrap .resource > div h4, .episode_resources .wrap .resource > header h3, .share_ibible .wrap section h1, .profile .profile_section.bio_overview .rewards .wrap header h2, .profile .profile_section.bio_overview .dashboard .wrap .row .element p, .profile .profile_section > header .wrap h2, .quiz_list .wrap ul li article a > header h2, .quiz_list .wrap > header h1, .episode_list .wrap ul li.wide h2, .episode_list .wrap > header h1, .player_menu .side_options .panel_action ul.resources li .info_details h5, .player_menu .side_options .panel_action h3, .player_menu .side_options > section ul li button span, .ibible_module .modules > .swiper ul li article .eisode_badges header h2, .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure p, .ibible_module .modules > .swiper ul li article h2, .ibible_module > header .wrap h2, .new_video_player .wrap .views .ibible_stats li p, .new_video_player .wrap .views .ibible_stats li h4, .new_video_player .wrap header h1, .landing_page .lp_impact .wrap ul.ibible_stats li h4, .landing_page .lp_impact .wrap ul li p, .landing_page .lp_impact .wrap > h2, .landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper .swiper-slide h2, .landing_page .lp_hero .callout h2, .landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide h2, .login_screen .wrap section:before, .menu .wrap ul li a h2 {
  font-family: "Antonio", sans-serif;
}

button {
  -webkit-appearance: none;
}

html {
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
html::-webkit-scrollbar {
  width: 0px;
  display: none;
  background: transparent; /* make scrollbar transparent */
}

.iti.iti--container.iti--fullscreen-popup.iti--country-search {
  z-index: 100000;
}

button.listen {
  display: block;
  width: 30px !important;
  height: 30px !important;
  background-color: rgb(255, 255, 255) !important;
  border: 2px solid rgb(255, 208, 0);
  z-index: 5;
  border-radius: 50% !important;
  text-indent: -1000px;
  overflow: hidden;
  font-size: 20px !important;
  margin: 15px 0 0 0 !important;
  background-position: -10em -4em !important;
}

body {
  background-color: rgb(0, 0, 0);
  touch-action: pan-x, pan-y;
  padding: 75px 0 0 0;
}
body.show_overlay_video .overlay_video_player {
  display: block;
}
body.show_menu .menu {
  display: block;
}
body::-webkit-scrollbar {
  width: 0px;
  display: none;
  background: transparent; /* make scrollbar transparent */
}
body.blur * {
  filter: blur(3px);
}
body.blur .welcome_onboarding {
  filter: blur(0);
}
body.blur .welcome_onboarding * {
  filter: blur(0);
}
body.bot_thinking .chat_bot .wrap > ul:after {
  content: "thinking...";
  display: block;
  width: 100px;
  height: 40px;
  font-size: 0.875rem;
  line-height: 1;
  padding: 12px 0;
  text-align: center;
  border-radius: 8px 8px 8px 3px;
  background-color: rgb(230, 230, 230);
  position: fixed;
  bottom: 100px;
  left: 20px;
}
body.bot_thinking .chat_bot .wrap > ul li:last-child {
  margin-bottom: 40px;
}
body.grey_page {
  background-color: rgb(231, 231, 231);
}

.privacy_policy {
  padding: 50px 0;
}
.privacy_policy .wrap {
  width: 90%;
  margin: 0 auto;
  max-width: 700px;
  color: rgb(255, 255, 255);
  line-height: 1.5;
}
.privacy_policy .wrap h1 {
  font-size: 2rem;
  line-height: 1;
  margin: 0;
  font-weight: 700;
}
.privacy_policy .wrap h2 {
  margin: 1.5em 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.privacy_policy .wrap h3 {
  margin: 1.5em 0;
  font-weight: 700;
}
.privacy_policy .wrap p {
  margin: 1.5em 0;
}
.privacy_policy .wrap ul {
  list-style: none;
  margin: 1.5em 0;
}

.onboarding_steps {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 100000;
  display: none;
}
.onboarding_steps .wrap {
  margin: 0 20px;
}
.onboarding_steps .wrap header {
  padding: 0;
  padding-top: calc(30px + env(safe-area-inset-top));
  margin: 0 0 30px 0;
}
.onboarding_steps .wrap header img {
  display: block;
  width: 80px;
  margin: 0 auto;
}
.onboarding_steps .wrap h3 {
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
}
.onboarding_steps .wrap ul li button {
  display: block;
  width: 100%;
  height: 32px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 700;
}
.onboarding_steps .wrap ul li button.selected {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.onboarding_steps .wrap ul li + li {
  margin: 10px 0 0 0;
}
.onboarding_steps .wrap > button {
  display: block;
  position: fixed;
  bottom: calc(30px + env(safe-area-inset-top));
  left: 20px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  height: 32px;
  border-radius: 8px;
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0);
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 700;
}
.onboarding_steps.show {
  display: block;
}

.chat_bot .wrap > ul {
  position: fixed;
  top: 80px;
  left: 0;
  height: -webkit-calc(100% - 80px);
  height: calc(100% - 80px);
  width: 100%;
  list-style: none;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 20px 20px 120px 20px;
}
.chat_bot .wrap > ul > li {
  display: inline-block;
  max-width: 90%;
  clear: both;
}
.chat_bot .wrap > ul > li article {
  display: inline-block;
  line-height: 1.5;
}
.chat_bot .wrap > ul > li article header {
  font-weight: 700;
  margin: 0 0 8px 0;
}
.chat_bot .wrap > ul > li article header h2 {
  float: left;
  padding-top: 1px;
  color: rgb(255, 255, 255);
}
.chat_bot .wrap > ul > li article header menu {
  float: right;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}
.chat_bot .wrap > ul > li article header menu button {
  float: left;
  width: 25px;
  height: 20px;
}
.chat_bot .wrap > ul > li article header menu button svg {
  display: block;
  height: 20px;
  width: auto;
  margin: 0 auto;
  pointer-events: none;
}
.chat_bot .wrap > ul > li article header menu button:hover svg {
  color: rgb(255, 208, 0) !important;
}
.chat_bot .wrap > ul > li article header menu button + button {
  border-left: transparent;
}
.chat_bot .wrap > ul > li article div div p {
  padding: 20px;
  line-height: 1.5;
  border-radius: 4px 12px 12px 12px;
  background-color: rgb(255, 255, 255);
}
.chat_bot .wrap > ul > li article div ul {
  margin: 16px 0 0 0;
}
.chat_bot .wrap > ul > li article div ul li {
  display: inline-block;
  min-height: 24px;
  padding: 6px 16px 6px 16px;
  line-height: 1;
  border: 1px solid rgb(255, 208, 0);
  border-radius: 8px;
  margin: 0 5px 0 0;
}
.chat_bot .wrap > ul > li article div ul li button {
  display: block;
  line-height: 1.125;
  text-align: left;
  font-weight: 500;
  color: rgb(255, 208, 0);
}
.chat_bot .wrap > ul > li article div ul li button:hover {
  opacity: 0.5;
}
.chat_bot .wrap > ul > li article div ul li + li {
  margin: 5px 5px 0 0;
}
.chat_bot .wrap > ul > li article div menu {
  margin: 16px 0 0 0;
}
.chat_bot .wrap > ul > li article div menu button {
  display: block;
  width: 100px;
  height: 40px;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
  float: left;
  color: rgb(0, 0, 0);
  text-align: center;
  font-weight: 500;
}
.chat_bot .wrap > ul > li article div menu button + button {
  background-color: transparent;
  border: 2px solid rgb(230, 230, 230);
  color: rgb(255, 255, 255);
  margin: 0 0 0 8px;
}
.chat_bot .wrap > ul > li.left {
  float: left;
}
.chat_bot .wrap > ul > li.left-a {
  float: left;
}
.chat_bot .wrap > ul > li.left-a div div p {
  padding: 20px;
  line-height: 1.5;
  border-radius: 4px 12px 12px 12px;
  background-color: rgb(211, 77, 114);
  color: rgb(255, 255, 255);
}
.chat_bot .wrap > ul > li.right {
  float: right;
  text-align: right;
  border-radius: 12px 4px 12px 12px;
  margin-top: 15px;
}
.chat_bot .wrap > ul > li.right header h2 {
  float: right;
}
.chat_bot .wrap > ul > li.right div div p {
  color: rgb(255, 255, 255);
  border-radius: 12px 4px 12px 12px;
  background-color: rgb(255, 208, 0);
}
.chat_bot .wrap > ul > li + li {
  margin: 48px 0 0 0;
}
.chat_bot .wrap .form {
  border-top: 1px solid rgba(220, 220, 220, 0.25);
  background-color: rgb(0, 0, 0);
  padding: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.chat_bot .wrap .form p {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  float: left;
}
.chat_bot .wrap .form p input {
  display: block;
  height: 50px;
  width: 100%;
  font-size: 1rem;
  line-height: 1;
  padding: 0 16px;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 8px;
}
.chat_bot .wrap .form button {
  width: 90px;
  height: 50px;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  float: right;
  font-weight: 500;
}
.chat_bot.has_safe_zone .wrap > ul {
  padding-top: calc(20px + env(safe-area-inset-top));
  padding-bottom: 120px;
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-right: calc(20px + env(safe-area-inset-right));
}

.welcome_onboarding {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1000000000000;
  display: none;
}
.welcome_onboarding .panel {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 40px 20px 20px 20px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: center;
}
.welcome_onboarding .panel .actions {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  padding: 0;
  z-index: 5;
  height: 35px;
}
.welcome_onboarding .panel .actions button {
  display: block;
}
.welcome_onboarding .panel .actions button svg {
  width: 100%;
  color: rgb(255, 208, 0);
  pointer-events: none;
}
.welcome_onboarding .panel header {
  margin: 0 0 25px 0;
  position: relative;
  z-index: 1;
}
.welcome_onboarding .panel header h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 12px 0;
}
.welcome_onboarding .panel header p {
  line-height: 1.5;
}
.welcome_onboarding .panel header p svg {
  display: inline;
  width: 17px;
  margin: 0 0 0 4px;
  vertical-align: top;
}
.welcome_onboarding .panel header ul {
  list-style: none;
  margin: 20px 0 0 0;
  border-top: 1px solid rgb(220, 220, 220);
  border-bottom: 1px solid rgb(220, 220, 220);
}
.welcome_onboarding .panel header ul li {
  padding: 10px 0;
}
.welcome_onboarding .panel header ul li p {
  line-height: 1.25;
}
.welcome_onboarding .panel header ul li p span {
  font-weight: 700;
}
.welcome_onboarding .panel header ul li + li {
  border-top: 1px solid rgb(220, 220, 220);
}
.welcome_onboarding .panel figure {
  border-radius: 10px;
  overflow: hidden;
}
.welcome_onboarding .panel > button {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 208, 0);
  height: 50px;
  border-radius: 10px;
  margin: 20px 0 0 0;
  padding: 2px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.welcome_onboarding .panel > button:hover {
  background-color: rgb(255, 228, 0);
}
.welcome_onboarding.show {
  display: block;
}

header[role=banner] {
  background-color: rgb(0, 0, 0);
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: calc(20px + env(safe-area-inset-top));
}
header[role=banner] .wrap {
  margin: 0 20px;
}
header[role=banner] .wrap h2 {
  width: 80px;
  height: 35px;
  background-position: -1em -1em;
  text-indent: -1000px;
  overflow: hidden;
  float: left;
  position: relative;
}
header[role=banner] .wrap h2 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header[role=banner] .wrap .icon_menu {
  float: right;
  margin: 0 60px 0 0;
  padding: 4px 0 0 0;
}
header[role=banner] .wrap .icon_menu a {
  display: block;
  float: left;
}
header[role=banner] .wrap .icon_menu a.donate {
  width: 31px;
  height: 28px;
  background-position: -1em -25em;
  position: relative;
  margin-top: -6px;
  margin: -6px 7px 0 0;
}
header[role=banner] .wrap .icon_menu a.donate:after {
  content: "Donate";
  display: block;
  font-size: 0.625rem;
  line-height: 1;
  text-indent: 0;
  color: rgb(255, 208, 0);
  position: absolute;
  bottom: -15px;
  font-weight: 700;
  text-transform: uppercase;
  left: 50%;
  text-align: center;
  margin-left: -40px;
  width: 80px;
}
header[role=banner] .wrap .icon_menu a.donate.bulgarian:after {
  content: "Дарете";
}
header[role=banner] .wrap .icon_menu a.close {
  width: 120px;
  position: relative;
  height: 30px;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
  font-size: 1rem;
  line-height: 1;
  color: rgb(255, 208, 0);
  text-align: right;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
header[role=banner] .wrap .icon_menu a.chat {
  width: 28px;
  height: 28px;
  background-position: -4em -25em;
}
header[role=banner] .wrap .icon_menu a + a {
  margin: 0 0 0 20px;
}
header[role=banner] .wrap .icon_menu button {
  text-indent: -10000px;
  overflow: hidden;
  position: relative;
  float: left;
  width: 24px;
  height: 28px;
  background-position: -7em -25em;
  margin: 0 0 0 20px;
}
header[role=banner] .wrap .support {
  display: inline-block;
  border-radius: 6px;
  padding: 6px 7px 5px 7px;
  color: rgb(255, 208, 0);
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 0.625rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  margin: 6px 0 0 15px;
  border: 1px solid rgb(255, 208, 0);
}
header[role=banner] .wrap > button {
  float: right;
  font-weight: 500;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  padding: 9px 0 8px 0;
  height: 75px;
  width: 75px;
  position: absolute;
  bottom: 0;
  right: 0;
}
header[role=banner] .wrap > button span {
  display: block;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  pointer-events: none;
  background-color: rgb(255, 255, 255);
}
header[role=banner] .wrap > button span + span {
  margin: 9px auto 0 auto;
}
header[role=banner] .wrap > button:hover {
  color: rgba(255, 255, 255, 0.5);
}
header[role=banner] .wrap > button.notifications {
  background-image: url("../images/notifications.svg");
  background-size: 100% 100%;
}
header[role=banner] .wrap > button.notifications.active:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgb(255, 0, 0);
  position: absolute;
  top: 27px;
  right: 23px;
}
header[role=banner] .wrap > button + button {
  right: 0;
}
header[role=banner].player_header .wrap .icon_menu {
  margin: 0;
}
header[role=banner].center_align .wrap h2 {
  float: none;
  margin: 0 auto;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 100000000;
  padding: 20px 0 40px 0;
  display: none;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding-top: calc(20px + env(safe-area-inset-top));
  padding-bottom: 40px;
  padding-left: env(safe-area-inset-left);
  padding-right: 0;
}
.menu .wrap {
  margin: 0 20px;
}
.menu .wrap header {
  margin: 0 0 10px 0;
}
.menu .wrap header figure {
  width: 80px;
  float: left;
}
.menu .wrap header button {
  float: right;
  font-weight: 500;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  padding: 9px 0 8px 0;
}
.menu .wrap header button:hover {
  color: rgba(255, 255, 255, 0.5);
}
.menu .wrap > div {
  position: absolute;
  bottom: 30px;
  left: 20px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}
.menu .wrap ul {
  list-style: none;
}
.menu .wrap ul li {
  border-bottom: 2px solid rgb(255, 255, 255);
}
.menu .wrap ul li a {
  display: block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 20px 0 20px 0;
}
.menu .wrap ul li a h2 {
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.menu .wrap ul li + li {
  margin: 0;
}
.menu .wrap .language {
  padding: 25px 0 0 0;
}
.menu .wrap .language h3 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
  margin: 0 0 16px 0;
}
.menu .wrap .language select {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-appearance: none;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  padding: 0 15px;
  font-weight: 700;
  background-color: transparent;
}
.menu .wrap menu {
  margin: 40px 0 0 0;
}
.menu .wrap menu a {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-radius: 8px;
  line-height: 1;
  padding: 8px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.menu .wrap menu a + a {
  margin: 10px 0 0 0;
}
.menu .wrap menu div {
  margin: 40px 0 0 0;
}
.menu .wrap menu div a {
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  float: left;
}
.menu .wrap menu div a + a {
  margin: 0 0 0 10px;
}
.menu .wrap > a {
  display: block;
  width: 100%;
  height: 60px;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
  padding: 22px 0 0 0;
  margin: 40px 0 0 0;
}
.menu .wrap > a + a {
  margin-left: 20px;
}

.admin_dashboard .wrap {
  margin: 0 20px;
}
.admin_dashboard .wrap > section {
  padding: 30px 0;
}
.admin_dashboard .wrap > section header {
  margin: 0 0 30px 0;
}
.admin_dashboard .wrap > section header h2 {
  color: rgb(255, 255, 255);
  line-break: 1;
  font-weight: 700;
  font-size: 1.5rem;
}
.admin_dashboard .wrap > section header p {
  font-size: 1rem;
  line-break: 1;
  color: rgba(255, 255, 255, 0.5);
  margin: 12px 0 0 0;
}
.admin_dashboard .wrap > section ul {
  list-style: none;
}
.admin_dashboard .wrap > section ul li article {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px;
  color: rgb(255, 255, 255);
  line-break: 1;
  font-weight: 700;
}
.admin_dashboard .wrap > section ul li article h3 {
  margin: 0 0 20px 0;
}
.admin_dashboard .wrap > section ul li article p {
  font-size: 2.5rem;
  font-weight: 500;
}
.admin_dashboard .wrap > section ul li > p {
  color: rgb(255, 255, 255);
  line-break: 1;
  font-weight: 500;
  padding: 20px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.admin_dashboard .wrap > section ul li > p span {
  display: block;
  float: left;
}
.admin_dashboard .wrap > section ul li > p span + span {
  float: right;
}
.admin_dashboard .wrap > section ul li + li {
  margin: 20px 0 0 0;
}
.admin_dashboard .wrap > section .graph {
  padding: 30px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.notification_feed {
  position: fixed;
  top: calc(75px + env(safe-area-inset-top));
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  height: -webkit-calc(100% - (75px + env(safe-area-inset-top)));
  height: calc(100% - (75px + env(safe-area-inset-top)));
  background-color: rgb(0, 0, 0);
  z-index: 1000000;
  padding: 20px;
  display: none;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.notification_feed ul li article {
  color: rgb(255, 255, 255);
}
.notification_feed ul li article a {
  display: block;
  text-decoration: none;
}
.notification_feed ul li article a header h3 {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0 0 8px 0;
}
.notification_feed ul li article a header p {
  line-height: 1.5;
}
.notification_feed ul li article a header span {
  display: block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  margin: 24px 0 0 0;
  color: rgba(255, 255, 255, 0.5);
}
.notification_feed ul li + li {
  margin: 24px 0 0 0;
  padding: 24px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.notification_feed.show {
  display: block;
}

.login_screen {
  padding: 0 0 20px 0;
  background-image: url("../images/iBIBLE_Ch01_Spr06_first.jpg");
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
  background-repeat: no-repeat;
  padding-top: calc(80px + env(safe-area-inset-top));
  background-position: center center;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.login_screen .wrap {
  position: relative;
  padding: 25px 0 0 0;
  max-width: 600px;
  margin: 0 auto;
}
.login_screen .wrap figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.login_screen .wrap .login_highlight {
  display: block;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  position: relative;
  z-index: 10;
  width: 90%;
  padding: 10px;
  max-width: 500px;
  margin: 0 auto 10px auto;
  overflow: hidden;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 700;
}
.login_screen .wrap .login_highlight span {
  display: block;
  width: 100%;
  text-decoration: none;
  height: 40px;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 5px;
  line-height: 1;
  text-align: center;
  padding: 11px 0 0 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
}
.login_screen .wrap .login_highlight span em {
  font-style: normal;
  text-decoration: underline;
}
.login_screen .wrap .login_highlight.yellow span {
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  border: 0;
  padding: 13px 0 0 0;
}
.login_screen .wrap .trouble_btn {
  display: block;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  position: relative;
  z-index: 10;
  width: 90%;
  padding: 20px;
  max-width: 500px;
  margin: 10px auto 0 auto;
  overflow: hidden;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 700;
}
.login_screen .wrap .trouble_btn span {
  font-style: normal;
  text-decoration: underline;
}
.login_screen .wrap section {
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 25px 20px;
  position: relative;
  z-index: 10;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  display: none;
  overflow: hidden;
}
.login_screen .wrap section:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background-image: url("../images/loading.gif");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 100000;
  width: 100%;
  text-align: center;
  line-height: 1;
  color: rgb(0, 0, 0);
  display: none;
}
.login_screen .wrap section > p {
  margin: 0 0 20px 0;
}
.login_screen .wrap section > p > a {
  display: block;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  color: rgb(200, 200, 200);
}
.login_screen .wrap section header {
  text-align: center;
  margin: 0 0 20px 0;
}
.login_screen .wrap section header h2 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}
.login_screen .wrap section header p {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  margin: 8px 0 0 0;
  color: rgb(80, 80, 80);
}
.login_screen .wrap section .error {
  display: block;
  width: 100%;
  border: 1px solid rgb(255, 0, 0);
  border-radius: 10px;
  padding: 8px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.25;
  color: rgb(255, 0, 0);
  background-color: rgba(255, 0, 0, 0.125);
  margin: 0 0 20px 0;
}
.login_screen .wrap section .success {
  display: block;
  width: 100%;
  border: 1px solid rgb(255, 208, 0);
  border-radius: 10px;
  padding: 8px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.25;
  color: rgb(22, 22, 22);
  background-color: rgba(255, 208, 0, 0.125);
  margin: 0 0 20px 0;
}
.login_screen .wrap section form .toggle {
  margin: 20px 0 0 0;
  border: 1px solid rgb(160, 160, 160);
  border-radius: 10px;
  overflow: hidden;
}
.login_screen .wrap section form .toggle h3 {
  clear: both;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 0 10px 0;
}
.login_screen .wrap section form .toggle > div button {
  width: 50%;
  float: left;
  margin: 0;
  border-radius: 0;
  height: 40px;
  font-size: 0.875rem;
  line-height: 1;
  background-color: transparent;
  border-bottom: 1px solid rgb(180, 180, 180);
  position: relative;
}
.login_screen .wrap section form .toggle > div button.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: rgb(255, 208, 0);
  position: absolute;
  bottom: 0;
  left: 0;
}
.login_screen .wrap section form .toggle > div button + button {
  border-radius: 0;
  border-left: 1px solid rgb(180, 180, 180);
}
.login_screen .wrap section form .toggle > div .button_input button {
  width: 100%;
  float: none;
  margin: 0;
  border-radius: 0;
  height: 40px;
  font-size: 0.875rem;
  line-height: 1;
  text-align: left;
  padding: 0 16px;
  background-color: transparent;
  border-bottom: 1px solid rgb(180, 180, 180);
  position: relative;
}
.login_screen .wrap section form .toggle > div .button_input button:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: 1px solid rgb(150, 150, 150);
  border-right: 1px solid rgb(150, 150, 150);
  border-radius: 0 4px 0 0;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.login_screen .wrap section form .toggle > div p input {
  border-radius: 0;
  border: 0;
}
.login_screen .wrap section form .toggle > div p.with_code span {
  display: block;
  width: 72px;
  float: left;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  padding: 12px 0 0 16px;
}
.login_screen .wrap section form .toggle > div p.with_code input {
  width: -webkit-calc(100% - 73px);
  width: calc(100% - 73px);
  float: left;
  padding-left: 0;
}
.login_screen .wrap section form .toggle > div p + p {
  margin: 0;
  border-top: 1px solid rgb(160, 160, 160);
}
.login_screen .wrap section form .toggle > div + div {
  margin-top: 0;
}
.login_screen .wrap section form .input.top_margin {
  margin: 22px 0 0 0;
}
.login_screen .wrap section form .input label {
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 12px 0;
}
.login_screen .wrap section form .input .row div {
  position: relative;
  width: 30px;
  height: 30px;
  float: left;
}
.login_screen .wrap section form .input .row div input {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgb(160, 160, 160);
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  margin: 0;
}
.login_screen .wrap section form .input .row div input:checked + span {
  background-color: rgb(255, 208, 0);
}
.login_screen .wrap section form .input .row div span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
  pointer-events: none;
  position: absolute;
  top: 5px;
  left: 5px;
}
.login_screen .wrap section form .input .row p {
  float: left;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0 0 0 5px;
  padding: 8px 0 0 0;
}
.login_screen .wrap section form .input .row + .row {
  margin: 5px 0 20px 0;
}
.login_screen .wrap section form p > a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
  margin: 20px 0 0 0;
}
.login_screen .wrap section form p > div {
  width: 100%;
}
.login_screen .wrap section form p label {
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 8px 0;
}
.login_screen .wrap section form p select {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgb(160, 160, 160);
  font-size: 1rem;
  line-height: 1;
  padding: 0 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-appearance: none;
}
.login_screen .wrap section form p textarea {
  display: block;
  width: 100%;
  min-height: 140px;
  border-radius: 10px;
  border: 1px solid rgb(160, 160, 160);
  font-size: 1rem;
  line-height: 1;
  padding: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-appearance: none;
}
.login_screen .wrap section form p input {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgb(160, 160, 160);
  font-size: 1rem;
  line-height: 1;
  padding: 0 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.login_screen .wrap section form p input:hover {
  border-color: rgb(200, 200, 200);
}
.login_screen .wrap section form p input:focus {
  border-color: rgb(255, 208, 0);
}
.login_screen .wrap section form p.has_eye {
  position: relative;
}
.login_screen .wrap section form p.has_eye button {
  display: block;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  height: auto;
  border: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login_screen .wrap section form p.space_top {
  margin-top: 20px;
}
.login_screen .wrap section form p + p {
  margin: 10px 0 0 0;
}
.login_screen .wrap section form p + button {
  margin-top: 20px;
}
.login_screen .wrap section form button {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 208, 0);
  height: 40px;
  border-radius: 8px;
  margin: 20px 0 0 0;
  padding: 2px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.login_screen .wrap section form button:hover {
  background-color: rgb(255, 228, 0);
}
.login_screen .wrap section form button.outline {
  border: 1px solid rgb(170, 170, 170);
  color: rgb(170, 170, 170);
  background-color: transparent;
  margin: 20px 0 0 0;
}
.login_screen .wrap section form button + button {
  margin-top: 5px;
}
.login_screen .wrap section form.quad {
  margin: 0 -10px;
}
.login_screen .wrap section form.quad button {
  width: -webkit-calc(50% - 3px);
  width: calc(50% - 3px);
  float: left;
}
.login_screen .wrap section form.quad button + button {
  margin: 0 0 0 6px;
}
.login_screen .wrap section form.quad button:nth-child(2n+1) {
  clear: left;
  margin: 0;
}
.login_screen .wrap section form.quad button:nth-child(2) ~ button {
  margin-top: 6px;
}
.login_screen .wrap section .login_again {
  display: block;
  width: 100%;
  text-decoration: none;
  height: 40px;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 8px;
  line-height: 1;
  text-align: center;
  padding: 11px 0 0 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
  margin: 10px 0 0 0;
}
.login_screen .wrap section .login_again em {
  font-style: normal;
  text-decoration: underline;
}
.login_screen .wrap section .select_list_overlay {
  position: absolute;
  display: block;
  max-width: none;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
}
.login_screen .wrap section .select_list_overlay header {
  border-bottom: 1px solid rgb(220, 220, 220);
  padding: 15px 20px;
  background-color: rgb(242, 242, 242);
  margin: 0;
}
.login_screen .wrap section .select_list_overlay header h2 {
  font-size: 1rem;
}
.login_screen .wrap section .select_list_overlay header input {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(222, 222, 222);
  border-radius: 8px;
  border: 0;
  padding: 0 10px;
  font-size: 1rem;
  line-height: 1;
}
.login_screen .wrap section .select_list_overlay ul {
  position: absolute;
  top: 85px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 85px);
  height: calc(100% - 85px);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.login_screen .wrap section .select_list_overlay ul::-webkit-scrollbar {
  display: none;
}
.login_screen .wrap section .select_list_overlay ul li {
  padding: 0 0 0 20px;
}
.login_screen .wrap section .select_list_overlay ul li button {
  display: block;
  width: 100%;
  line-height: 1;
  height: 50px;
  padding: 0 20px 0 0;
}
.login_screen .wrap section .select_list_overlay ul li button span {
  display: block;
  float: left;
  font-size: 1rem;
  color: rgb(0, 0, 0);
  line-height: 1;
  padding: 17px 0 0 0;
}
.login_screen .wrap section .select_list_overlay ul li button span + span {
  float: right;
}
.login_screen .wrap section .select_list_overlay ul li.has_space {
  margin-top: 20px;
}
.login_screen .wrap section .select_list_overlay ul li + li button {
  border-top: 1px solid rgb(220, 220, 220);
}
.login_screen .wrap section .select_list_overlay.show {
  display: block;
}
.login_screen .wrap section.show {
  display: block;
}
.login_screen .wrap footer {
  margin: 10px 20px 0 20px;
  color: rgb(255, 255, 255);
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
}
.login_screen .wrap footer h3 {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}
.login_screen .wrap footer p {
  font-weight: 700;
  color: rgb(255, 255, 255);
  background-color: rgb(200, 200, 200);
  border-radius: 8px;
  padding: 0 20px;
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
}
.login_screen .wrap footer p a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.login_screen .wrap footer div {
  display: none;
}
.login_screen .wrap footer div + div {
  margin-top: 10px;
  padding-top: 10px;
}
.login_screen .wrap footer div + div:before {
  content: "";
  display: block;
  width: 80%;
  margin: 0 auto 15px auto;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}
.login_screen .wrap footer div.show {
  display: block;
}
.login_screen .wrap footer div.hide + div:before {
  display: none;
}
.login_screen.loading .wrap section:before {
  display: block;
}
.login_screen.loading .wrap section header {
  opacity: 0;
  pointer-events: none;
}
.login_screen.loading .wrap section form {
  opacity: 0;
  pointer-events: none;
}

.landing_page {
  padding: 0 0 50px 0;
}
.landing_page.has_additional_space {
  padding-top: 50px;
}
.landing_page .lp_hero {
  background-color: rgb(255, 255, 255);
}
.landing_page .lp_hero .swiper .swiper-wrapper {
  list-style: none;
}
.landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide {
  background-size: cover;
  height: 225px;
  padding: 30px;
  position: relative;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  position: relative;
}
.landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide h6 {
  background-color: rgb(255, 192, 0);
  display: inline-block;
  border-radius: 6px;
  padding: 6px 10px 5px 10px;
  font-size: 0.6875rem;
  line-height: 1;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide h2 {
  font-weight: 700;
  color: rgb(255, 255, 255);
  letter-spacing: -1px;
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.landing_page .lp_hero .swiper .swiper-wrapper .swiper-slide p {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
}
.landing_page .lp_hero .callout {
  background-size: cover;
  height: 225px;
  padding: 30px;
  position: relative;
  width: 100%;
  position: relative;
}
.landing_page .lp_hero .callout:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.landing_page .lp_hero .callout a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  text-decoration: none;
}
.landing_page .lp_hero .callout h6 {
  background-color: transparent;
  border: 1px solid rgb(255, 192, 0);
  display: inline-block;
  border-radius: 12px;
  padding: 5px 8px 4px 8px;
  font-size: 0.6875rem;
  line-height: 1;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.landing_page .lp_hero .callout h2 {
  font-weight: 700;
  color: rgb(255, 255, 255);
  letter-spacing: -1px;
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.landing_page .lp_hero .callout h1 {
  font-size: 2rem;
  width: 280px;
  line-height: 1;
  font-weight: 700;
  color: rgb(255, 255, 255);
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.landing_page .lp_hero .callout p {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
  margin: 0 0 0 20px;
  height: 30px;
  border-radius: 0 15px 15px 0;
  padding: 9px 15px 5px 22px;
}
.landing_page .lp_hero .callout p:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(255, 208, 0);
  z-index: 5;
  position: absolute;
  top: 50%;
  left: -15px;
  border-radius: 50%;
  margin-top: -15px;
  background-position: -10em -4em;
}
.landing_page .lp_browser {
  padding: 0 0 50px 30px;
  overflow: hidden;
}
.landing_page .lp_browser header {
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 40px 0 20px 0;
}
.landing_page .lp_browser header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
}
.landing_page .lp_browser menu {
  border-bottom: 1px solid rgb(48, 48, 48);
}
.landing_page .lp_browser menu button {
  color: rgb(255, 255, 255);
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  padding: 40px 20px 20px 0;
  color: rgb(120, 120, 120);
}
.landing_page .lp_browser menu button.active {
  color: rgb(255, 255, 255);
  position: relative;
}
.landing_page .lp_browser menu button.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 1px;
  border-bottom: 1px solid rgb(255, 192, 0);
}
.landing_page .lp_browser .lp_browser_sections .swiper {
  list-style: none;
}
.landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper {
  list-style: none;
}
.landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper .swiper-slide {
  display: inline-block;
  width: auto;
  padding: 20px 20px 25px 0;
}
.landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper .swiper-slide button {
  display: block;
  width: 100%;
  text-align: left;
}
.landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper .swiper-slide h2 {
  font-weight: 700;
  font-size: 2.8125rem;
  text-transform: uppercase;
  color: rgb(70, 70, 70);
  pointer-events: none;
}
.landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper .swiper-slide.swiper-slide-active h2 {
  color: rgb(255, 255, 255);
}
.landing_page .lp_browser .episode_slider .swiper {
  overflow: visible;
}
.landing_page .lp_browser .episode_slider .swiper .swiper-wrapper .swiper-slide {
  width: 90%;
}
.landing_page .lp_browser .lp_episode_browser {
  padding: 0 0 50px 0;
  display: none;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper {
  list-style: none;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide {
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.6;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover {
  position: relative;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover figure {
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
  position: relative;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover figure:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover > div {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: rgb(255, 255, 255);
  z-index: 2;
  opacity: 0;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover > div h3 {
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 6px 0;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .cover > div p {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  color: rgb(255, 192, 0);
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .play_now {
  margin: 10px 0 0 0;
  opacity: 0;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide .play_now button {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .cover > div {
  opacity: 1;
}
.landing_page .lp_browser .lp_episode_browser .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .play_now {
  opacity: 1;
}
.landing_page .lp_browser .lp_episode_browser.show {
  display: block;
}
.landing_page .lp_browser .special_features .wrap {
  margin: 0 30px 0 0;
}
.landing_page .lp_browser .special_features .wrap header {
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.landing_page .lp_browser .special_features .wrap header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
}
.landing_page .lp_browser .special_features .wrap figure {
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
  position: relative;
}
.landing_page .lp_browser .special_features .wrap figure p {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  color: rgb(255, 192, 0);
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.landing_page .lp_browser .special_features .wrap figure a {
  display: block;
  text-decoration: none;
}
.landing_page .lp_browser .special_features .wrap figure a * {
  pointer-events: none;
}
.landing_page .lp_browser .special_features .wrap figure a span {
  display: block;
  width: 40px;
  height: 40px;
  background-position: -5em -8em;
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.landing_page .lp_browser .special_features .wrap figure a h5 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
  margin: 0 0 0 20px;
  height: 30px;
  border-radius: 0 15px 15px 0;
  padding: 9px 15px 5px 22px;
}
.landing_page .lp_browser .special_features .wrap figure a h5:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(255, 208, 0);
  z-index: 5;
  position: absolute;
  top: 50%;
  left: -15px;
  border-radius: 50%;
  margin-top: -15px;
  background-position: -10em -4em;
}
.landing_page .lp_browser .special_features .wrap .actions {
  margin: 15px 0 0 0;
}
.landing_page .lp_browser .special_features .wrap .actions button {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.landing_page .lp_browser .special_features .wrap .actions button span {
  font-style: italic;
  font-weight: 400;
}
.landing_page .lp_browser .special_features .wrap .actions button:nth-child(1) {
  margin-bottom: 15px;
}
.landing_page .lp_browser .special_features .wrap .actions button:nth-child(1) ~ button {
  margin-top: 5px;
  background-color: rgb(33, 33, 33);
  border: 0;
  color: rgb(255, 255, 255);
  text-transform: capitalize;
}
.landing_page .lp_browser .special_features + .special_features {
  margin-top: 40px;
}
.landing_page .lp_impact .wrap {
  margin: 0 30px;
}
.landing_page .lp_impact .wrap header {
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.landing_page .lp_impact .wrap header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
}
.landing_page .lp_impact .wrap > h2 {
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 2.875rem;
  font-weight: 700;
  letter-spacing: -1px;
}
.landing_page .lp_impact .wrap ul {
  list-style: none;
  margin: 30px 0 0 0;
}
.landing_page .lp_impact .wrap ul li {
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
}
.landing_page .lp_impact .wrap ul li h4 {
  color: rgb(91, 91, 91);
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(91, 91, 91);
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
}
.landing_page .lp_impact .wrap ul li p {
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
  line-height: 1;
}
.landing_page .lp_impact .wrap ul li + li {
  margin: 0 0 0 10px;
}
.landing_page .lp_impact .wrap ul.hide {
  display: none;
}
.landing_page .lp_impact .wrap ul.ibible_stats li {
  background-color: rgb(33, 33, 33);
  padding: 20px;
  width: 100%;
  border-radius: 20px;
}
.landing_page .lp_impact .wrap ul.ibible_stats li h4 {
  font-size: 2.1875rem;
  line-height: 1;
  color: rgb(255, 192, 0);
  border: 0;
  margin: 0;
}
.landing_page .lp_impact .wrap ul.ibible_stats li p {
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.landing_page .lp_impact .wrap ul.ibible_stats li + li {
  margin: 10px 0 0 0;
}
.landing_page .lp_impact .wrap ul.ibible_stats li.wide {
  width: 100%;
  margin: 0;
  background-color: transparent;
  border: 2px solid rgb(255, 192, 0);
  padding: 17px 20px 20px 20px;
  text-align: left;
  margin: 10px 0 0 0;
}
.landing_page .lp_impact .wrap ul.ibible_stats li.wide h4 {
  display: block;
}
.landing_page .lp_impact .wrap ul.ibible_stats li.wide p {
  display: inline-block;
  margin: 0 0 0 0;
}
.landing_page .lp_impact .wrap .actions {
  margin: 35px 0 0 0;
}
.landing_page .lp_impact .wrap .actions button {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.landing_page .lp_impact .wrap .actions button + button {
  margin-top: 5px;
  border: 0;
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0);
  text-transform: capitalize;
}
.landing_page .lp_impact + .lp_impact {
  margin: 50px 0 0 0;
}
.landing_page .chatbot_holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgb(0, 0, 0);
  display: none;
  padding-top: calc(20px + env(safe-area-inset-top));
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-right: calc(20px + env(safe-area-inset-right));
}
.landing_page .chatbot_holder > header {
  border-bottom: 1px solid rgb(255, 208, 0);
}
.landing_page .chatbot_holder > header button {
  text-align: right;
  display: block;
  width: 100%;
  padding: 1px 0 17px 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.landing_page .chatbot_holder div {
  display: block;
  width: 100%;
  height: -webkit-calc(100vh - 97px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  height: calc(100vh - 97px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin: 20px 0;
  border: 1px solid rgb(100, 100, 100);
  position: relative;
}
.landing_page .chatbot_holder div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.landing_page .chatbot_holder.show {
  display: block;
}
.landing_page.no_btm_padding {
  padding-bottom: 0;
}
.landing_page.no_btm_padding .lp_browser .lp_episode_browser {
  padding: 0;
}

.home_feed {
  background-color: rgb(255, 255, 255);
}
.home_feed .module .wrap {
  margin: 0 20px;
}
.home_feed .module.chat {
  background-color: rgb(0, 0, 0);
  padding: 40px 0;
}
.home_feed .module.chat a {
  display: block;
  text-decoration: none;
  margin: 0 20px;
  border: 2px solid rgb(255, 208, 0);
  border-radius: 20px;
  padding: 40px 20px;
}
.home_feed .module.chat a header img {
  display: block;
  width: 90px;
  margin: 0 auto;
}
.home_feed .module.chat a header h2 {
  font-size: 1.5rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 700;
  margin: 16px 0 8px 0;
}
.home_feed .module.chat a header p {
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  line-height: 1.5;
  width: 90%;
  font-weight: 500;
  max-width: 350px;
  margin: 0 auto;
}
.home_feed .module.chat a header span {
  display: block;
  width: 220px;
  height: 50px;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  font-size: 1rem;
  padding: 17px 0 0 0;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  margin: 20px auto 0 auto;
}
.home_feed .module.chat a header span.black {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.home_feed .module.quiz {
  padding: 40px 0;
  background-color: rgb(255, 255, 255);
}
.home_feed .module.quiz a {
  display: block;
  text-decoration: none;
  border: 2px solid rgb(255, 208, 0);
  border-radius: 20px;
  padding: 40px 20px;
}
.home_feed .module.quiz a header {
  text-align: center;
}
.home_feed .module.quiz a header figure {
  margin: 0 auto 24px auto;
  width: 200px;
  border-radius: 8px;
  border: 2px solid rgb(0, 0, 0);
}
.home_feed .module.quiz a header h3 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.home_feed .module.quiz a header h2 {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 8px 0;
}
.home_feed .module.quiz a header p {
  line-height: 1.5;
}
.home_feed .module.quiz a header span {
  display: block;
  width: 220px;
  height: 50px;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  font-size: 1rem;
  padding: 17px 0 0 0;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  margin: 20px auto 0 auto;
}
.home_feed .module.quiz a header span.black {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.home_feed .module.share {
  background-color: rgb(255, 208, 0);
  padding: 40px 0;
}
.home_feed .module.share .wrap header figure {
  width: 175px;
  margin: 0 auto 20px auto;
}
.home_feed .module.share .wrap header p {
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.25;
  font-weight: 500;
}
.home_feed .module.share .wrap menu {
  margin: 25px 0 0 0;
}
.home_feed .module.share .wrap menu button {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  font-size: 1.125rem;
  line-height: 1;
  text-align: center;
  font-weight: 500;
}
.home_feed .module.share .wrap menu button.black {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.home_feed .module.share .wrap menu button + button {
  margin: 10px 0 0 0;
}
.home_feed .module.share .share_panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: rgb(242, 242, 242);
  padding: 40px 20px;
  display: none;
  z-index: 100000;
  padding-top: calc(40px + env(safe-area-inset-top));
  padding-bottom: calc(40px + env(safe-area-inset-bottom));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-right: calc(20px + env(safe-area-inset-right));
}
.home_feed .module.share .share_panel header {
  margin: 0 0 20px 0;
  position: relative;
}
.home_feed .module.share .share_panel header h2 {
  text-align: center;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.125;
  text-transform: uppercase;
}
.home_feed .module.share .share_panel header button {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px 0 0 0;
}
.home_feed .module.share .share_panel .options {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(220, 220, 220);
  margin: 20px 0 0 0;
  padding: 20px;
}
.home_feed .module.share .share_panel .options h3 {
  text-align: left;
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0 0 12px 0;
  line-height: 1.125;
}
.home_feed .module.share .share_panel .options img {
  display: block;
  width: 100%;
  height: auto;
}
.home_feed .module.share .share_panel .options form p {
  width: -webkit-calc(100% - 95px);
  width: calc(100% - 95px);
  float: left;
}
.home_feed .module.share .share_panel .options form p input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid rgb(220, 220, 220);
  background-color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 1;
  border-radius: 8px;
}
.home_feed .module.share .share_panel .options form button {
  width: 85px;
  height: 50px;
  background-color: rgb(255, 204, 0);
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  border-radius: 8px;
  float: right;
}
.home_feed .module.share .share_panel .options menu button {
  width: 100%;
  height: 50px;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
}
.home_feed .module.share .share_panel .options menu button + button {
  margin: 10px 0 0 0;
}
.home_feed .module.share .share_panel.show {
  display: block;
}
.home_feed .module.share .impact {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: rgb(0, 0, 0);
  padding: 40px 20px;
  display: none;
  z-index: 100000;
  padding-top: calc(40px + env(safe-area-inset-top));
  padding-bottom: calc(40px + env(safe-area-inset-bottom));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-right: calc(20px + env(safe-area-inset-right));
}
.home_feed .module.share .impact header {
  color: rgb(255, 255, 255);
  margin: 0 0 20px 0;
}
.home_feed .module.share .impact header h2 {
  text-align: center;
  color: rgb(255, 204, 0);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.125;
  text-transform: uppercase;
}
.home_feed .module.share .impact ul {
  list-style: none;
}
.home_feed .module.share .impact ul li {
  border-radius: 10px;
  border: 2px solid rgb(255, 255, 255);
  padding: 20px;
  text-align: center;
  font-weight: 500;
}
.home_feed .module.share .impact ul li h3 {
  font-size: 2rem;
  line-height: 1;
  color: rgb(255, 255, 255);
}
.home_feed .module.share .impact ul li p {
  color: rgb(255, 204, 0);
  margin: 8px 0 0 0;
}
.home_feed .module.share .impact ul li + li {
  margin: 20px 0 0 0;
}
.home_feed .module.share .impact button {
  display: block;
  width: 100%;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  margin: 30px 0 0 0;
  text-transform: uppercase;
}
.home_feed .module.share .impact.show {
  display: block;
}
.home_feed .module.player_reminder {
  background-color: rgb(100, 100, 100);
  background-size: cover;
  background-position: center center;
  position: relative;
}
.home_feed .module.player_reminder:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.home_feed .module.player_reminder .wrap {
  position: relative;
  z-index: 10;
}
.home_feed .module.player_reminder .wrap a {
  display: block;
  text-decoration: none;
  padding: 40px 0;
}
.home_feed .module.player_reminder .wrap a header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.home_feed .module.player_reminder .wrap a header h3 {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1;
  margin: 8px 0 0 0;
}
.home_feed .module.player_reminder .wrap a header h4 {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  color: rgb(255, 208, 0);
  margin: 20px 0 0 0;
}
.home_feed .module.player_reminder .wrap a header span {
  display: block;
  width: 40px;
  height: 40px;
  background-position: -1em -5em;
  margin: 30px 0 0 0;
}
.home_feed .module.player_reminder .wrap a:hover header span {
  background-position: -5em -5em;
}
.home_feed .module.content_modules {
  background-color: rgb(235, 235, 235);
  padding: 35px 0 40px 0;
}
.home_feed .module.content_modules .wrap {
  margin: 0;
}
.home_feed .module.content_modules .wrap > header {
  margin: 0 20px 25px 20px;
}
.home_feed .module.content_modules .wrap > header h2 {
  font-weight: 700;
}
.home_feed .module.content_modules .wrap ul {
  list-style: none;
}
.home_feed .module.content_modules .wrap ul li {
  width: 180px;
}
.home_feed .module.content_modules .wrap ul li article {
  background-color: rgb(255, 208, 0);
  border-radius: 10px;
}
.home_feed .module.content_modules .wrap ul li article a {
  display: block;
  padding: 25px 25px 27px 25px;
  text-decoration: none;
}
.home_feed .module.content_modules .wrap ul li article a h3 {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 500;
}
.home_feed .module.content_modules .wrap ul li article a p {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 6px 0 0 0;
}
.home_feed .module.content_modules .wrap ul li article a span {
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -10000px;
  overflow: hidden;
  background-position: -1em -8em;
  margin: 75px 0 0 0;
}

.overlay_video_player {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(22, 22, 22);
  z-index: 10000;
  padding-top: calc(env(safe-area-inset-top));
}
.overlay_video_player .wrap video {
  width: 100%;
  height: auto;
}
.overlay_video_player .wrap menu {
  margin: 20px 20px 0 20px;
}
.overlay_video_player .wrap menu button {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.overlay_video_player .wrap menu button span {
  font-style: italic;
  font-weight: 400;
}
.overlay_video_player .wrap menu button:nth-child(1) {
  margin-bottom: 15px;
}
.overlay_video_player .wrap menu button:nth-child(1) ~ button {
  margin-top: 5px;
  background-color: rgb(33, 33, 33);
  color: rgb(255, 255, 255);
  text-transform: capitalize;
}

.new_video_player {
  background-color: rgb(0, 0, 0);
  z-index: 10000;
  padding: 0 0 40px 0;
}
.new_video_player .wrap .video-js {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  min-height: -webkit-calc(100vw / 1.777);
  min-height: 56.2746201463vw;
}
.new_video_player .wrap .video-js video {
  width: 100%;
  height: auto;
  min-height: -webkit-calc(100vw / 1.777);
  min-height: 56.2746201463vw;
  position: relative;
}
.new_video_player .wrap .video-js .vjs-poster {
  width: 100%;
  height: auto;
  min-height: -webkit-calc(100vw / 1.777);
  min-height: 56.2746201463vw;
}
.new_video_player .wrap header {
  color: rgb(255, 255, 255);
  line-height: 1.5;
  margin: 20px 20px 0 20px;
}
.new_video_player .wrap header h1 {
  font-weight: 700;
  color: rgb(255, 255, 255);
  letter-spacing: -1px;
  font-size: 2rem;
  text-transform: uppercase;
  margin: 0 0 4px 0;
}
.new_video_player .wrap header p {
  font-weight: 700;
}
.new_video_player .wrap menu {
  margin: 22px 20px 0 20px;
}
.new_video_player .wrap menu button, .new_video_player .wrap menu a {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.new_video_player .wrap menu button span, .new_video_player .wrap menu a span {
  font-style: italic;
  font-weight: 400;
}
.new_video_player .wrap menu button.solid, .new_video_player .wrap menu a.solid {
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  padding: 9px 0 0 0;
  text-transform: uppercase;
  background-color: rgb(33, 33, 33);
  color: rgb(255, 255, 255);
}
.new_video_player .wrap menu button.white, .new_video_player .wrap menu a.white {
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  padding: 8px 0 0 0;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  background-color: transparent;
}
.new_video_player .wrap .views {
  margin: 31px 20px 0 20px;
}
.new_video_player .wrap .views header {
  border-top: 1px solid rgb(255, 192, 0);
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 15px 0;
  margin: 0 0 12px 0;
}
.new_video_player .wrap .views header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
}
.new_video_player .wrap .views .ibible_stats {
  list-style: none;
}
.new_video_player .wrap .views .ibible_stats li {
  background-color: rgb(33, 33, 33);
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  padding: 20px;
  border-radius: 20px;
  float: left;
}
.new_video_player .wrap .views .ibible_stats li h4 {
  font-size: 2.1875rem;
  line-height: 1;
  color: rgb(255, 192, 0);
  border: 0;
  margin: 0 0 6px 0;
}
.new_video_player .wrap .views .ibible_stats li p {
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: rgb(255, 255, 255);
}
.new_video_player .wrap .views .ibible_stats li + li {
  margin: 0 0 0 10px;
}
.new_video_player .wrap .views .ibible_stats li.wide {
  width: 100%;
  margin: 0;
  background-color: transparent;
  border: 2px solid rgb(255, 192, 0);
  padding: 15px 20px;
  vertical-align: middle;
  text-align: center;
  margin: 10px 0 0 0;
}
.new_video_player .wrap .views .ibible_stats li.wide h4 {
  display: inline-block;
  vertical-align: middle;
}
.new_video_player .wrap .views .ibible_stats li.wide p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.new_video_player .wrap .comments {
  margin: 31px 20px 0 20px;
}
.new_video_player .wrap .comments header {
  border-top: 1px solid rgb(255, 192, 0);
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 15px 0;
  margin: 0 0 12px 0;
}
.new_video_player .wrap .comments header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
}
.new_video_player .wrap .comments form p textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  color: rgb(255, 255, 255);
  background-color: rgb(33, 33, 33);
  padding: 20px;
  border: 0;
  border-radius: 20px;
  font-size: 1rem;
}
.new_video_player .wrap .comments form p textarea:placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.new_video_player .wrap .comments form button {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  margin: 10px 0 0 0;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}

.ibible_module {
  background-color: rgb(255, 255, 255);
}
.ibible_module .chatbot_holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgb(0, 0, 0);
  display: none;
  padding-top: calc(20px + env(safe-area-inset-top));
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-right: calc(20px + env(safe-area-inset-right));
}
.ibible_module .chatbot_holder > header {
  border-bottom: 1px solid rgb(255, 208, 0);
}
.ibible_module .chatbot_holder > header button {
  text-align: right;
  display: block;
  width: 100%;
  padding: 1px 0 17px 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.ibible_module .chatbot_holder div {
  display: block;
  width: 100%;
  height: -webkit-calc(100vh - 97px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  height: calc(100vh - 97px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin: 20px 0;
  border: 1px solid rgb(100, 100, 100);
  position: relative;
}
.ibible_module .chatbot_holder div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ibible_module .chatbot_holder.show {
  display: block;
}
.ibible_module > header {
  padding: 20px 0 25px 0;
  position: relative;
}
.ibible_module > header .wrap {
  margin: 0 20px;
}
.ibible_module > header .wrap h2 {
  font-size: 2.875rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -1px;
  width: -webkit-calc(100% - 65px);
  width: calc(100% - 65px);
  float: left;
}
.ibible_module > header .wrap menu {
  width: 70px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.ibible_module > header .wrap menu button {
  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: left;
  text-align: center;
  border: 1px solid rgb(0, 0, 0);
  background-image: none;
}
.ibible_module > header .wrap menu button:before {
  content: "<";
  text-align: center;
  display: block;
  font-weight: 700;
}
.ibible_module > header .wrap menu button + button {
  margin-left: 5px;
}
.ibible_module > header .wrap menu button + button:before {
  content: ">";
  display: block;
}
.ibible_module .modules {
  padding: 0 0 30px 0;
}
.ibible_module .modules > header .swiper {
  position: relative;
}
.ibible_module .modules > header .swiper ul {
  list-style: none;
}
.ibible_module .modules > header .swiper ul li {
  width: 250px;
}
.ibible_module .modules > header .swiper ul li article a {
  display: block;
  text-decoration: none;
}
.ibible_module .modules > header .swiper ul li article a figure {
  display: block;
  border: 10px solid rgb(0, 0, 0);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-color: rgb(0, 0, 0);
  position: relative;
}
.ibible_module .modules > header .swiper ul li article a figure > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px 15px;
  background-color: rgb(255, 208, 0);
  z-index: 2;
  font-weight: 700;
  color: rgb(0, 0, 0);
}
.ibible_module .modules > header .swiper ul li article a figure:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 30%, rgba(0, 0, 0, 0.8706670168) 42%, rgba(0, 0, 0, 0.6325717787) 71%, rgba(0, 0, 0, 0) 100%);
}
.ibible_module .modules > header .swiper ul li article a figure span {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 5%;
  width: 90%;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  z-index: 5;
  color: rgb(255, 255, 255);
}
.ibible_module .modules > header .swiper ul li article a header {
  margin: 20px 0 0 0;
  padding: 21px 0 20px 40px;
  position: relative;
}
.ibible_module .modules > header .swiper ul li article a header:before {
  content: "";
  display: block;
  width: -webkit-calc(100% + 35px);
  width: calc(100% + 35px);
  height: 2px;
  position: absolute;
  top: 0px;
  left: 15px;
  background-color: rgb(255, 208, 0);
}
.ibible_module .modules > header .swiper ul li article a header h3 {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  color: rgb(148, 148, 148);
  text-transform: uppercase;
}
.ibible_module .modules > header .swiper ul li article a header h3:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(255, 208, 0);
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  margin-top: -16px;
  background-position: -10em -4em;
}
.ibible_module .modules > header .swiper ul li article a header:after {
  content: "";
  display: block;
  width: 2px;
  height: 50%;
  position: absolute;
  top: 0;
  left: 14px;
  z-index: 2;
  background-color: rgb(255, 208, 0);
}
.ibible_module .modules > header .swiper:after {
  content: "";
  display: block;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  height: 2px;
  position: absolute;
  bottom: 53px;
  right: 0;
  background-color: rgb(255, 208, 0);
}
.ibible_module .modules > .swiper {
  margin: 20px 0 0 0;
}
.ibible_module .modules > .swiper ul {
  list-style: none;
}
.ibible_module .modules > .swiper ul li {
  width: -webkit-calc(100vw - 40px);
  width: calc(100vw - 40px);
}
.ibible_module .modules > .swiper ul li article {
  font-weight: 500;
}
.ibible_module .modules > .swiper ul li article h2 {
  font-size: 2rem;
  line-height: 1;
  margin: 0;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: 700;
}
.ibible_module .modules > .swiper ul li article .actions {
  margin: 20px 0;
}
.ibible_module .modules > .swiper ul li article .actions button {
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  float: left;
  margin: 0;
  height: 30px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 6px;
  text-transform: uppercase;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
}
.ibible_module .modules > .swiper ul li article .actions button + button {
  margin: 0 0 0 10px;
  background-color: transparent;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(255, 208, 0);
}
.ibible_module .modules > .swiper ul li article .toggle_menu {
  margin: 25px 0 0 0;
}
.ibible_module .modules > .swiper ul li article .toggle_menu menu {
  border-bottom: 1px solid rgb(200, 200, 200);
  padding: 0 0 12px 0;
  margin: 0 0 18px 0;
  overflow: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.ibible_module .modules > .swiper ul li article .toggle_menu menu button {
  display: inline-block;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  color: rgb(176, 176, 176);
  text-transform: uppercase;
}
.ibible_module .modules > .swiper ul li article .toggle_menu menu button.selected {
  color: rgb(0, 0, 0);
}
.ibible_module .modules > .swiper ul li article .toggle_menu menu button + button {
  margin: 0 0 0 10px;
}
.ibible_module .modules > .swiper ul li article .toggle_menu menu::-webkit-scrollbar {
  width: 0px;
  display: none;
  background: transparent; /* make scrollbar transparent */
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel {
  display: none;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel > button {
  width: 100%;
  margin: 0;
  height: 50px;
  padding: 1px 0 0 0;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 6px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .prayer {
  border: 2px solid rgb(242, 242, 242);
  background-color: rgb(250, 250, 250);
  border-radius: 20px;
  padding: 30px 20px 25px 20px;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .prayer button {
  width: 100%;
  height: 40px;
  padding: 1px 0 0 0;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  margin: 20px 0 0 0;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points h2 {
  margin: 0 0 5px 0;
  font-size: 1.125rem;
  text-transform: lowercase;
  text-transform: capitalize;
  letter-spacing: 0;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul {
  list-style: none;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li {
  padding: 10px 0;
  position: relative;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li p {
  font-weight: 400;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li p span {
  display: none;
  width: 15px;
  margin: 0 5px 0 0;
  color: rgb(255, 208, 0);
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li p strong {
  color: rgb(255, 208, 0);
  font-weight: 700;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li button {
  display: block;
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(255, 208, 0);
  z-index: 5;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: -10em -4em;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .discussion_points ul li + li {
  border-top: 1px solid rgb(200, 200, 200);
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure {
  background-color: rgb(0, 0, 0);
  padding: 30px;
  border-radius: 20px;
  color: rgb(255, 255, 255);
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure h2 {
  font-size: 2.875rem;
  line-height: 1;
  margin: 0 0 30px 0;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure h4 {
  color: rgb(91, 91, 91);
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(91, 91, 91);
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure p {
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
  line-height: 1;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure button {
  display: block;
  width: 100%;
  height: 40px;
  margin: 20px 0 0 0;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  color: rgb(0, 0, 0);
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel .quiz_lure button span {
  font-style: italic;
  font-weight: 400;
}
.ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel.show {
  display: block;
}
.ibible_module .modules > .swiper ul li article .eisode_badges {
  background-color: rgb(240, 240, 240);
  padding: 20px;
  margin: 30px 0 0 0;
  border-radius: 8px;
}
.ibible_module .modules > .swiper ul li article .eisode_badges header {
  margin: 0 0 20px 0;
}
.ibible_module .modules > .swiper ul li article .eisode_badges ul {
  list-style: none;
}
.ibible_module .modules > .swiper ul li article .eisode_badges ul li {
  width: -webkit-calc((100% - 30px) / 4);
  width: calc((100% - 30px) / 4);
  float: left;
  opacity: 0.3;
}
.ibible_module .modules > .swiper ul li article .eisode_badges ul li figure {
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 10px;
}
.ibible_module .modules > .swiper ul li article .eisode_badges ul li h4 {
  margin: 10px 0 0 0;
  font-weight: 700;
  text-align: center;
}
.ibible_module .modules > .swiper ul li article .eisode_badges ul li.active {
  opacity: 1;
}
.ibible_module .modules > .swiper ul li article .eisode_badges ul li + li {
  margin-left: 10px;
}
.ibible_module .modules > .swiper ul li article h3 {
  color: rgb(255, 208, 0);
  margin: 0 0 24px 0;
  font-weight: 700;
  pointer-events: none;
}
.ibible_module .modules > .swiper ul li article p {
  line-height: 1.5;
  font-size: 0.875rem;
  pointer-events: none;
}
.ibible_module .modules > .swiper ul li article p:nth-of-type(1) {
  font-weight: 700;
}
.ibible_module .modules > .swiper ul li article p + p {
  margin: 1em 0 0 0;
}

.downloading_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  background-color: rgba(0, 0, 0, 0.75);
}
.downloading_popup .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90vw;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 50px 25px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
}
.downloading_popup .panel h2 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}
.downloading_popup .panel p {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  margin: 16px 0 0 0;
}
.downloading_popup.show {
  display: block;
}

.touch_active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483646;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.touch_active > div {
  display: block;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 125px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.touch_active > div svg {
  opacity: 0.75;
}
.touch_active > div + div {
  right: 125px;
  left: auto;
}
.touch_active.show {
  opacity: 1;
}

.rules {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483646;
  background-color: rgba(0, 0, 0, 0.75);
}
.rules > header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: rgb(255, 255, 255);
  line-height: 1;
  padding: 50px 0 0 0;
  text-align: center;
}
.rules > header h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.rules .dashed_border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3%;
  height: 100%;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
}
.rules .dashed_border:before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  border: 1px dashed rgb(255, 208, 0);
  border-spacing: 5px;
}
.rules section {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 1;
}
.rules section header {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 700;
}
.rules section header p {
  font-size: 0.75rem;
  line-height: 1;
  margin: 0 0 12px 0;
}
.rules section header figure {
  margin: 0 0 12px 0;
}
.rules section header h4 {
  font-size: 1rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  margin: 0 0 8px 0;
}
.rules section header h3 {
  font-size: 1.5rem;
  line-height: 1;
  color: rgb(255, 255, 255);
}
.rules section + section {
  left: -webkit-calc((100% / 3) * 1);
  left: 33.3333333333%;
}
.rules section + section + section {
  left: -webkit-calc((100% / 3) * 2);
  left: 66.6666666667%;
}
.rules section.hidden {
  opacity: 0;
}
.rules.middle .dashed_border {
  left: 33.3%;
}
.rules.right .dashed_border {
  left: 66.6%;
}
.rules footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 50px 0;
}
.rules footer button {
  width: 140px;
  height: 40px;
  border-radius: 8px;
  font-weight: 500;
  background-color: rgb(255, 208, 0);
  margin: 0 auto;
  color: inherit;
}
.rules.hide {
  display: none;
}

.rotate_device {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  background-color: rgb(0, 0, 0);
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.rotate_device .panel {
  text-align: center;
  padding: 75px 0;
}
.rotate_device .panel figure {
  width: 100px;
  margin: 0 auto;
}
.rotate_device .panel h2 {
  text-align: center;
  color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0;
  margin: -2px 0 0 0;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.25;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rotate_device .panel h3 {
  position: absolute;
  bottom: 75px;
  left: 0;
  width: 100%;
  color: rgb(255, 255, 255);
  line-height: 1.25;
}
.rotate_device .panel h3 span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgb(255, 208, 0);
}
.rotate_device .panel h3 span + span {
  text-transform: none;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 1.125rem;
  margin: 2px 0 0 0;
  color: rgb(255, 255, 255);
}

.page_loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 2147483646;
}
.page_loading .loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0);
}
.page_loading figure {
  width: 200px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.page_loading.hidden {
  opacity: 0;
  pointer-events: none;
}

.content_window {
  margin: 0 auto;
  position: fixed;
  z-index: 2147483606;
  background-color: rgb(0, 0, 0);
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: none;
}
.content_window .wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content_window .wrap > section {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.content_window .wrap > section > header {
  padding: 45px 0 0 50px;
}
.content_window .wrap > section > header figure {
  width: 85px;
  float: left;
}
.content_window .wrap > section > header button {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant: small-caps;
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  line-height: 1;
  float: left;
  margin: 7px 0 0 20px;
  border: 1px solid rgb(255, 208, 0);
  color: rgb(255, 208, 0);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.content_window .wrap > section > header button:hover {
  background-color: rgb(255, 208, 0);
  color: rgb(255, 255, 255);
}
.content_window .wrap > section > header a {
  display: block;
  color: rgb(255, 255, 255);
  float: right;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  padding: 14px 0 0 0;
  text-transform: uppercase;
}
.content_window .wrap > section > div {
  color: rgb(255, 255, 255);
  line-height: 1.5;
  margin: 50px 50px 50px 50px;
  font-size: 0.875rem;
}
.content_window .wrap > section > div h2 {
  font-size: 2rem;
  line-height: 1;
  margin: 0 0 24px 0;
}
.content_window .wrap > section > div h3 {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 0 16px 0;
  color: rgb(255, 208, 0);
  text-transform: uppercase;
}
.content_window .wrap > section + section {
  left: auto;
  right: 0;
  background-color: white;
  background-size: cover;
}
.content_window .wrap > section + section:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
  z-index: 1;
}
.content_window .wrap > section + section button {
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: rgb(255, 208, 0);
  border: 4px solid rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: 0 4px 4px rgba(22, 22, 22, 0.5);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.content_window.show {
  display: block;
}

.player_select_menu {
  margin: 0 auto;
  position: fixed;
  z-index: 2147483605;
  background-color: rgba(0, 0, 0, 0.5);
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.player_select_menu > header {
  position: absolute;
  top: 45px;
  left: 50px;
  z-index: 10;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
.player_select_menu > header figure {
  width: 85px;
  float: left;
}
.player_select_menu > header button {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant: small-caps;
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  line-height: 1;
  float: left;
  margin: 7px 0 0 20px;
  border: 1px solid rgb(255, 208, 0);
  color: rgb(255, 208, 0);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.player_select_menu > header button:hover {
  background-color: rgb(255, 208, 0);
  color: rgb(255, 255, 255);
}
.player_select_menu > header a {
  display: block;
  color: rgb(255, 255, 255);
  float: right;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  padding: 14px 0 0 0;
  text-transform: uppercase;
}
.player_select_menu .options {
  width: 100%;
  position: absolute;
  bottom: 45px;
  left: 0;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.player_select_menu .options .swiper ul {
  list-style: none;
}
.player_select_menu .options .swiper ul li {
  width: 300px;
}
.player_select_menu .options .swiper ul li article {
  width: 300px;
  height: 225px;
  background-color: rgb(255, 208, 0);
  border-radius: 10px;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.player_select_menu .options .swiper ul li article button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgb(0, 0, 0);
}
.player_select_menu .options .swiper ul li article button h2 {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
}
.player_select_menu .options .swiper ul li article.white button h2 {
  color: rgb(255, 255, 255);
}
.player_select_menu.show {
  opacity: 1;
  pointer-events: all;
}
.player_select_menu.show.display .options {
  opacity: 1;
}
.player_select_menu.show ~ .video_player {
  filter: blur(5px);
}
.player_select_menu.show ~ .video_player > header {
  opacity: 0;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
}
.player_select_menu.show ~ .player_menu {
  opacity: 0;
}

.player_menu {
  margin: 0 auto;
  position: fixed;
  z-index: 2147483601;
  background-color: rgba(0, 0, 0, 0.5);
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.player_menu > header {
  position: absolute;
  top: 45px;
  left: 50px;
  z-index: 10;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
.player_menu > header figure {
  width: 85px;
  float: left;
}
.player_menu > header button {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant: small-caps;
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  line-height: 1;
  float: left;
  margin: 7px 0 0 20px;
  border: 1px solid rgb(255, 208, 0);
  color: rgb(255, 208, 0);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.player_menu > header button:hover {
  background-color: rgb(255, 208, 0);
  color: rgb(255, 255, 255);
}
.player_menu > header a {
  display: block;
  color: rgb(255, 255, 255);
  float: right;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  padding: 14px 0 0 0;
  text-transform: uppercase;
}
.player_menu .side_options {
  position: absolute;
  top: 0;
  right: -275px;
  width: 350px;
  height: 100%;
  background-color: rgb(229, 229, 229);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.player_menu .side_options > header {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid rgba(22, 22, 22, 0.25);
}
.player_menu .side_options > header menu {
  padding: 0 15px;
}
.player_menu .side_options > header menu button {
  float: left;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  height: 50px;
  padding: 0 5px;
  color: rgb(0, 0, 0);
}
.player_menu .side_options > section {
  height: -webkit-calc(100% - 60px - 70px + 50px);
  height: calc(100% - 60px - 70px + 50px);
  margin: 10px 0 0 0;
  padding: 0 10px;
}
.player_menu .side_options > section ul li button {
  width: 100%;
  border: 1px solid rgb(186, 186, 186);
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 16px 15px;
  text-align: left;
  color: rgb(0, 0, 0);
}
.player_menu .side_options > section ul li button span {
  display: block;
  font-weight: 700;
  display: block;
  font-size: 0.9375rem;
  line-height: 1;
  pointer-events: none;
}
.player_menu .side_options > section ul li button span + span {
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(255, 192, 0);
  margin: 6px 0 0 0;
}
.player_menu .side_options > section ul li + li {
  margin: 8px 0 0 0;
}
.player_menu .side_options .panel_action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgb(229, 229, 229);
  padding: 20px;
  margin: 0;
  display: none;
}
.player_menu .side_options .panel_action .back {
  display: block;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 16px 0;
  color: rgb(0, 0, 0);
}
.player_menu .side_options .panel_action h3 {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}
.player_menu .side_options .panel_action p {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  margin: 20px 0 0 0;
  color: rgb(96, 96, 96);
}
.player_menu .side_options .panel_action ul {
  list-style: none;
  margin: 20px 0 0 0;
}
.player_menu .side_options .panel_action ul li div {
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
}
.player_menu .side_options .panel_action ul li div input {
  display: block;
  background-color: rgb(255, 255, 255);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  border: 0;
}
.player_menu .side_options .panel_action ul li div input:checked + span {
  border: 2px solid rgb(255, 255, 255);
  background-color: rgb(255, 192, 0);
}
.player_menu .side_options .panel_action ul li div span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  pointer-events: none;
}
.player_menu .side_options .panel_action ul li h4 {
  float: left;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  padding: 8px 0 0 0;
  margin: 0 0 0 8px;
  width: -webkit-calc(100% - 38px);
  width: calc(100% - 38px);
}
.player_menu .side_options .panel_action ul.resources li {
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  height: 60px;
  border: 1px solid rgb(186, 186, 186);
}
.player_menu .side_options .panel_action ul.resources li .video {
  width: 90px;
  height: 60px;
  border-right: 1px solid rgb(186, 186, 186);
  float: left;
}
.player_menu .side_options .panel_action ul.resources li .video:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -5em -5em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}
.player_menu .side_options .panel_action ul.resources li .info_details {
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
  float: right;
  padding: 10px;
}
.player_menu .side_options .panel_action ul.resources li .info_details h5 {
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}
.player_menu .side_options .panel_action ul.resources li .info_details p {
  margin: 6px 0 0 0;
}
.player_menu .side_options .panel_action > button.action {
  display: block;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  height: 30px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
}
.player_menu .side_options .panel_action .comments textarea {
  border: 1px solid rgb(186, 186, 186);
  width: 100%;
  height: -webkit-calc(100vh - 110px);
  height: calc(100vh - 110px);
  border-radius: 10px;
  padding: 16px;
  font-size: 1rem;
  line-height: 1.25;
}
.player_menu .side_options .panel_action .comments button {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
  margin: 10px 0 0 0;
}
.player_menu .side_options .panel_action .prayer {
  border: 2px solid rgb(242, 242, 242);
  background-color: rgb(250, 250, 250);
  border-radius: 20px;
  padding: 20px;
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
}
.player_menu .side_options .panel_action .prayer p {
  font-weight: 400;
  line-height: 1.5;
}
.player_menu .side_options .panel_action .prayer p:first-of-type {
  font-weight: 700;
  margin: 0;
}
.player_menu .side_options .panel_action .prayer p + p {
  margin: 12px 0 0 0;
}
.player_menu .side_options .panel_action.show {
  display: block;
}
.player_menu .side_options > footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  width: 100%;
  border-top: 1px solid rgba(22, 22, 22, 0.25);
}
.player_menu .side_options > footer button {
  display: block;
  width: 100%;
  height: 40px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
}
.player_menu .side_options > footer button span {
  font-style: italic;
  font-weight: 400;
}
.player_menu .side_options > footer button:nth-child(1) {
  margin-bottom: 15px;
}
.player_menu .side_options > footer button:nth-child(1) ~ button {
  margin-top: 5px;
  background-color: rgb(33, 33, 33);
  color: rgb(255, 255, 255);
  text-transform: capitalize;
}
.player_menu .options {
  width: 100%;
  position: absolute;
  bottom: 45px;
  left: 0;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.player_menu .options .swiper ul {
  list-style: none;
}
.player_menu .options .swiper ul li {
  width: 300px;
}
.player_menu .options .swiper ul li article {
  width: 300px;
  height: 225px;
  background-color: rgb(255, 208, 0);
  border-radius: 10px;
  position: relative;
}
.player_menu .options .swiper ul li article button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.player_menu .options .swiper ul li article button h2 {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  color: rgb(0, 0, 0);
}
.player_menu.show {
  opacity: 1;
  pointer-events: all;
}
.player_menu.show .side_options {
  -webkit-transform: translateX(-275px);
  -ms-transform: translateX(-275px);
  transform: translateX(-275px);
}
.player_menu.show.display .options {
  opacity: 1;
}
.player_menu.show + .video_player {
  filter: blur(5px);
}
.player_menu.show + .video_player > header {
  opacity: 0;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
}

.video_player {
  background-color: rgb(0, 0, 0);
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.video_player > header {
  position: absolute;
  top: 45px;
  left: 50px;
  z-index: 10;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.video_player > header figure {
  width: 85px;
  float: left;
}
.video_player > header button {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant: small-caps;
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  line-height: 1;
  float: left;
  margin: 7px 0 0 20px;
  border: 1px solid rgb(255, 208, 0);
  color: rgb(255, 208, 0);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.video_player > header button:hover {
  background-color: rgb(255, 208, 0);
  color: rgb(255, 255, 255);
}
.video_player > header.hidden {
  opacity: 0;
  pointer-events: none;
}
.video_player .page_outline {
  position: relative;
  z-index: 100;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
}
.video_player .page_outline img {
  position: relative;
  z-index: 5;
}
.video_player .page_outline .book_spine {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483646;
  pointer-events: none;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
}
.video_player .page_outline .book_spine:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25%;
  width: 25%;
  opacity: 0.15;
  height: 100%;
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: linear-gradient(90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ffffff",GradientType=1);
}
.video_player .page_outline .book_spine:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 25%;
  width: 25%;
  opacity: 0.15;
  height: 100%;
  background: rgb(2, 0, 36);
  border-left: 1px solid rgb(22, 22, 22);
  background: -moz-linear-gradient(-90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: linear-gradient(-90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ffffff",GradientType=1);
}
.video_player .page_outline.no_spine .book_spine {
  opacity: 0;
}
.video_player .page_outline.hidden {
  opacity: 0;
}
.video_player .player_videos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.video_player .player_videos ul {
  list-style: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video_player .player_videos ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
}
.video_player .player_videos ul li video {
  width: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
}
.video_player .player_videos ul li video::cue {
  visibility: hidden;
  opacity: 0;
}
.video_player .player_videos ul li.hidden {
  opacity: 0;
  pointer-events: none;
}
.video_player .player_videos ul li + li {
  z-index: 2;
}
.video_player .captions-display {
  position: absolute;
  z-index: 40;
  bottom: 50px;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.video_player .captions-display div {
  position: relative !important;
  inset: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}
.video_player .captions-display div div {
  font-size: 1.25rem !important;
  text-align: center !important;
  width: 100% !important;
  inset: 0 !important;
  margin: 0 !important;
}
.video_player .captions-display div div div {
  font-size: inherit !important;
}
.video_player .captions-area {
  display: none !important;
}
.video_player .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 50px;
  width: 100%;
  z-index: 50;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.video_player .controls .timeline {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 20px 0;
}
.video_player .controls .timeline span {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.25);
  position: relative;
}
.video_player .controls .timeline span span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  transition: all 100ms ease;
  background-color: rgb(255, 208, 0);
}
.video_player .controls .timeline span span:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgb(255, 208, 0);
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -5px;
}
.video_player .controls .player_controls {
  height: 50px;
  margin: 0 0 30px 0;
}
.video_player .controls .player_controls header {
  float: left;
  width: -webkit-calc(50% - 25px);
  width: calc(50% - 25px);
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 6px 0 0 0;
}
.video_player .controls .player_controls header h2 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.video_player .controls .player_controls header p {
  font-weight: 400;
  font-size: 0.875rem;
}
.video_player .controls .player_controls > button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgb(255, 208, 0);
  float: left;
  background-position: -1em -12em;
}
.video_player .controls .player_controls > button.pause {
  background-position: -4em -12em;
}
.video_player .controls .player_controls menu {
  padding: 10px 0 0 0;
  float: right;
}
.video_player .controls .player_controls menu button {
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  float: left;
  background-position: -1em -15em;
}
.video_player .controls .player_controls menu button.captions {
  background-position: -3em -15em;
}
.video_player .controls .player_controls menu button.share {
  background-position: -5em -15em;
}
.video_player .controls .player_controls menu button.active {
  background-color: rgb(255, 208, 0);
}
.video_player .controls .player_controls menu button + button {
  margin-left: 10px;
}
.video_player .controls.hidden {
  opacity: 0;
  pointer-events: none;
}

.overlay_player {
  background-color: rgb(0, 0, 0);
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 2147483620;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.overlay_player > header {
  position: absolute;
  top: 45px;
  left: 50px;
  z-index: 10;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay_player > header figure {
  width: 85px;
  float: left;
}
.overlay_player > header button {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant: small-caps;
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  line-height: 1;
  float: left;
  margin: 7px 0 0 20px;
  border: 1px solid rgb(255, 208, 0);
  color: rgb(255, 208, 0);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay_player > header button:hover {
  background-color: rgb(255, 208, 0);
  color: rgb(255, 255, 255);
}
.overlay_player > header.hidden {
  opacity: 0;
  pointer-events: none;
}
.overlay_player .page_outline {
  position: relative;
  z-index: 100;
  pointer-events: none;
}
.overlay_player .page_outline.hidden {
  opacity: 0;
}
.overlay_player .player_videos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.overlay_player .player_videos ul {
  list-style: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.overlay_player .player_videos ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
}
.overlay_player .player_videos ul li video {
  width: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
}
.overlay_player .player_videos ul li video::cue {
  visibility: hidden;
  opacity: 0;
}
.overlay_player .player_videos ul li.hidden {
  opacity: 0;
  pointer-events: none;
}
.overlay_player .player_videos ul li + li {
  z-index: 2;
}
.overlay_player .captions-display {
  position: absolute;
  z-index: 40;
  bottom: 50px;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.overlay_player .captions-display div {
  position: relative !important;
  inset: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}
.overlay_player .captions-display div div {
  font-size: 1.25rem !important;
  text-align: center !important;
  width: 100% !important;
  inset: 0 !important;
  margin: 0 !important;
}
.overlay_player .captions-display div div div {
  font-size: inherit !important;
}
.overlay_player .captions-area {
  display: none !important;
}
.overlay_player .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 50px;
  width: 100%;
  z-index: 50;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.overlay_player .controls .timeline {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 20px 0;
}
.overlay_player .controls .timeline span {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.25);
  position: relative;
}
.overlay_player .controls .timeline span span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  transition: all 100ms ease;
  background-color: rgb(255, 208, 0);
}
.overlay_player .controls .timeline span span:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgb(255, 208, 0);
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -5px;
}
.overlay_player .controls .player_controls {
  height: 50px;
  margin: 0 0 30px 0;
}
.overlay_player .controls .player_controls header {
  float: left;
  width: -webkit-calc(50% - 25px);
  width: calc(50% - 25px);
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 6px 0 0 0;
}
.overlay_player .controls .player_controls header h2 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.overlay_player .controls .player_controls header p {
  font-weight: 400;
  font-size: 0.875rem;
}
.overlay_player .controls .player_controls > button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgb(255, 208, 0);
  float: left;
  background-position: -1em -12em;
}
.overlay_player .controls .player_controls > button.pause {
  background-position: -4em -12em;
}
.overlay_player .controls .player_controls menu {
  padding: 10px 0 0 0;
  float: right;
}
.overlay_player .controls .player_controls menu button {
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  float: left;
  background-position: -1em -15em;
}
.overlay_player .controls .player_controls menu button.captions {
  background-position: -3em -15em;
}
.overlay_player .controls .player_controls menu button.share {
  background-position: -5em -15em;
}
.overlay_player .controls .player_controls menu button.active {
  background-color: rgb(255, 208, 0);
}
.overlay_player .controls .player_controls menu button + button {
  margin-left: 10px;
}
.overlay_player .controls.hidden {
  opacity: 0;
  pointer-events: none;
}
.overlay_player.hidden {
  display: none;
  opacity: 0;
  pointer-events: none;
}

.share_window {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  padding-top: calc(20px + env(safe-area-inset-top));
  padding-bottom: 40px;
  padding-left: env(safe-area-inset-left);
  padding-right: 0;
}
.share_window > header {
  position: absolute;
  top: 45px;
  left: 50px;
  z-index: 10;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.share_window > header button {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  letter-spacing: 1px;
}
.share_window > header h2 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  color: rgb(255, 255, 255);
  margin: 20px 0 0 0;
}
.share_window .share_details {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 40px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 25px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.share_window .share_details input {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 8px;
  font-size: 1rem;
  padding: 0 10px;
}
.share_window .share_details menu {
  margin: 20px 0 0 0;
}
.share_window .share_details menu button {
  width: -webkit-calc((100% - 40px) / 3);
  width: calc((100% - 40px) / 3);
  height: 50px;
  border-radius: 8px;
  font-weight: 500;
  background-color: rgb(255, 208, 0);
  float: left;
  color: inherit;
}
.share_window .share_details menu button + button {
  margin-left: 20px;
  background-color: transparent;
  border: 1px solid rgb(200, 200, 200);
}
.share_window.hidden {
  display: none;
}

.complete_banner {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 21474836030;
  background-color: rgba(0, 0, 0, 0.75);
}
.complete_banner .panel {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 40px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.complete_banner .panel > header {
  position: relative;
}
.complete_banner .panel > header > button {
  position: absolute;
  top: 2px;
  right: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  color: inherit;
  font-weight: 700;
}
.complete_banner .panel > header h3 {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0 0 24px 0;
  font-weight: 700;
  color: rgb(255, 208, 0);
}
.complete_banner .panel > header h2 {
  font-size: 1.75rem;
  line-height: 1;
  margin: 0 0 8px 0;
  font-weight: 700;
}
.complete_banner .panel > header p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: rgb(142, 142, 142);
}
.complete_banner .panel menu {
  margin: 30px 0 0 0;
}
.complete_banner .panel menu h4 {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0 0 20px 0;
  font-weight: 700;
  color: rgb(255, 208, 0);
  clear: both;
}
.complete_banner .panel menu button {
  width: -webkit-calc((100% - 40px) / 3);
  width: calc((100% - 40px) / 3);
  height: 50px;
  border-radius: 8px;
  font-weight: 500;
  color: inherit;
  background-color: rgb(255, 208, 0);
  float: left;
}
.complete_banner .panel menu button + button {
  margin-left: 20px;
  background-color: transparent;
  border: 1px solid rgb(200, 200, 200);
}
.complete_banner.hidden {
  display: none;
}

.user_ui_controls {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.user_ui_controls button {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3%;
  height: 100%;
}
.user_ui_controls button + button {
  left: 33.3%;
}
.user_ui_controls button + button + button {
  left: 66.6%;
}
.user_ui_controls.show {
  pointer-events: all;
}

.pageturn_overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 2147483600;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.pageturn_overlay > header {
  position: absolute;
  top: 45px;
  left: 50px;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  z-index: 100000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.pageturn_overlay > header figure {
  width: 85px;
  float: left;
}
.pageturn_overlay > header button {
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant: small-caps;
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  line-height: 1;
  float: left;
  margin: 7px 0 0 20px;
  border: 1px solid rgb(255, 208, 0);
  color: rgb(255, 208, 0);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.pageturn_overlay > header button:hover {
  background-color: rgb(255, 208, 0);
  color: rgb(255, 255, 255);
}
.pageturn_overlay > header button + button {
  border: 0;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  color: rgb(255, 255, 255);
  line-height: 1;
}
.pageturn_overlay > header button + button:hover {
  background-color: transparent;
  color: rgb(255, 255, 255);
}
.pageturn_overlay > header.hidden {
  opacity: 0;
  pointer-events: none;
}
.pageturn_overlay > menu button {
  display: block;
  width: 33%;
  height: 100%;
  background-color: transform;
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -10000px;
  overflow: hidden;
}
.pageturn_overlay > menu button + button {
  left: auto;
  right: 0;
}
.pageturn_overlay .page_outline {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10000;
  pointer-events: none;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.pageturn_overlay .book {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  pointer-events: all;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  margin: 0 auto;
  pointer-events: none;
  background-color: rgb(0, 0, 0);
}
.pageturn_overlay .book * {
  pointer-events: none;
}
.pageturn_overlay .book .my-page {
  height: 500px;
  background-color: transparent;
  background-image: url("../images/01.jpg");
  background-size: auto 100%;
  background-position: top left;
}
.pageturn_overlay .book .my-page:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  opacity: 0.15;
  height: 100%;
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: -webkit-linear-gradient(90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: linear-gradient(90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ffffff",GradientType=1);
}
.pageturn_overlay .book .my-page span {
  display: block;
  width: 220px;
  border: 2px solid rgb(255, 208, 0);
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
.pageturn_overlay .book .my-page:nth-child(even) {
  background-position: top right;
}
.pageturn_overlay .book .my-page:nth-child(even):before {
  left: 0;
  border-left: 1px solid rgb(22, 22, 22);
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(-90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  background: linear-gradient(-90deg, rgba(2, 0, 36, 0) 89%, rgba(255, 255, 255, 0.8659838936) 96%, rgba(255, 255, 255, 0.8463760504) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ffffff",GradientType=1);
}
.pageturn_overlay .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 50px;
  width: 100%;
  z-index: 100000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.pageturn_overlay .controls .timeline {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 20px 0;
}
.pageturn_overlay .controls .timeline span {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.25);
  position: relative;
}
.pageturn_overlay .controls .timeline span span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  transition: all 100ms ease;
  background-color: rgb(255, 208, 0);
}
.pageturn_overlay .controls .timeline span span:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgb(255, 208, 0);
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -5px;
}
.pageturn_overlay .controls .player_controls {
  height: 50px;
  margin: 0 0 30px 0;
}
.pageturn_overlay .controls .player_controls header {
  float: left;
  width: -webkit-calc(50% - 25px);
  width: calc(50% - 25px);
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 6px 0 0 0;
}
.pageturn_overlay .controls .player_controls header h2 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pageturn_overlay .controls .player_controls header p {
  font-weight: 400;
  font-size: 0.875rem;
}
.pageturn_overlay .controls .player_controls > button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgb(255, 208, 0);
  float: left;
  background-position: -1em -12em;
}
.pageturn_overlay .controls .player_controls > button.pause {
  background-position: -4em -12em;
}
.pageturn_overlay .controls .player_controls menu {
  padding: 10px 0 0 0;
  float: right;
}
.pageturn_overlay .controls .player_controls menu button {
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  float: left;
  background-position: -1em -15em;
}
.pageturn_overlay .controls .player_controls menu button.captions {
  background-position: -3em -15em;
}
.pageturn_overlay .controls .player_controls menu button.share {
  background-position: -5em -15em;
}
.pageturn_overlay .controls .player_controls menu button.active {
  background-color: rgb(255, 208, 0);
}
.pageturn_overlay .controls .player_controls menu button + button {
  margin-left: 10px;
}
.pageturn_overlay .controls.hidden {
  opacity: 0;
  pointer-events: none;
}
.pageturn_overlay.hidden {
  pointer-events: none;
  opacity: 0;
}
.pageturn_overlay.hidden * {
  pointer-events: none;
  opacity: 0;
}

.episode_list {
  padding: 0 0 10px 0;
}
.episode_list .wrap {
  margin: 10px;
}
.episode_list .wrap > header {
  color: rgb(255, 255, 255);
  padding: 28px 0 40px 20px;
  text-align: left;
}
.episode_list .wrap > header h1 {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
.episode_list .wrap > header p {
  font-weight: 700;
  margin: 16px 0 0 0;
}
.episode_list .wrap ul {
  margin: 0 -5px;
}
.episode_list .wrap ul li {
  display: block;
  margin: 0 5px;
  width: -webkit-calc((100% - 31px) / 3);
  width: calc((100% - 31px) / 3);
  float: left;
}
.episode_list .wrap ul li a {
  display: block;
}
.episode_list .wrap ul li a * {
  pointer-events: none;
}
.episode_list .wrap ul li a figure {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  line-height: 1;
  position: relative;
}
.episode_list .wrap ul li a figure > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  padding: 5px 15px;
  background-color: rgb(255, 208, 0);
  z-index: 2;
  font-weight: 700;
  color: rgb(0, 0, 0);
}
.episode_list .wrap ul li a figure img {
  display: block;
}
.episode_list .wrap ul li:nth-child(3) ~ li {
  margin-top: 10px;
}
.episode_list .wrap ul li.wide {
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  padding: 20px;
  margin: 20px 5px !important;
  border-top: 1px solid rgb(55, 55, 55);
  border-bottom: 1px solid rgb(55, 55, 55);
  color: rgb(255, 255, 255);
}
.episode_list .wrap ul li.wide h2 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.episode_list .wrap ul li.wide p {
  line-height: 1.25;
}
.episode_list .wrap ul li.wide a {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 10px;
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.125;
  font-weight: 700;
  color: rgb(22, 22, 22);
  padding: 11px 0 0 0;
  margin: 16px 0 0 0;
  background-color: rgb(255, 208, 0);
}
.episode_list .wrap ul li.wide.hidden {
  display: none;
}

.quiz_list {
  padding: 0 0 10px 0;
}
.quiz_list .wrap {
  margin: 0 30px;
}
.quiz_list .wrap > header {
  color: rgb(255, 255, 255);
  padding: 40px 0;
  text-align: left;
}
.quiz_list .wrap > header h1 {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(255, 208, 0);
}
.quiz_list .wrap > header p {
  font-weight: 700;
  margin: 16px 0 0 0;
}
.quiz_list .wrap ul {
  list-style: none;
}
.quiz_list .wrap ul li article a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
}
.quiz_list .wrap ul li article a figure {
  height: 200px;
  background-image: url("../images/iBIBLE_Ch01_Spr03_last.jpg");
  background-size: cover;
  background-position: center center;
}
.quiz_list .wrap ul li article a > header {
  background-color: rgb(255, 255, 255);
  padding: 20px 20px 25px 20px;
}
.quiz_list .wrap ul li article a > header h3 {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.quiz_list .wrap ul li article a > header h2 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.quiz_list .wrap ul li article a > header span {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 8px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  margin: 20px 0 0 0;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
  text-align: center;
}
.quiz_list .wrap ul li + li {
  margin: 15px 0 0 0;
}

.profile menu {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.profile menu button {
  width: 50%;
  float: left;
  height: 50px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.profile menu button.current {
  position: relative;
}
.profile menu button.current:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: rgb(255, 208, 0);
}
.profile menu button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.profile .profile_section {
  display: none;
}
.profile .profile_section > header {
  padding: 40px 0;
}
.profile .profile_section > header .wrap {
  margin: 0 20px;
  position: relative;
}
.profile .profile_section > header .wrap button {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 0.875rem;
  line-height: 1.125;
  font-weight: 700;
  color: rgb(100, 100, 100);
}
.profile .profile_section > header .wrap h2 {
  font-size: 2.5rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.profile .profile_section > header .wrap p {
  font-weight: 700;
  font-size: 0.875rem;
  margin: 20px 0 0 0;
}
.profile .profile_section > ul {
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.profile .profile_section > ul li {
  width: -webkit-calc(100vw / 3);
  width: 33.3333333333vw;
  height: -webkit-calc(100vw / 3);
  height: 33.3333333333vw;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  float: left;
  position: relative;
}
.profile .profile_section > ul li figure {
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.profile .profile_section > ul li figure.unclaimed {
  opacity: 0.25;
}
.profile .profile_section > ul li:nth-child(3n) {
  border-right: 0;
}
.profile .profile_section > ul li:nth-child(3) ~ li {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.profile .profile_section > ul li.new {
  position: relative;
}
.profile .profile_section > ul li.new:before {
  content: "New";
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: rgb(255, 208, 0);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  padding: 5px 10px;
  border-radius: 5px;
  pointer-events: none;
}
.profile .profile_section.bio_overview > header {
  background-color: rgb(255, 255, 255);
}
.profile .profile_section.bio_overview > header .wrap h2, .profile .profile_section.bio_overview > header .wrap p {
  color: rgb(0, 0, 0);
}
.profile .profile_section.bio_overview .dashboard {
  background-color: rgb(229, 229, 229);
  padding: 40px 0;
}
.profile .profile_section.bio_overview .dashboard .wrap {
  margin: 0 20px;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element {
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  float: left;
  padding: 15px;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element h4 {
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 24px 0;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element p {
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element + .element {
  margin: 0 0 0 10px;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element:nth-child(3n+1) {
  margin: 0;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element.wide {
  margin: 10px 0 0 0;
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element.wide + .wide {
  margin-left: 10px;
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element.black {
  background-color: rgb(0, 0, 0);
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element.black h4, .profile .profile_section.bio_overview .dashboard .wrap .row .element.black p {
  color: rgb(255, 255, 255);
}
.profile .profile_section.bio_overview .dashboard .wrap .row .element.yellow {
  background-color: rgb(255, 208, 0);
}
.profile .profile_section.bio_overview .rewards {
  padding: 40px 0;
}
.profile .profile_section.bio_overview .rewards .wrap {
  margin: 0 20px;
}
.profile .profile_section.bio_overview .rewards .wrap header {
  padding: 0;
  margin: 0 0 20px 0;
}
.profile .profile_section.bio_overview .rewards .wrap header h2 {
  font-size: 2rem;
  line-height: 1;
  color: rgb(255, 202, 0);
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.profile .profile_section.bio_overview .rewards .wrap ul {
  list-style: none;
}
.profile .profile_section.bio_overview .rewards .wrap ul li article {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.profile .profile_section.bio_overview .rewards .wrap ul li article button {
  display: block;
  width: 100%;
}
.profile .profile_section.bio_overview .rewards .wrap ul li article button figure {
  height: 150px;
  background-image: url("../images/iBIBLE_Ch01_Spr09_first.jpg");
  background-size: cover;
  background-position: center center;
}
.profile .profile_section.bio_overview .rewards .wrap ul li article button header {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-align: left;
  padding: 15px 20px 20px 20px;
  margin: 0;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
}
.profile .profile_section.bio_overview .rewards .wrap ul li article button header h3 {
  font-weight: 700;
}
.profile .profile_section.bio_overview .rewards .wrap ul li article button header p {
  font-size: 0.875rem;
  line-height: 1;
  margin: 4px 0 0 0;
}
.profile .profile_section.bio_overview .rewards .wrap ul li + li {
  margin: 20px 0 0 0;
}
.profile .profile_section.bio_overview .rewards .wrap ul li.locked {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 8px;
}
.profile .profile_section.bio_overview .rewards .wrap ul li.locked .open {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.profile .profile_section.bio_overview .rewards .wrap ul li.locked article {
  opacity: 0.2;
}
.profile .profile_section.show {
  display: block;
}

.new_badge_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  display: none;
  padding-top: calc(50px + env(safe-area-inset-top));
  padding-bottom: 50px;
  padding-left: env(safe-area-inset-left);
  padding-right: 0;
}
.new_badge_overlay .panel {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
}
.new_badge_overlay .panel figure {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  padding: 30px 0;
}
.new_badge_overlay .panel figure img {
  display: block;
  width: 90px;
  margin: 0 auto;
}
.new_badge_overlay .panel header {
  padding: 40px 0 0 0;
  text-align: center;
}
.new_badge_overlay .panel header h2 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.new_badge_overlay .panel header p {
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 500;
}
.new_badge_overlay .panel header a {
  display: block;
  text-decoration: none;
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 255, 255);
  height: 50px;
  border-radius: 10px;
  padding: 17px 0 0 0;
  margin: 30px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.new_badge_overlay .panel header a:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
.new_badge_overlay .panel > button {
  display: block;
  text-decoration: none;
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  border: 2px solid rgb(255, 255, 255);
  height: 50px;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  padding: 0 0 0 0;
  margin: 10px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.new_badge_overlay .panel > button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.new_badge_overlay .panel > a {
  text-decoration: none;
  font-weight: 500;
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  margin: 20px 0 0 0;
}
.new_badge_overlay.show {
  display: block;
}

.badge_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  display: none;
  padding-top: calc(50px + env(safe-area-inset-top));
  padding-bottom: 50px;
  padding-left: env(safe-area-inset-left);
  padding-right: 0;
}
.badge_overlay .panel {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
}
.badge_overlay .panel header {
  border-bottom: 1px solid rgb(220, 220, 220);
  padding: 20px;
  position: relative;
}
.badge_overlay .panel header figure {
  width: 60px;
  float: left;
}
.badge_overlay .panel header div {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  float: right;
  padding: 10px 0 0 0;
}
.badge_overlay .panel header div h2 {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 4px 0;
}
.badge_overlay .panel header div p {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
}
.badge_overlay .panel header button {
  width: 30px;
  height: 30px;
  background-image: url("../images/close_button.svg");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  text-indent: -10000px;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.badge_overlay .panel .overview {
  padding: 25px 20px 20px 20px;
}
.badge_overlay .panel .overview p {
  font-size: 1rem;
  line-height: 1.5;
}
.badge_overlay .panel .overview p + p {
  margin: 1.5em 0 0 0;
}
.badge_overlay .panel > button {
  display: block;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 208, 0);
  height: 50px;
  border-radius: 10px;
  margin: 0 20px;
  padding: 2px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.badge_overlay .panel > button:hover {
  background-color: rgb(255, 228, 0);
}
.badge_overlay.show {
  display: block;
}

.quiz_module {
  position: relative;
}
.quiz_module .panel {
  padding: 40px 20px;
  background-color: rgb(255, 255, 255);
  display: none;
}
.quiz_module .panel div {
  display: block;
  text-decoration: none;
  border: 2px solid rgb(255, 208, 0);
  border-radius: 20px;
  padding: 40px 20px;
}
.quiz_module .panel div header {
  text-align: center;
}
.quiz_module .panel div header figure {
  margin: 0 auto 24px auto;
  width: 200px;
  height: 200px;
  background-image: url("../images/icon.png");
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  border: 2px solid rgb(0, 0, 0);
}
.quiz_module .panel div header h3 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.quiz_module .panel div header h2 {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 8px 0;
}
.quiz_module .panel div header p {
  line-height: 1.5;
}
.quiz_module .panel div menu button {
  display: block;
  width: 220px;
  height: 50px;
  border-radius: 8px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
  font-size: 1rem;
  padding: 2px 0 0 0;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  margin: 20px auto 0 auto;
}
.quiz_module .panel div menu button.black {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.quiz_module .panel div menu button + button {
  margin-top: 10px;
  background-color: transparent;
  border: 2px solid rgb(255, 208, 0);
}
.quiz_module .panel div menu a {
  display: block;
  width: 220px;
  height: 50px;
  border-radius: 8px;
  background-color: transparent;
  border: 2px solid rgb(255, 208, 0);
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  padding: 15px 0 0 0;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  margin: 10px auto 0 auto;
}
.quiz_module .panel.show {
  display: block;
}
.quiz_module .question {
  padding: 80px 20px 40px 20px;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.quiz_module .question > header h3 {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: rgb(255, 202, 0);
  margin: 0 0 12px 0;
}
.quiz_module .question > header h2 {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.quiz_module .question ul {
  list-style: none;
  margin: 30px 0 0 0;
}
.quiz_module .question ul li button {
  border: 1px solid rgb(255, 255, 255);
  display: block;
  width: 100%;
  min-height: 50px;
  color: rgb(255, 255, 255);
  text-align: left;
  padding: 10px 20px;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 500;
  display: none;
}
.quiz_module .question ul li button * {
  pointer-events: none;
}
.quiz_module .question ul li button.incorrect {
  opacity: 0.25;
}
.quiz_module .question ul li button.highlight {
  border-color: rgb(255, 208, 0);
}
.quiz_module .question ul li button.correct {
  background-color: rgb(255, 208, 0);
  border-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
}
.quiz_module .question ul li button.show {
  display: block;
}
.quiz_module .question ul li + li {
  margin: 10px 0 0 0;
}
.quiz_module .question.show {
  display: block;
}
.quiz_module .timeline {
  margin: 0 20px;
  background-color: rgb(242, 242, 242);
  border-radius: 2px;
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}
.quiz_module .timeline span {
  display: block;
  width: 0%;
  height: 4px;
  border-radius: 2px;
  background-color: rgb(255, 208, 0);
  position: relative;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.quiz_module .timeline span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: rgb(255, 208, 0);
  border-radius: 50%;
  top: -4px;
  right: -4px;
}
.quiz_module .timeline.show {
  display: block;
}

.question_correct {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 115px 0 0 0;
  display: none;
}
.question_correct .panel {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
}
.question_correct .panel header {
  border-bottom: 1px solid rgb(220, 220, 220);
  padding: 20px;
  position: relative;
}
.question_correct .panel header figure {
  width: 60px;
  float: left;
}
.question_correct .panel header div {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  float: right;
  padding: 10px 0 0 0;
}
.question_correct .panel header div h2 {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 4px 0;
}
.question_correct .panel header div p {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
}
.question_correct .panel header button {
  width: 30px;
  height: 30px;
  background-image: url("../images/close_button.svg");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  text-indent: -10000px;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.question_correct .panel .overview {
  padding: 25px 20px 20px 20px;
}
.question_correct .panel .overview p {
  font-size: 1rem;
  line-height: 1.5;
}
.question_correct .panel .overview p + p {
  margin: 1.5em 0 0 0;
}
.question_correct .panel > button {
  display: block;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 208, 0);
  height: 50px;
  border-radius: 10px;
  margin: 0 20px;
  padding: 2px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.question_correct .panel > button:hover {
  background-color: rgb(255, 228, 0);
}
.question_correct.show {
  display: block;
}

.mlt-cookie-consent {
  background-color: rgb(20, 20, 20) !important;
  color: rgb(100, 100, 100) !important;
  border-top: 1px solid rgb(80, 80, 80) !important;
}
.mlt-cookie-consent .mlt-cc-wrap:before {
  content: "Cookie Consent";
  display: block;
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin: 0 0 8px 0;
}
.mlt-cookie-consent .mlt-cc-wrap p {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}
.mlt-cookie-consent .mlt-cc-wrap .mlt-cc-menu button {
  background-color: rgb(255, 208, 0) !important;
  color: rgb(0, 0, 0) !important;
}
.mlt-cookie-consent .mlt-cc-wrap .mlt-cc-menu button:hover {
  background-color: rgb(252, 219, 84) !important;
}
.mlt-cookie-consent .mlt-cc-wrap .mlt-cc-menu button + button {
  background-color: transparent !important;
  color: rgb(255, 208, 0) !important;
  border-color: rgb(255, 208, 0) !important;
}
.mlt-cookie-consent .mlt-cc-wrap .mlt-cc-menu button + button:hover {
  color: rgb(0, 0, 0) !important;
}

.donation_module {
  background-color: rgb(231, 231, 231);
  min-height: -webkit-calc(100vh - 80px);
  min-height: calc(100vh - 80px);
}
.donation_module .donation_panel {
  display: none;
  padding: 40px 20px 50px 20px;
}
.donation_module .donation_panel > header {
  text-align: center;
  margin: 0 0 40px 0;
}
.donation_module .donation_panel > header h2 {
  font-weight: 700;
  font-size: 2rem;
}
.donation_module .donation_panel .options button {
  display: block;
  width: -webkit-calc((100% - 10px) / 2);
  width: calc((100% - 10px) / 2);
  float: left;
  padding: 20px 0;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
}
.donation_module .donation_panel .options button figure {
  height: 50px;
  position: relative;
}
.donation_module .donation_panel .options button figure img {
  display: block;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  max-width: 100px;
  max-height: 50px;
  margin: 0 auto;
}
.donation_module .donation_panel .options button p {
  font-weight: 700;
  margin: 8px 0 0 0;
}
.donation_module .donation_panel .options button:nth-child(even) {
  margin-left: 10px;
}
.donation_module .donation_panel .options button:nth-child(2) ~ button {
  margin-top: 10px;
}
.donation_module .donation_panel .donation_form {
  background-color: rgb(255, 255, 255);
  padding: 24px;
  border-radius: 12px;
}
.donation_module .donation_panel .donation_form .back_button {
  display: inline-block;
  border-radius: 6px;
  padding: 6px 7px 5px 7px;
  color: rgb(255, 208, 0);
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 0.625rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 18px 0;
  background-color: transparent;
  width: auto;
  height: auto;
  border: 1px solid rgb(255, 208, 0);
}
.donation_module .donation_panel .donation_form .back_button:hover {
  color: rgb(0, 0, 0);
}
.donation_module .donation_panel .donation_form .select_element label {
  display: block;
  font-weight: 700;
  margin: 0 0 12px 0;
}
.donation_module .donation_panel .donation_form .select_element > div {
  display: block;
}
.donation_module .donation_panel .donation_form .select_element > div button {
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  height: 40px;
  float: left;
  border-radius: 6px;
  font-weight: 700;
  width: -webkit-calc((100% - 20px) / 2);
  width: calc((100% - 20px) / 2);
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(255, 255, 255);
  color: rgb(22, 22, 22);
}
.donation_module .donation_panel .donation_form .select_element > div button.selected {
  background-color: rgba(255, 204, 0, 0.25);
  border-color: rgb(255, 204, 0);
}
.donation_module .donation_panel .donation_form .select_element > div button + button {
  margin: 0 0 0 20px;
}
.donation_module .donation_panel .donation_form .select_element .input {
  margin: 16px 0 0 0;
}
.donation_module .donation_panel .donation_form .select_element .input input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 1rem;
  color: rgb(0, 0, 0);
  line-height: 1;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.donation_module .donation_panel .donation_form .select_element + .select_element {
  margin: 20px 0 0 0;
}
.donation_module .donation_panel .donation_form .select_element.four > div button {
  width: -webkit-calc((100% - 30px) / 4);
  width: calc((100% - 30px) / 4);
  float: left;
}
.donation_module .donation_panel .donation_form .select_element.four > div button + button {
  margin-left: 10px;
}
.donation_module .donation_panel .donation_form .payment_element label {
  display: block;
  font-weight: 700;
  margin: 0 0 12px 0;
}
.donation_module .donation_panel .donation_form .payment_element p input {
  display: block;
  font-size: 1rem;
  line-height: 1;
  height: 40px;
  border-radius: 6px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(255, 255, 255);
}
.donation_module .donation_panel .donation_form .payment_element p + p {
  margin: 10px 0 0 0;
}
.donation_module .donation_panel .donation_form .payment_element .two {
  margin: 10px 0 0 0;
}
.donation_module .donation_panel .donation_form .payment_element .two p {
  width: -webkit-calc((100% - 10px) / 2);
  width: calc((100% - 10px) / 2);
  float: left;
}
.donation_module .donation_panel .donation_form .payment_element .two p + p {
  margin: 0 0 0 10px;
}
.donation_module .donation_panel .donation_form .payment_element + .payment_element {
  margin: 20px 0 0 0;
}
.donation_module .donation_panel .donation_form > button {
  display: block;
  width: 100%;
  height: 50px;
  background-color: rgb(255, 204, 0);
  border-radius: 6px;
  text-align: center;
  font-weight: 700;
  margin: 75px 0 0 0;
  color: rgb(22, 22, 22);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.donation_module .donation_panel .donation_form > button:hover {
  background-color: rgb(255, 188, 0);
}
.donation_module .donation_panel.show {
  display: block;
}

.pay_it_forward_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
}
.pay_it_forward_popup .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  background-color: rgb(255, 200, 0);
  border-radius: 8px;
  padding: 30px 20px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.pay_it_forward_popup .panel header {
  text-align: center;
  font-weight: 700;
}
.pay_it_forward_popup .panel header h2 {
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.pay_it_forward_popup .panel header p {
  line-height: 1.25;
}
.pay_it_forward_popup .panel header button {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 255, 255);
  height: 50px;
  border-radius: 10px;
  margin: 20px 0 0 0;
  padding: 2px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  font-weight: 700;
}
.pay_it_forward_popup .panel header button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.pay_it_forward_popup .panel header.hide {
  display: none;
}
.pay_it_forward_popup .panel section {
  display: none;
}
.pay_it_forward_popup .panel section textarea {
  display: block;
  height: 150px;
  width: 100%;
  border: 0;
  line-height: 1.25;
  font-size: 1rem;
  padding: 16px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.25);
}
.pay_it_forward_popup .panel section button {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  background-color: rgb(255, 255, 255);
  height: 50px;
  border-radius: 10px;
  margin: 20px 0 0 0;
  padding: 2px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  font-weight: 700;
}
.pay_it_forward_popup .panel section button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.pay_it_forward_popup .panel section.show {
  display: block;
}
.pay_it_forward_popup.show {
  display: block;
}

.settings_panel {
  padding: 25px 0;
}
.settings_panel .wrap {
  margin: 0 20px;
}
.settings_panel .wrap .panel {
  background-color: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 10px;
}
.settings_panel .wrap .panel h2 {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.settings_panel .wrap .panel p.balance {
  font-size: 3rem;
  line-height: 1;
}
.settings_panel .wrap .panel ul {
  list-style: none;
  border-top: 2px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(242, 242, 242);
}
.settings_panel .wrap .panel ul li {
  padding: 16px 0;
}
.settings_panel .wrap .panel ul li p {
  font-size: 0.875rem;
  line-height: 1;
}
.settings_panel .wrap .panel ul li p span {
  display: block;
  width: 50%;
  float: left;
  font-weight: 700;
}
.settings_panel .wrap .panel ul li p span + span {
  font-weight: 400;
}
.settings_panel .wrap .panel ul li p + p {
  margin: 8px 0 0 0;
}
.settings_panel .wrap .panel ul li a {
  display: block;
  text-decoration: none;
  font-size: 0.875rem;
  color: rgb(255, 201, 0);
  font-weight: 700;
  margin: 12px 0 0 0;
}
.settings_panel .wrap .panel ul li + li {
  border-top: 1px solid rgb(242, 242, 242);
}
.settings_panel .wrap .panel .input {
  position: relative;
}
.settings_panel .wrap .panel .input select {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  color: rgb(0, 0, 0);
}
.settings_panel .wrap .panel .input input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 1rem;
  color: rgb(0, 0, 0);
  line-height: 1;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
}
.settings_panel .wrap .panel .input span {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 10px 0 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.settings_panel .wrap .panel .input + .input {
  margin: 10px 0 0 0;
}
.settings_panel .wrap .panel .input.unavailable {
  opacity: 0.5;
  pointer-events: none;
}
.settings_panel .wrap .panel button {
  display: block;
  width: 50%;
  max-width: 200px;
  height: 40px;
  background-color: rgb(255, 201, 0);
  color: rgb(22, 22, 22);
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  margin: 10px 0 0 0;
}
.settings_panel .wrap .panel.unavailable {
  opacity: 0.5;
  pointer-events: none;
}
.settings_panel .wrap .panel + .panel {
  margin: 15px 0 0 0;
}

.share_ibible {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  border-radius: 20px 20px 0 0;
  background-color: rgb(255, 255, 255);
  z-index: 10000;
  padding: 20px 0 30px 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  -webkit-transform: translateY(75px);
  -ms-transform: translateY(75px);
  transform: translateY(75px);
  pointer-events: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.25);
  padding-top: 20px;
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
  padding-left: calc(env(safe-area-inset-left));
  padding-right: calc(env(safe-area-inset-right));
}
.share_ibible .wrap {
  margin: 0 20px;
}
.share_ibible .wrap > header {
  border-bottom: 1px solid rgb(255, 201, 0);
}
.share_ibible .wrap > header button {
  text-align: right;
  display: block;
  width: 100%;
  padding: 1px 0 17px 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.share_ibible .wrap menu {
  border: 1px solid rgb(0, 0, 0);
  border-radius: 6px;
  margin: 20px 0 0 0;
  overflow: hidden;
}
.share_ibible .wrap menu button {
  width: 50%;
  float: left;
  height: 30px;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgb(0, 0, 0);
  line-height: 1;
}
.share_ibible .wrap menu button.selected {
  background-color: rgb(255, 208, 0);
}
.share_ibible .wrap menu button + button {
  border-left: 1px solid rgb(0, 0, 0);
}
.share_ibible .wrap section {
  margin: 20px 0 0 0;
  display: none;
}
.share_ibible .wrap section h1 {
  color: rgb(0, 0, 0);
  font-size: 2.5rem;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 15px 0;
}
.share_ibible .wrap section p {
  font-size: 0.875rem;
  line-height: 1.125;
  color: rgb(0, 0, 0);
  font-weight: 700;
}
.share_ibible .wrap section h2 {
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  letter-spacing: -1px;
  text-transform: capitalize;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.share_ibible .wrap section > button {
  width: 100%;
  margin: 0;
  height: 50px;
  padding: 1px 0 0 0;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 6px;
  background-color: rgb(255, 208, 0);
  color: rgb(0, 0, 0);
}
.share_ibible .wrap section.show {
  display: block;
}
.share_ibible .wrap section.share {
  background-color: rgb(255, 255, 255);
  padding: 0;
  border-radius: 4px;
  margin: 20px 0 0 0;
}
.share_ibible .wrap section.share figure {
  padding: 20px 0;
  border: 1px solid rgb(220, 220, 220);
  border-radius: 8px;
}
.share_ibible .wrap section.share figure img {
  display: block;
  width: 200px;
  margin: 0 auto;
}
.share_ibible .wrap section + section {
  margin: 30px 0 0 0;
}
.share_ibible.show {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
}

.episode_resources {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  border-radius: 20px 20px 0 0;
  background-color: rgb(255, 255, 255);
  z-index: 10000;
  padding: 20px 0 30px 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  -webkit-transform: translateY(75px);
  -ms-transform: translateY(75px);
  transform: translateY(75px);
  pointer-events: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.25);
  padding-top: 20px;
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
  padding-left: calc(env(safe-area-inset-left));
  padding-right: calc(env(safe-area-inset-right));
}
.episode_resources .wrap {
  margin: 0 20px;
}
.episode_resources .wrap > header {
  border-bottom: 1px solid rgb(255, 201, 0);
}
.episode_resources .wrap > header button {
  text-align: right;
  display: block;
  width: 100%;
  padding: 1px 0 17px 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.episode_resources .wrap .resource {
  line-height: 1.5;
  display: none;
}
.episode_resources .wrap .resource > header {
  margin: 27px 0 0 0;
  position: relative;
}
.episode_resources .wrap .resource > header h3 {
  font-size: 2rem;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}
.episode_resources .wrap .resource > header p {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 5px 0 0 0;
}
.episode_resources .wrap .resource > header button {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-position: -5em -5em;
  top: 0;
  right: 0;
  background-color: rgb(255, 201, 0);
  border-radius: 50%;
}
.episode_resources .wrap .resource > header button.pause {
  background-position: -8em -8em;
}
.episode_resources .wrap .resource > div {
  margin: 20px 0 0 0;
  padding: 25px 0 0 0;
  border-top: 1px solid rgb(200, 200, 200);
}
.episode_resources .wrap .resource > div h4 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0 0 6px 0;
}
.episode_resources .wrap .resource > div h6 {
  font-weight: 700;
  line-height: 1.25;
}
.episode_resources .wrap .resource > div h6 + h6 {
  margin-top: 16px;
}
.episode_resources .wrap .resource > div p {
  font-weight: 40000;
  line-height: 1.25;
}
.episode_resources .wrap .resource > div p + h4 {
  border-top: 1px solid rgb(200, 200, 200);
  margin-top: 20px;
  padding: 20px 0 0 0;
}
.episode_resources .wrap .resource > div ol {
  list-style-position: inside;
}
.episode_resources .wrap .resource > div ol li + li {
  margin: 1em 0 0 0;
}
.episode_resources .wrap > ul {
  list-style: none;
  margin: 20px 0 0 0;
}
.episode_resources .wrap > ul > li {
  border: 1px solid rgb(186, 186, 186);
  border-radius: 20px;
  overflow: hidden;
}
.episode_resources .wrap > ul > li button {
  display: block;
  text-align: left;
  color: rgb(0, 0, 0);
}
.episode_resources .wrap > ul > li button .video {
  width: 120px;
  height: 100px;
  float: left;
  background-color: rgb(242, 242, 242);
  position: relative;
  pointer-events: none;
}
.episode_resources .wrap > ul > li button .video:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -1em -5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  pointer-events: none;
}
.episode_resources .wrap > ul > li button .info {
  width: -webkit-calc(100% - 120px);
  width: calc(100% - 120px);
  float: right;
  padding: 25px 0 0 20px;
  pointer-events: none;
}
.episode_resources .wrap > ul > li button .info h2 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
}
.episode_resources .wrap > ul > li button .info p {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  margin: 10px 0 0 0;
  color: rgb(255, 201, 0);
}
.episode_resources .wrap > ul > li button.open + ul {
  display: block;
}
.episode_resources .wrap > ul > li > ul {
  clear: both;
  width: 100%;
  padding: 25px 20px;
  border-top: 1px solid rgb(186, 186, 186);
  list-style: none;
  display: none;
}
.episode_resources .wrap > ul > li > ul li h3 {
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.episode_resources .wrap > ul > li > ul li p {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
}
.episode_resources .wrap > ul > li > ul li button {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  margin: 15px 0 0 0;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
  text-align: center;
}
.episode_resources .wrap > ul > li > ul li + li {
  margin: 25px 0 0 0;
}
.episode_resources .wrap > ul > li + li {
  margin: 10px 0 0 0;
}
.episode_resources.show {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
}
.episode_resources.full_height {
  border-radius: 0;
  height: 100%;
  padding-top: calc(20px + env(safe-area-inset-top));
}
.episode_resources.full_height.show_resource .wrap .resource {
  display: block;
}
.episode_resources.full_height.show_resource .wrap > ul {
  display: none;
}

.special_feature .player {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0 0 20px 0;
}
.special_feature .player video {
  width: 100%;
}
.special_feature .player video_js {
  width: 100%;
  height: auto;
}
.special_feature .player .video-js .vjs-tech {
  position: relative;
}
.special_feature > .wrap {
  margin: 0 20px;
  color: rgb(255, 255, 255);
}
.special_feature > .wrap .section_header {
  line-height: 1.5;
}
.special_feature > .wrap .section_header .options {
  border: 1px solid rgb(33, 33, 33);
  border-radius: 8px;
  background-color: rgb(33, 33, 33);
  margin: 0 0 20px 0;
}
.special_feature > .wrap .section_header .options h4 {
  float: left;
  height: 30px;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
  padding: 7px 0 0 15px;
}
.special_feature > .wrap .section_header .options select {
  float: left;
  display: block;
  width: 50%;
  -webkit-appearance: none;
  height: 30px;
  border: 0;
  border-radius: 0;
  font-size: 0.9375rem;
  line-height: 1.25;
  padding: 0 15px;
  background-color: rgb(33, 33, 33);
  color: rgb(255, 255, 255);
}
.special_feature > .wrap .section_header h2 {
  font-weight: 700;
  color: rgb(255, 255, 255);
  letter-spacing: -1px;
  font-size: 2rem;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.special_feature > .wrap .section_header p {
  font-size: 0.875rem;
}
.special_feature > .wrap .section_header p:first-of-type {
  font-weight: 700;
}
.special_feature > .wrap .section_header p + p {
  margin: 1em 0 0 0;
}
.special_feature > .wrap .section_header menu {
  margin: 20px 0 0 0;
}
.special_feature > .wrap .section_header menu button {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.special_feature > .wrap .section_header menu button + button {
  margin-top: 5px;
  border: 0;
  background-color: rgb(255, 192, 0);
  color: rgb(0, 0, 0);
  text-transform: capitalize;
}
.special_feature > .wrap .section_header.right_align {
  text-align: right;
}
.special_feature > .wrap .actions {
  margin-top: 24px;
}
.special_feature > .wrap .actions .toggle_panel button {
  background-color: rgb(255, 192, 0);
  height: 40px;
  color: rgb(22, 22, 22);
  display: block;
  width: 100%;
  font-size: 0.875rem;
  height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 8px;
}
.special_feature > .wrap .actions .toggle_panel button.outline {
  background-color: transparent;
  border: 1px solid rgb(255, 192, 0);
  color: rgb(255, 192, 0);
}
.special_feature > .wrap .actions .toggle_panel button.open {
  display: none;
}
.special_feature > .wrap .actions .toggle_panel button.open ~ .toggle_panel_expand {
  display: block;
}
.special_feature > .wrap .actions .toggle_panel .toggle_panel_expand {
  display: none;
  margin: 25px 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0 0 30px 0;
}
.special_feature > .wrap .actions .toggle_panel .toggle_panel_expand button {
  margin: 20px 0 0 0;
}
.special_feature > .wrap .actions .toggle_panel .toggle_panel_expand button.outline {
  margin-top: 10px;
}
.special_feature > .wrap menu {
  margin: 22px 0 0 0;
}
.special_feature > .wrap menu button, .special_feature > .wrap menu a {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.special_feature > .wrap menu button span, .special_feature > .wrap menu a span {
  font-style: italic;
  font-weight: 400;
}
.special_feature > .wrap menu button.solid, .special_feature > .wrap menu a.solid {
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  padding: 9px 0 0 0;
  text-transform: uppercase;
  background-color: rgb(33, 33, 33);
  color: rgb(255, 255, 255);
}
.special_feature > .wrap menu button.white, .special_feature > .wrap menu a.white {
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  padding: 8px 0 0 0;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  background-color: transparent;
}
.special_feature > .wrap .views {
  margin: 31px 0 0 0;
}
.special_feature > .wrap .views header {
  border-top: 1px solid rgb(255, 192, 0);
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 15px 0;
  margin: 0 0 12px 0;
}
.special_feature > .wrap .views header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0;
}
.special_feature > .wrap .views .ibible_stats {
  list-style: none;
}
.special_feature > .wrap .views .ibible_stats li {
  background-color: rgb(33, 33, 33);
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  padding: 20px;
  border-radius: 20px;
  float: left;
}
.special_feature > .wrap .views .ibible_stats li h4 {
  font-size: 2.1875rem;
  line-height: 1;
  color: rgb(255, 192, 0);
  border: 0;
  margin: 0 0 6px 0;
}
.special_feature > .wrap .views .ibible_stats li p {
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: rgb(255, 255, 255);
}
.special_feature > .wrap .views .ibible_stats li + li {
  margin: 0 0 0 10px;
}
.special_feature > .wrap .views .ibible_stats li.wide {
  width: 100%;
  margin: 0;
  background-color: transparent;
  border: 2px solid rgb(255, 192, 0);
  padding: 15px 20px;
  vertical-align: middle;
  text-align: center;
  margin: 10px 0 0 0;
}
.special_feature > .wrap .views .ibible_stats li.wide h4 {
  display: inline-block;
  vertical-align: middle;
}
.special_feature > .wrap .views .ibible_stats li.wide p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.special_feature > .wrap .comments {
  margin: 31px 0 0 0;
}
.special_feature > .wrap .comments header {
  border-top: 1px solid rgb(255, 192, 0);
  border-bottom: 1px solid rgb(255, 192, 0);
  padding: 15px 0;
  margin: 0 0 12px 0;
}
.special_feature > .wrap .comments header h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0;
}
.special_feature > .wrap .comments form p textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  color: rgb(255, 255, 255);
  background-color: rgb(33, 33, 33);
  padding: 20px;
  border: 0;
  border-radius: 20px;
  font-size: 1rem;
}
.special_feature > .wrap .comments form p textarea:placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.special_feature > .wrap .comments form button {
  display: block;
  width: 100%;
  height: 30px;
  background-color: rgb(255, 192, 0);
  border-radius: 8px;
  line-height: 1;
  padding: 1px 0 0 0;
  font-weight: 700;
  font-size: 0.75rem;
  margin: 10px 0 0 0;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}

footer[role=contentinfo] {
  margin: 80px 0 0 0;
}
footer[role=contentinfo] .wrap {
  margin: 0 20px;
}
footer[role=contentinfo] .wrap figure {
  width: 100px;
  margin: 0;
}
footer[role=contentinfo] .wrap nav {
  margin: 30px 0 0 0;
}
footer[role=contentinfo] .wrap nav h4 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.125rem;
  margin: 0 0 12px 0;
}
footer[role=contentinfo] .wrap nav ul {
  list-style: none;
}
footer[role=contentinfo] .wrap nav ul li {
  line-height: 2;
}
footer[role=contentinfo] .wrap nav ul li a {
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  color: rgb(255, 255, 255);
}
footer[role=contentinfo] .wrap .language h3 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
  margin: 0 0 16px 0;
}
footer[role=contentinfo] .wrap .language select {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-appearance: none;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  padding: 0 15px;
  font-weight: 700;
  background-color: transparent;
}
footer[role=contentinfo] .wrap div {
  margin: 30px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 30px 0 0 0;
}
footer[role=contentinfo] .wrap div p {
  float: left;
  width: 50%;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  line-height: 1;
}
footer[role=contentinfo] .wrap div p + p {
  text-align: right;
}

@media (orientation: landscape) {
  .rotate_device {
    display: none;
  }
}
@keyframes mulShdSpin {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.right_aligned_text {
  text-align: right;
}
.right_aligned_text header[role=banner] {
  text-align: left;
}
.right_aligned_text .quiz_list .wrap > header {
  text-align: right;
}
.right_aligned_text .quiz_module .question ul li button {
  text-align: right;
}
.right_aligned_text .episode_list .wrap > header h1 {
  text-align: right;
}
.right_aligned_text .menu .wrap ul li {
  text-align: right;
}
.right_aligned_text .landing_page .lp_hero .callout {
  text-align: right;
}
.right_aligned_text .landing_page .lp_hero .callout h2 {
  left: auto;
  right: 30px;
}
.right_aligned_text .landing_page .lp_hero .callout h1 {
  left: auto;
  right: 30px;
}
.right_aligned_text .landing_page .lp_hero .callout p {
  left: auto;
  right: 30px;
}
.right_aligned_text .landing_page .lp_browser header h2 {
  text-align: right;
  padding-right: 30px;
}
.right_aligned_text .landing_page .lp_browser .special_features .wrap header h2 {
  text-align: right;
  padding-right: 0;
}
.right_aligned_text .landing_page .lp_browser .special_features .wrap figure a h5 {
  left: auto;
  min-width: 200px;
  right: 30px;
}
.right_aligned_text .landing_page .lp_browser .lp_browser_sections .swiper .swiper-wrapper .swiper-slide h2 {
  text-align: right;
}
.right_aligned_text .landing_page .lp_impact {
  text-align: right;
}
.right_aligned_text .landing_page .lp_impact .wrap ul.ibible_stats li.wide {
  text-align: right;
}
.right_aligned_text .ibible_module > header .wrap h2 {
  width: 100%;
}
.right_aligned_text .ibible_module .modules > .swiper ul li article .toggle_menu .toggle_panel > button {
  clear: both;
  float: right;
}
.right_aligned_text .new_video_player .wrap .comments form p textarea {
  text-align: right;
}
.right_aligned_text .settings_panel .wrap .panel button {
  float: right;
  clear: both;
}
.right_aligned_text .special_feature > .wrap .comments form p textarea {
  text-align: right;
}
.right_aligned_text footer[role=contentinfo] {
  text-align: right;
}
.right_aligned_text footer[role=contentinfo] .wrap figure {
  text-align: right;
  width: 100%;
}
.right_aligned_text footer[role=contentinfo] .wrap figure img {
  display: inline-block;
  width: 100px;
}
.right_aligned_text footer[role=contentinfo] .wrap div p {
  text-align: left;
}
.right_aligned_text footer[role=contentinfo] .wrap div p + p {
  text-align: right;
}

/*# sourceMappingURL=mobile.css.map */