/* Panel Top 05 */
[data-cid=panel-top-05-bd83fd85] .panel ul.menu, .panel[data-cid=panel-top-05-bd83fd85] ul.menu {
  padding: 0 12px 0 117px !important;
}
[data-cid=panel-top-05-bd83fd85] .panel .menuLine, .panel[data-cid=panel-top-05-bd83fd85] .menuLine {
  opacity: 0;
  max-width: 80%;
  border-bottom: 2px solid white !important;
  margin: auto;
  padding-top: 7px;
  transition: all 0.15s;
}
[data-cid=panel-top-05-bd83fd85] .panel ul.menu li, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li {
  opacity: 0.5;
  transition: all 0.15s;
}
[data-cid=panel-top-05-bd83fd85] .panel ul.menu li:hover, [data-cid=panel-top-05-bd83fd85] .panel ul.menu li:active, [data-cid=panel-top-05-bd83fd85] .panel ul.menu li:focus, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li:hover, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li:active, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li:focus {
  opacity: 1;
  transition: all 0.15s;
}
[data-cid=panel-top-05-bd83fd85] .panel ul.menu li:hover .menuLine, [data-cid=panel-top-05-bd83fd85] .panel ul.menu li:active .menuLine, [data-cid=panel-top-05-bd83fd85] .panel ul.menu li:focus .menuLine, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li:hover .menuLine, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li:active .menuLine, .panel[data-cid=panel-top-05-bd83fd85] ul.menu li:focus .menuLine {
  opacity: 1 !important;
  transition: all 0.15s;
}
[data-cid=panel-top-05-bd83fd85] .panel .customBlueButton:hover:hover, .panel[data-cid=panel-top-05-bd83fd85] .customBlueButton:hover:hover {
  opacity: 0.8;
  transition: al 0.15s;
}

.panel {
  padding: 10px 9%;
}

/* Fourth Screen (#2) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-172-49c775a2"] */
.slide[data-cid=slide-172-49c775a2] .btn-172 {
  line-height: 80px;
  width: 80px;
}
@media (max-width: 1023px) {
  .slide[data-cid=slide-172-49c775a2] .btn-172 {
    line-height: 60px;
    width: 60px;
  }
}
.slide[data-cid=slide-172-49c775a2] .line-172 {
  height: calc(100% - 120px);
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.slide[data-cid=slide-172-49c775a2].whiteSlide .line-172 {
  background: rgba(32, 32, 32, 0.1);
}
@media (max-width: 1024px) {
  .slide[data-cid=slide-172-49c775a2] .fix-12-12 .fixedSpaces {
    align-items: flex-end;
  }
}

/* Slide 48 (#3) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-48-e38f0042"] */
.slide[data-cid=slide-48-e38f0042] .box-161 {
  width: 120px;
  height: 120px;
  line-height: 120px;
}

/* Slide 167 (#4) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-167-05918f98"] */
.slide[data-cid=slide-167-05918f98] .btn-167 {
  height: 52px;
  width: 80px;
  transition: 0.15s;
}
.slide[data-cid=slide-167-05918f98] .btn-167:hover, .slide[data-cid=slide-167-05918f98] .btn-167:active, .slide[data-cid=slide-167-05918f98] .btn-167:focus {
  background: #4CAF50;
}
.slide[data-cid=slide-167-05918f98] .btn-167.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.slide[data-cid=slide-167-05918f98] .swiper-167 {
  margin: 0 -10px !important;
}
.slide[data-cid=slide-167-05918f98] .box-167 {
  height: 550px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
}
.slide[data-cid=slide-167-05918f98] .box-167:hover .details-167 {
  opacity: 1;
  transform: translateY(0px);
}
.slide[data-cid=slide-167-05918f98] .box-167:hover .poster-167 {
  height: 200px;
  opacity: 0;
}
.slide[data-cid=slide-167-05918f98] .box-167:hover .date-167 {
  transform: translateY(100%);
}
.slide[data-cid=slide-167-05918f98] .poster-167 {
  height: 313px;
  transition: all 0.5s;
}
.slide[data-cid=slide-167-05918f98] .details-167 {
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.5s;
  z-index: 2;
}
.slide[data-cid=slide-167-05918f98] .details-167:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 30px;
  background: linear-gradient(to bottom, #fff 0%, transparent 100%);
}
.slide[data-cid=slide-167-05918f98] .text-167 {
  position: absolute;
  top: 313px;
  left: 0px;
  right: 0;
  transition: all 0.5s;
  z-index: 1;
}
.slide[data-cid=slide-167-05918f98] .date-167 {
  transition: all 0.5s;
  z-index: 2;
}
.slide[data-cid=slide-167-05918f98] .date-167:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 5px;
  background: linear-gradient(to bottom, transparent 0%, #fff 100%);
}

/* Slide 175 (#5) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-175-63faa8fe"] */
.slide[data-cid=slide-175-63faa8fe] .swiper-175-prev svg, .slide[data-cid=slide-175-63faa8fe] .swiper-175-next svg {
  transition: 0.15s;
}
.slide[data-cid=slide-175-63faa8fe] .swiper-175-prev:hover svg, .slide[data-cid=slide-175-63faa8fe] .swiper-175-next:hover svg {
  opacity: 1 !important;
  stroke: #2196F3 !important;
}
.slide[data-cid=slide-175-63faa8fe].whiteSlide .swiper-175-prev svg, .slide[data-cid=slide-175-63faa8fe].whiteSlide .swiper-175-next svg {
  opacity: 1 !important;
  stroke: #9D9D9D;
}
