.top-layout-col {
  position: relative; }

.join-now {
  display: flex;
  flex-direction: column; }
  .join-now .top {
    display: flex; }
    .join-now .top .left {
      flex: 1 1 60%;
      background: url(../images/bg-join.jpg) no-repeat;
      background-size: cover;
      max-height: 830px; }
    .join-now .top .right {
      flex: 1 1 40%;
      align-items: center; }
      .join-now .top .right .inner {
        display: flex;
        max-width: 460px; }

.slider-player {
  position: absolute;
  top: 0;
  left: 14px;
  right: 14px;
  height: 100%;
  z-index: 100;
  border-radius: 10px;
  overflow: hidden; }

.content-desc {
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
  overflow: hidden;
  max-height: 200px; }

.content-desc.opened {
  height: auto; }

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