/* Minification failed. Returning unminified contents.
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(669,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
 */
#menu-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2147483647 !important;
}

.carousel-item.active {
  background: rgba(0,0,0,0) !important;
  font-weight:normal !important;
}

.carousel-indicators {
  margin-bottom: 0rem !important;
  position: relative;
}

.carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.carousel-indicators button.active {
    background-color: #F44A1E !important;
    /* min-height: 18px; */
}

#owl-channel-list {
  position: relative;
}

.owl-prev, .owl-next {
  position: absolute;
}

.owl-prev {
  left: 0px;
  top:110px;
}

.owl-next {
  right: 0px;
  top: 110px;
}

#open-menu-button {
  width: 60px;
  text-align: right;
}

#close-menu-button {
  width: 100%;
}

.channel-box {
    background-repeat: no-repeat;
    object-fit: cover;
}

#next-channel-button-left {
    left: 25%;
    height: 100%;
    /* background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.002) 19%, rgba(0, 0, 0, 0.008) 34%, rgba(0, 0, 0, 0.021) 47%, rgba(0, 0, 0, 0.042) 56.5%, rgba(0, 0, 0, 0.075) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.194) 80.2%, rgba(0, 0, 0, 0.278) 86.1%, rgba(0, 0, 0, 0.382) 91%, rgba(0, 0, 0, 0.541) 95.2%, rgba(0, 0, 0, 0.738) 98.2%, black 100%); */
    /* /*background: linear-gradient(to right, rgb(0 0 0 / 16%) 0%, rgb(0 0 0) 80%);!1! */
}


#next-channel-button-right {
    height: 100%;
    /*  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.002) 19%, rgba(0, 0, 0, 0.008) 34%, rgba(0, 0, 0, 0.021) 47%, rgba(0, 0, 0, 0.042) 56.5%, rgba(0, 0, 0, 0.075) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.194) 80.2%, rgba(0, 0, 0, 0.278) 86.1%, rgba(0, 0, 0, 0.382) 91%, rgba(0, 0, 0, 0.541) 95.2%, rgba(0, 0, 0, 0.738) 98.2%, black 100%); */
    /* background: linear-gradient(to right, rgb(0 0 0 / 16%) 0%, rgb(0 0 0) 80%); */
    background: linear-gradient(to right, transparent 0%, black 100%);
}

#next-channel-button-up {
    width: 100%;
    top: 119px;
    /* background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.002) 19%, rgba(0, 0, 0, 0.008) 34%, rgba(0, 0, 0, 0.021) 47%, rgba(0, 0, 0, 0.042) 56.5%, rgba(0, 0, 0, 0.075) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.194) 80.2%, rgba(0, 0, 0, 0.278) 86.1%, rgba(0, 0, 0, 0.382) 91%, rgba(0, 0, 0, 0.541) 95.2%, rgba(0, 0, 0, 0.738) 98.2%, black 100%); */
}


#next-channel-button-bottom {
    width: 100%;
    /* background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.002) 19%, rgba(0, 0, 0, 0.008) 34%, rgba(0, 0, 0, 0.021) 47%, rgba(0, 0, 0, 0.042) 56.5%, rgba(0, 0, 0, 0.075) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.194) 80.2%, rgba(0, 0, 0, 0.278) 86.1%, rgba(0, 0, 0, 0.382) 91%, rgba(0, 0, 0, 0.541) 95.2%, rgba(0, 0, 0, 0.738) 98.2%, black 100%); */
    /*background: linear-gradient(to bottom, rgb(0 0 0 / 16%) 0%, rgb(0 0 0) 80%);*/
}

.video-info-left-border {
    border-left: 3px solid transparent;
}

.video-title-left-border {
    border-left: 3px solid #dc3545;
}

.vertical-video-title {
  color: #333333 !important;
}

.select-button-text-bold {
  font-weight: 800 !important;
}

.left_home {
  display: none !important;
}

