@charset 'UTF-8';
.slick-loading .slick-list {
  background: #fff url('/assets/img/nlp/common/ajax-loader.gif') center center no-repeat
}
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: #008a51;
  width: 22px;
  height: 54px;
  box-shadow: 5px 5px 10px rgba(255,255,255,.3) inset,-5px -5px 10px rgba(102,102,102,.3) inset
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  opacity: .75
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}
.slick-next:before,
.slick-prev:before {
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle
}
.slick-prev {
  left: -8px;
  z-index: 99
}
[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}
.slick-prev:before {
  transform: rotate(225deg);
  left: 7px
}
[dir=rtl] .slick-prev:before {
  content: '→'
}
.slick-next {
  right: -8px
}
[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}
.slick-next:before {
  transform: rotate(45deg);
  right: 7px
}
[dir=rtl] .slick-next:before {
  content: '←'
}
.slick-dotted.slick-slider {
  padding-bottom: 45px
}
.slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}
.slick-dots li button:before {
  font-size: 60px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  color: #078e54;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  color: #005633
}
button {
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.slide-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px
}
.slide-arrow::after,
.slide-arrow::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle
}
.next-arrow,
.prev-arrow {
  width: 0;
  height: 0
}
.prev-arrow {
  left: 40px;
  width: 0;
  height: 0;
  z-index: 99
}
.next-arrow::before,
.prev-arrow::before {
  width: calc(1.5rem + ((1vw - 3.2px) * 4.5889));
  height: calc(1.5rem + ((1vw - 3.2px) * 4.5889));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff
}
.next-arrow::after,
.prev-arrow::after {
  width: calc(.5rem + ((1vw - 3.2px) * 1.912));
  height: calc(.5rem + ((1vw - 3.2px) * 1.912));
  border-top: .8vw solid #005633;
  border-right: .8vw solid #005633
}
.prev-arrow::after {
  left: calc(10% + 1.6vw);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}
.next-arrow {
  right: calc(50px - (2% / 3))
}
.next-arrow::after {
  left: calc(5% + .8vw);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.slider-box .slider-box-label {
  position: absolute;
  color: #fff;
  z-index: 99;
  top: -8px;
  left: -8px;
  padding: 3px 0 3px 10px;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 1px 3px 0 #666666c4
}
.slider-box .slider-box-label:before {
  position: absolute;
  content: '';
  right: 1px;
  top: 18px;
  width: 0;
  height: 0;
  border: none;
  border-bottom: solid 200px #0084ad;
  border-left: solid 25px transparent;
  z-index: -1;
  box-shadow: -1px 0 2px rgba(102,102,102,.28);
  transform: skewY(-55deg) skewX(35.2deg) rotateX(-80deg) rotateY(0);
  transform-origin: top
}
.slider-box .slider-box-label:after {
  content: "";
  background: radial-gradient(farthest-side circle at center top,#6bf7ff 0,#0084ad 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 209px;
  height: 36px;
  z-index: -1
}
@media screen and (max-width:1280px) {
  .slider-box .slider-box-label {
    font-size: 1.5vw
  }
  .slider-box .slider-box-label:before {
    top: 1.5vw;
    border-bottom: solid 17vw #0084ad;
    border-left: solid 2vw transparent
  }
  .slider-box .slider-box-label:after {
    width: 100%;
    height: 100%;
    max-width: 209px;
    max-height: 36px
  }
}


