@font-face {
    font-family: 'AvenirNextMForBBG-Bold';
    font-style: normal;
    src: url('../fonts/AvenirNextMForBBG-Bold.otf');
  }
  
  @font-face {
    font-family: 'AvenirNextMForBBG-Demi';
    font-style: normal;
    src: url('../fonts/AvenirNextMForBBG-Demi.otf');
  }
  
  @font-face {
    font-family: 'AvenirNextMForBBG-Regular';
    font-style: normal;
    src: url('../fonts/AvenirNextMForBBG-Regular.otf');
  }
  
  @font-face {
    font-family: 'AvenirNextPForBBG-Bold';
    font-style: normal;
    src: url('../fonts/AvenirNextPForBBG-Bold.eot');
    src: url('../fonts/AvenirNextPForBBG-Bold.otf') format("opentype");
  
  }
  
  @font-face {
    font-family: 'AvenirNextPForBBG-Demi';
    font-style: normal;
    src: url('../fonts/AvenirNextPForBBG-Demi.eot');
    src: url('../fonts/AvenirNextPForBBG-Demi.otf') format("opentype");
  }
  
  @font-face {
    font-family: 'AvenirNextPForBBG-Regular';
    font-style: normal;
    src: url('../fonts/AvenirNextPForBBG-Regular.eot');
    src: url('../fonts/AvenirNextPForBBG-Regular.otf') format("opentype");
  }
  
  @font-face {
    font-family: 'BloombergFixedUnicodeI';
    font-style: normal;
    src: url('/assets/fonts/BloombergFixedUnicodeI.otf');
  }
  
  .modal {
    padding: 0 !important;
  }
  
  .modal .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  
  .modal .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  
  .modal .modal-body {
    overflow-y: auto;
    display: flex;
    align-items: center;
  }
  
  @media only screen and (max-width: 800px) {
    .modal .modal-body {
      display: block;
    }
  }
  
  .js-none {
    display: none;
  }
  
  .js-logoclick:hover {
    cursor: pointer;
  }
  
  .js-close-btn-wrap {
    height: 50px;
    background-color: white;
  }
  
  .js-close-btn {
    background-color: #ffbe3c;
    position: absolute;
    left: 0px;
    padding: 7px 15px;
    color: #350075;
  }
  
  .js-close-btn {
    cursor: pointer;
  }
  
  .js-vis {
    width: 100%;
  }
  
  .uw-btn:focus {
    color: #350075 !important;
  }
  
  .uw-tabtop {
    padding: 1rem 2rem;
    background-color: #350075;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 18px;
  }
  
  .unloaded {
    display: none;
  }
  
  #js-readmore-res:hover {
    cursor: pointer;
  }
  
  #myVideo-login {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  img.login-logo-new {
    z-index: 2;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
  }
  
  .bg-login-new {
    padding: 0;
  }
  
  .vh-fix {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  @media only screen and (max-width: 800px) {
  
    .bg-login-new img {
      width: 215px;
      display: block;
    }
  
    .bg-login-new {
      height: 33vh;
    }
  
    .vh-fix {
      height: unset;
      padding-bottom: 50px;
    }
  
  }
  
  .dm-message-form input[type=submit] {
    background-color: #350075;
    color: white;
    margin: 20px;
  }
  
  /* base */
  body {
    background-color: #350075;
    color: #fff;
    font-size: 16px;
    font-family: "AvenirNextPForBBG-Regular", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 85px;
  }
  
  body.partners {
    background-color: #f8f8f8;
  }
  
  body.email {
    background-image: url("../../images/emailbg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  
  /*body.login {
    background-image: url("../../images/loginbg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }*/
  body.live {
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  
  body.agenda,
  body.program {
    background-color: #350075;
    background-image: url("../../images/QEF-alt-bkg-agenda2.png");
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
  }
  
  .loginbg {
    background-image: url("../../images/bgvid.mp4");
    padding: 0;
  }
  
  
  section.bbg-row.bbg-bg--black.bbg-bg--has-media {
    position: relative;
    width: 100%;
  }
  
  
  .bg-home {
    background-image: url("../../images/homebg.png");
    background-position: top center;
  }
  
  .bg-speakers {
    background-image: url("../../images/bg-grad2.png");
    background-size: 100% 100%;
    height: 250px;
  }
  
  .bg-roundtable {
    background-image: url("../../images/bg-hometop.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
  
  .bg-ondemand {
    background-image: url("../../images/bg-od-new.png");
    background-position: top center;
    height: 250px;
  }
  
  .bg-resources {
    background-image: url("../../images/bg-res-new.png");
    background-position: top center;
    height: 250px;
  }
  
  .bg-partners {
    background-image: url("../../images/bg-part-new.png");
    background-position: top center;
    height: 250px;
  }
  
  .bg-audience {
    background-image: url("../../images/bg-res-new.png");
    background-position: top center;
    padding-bottom: 30px;
  }
  
  .bg-blk {
    background-color: #000;
  }
  
  .bg-wht {
    background-color: #ffffff;
  }
  
  .bg-pur {
    background-color: #350075;
  }
  
  .bg-grey {
    background-color: #f7f7f7;
  }
  
  .bg-lpur {
    background-color: #e4e0ee;
  }
  
  .bg-mpur {
    background-color: #6955a4;
  }
  
  .bg-yelstr {
    background-color: #FFBE3C;
  }
  
  .bg-lyel {
    background-color: #fff9eb;
  }
  
  .bg-lyel2 {
    background-color: #fff8ea;
  }
  
  .js-tile a {
    position: absolute;
    bottom: 2%;
  }
  
  .js-tile {
    padding-bottom: 75px !important;
    display: block;
  }
  
  .header {
    top: 0;
    width: 100%;
    background-color: #FFF;
    color: #666666;
    z-index: 100;
    position: fixed;
  }
  
  .headernotice {
    background-color: #FFBE3C;
    padding: 20px 0;
    color: #350075;
    width: 100%;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-style: 400;
    display: none;
  }
  
  .footer {
    background-color: #EFEFEF;
    padding: 30px 0;
    text-align: right;
    font-size: 14px;
    color: #350075;
    border-top: thick solid #FFBE3C;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
  }
  
  .footer ul {
    display: inline-block;
    margin-bottom: 0 !important;
    padding: 0px !important;
  }
  
  .footer li {
    display: inline-block;
    margin-left: 20px;
  }
  
  .footer a,
  .footer a:hover {
    color: #000 !important;
  }
  
  #content {
    /*padding-bottom: 160px;*/
    margin-top: 132px;
    transition: margin-top 0.6s;
  }
  
  #content.messageBarShown {
    margin-top: 190px;
  }
  
  .fullscreen {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    top: 0;
    right: 0;
  }
  
  .speaker-wrap {
    width: 85%;
    margin: 0 auto;
  }
  
  .speaker-no-163 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  
  .speaker-no-163 .hr-blk {
    margin: 0 auto 10px;
  }
  
  .modal-backdrop {
    opacity: 0 !important;
  }
  
  .modal-content {
    border: 0px;
    border-radius: 0px;
    background-color: rgba(53, 0, 117, 0.93);
    color: white;
    text-align: right !important;
    font-size: 16px;
    padding: 20px 0px;
  }
  
  p {
    margin-bottom: 0.5rem;
  }
  
  body>.header {
    padding: 0px;
    background-color: #000;
  }
  
  .f-17 {
    font-size: 1.3rem;
  }
  
  .container {
    max-width: 1920px;
  }
  
  .live-page .container {
    max-width: 1920px;
  }
  
  .mapwidth {
    width: 80% !important;
  }
  
  .full-width {
    width: 100%;
  }
  
  .content-column {
    margin-top: 20px;
  }
  
  .content-column.no-heading {
    margin-top: 70px;
  }
  
  .color-box {
    color: #FFF;
    padding: 15px;
  }
  
  .color-box.grey {
    background-color: #666666;
  }
  
  .color-box .btn-primary {
    border: none;
  }
  
  .color-box.green {
    background-color: #000;
  }
  
  .color-box.green .btn-primary {
    background-color: #76b82a !important
  }
  
  .color-box.blue {
    background-color: #2a4270;
  }
  
  .color-box.blue .btn-primary {
    background-color: #5687e6 !important
  }
  
  .color-box.orange {
    background-color: #be6f13;
  }
  
  .color-box.orange .btn-primary {
    background-color: #FFBE3C !important
  }
  
  .colpurp {
    color: #350075 !important;
  }
  
  a {
    color: #fff !important;
    cursor: pointer;
  }
  
  a:hover,
  a:focus,
  a:active {
    color: #FFBE3C !important;
  }
  
  a.f-12 {
    color: #839ED2 !important;
    cursor: pointer;
  }
  
  a.f-14 {
    color: #839ED2 !important;
    cursor: pointer;
  }
  
  .bars {
    color: #000;
  }
  
  .mt-6 {
    margin-top: 6rem !important;
  }
  
  .mb-6 {
    margin-bottom: 6rem !important;
  }
  
  .max180 {
    max-width: 180px;
  }
  
  .form-control {
    /* padding: 24px; */
    color: #C4C4C4;
    /*border-radius: 0px !important;*/
  }
  
  .slide img {
    width: 100%;
  }
  
  .slide {
    position: relative;
  }
  
  .slide img {
    width: 100%;
    position: relative;
    z-index: 0;
  }
  
  .slick-arrow {
    display: none !important;
  }
  
  ul.slick-dots {
    bottom: 29px !important;
    z-index: 1;
  }
  
  .slick-dots li button {
    /*    background-color:#FFF;*/
    border: solid 1px #d1d1d1 !important;
    border-radius: 20px;
  }
  
  .slick-dots li.slick-active button {
    border: solid 1px #FFBE3C !important;
    background-color: #FFBE3C !important;
  }
  
  .slick-dots li button::before {
    display: none !important;
  }
  
  .slide .banner {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    color: #FFF;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .slide .banner h2 {
    color: #FFF;
  }
  
  #index-vid,
  .full-height {
    background-color: #07033d;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  
  /* .slider-3 .slick-list, .slider-3 .slick-track, .slider-3 .slick-slide, .slider-3 .slide img {
          height: 100%;
      }
      .slider-3 .slide img {
          width: auto;
          left: 50%;
          transform: translateX(-50%);
      } */
  .slider-3 .slick-list {
    height: 100%;
  }
  
  .slider-3 .slick-track {
    height: 100%;
  }
  
  .slider-3 .slide.slick-slide {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  
  .w-139 {
    width: 139px;
  }
  
  .form-control.sm {
    padding: 0;
    color: #350075;
    background: #f7f7f7;
  }
  
  .form-control.trans {
    background: transparent;
    padding: 18px 5px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px !important;
  }
  
  .form-control.trans::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
  }
  
  .p-6 {
    padding: 4em 6em;
  }
  
  @media (min-width: 1200px) {
    .p-xl-6 {
      padding: 4em 6em !important;
    }
  }
  
  @media only screen and (max-width: 769px) {
    .p-6 {
      padding: 4em 2.5em;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .footerlinks {
      text-align: center;
    }
  
    .footerlinks li {
      margin: 0 10px 10px;
    }
  
    .footer {
      position: unset;
    }
  
    body {
      margin-bottom: 0;
    }
  }
  
  /******** NAVIGATION SECTION START ********/
  .navbar {
    z-index: 50;
    padding: 0px;
    transition: all .5s ease-out;
    background-color: #000;
    text-align: center;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .navbar .nav-item .nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-left: 0;
    font-size: 1.25rem;
    color: #fff !important;
  }
  
  .navbar .nav-item .nav-link.active,
  .navbar .nav-item .nav-link:hover {
    color: #FFBE3C !important;
  }
  
  .head-logo {
    margin: 20px 0;
  }
  
  .bell-icon {
    margin: 20px 0 10px;
  }
  
  .profile-button {
    margin: 10px 30px 20px 10px;
  }
  
  .line-icon {
    margin: 0px 50px 0px 50px;
    border-right: thin #fff solid;
    height: 75px;
  }
  
  .navbar-brand {
    padding: 0px;
  }
  
  .navbar-bell-user {
    display: inline-block;
    line-height: inherit;
    white-space: nowrap;
    position: relative;
  }
  
  .profile-box-title {
    color: black;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .sub-btn {
    margin: 0 auto;
    display: block;
    width: 50%;
  }
  
  .header-container {
    position: relative;
  }
  
  .navbar-toggler {
    margin-left: 10px;
    color: #FFBE3C;
    background-color: #fff;
  }
  
  .fa.fa-navicon {
    font-size: 17pt;
    color: white;
  }
  
  button:focus {
    outline: none;
  }
  
  .navbar-nav .dropdown-menu {
    background-color: #fff;
    border-radius: 0px;
  }
  
  .navbar-nav .dropdown-menu a {
    font-size: 18px;
    letter-spacing: 2pt;
    color: #000;
    text-align: center;
  }
  
  .dropdown .dropdown-menu a:hover {
    color: #FFBE3C;
    background-color: transparent;
  }
  
  .navbar-expand-lg .navbar-collapse {
    /*margin-top: auto;*/
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  /***** Direct Messenger *****/
  #popup-container {
    display: none;
    background-color: rgba(53, 1, 117, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    padding-top: 100px;
  }
  
  .dm-conversation,
  .dm-contact {
    cursor: pointer;
    border-bottom: 2px solid #D6D6D6;
    padding: 18px !important;
    color: #350075;
  }
  
  .dm-message-content {
    padding: 5px 10px;
  }
  
  .select-img-text {
    color: black;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
  }
  
  .select-img-text span {
    display: block;
    font-size: 12px;
    color: #555;
  }
  
  img.select-img-pseudo {
    cursor: pointer;
  }
  
  #popup {
    margin: 0 auto;
    background-color: #FFF;
    max-width: 900px;
    position: absolute;
    width: 100%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }
  
  .dm-pfp {
    width: 40px;
    border-radius: 100px;
    margin-left: 15px;
  }
  
  
  .rt-txt {
    font-size: 1.5rem;
    width: 85%;
  }
  
  .roundtable-header {
    border: 1px solid black;
  }
  
  body.roundtables {
    background-color: #6d438d;
  }
  
  .faq-wrap a {
    color: #350075 !important;
    text-decoration: underline;
  }
  
  .tc-fix a {
    color: #350075 !important;
    text-decoration: underline;
  }
  
  
  .w-fix {
    width: 100%;
    margin-right: 0%;
  }
  
  .mid-fix {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /***** Mobile Agenda *****/
  body.mobile .footer,
  body.mobile #navbarSupportedContent,
  body.mobile .navbar-brand,
  body.mobile .headernotice,
  body.mobile .navbar-toggler,
  .mobile-image,
  body.mobile header {
    display: none !important;
  }
  
  body.mobile .mobile-image {
    display: block !important;
    margin: 50px auto;
    max-width: 285px;
  }
  
  body.mobile .navbar {
    min-height: 30px;
  }
  
  body.mobile #content.messageBarShown {
    margin-top: 0;
  }
  
  body {
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-y: scroll;
  }
  
  body::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
  }
  
  @media only screen and (max-width: 769px) {
    #popup {
      bottom: 0;
      top: unset;
      right: unset;
      transform: unset;
    }
  
    .form-control {
      padding: 13px;
    }
  
  }
  
  @media only screen and (max-height: 800px) and (min-width: 769px) {
    #popup {
      bottom: 0;
      top: unset;
      transform: translate(50%, 0%);
    }
  
    .form-control {
      padding: 13px;
    }
  
  }
  
  #popup .loading {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }
  
  .dm-button,
  .profile-button {
    width: 50px;
    cursor: pointer;
    margin-bottom: 5px;
  }
  
  div.dm-container {
    max-width: none;
  }
  
  .profile-button {
    border: solid #FFF 2px;
    border-radius: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
  }
  
  .profile-button img {
    width: 100%;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }
  
  .dm-button {
    width: 30px;
    margin-left: 15px;
  }
  
  #ContactsSearchBar {
    margin-right: 30px;
    font-size: 18px;
    font-family: "AvenirNextPForBBG-Regular", Arial, sans-serif;
    padding: 5px 10px;
  }
  
  button#ContactsSearchBarBtn {
    font-size: 20px;
  }
  
  .searchtools {
    display: inline-block;
  }
  
  .notification-number {
    display: none;
    position: absolute;
    color: #000;
    position: absolute;
    left: 10px;
    top: 28px;
    font-size: 12px;
  }
  
  #dm-container,
  #profile-form {
    width: 100%;
    padding: 10px 30px;
  }
  
  #profile-form label {
    font-size: 16px;
    color: #350075;
  }
  
  .roundtable {
    border: 1px solid;
  }
  
  show {
    display: contents;
  }
  
  .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
  }
  
  .profile-image-upload {
    border-radius: 2000px;
    overflow: hidden;
    display: inline-block;
  }
  
  .shifty {
    left: 8px;
  }
  
  @media only screen and (max-width: 900px) {
    .slider-3 .slide.slick-slide {
      height: 530px;
    }
  }
  
  @media only screen and (max-width: 800px) {
  
    #dm-container,
    #profile-form {
      padding: 0;
    }
  
    #profile-form label {
      font-size: 14px;
    }
  
    .h-fix-sc {
      height: 400px;
      overflow-y: scroll;
    }
  
    .dm-pfp {
      width: 35px;
      border-radius: 100px;
      margin-left: 15px;
    }
  
    .notification-number {
      left: -10px;
    }
  
    .shifty {
      left: -13px;
    }
  
  }
  
  /*#profile-form {
      min-height: 500px;
  }*/
  #profile-form>form {
    background-color: #f8f8f8;
    padding: 15px 30px;
  }
  
  #profile-form input {
    border: 2px solid #cbcbcb;
    border-radius: 0;
    background-color: white;
  }
  
  #field_image {
    width: 100%;
  }
  
  .carousel-inner img {
    height: 200px;
  }
  
  
  .carousel-indicators li {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    border-bottom: none;
    border-top: none;
    background-color: #350075;
    opacity: 1;
  }
  
  .carousel-indicators .active {
    opacity: 1;
    background-color: #ffc107;
  }
  
  .carousel-indicators {
    position: relative;
  }
  
  .carousel-inner {
    /*  min-height: 900px;*/
  }
  
  /*****tabs*****/
  .nav-tabs .nav-item .nav-link {
    border-left: none !important;
    font-weight: bold;
    font-size: 1rem;
  }
  
  .nav-tabs {
    border-radius: 0px;
    border: none;
    background: none;
    padding: 10px 0px 24px 10px;
  }
  
  .nav-tabs .nav-link {
    border-radius: 0px;
    border: none;
    background: none;
    margin-right: 24px;
    padding: 0px;
  }
  
  .nav-tabs .nav-link.first {
    margin-right: 0px;
  }
  
  .nav-tabs>li>a {
    color: #E6E7E8 !important;
    background: none;
    border-bottom: 1px solid #E6E7E8 !important;
  }
  
  .nav-tabs>li>a:active,
  .nav-tabs a.active {
    color: #2D478D !important;
    border-bottom: 1px solid #2D478D !important;
  }
  
  .nav-tabs>li>a:hover {
    color: #2D478D !important;
    border-bottom: 1px solid #2D478D !important;
  }
  
  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
    color: #2D478D !important;
    border-bottom: 1px solid #2D478D !important;
  }
  
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    color: #2D478D !important;
    background: none;
  }
  
  .gry-brd {
    border-bottom: 1px solid #707070 !important;
  }
  
  .gry-brd-t {
    border-top: 1px solid #707070 !important;
  }
  
  h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
    color: #fff;
  }
  
  h2 {
    font-size: 2.5rem;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  h3 {
    font-size: 1.7rem;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .indexhead {
    font-size: 1.40rem;
  }
  
  .light-font {
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .bold-font {
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  h4 {
    font-size: 1.1rem;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .agenda-table td {
    padding: 3px 0px 3px 20px;
  }
  
  ul.intro {
    display: block;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 1rem;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
  }
  
  ul.introtop {
    display: block;
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 1rem;
    margin-right: 0;
    margin-left: 0;
    padding-right: 1rem;
  }
  
  hr {
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #000;
    border-color: #000;
  }
  
  hr.hr-blk {
    height: 5px;
    width: 42px;
    right: 0;
    border-width: 0;
    color: #000;
    background-color: #000;
    max-width: 42px;
    margin-right: 0;
  }
  
  hr.hr-blu {
    height: 5px;
    width: 42px;
    right: 0;
    border-width: 0;
    color: #000;
    background-color: #003494;
    max-width: 42px;
    margin-right: 0;
  }
  
  hr.ht-wht {
    height: 5px;
    width: 42px;
    right: 0;
    border-width: 0;
    color: #fff;
    background-color: #fff;
    max-width: 42px;
    margin-right: 0;
  }
  
  hr.hr-pur {
    height: 5px;
    width: 42px;
    right: 0;
    border-width: 0;
    color: #350075;
    background-color: #350075;
    max-width: 42px;
    margin-right: 0;
  }
  
  hr.loadmorehr {
    background-color: #6955A4;
    color: #6955A4;
    border-color: #6955A4;
  }
  
  .loadmore {
    color: #6955A4;
    text-align: center;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .read-more__link {
    color: #350075 !important;
    font-weight: 700;
    text-decoration: underline;
  }
  
  .f-8 {
    font-size: 0.55rem;
  }
  
  .f-10 {
    font-size: 10px;
  }
  
  .f-12 {
    font-size: 0.90rem;
  }
  
  .f-14 {
    font-size: 1rem;
  }
  
  .f-16 {
    font-size: 16px;
  }
  
  .f-18 {
    font-size: 1.1rem;
  }
  
  .f-20 {
    font-size: 1.3rem;
  }
  
  .f-48 {
    font-size: 3.42rem;
  }
  
  .lh-0 {
    line-height: 0px;
  }
  
  .lh-10 {
    line-height: 18px;
  }
  
  .tx-blu {
    color: #003494;
  }
  
  .tx-blk {
    color: #000;
  }
  
  .tx-wht {
    color: #fff;
  }
  
  .tx-yel {
    color: #FFBE3C !important;
  }
  
  .tx-pur {
    color: #350075 !important;
  }
  
  .tx-up {
    text-transform: uppercase;
  }
  
  .tx-bld {
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-style: bold;
  }
  
  .tx-it {
    font-style: italic;
  }
  
  .tx-ls-2 {
    letter-spacing: 2px;
  }
  
  /* end text */
  a.lblue,
  a.lblue:active,
  a.lblue:focus {
    color: #839ED2 !important;
  }
  
  a.lblue:hover {
    color: #183B78 !important;
  }
  
  .dblue {
    color: #183B78;
  }
  
  .font-big {
    font-size: 20px;
  }
  
  .close {
    color: white !important;
    text-shadow: none;
    opacity: 100%;
  }
  
  .width100 {
    width: 100px;
  }
  
  .width120 {
    width: 120px;
  }
  
  .ptlbr-5 {
    padding: 3rem;
  }
  
  .btop {
    border-top: 1px solid #6955a4;
  }
  
  .btopblk {
    border-top: 1px solid #000;
  }
  
  .btopgrey {
    border-top: 1px solid #cbcbcb;
  }
  
  .btopyel {
    border-top: 2px solid #FFBE3C;
  }
  
  .btoppur {
    border-top: 2px solid #350075;
  }
  
  .btopwhi {
    border-top: 2px solid #FFFFFF;
  }
  
  .bbotyel {
    border-bottom: 2px solid #FFBE3C;
  }
  
  .minheibox {
    min-height: 300px;
  }
  
  .speaker.no-bio .bio-button {
    display: none;
  }
  
  .speaker-image-preview {
    max-width: 50px;
    margin: 0px 0px 5px 5px;
    border-radius: 55px;
  }
  
  .speaker-image {
    max-width: 180px;
    border-radius: 180px;
    margin: 0 auto;
    display: block;
  }
  
  .speaker .bottom {
    overflow: hidden;
  }
  
  .speaker .bottom.full {
    height: auto;
  }
  
  .bleftblk {
    border-right: 1px solid #000;
  }
  
  .bleftwht {
    border-right: 1px solid #fff;
  }
  
  .bleftgrey {
    border-right: 1px solid #cbcbcb;
  }
  
  .bgrey {
    border: 1px solid #cbcbcb;
  }
  
  .bluebg {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #183B78;
  }
  
  .bg-hometop {
    background-image: url("../../images/bg-hometop.png");
    background-position: center;
    background-size: cover;
  }
  
  .bg-homebot {
    background-image: url("../../images/bg-homebot.png");
    background-position: center;
    background-size: cover;
  }
  
  .gbox {
    background-color: #FFF;
  }
  
  .gbox:hover {
    background-color: #F5F5F5 !important;
  }
  
  th {
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  
  .btn {
    padding: .375rem 1rem;
    font-family: 'Noto Kufi Arabic', sans-serif;
    font-weight: 500;
    border-radius: 0;
  }
  
  .btn-blk {
    border: 2px solid black;
    color: black !important;
    background-color: transparent;
  }
  
  .btn-wht {
    border: 2px solid white;
    color: white;
    background-color: transparent;
  }
  
  .btn-default {
    color: #fff !important;
    background-color: #350075 !important;
    border-color: #350075 !important;
    padding: .8rem 2rem;
  }
  
  .btn-default.focus,
  .btn-default:focus {
    box-shadow: none !important;
  }
  
  .btn-default:hover {
    color: #350075 !important;
  }
  
  .btn-default:hover {
    border-color: #FFBE3C !important;
    background-color: #FFBE3C !important;
  }
  
  .btn-agenda {
    padding: .35rem;
    font-size: 11px;
    color: #350075 !important;
    background-color: #FFBE3C !important;
    border-color: #FFBE3C !important;
  }
  
  .btn-agenda.focus,
  .btn-agenda:focus {
    box-shadow: none !important;
  }
  
  .btn-agenda:hover {
    color: #FFBE3C !important;
    border-color: #FFBE3C !important;
    background-color: #350075 !important;
  }
  
  .btn-primary {
    color: #350075 !important;
    background-color: #FFBE3C !important;
    border-color: #FFBE3C !important;
  }
  
  .btn-primary.focus,
  .btn-primary:focus {
    box-shadow: none !important;
  }
  
  .btn-primary:hover {
    color: #FFBE3C !important;
    border-color: #FFBE3C !important;
    background-color: #350075 !important;
  }
  
  .btn-inv {
    color: #fff !important;
    background-color: #350075 !important;
    border-color: #FFBE3C !important;
  }
  
  .btn-inv.focus,
  .btn-inv:focus {
    box-shadow: none !important;
  }
  
  .btn-inv:hover {
    color: #350075 !important;
    border-color: #FFBE3C !important;
    background-color: #FFBE3C !important;
  }
  
  .btn-inv-w {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
  
  .btn-inv-w.focus,
  .btn-inv-w:focus {
    box-shadow: none !important;
  }
  
  .btn-inv-w:hover,
  .btn-inv-w.active {
    color: #350075 !important;
    border-color: #FFBE3C !important;
    background-color: #FFBE3C !important;
  }
  
  .btn-inv-b {
    color: #350075 !important;
    background-color: #e4e0ee !important;
    border-color: #FFBE3C !important;
  }
  
  .btn-inv-b.focus,
  .btn-inv-b:focus {
    box-shadow: none !important;
  }
  
  .btn-inv-b:hover {
    color: #350075 !important;
    border-color: #FFBE3C !important;
    background-color: #FFBE3C !important;
  }
  
  .btn-inv-c {
    color: #350075 !important;
    background-color: #fff9eb !important;
    border-color: #FFBE3C !important;
  }
  
  .btn-inv-c.focus,
  .btn-inv-c:focus {
    box-shadow: none !important;
  }
  
  .btn-inv-c:hover {
    color: #350075 !important;
    border-color: #FFBE3C !important;
    background-color: #FFBE3C !important;
  }
  
  .page-link {
    border-radius: 0px !important;
  }
  
  .page-link {
    padding: 5px 10px !important;
  }
  
  .page-item.active .page-link {
    background-color: #839ED2;
    border-color: #839ED2;
    color: #fff !important;
  }
  
  .engage-question.textarea-question {
    background-color: #f4f4f4;
  }
  
  .engage-question.choice-question {
    background-color: #f4f4f4;
  }
  
  .engage-question.choice-question #content {
    height: 100%;
    box-sizing: border-box;
  }
  
  .engage-question .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
  }
  
  .engage-question .form-control:focus {
    color: #212529;
    background-color: #FFF;
    border-color: #253C8B;
    outline: 0;
    box-shadow: none;
    /*    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);*/
  }
  
  .engage-question .btn,
  #comment-form input[type="submit"] {
    color: #fff;
    background-color: #F6AA90;
    border-color: #F6AA90;
    font-size: 14px;
    padding: .475rem 3rem;
    border-radius: 0;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1.5;
    border: 1px solid transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
  
  #comment-form {
    z-index: 2;
    position: relative;
  }
  
  .engage-question .btn.option {
    /* background-color: #FFF;
    color: #212529;
    text-transform: none;
    text-align: left;
    padding: 0 10px;
    font-size: 14px;
    letter-spacing: 0px !important;
    border: none; */
  }
  
  .engage-question .btn.option:hover,
  .engage-question .btn.option.selected {
    background-color: #350075;
    color: #FFF;
  }
  
  .engage-question .form-group,
  .engage-question .control-label {
    margin-bottom: 1rem;
    display: block;
  }
  
  .engage-question .btn.option {
    margin-bottom: 0.7rem;
    padding: 0.675rem 1rem;
    font-size: 18px;
    color: black;
    background-color: white;
    text-align: right;
    font-family: "AvenirNextPForBBG-Regular", Arial, sans-serif;
  }
  
  .engage-question .form-group {
    text-align: center;
  }
  
  .engage-question .submit-group {
    padding: 20px;
    margin: 0;
    border-top: solid #e4e4e4 1px;
  }
  
  .engage-question .submit-group .btn {
    width: 100%;
    background-color: #350075;
    font-size: 21px;
    font-family: "AvenirNextPForBBG-Regular", Arial, sans-serif;
    font-weight: 400;
  }
  
  .comment-count {
    display: none;
  }
  
  .form-group.text-group {
    margin: 0;
  }
  
  form#choice-form {
    position: absolute;
    width: 100%;
  }
  
  .engage-question .control-label {
    padding: 10px 20px;
    text-align: right;
    background-color: #f4f4f4;
    z-index: 20;
    border-bottom: solid #e4e4e4 1px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
  }
  
  .engage-question textarea.form-control {
    height: 160px;
    border-radius: 0 !important;
    background-color: #FFF;
    font-size: 18px;
    font-family: "AvenirNextPForBBG-Regular", Arial, sans-serif;
    margin: 0 10px;
    width: calc(100% - 20px);
  }
  
  body.engage-question {
    padding: 0;
  }
  
  .engage-question input,
  .engage-question textarea,
  .engage-question label,
  body.engage-question {
    font-size: 1rem;
  }
  
  .form-control {
    height: 50px;
  }
  
  #wall-container textarea {
    width: 100%;
    outline: none;
    height: 110px;
    border-radius: 0;
    border: 1px solid #ced4da;
  }
  
  #wall-container textarea:focus {
    border-color: #253C8B;
  }
  
  #wall-container {
    background-color: #FFF;
  }
  
  .comment-user {
    color: #8B8B8B;
    font-size: 13px;
    text-align: left;
    margin-bottom: 3px;
  }
  
  .comment-text {
    padding: 8px;
    color: #212529;
    font-size: 18px;
    border: 1px solid #cbcbcb;
    text-align: right;
  }
  
  .comment-text {
    color: #212529;
  }
  
  /***** Download Links *****/
  .white-box {
    background-color: #FFF;
    border-radius: 30px;
    padding: 20px;
    margin-top: 30px;
  }
  
  .live-downloads {
    display: inline-block;
    margin-top: 0;
  }
  
  .live-downloads .left,
  .live-downloads .right {
    display: inline-block;
    box-sizing: border-box;
  }
  
  .live-downloads .left {
    padding-left: 15px;
    border-left: solid 2px #000;
    line-height: 22px;
  }
  
  .live-downloads .right {
    padding-right: 15px;
    float: left;
  }
  
  .live-downloads .download {
    height: 40px;
    float: left;
  }
  
  /****** Audience Page **********/
  #audience-table td {
    position: relative;
  }
  
  .dm-audience {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 30px;
    height: 30px;
    background-image: url(../images/comment.png);
    cursor: pointer;
  }
  
  /****** Breakouts Page **********/
  body.breakouts .footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  /****** Welcome Page **********/
  body.welcome {
    background-color: #FFF;
    height: auto;
  }
  
  .visibility-button,
  .messaging-button {
    opacity: 0.25;
  }
  
  .visibility-button:hover,
  .messaging-button:hover {
    opacity: 1;
  }
  
  .visibility-button.active,
  .messaging-button.active {
    opacity: 1;
    color: #FFBE3C !important;
    border-color: #FFBE3C !important;
    background-color: #350075 !important;
  }
  
  /****** Livestream Page **********/
  body.livestream .footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 200;
  }
  
  body.livestream .footer.inline {
    position: relative;
  }
  
  /****** Agenda Page **********/
  #custom-agenda,
  #custom-agenda .day-container,
  .bookable-session {
    display: none;
  }
  
  .bookable-session.booked {
    display: block;
  }
  
  .bookable-session .unbook-session .fa-minus,
  .roundtable .book-session i {
    color: #FFF;
    background-color: #FFBE3C;
    padding: 5px;
    font-size: 18px;
    cursor: pointer;
  }
  
  .bookable-session .btn-primary {
    display: none;
  }
  
  .bookable-session.type_Roundtable .btn-primary {
    display: block;
  }
  
  .bookable-session a {
    bottom: 2%;
    position: absolute;
    width: 96%;
    right: 2%;
  }
  
  
  .bookable-session {
    padding-bottom: 50px !important;
  }
  
  .roundtable .speaker {
    position: relative;
  }
  
  .roundtable .book-session i {
    position: absolute;
    top: 5px;
    left: 5px;
  }
  
  .roundtable .book-session.disabled {
    opacity: .65;
  }
  
  /****** Login Page **********/
  #login-page {
    height: 100%;
    background-color: #FFF;
    padding-top: 50px;
    background-image: url(../images/background_texture.jpg);
    background-size: cover;
  }
  
  .login-txt {
    font-size: 18px;
    margin: 30px 0;
  }
  
  body.login .footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .login-holder {
    position: relative;
    right: 50%;
    transform: translate(50%, 0);
    width: 100%;
    max-width: 1000px;
    padding: 15px;
    box-sizing: border-box;
  }
  
  .login-container {
    background-color: #000;
    background-image: url(../images/login_reg_box.png);
    padding: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
  }
  
  #login-side {
    min-height: 400px;
  }
  
  #login-errors {
    color: red;
    display: none;
  }
  
  #login-side {
    float: right;
    width: 50%;
    position: relative;
  }
  
  #login-side img {
    width: 70%;
    right: 50%;
    top: 50%;
    position: absolute;
    transform: translate(50%, -50%);
  }
  
  .login-logo {
    width: 100px;
    margin: 20px 0;
  }
  
  .welcome-vid-wrap {
    width: 50%;
    margin: 0 auto;
  }
  
  .time-space {
    text-transform: uppercase;
    margin: 0 2px;
    color: white;
  }
  
  .rt-btn-wrap {
    position: absolute;
    bottom: 5%;
  }
  
  .roundtable {
    padding-bottom: 80px !important;
  }
  
  /********** Page Header ***********/
  .page-header-image {
    width: 15%;
  }
  
  .login-container,
  .header-image-container,
  .stream-header {
    border-top: solid 15px #EEE;
  }
  
  .header-image-container {
    background-image: url(../images/landing_header.png);
    padding: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
  }
  
  .res-link {
    position: absolute;
    bottom: 2%;
  }
  
  .res-box {
    padding-bottom: 70px !important;
  }
  
  /********** Home Page ***********/
  .home-triangle {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
  
  /********** Subtitles ***********/
  .theoplayer-texttracks {
    bottom: 23% !important;
  }
  
  .theoplayer-texttracks span {
    font-family: "AvenirNextPForBBG-Regular", Arial, sans-serif !important;
    letter-spacing: normal !important;
  }
  
  @media only screen and (max-width: 768px) {
    .navbar-toggler {
      position: fixed;
      left: 0;
      top: 50px;
    }
  
    .container.header-container {
      margin-left: 25%;
    }
  
    .widen {
      margin-left: 0 !important;
    }
  
    .navbar-collapse.collapse.show .header-container {
      margin-left: 0;
    }
  
    .addbtopblk {
      border-top: 1px solid #000;
    }
  
    .minus-brd {
      border-right: none;
    }
  
    .addbtopwht {
      border-top: 1px solid #fff;
    }
  
    .btn {
      padding: .375rem 1rem;
    }
  
    .btn-agenda {
      padding: .375rem .375rem !important;
    }
  
    .vh-100 {
      height: 60vh !important;
    }
  
    .headernotice {
      padding: 10px 0;
    }
  
    .line-icon {
      display: none;
    }
  
    .navbar-brand {
      padding-right: 10px;
    }
  
    .bell-icon {
      margin: 20px 10px;
    }
  
    #content.messageBarShown {
      margin-top: 170px;
    }
  }
  
  @media only screen and (max-height: 650px) {
    body.breakouts .footer {
      position: relative;
    }
  }
  
  @media only screen and (max-height: 650px) {
    body.livestream .footer {
      position: relative;
    }
  }
  
  @media only screen and (max-height: 800px) {
    #login-page {
      padding-top: 0;
    }
  }
  
  @media only screen and (max-height: 650px) {
    body.login .footer {
      position: relative;
    }
  
    #login-page {
      height: auto;
    }
  }
  
  @media only screen and (max-width: 1440px) {
  
    .navbar .nav-item .nav-link {
      padding-left: 10px !important;
      padding-right: 10px !important;
      margin-right: 0;
      margin-top: 0;
      font-size: 1rem;
    }
  
    .line-icon {
      margin: 0 25px;
    }
  }
  
  @media only screen and (max-width: 1260px) {
    .navbar .nav-item .nav-link {
      padding-left: 5px !important;
      padding-right: 5px !important;
      font-size: 0.75rem;
    }
  }
  
  @media only screen and (max-width: 900px) {
    .navbar .nav-item .nav-link {
      padding-left: 5px !important;
      padding-right: 5px !important;
      font-size: 1rem;
    }
  
    .footer .left {
      padding-right: 15px;
    }
  
    .footer .right {
      padding-left: 15px;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .dm-audience {
      position: relative;
      display: block;
    }
  
    .page-header-image {
      width: 30%;
    }
  }
  
  @media only screen and (max-width: 730px) {
    #login-side {
      display: none;
    }
  }
  
  @media only screen and (max-width: 580px) {
    .slider-3 .slide.slick-slide {
      height: 285px;
    }
  
    .js-tile .img-fluid {
      width: 100%;
    }
  
    .footer .left {
      font-size: 12px;
    }
  
    .footer img {
      width: 150px;
    }
  }
  
  @media only screen and (max-width: 450px) {
    .footer .left {
      font-size: 10px;
    }
  
    .footer img {
      width: 120px;
    }
  
    #ContactsSearchBar {
      width: 150px;
    }
  
  }
  
  @media all and (-ms-high-contrast: none),
  (-ms-high-contrast: active) {
    .form-control {
      height: 40px;
      padding: 5px;
    }
  
    .bell-icon {
      vertical-align: top;
    }
  }
  
  #widget {
    display: none;
  }
  
  #topBtn {
    display: block;
    position: fixed;
    bottom: 100px;
    right: 12.5px;
    z-index: 99;
    cursor: pointer;
  }
  
  .mainBtn {
    background-color: #FFBE3C;
    padding: 15px 17px;
    border-radius: 100px;
    box-shadow: 0px 0px 20px -5px #111;
  }
  
  .mainBtn img {
    height: 30px;
    width: 26px;
  }
  
  #polling-panel {
    position: fixed;
    bottom: -7px;
    right: 0;
    z-index: 100;
    cursor: pointer;
    display: none;
    border: 1px solid black;
  }
  
  #polling-panel iframe {
    background-color: white;
    border: 0;
  }
  
  #p-cross-box {
    position: absolute;
    background-color: #FFBE3C;
    left: 0;
    top: 0;
    width: 52px;
    border: 1px solid black;
    z-index: 200;
  }
  
  #p-cross-box img {
    width: 25px;
    margin: 5px auto;
    display: block;
  }
  
  @media only screen and (max-width: 450px) {
    #topBtn {
      bottom: 15px;
      right: 15px;
    }
  
    #polling-panel {
      border: 0;
      width: 100%;
    }
  
    #polling-panel iframe {
      width: 100%;
    }
  }
  
  /* adding custom styling */
  @media (min-width: 992px) {
    .offset-lg-1 {
        margin-right: 8.333333%;
    }
}
  /*# sourceMappingURL=style.css.map */

  /* agenda text align right  */
  .agenda-text-right{
      text-align: right !important;
  }