.carousel-slider {
  overflow-x: hidden
}

.carousel-slider a .button.secondary span {
  border-bottom: 2px dashed #2276D9
}

.carousel-slider.overflow-visible .tns-ovh {
  overflow: visible
}

.carousel-slider .tiny-slider {
  position: relative
}

.carousel-slider .tns-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.carousel-slider .blog-perex {
  -webkit-line-clamp: 3;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.carousel-slider .blog-title {
  -webkit-line-clamp: 2;
  max-height: 61px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

@media only screen and (max-width: 767px) {
  .carousel-slider .blog-title {
    max-height: 48px
  }
}

.carousel-slider .slider-controls.buttons-disabled button {
  display: none
}

.carousel-slider .slider-controls button {
  position: absolute;
  z-index: 10;
  display: none;
  padding: 16px 0 0;
  background: #008941;
  border: 1px solid #008941;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 56px;
  height: 56px;
  line-height: 56px
}

.carousel-slider .slider-controls button:disabled {
  background: #FFF;
  border-color: #C7CDD7;
  opacity: 1
}

.carousel-slider .slider-controls button:disabled img {
  -webkit-filter: invert(72%) sepia(8%) saturate(1267%) hue-rotate(182deg) brightness(94%) contrast(96%);
  filter: invert(72%) sepia(8%) saturate(1267%) hue-rotate(182deg) brightness(94%) contrast(96%)
}

.carousel-slider .slider-controls button img {
  width: auto !important
}

.carousel-slider .slider-controls button .btn-icon-normal,
.carousel-slider .slider-controls button .btn-icon-hover {
  margin: 0 auto
}

@media (min-width:1280px) {
  .carousel-slider .slider-controls button {
    display: block
  }

  .carousel-slider .slider-controls .prev {
    right: 88px;
    top: 88px
  }

  .carousel-slider .slider-controls .next {
    right: 0;
    top: 88px
  }
}

@media (min-width:1400px) {
  .carousel-slider .slider-controls .prev {
    right: -48px
  }

  .carousel-slider .slider-controls .next {
    right: -136px
  }
}

@media (min-width:1280px) {

  .carousel-slider.infinity button,
  .carousel-slider.single button {
    display: block;
    top: -webkit-calc(50% - 24px) !important;
    top: -moz-calc(50% - 24px) !important;
    top: calc(50% - 24px) !important
  }

  .carousel-slider.infinity .prev,
  .carousel-slider.single .prev {
    left: -96px
  }

  .carousel-slider.infinity .next,
  .carousel-slider.single .next {
    right: -96px
  }
}

.carousel-slider .tns-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  padding: 0 8px;
  bottom: -48px;
  left: 0;
  right: 0;
  z-index: 9
}

.carousel-slider .tns-nav button {
  height: 8px;
  width: 8px;
  min-width: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
  border: 0;
  background-color: #8D95A9
}

.carousel-slider .tns-nav button.tns-nav-active {
  height: 12px;
  width: 12px;
  min-width: 12px;
  background-color: #008941
}

.carousel-slider .tns-nav button:not(:first-of-type) {
  margin-left: 32px
}

.carousel-slider .tns-nav button:not(:first-of-type):focus {
  outline: none
}

.carousel-slider .tiny-slider .tns-item {
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

.carousel-slider .tiny-slider .tns-item:hover h4 {
  color: #2a7de1
}

.carousel-slider .tiny-slider .tns-inner {
  position: relative
}

.carousel-slider .tiny-slider .tns-inner:before {
  display: none;
  position: absolute;
  content: '';
  width: 2000px;
  height: 107%;
  left: -2000px;
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.01) 0, #fff 256px);
  background-image: -moz- oldlinear-gradient(right, rgba(255, 255, 255, 0.01) 0, #fff 256px);
  background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.01) 0, #fff 256px);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.01) 0, #fff 256px);
  z-index: 3;
  top: -7%
}

@media (min-width:1280px) {
  .carousel-slider .tiny-slider .tns-inner:before {
    display: block
  }
}

.carousel-slider .tiny-slider .tns-inner:after {
  display: none;
  position: absolute;
  content: '';
  width: 2000px;
  height: 107%;
  right: -2000px;
  z-index: 3;
  top: -7%;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.01) 0, #FFFFFF 256px);
  background-image: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.01) 0, #FFFFFF 256px);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.01) 0, #FFFFFF 256px);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01) 0, #FFFFFF 256px)
}

@media (min-width:1280px) {
  .carousel-slider .tiny-slider .tns-inner:after {
    display: block
  }
}

@media (min-width:1325px) {
  .carousel-slider .tiny-slider .tns-inner:after {
    right: -1936px
  }
}

.carousel-slider.gradient-disabled .tns-inner:after {
  background-image: none
}

.carousel-slider.dark h4,
.carousel-slider.dark p {
  color: #FFF
}

.carousel-slider.dark .slider-controls button.prev {
  background: #1E222A;
  border-color: #FFF
}

.carousel-slider.dark .slider-controls button.next {
  background: #2276D9;
  border: none
}

.carousel-slider.dark .tiny-slider .tns-inner:before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(30, 34, 42, 0)), to(#1E222A));
  background-image: -webkit-linear-gradient(left, rgba(30, 34, 42, 0) 0, #1E222A 100%);
  background-image: -moz- oldlinear-gradient(left, rgba(30, 34, 42, 0) 0, #1E222A 100%);
  background-image: -o-linear-gradient(left, rgba(30, 34, 42, 0) 0, #1E222A 100%);
  background-image: linear-gradient(90deg, rgba(30, 34, 42, 0) 0, #1E222A 100%)
}

.carousel-slider.dark .tiny-slider .tns-inner:after {
  background-image: -webkit-linear-gradient(left, rgba(30, 34, 42, 0) 0, #1E222A 260px);
  background-image: -moz- oldlinear-gradient(left, rgba(30, 34, 42, 0) 0, #1E222A 260px);
  background-image: -o-linear-gradient(left, rgba(30, 34, 42, 0) 0, #1E222A 260px);
  background-image: linear-gradient(to right, rgba(30, 34, 42, 0) 0, #1E222A 260px)
}

@media (min-width:1325px) {
  .carousel-slider.dark .tiny-slider .tns-inner:after {
    right: -1750px
  }
}

.carousel-slider.dark .tns-nav button:not(:first-of-type).tns-nav-active {
  background-color: #FFF
}

/*# sourceMappingURL=carousel-slider.css.map */