.swiperPager {
    display: none;
}

/* SWIPER START */
.swiper-slide{
  line-height: 0;
}
#c38 .swiper-slide{
  text-align: center;
}
.swiperPager{
  position: absolute;
  bottom:10px;
  left: 0;
  z-index: 3;

  width: 100%;
  text-align: center;
}
.swiper-pagination-bullet{
  width: 15px;
  height: 15px;
  border-radius: 0;
  background: rgba(255,255,255,0.3);
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background: rgba(255,255,255,1);
}
.swiperCaption p{
  margin:0;
}

/*overlay*/
.swiperCaption:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  z-index: 2;
}
.swiperCaption .pos {
  position: relative;
  color:#fff;
  line-height: 1.6em;
  z-index: 5;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.swiperCaption .pos > span {
  flex: 1 0 50%;
}


/* first Swiper */
.swiperCaption .internal-link {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  padding: 1em;
}
.swiper0 .swiperCaption{
  line-height: 1.6em;
  z-index: 3;
  position: absolute;
  top: 45%;
  padding: 0 0 0 .6em;
  color: #fff;
}
.swiper0 .swiperCaption .title{
  font-size: 66px;
  letter-spacing: -.002em;
  font-weight: 600;
}
.swiper0 .swiperCaption .content{
  font-size:24px;
}
.swiper0 .swiperCaption{
  font-size: 48px;
}



.swiper0 .swiper-slide-active .swiperCaption {
  -webkit-animation: fadein 2s; 
  -moz-animation: fadein 2s; 
  -ms-animation: fadein 2s; 
  -o-animation: fadein 2s; 
  animation: fadein 2s;
}
@keyframes fadein {
  from { 
    opacity: 0; 
    margin-top:-40px;

  }
  to   { 
    opacity: 1; 
    margin-top:0;

  }
}

/**/

.bgSlide{
  min-height: 400px;
}

/* Swiper Team */
.swiper-container.team  .swiper-slide {
  opacity: .2;
  filter: blur(4px);
  transition:all .2s ease;
}
.swiper-container.team  .swiper-slide.swiper-slide-next,
.swiper-container.team  .swiper-slide.swiper-slide-next .description{
  opacity: 1;
  filter: blur(0);
}
.team .swiper-slide img {
  margin-bottom: 20px;
  height: 35px
}
.team .swiperCaption{  
  margin-bottom: 30px;
  line-height: 1.6em;
  z-index: 3;
}
/* Swiper Progress */
.Content{
  background-position:center center;
  transition:all .2s ease;
  perspective: 1700px;
  perspective-origin: 0 50%;
  transform-style: preserve-3d;
  background-color: #2a2a2a;
  background-size: cover;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.swiperCaption a {
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}
.Content:hover{
  background-position:30px center;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.progressbar .teaser-text{
  position: relative;
  z-index: 10;
  width: 100%;
  color: #fff;

  background: #999;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 380px;

  transform-origin: 0 0;
  transform: rotateY(-90deg);
  transition: transform 0.4s, opacity 0.1s 0.3s;

  width: 50%;
  min-width: 240px;
  opacity: 0;
  padding:10px;
}
.progressbar .swiper-slide.article .Content:hover .teaser-text {
  opacity: .9;
  transform: rotateY(0deg);
  transition: transform 0.4s, opacity 0.1s;
}
.progressbar .more {
  font-weight: 400;
  color: #fff;
}
.progressbar .more:after {
  content:"...";

}  
.cat-1 .Content .teaser-text{  background-color:#e2031a;}
.cat-2 .Content .teaser-text{  background-color:#000000;}
.cat-3 .Content .teaser-text{  background-color:#0080b5;}
.cat-4 .Content .teaser-text{  background-color:#004f9f;}
.cat-6 .Content .teaser-text{  background-color:#2a2a2a;}

.margin {
  margin: 50px 0;
}
/* SWIPER END */