/* line 3, /myapp/app/assets/stylesheets/front/events.scss */
.info-event-image {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

/* line 12, /myapp/app/assets/stylesheets/front/events.scss */
.info-event-image-wrapper {
  position: relative;
  height: 250px;
  width: 100%;
  max-width: 310px;
  min-width: 240px;
  background: white;
}
@media screen and (min-width: 993px) {
  /* line 12, /myapp/app/assets/stylesheets/front/events.scss */
  .info-event-image-wrapper {
    max-width: 240px;
    height: 220px;
  }
}

/* line 26, /myapp/app/assets/stylesheets/front/events.scss */
.info-event {
  margin-top: 0;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 993px) {
  /* line 26, /myapp/app/assets/stylesheets/front/events.scss */
  .info-event {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }
}

/* line 42, /myapp/app/assets/stylesheets/front/events.scss */
.btn-read-event {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2.2px;
  text-align: center;
  color: #ffffff;
}

/* line 53, /myapp/app/assets/stylesheets/front/events.scss */
.btn-view-event {
  width: 38%;
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.5px;
  color: white;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0;
  background-image: linear-gradient(#ff003e 9.7%, #f00);
}

/* line 71, /myapp/app/assets/stylesheets/front/events.scss */
.div-events-container {
  padding: 0 0 40px 0;
}
@media screen and (min-width: 993px) {
  /* line 71, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container {
    padding: 0 26px 40px 26px;
  }
}

/* line 79, /myapp/app/assets/stylesheets/front/events.scss */
.event-date {
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2.5px;
  text-align: left;
  color: #380fb3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px;
}
/* line 94, /myapp/app/assets/stylesheets/front/events.scss */
.event-date > img {
  width: 12px;
  margin-right: 5px;
}

/* line 100, /myapp/app/assets/stylesheets/front/events.scss */
.div-event .row .info-event .event-info-left > div.size-img-show {
  width: 305px;
  height: 196px;
}

/* line 105, /myapp/app/assets/stylesheets/front/events.scss */
.div-event > .row {
  display: flex;
  flex-direction: column;
}
/* line 111, /myapp/app/assets/stylesheets/front/events.scss */
.div-event > .row > .info-event > .event-info-left > .size-img-show {
  margin: 0;
}
/* line 117, /myapp/app/assets/stylesheets/front/events.scss */
.div-event > .row > .separator {
  border-bottom: solid 0.5px rgba(202, 202, 202, 0.68);
  height: 2px;
  margin-bottom: 5px;
}

/* line 124, /myapp/app/assets/stylesheets/front/events.scss */
.event-date-author {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: -15px;
}
/* line 132, /myapp/app/assets/stylesheets/front/events.scss */
.event-date-author > .event-date {
  margin-right: 40px;
}

/* line 137, /myapp/app/assets/stylesheets/front/events.scss */
.recent-events-title.show-event {
  margin-bottom: 30px;
}

/* line 141, /myapp/app/assets/stylesheets/front/events.scss */
.featured-events {
  margin: 20px;
  margin-left: 0;
  margin-right: 0;
}
/* line 146, /myapp/app/assets/stylesheets/front/events.scss */
.featured-events .events-container {
  height: auto;
  justify-content: center;
  align-items: flex-start;
}
/* line 151, /myapp/app/assets/stylesheets/front/events.scss */
.featured-events .events-container .event-card {
  height: auto;
}
/* line 154, /myapp/app/assets/stylesheets/front/events.scss */
.featured-events .events-container .event-card > div:nth-child(1) {
  width: 100% !important;
}
/* line 157, /myapp/app/assets/stylesheets/front/events.scss */
.featured-events .events-container .event-card > div:nth-child(1) .slide-events {
  width: 100%;
}
/* line 162, /myapp/app/assets/stylesheets/front/events.scss */
.featured-events .events-container .event-card .event-mini-description {
  height: auto;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 993px) {
  /* line 141, /myapp/app/assets/stylesheets/front/events.scss */
  .featured-events {
    margin: 0;
  }
  /* line 173, /myapp/app/assets/stylesheets/front/events.scss */
  .featured-events .events-container {
    height: 500px;
    justify-content: space-around;
    align-items: center;
  }
  /* line 178, /myapp/app/assets/stylesheets/front/events.scss */
  .featured-events .events-container .event-card {
    height: 100%;
  }
  /* line 180, /myapp/app/assets/stylesheets/front/events.scss */
  .featured-events .events-container .event-card > div:nth-child(1) {
    width: 390px !important;
  }
  /* line 183, /myapp/app/assets/stylesheets/front/events.scss */
  .featured-events .events-container .event-card > div:nth-child(1) .slide-events {
    width: 390px;
  }
  /* line 188, /myapp/app/assets/stylesheets/front/events.scss */
  .featured-events .events-container .event-card .event-mini-description {
    height: 160px;
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 198, /myapp/app/assets/stylesheets/front/events.scss */
.div-events-container.homepage {
  padding-bottom: 0;
}
/* line 202, /myapp/app/assets/stylesheets/front/events.scss */
.div-events-container.homepage .info-event:not(:last-child) {
  margin-bottom: 50px;
}
/* line 206, /myapp/app/assets/stylesheets/front/events.scss */
.div-events-container.homepage .info-event .speaker-info-right {
  padding-top: 15px;
  height: auto !important;
  justify-content: flex-start;
}
/* line 211, /myapp/app/assets/stylesheets/front/events.scss */
.div-events-container.homepage .info-event .speaker-info-right .speaker-mini-description {
  line-height: 1em;
  max-height: 4em;
  margin: 0 0 1em 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden;
}
@media screen and (min-width: 993px) {
  /* line 225, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event {
    height: 162px;
    margin-bottom: 0 !important;
  }
  /* line 229, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event .info-event-image-wrapper {
    height: 162px;
  }
  /* line 232, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event .info-event-image-wrapper .info-event-image {
    height: 162px;
    width: 240px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* line 239, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event .speaker-info-right {
    width: 100%;
    height: 162px !important;
    justify-content: center;
  }
  /* line 244, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event .speaker-info-right a {
    bottom: -11px;
  }
  /* line 248, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event .speaker-info-right .speaker-mini-description {
    margin-bottom: 15px;
    overflow: hidden;
  }
  /* line 253, /myapp/app/assets/stylesheets/front/events.scss */
  .div-events-container.homepage .info-event .speaker-info-right .btn-view-event {
    width: 30%;
  }
}

/* line 262, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container {
  margin: 0;
}
/* line 265, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event {
  margin-top: 0;
  padding: 8px 0;
}
/* line 269, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .speaker-info-right {
  height: auto !important;
  align-items: flex-start;
}
/* line 273, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .speaker-info-right .speaker-info-title {
  height: auto;
  text-align: left;
  width: 100%;
}
/* line 280, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .event-info-left {
  width: 100%;
  margin: 20px;
}
/* line 284, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .event-info-left .size-img-show {
  width: 100% !important;
}
/* line 288, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .event-info-left .speaker-categories {
  margin: 20px 20px 0 20px;
  width: auto;
}
/* line 294, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .speaker-mini-description {
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}
/* line 300, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .info-event .btn-view-event {
  margin: 0 0 0 20px;
}
/* line 305, /myapp/app/assets/stylesheets/front/events.scss */
.div-index-events .div-events-container .separator {
  margin-top: 24px;
}
@media screen and (min-width: 993px) {
  /* line 311, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container {
    margin: 0 20px 0 60px;
    padding: 0;
  }
  /* line 315, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event {
    margin-top: 40px;
    padding: 0;
  }
  /* line 319, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .speaker-info-right {
    width: 100%;
    align-items: center;
    height: 196px !important;
  }
  /* line 324, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .speaker-info-right .speaker-info-title {
    height: 38px;
    text-align: left;
  }
  /* line 330, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .event-info-left {
    width: auto;
    margin: 0;
  }
  /* line 334, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .event-info-left .size-img-show {
    width: 305px !important;
  }
  /* line 337, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .event-info-left .size-img-show img {
    width: 305px;
    height: 196px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* line 344, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .event-info-left .speaker-categories {
    margin-bottom: 26px;
    margin: 10px 0 30px 0;
    width: 305px;
  }
  /* line 351, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .speaker-mini-description {
    width: 368px;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  /* line 358, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .info-event .btn-view-event {
    margin: 0 0 0 0;
    text-align: center;
    width: 140px;
  }
  /* line 365, /myapp/app/assets/stylesheets/front/events.scss */
  .div-index-events .div-events-container .separator {
    margin-top: 0;
  }
}

/* line 373, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content {
  margin: 0;
  padding: 0;
}
/* line 377, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .service-name {
  margin: 20px 20px 0 20px;
}
/* line 381, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .event-date-author {
  padding-left: 20px;
}
/* line 384, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .event-date-author .event-date {
  margin: 0;
}
/* line 389, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .cover-img {
  margin-top: 40px;
}
/* line 393, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .speaker-categories {
  margin: 20px;
}
/* line 397, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content p {
  font-size: 16px;
  margin: 0 20px 20px 20px;
}
/* line 402, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .recent-events-title {
  margin-left: 0;
  text-align: center;
}
/* line 407, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content .arrow-left,
.div-show-event .services-content .arrow-right {
  top: 73%;
}
/* line 412, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content #carousel_videos_mobile {
  height: 632px !important;
}
/* line 416, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content #carousel_videos_mobile_div {
  height: 668px !important;
}
/* line 420, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content #carousel_videos_mobile_div.slider .carousel-slider .carousel-item {
  height: inherit !important;
  min-height: unset !important;
}
/* line 425, /myapp/app/assets/stylesheets/front/events.scss */
.div-show-event .services-content div#carousel_videos_mobile .indicators {
  margin-bottom: 0;
}
@media screen and (min-width: 993px) {
  /* line 431, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content {
    margin: 0 20px 20px 20px;
  }
  /* line 434, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content .service-name {
    margin: 20px 0 5px 0;
  }
  /* line 438, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content .event-date-author {
    padding-left: 0;
  }
  /* line 441, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content .event-date-author .event-date {
    margin-right: 40px;
    margin-bottom: 10px;
  }
  /* line 447, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content .cover-img {
    margin-top: 20px;
  }
  /* line 451, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content .speaker-categories {
    margin: 10px 0 30px 0;
  }
  /* line 455, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content p {
    margin: 0;
  }
  /* line 459, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content .recent-events-title {
    margin-left: 0;
    text-align: left;
  }
  /* line 464, /myapp/app/assets/stylesheets/front/events.scss */
  .div-show-event .services-content div#carousel_videos_mobile .indicators {
    margin-bottom: 70px;
  }
}

/* line 471, /myapp/app/assets/stylesheets/front/events.scss */
.image-event {
  width: 485px;
  height: 390px;
  -o-object-fit: cover;
     object-fit: cover;
}