/**************************************
 * Variables: definition variables of:
    - Fonts
    - Colors
    - Functions
 **************************************/
/*
 * Fonts
 */
@font-face {
  font-family: 'Open_Sans-Regular';
  src: url("../Fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Open_Sans-Bold';
  src: url("../Fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Open_Sans-Light';
  src: url("../Fonts/Open_Sans/OpenSans-Light.ttf") format("truetype"); }
/*
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/MaterialIcons/MaterialIcons-Regular.ttf") format('truetype');
}
*/
/*
 * Colors
 */
/*$dark_blue: #206092;
$blue: rgba(45,56,128,.7);
$light_blue: rgb(80, 115, 160); // #5073A0
$dark_green: rgb(35, 85, 90); // #23555A*/
/*
 * Functions
 */
/**************************************
 * General styles for all pages
 * Content:
    - Main Navigation
    - Logos
    - Section general setting
    - Footer
 **************************************/
html, body {
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  background-color: #f6f9f9; }

.body_wrap {
  -webkit-box-shadow: 0 3px 8px #eee;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0 3px 8px #eee;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0 3px 8px #eee;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border: 1px solid #eee; }

.default_container {
  background: white;
  position: relative; }

body, p {
  font-family: 'Open_Sans-Regular';
  font-size: 1rem; }

a {
  text-decoration: none;
  color: #2F5597; }
  a:hover, a:focus {
    text-decoration: underline;
    cursor: pointer; }

b {
  color: #000000; }

.frame-layout-0 header {
  margin-top: 50px; }

.frame-layout-1 header {
  margin: 1.5rem 0 0; }

.frame-layout-2 header {
  margin-top: 50px;
  margin-bottom: 20px; }

.section_header a:hover, .section_social .row .social_link_div .section_header a:hover, .qic_home .section_qcbox .row .social_link_div .section_header a:hover, .section_header a:focus, .section_social .row .social_link_div .section_header a:focus, .qic_home .section_qcbox .row .social_link_div .section_header a:focus {
  text-decoration: none; }

/*
 * Colors
 */
.lrz_blue {
  color: #6CACDE; }

.bg_lrz_blue {
  background-color: #6CACDE; }

/*.bg_dark_20 { background-color: rgba(0,0,0, 0.2);}*/
.bg_dark_50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg_dark_70 {
  background-color: rgba(0, 0, 0, 0.7); }

.bg_grey {
  background-color: #CCD4D9; }

.bg_verylight_grey {
  background-color: rgba(204, 212, 217, 0.1); }

/*
 * Coming Page
 */
.coming_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/fileadmin/BQCX/Backgrounds/Quantum_Computing.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%; }

.coming_layer_bg {
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: .5s ease; }

.full-height {
  height: 100vh; }

.text_color {
  color: white; }

/*
 * Main Navigtion
 */
.navbar {
  background-color: white;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 999; }
  .navbar .navbar_bg {
    background-color: #CCD4D9;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease; }
  .navbar .navbar_content {
    width: 100%; }
    .navbar .navbar_content .navbar-toggler {
      width: auto;
      position: relative;
      z-index: 1; }
      .navbar .navbar_content .navbar-toggler:focus {
        box-shadow: none;
        border: none;
        outline-width: 1px;
        outline-style: solid; }
      .navbar .navbar_content .navbar-toggler .navbar-toggler-icon {
        padding: 0.2rem;
        display: inline-block;
        cursor: pointer;
        width: 36px;
        height: 36px; }
        .navbar .navbar_content .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
          width: 32px;
          height: 2px;
          background-color: black;
          margin: 6px 0;
          display: block; }
      .navbar .navbar_content .navbar-toggler.change .navbar-toggler-icon .bar1 {
        transform: rotate(-45deg) translate(-6px, 4px);
        -webkit-transform: rotate(-45deg) translate(-6px, 4px);
        -moz-transform: rotate(-45deg) translate(-6px, 4px);
        -ms-transform: rotate(-45deg) translate(-6px, 4px);
        -o-transform: rotate(-45deg) translate(-6px, 4px);
        -moz-transition: width 0.6s ease;
        -webkit-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease; }
      .navbar .navbar_content .navbar-toggler.change .navbar-toggler-icon .bar2 {
        opacity: 0;
        -moz-transition: width 0.4s ease;
        -webkit-transition: width 0.4s ease;
        -o-transition: width 0.4s ease;
        transition: width 0.4s ease; }
      .navbar .navbar_content .navbar-toggler.change .navbar-toggler-icon .bar3 {
        transform: rotate(45deg) translate(-7px, -5px);
        -webkit-transform: rotate(45deg) translate(-7px, -5px);
        -moz-transform: rotate(45deg) translate(-7px, -5px);
        -ms-transform: rotate(45deg) translate(-7px, -5px);
        -o-transform: rotate(45deg) translate(-7px, -5px);
        -moz-transition: width 0.6s ease;
        -webkit-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease; }
    .navbar .navbar_content ul.main_menu {
      position: relative;
      z-index: 1;
      padding: 0; }
      .navbar .navbar_content ul.main_menu li.nav-item {
        display: flex;
        align-items: center;
        padding: 0;
        border-left: 1px inset transparent;
        border-right: 1px inset transparent;
        margin-top: 1px; }
        .navbar .navbar_content ul.main_menu li.nav-item:hover .nav-link, .navbar .navbar_content ul.main_menu li.nav-item:focus .nav-link {
          color: black;
          background-color: #6CACDE; }
        .navbar .navbar_content ul.main_menu li.nav-item:hover div.dropdown-toggle-split, .navbar .navbar_content ul.main_menu li.nav-item:focus div.dropdown-toggle-split {
          background-color: #6CACDE; }
        .navbar .navbar_content ul.main_menu li.nav-item div.dropdown-toggle-split {
          background-color: #CCD4D9;
          display: inline;
          height: 100%;
          padding: 4px 8px;
          width: 40px;
          float: right; }
          .navbar .navbar_content ul.main_menu li.nav-item div.dropdown-toggle-split.dropdown-toggle::after {
            border: none; }
          .navbar .navbar_content ul.main_menu li.nav-item div.dropdown-toggle-split.open {
            width: 40px;
            height: 44px; }
            .navbar .navbar_content ul.main_menu li.nav-item div.dropdown-toggle-split.open::after {
              background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
              background-repeat: no-repeat;
              background-position: center center;
              width: 20px;
              height: 15px;
              margin-top: 11px;
              -moz-transition: all 0.2s ease;
              -webkit-transition: all 0.2s ease;
              -o-transition: all 0.2s ease;
              transition: all 0.2s ease;
              transform: rotate(-180deg); }
          .navbar .navbar_content ul.main_menu li.nav-item div.dropdown-toggle-split:not(.open)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: center center;
            width: 20px;
            height: 15px;
            margin-top: 11px;
            -moz-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease; }
        .navbar .navbar_content ul.main_menu li.nav-item a.nav-link {
          padding: 10px 1.5rem;
          font-size: 1rem;
          color: black;
          position: relative;
          height: 100%;
          display: inline;
          float: left; }
          .navbar .navbar_content ul.main_menu li.nav-item a.nav-link:hover, .navbar .navbar_content ul.main_menu li.nav-item a.nav-link:focus {
            text-decoration: none;
            background-color: #6CACDE;
            -moz-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease; }
        .navbar .navbar_content ul.main_menu li.nav-item.active .nav-link, .navbar .navbar_content ul.main_menu li.nav-item.active .dropdown-toggle {
          color: black;
          background-color: #6CACDE; }
        .navbar .navbar_content ul.main_menu li.nav-item.dropdown a.nav-link {
          padding-right: 5px; }
    .navbar .navbar_content ul.dropdown-menu {
      padding: 0;
      border-radius: 0;
      background-color: white;
      right: 0;
      left: auto;
      -webkit-box-shadow: 0 2px 10px -2px #ccc;
      /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow: 0 2px 10px -2px #ccc;
      /* Firefox 3.5 - 3.6 */
      box-shadow: 0 2px 10px -2px #ccc;
      /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
      opacity: 0;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-transition: all 0.2s ease-out;
      -webkit-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      -moz-transform: translate3d(0px, 30px, 0px);
      -webkit-transform: translate3d(0px, 30px, 0px);
      -o-transform: translate(0px, 30px);
      -ms-transform: translate(0px, 30px);
      transform: translate3d(0px, 30px, 0px); }
      .navbar .navbar_content ul.dropdown-menu.show {
        display: inline-block;
        opacity: 1;
        right: 0;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
      .navbar .navbar_content ul.dropdown-menu li.dropdown-item {
        padding: 0;
        display: inline-block; }
        .navbar .navbar_content ul.dropdown-menu li.dropdown-item:hover, .navbar .navbar_content ul.dropdown-menu li.dropdown-item:focus {
          background-color: transparent; }
        .navbar .navbar_content ul.dropdown-menu li.dropdown-item a {
          font-size: 0.9rem;
          color: black;
          text-decoration: none !important;
          padding: 10px 25px;
          width: 100%; }
          .navbar .navbar_content ul.dropdown-menu li.dropdown-item a:hover, .navbar .navbar_content ul.dropdown-menu li.dropdown-item a:focus {
            background-color: #6CACDE;
            -moz-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease; }
        .navbar .navbar_content ul.dropdown-menu li.dropdown-item.active {
          background-color: #6CACDE; }
          .navbar .navbar_content ul.dropdown-menu li.dropdown-item.active a {
            color: black; }

.languageMenuWrap {
  background-color: #f2f2f2; }
  .languageMenuWrap ul.language_menu {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .languageMenuWrap ul.language_menu li.lang_item {
      margin: 0 5px 3px; }
      .languageMenuWrap ul.language_menu li.lang_item .lang_title {
        color: #666666;
        font-size: 0.8rem; }
      .languageMenuWrap ul.language_menu li.lang_item a .lang_title {
        color: #666666; }
      .languageMenuWrap ul.language_menu li.lang_item a .icon-markup img {
        width: 22px;
        height: 22px; }
      .languageMenuWrap ul.language_menu li.lang_item a:hover, .languageMenuWrap ul.language_menu li.lang_item a:focus {
        text-decoration: none; }
        .languageMenuWrap ul.language_menu li.lang_item a:hover .lang_title, .languageMenuWrap ul.language_menu li.lang_item a:focus .lang_title {
          color: #B48A58; }
      .languageMenuWrap ul.language_menu li.lang_item.active a .lang_title {
        color: #B48A58; }

/*
 * Logos
 */
.section_logos {
  background: #ffffff;
  padding: 25px 0; }
  .section_logos .logo_wrap {
    padding: 10px 0px;
    max-height: 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .section_logos .logo_wrap .logo_item {
      align-items: center; }
    .section_logos .logo_wrap img {
      height: 70px;
      width: auto; }

/*
 * Sections
 */
.section_header, .section_social .row .social_link_div .section_header, .qic_home .section_qcbox .row .social_link_div .section_header {
  margin: 1.5rem 0 1rem; }

.uppercase_header {
  text-transform: uppercase; }

.s_fluid_col {
  padding: 2rem 3rem 1rem; }

.s_p_left {
  padding-right: 3rem; }

.s_p_right {
  padding-left: 3rem; }

.s_bottom_icon_div, .qic .section_2 .s2_left_bg .s2_bottom_icon_div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 0; }
  .s_bottom_icon_div > div:last-child, .qic .section_2 .s2_left_bg .s2_bottom_icon_div > div:last-child {
    margin-top: auto; }

.s_div_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100%; }

.s_link_div .s_layer_wrap, .section_social .row .social_link_div .s_layer_wrap, .qic_home .section_qcbox .row .social_link_div .s_layer_wrap, .qic .section_3 .s3_link_div .s_layer_wrap, .qic .section_4 .s4_link_div .s_layer_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .s_link_div .s_layer_wrap .s_bg_layer, .section_social .row .social_link_div .s_layer_wrap .s_bg_layer, .qic_home .section_qcbox .row .social_link_div .s_layer_wrap .s_bg_layer, .qic .section_3 .s3_link_div .s_layer_wrap .s_bg_layer, .qic .section_4 .s4_link_div .s_layer_wrap .s_bg_layer {
    background-color: #000000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease;
    z-index: 1;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .s_link_div .s_layer_wrap img.div_link_icon, .section_social .row .social_link_div .s_layer_wrap img.div_link_icon, .qic_home .section_qcbox .row .social_link_div .s_layer_wrap img.div_link_icon, .qic .section_3 .s3_link_div .s_layer_wrap img.div_link_icon, .qic .section_4 .s4_link_div .s_layer_wrap img.div_link_icon {
    position: absolute;
    width: 120px;
    height: 120px;
    opacity: 0;
    z-index: 2; }
.s_link_div:hover, .section_social .row .social_link_div:hover, .qic_home .section_qcbox .row .social_link_div:hover, .qic .section_3 .s3_link_div:hover, .qic .section_4 .s4_link_div:hover, .s_link_div:focus, .section_social .row .social_link_div:focus, .qic_home .section_qcbox .row .social_link_div:focus, .qic .section_3 .s3_link_div:focus, .qic .section_4 .s4_link_div:focus {
  cursor: pointer; }
  .s_link_div:hover .s_bg_layer, .section_social .row .social_link_div:hover .s_bg_layer, .qic_home .section_qcbox .row .social_link_div:hover .s_bg_layer, .qic .section_3 .s3_link_div:hover .s_bg_layer, .qic .section_4 .s4_link_div:hover .s_bg_layer, .s_link_div:focus .s_bg_layer, .section_social .row .social_link_div:focus .s_bg_layer, .qic_home .section_qcbox .row .social_link_div:focus .s_bg_layer, .qic .section_3 .s3_link_div:focus .s_bg_layer, .qic .section_4 .s4_link_div:focus .s_bg_layer {
    opacity: 0.5; }
  .s_link_div:hover img.div_link_icon, .section_social .row .social_link_div:hover img.div_link_icon, .qic_home .section_qcbox .row .social_link_div:hover img.div_link_icon, .qic .section_3 .s3_link_div:hover img.div_link_icon, .qic .section_4 .s4_link_div:hover img.div_link_icon, .s_link_div:focus img.div_link_icon, .section_social .row .social_link_div:focus img.div_link_icon, .qic_home .section_qcbox .row .social_link_div:focus img.div_link_icon, .qic .section_3 .s3_link_div:focus img.div_link_icon, .qic .section_4 .s4_link_div:focus img.div_link_icon {
    opacity: 1; }

.section_social .row, .qic_home .section_qcbox .row {
  height: auto;
  background-color: black; }
  .section_social .row .social_link_div, .qic_home .section_qcbox .row .social_link_div {
    position: relative;
    /*            .s_layer_wrap {
                    img { width: 120px;}
                }*/ }
    .section_social .row .social_link_div a, .qic_home .section_qcbox .row .social_link_div a {
      /*                position: relative; z-index: 1;*/
      color: white;
      text-decoration: none; }
      .section_social .row .social_link_div a:hover, .qic_home .section_qcbox .row .social_link_div a:hover, .section_social .row .social_link_div a:focus, .qic_home .section_qcbox .row .social_link_div a:focus {
        color: white; }
    .section_social .row .social_link_div .section_header, .qic_home .section_qcbox .row .social_link_div .section_header {
      color: white; }
    .section_social .row .social_link_div .s_bottom_icon_div figure.image, .qic_home .section_qcbox .row .social_link_div .s_bottom_icon_div figure.image, .section_social .row .social_link_div .qic .section_2 .s2_left_bg .s2_bottom_icon_div figure.image, .qic .section_2 .s2_left_bg .section_social .row .social_link_div .s2_bottom_icon_div figure.image, .qic_home .section_qcbox .row .social_link_div .qic .section_2 .s2_left_bg .s2_bottom_icon_div figure.image, .qic .section_2 .s2_left_bg .qic_home .section_qcbox .row .social_link_div .s2_bottom_icon_div figure.image {
      text-align: right;
      margin-bottom: 0; }
      .section_social .row .social_link_div .s_bottom_icon_div figure.image img, .qic_home .section_qcbox .row .social_link_div .s_bottom_icon_div figure.image img, .section_social .row .social_link_div .qic .section_2 .s2_left_bg .s2_bottom_icon_div figure.image img, .qic .section_2 .s2_left_bg .section_social .row .social_link_div .s2_bottom_icon_div figure.image img, .qic_home .section_qcbox .row .social_link_div .qic .section_2 .s2_left_bg .s2_bottom_icon_div figure.image img, .qic .section_2 .s2_left_bg .qic_home .section_qcbox .row .social_link_div .s2_bottom_icon_div figure.image img {
        height: 120px;
        margin-top: 20%;
        width: auto; }
    .section_social .row .social_link_div .acc_dark_layer, .qic_home .section_qcbox .row .social_link_div .acc_dark_layer {
      background-color: black;
      opacity: 0.8;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      transition: .5s ease; }

/*
 * FOOTER
 */
footer.bg-dark {
  color: white; }
  footer.bg-dark p {
    font-size: 1rem; }
  footer.bg-dark a {
    text-decoration: underline;
    color: white; }
    footer.bg-dark a:hover, footer.bg-dark a:focus {
      color: #6CACDE; }
  footer.bg-dark .footer_bottom_wrap {
    border-top: 1px solid #dddddd;
    font-size: 0.9rem; }
    footer.bg-dark .footer_bottom_wrap .footer_bottom {
      display: flex;
      align-items: center; }
      footer.bg-dark .footer_bottom_wrap .footer_bottom .copyright_text {
        margin: 0; }

ul.bottom_menu {
  display: flex; }
  ul.bottom_menu li.nav-item a.nav-link {
    color: white;
    padding: 0.3rem 0.5rem;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.9rem; }
    ul.bottom_menu li.nav-item a.nav-link:hover, ul.bottom_menu li.nav-item a.nav-link:focus {
      color: #CEAA77;
      text-decoration: none; }

.toTop_btn {
  position: fixed;
  bottom: 4rem;
  right: 2rem;
  padding: 0.5rem 0.7rem;
  width: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  border: none;
  /*	@include _transition(all, 0.3s, ease);*/
  /*    display: none;
  	position: fixed;
  	bottom: 4rem; right: 15px;
  	padding: 0.5rem 0.7rem;
  	background-color: $dark_50;
  	z-index: 999;
  	opacity: 0;
      width: 50px;
  	i { font-size: 2rem; color: $lrz_blue;}
  	&:hover, &:focus { opacity: 1 !important;}	*/ }
  .toTop_btn i {
    font-size: 2rem;
    color: #6CACDE; }
  .toTop_btn:hover, .toTop_btn:focus {
    opacity: 1 !important; }

/*
 * Cookies styles
 */
.consent_btn {
  border: 1px solid #CEAA77;
  padding: 0.5rem 1.2rem; }
  .consent_btn:hover, .consent_btn:focus {
    background-color: #6D5331;
    color: white;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

#consent_popup {
  /*
  display: inline-block; 
  width: 60%;
  margin: 0 auto;
  background-color: #000000; 
  position: fixed;
  top: 0; 
  left: 0;
  z-index: 999;
  @include _transition(all, 0.3s, ease);
  .consent_text a { text-decoration: underline;}
  button.consent_btn {
      padding: 0.5rem 2rem;
      &:hover, &:focus {
          background: $lrz_blue;
          color: white;
          @include _transition(all, 0.3s, ease);
      }
  }
  */ }
  #consent_popup .modal-header, #consent_popup .modal-footer {
    border: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  #consent_popup .modal-body {
    padding: 1rem 1.5rem; }
  #consent_popup a:hover, #consent_popup a:focus {
    text-decoration: underline; }

/********************************************
 * Styling for QIC
 ********************************************/
/*
 * BACKGROUND COLORS
 */
.qic_bg_silver_grey {
  background-color: #CCD4D9; }

.qic_bg_dark_grey {
  background-color: #565657; }

.qic_bg_dark_blue {
  background-color: #141E37; }

.qic_bg_light_gold {
  background-color: #CEAA77; }

.short_underline_gold {
  width: 30px;
  border: 1px solid #B48A58;
  background-color: #B48A58;
  margin-top: 0;
  margin-bottom: 1rem; }

.short_underline_white {
  width: 30px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  margin-top: 0;
  margin-bottom: 1rem; }

.section_banner, .qic_team .small_banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 20% 100%;
  min-height: 420px;
  height: auto;
  position: relative;
  background-color: black; }
  .section_banner .banner_layer_bg, .qic_team .small_banner .banner_layer_bg {
    background-color: black;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease; }
  .section_banner .bg_video, .qic_team .small_banner .bg_video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
  .section_banner .s_banner_bg, .qic_team .small_banner .s_banner_bg {
    background-color: black;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease;
    z-index: 1; }
  .section_banner .slogan_wrap, .qic_team .small_banner .slogan_wrap {
    padding: 1rem 1.5rem; }
    .section_banner .slogan_wrap .slogan, .qic_team .small_banner .slogan_wrap .slogan {
      font-family: 'Open_Sans-Light';
      color: white;
      position: relative; }
      .section_banner .slogan_wrap .slogan h3.slogan_header, .qic_team .small_banner .slogan_wrap .slogan h3.slogan_header {
        font-size: 2.2rem; }
      .section_banner .slogan_wrap .slogan h4, .qic_team .small_banner .slogan_wrap .slogan h4 {
        line-height: 1.3; }

.section_social .social_link_div:last-child, .qic_home .section_qcbox .social_link_div:last-child {
  background-color: #CEAA77; }
  .section_social .social_link_div:last-child .s_bottom_icon_div, .qic_home .section_qcbox .social_link_div:last-child .s_bottom_icon_div, .section_social .social_link_div:last-child .qic .section_2 .s2_left_bg .s2_bottom_icon_div, .qic .section_2 .s2_left_bg .section_social .social_link_div:last-child .s2_bottom_icon_div, .qic_home .section_qcbox .social_link_div:last-child .qic .section_2 .s2_left_bg .s2_bottom_icon_div, .qic .section_2 .s2_left_bg .qic_home .section_qcbox .social_link_div:last-child .s2_bottom_icon_div {
    /*
    figure.image {            
        img { 
            height: 80px; margin-bottom: 15px;
        }
    }
    */ }
    .section_social .social_link_div:last-child .s_bottom_icon_div:focus, .qic_home .section_qcbox .social_link_div:last-child .s_bottom_icon_div:focus, .section_social .social_link_div:last-child .qic .section_2 .s2_left_bg .s2_bottom_icon_div:focus, .qic .section_2 .s2_left_bg .section_social .social_link_div:last-child .s2_bottom_icon_div:focus, .qic_home .section_qcbox .social_link_div:last-child .qic .section_2 .s2_left_bg .s2_bottom_icon_div:focus, .qic .section_2 .s2_left_bg .qic_home .section_qcbox .social_link_div:last-child .s2_bottom_icon_div:focus {
      outline: -webkit-focus-ring-color auto 1px; }

/* 
 * QIC Opening
 */
.qic .section_1 hr {
  margin-top: 2rem;
  border-color: transparent !important;
  background-color: transparent; }
.qic .section_2 {
  height: auto; }
  .qic .section_2 .s2_left_bg {
    background-color: #141E37;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 center;
    /*            .register_livestream_btn {
                background-color: $qic_light_gold;
                color: white;
                font-size: 1.3rem;
                padding: 10px 20px 12px;
                display: block;
                text-align: center;
                margin-top: 80px;
                @include border_radius(3px, 3px, 3px, 3px);    
                &:hover, &:focus { background-color: $lrz_blue;}
            }*/ }
    .qic .section_2 .s2_left_bg a {
      color: #CEAA77; }
      .qic .section_2 .s2_left_bg a:hover {
        color: #6CACDE; }
    .qic .section_2 .s2_left_bg .s2_bg_layer {
      background-color: black;
      opacity: 0.6;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      transition: .5s ease; }
  .qic .section_2 .s2_right_bg {
    background-color: #141E37;
    font-size: 1rem;
    overflow: hidden;
    color: white;
    /* Style the buttons that are used to open and close the accordion panel */
    /* Style the accordion panel. Note: hidden by default */
    /* Button to toggle Programm Modal */ }
    .qic .section_2 .s2_right_bg .programm_container {
      overflow: auto; }
    .qic .section_2 .s2_right_bg .accordion {
      background-color: #141E37;
      color: #ffffff;
      cursor: pointer;
      padding: 5px 0;
      width: 100%;
      text-align: left;
      outline: none;
      border: none;
      transition: 0.4s;
      font-size: 0.9rem;
      margin-top: 10px;
      border-bottom: 1px solid #fff; }
      .qic .section_2 .s2_right_bg .accordion:hover, .qic .section_2 .s2_right_bg .accordion:focus {
        border-color: #CEAA77; }
        .qic .section_2 .s2_right_bg .accordion:hover .programm_time, .qic .section_2 .s2_right_bg .accordion:hover .programm_title, .qic .section_2 .s2_right_bg .accordion:hover .programm_title, .qic .section_2 .s2_right_bg .accordion:hover .programm_title:after, .qic .section_2 .s2_right_bg .accordion:focus .programm_time, .qic .section_2 .s2_right_bg .accordion:focus .programm_title, .qic .section_2 .s2_right_bg .accordion:focus .programm_title, .qic .section_2 .s2_right_bg .accordion:focus .programm_title:after {
          color: #CEAA77;
          /*                        border-color: $qic_light_gold;*/ }
    .qic .section_2 .s2_right_bg .active {
      border-color: #CEAA77; }
      .qic .section_2 .s2_right_bg .active .programm_time, .qic .section_2 .s2_right_bg .active .programm_title, .qic .section_2 .s2_right_bg .active .programm_title {
        color: #CEAA77; }
      .qic .section_2 .s2_right_bg .active .programm_title:after {
        color: #CEAA77;
        content: '\f068' !important;
        /* Minus icon */ }
    .qic .section_2 .s2_right_bg .programm_time, .qic .section_2 .s2_right_bg .programm_title {
      text-align: left;
      float: left;
      width: 20%;
      padding: 10px 0;
      /*                border-bottom: 1px solid #ffffff;*/ }
    .qic .section_2 .s2_right_bg .programm_title {
      width: 80%;
      padding-left: 20px;
      padding-right: 25px;
      position: relative; }
      .qic .section_2 .s2_right_bg .programm_title:after {
        font-family: 'Font Awesome 5 Free';
        content: '\f067';
        /* Plus icon */
        font-weight: 900;
        font-size: 13px;
        color: #fff;
        position: absolute;
        right: 0;
        top: 25%;
        /*                    float: right;*/
        margin-right: 5px; }
    .qic .section_2 .s2_right_bg .panel {
      padding: 0 5px;
      background-color: #141E37;
      color: #fff;
      /*                display: none;*/
      overflow: hidden;
      max-height: 0;
      -moz-transition: max-height 0.2s ease-out;
      -webkit-transition: max-height 0.2s ease-out;
      -o-transition: max-height 0.2s ease-out;
      transition: max-height 0.2s ease-out;
      /*                p { font-size: 0.9rem; margin-bottom: 5px;}*/ }
      .qic .section_2 .s2_right_bg .panel ul {
        list-style: square;
        font-size: 0.9rem;
        padding-left: 5px;
        margin-left: 23%; }
        .qic .section_2 .s2_right_bg .panel ul li {
          margin: 5px; }
    .qic .section_2 .s2_right_bg .programm_btn {
      border: 1px solid #fff;
      color: #fff;
      position: relative;
      padding-right: 30px; }
      .qic .section_2 .s2_right_bg .programm_btn:hover, .qic .section_2 .s2_right_bg .programm_btn:focus {
        color: #CEAA77;
        border-color: #CEAA77; }
        .qic .section_2 .s2_right_bg .programm_btn:hover:after, .qic .section_2 .s2_right_bg .programm_btn:focus:after {
          color: #CEAA77; }
      .qic .section_2 .s2_right_bg .programm_btn:after {
        font-family: 'Font Awesome 5 Free';
        content: '\f067';
        /* Plus icon */
        font-size: 13px;
        color: #fff;
        position: absolute;
        right: 10px;
        top: 25%; }
.qic .section_3 .s3_link_div figure.image {
  margin-bottom: 0;
  position: relative; }
  .qic .section_3 .s3_link_div figure.image img {
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden; }
.qic .section_4 .iframe_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }
.qic .section_4 .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }
.qic .section_4 .embedded_video iframe {
  min-height: 450px; }
.qic .section_4 .s4_link_div {
  position: relative; }
  .qic .section_4 .s4_link_div .s_layer_wrap .div_link_icon {
    opacity: 1; }
  .qic .section_4 .s4_link_div .video_image {
    height: auto; }

/*
 * QIC HOME
 */
.qic_home .slogan_wrap_container {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .qic_home .slogan_wrap_container .slogan_wrap {
    padding: 1rem 1.5rem;
    max-width: 400px; }
    .qic_home .slogan_wrap_container .slogan_wrap .slogan {
      font-family: 'Open_Sans-Light';
      color: white;
      position: relative;
      text-align: center; }
      .qic_home .slogan_wrap_container .slogan_wrap .slogan h3.slogan_header {
        font-size: 2.2rem; }
      .qic_home .slogan_wrap_container .slogan_wrap .slogan h4 {
        line-height: 1.3; }
.qic_home .section_intro .s1_hiring_section {
  position: relative;
  background-color: #141E37; }
.qic_home .section_intro .s1_left {
  color: white;
  padding: 2rem 3rem 3rem; }
  .qic_home .section_intro .s1_left header {
    color: #CEAA77;
    margin-top: 1rem; }
  .qic_home .section_intro .s1_left a {
    color: #CEAA77; }
  .qic_home .section_intro .s1_left .job_offer_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .qic_home .section_intro .s1_left .job_offer_btn .job_offer_link {
      padding: 8px 15px;
      border: 1px solid #CEAA77;
      color: #CEAA77;
      text-transform: uppercase;
      font-size: 0.9rem; }
      .qic_home .section_intro .s1_left .job_offer_btn .job_offer_link:hover, .qic_home .section_intro .s1_left .job_offer_btn .job_offer_link:focus {
        text-decoration: none;
        background-color: #CEAA77;
        color: black; }
.qic_home .section_intro .s1_right {
  position: relative;
  padding: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end; }
  .qic_home .section_intro .s1_right .s1_right_bg {
    background-image: url("/fileadmin/QIC/Backgrounds/Join_Q-Crew_1000x740px.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 300px; }
  .qic_home .section_intro .s1_right div.frame {
    position: relative;
    color: white; }
.qic_home .section_qcbox .row {
  min-height: 350px; }

/*
 * Q-CREW
 */
.join_btn_wrap {
  display: flex;
  justify-content: center; }

#join_btn {
  display: inline-block;
  padding: 0.75rem 1rem;
  font-size: 1.2rem;
  color: white;
  background-color: #B48A58;
  text-decoration: none;
  width: 200px;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  /* $topLeft, $topRight, $bottomRight, $bottomLeft */
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px; }

/*
 * JOIN US
 */
.qic_default a:hover, .qic_default a:focus {
  text-decoration: none;
  color: #CEAA77; }

ul.text-list > li {
  margin: 8px 0; }
  ul.text-list > li ul {
    margin-bottom: 15px; }
    ul.text-list > li ul > li {
      margin: 5px 0; }

ul.joblist {
  padding: 0;
  margin: 1.5rem 0; }
  ul.joblist li {
    list-style-type: none;
    padding-left: 30px;
    background-image: url("../Icons/pdf.svg");
    background-position: 0 0;
    background-size: 20px 25px;
    background-repeat: no-repeat;
    margin: 10px 0; }
    ul.joblist li a {
      color: #2F5597; }
      ul.joblist li a:hover, ul.joblist li a:focus {
        text-decoration: none;
        color: #CEAA77; }

.footer, .section_news .news .news-list-view .article .recentItemWrap .article_entry .footer, .news .article .teaser-text .footer, .news-single .article .footer {
  border: none; }
  .footer p, .section_news .news .news-list-view .article .recentItemWrap .article_entry .footer p, .news .article .teaser-text .footer p, .news-single .article .footer p {
    color: #888888; }

b, strong, .article_header {
  font-family: 'Open_Sans-Bold'; }

.article_header {
  color: black; }

.article_header a {
  color: black; }
  .article_header a:hover, .article_header a:focus {
    text-decoration: none;
    color: #CEAA77; }

.news-img-caption, .image-caption {
  font-size: 0.85rem;
  margin-top: 8px;
  color: #888888;
  font-style: italic; }

.news-list-category a:hover, .news-list-category a:focus {
  text-decoration: none;
  cursor: pointer;
  color: #CEAA77; }

/*
 * HOME page
 */
.section_news .news .news-list-view .article {
  padding: 1rem 0; }
  .section_news .news .news-list-view .article .recentItemWrap {
    display: flex;
    flex-direction: column;
    padding: 0 2rem; }
    .section_news .news .news-list-view .article .recentItemWrap .news-img-wrap {
      margin: 15px 0; }
      .section_news .news .news-list-view .article .recentItemWrap .news-img-wrap a {
        width: 100%;
        border: none; }
        .section_news .news .news-list-view .article .recentItemWrap .news-img-wrap a img {
          width: 100%;
          height: auto;
          max-height: 100%; }
    .section_news .news .news-list-view .article .recentItemWrap .article_entry .teaser-text a.more {
      padding: 6px 20px;
      border: 1px solid #888888;
      border-radius: 5px 5px 5px 5px;
      /* $topLeft, $topRight, $bottomRight, $bottomLeft */
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      color: #444444;
      margin: 20px 0;
      font-size: 0.9rem;
      float: left;
      width: 100%;
      text-align: center; }
      .section_news .news .news-list-view .article .recentItemWrap .article_entry .teaser-text a.more:hover, .section_news .news .news-list-view .article .recentItemWrap .article_entry .teaser-text a.more:focus {
        text-decoration: none;
        color: #CEAA77;
        border-color: #CEAA77;
        cursor: pointer; }
.section_news a.more_link {
  text-decoration: underline;
  font-size: 1.1rem; }

.section_news_container {
  margin-top: 5rem; }

.breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item a:focus {
  text-decoration: none;
  color: #CEAA77; }

/*
 * List page
 */
.news ul.f3-widget-paginator {
  float: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
  margin: 2.5rem 0; }
  .news ul.f3-widget-paginator li {
    border: 1px solid #888888;
    font-size: 1.1rem;
    margin: 2px;
    list-style-type: none;
    padding: 5px 2px; }
    .news ul.f3-widget-paginator li.current {
      padding: 6px 14px;
      font-weight: bold;
      font-size: 1.2rem;
      color: #CEAA77; }
    .news ul.f3-widget-paginator li a {
      color: black;
      padding: 5px 12px;
      vertical-align: middle; }
      .news ul.f3-widget-paginator li a:hover, .news ul.f3-widget-paginator li a:focus {
        text-decoration: none;
        color: #CEAA77; }
.news .article {
  margin: 1rem 0; }
  .news .article .news-img-wrap {
    float: none; }
    .news .article .news-img-wrap a {
      float: none;
      border: none; }
      .news .article .news-img-wrap a img {
        float: none;
        width: 100%;
        max-height: 250px; }
    .news .article .news-img-wrap .no-media-element {
      display: none; }
  .news .article .teaser-text p {
    color: #444; }
  .news .article .teaser-text a.more {
    float: right; }
    .news .article .teaser-text a.more:hover, .news .article .teaser-text a.more:focus {
      text-decoration: none;
      cursor: pointer;
      color: #CEAA77; }

/*
 * Detail page
 */
.news-single .article .news-img-wrap {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 20px 0 40px;
  float: none; }
  .news-single .article .news-img-wrap img {
    width: 100%; }
.news-single .article .teaser-text p {
  color: black;
  font-family: 'Open_Sans-Bold'; }
.news-single .article h3 {
  margin-bottom: 10px;
  margin-top: 2rem; }
.news-single .article ul {
  margin: 30px 0; }
  .news-single .article ul li {
    margin: 10px 0; }
.news-single .article .ce-image.ce-center {
  text-align: center; }
.news-single .article .prev_btn {
  border: 1px solid #888888;
  padding: 12px 25px;
  color: #888888;
  border-radius: 5px 5px 5px 5px;
  /* $topLeft, $topRight, $bottomRight, $bottomLeft */
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px; }
  .news-single .article .prev_btn:hover, .news-single .article .prev_btn:focus {
    text-decoration: none;
    color: #000000;
    border-color: #000000; }

.quotes_container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 6rem 3rem; }
  .quotes_container .avatar {
    padding: 5px 1rem; }
    .quotes_container .avatar img {
      width: 100%; }
  .quotes_container .quote_item .author {
    font-family: 'Open_Sans-Bold'; }
  .quotes_container .quote_item figure {
    position: relative; }
  .quotes_container .quote_item .blockquote p {
    font-style: italic;
    display: inline; }

@media screen and (max-width: 411px) {
  .section_banner, .qic_team .small_banner {
    background-position: 20% center; }

  .section_2 .s2_right_bg .panel ul {
    margin-left: 25%; } }
@media screen and (max-width: 768px) {
  .section_banner, .qic_team .small_banner {
    background-position: 21% center; }

  .section_2 .s2_right_bg .panel ul {
    margin-left: 25%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .section_banner, .qic_team .small_banner {
    background-position: 27% center; }

  .section_2 .s2_right_bg .panel ul {
    margin-left: 23%; } }
@media screen and (min-width: 1024px) {
  .section_banner, .qic_team .small_banner {
    background-position: 27% center; }

  .section_2 .s2_right_bg .panel ul {
    margin-left: 23%; } }
@media screen and (min-width: 1200px) {
  .section_banner, .qic_team .small_banner {
    background-position: 10% center; }

  .section_2 .s2_right_bg .panel ul {
    margin-left: 23%; } }
@media screen and (min-width: 1900px) {
  .section_banner, .qic_team .small_banner {
    background-position: 0 center; }

  .section_2 .s2_right_bg .panel ul {
    margin-left: 23%; } }
/********************************************
 * Styling for BQCX
 ********************************************/
.short_underline_blue {
  width: 50px;
  border: 1px solid #6CACDE;
  background-color: #6CACDE;
  margin-top: 0;
  margin-bottom: 1rem; }

.short_underline_white {
  width: 50px;
  border: 1px solid white;
  background-color: white;
  margin-top: 0;
  margin-bottom: 1rem; }

.short_underline_orange {
  width: 120px;
  border: 1px solid #CEAA77;
  background-color: #CEAA77;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-bottom: 0;
  margin-top: 50px;
  margin-bottom: 15px; }

.color_yellow {
  color: #B48A58; }

.light_blue {
  color: #009ad5; }

.medium_blue {
  color: #2F5597; }

.bqcx_btn {
  padding: 0.5rem 1.2rem;
  margin-top: 30px;
  margin-right: 30px;
  border: 1px solid #CEAA77;
  background-color: #CEAA77;
  color: white;
  border-radius: 5px 5px 5px 5px;
  /* $topLeft, $topRight, $bottomRight, $bottomLeft */
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px; }
  .bqcx_btn:hover, .bqcx_btn:focus {
    text-decoration: none;
    color: white;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 2px 8px 0 #888;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 2px 8px 0 #888;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0 2px 8px 0 #888;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }

.register_btn {
  margin-right: 0; }

.event-location a {
  color: white;
  text-decoration: underline; }
  .event-location a:hover, .event-location a:focus {
    color: white;
    cursor: point; }

/*******************
 * BQCX Home page
 *******************/
.bqcx .section_logos .bqcx_logo {
  height: 90px; }
.bqcx .section_banner, .bqcx .qic_team .small_banner, .qic_team .bqcx .small_banner {
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: relative;
  width: 100%;
  min-height: 450px; }
  .bqcx .section_banner .s_banner_bg, .bqcx .qic_team .small_banner .s_banner_bg, .qic_team .bqcx .small_banner .s_banner_bg {
    background-color: black;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease; }
  .bqcx .section_banner .banner_content, .bqcx .qic_team .small_banner .banner_content, .qic_team .bqcx .small_banner .banner_content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: transparent; }
    .bqcx .section_banner .banner_content .slogan_wrap, .bqcx .qic_team .small_banner .banner_content .slogan_wrap, .qic_team .bqcx .small_banner .banner_content .slogan_wrap {
      position: relative;
      padding: 1rem 1.2rem;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .bqcx .section_banner .banner_content .slogan_wrap .slogan, .bqcx .qic_team .small_banner .banner_content .slogan_wrap .slogan, .qic_team .bqcx .small_banner .banner_content .slogan_wrap .slogan {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
    .bqcx .section_banner .banner_content .bqcx_logo_wrap, .bqcx .qic_team .small_banner .banner_content .bqcx_logo_wrap, .qic_team .bqcx .small_banner .banner_content .bqcx_logo_wrap {
      text-align: center; }
      .bqcx .section_banner .banner_content .bqcx_logo_wrap .bqcx_logo_white, .bqcx .qic_team .small_banner .banner_content .bqcx_logo_wrap .bqcx_logo_white, .qic_team .bqcx .small_banner .banner_content .bqcx_logo_wrap .bqcx_logo_white {
        height: 90px; }
    .bqcx .section_banner .banner_content .header_title, .bqcx .qic_team .small_banner .banner_content .header_title, .qic_team .bqcx .small_banner .banner_content .header_title {
      text-align: center;
      margin: 2rem auto 3rem; }
      .bqcx .section_banner .banner_content .header_title .short_underline_center_white, .bqcx .qic_team .small_banner .banner_content .header_title .short_underline_center_white, .qic_team .bqcx .small_banner .banner_content .header_title .short_underline_center_white {
        border-top: 1px solid #ffffff;
        width: 150px;
        margin: 1.5rem auto 1.8rem; }
      .bqcx .section_banner .banner_content .header_title h2, .bqcx .qic_team .small_banner .banner_content .header_title h2, .qic_team .bqcx .small_banner .banner_content .header_title h2 {
        font-size: 1.5rem;
        color: #CEAA77; }
      .bqcx .section_banner .banner_content .header_title h3, .bqcx .qic_team .small_banner .banner_content .header_title h3, .qic_team .bqcx .small_banner .banner_content .header_title h3 {
        font-size: 1rem;
        font-family: 'Open_Sans-Light';
        text-transform: uppercase;
        color: #F6F9F9; }
.bqcx .section_events {
  background-color: white;
  position: relative; }
  .bqcx .section_events .row.event_info_wrap {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: -90px;
    left: 0;
    margin: 0; }
    .bqcx .section_events .row.event_info_wrap .event_info {
      font-size: 1rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      .bqcx .section_events .row.event_info_wrap .event_info .event_info_item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 8px;
        margin: 20px 0;
        line-height: 1;
        background: transparent;
        color: white;
        border-right: 1px solid #ddd; }
        .bqcx .section_events .row.event_info_wrap .event_info .event_info_item:last-child {
          border-right: none; }
        .bqcx .section_events .row.event_info_wrap .event_info .event_info_item i {
          font-size: 1.2rem;
          margin-right: 5px;
          margin-bottom: 15px; }
        .bqcx .section_events .row.event_info_wrap .event_info .event_info_item .event_info_small {
          font-size: 1rem; }
  .bqcx .section_events .recent_events header h3 {
    font-size: 1.4rem; }
.bqcx .section_1 {
  height: auto;
  color: white;
  display: flex; }
  .bqcx .section_1 .s1_left {
    background-color: #141E37;
    position: relative;
    /*                .s1_bottom_icon_div {
                    @extend .s_bottom_icon_div;
                }*/ }
    .bqcx .section_1 .s1_left video.bg_video {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .bqcx .section_1 .s1_left .bqcx_embedded_video {
      position: relative; }
      .bqcx .section_1 .s1_left .bqcx_embedded_video .bqcx_videoModalTrigger {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .bqcx .section_1 .s1_left .bqcx_embedded_video .bqcx_videoModalTrigger .play_btn_wrap {
          visibility: hidden; }
        .bqcx .section_1 .s1_left .bqcx_embedded_video .bqcx_videoModalTrigger img {
          max-width: 150px; }
        .bqcx .section_1 .s1_left .bqcx_embedded_video .bqcx_videoModalTrigger:hover .play_btn_wrap, .bqcx .section_1 .s1_left .bqcx_embedded_video .bqcx_videoModalTrigger:focus .play_btn_wrap {
          visibility: visible; }
  .bqcx .section_1 .s1_right {
    background-color: #222A4B;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 center;
    overflow: hidden; }
    .bqcx .section_1 .s1_right .s1_bg_layer {
      background-color: black;
      opacity: 0.6;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      transition: .5s ease; }
.bqcx .section_video .bqcx_embedded_video {
  max-height: 450px; }
  .bqcx .section_video .bqcx_embedded_video iframe.bg_video {
    height: 100%;
    width: 100%; }
.bqcx .section_2 {
  background-color: white; }
  .bqcx .section_2 .s2_col {
    margin: 1.5rem auto;
    display: flex; }
  .bqcx .section_2 .s2_col_border {
    border: 1px solid #dddddd;
    background-color: white;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    /*            div:nth-child(3) { margin-bottom: 3rem;}*/ }
    .bqcx .section_2 .s2_col_border div:last-child {
      margin-top: auto; }
  .bqcx .section_2 img {
    width: 50%;
    height: auto; }

.event-title {
  margin: 1rem 0 1rem;
  color: black;
  font-family: 'Open_Sans-Bold'; }

.event-detail-header {
  font-size: 1.1rem;
  font-style: italic; }

.event-description p {
  color: #666666; }

.event-detail-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  padding: 15px 0; }
  .event-detail-info .event-info-item {
    position: relative;
    padding-left: 25px;
    margin: 3px 0;
    min-width: 150px;
    width: auto;
    border-right: none;
    text-align: left;
    margin-right: -1px; }
    .event-detail-info .event-info-item i {
      font-size: 1.1rem;
      margin-right: 3px;
      position: absolute;
      left: 0;
      top: 2px; }

.speaker_container {
  margin-top: 50px; }
  .speaker_container .event-speaker-item {
    margin-bottom: 3rem; }
    .speaker_container .event-speaker-item .speaker_img {
      display: inline-block;
      margin-top: 25px;
      margin-bottom: 12px; }
      .speaker_container .event-speaker-item .speaker_img img {
        width: 100%;
        height: auto; }
      .speaker_container .event-speaker-item .speaker_img .speaker_img_alt {
        max-width: 200px; }
    .speaker_container .event-speaker-item .speaker_info .speaker_name {
      font-family: 'Open_Sans-Bold'; }
    .speaker_container .event-speaker-item .speaker_info .speaker_bio {
      margin-top: 20px; }
    .speaker_container .event-speaker-item .event-speaker-related {
      margin-top: 80px; }
      .speaker_container .event-speaker-item .event-speaker-related .speaker-related-header {
        font-family: 'Open_Sans-Bold';
        color: black; }
    .speaker_container .event-speaker-item .speaker_detail a {
      display: inline-block;
      padding: 10px 12px;
      background-color: #222A4B;
      color: white;
      border-radius: 5px 5px 5px 5px;
      /* $topLeft, $topRight, $bottomRight, $bottomLeft */
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px; }
      .speaker_container .event-speaker-item .speaker_detail a:hover, .speaker_container .event-speaker-item .speaker_detail a:focus {
        color: #ffbe00;
        text-decoration: none; }

.additional_info {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }

/*********************
 * Recent Event Page
 *********************/
/*********************
 * Event - Tabs
 ********************/
/* Small screens */
.recent-event-info {
  margin: 10px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .recent-event-info .event_datetime {
    font-size: 1rem;
    color: black;
    display: inline-block;
    margin-bottom: 1.5rem; }
    .recent-event-info .event_datetime > div {
      position: relative;
      padding-left: 30px; }
      .recent-event-info .event_datetime > div.event-time {
        font-family: 'Open_Sans-Bold';
        line-height: 35px; }
      .recent-event-info .event_datetime > div i {
        position: absolute;
        left: 0;
        top: 3px;
        font-size: 25px;
        color: black; }
  .recent-event-info .iCalDownload {
    display: inline-block;
    position: relative; }
    .recent-event-info .iCalDownload .icalDownload_btn {
      border: 1px solid #222A4B;
      background-color: #222A4B;
      color: white;
      padding: 15px 18px; }
      .recent-event-info .iCalDownload .icalDownload_btn:hover, .recent-event-info .iCalDownload .icalDownload_btn:focus {
        color: #ffbe00;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-shadow: 3px 5px 18px 3px #888;
        /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 3px 5px 18px 3px #888;
        /* Firefox 3.5 - 3.6 */
        box-shadow: 3px 5px 18px 3px #888;
        /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }
        .recent-event-info .iCalDownload .icalDownload_btn:hover span > svg .download_icon, .recent-event-info .iCalDownload .icalDownload_btn:focus span > svg .download_icon {
          fill: #ffbe00; }

.monthly_event_title {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
  font-family: 'Open_Sans-Bold'; }

.event-detail {
  flex-grow: 1; }

.event-speaker_wrap {
  padding-bottom: 15px; }
  .event-speaker_wrap hr {
    border-bottom: 1px solid #bbb; }

.event-speaker {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  display: block; }
  .event-speaker .speaker_img {
    height: 90px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px; }
    .event-speaker .speaker_img img {
      width: auto;
      height: 100%; }

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

.register_btn_wrap {
  padding: 12px 25px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .register_btn_wrap .register_text {
    font-size: 1.1rem;
    font-weight: bold;
    padding: 12px 25px;
    border-radius: 5px 5px 5px 5px;
    /* $topLeft, $topRight, $bottomRight, $bottomLeft */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-color: #222A4B;
    color: white; }
    .register_btn_wrap .register_text a {
      color: white;
      font-size: 0.8rem; }
      .register_btn_wrap .register_text a span > svg {
        margin-right: 5px;
        width: 16px; }
    .register_btn_wrap .register_text:hover, .register_btn_wrap .register_text:focus {
      -webkit-box-shadow: 0 3px 8px 0 #888;
      /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow: 0 3px 8px 0 #888;
      /* Firefox 3.5 - 3.6 */
      box-shadow: 0 3px 8px 0 #888;
      /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
      -moz-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .register_btn_wrap .register_text:hover a, .register_btn_wrap .register_text:focus a {
        text-decoration: none;
        color: #ffbe00; }
        .register_btn_wrap .register_text:hover a span > svg .cls-1, .register_btn_wrap .register_text:focus a span > svg .cls-1 {
          stroke: #ffbe00; }

.single_talks_header {
  padding: 0;
  font-family: 'Open_Sans-Bold';
  color: black;
  font-size: 1.2rem; }

.speaker_name {
  font-size: 1.1rem;
  font-family: 'Open_Sans-Bold';
  color: black; }

.speaker_jobTitle {
  color: #666666;
  font-size: 0.9rem; }

.speaker_organisation a {
  color: black;
  font-size: 0.9rem; }
  .speaker_organisation a:hover, .speaker_organisation a:focus {
    text-decoration: none; }

.presentation-content .presentation-title a, .presentation_container .presentation-item_wrap .presentation-content .presentation-title a {
  font-size: 1.1rem;
  font-family: 'Open_Sans-Bold';
  color: #CEAA77; }
  .presentation-content .presentation-title a:hover, .presentation-content .presentation-title a:focus {
    text-decoration: none;
    color: #ffbe00; }
.presentation-content .presentation-teaser, .presentation_container .presentation-item_wrap .presentation-content .presentation-teaser {
  font-size: 0.9rem;
  color: #666666; }

.presentation-speaker_wrap a, .presentation_container .presentation-item_wrap .presentation-speaker_wrap a, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap a {
  color: #666666; }
  .presentation-speaker_wrap a:hover, .presentation_container .presentation-item_wrap .presentation-speaker_wrap a:hover, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap a:hover, .presentation-speaker_wrap a:focus, .presentation_container .presentation-item_wrap .presentation-speaker_wrap a:focus, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap a:focus {
    text-decoration: none; }
    .presentation-speaker_wrap a:hover .speaker_name, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap a:hover .speaker_name, .presentation-speaker_wrap a:focus .speaker_name, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap a:focus .speaker_name {
      color: #ffbe00; }
.presentation-speaker_wrap .speaker_organisation, .presentation_container .presentation-item_wrap .presentation-speaker_wrap .speaker_organisation, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap .speaker_organisation {
  color: black; }
.presentation-speaker_wrap .speaker, .presentation_container .presentation-item_wrap .presentation-speaker_wrap .speaker, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap .speaker {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px; }
.presentation-speaker_wrap .speaker_img > img, .presentation_container .presentation-item_wrap .presentation-speaker_wrap .speaker_img > img, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap .speaker_img > img {
  width: 100px;
  height: auto;
  margin-right: 10px; }

.detail_icon, .presentation_container .presentation-item_wrap .detail_icon {
  width: 50px;
  position: absolute;
  top: -15px;
  right: -20px; }
  .detail_icon:hover svg > path, .presentation_container .presentation-item_wrap .detail_icon:hover svg > path, .detail_icon:focus svg > path, .presentation_container .presentation-item_wrap .detail_icon:focus svg > path {
    fill: #ffbe00; }

.presentation_container {
  margin-bottom: 5rem; }
  .presentation_container .talk_item_row {
    padding: 1.2rem 1.75rem;
    margin: 1.5rem 0;
    border: 1px solid #cccccc;
    border-radius: 5px 5px 5px 5px;
    /* $topLeft, $topRight, $bottomRight, $bottomLeft */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    /*        &:hover {
                @include box_shadow(0px 4px 12px -4px, #888888);
                @include _transition(ease, .3s, all);
            }*/ }
  .presentation_container .presentation-item_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    position: relative; }
    .presentation_container .presentation-item_wrap .presentation-content .presentation-title a:hover, .presentation_container .presentation-item_wrap .presentation-content .presentation-title a:focus {
      color: #ffbe00; }

/*
.related-event {
    display: block;
    
    .related-item_wrap {
        padding: 1rem 0;
        display: flex;
        .related-item {
            border: 1px solid #ddd;
            padding: 1rem;
            display: flex; flex-direction: column; justify-content: flex-start;
            flex: 1;

            .related-speaker_wrap {
                margin-bottom: 1.5rem;
                .related-speaker {
                    &>.speaker_img { 
                        max-width: 33%; text-align: left;
                        img { width: auto; height: 100%; max-height: 180px;}
                    }
                    &>.speaker_info { 
                        margin: 1rem 0;
                        .speaker_name { font-size: 1.1rem; font-weight: bold; color: $bqcx_medium_blue;}
                    }                    
                }
            }
        }
        
    }
    
}
*/
/*********************
 * Responsive
 ********************/
@media screen and (min-width: 768px) {
  .register_btn_wrap .register_text a {
    font-size: 0.9rem; }
    .register_btn_wrap .register_text a span > svg {
      width: 18px; }

  .event-speaker {
    flex-direction: row;
    align-items: center; }

  .event_img_col .event_img_wrap img {
    max-width: 150px; }

  .related-event {
    display: flex;
    flex-direction: column; } }
@media screen and (min-width: 992px) {
  .register_btn_wrap .register_text a {
    font-size: 1rem; }
    .register_btn_wrap .register_text a span > svg {
      width: 22px; }

  .event-speaker {
    flex-direction: row;
    align-items: flex-start; }

  .related-event {
    flex-direction: row; }
    .related-event .related-item_wrap {
      padding: 1rem; } }
@media screen and (min-width: 1024px) {
  .event_tab-link .nav-tabs .nav-link {
    padding: 1rem 2.5rem; } }
@media screen and (min-width: 1200px) {
  .event-speaker {
    flex-direction: column;
    align-items: flex-start; } }
.recentEvents_container .monthly_event_title {
  color: #CEAA77; }

/*********************
 * Presentation Detail Page
 *********************/
.presentation-detail-container .speaker_container .speaker_name {
  color: black; }

/*********************
 * Event Detail Page
 *********************/
.monthlyEvent-detail-container .monthly_event_title {
  color: black; }

/**********************************
 * Event List Page
 **********************************/
/********************
 * Pagination
 *******************/
/*
.pagination_container {
    ul.f3-widget-paginator {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        li {
            margin: 5px;
            padding: 5px 2px;
            border: 1px solid #dddddd;
            list-style-type: none;
            @include border_radius(3px, 3px, 3px, 3px);
            a {
                text-transform: capitalize;
                font-size: 1.1rem;
                padding: 8px 13px;
                color: $bqcx_medium_blue;
                &:hover, &:focus {
                    text-decoration: none;
                }
            }
            &:hover, &:focus, &.current {
                background-color: $qic_light_gold;
                a { color: white;}
            }
        }
    }
}
*/
/*********************
 * Events List
 ********************/
.year_events_tabLink_container {
  margin-top: 50px; }
  .year_events_tabLink_container .nav-tabs {
    border: none;
    display: flex;
    justify-content: center; }
    .year_events_tabLink_container .nav-tabs .nav-link {
      text-transform: uppercase;
      font-weight: 600;
      padding: 8px 12px;
      border: 1px solid #ddd;
      margin-right: -1px;
      color: #333;
      background-color: white;
      font-size: 1.2rem; }
      .year_events_tabLink_container .nav-tabs .nav-link.active, .year_events_tabLink_container .nav-tabs .nav-link:hover, .year_events_tabLink_container .nav-tabs .nav-link:focus {
        background-color: #222A4B;
        color: white; }

.event_tabContent_container .tab-pane {
  border: 1px solid #ddd;
  padding: 2rem; }
.event_tabContent_container .event_tab-pane {
  position: relative;
  overflow: auto; }
  .event_tabContent_container .event_tab-pane .presentation_table thead th {
    font-size: 1.2rem;
    font-family: 'Open_Sans-Bold';
    color: #222A4B;
    padding: 15px; }
    .event_tabContent_container .event_tab-pane .presentation_table thead th:first-child {
      min-width: 150px; }
    .event_tabContent_container .event_tab-pane .presentation_table thead th:nth-child(2) {
      min-width: 260px; }
    .event_tabContent_container .event_tab-pane .presentation_table thead th:nth-child(3) {
      min-width: 300px; }
  .event_tabContent_container .event_tab-pane .presentation_table tbody tr td {
    padding: 30px 15px; }
    .event_tabContent_container .event_tab-pane .presentation_table tbody tr td a {
      color: black; }
      .event_tabContent_container .event_tab-pane .presentation_table tbody tr td a:hover, .event_tabContent_container .event_tab-pane .presentation_table tbody tr td a:focus {
        color: #ffbe00;
        text-decoration: none; }
    .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap .speaker {
      margin-bottom: 15px; }
      .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap .speaker .speaker_img > img {
        width: 100px;
        height: auto; }
      .event_tabContent_container .event_tab-pane .presentation_table tbody tr td .presentation-speaker_wrap .speaker .speaker_name {
        font-size: 1.05rem; }
  .event_tabContent_container .event_tab-pane .presentation_table tbody tr:hover, .event_tabContent_container .event_tab-pane .presentation_table tbody tr:focus {
    background-color: #f2f2f2; }

/*
.eventList {
    .event-list-row {
        padding-top: 15px;
        margin-bottom: 80px;
        .event_header { 
            position: relative;
            background-color: $bqcx_dark_blue; 
            padding: 10px 10px 10px 65px;
            @include border_radius(5px, 5px, 5px, 5px);
            * { color: white;}
            i {
                position: absolute;
                left: 15px;
                top: 13px;
                font-size: 40px;
                color: white;
            }
        }
        .event_infor {
            margin-top: 30px;
            padding-left: 15px;
            padding-right: 15px;

        }
        
    }
}

.talksList { 
    padding: 0 2rem;
    .talk_item {
        display: flex;
        border: 1px solid #eee;
        @include border_radius(10px,10px,10px,10px);
        padding: 15px;
        &:hover, &:focus {
            border: 1px solid $qic_light_gold;
            @include _transition(all, .3s, ease);
        }
        .speaker-item {
            margin: 10px 0;
            .speaker_img {
                max-width: 180px;
                img { 
                    width: 100%; height: auto;
                    //@include border_radius(50%,50%,50%,50%);
                }
            }
        }
        a {
            &:hover, &:focus { text-decoration: none; color: $bqcx_medium_blue; }
        }
        
    }
}
.talk-title { color: $bqcx_medium_blue;}
.talk-teaser { color: #666666;}
.speaker_info {
    .speaker_name { color: black; font-weight: bolder;}
    .speaker_jobTitle { color: #666666;}
}
.talk_speaker_list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 1rem 0;
    .by_speaker { margin-right: 12px;}

}


.search_container {
    margin: 30px 0;
    form[name="searchDemand"] {
        .settings {
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            .row:first-child { margin-right: 20px; flex-grow: 1;}
            .field {
                display: inline-block;
                margin: 10px 0;
                width: auto;
                &.search_field { flex-grow: 1; position: relative;}
                label {
                    display: inline-block;
                    margin-right: 40px;
                    margin-bottom: 5px;
                }
                input[type="date"] {
                    background-image: none;
                }
                .search_btn {
                    @extend .bqcx_btn;
                    margin: 0;
                }
                .clear_icon {
                    position: absolute;
                    bottom: 0; right: 12px;
                    width: 38px; height: 38px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 2;
                    i { color: $qic_silver_grey; font-weight: bold;}
                }
            }
        }
    }
    
    
}
.resultList {
    .result-list-row {
        margin: 2.5rem 0;
        .search_event_date, .search_event_speaker .by_speaker, .search_event-teaser {
            @extend .talk-teaser;
        }
        .search_event_date > i { margin-right: 5px;}
        .search_event_speaker {
            @extend .talk_speaker_list;
            margin: 0;
        }
        
        a:hover, a:focus { text-decoration: none;}

    }
}
*/
/**********************************
 * Default Page
 **********************************/
.default .default_banner {
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: relative;
  width: 100%;
  max-height: 300px;
  height: 180px; }
  .default .default_banner .s_banner_bg {
    background-color: black;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease; }
  .default .default_banner .banner_content {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    position: relative;
    z-index: 1; }
    .default .default_banner .banner_content .bqcx_logo_wrap {
      width: auto;
      height: calc(180px - 2rem);
      margin-right: 20px; }
      .default .default_banner .banner_content .bqcx_logo_wrap img {
        width: 100%;
        height: 100%; }
    .default .default_banner .banner_content .header_title {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: flex-start; }
      .default .default_banner .banner_content .header_title h2 {
        font-size: 1rem;
        color: #CEAA77; }
      .default .default_banner .banner_content .header_title h3 {
        font-size: 0.7rem;
        font-family: 'Open_Sans-Light';
        text-transform: uppercase;
        color: #F6F9F9; }

/**********************************
 * Speaker Detail Page
 **********************************/
.speaker_name_title {
  font-family: 'Open_Sans-Bold';
  color: black; }

.speaker_organisation a {
  color: #B48A58; }
  .speaker_organisation a:hover, .speaker_organisation a:focus {
    text-decoration: none;
    color: #ffbe00; }

ul.speaker_socialmedia {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap; }
  ul.speaker_socialmedia li {
    list-style-type: none;
    margin: 10px 15px; }
    ul.speaker_socialmedia li a.social_item img {
      width: 44px;
      height: 44px; }
    ul.speaker_socialmedia li a.social_item.otherlink_item {
      padding: 10px 15px;
      background-color: #222A4B;
      color: white;
      border-radius: 5px 5px 5px 5px;
      /* $topLeft, $topRight, $bottomRight, $bottomLeft */
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px; }
      ul.speaker_socialmedia li a.social_item.otherlink_item svg path {
        stroke: white; }
      ul.speaker_socialmedia li a.social_item.otherlink_item:hover, ul.speaker_socialmedia li a.social_item.otherlink_item:focus {
        color: #ffbe00;
        text-decoration: none; }
        ul.speaker_socialmedia li a.social_item.otherlink_item:hover svg path, ul.speaker_socialmedia li a.social_item.otherlink_item:focus svg path {
          stroke: #ffbe00; }

.speaker-related-title a {
  display: flex;
  flex-wrap: wrap; }
  .speaker-related-title a .relatedTalk_datetime {
    color: #666666;
    font-style: italic;
    margin-right: 15px; }
  .speaker-related-title a .relatedTalk_title {
    color: #CEAA77; }
  .speaker-related-title a:hover, .speaker-related-title a:focus {
    text-decoration: none; }
    .speaker-related-title a:hover .relatedTalk_title, .speaker-related-title a:focus .relatedTalk_title {
      color: #ffbe00; }

/*********************
 * Responsive layout
 ********************/
@media screen and (min-width: 768px) {
  .bqcx .section_events .row.event_info_wrap {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%; }
    .bqcx .section_events .row.event_info_wrap .event_info .event_info_item {
      flex-direction: row;
      padding: 0 20px; }
      .bqcx .section_events .row.event_info_wrap .event_info .event_info_item i {
        font-size: 1.2rem;
        margin-right: 10px;
        margin-bottom: 0; }
  .bqcx .section_events .recent_events header h3 {
    font-size: calc(1.3rem + .6vw); }

  .event-detail-info {
    /*        flex-direction: row;*/
    justify-content: flex-start;
    /*        align-items: center;*/ }
    .event-detail-info .event-info-item {
      /*            border-right: 1px solid $qic_light_gold;*/
      /*            text-align: center;*/ }

  .event-detail-header {
    margin-top: 30px; }

  .event-speaker {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column; }

  /* Default Page */
  .default .default_banner {
    height: 180px; }
    .default .default_banner .banner_content .bqcx_logo_wrap {
      height: calc(180px - 4rem); }
    .default .default_banner .banner_content .header_title h2 {
      font-size: 2.5rem; }
    .default .default_banner .banner_content .header_title h3 {
      font-size: 1.1rem; } }
@media screen and (min-width: 992px) {
  /* Default Page */
  .default .default_banner {
    height: 220px; }
    .default .default_banner .banner_content .bqcx_logo_wrap {
      width: auto;
      height: calc(220px - 4rem);
      margin-right: 20px; }
      .default .default_banner .banner_content .bqcx_logo_wrap img {
        width: 100%;
        height: 100%; }
    .default .default_banner .banner_content .header_title h2 {
      font-size: 2.5rem; }
    .default .default_banner .banner_content .header_title h3 {
      font-size: 1.4rem; } }
@media screen and (min-width: 1024px) {
  .bqcx .section_banner .banner_content .header_title h2, .bqcx .qic_team .small_banner .banner_content .header_title h2, .qic_team .bqcx .small_banner .banner_content .header_title h2 {
    font-size: 2.5rem; }
  .bqcx .section_banner .banner_content .header_title h3, .bqcx .qic_team .small_banner .banner_content .header_title h3, .qic_team .bqcx .small_banner .banner_content .header_title h3 {
    font-size: 1.2rem; }

  .bqcx .section_events .row.event_info_wrap {
    width: 100%;
    top: -65px;
    left: 0px; }
    .bqcx .section_events .row.event_info_wrap .event_info {
      font-size: 1rem; }
      .bqcx .section_events .row.event_info_wrap .event_info .event_info_item {
        padding: 0 30px; }
        .bqcx .section_events .row.event_info_wrap .event_info .event_info_item i {
          font-size: 1.5rem;
          margin-right: 10px; } }
@media screen and (min-width: 1200px) {
  .bqcx .section_banner .banner_content .header_title h2, .bqcx .qic_team .small_banner .banner_content .header_title h2, .qic_team .bqcx .small_banner .banner_content .header_title h2 {
    font-size: 2.8rem; }
  .bqcx .section_banner .banner_content .header_title h3, .bqcx .qic_team .small_banner .banner_content .header_title h3, .qic_team .bqcx .small_banner .banner_content .header_title h3 {
    font-size: 1.5rem; }

  .bqcx .section_events .row.event_info_wrap {
    width: 100%;
    top: -70px;
    left: 0; }
    .bqcx .section_events .row.event_info_wrap .event_info {
      font-size: 1.2rem; }
      .bqcx .section_events .row.event_info_wrap .event_info .event_info_item i {
        font-size: 1.8rem; } }
@media screen and (min-width: 1400px) {
  .bqcx .section_banner .banner_content .header_title h2, .bqcx .qic_team .small_banner .banner_content .header_title h2, .qic_team .bqcx .small_banner .banner_content .header_title h2 {
    font-size: 3rem; }
  .bqcx .section_banner .banner_content .header_title h3, .bqcx .qic_team .small_banner .banner_content .header_title h3, .qic_team .bqcx .small_banner .banner_content .header_title h3 {
    font-size: 1.5rem; }

  .bqcx .section_events .row.event_info_wrap {
    width: 100%;
    top: -72px;
    left: 0; }
    .bqcx .section_events .row.event_info_wrap .event_info {
      font-size: 1.2rem; }
      .bqcx .section_events .row.event_info_wrap .event_info .event_info_item i {
        font-size: 2rem; } }
/********************************************
 * Styling for QCT Team Member
 ********************************************/
/* Interviews Section */
.interviewList .toggle_buttons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  margin-bottom: 1rem; }
  .interviewList .toggle_buttons .interviewer {
    position: relative;
    -moz-transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    transition: ease 0.5s all; }
    .interviewList .toggle_buttons .interviewer.toggle_left {
      -moz-transition: ease 1s all;
      -webkit-transition: ease 1s all;
      -o-transition: ease 1s all;
      transition: ease 1s all; }
    .interviewList .toggle_buttons .interviewer.hidden {
      -moz-transition: ease 0.3s all;
      -webkit-transition: ease 0.3s all;
      -o-transition: ease 0.3s all;
      transition: ease 0.3s all; }
  .interviewList .toggle_buttons .accordion-header {
    padding: 1rem; }
.interviewList .accordion-button {
  background-color: #141E37;
  color: white;
  font-size: 0.9rem; }
  .interviewList .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
  .interviewList .accordion-button:not(.collapsed) {
    background-color: #141E37;
    color: white; }
    .interviewList .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      /*                        transform: rotate(-180deg);*/ }
.interviewList .panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -moz-transition: max-height 0.8s ease-out;
  -webkit-transition: max-height 0.8s ease-out;
  -o-transition: max-height 0.8s ease-out;
  transition: max-height 0.8s ease-out; }

.member_img {
  width: 100%;
  height: auto;
  min-height: 135px; }

/* Q-Crews page */
.qic_team {
  position: relative; }
  .qic_team .small_banner {
    display: none;
    min-height: 320px;
    position: relative; }
    .qic_team .small_banner .small_banner_layer {
      background-color: black;
      opacity: 0.5;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      transition: .5s ease; }

.qcMembers .member_item {
  display: flex; }
.qcMembers .member_item_wrap {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: flex-start;
  border: 1px solid #eeeeee; }
  .qcMembers .member_item_wrap a.member_link {
    color: black; }
    .qcMembers .member_item_wrap a.member_link:hover, .qcMembers .member_item_wrap a.member_link:focus {
      color: #ffbe00;
      text-decoration: none; }
  .qcMembers .member_item_wrap .member_img_wrap {
    position: relative;
    padding: 0 1rem; }
    .qcMembers .member_item_wrap .member_img_wrap .member_img_frame {
      /*                display: none;
                      width: 100%;
                      height: 180px;
                      overflow: hidden;
                      background-color: #666666;
                      @include border_radius(50%, 50%, 50%, 50%); // circle image
                      @include _transition(background-color, 0.2s, ease);
                      @include mask_image('/fileadmin/QIC/Icons/avatar_profile_icon_666666.svg');*/ }
    .qcMembers .member_item_wrap .member_img_wrap img.member_img_circle {
      width: 100%;
      border-radius: 50% 50% 50% 50%;
      /* $topLeft, $topRight, $bottomRight, $bottomLeft */
      -moz-border-radius: 50% 50% 50% 50%;
      -webkit-border-radius: 50% 50% 50% 50%; }
  .qcMembers .member_item_wrap .member-item-name .member_name {
    font-family: 'Open_Sans-Bold';
    font-size: 1.2rem; }
  .qcMembers .member_item_wrap .member-item-jobtitle .member_jobtitle {
    font-style: italic;
    font-size: 0.9rem; }

/* Q-Crews Detail page */
.qic_team_detail .header_section {
  background-image: url("../Images/team-detail.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 25%;
  min-height: 320px;
  height: auto;
  position: relative;
  background-color: black;
  display: flex; }
  .qic_team_detail .header_section .header_banner_layer {
    background-color: black;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease; }
  .qic_team_detail .header_section .member_detail_info_container {
    width: 100%;
    position: relative; }
  .qic_team_detail .header_section .member_detail_img_wrap {
    width: 200px;
    height: 200px;
    overflow: hidden;
    background-color: white;
    border-radius: 50% 50% 50% 50%;
    /* $topLeft, $topRight, $bottomRight, $bottomLeft */
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    -webkit-mask-image: url("/fileadmin/QIC/Icons/avatar_profile_icon_666666.svg");
    mask-image: url("/fileadmin/QIC/Icons/avatar_profile_icon_666666.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain; }
    .qic_team_detail .header_section .member_detail_img_wrap img {
      width: 0; }
  .qic_team_detail .header_section .member_detail_info * {
    color: white; }
  .qic_team_detail .header_section .member_detail_info .member_name {
    font-family: 'Open_Sans-Bold';
    font-size: 2.5rem; }
  .qic_team_detail .header_section .member_detail_info .member_jobtitle {
    font-style: italic;
    font-size: 1.25rem; }
.qic_team_detail .member_section .section_title {
  margin-bottom: 1rem;
  font-family: 'Open_Sans-Bold';
  font-size: 1.25rem;
  color: black; }
.qic_team_detail .member_section .section_title, .qic_team_detail .member_section .member_bio, .qic_team_detail .member_section .member_papers {
  padding-right: 1.5rem; }
.qic_team_detail .member_section .member_contact a {
  color: black;
  font-style: italic; }
  .qic_team_detail .member_section .member_contact a:hover, .qic_team_detail .member_section .member_contact a:focus {
    text-decoration: none;
    color: #ffbe00;
    cursor: pointer; }
.qic_team_detail .member_section .member_contact .member_socialLinks > ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0; }
  .qic_team_detail .member_section .member_contact .member_socialLinks > ul li {
    list-style-type: none;
    margin-right: 15px; }
    .qic_team_detail .member_section .member_contact .member_socialLinks > ul li a > img {
      width: 30px;
      height: auto; }
.qic_team_detail .member_section .member_contact .member_email, .qic_team_detail .member_section .member_contact .member_tel {
  margin-bottom: 1rem; }
.qic_team_detail .member_section .member_contact .email_icon, .qic_team_detail .member_section .member_contact .tel_icon {
  width: 20px;
  height: auto;
  margin-right: 8px;
  margin-bottom: 2px; }

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