#phoenix-slider-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
}

#phoenix-slider-layer::after {
  content: 'phoenix-marker-1';
  display: none;
}

@media screen and (max-width: 1024px) {
  #phoenix-slider-layer::after {
    content: 'phoenix-marker-2';
  }
}

@media screen and (max-width: 768px) {
  #phoenix-slider-layer::after {
    content: 'phoenix-marker-3';
  }
}

#phoenix-slider-layer * {
  z-index: 1000000;
}

#phoenix-slider-layer #phoenix-slider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#phoenix-slider-layer #phoenix-slider-container i.fad {
  --fa-primary-color: white;
  --fa-secondary-color: #999;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-controls {
  text-align: right;
  font-size: 40px;
  padding: 20px 40px;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-controls span {
  margin-left: 20px;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content {
  position: relative;
  margin: 0 auto;
  top: 0;
  text-align: center;
  /* jssor slider thumbnail navigator skin 05 css */
  /*
			.jssort05 .p           (normal)
			.jssort05 .p:hover     (normal mouseover)
			.jssort05 .pav           (active)
			.jssort05 .pav:hover     (active mouseover)
			.jssort05 .pdn           (mousedown)
			*/
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 {
  position: absolute;
  /* size of thumbnail navigator container */
  height: 100px;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .p:hover .i {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .p.pdn .i {
  background: none;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .o {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 72px;
  height: 72px;
  overflow: hidden;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .b {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
  border: none;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .f {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
  border: none;
  clip: rect(8px 63px 63px 8px);
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .i {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
  background: #000;
  filter: alpha(opacity=30);
  opacity: .3;
  transition: background-color .6s;
  -moz-transition: background-color .6s;
  -webkit-transition: background-color .6s;
  -o-transition: background-color .6s;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .pav .i {
  background: #fff;
  filter: alpha(opacity=80);
  opacity: .8;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .p:hover .i,
#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content .jssort05 .pav:hover .i {
  background: #fff;
  filter: alpha(opacity=30);
  opacity: .3;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content div[data-u="slides"] {
  cursor: move;
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content div[data-u="slides"] img[data-u="image"] {
  max-width: 100%;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content div[u="thumbnavigator"] {
  left: 0px;
  bottom: 0px;
}

#phoenix-slider-layer #phoenix-slider-container #phoenix-slider-content div[u="thumbnavigator"] div[u="slides"] {
  cursor: default;
}