* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, section,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

html[data-useragent*="MSIE 10.0"] a, img {
  border: none;
  outline: none;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul, ol {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 16px;
}
ul li, ol li {
  padding: 0;
  margin: 0 0 4px 0;
}

p, .p {
  font-weight: normal;
  margin: 0 0 16px;
}

img {
  width: 100%;
  margin: auto;
}

.neutralcolor {
  color: #80ced6;
}

.positivecolor {
  color: rgb(34, 139, 34);
}

.negativecolor {
  color: rgb(220, 20, 60);
}

.inactivecolor {
  color: rgb(179, 179, 179);
}

.delete {
  color: rgb(220, 20, 60);
}

.unimportant {
  color: #b3b3b3;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.hide {
  display: none;
}

.gray_square {
  background: lightgray;
  padding: 16px;
}

.border {
  border: 1px solid lightgray;
}

.border-radius {
  border: 1px solid lightgray;
  border-radius: 8px;
}

.flex--center {
  align-items: center;
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.spacer--8 {
  height: 8px;
}

.spacer--16 {
  height: 16px;
}

.spacer-24, .spacer--24 {
  height: 24px;
}

.spacer--32 {
  height: 32px;
}

.spacer-36, .spacer--36 {
  height: 36px;
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.max-width-300, .max-w-300 {
  max-width: 300px;
}

.max-width-350, .max-w-340 {
  max-width: 330px;
}

.max-width-450, .max-w-450 {
  max-width: 450px;
}

.max-width-600, .max-w-600 {
  max-width: 600px;
}

.auto-margin {
  margin: 0 auto;
}

.margin-center {
  margin: 0 auto;
}

.m-8 {
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}

.mt-4, .margin-top-4 {
  margin-top: 4px;
}

.mt-8, .margin-top-8 {
  margin-top: 8px;
}

.mt-16, .margin-top-16 {
  margin-top: 16px;
}

.mt-32, .margin-top-32 {
  margin-top: 32px;
}

.mb-4, .margin-bottom-4 {
  margin-bottom: 4px;
}

.mb-8, .margin-bottom-8 {
  margin-bottom: 8px;
}

.mb-16, .margin-bottom-16 {
  margin-bottom: 16px;
}

.mb-32, .margin-bottom-32 {
  margin-bottom: 32px;
}

.ml-4, .margin-left-4 {
  margin-left: 4px;
}

.ml-8, .margin-left-8 {
  margin-left: 8px;
}

.ml-16, .margin-left-16 {
  margin-left: 16px;
}

.ml-32, .margin-left-32 {
  margin-left: 32px;
}

.mr-4, .margin-right-4 {
  margin-right: 4px;
}

.mr-8, .margin-right-8 {
  margin-right: 8px;
}

.mr-16, .margin-right-16 {
  margin-right: 16px;
}

.mr-32, .margin-right-32 {
  margin-right: 32px;
}

.ms-8, .my-8 {
  margin-right: 8px;
  margin-left: 8px;
}

.ms-16, .my-16 {
  margin-right: 16px;
  margin-left: 16px;
}

.p-8, .padding-8 {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}

.p-16, .padding-16 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}

.pt-8 {
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.py-4 {
  padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 0px;
}

.py-8 {
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
}

.px-8 {
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
}

.px-16 {
  padding-top: 0px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
}

.pb-4, .padding-bottom-4 {
  padding-bottom: 4px;
}

.pb-8, .padding-bottom-8 {
  padding-bottom: 8px;
}

.pl-4, .padding-left-4 {
  padding-left: 4px;
}

.pl-8, .padding-left-8 {
  padding-left: 8px;
}

.pr-4, .padding-right-4 {
  padding-right: 4px;
}

.pr-8, .padding-right-8 {
  padding-right: 8px;
}

.no-padding {
  padding: 0;
}

.no-padding-important {
  padding: 0 !important;
}

.no-margin {
  margin: 0;
}

.no-margin-important {
  margin: 0 !important;
}

.bg-white {
  background: white;
}

.rounded {
  border-radius: 10px;
}

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.testMode {
  background: darkred;
  color: white;
  padding: 8px 0;
  text-align: center;
}

.importantNotice {
  color: white;
  padding: 8px 0;
  text-align: center;
}

.positiveNotice {
  background: forestgreen;
}

.negativeNotice {
  background: darkred;
}

.portal_page {
  display: flex;
  padding: 82px 0 0 0;
  height: 100%;
  background: rgba(77, 101, 135, 0.05);
}
.portal_page .content {
  margin: 0 auto;
  padding: 32px;
  flex: 1 1 0;
  overflow: auto;
}
.portal_page .content .return_btn {
  margin: 0 0 16px;
}
.portal_page .page_notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: darkred;
  color: white;
  padding: 8px 0;
  font-size: 12px;
}

.bShadow, .contact_form, .login, .apply, .news_detail, .news .news__item .news__content, .question_flow .btn, .question_flow .btn--secondary, .question_flow .btn--small, .offsetSection, .subject_cards_view .subjects .card .card__content .subject_stats .subject_stat .alt_text, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat .alt_text, .subject_cards_view .subjects .card .card__content .subject_stats, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats, .subject_list--compact, .subject_list--cards .subject--card, .event_design2, .apply_event .card, .apply_event .card--no-bg, .event_card, .event_cards .event_square, .event_blocks .event_rect, .events_list_small .event_block, .event_list .event_block, input, textarea, .modal_overlay .user_suggestion, .modal_overlay .subj_suggestion, .modal_overlay .orga_suggestion, .modal_overlay .speaker_suggestion, .modal_overlay .community_switch .community_option, .modal_overlay .modal {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.no-bShadow {
  box-shadow: none;
}

.fa-times, .fa-trash {
  color: crimson;
}

.fa-check {
  color: forestgreen;
}

.clickable {
  cursor: pointer;
}

.appstore_image {
  width: 150px;
}

.link {
  color: #ec7523;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.hover-underline:hover {
  text-decoration: underline;
}

.delete_on_hover, .delete_on_hover .fa-trash {
  color: lightgray;
  cursor: pointer;
  transition: color 0.35s ease;
}
.delete_on_hover:hover, .delete_on_hover .fa-trash:hover {
  color: crimson;
}

.delete_on_hover {
  display: inline-block;
  padding: 0 4px;
}

.required_field {
  position: absolute;
  top: -3px;
  padding: 0 3px;
  font-size: 14px;
}

.social_on, .social_off {
  display: inline-block;
}
.social_on img, .social_off img {
  width: 32px;
}

.fade {
  color: lightgray;
}

.split, .flex, .flex--center, .flex-col {
  display: flex;
}
.split .block, .flex .block, .flex--center .block, .flex-col .block {
  flex: 1 1 0;
}
.split .block--nopadding, .flex .block--nopadding, .flex--center .block--nopadding, .flex-col .block--nopadding {
  flex: 1 1 0;
  padding: 0;
}
.split .block--padding, .flex .block--padding, .flex--center .block--padding, .flex-col .block--padding {
  padding: 0 8px;
}
.split .block--limit, .flex .block--limit, .flex--center .block--limit, .flex-col .block--limit {
  max-width: 450px;
}
.split .block--2, .flex .block--2, .flex--center .block--2, .flex-col .block--2 {
  flex: 2 1 0;
}
.split .block--3, .flex .block--3, .flex--center .block--3, .flex-col .block--3 {
  flex: 3 1 0;
}
.split .block--4, .flex .block--4, .flex--center .block--4, .flex-col .block--4 {
  flex: 4 1 0;
}
.split .block--5, .flex .block--5, .flex--center .block--5, .flex-col .block--5 {
  flex: 5 1 0;
}
.split .block + .block, .flex .block + .block, .flex--center .block + .block, .flex-col .block + .block {
  padding: 0 0 0 32px;
}
.split .block--sm, .flex .block--sm, .flex--center .block--sm, .flex-col .block--sm {
  flex: 0 0 32px;
}
.split .block--md, .flex .block--md, .flex--center .block--md, .flex-col .block--md {
  flex: 0 0 100px;
}
.split .block--lg, .flex .block--lg, .flex--center .block--lg, .flex-col .block--lg {
  flex: 0 0 150px;
}
.split .block--300, .flex .block--300, .flex--center .block--300, .flex-col .block--300 {
  flex: 0 0 300px;
}
.split .block--350, .flex .block--350, .flex--center .block--350, .flex-col .block--350 {
  flex: 0 0 350px;
}
.split .block--400, .flex .block--400, .flex--center .block--400, .flex-col .block--400 {
  flex: 0 0 400px;
}
.split .block--450, .flex .block--450, .flex--center .block--450, .flex-col .block--450 {
  flex: 0 0 450px;
}
.split .block--500, .flex .block--500, .flex--center .block--500, .flex-col .block--500 {
  flex: 0 0 500px;
}
.split .block--650, .flex .block--650, .flex--center .block--650, .flex-col .block--650 {
  flex: 0 0 650px;
}

.flex-col {
  flex-direction: column;
}

.gap {
  gap: 8px;
}

.gap-2 {
  gap: 16px;
}

.gap-4 {
  gap: 32px;
}

.flex--wrap {
  flex-wrap: wrap;
}

.split-h-center {
  align-items: center;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-BoldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-LightItalic.ttf);
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-MediumItalic.ttf);
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Black.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-BlackItalic.ttf);
  font-style: italic;
  font-weight: 700;
}
body, html {
  font-size: 14px;
  font-family: Roboto, Verdana, sans-serif;
  color: rgb(71, 71, 71);
}