.wrapper_order {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .main-logo-padding {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  #main-logo {
    max-width: 90%;
    padding-left: 3px;
  }

  .carousel-main-title {
    font-size: 18px !important;
    line-height: 23px !important;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .container-padding {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  #select-button-group {
    padding-top: 20px;
  }

  #select-button-group .dropdown .dropdown-menu {
    min-width: 420px;
  }

  #search-box-group {
    padding-top:20px;
  }

  #channel-list-slider {
      height: 450px;
      overflow: hidden;
  }

  .video-menu-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .fs-video-thumbnail-caption {
    margin-top: 9px !important;
    font-size: 16px !important;
    line-height: 21px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .wrapper_channel_order {
    order: 0;
  }

  .wrapper_verticalvideo_order {
    order: 1;
  }
}

@media (min-width: 768px) {
  .main-logo-padding {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  #main-logo {
    height: 40px;
    max-width: unset;
    padding-left: 0px;
  }

  .h-menu-padding {
    padding-top: 15px;
    padding-bottom: 30px;
  }

  .select-button-group-padding {
    padding-left: 0px !important;
    padding-right: 30px !important;
  }

  #view-video-button-container {
    text-align: left !important;
  }

  .channel-box {
    min-height: 350px;
    object-fit: cover;
  }

  #next-channel-button-left {
    left: 33%;
  }

  .video-menu-padding {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .carousel-main-title {
    font-size: 18px !important;
    line-height: 25px !important;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .fs-video-thumbnail-caption {
    margin-top: 9px !important;
    font-size: 0.85rem !important;
    line-height: 1.15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .wrapper_channel_order {
    order: 1;
  }

  .wrapper_verticalvideo_order {
    order: 0;
  }

}

@media (min-width: 768px) and (max-width: 992px) {

  .container-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    max-width: 750px !important;
  }

  .carousel-main-title {
    font-size: 18px !important;
    line-height: 25px !important;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .fs-video-thumbnail-caption {
    margin-top: 9px !important;
    font-size: 0.85rem !important;
    line-height: 1.15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }
}

@media (min-width: 992px) {

  #next-channel-button-left {
    left: 25%;
  }

  .select-button-group-padding {
    padding-left: 50px !important;
    padding-right: 30px !important;
  }

  .carousel-main-title {
    font-size: 18px !important;
    line-height: 25px !important;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .fs-video-thumbnail-caption {
    margin-top: 9px !important;
    font-size: 0.85rem !important;
    line-height: 1.15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }
}


  /* main CSS */

  a {
    cursor: pointer;
  }

  .pointer {
    cursor: pointer;
  }

  .ls-1 {
    letter-spacing: 1px;
  }

  .ls-2 {
    letter-spacing: 2px;
  }

  .bg-input {
    background-color: #DDDDDD;
  }

    .bg-input:focus {
      background-color: #DDDDDD;
    }

  .bg-input-dark {
    background-color: #300B0F;
  }

    .bg-input-dark:focus {
      background-color: #300B0F;
    }

  .no-radius {
    border-radius: 0;
  }

  .fs-7 {
    font-size: 0.8rem !important;
  }

  .fs-8 {
    font-size: 0.7rem !important;
  }

  .fs-1-15 {
    font-size: 13px !important;
  }

  .fs-13-x {
    font-size: 13px !important;
  }

  .fs-14-x {
    font-size: 14px !important;
  }


  .mt-video-title {
    margin-top: 12px !important;
  }

  .fs-video-title {
    font-size: 15px;
  }

  .channel-content-text {
    font-size: 15px !important;
    color: #ffffff;
  }

  .channel-content-fs {
    /* font-size: 1.1rem !important; */
    font-size: 15px !important;
  }

.fs-main-title {
  font-size: 1.45rem !important;
  line-height: 2rem !important;
  margin-top: 10px;
}

  .fs-subtitle {
    font-size: 13px;
  }

  .bg-black {
    background-color: black;
  }

  .border-blue-light {
    border-color: #1D6DDA !important;
  }

  .text-blue-light {
    color: #1D6DDA !important;
  }

  .text-gray {
    color: #333333 !important;
  }

  .bg-yellow-light {
    background-color: #D9A400 !important;
  }

  .text-yellow-dark {
    color: #D8A300 !important;
  }

  .bg-grey-light {
    background-color: #8F9093 !important;
  }

  .text-grey-light {
    color: #8F9093 !important;
  }

.text-dark {
  color: #333333 !important;
}

  .border-grey-light {
    border-color: #8F9093 !important;
  }

  .bg-grey-dark {
    background-color: #2D372F !important;
  }

  .text-grey-dark {
    color: #666666 !important;
  }

  .border-grey-dark {
    border-color: #2D372F !important;
  }

  .bg-orange {
    background-color: #F44A1E !important;
  }

  .text-orange {
    color: #F44A1E !important;
  }

  .text-orange-hover:hover {
    color: #F44A1E !important;
    cursor: pointer;
  }

  .fw-900 {
    font-weight: 900 !important;
  }

  .border-orange {
    border-color: #F44A1E !important;
  }

  .bg-orange-dark {
    background-color: #A83417 !important;
  }

  .bg-purple {
    background-color: #9326FF !important;
  }

  .border-divider {
    border-color: #EEEEEE !important;
  }

  .submit-button {
    all: unset;
    cursor: pointer;
  }

  .line-clamp-content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  [data-channel-id="21"], [data-channel-id="35"], [data-channel-id="36"].channel-content-text {
    color: #333333 !important;
  }

/* .colored-div { */
/*     position: relative; */
/*     width: 100%; */
/*     padding: 10px; */
/*     box-sizing: border-box; */
/* } */
/* */
/* .color-bar { */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     width: 100%; */
/*     height: 100%; */
/*     background: #403c3c; */
/* } */
/* */
/* .colored-div > h1.channel-bar-title { */
/*     margin-top: 10px; */
/*     top: 0; */
/* } */

.channel-hub-header {
    /* padding: 16px 16px 12px 16%; */
    background: #403c3c;
    color: white;
    /* font-size: 2.5rem; */
}

.channel-hub-title {

}

/* pagination start */
.pagination {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    user-select: none;
    --bs-pagination-border-radius: 0px;
    --bs-pagination-hover-color: inherit !important;
    --bs-pagination-hover-bg: #dddddd !important;
    --bs-pagination-hover-border-color: #dddddd !important;
    --bs-pagination-focus-box-shadow: transparent;
    --bs-pagination-active-color: #666666 !important;
}

.pagination li {
display: inline-block;
margin: 5px;
/* box-shadow: 0 5px 25px rgb(1 1 1 / 10%); */
}

.pagination li a {
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
}

  /* .page-link-item { */
  /*     padding: .375rem .75rem */
  /* } */


.page-link {
  color: #666666;
  padding: 2px 8px;
  background-color: transparent;
  border: 1px solid transparent;
}

  .remove-pointer {
    cursor: default
  }

  .page-item.active .page-link {
    z-index: 3;
    color: inherit;
    background-color: #dddddd;
    border-color: #dddddd;
  }

  /* .page-item.dots:hover { */
  /*     background-color: transparent; */
  /*     border-color: transparent; */
  /* } */

  .previous-page, .next-page {
    /* background: #0AB1CE; */
    /* width: 80px; */
    /* border-radius: 45px; */
    cursor: pointer;
    /* transition: 0.3s ease; */
  }

    .previous-page:hover {
      /* transition: 0.3s ease; */
      /* transform: translateX(-5px); */
    }

    .next-page:hover {
      /* transition: 0.3s ease; */
      /* transform: translateX(5px); */
    }

  .current-page {
    /* background: #ccc; */
    /* width: 45px; */
    /* border-radius: 50%; */
    cursor: pointer;
  }

  .dots {
    cursor: default;
  }

  .active {
    background: #ffffff;
    font-weight: bold;
  }

  /* .active a { */
  /*     color: #000000; */
  /* } */

  .disable {
    display: none;
    visibility: hidden;
  }

  /* pagination end */

  /* category accordion */
  .category-accordion.accordion {
    --bs-accordion-border-radius: 0px;
    --bs-accordion-inner-border-radius: 0px;
    --bs-accordion-btn-padding-x: 0rem;
    --bs-accordion-btn-padding-y: 0rem;
    --bs-accordion-bg: white;
    --bs-accordion-border-width: 0px;
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0;
    --bs-accordion-icon-color: #000;
  }

    .category-accordion.accordion .accordion-button {
      background-color: white !important;
    }

      .category-accordion.accordion .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -8 32 32' fill='%232D372F'%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");
      }

      .category-accordion.accordion .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -8 32 32' fill='%232D372F'%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: var(--bs-accordion-btn-icon-transform);
      }

  .channel-link a:hover, a:visited, a:link, a:active {
    text-decoration: none;
  }