.eventHeaderContainer {
  position: relative; }
  .eventHeaderContainer .column {
    padding: 0; }
  .eventHeaderContainer img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .eventHeaderContainer .eventName {
    padding: 100px 0;
    text-align: center;
    color: #ffffff;
    margin: 0; }

.detailContainer {
  margin: 50px auto; }
  @media (max-width: 991.98px) {
    .detailContainer {
      margin: 30px auto; } }
  .detailContainer .eventHeading h2 {
    text-align: center;
    font-size: 1.73333rem;
    color: #2ab26f; }
  .detailContainer .eventImg img {
    display: block;
    margin: 0 auto 15px;
    border: 1px solid #cccccc;
    border-radius: 15px; }
  .detailContainer .info {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 15px; }
  .detailContainer .eventDate > span {
    display: inline-block;
    font-size: 1.06667rem;
    margin-bottom: 15px; }
    .detailContainer .eventDate > span.date + .date {
      margin-left: 20px; }
  .detailContainer .eventDuration {
    text-transform: capitalize; }
  .detailContainer .registerBtnLink {
    margin-bottom: 15px; }
  .detailContainer .hostInfo {
    text-align: center; }
  .detailContainer .shareIcons i.fa {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    transition: 0.3s;
    cursor: pointer;
    margin-bottom: 15px; }
    .detailContainer .shareIcons i.fa:hover {
      transform: rotate(360deg); }
  .detailContainer .shareIcons a + a {
    margin-left: 10px; }
  .detailContainer .descDetail {
    margin-bottom: 20px; }
    .detailContainer .descDetail a {
      color: #2ab26f;
      transition: 0.3s;
      font-weight: 600; }
      .detailContainer .descDetail a:hover {
        color: #000000; }
    .detailContainer .descDetail .note {
      color: #eb3636; }
  .detailContainer .registerBtn {
    text-align: center; }
  .detailContainer iframe, .detailContainer video {
    max-width: 100%;
    width: 100%;
    height: 250px; }

.stickySection {
  position: fixed;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 3;
  border-top: 1px solid #ccc;
  transition: 0.3s;
  transform: translateY(100%); }
  .stickySection.show {
    transform: translateY(0%); }
  .stickySection .column.col-lg-12 {
    padding: 0; }
  .stickySection .eventInfoWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    width: 1170px;
    margin: auto;
    max-width: 100%; }
    .stickySection .eventInfoWrapper .eventQuickInfo span.date {
      margin-bottom: 10px;
      display: inline-block; }
      @media (min-width: 576px) {
        .stickySection .eventInfoWrapper .eventQuickInfo span.date + .date {
          margin-left: 50px; } }
      @media (max-width: 575.98px) {
        .stickySection .eventInfoWrapper .eventQuickInfo span.date {
          font-size: 13px;
          margin-bottom: 5px; }
          .stickySection .eventInfoWrapper .eventQuickInfo span.date + .date {
            margin-left: 15px; } }
    .stickySection .eventInfoWrapper .eventDuration {
      text-transform: capitalize; }
    .stickySection .eventInfoWrapper .eventHeading h2 {
      margin: 0;
      font-size: 1.46667rem; }
      @media (max-width: 767.98px) {
        .stickySection .eventInfoWrapper .eventHeading h2 {
          font-size: 1rem; } }
    @media (max-width: 767.98px) {
      .stickySection .eventInfoWrapper {
        flex-direction: column;
        padding: 5px; }
        .stickySection .eventInfoWrapper .eventQuickInfo {
          width: 100%; }
        .stickySection .eventInfoWrapper .registerProvess {
          margin-top: 5px;
          width: 100%; }
          .stickySection .eventInfoWrapper .registerProvess .btn.btn-primary {
            padding: 4px 20px; } }