h1, h2, h3, h4, h5 {
  font-family: inherit;
  margin-bottom: 16px;
  color: rgb(77, 101, 135);
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.schakel-carousel {
  overflow: hidden;
  width: 100%;
}
.schakel-carousel .grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transistion: 0.25s linear;
  transition: 0.25s linear;
}
.schakel-carousel .schakel-carousel__window {
  display: flex;
  transition: all 0.45s ease 0s;
  align-items: center;
}
.schakel-carousel .schakel-carousel__window .item {
  padding: 0 16px;
  text-align: center;
}
.schakel-carousel .schakel-carousel__window .item img {
  max-height: 200px;
  max-width: 60%;
  width: auto;
}

.modal_overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .modal {
  background: white;
  width: 650px;
}
.modal_overlay .modal .modal__title {
  padding: 16px;
  background: lightgray;
}
.modal_overlay .modal .modal__close, .modal_overlay .modal .close_modal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: crimson;
  cursor: pointer;
  padding: 8px;
}
.modal_overlay .modal .modal__content {
  padding: 20px;
  max-height: 600px;
  min-height: 350px;
  overflow-y: auto;
}
.modal_overlay .modal .divider_title {
  background: #4D6587;
  color: white;
  padding: 8px 12px;
  margin: 0 0 8px;
}
.modal_overlay .modal .modal_popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .modal .modal_popup .close_modal_popup {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  font-size: 16px;
  cursor: pointer;
}
.modal_overlay .modal .modal_popup .modal_popup_content {
  background: white;
  padding: 24px 24px 16px 16px;
  max-width: 80%;
}
.modal_overlay .modal .delete {
  cursor: pointer;
  color: lightgray;
  transition: color 0.35s ease;
}
.modal_overlay .modal .delete:hover {
  color: crimson;
}
.modal_overlay .image_example img {
  width: auto;
}
.modal_overlay .modalSuccess {
  background: rgba(34, 140, 34, 0.3);
  text-align: center;
  padding: 8px;
  display: none;
  margin: 8px;
}
.modal_overlay .modalError {
  background: rgba(220, 20, 60, 0.3);
  text-align: center;
  padding: 8px;
  display: none;
  margin: 8px;
}
.modal_overlay .tab_navigation {
  display: flex;
  border-bottom: 1px solid #c2c2c2;
  margin: 0 0 32px;
}
.modal_overlay .tab_navigation .tab {
  flex: 1 1 0;
  padding: 16px 0;
  text-align: center;
  border-bottom: 2px solid #f5f5f5;
  cursor: pointer;
  color: gray;
  transition: border 0.35s ease;
}
.modal_overlay .tab_navigation .tab:hover {
  color: #333;
  border-bottom: 2px solid #2b71ab;
}
.modal_overlay .tab_navigation .tab--active {
  border-bottom: 2px solid #2b71ab;
  color: #333;
}
.modal_overlay .back {
  margin: 0 0 16px;
  color: #ec7523;
  cursor: pointer;
}
.modal_overlay .back:hover {
  text-decoration: underline;
}
.modal_overlay .community_switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.modal_overlay .community_switch .community_option {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid lightgray;
  overflow: hidden;
  cursor: pointer;
}
.modal_overlay .community_switch .community_option img {
  max-width: 100px;
}
.modal_overlay .community_switch .community_option .name_overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: opacity 0.35s ease;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .community_switch .community_option:hover .name_overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}
.modal_overlay .new_system_item_select {
  display: flex;
  padding: 16px 0;
}
.modal_overlay .new_system_item_select .item__option {
  flex: 1 1 0;
  padding: 16px 0;
  text-align: center;
  cursor: pointer;
  background: white;
  transition: background 0.35s ease;
}
.modal_overlay .new_system_item_select .item__option .icon {
  font-size: 36px;
  padding: 0 0 16px;
  color: #7c7c7c;
  transition: color 0.35s ease;
}
.modal_overlay .new_system_item_select .item__option:hover {
  background: rgba(236, 117, 35, 0.1);
}
.modal_overlay .new_system_item_select .item__option:hover .icon {
  color: #ec7523;
}
.modal_overlay .participant_modal {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}
.modal_overlay .participant_modal .connection_request {
  text-align: right;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  font-size: 12px;
  border-radius: 10px;
}
.modal_overlay .participant_modal .connection_request.request_pending {
  background: lightblue;
}
.modal_overlay .participant_modal .connection_request.connected {
  background: lightgreen;
  cursor: pointer;
}
.modal_overlay .participant_modal .connection_request.connected:hover {
  text-decoration: underline;
}
.modal_overlay .participant_modal .connection_request.connect {
  background: lightsalmon;
  cursor: pointer;
}
.modal_overlay .participant_modal .connection_request.connect:hover {
  text-decoration: underline;
}
.modal_overlay .participant_modal .image {
  margin: 0 0 16px;
  text-align: center;
  padding: 36px 0 0;
}
.modal_overlay .participant_modal .image .image_window {
  border-radius: 100%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .participant_modal .image img {
  width: 150px;
  flex: 1 1 0;
  margin: 0;
}
.modal_overlay .participant_modal .organisation {
  color: grey;
  font-weight: 700;
  margin: 0 0 8px;
  cursor: pointer;
}
.modal_overlay .participant_modal .organisation:hover {
  text-decoration: underline;
}
.modal_overlay .participant_modal a {
  color: #2b71ab;
}
.modal_overlay .participant_modal a.btn, .modal_overlay .participant_modal a.btn--small, .modal_overlay .participant_modal a.btn--secondary {
  color: white;
}
.modal_overlay .participant_modal .user_subjects .subject, .modal_overlay .participant_modal .user_subjects .response, .modal_overlay .participant_modal .user_responses .subject, .modal_overlay .participant_modal .user_responses .response {
  display: block;
  text-align: left;
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid gray;
}
.modal_overlay .participant_modal .user_subjects .subject a, .modal_overlay .participant_modal .user_subjects .response a, .modal_overlay .participant_modal .user_responses .subject a, .modal_overlay .participant_modal .user_responses .response a {
  color: inherit;
}
.modal_overlay .participant_modal .user_subjects .subject h3, .modal_overlay .participant_modal .user_subjects .response h3, .modal_overlay .participant_modal .user_responses .subject h3, .modal_overlay .participant_modal .user_responses .response h3 {
  margin: 0 0 4px;
}
.modal_overlay .participant_modal .user_subjects .subject:last-child, .modal_overlay .participant_modal .user_subjects .response:last-child, .modal_overlay .participant_modal .user_responses .subject:last-child, .modal_overlay .participant_modal .user_responses .response:last-child {
  border-bottom: none;
}
.modal_overlay .connection_requests .request {
  justify-content: center;
  align-items: center;
  margin: 0 0 16px;
  border: 1px solid lightgray;
  border-radius: 20px;
  padding: 12px;
}
.modal_overlay .connection_requests .request .avatar {
  flex: 0 0 80px;
  text-align: center;
}
.modal_overlay .connection_requests .request .avatar .image_window {
  border-radius: 100%;
  overflow: hidden;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .connection_requests .request .avatar img {
  width: 75px;
  flex: 1 1 0;
  margin: 0;
}
.modal_overlay .connection_requests .request .response {
  flex: 0 0 150px;
  text-align: center;
  margin: 8px 0 0;
  border-left: 1px solid lightgray;
}
.modal_overlay .connection_requests .request .response .deny, .modal_overlay .connection_requests .request .response .accept {
  display: block;
  text-align: center;
  cursor: pointer;
  transition: color 0.35s ease;
  padding: 8px;
}
.modal_overlay .connection_requests .request .response .deny {
  color: lightgray;
}
.modal_overlay .connection_requests .request .response .deny:hover {
  color: crimson;
}
.modal_overlay .connection_requests .request .response .accept {
  color: rgba(34, 139, 34, 0.7);
}
.modal_overlay .connection_requests .request .response .accept:hover {
  color: green;
}
.modal_overlay .taskplanner .task_list .task {
  background: rgba(211, 211, 211, 0.7);
  border: 1px solid lightgray;
  padding: 12px;
  margin: 0 0 12px;
}
.modal_overlay .databank_modal {
  max-width: 450px;
  margin: 0 auto;
}
.modal_overlay .databank_modal .created {
  color: lightgray;
  font-size: 14px;
}
.modal_overlay .databank_modal a {
  color: #2b71ab;
}
.modal_overlay .delete_modal {
  max-width: 450px;
  margin: 0 auto;
}
.modal_overlay .delete_modal .btn_con {
  text-align: center;
  margin: 0 0 16px;
}
.modal_overlay .delete_modal .delete {
  background: crimson;
}
.modal_overlay .confirmAction {
  text-align: center;
}
.modal_overlay .confirmAction .cancel {
  background: gray;
  margin: 0 8px 0 0;
}
.modal_overlay .image_view .prev_image, .modal_overlay .image_view .next_image {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.37);
  padding: 0 16px;
  z-index: 2;
  font-size: 24px;
  cursor: pointer;
  transition: opacity 0.25s ease;
}
.modal_overlay .image_view .prev_image:hover, .modal_overlay .image_view .next_image:hover {
  opacity: 1;
}
.modal_overlay .image_view .prev_image {
  left: 0;
}
.modal_overlay .image_view .next_image {
  right: 0;
}
.modal_overlay .manage_image img, .modal_overlay .manage_file img {
  max-height: 200px;
  max-width: 200px;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.modal_overlay .manage_image .delete, .modal_overlay .manage_file .delete {
  font-size: 14px;
  margin: 16px 0 0;
  font-style: italic;
  cursor: pointer;
}
.modal_overlay .manage_image .delete:hover, .modal_overlay .manage_file .delete:hover {
  text-decoration: underline;
}
.modal_overlay .response_modal .fade--inline {
  display: inline-block;
  width: 55px;
  color: #b3b3b3;
  font-weight: 300;
}
.modal_overlay .response_modal .subj_title {
  color: #4d6587;
  font-weight: 700;
}
.modal_overlay .response_modal .organisation {
  font-weight: 400;
  color: #b3b3b3;
}
.modal_overlay .response_modal .user {
  color: rgb(26, 112, 183);
  font-weight: 700;
}
.modal_overlay .discussion .font-small {
  font-size: 12px;
}
.modal_overlay .discussion .discussion_empty {
  font-style: italic;
  font-size: 12px;
  padding: 16px 0;
}
.modal_overlay .discussion .discussion_messages {
  margin: 0 0 16px;
  border-radius: 8px;
}
.modal_overlay .discussion .message {
  margin: 0 0 16px;
  border: 1px solid lightgray;
  border-radius: 8px;
}
.modal_overlay .discussion .message .message_owner {
  background: rgba(211, 211, 211, 0.3);
  padding: 8px;
  display: flex;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.modal_overlay .discussion .message .message_owner .avatar {
  width: 80px;
}
.modal_overlay .discussion .message .message_owner .avatar .avatar-wrapper {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal_overlay .discussion .message .message_owner .avatar .avatar-wrapper image {
  width: 50px;
  flex: 1 1 0;
}
.modal_overlay .discussion .message .message_owner .message_data {
  flex: 1 1 0;
  line-height: 1.8;
}
.modal_overlay .discussion .message .message_owner.owner {
  background: rgba(173, 216, 230, 0.3);
}
.modal_overlay .discussion .message .message_bubble {
  padding: 12px;
  max-width: 80%;
  word-break: break-all;
}
.modal_overlay .discussion .message.owned {
  text-align: right;
}
.modal_overlay .discussion .message.owned .message_bubble {
  background: rgba(43, 113, 171, 0.25);
}
.modal_overlay .discussion .new_discussion_message {
  background: lightgray;
  border-radius: 8px;
  padding: 16px;
}
.modal_overlay .discussion .new_discussion_message .flex, .modal_overlay .discussion .new_discussion_message .flex--center {
  align-items: center;
}
.modal_overlay .discussion .new_discussion_message .avatar {
  flex: 0 0 100px;
  padding: 0 16px;
}
.modal_overlay .discussion .new_discussion_message .avatar .avatar_wrapper {
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
}
.modal_overlay .discussion .new_discussion_message .avatar .avatar_wrapper img {
  width: 60px;
  margin: 0 auto;
}
.modal_overlay .discussion .new_discussion_message textarea {
  box-shadow: none;
  border-radius: 8px;
}
.modal_overlay .discussion .new_discussion_message .new_message_block {
  display: flex;
  justify-content: flex-end;
}
.modal_overlay .discussion .new_discussion_message .new_message_btn {
  text-align: right;
  cursor: pointer;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 8px;
  display: inline-block;
  padding: 0 8px;
  background: lightgray;
}
.modal_overlay .discussion .new_discussion_message .new_message_btn:hover {
  transition: background 0.35s ease;
  background: lightgreen;
  border: 1px solid lightgreen;
}
.modal_overlay .discussion .new_discussion_message .new_message_btn .fas {
  padding: 8px;
}
.modal_overlay .croppieModal img {
  width: auto;
}
.modal_overlay .create_guest_modal .save_user {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.modal_overlay .user_suggestion, .modal_overlay .subj_suggestion, .modal_overlay .orga_suggestion, .modal_overlay .speaker_suggestion {
  max-height: 150px;
  overflow-y: auto;
  max-width: 350px;
  margin: 0 0 32px;
  display: none;
}
.modal_overlay .user_suggestion .search_result, .modal_overlay .subj_suggestion .search_result, .modal_overlay .orga_suggestion .search_result, .modal_overlay .speaker_suggestion .search_result {
  border: 1px solid lightgray;
  padding: 8px;
  cursor: pointer;
}
.modal_overlay .conference_modal .orga_suggestion, .modal_overlay .conference_modal .speaker_suggestion {
  max-width: 450px;
  width: 450px;
}
.modal_overlay .conference_modal .speakers .search_result {
  padding: 8px;
  background: white;
  transition: background 0.35s ease;
  cursor: pointer;
}
.modal_overlay .conference_modal .speakers .search_result:hover {
  background: rgba(220, 20, 60, 0.3);
}
.modal_overlay .conference_modal .speakers .search_result + .search_result {
  border-top: 1px solid lightgray;
}
.modal_overlay .first_login .community_manager .avatar {
  max-width: 90px;
}
.modal_overlay .first_login .positivemessage {
  text-align: center;
  background-color: rgba(34, 139, 34, 0.2);
  padding: 20px 0;
  border: 2px solid rgb(34, 139, 34);
}
.modal_overlay .first_login .questions {
  display: flex;
  border: 2px solid lightgray;
  line-height: 24px;
}
.modal_overlay .first_login .questions .questions_text, .modal_overlay .first_login .questions .questions_chat {
  padding: 8px;
}
.modal_overlay .first_login .questions .questions_text {
  flex: 1 0 0;
  border-right: 2px solid lightgray;
}
.modal_overlay .first_login .questions .questions_chat {
  flex: 0 0 75px;
  text-align: center;
  color: rgb(34, 139, 34);
  cursor: pointer;
}

.form .form__section, form .form__section {
  padding: 20px 0;
  border-top: 1px solid lightgray;
  display: flex;
  max-width: 650px;
}
.form .form__section .form__section__label, form .form__section .form__section__label {
  flex: 0 0 250px;
  font-size: 16px;
}
.form .form__section .section__label, form .form__section .section__label {
  flex: 0 1 250px;
  color: rgb(77, 101, 135);
  font-weight: 500;
}
.form .form__section .form__section__content, form .form__section .form__section__content {
  flex: 1 1 0;
}
.form .form__section .section__content, form .form__section .section__content {
  flex: 1 1 0;
}
.form .form__section .fas, form .form__section .fas {
  cursor: pointer;
}
.form .form__section .fa-plus, form .form__section .fa-plus {
  color: rgb(34, 139, 34);
}
.form .input_flex, form .input_flex {
  max-width: 450px;
  display: flex;
  margin: 0 0 16px;
  align-items: center;
}
.form .input_flex .block, form .input_flex .block {
  flex: 1 1 0;
  margin: 0 8px 0 0;
}
.form .input_flex .block:last-child, form .input_flex .block:last-child {
  margin: 0;
}
.form .input_flex .block--2, form .input_flex .block--2 {
  flex: 2 1 0;
  margin: 0 8px 0 0;
  padding: 0;
}
.form .input_flex .block--2:last-child, form .input_flex .block--2:last-child {
  margin: 0;
}
.form .privacy, form .privacy {
  display: none;
}
.form .select--50, form .select--50 {
  display: inline-block;
  width: 50px;
}
.form .select--100, form .select--100 {
  display: inline-block;
  width: 100px;
}
.form .file_upload .file_list .file, form .file_upload .file_list .file {
  display: flex;
  align-items: center;
}
.form .file_upload .file_list .file input, form .file_upload .file_list .file input {
  flex: 1 1 0;
}
.form .file_upload .file_list .file .del, form .file_upload .file_list .file .del {
  flex: 0 0 35px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  padding: 8px 0;
}
.form .file_upload .file_list .file .del .fa-times, form .file_upload .file_list .file .del .fa-times {
  color: gray;
  transition: color 0.35s ease;
}
.form .file_upload .file_list .file .del:hover .fa-times, form .file_upload .file_list .file .del:hover .fa-times {
  color: crimson;
}
.form .file_upload .file_list .add_file, form .file_upload .file_list .add_file {
  cursor: pointer;
  color: #ec7523;
}
.form .upload_progress, form .upload_progress {
  display: none;
  width: 350px;
  margin: 0 auto 20px;
  text-align: center;
}
.form .upload_progress .bar, form .upload_progress .bar {
  height: 20px;
  width: 100%;
  border: 1px solid lightgray;
}
.form .upload_progress .bar .bar__fill, form .upload_progress .bar .bar__fill {
  height: 100%;
  width: 0%;
  background: rgba(34, 139, 34, 0.3);
  transition: width 0.35s ease;
}
.form .upload_progress .bar .bar__percent, form .upload_progress .bar .bar__percent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 12px;
}
.form .footnote, form .footnote {
  font-size: 12px;
  font-style: italic;
}
.form .saving, form .saving {
  position: absolute;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
.form .saving .saving__message, form .saving .saving__message {
  font-style: italic;
  width: 80%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 32px;
  color: lightgreen;
  border-radius: 10px;
}

.input_btn {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
}
.input_btn input {
  flex: 1 1 0;
}
.input_btn .btn_con {
  flex: 0 0 116px;
  padding: 0 0 0 16px;
}

.formError {
  display: none;
  background: rgba(220, 20, 60, 0.1);
  color: crimson;
  padding: 8px 16px;
  margin: 0 0 16px;
}

.formSuccess {
  display: none;
  background: rgba(34, 139, 34, 0.1);
  color: forestgreen;
  padding: 8px 16px;
  margin: 0 0 8px;
  margin: 0 0 16px;
}

p .label, p label, .p .label, .p label {
  display: block;
  font-weight: 700;
  margin: 0 0 4px;
}

input, textarea {
  font-family: inherit;
  padding: 12px;
  width: 100%;
  border: none;
  color: inherit;
  font-weight: inherit;
  font-size: 12px;
}

input::placeholder, textarea::placeholder {
  font-family: inherit;
  font-size: 12px;
  color: rgb(192, 193, 194);
  font-weight: inherit;
}

input[type=checkbox], input[type=radio] {
  width: 13px !important;
  height: 13px !important;
  box-shadow: none;
  margin: 4px;
}

.input--300 {
  width: 300px;
}

.multiline_input input {
  margin: 0 0 8px;
}
.multiline_input span {
  display: block;
}

select {
  width: 100%;
  padding: 8px;
}

.new_status {
  width: 120px;
}

option:checked, option:selected {
  background: rgba(236, 117, 35, 0.3);
}

.input--error {
  border: 1px solid crimson !important;
}

textarea::placeholder {
  font-family: inherit;
  font-size: 14px;
}

.form--300 input, .form--300 textarea {
  max-width: 300px;
}

.form--350 {
  max-width: 350px;
}

.events_per_month .months {
  display: flex;
  flex-wrap: wrap;
}
.events_per_month .months .month {
  flex: 0 0 16.66%;
  padding: 0 4px;
  border-right: 1px solid lightgray;
}
.events_per_month .months .month .month__name {
  padding: 16px;
  text-align: center;
  background: #ec7523;
  color: white;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.events_per_month .months .month:nth-child(even) .month__name {
  background: lightgray;
}
.events_per_month .months .month .event {
  display: flex;
  margin: 0 0 8px;
  word-break: break-all;
  background: lightblue;
  padding: 8px;
  border-radius: 10px;
}
.events_per_month .months .month .event .day {
  flex: 0 0 24px;
  font-weight: bold;
  color: white;
}

.event_list {
  padding: 0 20px 0 0;
}
.event_list .event_block {
  margin: 0 auto 32px;
  display: flex;
  background: white;
  max-width: 650px;
}
.event_list .event_block:hover {
  text-decoration: none;
}
.event_list .event_block .date_hightlight {
  flex: 0 0 80px;
  background: rgba(236, 117, 35, 0.7);
  transition: background 0.35s ease;
  font-weight: 700;
  color: white;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.event_list .event_block .date_hightlight .month {
  font-size: 16px;
}
.event_list .event_block .date_hightlight .day {
  font-size: 32px;
}
.event_list .event_block:hover .date_hightlight {
  background: #ec7523;
}
.event_list .event_block .event_data {
  flex: 1 1 0;
}
.event_list .event_block .event_data .event_banner {
  height: 120px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.event_list .event_block .event_data .event_content {
  padding: 16px;
}
.event_list .event_block .event_data .event_content h2 {
  font-size: 21px;
}
.event_list .event_block .event_data .event_content p {
  line-height: normal;
  font-size: 14px;
}
.event_list .event_block .event_data .event_props {
  font-size: 12px;
  opacity: 0.9;
}
.event_list .event_block .event_data .event_props .event_prop {
  display: inline-block;
  background: lightgray;
  border-radius: 10px;
  padding: 4px 8px;
  margin: 0 8px 0 0;
}

.events_list_small .event_block {
  margin: 0 auto 16px;
  display: flex;
  background: white;
  max-width: 650px;
  border-radius: 10px;
  overflow: hidden;
}
.events_list_small .event_block:hover {
  text-decoration: none;
}
.events_list_small .event_block .date_hightlight {
  flex: 0 0 60px;
  background: rgb(48, 48, 48);
  transition: background 0.35s ease;
  font-weight: 700;
  color: white;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.events_list_small .event_block .date_hightlight .month {
  font-size: 14px;
}
.events_list_small .event_block .date_hightlight .day {
  font-size: 24px;
}
.events_list_small .event_block .event_data {
  flex: 1 1 0;
}
.events_list_small .event_block .event_data .event_content {
  padding: 16px;
}
.events_list_small .event_block .event_data .event_content h2 {
  font-size: 21px;
  margin-bottom: 0px;
}
.events_list_small .event_block .event_data .event_content p {
  line-height: normal;
  font-size: 14px;
}
.events_list_small .event_block .event_data .event_props {
  font-size: 12px;
  opacity: 0.9;
}
.events_list_small .event_block .event_data .event_props .event_prop {
  display: inline-block;
  background: lightgray;
  border-radius: 10px;
  padding: 4px 8px;
  margin: 0 8px 0 0;
}

.event_blocks {
  font-size: 14px;
}
.event_blocks h2 {
  font-size: 21px;
}
.event_blocks p {
  line-height: normal;
  font-size: 14px;
}
.event_blocks .month {
  margin: 0 0 32px;
}
.event_blocks .events_in_month {
  display: flex;
  flex-wrap: wrap;
}
.event_blocks .event_rect {
  border-radius: 10px;
  overflow: hidden;
  background: white;
  display: flex;
  flex-direction: column;
  flex: 0 0 350px;
  margin: 0 32px 32px 0;
  color: inherit;
}
.event_blocks .event_rect .event__image {
  flex: 0 0 120px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.event_blocks .event_rect .event__image .date_hightlight {
  position: absolute;
  width: 80px;
  height: 80px;
  background: rgba(48, 48, 48, 0.7);
  font-weight: 700;
  color: white;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 10px;
}
.event_blocks .event_rect .event__image .date_hightlight .month {
  font-size: 16px;
}
.event_blocks .event_rect .event__image .date_hightlight .day {
  font-size: 32px;
}
.event_blocks .event_rect .event_data {
  padding: 48px 16px 16px;
}
.event_blocks .event_rect .event_data .event_label {
  position: absolute;
  left: 0;
  top: 12px;
  background: rgb(23, 151, 199);
  width: 90px;
  padding: 4px 4px 4px 8px;
  color: rgb(215, 232, 238);
  font-weight: 700;
}
.event_blocks .event_rect .event_data .event_props {
  font-size: 12px;
  opacity: 0.9;
}
.event_blocks .event_rect .event_data .event_props .event_prop {
  display: inline-block;
  background: lightgray;
  border-radius: 10px;
  padding: 4px 8px;
  margin: 0 8px 8px 0;
}
.event_blocks .event_rect--lightblueaccent {
  background: rgba(230, 230, 250, 0.3);
}

.event_cards h2 {
  font-size: 21px;
}
.event_cards p {
  line-height: normal;
  font-size: 14px;
}
.event_cards .month {
  margin: 0 0 32px;
}
.event_cards .events_in_month {
  display: flex;
  flex-wrap: wrap;
}
.event_cards .event_square {
  border-radius: 10px;
  overflow: hidden;
  background: white;
  display: flex;
  flex: 0 0 384px;
  flex-direction: column;
  margin: 0 32px 32px 0;
}
.event_cards .event_square .event__image {
  flex: 0 0 120px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.event_cards .event_square .event__image .date_hightlight {
  position: absolute;
  width: 80px;
  height: 80px;
  background: rgba(48, 48, 48, 0.7);
  font-weight: 700;
  color: white;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 10px;
}
.event_cards .event_square .event__image .date_hightlight .month {
  font-size: 16px;
}
.event_cards .event_square .event__image .date_hightlight .day {
  font-size: 32px;
}
.event_cards .event_square .event_data {
  padding: 16px 16px 8px;
  min-height: 200px;
}
.event_cards .event_square .event_data .event_label {
  position: absolute;
  left: 0;
  top: 8px;
  background: rgb(23, 151, 199);
  width: 90px;
  padding: 4px 4px 4px 8px;
  color: rgb(215, 232, 238);
  font-weight: 700;
}
.event_cards .event_square .event_data .event_props {
  font-size: 12px;
  opacity: 0.9;
}
.event_cards .event_square .event_data .event_props .event_prop {
  display: inline-block;
  background: lightgray;
  border-radius: 10px;
  padding: 4px 8px;
  margin: 0 8px 8px 0;
}
.event_cards .event_square .event_data .full_h2 {
  font-size: 21px;
}
.event_cards .event_square .event_data h1 {
  font-size: 20px;
}
.event_cards .event_square .event_data h2 {
  font-size: 16px;
}

.manage_event .edit_image {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-size: 18px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.manage_event .edit_image:hover {
  opacity: 1;
}
.manage_event .edit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 8px;
  cursor: pointer;
  color: forestgreen;
}

.manage_event .event_props, .createEvent .event_props, .event_card .event_props, .event_preview .event_props {
  font-size: 12px;
  opacity: 0.9;
}
.manage_event .event_props .event_prop, .createEvent .event_props .event_prop, .event_card .event_props .event_prop, .event_preview .event_props .event_prop {
  display: inline-block;
  background: lightgray;
  border-radius: 10px;
  padding: 4px 8px;
  margin: 0 8px 8px 0;
}

.event_card {
  border-radius: 10px;
}
.event_card .card__image {
  overflow: hidden;
}
.event_card .card__content {
  padding: 16px;
}
.event_card .card__content .full_h2 {
  font-size: 21px;
}
.event_card .card__content h1 {
  font-size: 20px;
}
.event_card .card__content h2 {
  font-size: 16px;
}
.event_card .card__content p {
  line-height: normal;
  font-size: 14px;
}

.apply_event .card, .apply_event .card--no-bg {
  background: white;
  padding: 16px;
  margin: 0 0 0 16px;
  border-radius: 10px;
}

.event_design1 {
  margin: 0 0 64px;
}
.event_design1 p {
  margin: 0 auto 16px;
  line-height: normal;
}
.event_design1 .event_info {
  margin: 0 0 64px;
}

.event_design2 {
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 32px;
}
.event_design2 h2 {
  font-size: 21px;
}
.event_design2 p {
  line-height: normal;
  font-size: 14px;
}
.event_design2 .event_banner {
  flex: 0 0 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.event_design2 .event_info {
  padding: 16px;
}

.card, .card--no-bg {
  display: block;
  background: white;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.card .card__title, .card--no-bg .card__title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2rem;
  color: rgb(77, 101, 135);
  padding: 16px;
}
.card .card__header, .card--no-bg .card__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.card .card__subhead, .card--no-bg .card__subhead {
  line-height: 1.25rem;
}
.card .card__content, .card--no-bg .card__content {
  padding: 16px;
}
.card .createItem, .card--no-bg .createItem {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
}

.card--no-bg {
  background: none;
  box-shadow: none;
}

.card--form {
  max-width: 450px;
}

.tabbed_card .tab_navigation {
  display: flex;
  border-bottom: 1px solid lightgray;
}
.tabbed_card .tab_navigation .tab {
  flex: 1 1 0;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
}
.tabbed_card .tab_navigation .tab:hover {
  background: rgba(43, 113, 171, 0.2);
}
.tabbed_card .tab_navigation .tab--active {
  background: #2b71ab;
  color: white;
}
.tabbed_card .tab_navigation .tab--active:hover {
  background: #2b71ab;
}
.tabbed_card .tabs {
  padding: 8px 0 0;
}
.tabbed_card .tabs .tab + .tab {
  display: none;
}

.tabbed-card {
  margin: 0 0 32px;
}
.tabbed-card .tabs {
  display: flex;
}
.tabbed-card .tabs .tab {
  flex: 1 1 0;
  padding: 16px 0;
  text-align: center;
  cursor: pointer;
  border-bottom: 4px solid rgba(0, 0, 0, 0.3);
  transition: border 0.35 ease;
}
.tabbed-card .tabs .tab:hover {
  border-bottom: 4px solid rgba(236, 117, 35, 0.6);
}
.tabbed-card .tabs .tab--active {
  border-bottom: 4px solid #ec7523;
  font-weight: 700;
}
.tabbed-card .tabs .tab--active:hover {
  border-bottom: 4px solid #ec7523;
}
.tabbed-card .cards .card, .tabbed-card .cards .card--no-bg, .tabbed-card .cards .tab {
  width: 100%;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tabbed-card .cards .card--hidden {
  display: none;
}
.tabbed-card .cards .table {
  border: none;
  box-shadow: none;
  padding: 0;
}

.disciplines {
  display: flex;
  margin: 0 0 24px;
}
.disciplines .discipline {
  flex: 0 1 150px;
  padding: 0 10px 0 0;
}
.disciplines .discipline .discipline_text {
  display: block;
  padding: 16px 0;
  width: 100%;
  border: 1px solid rgb(77, 101, 135);
  color: rgb(77, 101, 135);
  text-align: center;
  cursor: pointer;
  background: white;
  transition: background 0.35s ease;
  border-radius: 10px;
}
.disciplines .discipline .discipline_text:hover {
  background: #627ea5;
  color: white;
}
.disciplines .discipline .discipline--active {
  background: rgb(77, 101, 135);
  color: white;
}

.subject_nav {
  background: rgb(77, 101, 135);
  color: white;
  display: flex;
}
.subject_nav .item {
  flex: 1 1 0;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid rgb(77, 101, 135);
  transition: background 0.35s ease;
}
.subject_nav .item:hover {
  background: #627ea5;
  border-bottom: 4px solid #ec7523;
}
.subject_nav .item--active {
  background: #627ea5;
  border-bottom: 4px solid #ec7523;
}

.subject_list--cards .subject--card {
  background: white;
  max-width: 500px;
  margin: 0 auto 32px;
}
.subject_list--cards .subject--card .creator {
  display: flex;
  padding: 8px;
  align-items: center;
  border-bottom: 1px solid lightgray;
}
.subject_list--cards .subject--card .creator .creator__logo {
  flex: 0 0 40px;
  margin: 0 16px 0 0;
}
.subject_list--cards .subject--card .creator .creator__name {
  flex: 1 1 0;
  font-weight: bold;
}
.subject_list--cards .subject--card .creator .creator__location {
  font-size: 12px;
}
.subject_list--cards .subject--card .subject__content {
  padding: 8px 16px;
  border-bottom: 1px solid lightgray;
}
.subject_list--cards .subject--card .subject__content h3 {
  margin: 0 0 4px;
}
.subject_list--cards .subject--card .subject__content .subject_type {
  font-size: 12px;
}
.subject_list--cards .subject--card .subject__image {
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid lightgray;
}
.subject_list--cards .subject--card .subject__response {
  display: flex;
}
.subject_list--cards .subject--card .subject__response a, .subject_list--cards .subject--card .subject__response div {
  flex: 1 1 0;
  text-align: center;
  padding: 16px 0;
  cursor: pointer;
}
.subject_list--cards .subject--card .subject__response a:hover, .subject_list--cards .subject--card .subject__response div:hover {
  text-decoration: underline;
}
.subject_list--cards .subject--card .subject__response .positive {
  color: rgb(34, 139, 34);
  border-right: 1px solid lightgray;
}
.subject_list--cards .subject--card .subject__response .negative {
  color: lightgray;
}

.subject_list--compact {
  margin: 0 0 32px;
  background: white;
}
.subject_list--compact .subject__row {
  background: white;
  display: flex;
  align-items: center;
  padding: 8px 0px;
  border-bottom: 1px solid lightgray;
  align-items: center;
  height: 60px;
}
.subject_list--compact .subject__row:last-child {
  border-bottom: none;
}
.subject_list--compact .subject__row:hover {
  text-decoration: none;
  background: #F1F1F1;
}
.subject_list--compact .subject__row .field, .subject_list--compact .subject__row .field--md, .subject_list--compact .subject__row .field--sm, .subject_list--compact .subject__row .avatar {
  flex: 1 1 0;
}
.subject_list--compact .subject__row .avatar {
  flex: 0 0 80px;
  padding: 0 16px;
  text-align: center;
}
.subject_list--compact .subject__row .avatar img {
  max-height: 40px;
  width: auto;
  max-width: 100%;
}
.subject_list--compact .subject__row .field--sm {
  flex: 0 0 80px;
}
.subject_list--compact .subject__row .field--md {
  flex: 0 0 120px;
}
.subject_list--compact .subject__row .image {
  flex: 0 0 60px;
  padding: 0 8px;
}
.subject_list--compact .subject__row .action {
  flex: 0 0 80px;
}
.subject_list--compact .subject__row .title {
  color: #ec7523;
}
.subject_list--compact .subject__row .title, .subject_list--compact .subject__row .discipline {
  font-weight: 700;
}
.subject_list--compact .subject_loading {
  text-align: center;
  padding: 16px 0;
}

.subject_cards_view .subjects {
  flex-wrap: wrap;
}
.subject_cards_view .subjects .card, .subject_cards_view .subjects .card--no-bg {
  flex: 0 0 310px;
  margin: 0 16px 16px 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
}
.subject_cards_view .subjects .card .card__image, .subject_cards_view .subjects .card--no-bg .card__image {
  flex: 0 0 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.subject_cards_view .subjects .card .card__content, .subject_cards_view .subjects .card--no-bg .card__content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.subject_cards_view .subjects .card .card__content .full_height, .subject_cards_view .subjects .card--no-bg .card__content .full_height {
  flex: 0 0 auto;
}
.subject_cards_view .subjects .card .card__content .subject_stats, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats {
  position: absolute;
  top: -46px;
  right: -10px;
  display: flex;
  justify-content: flex-end;
  background: white;
  border-radius: 10px;
  font-size: 12px;
}
.subject_cards_view .subjects .card .card__content .subject_stats .subject_stat, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat {
  padding: 4px;
}
.subject_cards_view .subjects .card .card__content .subject_stats .subject_stat .alt_text, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat .alt_text {
  display: none;
  position: absolute;
  top: 19px;
  right: 9px;
  width: max-content;
  background: white;
  color: darkgray;
  padding: 2px 8px;
  border-radius: 5px;
  z-index: 2;
}
.subject_cards_view .subjects .card .card__content .subject_stats .subject_stat:hover .alt_text, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat:hover .alt_text {
  display: block;
}
.subject_cards_view .subjects .card .card__content .btn_con, .subject_cards_view .subjects .card--no-bg .card__content .btn_con {
  flex: 0 0 34px;
}
.subject_cards_view .subjects .card h2, .subject_cards_view .subjects .card--no-bg h2, .subject_cards_view .subjects .card h3, .subject_cards_view .subjects .card--no-bg h3, .subject_cards_view .subjects .card h4, .subject_cards_view .subjects .card--no-bg h4 {
  margin: 0;
}
.subject_cards_view .subjects .card h3, .subject_cards_view .subjects .card--no-bg h3 {
  font-size: 18px;
}
.subject_cards_view .subjects .card p, .subject_cards_view .subjects .card--no-bg p {
  line-height: normal;
}
.subject_cards_view .subjects .card .btn, .subject_cards_view .subjects .card .btn--small, .subject_cards_view .subjects .card .btn--secondary, .subject_cards_view .subjects .card--no-bg .btn, .subject_cards_view .subjects .card--no-bg .btn--small, .subject_cards_view .subjects .card--no-bg .btn--secondary {
  padding: 8px 12px;
}
.subject_cards_view .subjects .request_subject .card__image {
  background: rgba(236, 117, 35, 0.3);
}
.subject_cards_view .subjects .request_subject .card__image .callToAction {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 20px 0;
}
.subject_cards_view .subjects .request_subject .card__image .callToAction:hover {
  text-decoration: none;
}
.subject_cards_view .subjects .request_subject .card__image .icon-bg {
  background: #ec7523;
  color: white;
  font-size: 18px;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pre_title {
  display: block;
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 18px;
}

h1, h2, h3 {
  color: #000000;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 36px;
  font-weight: 400;
}

p {
  line-height: 2.5;
  font-size: 16px;
  max-width: 450px;
}

h1 strong, h2 strong, h3 strong, h4 strong, .pre_title strong {
  font-weight: normal;
  background: url(/assets/images/netwerkschakel/h1/orangedot.png) 50% no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: -1;
}

h2 strong {
  font-weight: normal;
  background: url(/public_html/assets/images/netwerkschakel/h1/orangedot.png) 50% no-repeat;
  background-size: 50px 100%;
  position: relative;
  z-index: -1;
}

button, .btn, .btn--small, .btn--secondary, .demo_btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  background: #E67433;
  padding: 12px 32px;
  color: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 25px;
  box-shadow: 0px 3px #cd5a19;
  transition: background 0.25s ease;
}
button:hover, .btn:hover, .btn--small:hover, .btn--secondary:hover, .demo_btn:hover {
  background: #e9834a;
}

.btn--secondary {
  box-shadow: none;
  background: none;
  color: gray;
  border: 1px solid gray;
}
.btn--secondary:hover {
  background: gray;
  color: white;
}

.btn--small {
  background: #537FB3;
  box-shadow: 0px 3px #416692;
  border-radius: 10px;
  padding: 4px 8px;
}
.btn--small:hover {
  background: #658cbb;
}

.demo_request {
  width: 300px;
  text-align: center;
}

.btn_con {
  margin: 0 0 16px;
}

.nav_bar {
  background: #2C509F;
  color: rgba(255, 255, 255, 0.8);
  padding: 16px;
  text-align: right;
  z-index: 2;
}

.mobile_nav {
  display: none;
  background: #2C509F;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  z-index: 10;
  font-size: 20px;
}
.mobile_nav .close_nav {
  text-align: right;
  margin: 0 0 32px;
  font-size: 40px;
  padding: 16px;
}
.mobile_nav .close_nav .fa-times {
  color: white;
}
.mobile_nav .options {
  text-align: center;
}
.mobile_nav .options .option {
  display: block;
  padding: 16px;
}
.mobile_nav .demo_request {
  position: absolute;
  bottom: 32px;
}

.header {
  z-index: 1;
}
.header .header__background {
  position: absolute;
  z-index: 0;
  right: 0;
  width: 69%;
}
.header .header__content {
  background: rgba(40, 81, 145, 0.87);
}
.header .header__nav {
  color: white;
  display: flex;
  align-items: center;
  padding: 8px 32px;
  border-bottom: 1px solid #2C509F;
  z-index: 4;
}
.header .header__nav .logo {
  flex: 1 1 0;
  text-align: center;
}
.header .header__nav .logo img {
  max-width: 150px;
}
.header .header__nav .nav {
  flex: 1 1 0;
  display: flex;
  padding: 40px;
  justify-content: space-evenly;
  font-size: 20px;
  font-weight: 300;
}
.header .header__nav .demo_request {
  flex: 0 0 300px;
  display: flex;
  align-content: center;
  justify-content: center;
}
.header .header__nav .mobile_nav_btn {
  display: none;
}
.header .hero {
  max-width: 80%;
  margin: 0 auto;
  padding: 145px 0;
  color: white;
}
.header .hero h1 {
  color: white;
}
.header .hero .emp {
  color: #E67433;
}
.header .half_circle {
  overflow: hidden;
  height: 150px;
}
.header .half_circle::before {
  border-radius: 100%;
  position: absolute;
  background: rgba(40, 81, 145, 0.87);
  right: -200px;
  left: -200px;
  top: -500px;
  content: "";
  bottom: 0;
}
.header .hero--small {
  padding: 80px 0 0;
}
.header .header__circle_corner, .header .header__circle_logo {
  background: rgba(255, 255, 255, 0.1);
  height: 700px;
  width: 700px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
}
.header .header__circle_corner {
  left: -25%;
  top: -59%;
  right: 0;
  bottom: 0;
}
.header .header__circle_logo {
  left: -15%;
  top: -64%;
  right: 0;
  bottom: 0;
}

/* General section CSS */
section {
  width: 80%;
  max-width: 80%;
  margin: 0 auto;
  padding: 16px 0;
}
section .block {
  padding: 32px 0 !important;
}
section .divider {
  width: 2px;
  background: #000000;
  margin: 0 48px;
}
section .cm_circle {
  height: 75px;
  width: 75px;
  margin: 0 auto 16px;
  border-radius: 50%;
}
section .cm_circle .icon {
  width: auto;
  text-align: center;
  margin: 0;
  display: flex;
  align-items: center;
  opacity: 1;
  height: 100%;
}
section .cm_circle .icon img {
  height: 50px;
  width: 50px;
  flex: 0 0 50px;
}

.center_section .block {
  text-align: center;
  max-width: 450px;
}
.center_section .demo_request {
  margin: 0 auto;
}

.normal_line-height p {
  line-height: 1.4;
}

.offsetSection {
  background: white;
  border: 1px solid lightgray;
  min-height: 200px;
  margin: -100px auto 100px auto;
  width: 650px;
  padding: 24px;
  z-index: 2;
}

.question_flow {
  align-items: center;
}
.question_flow .contact_image {
  text-align: center;
}
.question_flow .contact_image img {
  max-width: 108px;
  border: 4px solid #537FB3;
  border-radius: 50%;
  margin: 0 auto;
}
.question_flow .contact__info {
  text-align: center;
}
.question_flow .contact__info h3 {
  margin: 0;
}
.question_flow .privacy {
  display: none;
}
.question_flow .btn, .question_flow .btn--secondary, .question_flow .btn--small {
  display: inline-block;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
  text-align: center;
  transition: background 0.35s ease;
  background: #2b71ab;
  color: white;
  background: #537FB3;
}
.question_flow .btn:hover, .question_flow .btn--secondary:hover, .question_flow .btn--small:hover {
  background: #3b8bce;
}

.no-margin {
  margin: 0 auto;
}

.no-padding {
  padding: 0;
}

/* Divider CSS */
.divider_start .divider, .divide_sections .divider {
  width: 20px;
  text-align: center;
}
.divider_start .divider img, .divide_sections .divider img {
  width: 12px;
}

.divider_start {
  margin: -65px auto 0;
  z-index: 3;
  background: none;
}
.divider_start .divider {
  background: none;
}

.divide_sections {
  padding: 0;
  align-items: center;
  justify-content: center;
}
.divide_sections .divider {
  background: white;
}

/* Specific section CSS */
/* Introduce the community manager */
.community_manager {
  background: #2c509f;
  color: white;
  font-weight: 300;
  text-align: center;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.community_manager h2 {
  color: white;
}
.community_manager .section__content {
  width: 80%;
  margin: 48px auto;
  font-size: 18px;
  line-height: 2;
}
.community_manager .section__content .avatar {
  flex: 182px 0 0;
  padding: 0 32px;
}
.community_manager .section__content .avatar img {
  margin: 0 0 8px;
}
.community_manager .section__content .block {
  text-align: left;
}
.community_manager .section__content .demo_request {
  margin: 0 auto 32px;
}
.community_manager .quart_circle {
  height: 20px;
  overflow: hidden;
  bottom: -20px;
}
.community_manager .quart_circle::before {
  content: "";
  background: rgba(44, 80, 159, 0.87);
  border-radius: 100%;
  position: absolute;
  left: 51%;
  top: -48px;
  right: -2%;
  bottom: 0;
}

.community_manager::before {
  content: "";
  background: rgba(44, 80, 159, 0.87);
  border-radius: 100%;
  position: absolute;
  left: -35%;
  top: -19px;
  right: 18%;
  bottom: 0;
}

/* Community carousel */
.connected_communities {
  min-height: 250px;
}
.connected_communities h2 {
  text-align: center;
}
.connected_communities .participating_organisations {
  width: 100%;
  display: none;
}

/* New items */
.news .news__items {
  display: flex;
  flex-wrap: wrap;
  margin: 32px 0 0;
}
.news .news__item {
  flex: 0 0 48%;
  display: flex;
  margin: 8px;
}
.news .news__item .news__content {
  flex: 0 0 60%;
  background: white;
  padding: 16px;
}
.news .news__item .news__content p {
  line-height: 1.5;
}
.news .news__item .news__content .more {
  text-align: right;
  color: #E67433;
}
.news .news__item .news__image {
  flex: 0 0 40%;
  padding: 8px 8px 8px 0;
}

.news_detail {
  max-width: 450px;
  margin: 0 0 32px;
}
.news_detail .news__content {
  padding: 16px;
}
.news_detail p {
  line-height: 1.5;
}

/* 
 * Call to action bottom of home 
 * Community training
 */
.final_calltoaction, .community_training {
  background: #537FB3;
  text-align: center;
  max-width: 100%;
  width: 100%;
  padding: 160px 0 64px;
}
.final_calltoaction .avatar, .community_training .avatar {
  position: absolute;
  top: -75px;
  width: 150px;
  margin: 0 auto;
  left: 0;
  right: 0;
  color: white;
  font-size: 18px;
}
.final_calltoaction .avatar img, .community_training .avatar img {
  margin: 0 0 16px;
}
.final_calltoaction .pre_title, .community_training .pre_title {
  color: rgba(255, 255, 255, 0.5);
}
.final_calltoaction h1, .final_calltoaction h2, .community_training h1, .community_training h2 {
  color: white;
  margin: 0 auto 64px;
  max-width: 750px;
}
.final_calltoaction .demo_request, .community_training .demo_request {
  margin: 0 auto 32px;
}

.community_training {
  background: #2c509f;
}
.community_training h2 {
  margin: 0 auto 32px;
}
.community_training p {
  color: white;
  margin: 0 auto 32px;
}

.tools .tool {
  background: white;
  padding: 16px;
  border-radius: 28px;
  text-align: center;
  margin: 0 0 16px;
  cursor: pointer;
  transition: background 0.35s ease;
}
.tools .tool:hover {
  background: rgba(230, 116, 51, 0.6);
  color: white;
}
.tools .tool--active {
  background: #E67433;
  color: white;
}

/*
    Visual demo
*/
.visual_demo {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.visual_demo .slider {
  position: absolute;
  left: 32px;
  right: 32px;
  top: 32px;
  z-index: 2;
}
.visual_demo .slider .slider_background {
  background: rgba(255, 255, 255, 0.8);
  align-items: center;
  font-size: 18px;
  border-radius: 50px;
  width: 100%;
  height: 100px;
}
.visual_demo .slider .slides {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  bottom: 0;
}
.visual_demo .slider .slide {
  height: 130px;
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.35s ease;
}
.visual_demo .slider .slide:hover {
  background: rgba(44, 80, 159, 0.87);
}
.visual_demo .slider .slide .slide_btn {
  text-align: center;
}
.visual_demo .slider .slide .slide_btn .fas {
  font-size: 22px;
}
.visual_demo .slider .slide--active {
  background: #2c509f;
  color: white;
}
.visual_demo .images_con {
  width: 100%;
  overflow: hidden;
}
.visual_demo .images {
  width: 100%;
}
.visual_demo .images .image {
  width: 100%;
  min-height: 450px;
}
.visual_demo .images .image .image__float {
  position: absolute;
  right: 10%;
  bottom: 80px;
  background: #537FB3;
  padding: 16px;
  width: 450px;
}
.visual_demo .images .image .image__float h3 {
  color: white;
}
.visual_demo .images .image .image__float .demo_request {
  width: 100%;
  text-align: right;
}
.visual_demo .images .image .image__float .demo_request .demo_btn {
  width: 320px;
  float: right;
}

/* Login / apply forms */
.login, .apply {
  max-width: 450px;
  padding: 16px 36px;
  background: white;
}
.login p, .apply p {
  line-height: 1.5;
}
.login .btn_con, .apply .btn_con {
  text-align: right;
  margin: 0 0 32px;
}
.login .forgot, .apply .forgot {
  color: #E67433;
  text-align: center;
  margin: 0 0 32px;
}
.login .register, .apply .register {
  text-align: center;
  font-size: 12px;
  margin: 0 0 8px;
}

/* Contact form */
.contact_form {
  max-width: 400px;
  padding: 16px 48px;
  background: white;
}
.contact_form .demo_request {
  width: 100%;
}
.contact_form a {
  color: #E67433;
}
.contact_form button {
  width: 100%;
  border: none;
}

/*
    Planner / demo page
*/
.avatars .avatar {
  text-align: center;
}
.avatars .avatar img {
  max-width: 200px;
  margin: 0 0 8px;
}

.privacy {
  max-width: 580px;
}
.privacy h1 {
  font-size: 24px;
}
.privacy h2 {
  font-size: 20px;
  margin: 32px 0 16px;
}
.privacy p {
  line-height: 1.5;
}
.privacy ol {
  padding: 0 0 0 16px;
  margin: 0 0 16px;
}
.privacy ul {
  margin: 0 0 16px;
}

/*
    Visible on all pages
*/
footer {
  background: #2C509F;
  color: white;
  padding: 32px 10%;
}
footer h3 {
  color: white;
  font-size: 25px;
}
footer ul li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 8px;
}
footer .footer_menu li {
  padding: 0 0 16px;
  margin-left: -15px;
}
footer .split .apps {
  display: flex;
  flex: 2 1 0;
  justify-content: center;
}
footer .split .apps img {
  max-width: 100%;
  margin: 10px;
}
footer .social li {
  display: flex;
  align-items: center;
}
footer .social img {
  width: 32px;
  margin: 0 16px 0 0;
}
footer .appbutton {
  height: 50px;
  width: auto;
  max-width: none;
}
footer .appbutton:hover {
  filter: brightness(130%);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.copyright {
  background: #7A8DB9;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 16px 0;
  display: flex;
}
.copyright .block {
  flex: 1 1 0;
}

.system_page p {
  line-height: 1.5;
  font-size: 14px;
}

/* Mobile 320px width */
@media only screen and (max-width: 600px) {
  .pre_title {
    font-size: 18px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }
  p {
    line-height: 2;
  }
  .split {
    flex-direction: column;
  }
  .split .block {
    padding: 0;
    margin: 0 0 32px;
  }
  .split .divider {
    display: none;
  }
  .split .order--1 {
    order: 1;
  }
  .split .order--2 {
    order: 2;
  }
  .demo_request {
    width: 100%;
  }
  /* Hide none critical elements */
  .nav_bar,
  .divider_start, .divide_sections, .mobile_hide,
  .community_manager::before, .community_manager .quart_circle::before,
  .header .header__circle_corner, .header .header__circle_logo, #planner {
    display: none;
  }
  .header .header__nav {
    padding: 8px;
  }
  .header .header__nav .logo {
    text-align: left;
  }
  .header .header__nav .logo img {
    max-width: 100px;
  }
  .header .header__nav .nav, .header .header__nav .demo_request {
    display: none;
  }
  .header .header__nav .mobile_nav_btn {
    display: block;
    font-size: 20px;
    padding: 8px 16px;
  }
  .header .header__background {
    right: -90%;
    width: 200%;
  }
  .header .hero {
    max-width: 100%;
    padding: 16px;
  }
  .header .hero--small .split .block {
    margin: 0;
  }
  .header .half_circle {
    height: 35px;
  }
  .final_calltoaction, .community_training {
    margin: 48px auto 0;
  }
  .visual_demo .images .image .image__float {
    right: 5%;
    bottom: -25px;
    width: auto;
  }
  .visual_demo .images .image .image__float h3 {
    margin: 0;
  }
  .contact_form, .login, .apply {
    padding: 0;
    box-shadow: none;
  }
  footer .split .apps {
    display: block;
    text-align: center;
  }
  footer .split .apps img {
    max-width: 80%;
    margin: 16px 0;
  }
  .copyright {
    display: block;
  }
  .copyright .block {
    margin: 0 0 8px;
  }
}
/* Applies to tablet & mobile */
@media only screen and (max-width: 800px) {
  .visual_demo .slider, .visual_demo .images .image .image__float .demo_request {
    display: none;
  }
  .visual_demo .images .image .image__float {
    right: 5%;
    bottom: -25px;
    width: auto;
  }
  .visual_demo .images .image .image__float h3 {
    margin: 0;
  }
  .final_calltoaction, .community_training {
    margin: 48px auto 0;
  }
  .news .news__items {
    display: block;
  }
  .news .news__item {
    flex-direction: column-reverse;
    margin: 0 0 32px;
  }
  .news .news__item .order--1 {
    order: 1;
  }
  .news .news__item .order--2 {
    order: 2;
  }
  .news .news__item .news__image {
    padding: 0;
  }
}
/* Applies to tablet */
@media only screen and (min-width: 720px) and (max-width: 800px) {
  .header .hero--small .split .block {
    margin: 0;
  }
  .header .half_circle {
    height: 75px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }
  section {
    max-width: 90%;
  }
  .contact_form, .login, .apply {
    padding: 0;
    box-shadow: none;
  }
}
/* Larger laptops and most computer screens */
@media only screen and (min-width: 1330px) and (max-width: 1920px) {
  .header .header__background {
    width: 65%;
  }
}
/* Large screens */
@media only screen and (min-width: 1920px) {
  .header .header__background {
    width: 55%;
    top: -15%;
  }
  .header .half_circle {
    height: 170px;
  }
}

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