.teaser_block1,
.teaser_block1 .teaserslide-part .item {
  position: relative
}

@media (max-width:991px) and (min-width:881px) {
  .teaser_block1.fixcslide .teaserslide-part .txtbx {
    top: 10%
  }
}

@media (max-width:880px) and (min-width:768px) {
  .teaser_block1.fixcslide .teaserslide-part .txtbx {
    top: 5%
  }
}

@media (max-width:991px) and (min-width:768px) {

  .teaser_block1.fixcslide .teaserslide-part .txtbx .txthd2 {
    font-size: 75px;
    font-size: 7.5rem
  }

  .teaser_block1.fixcslide .teaserslide-part .txtbx .txthd1 {
    font-size: 20px;
    font-size: 2rem
  }
}

.teaser_block1 .teaserslide-part .item .wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

.teaser_block1 .teaserslide-part .item .wrapper a.linkcover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: block
}

.teaser_block1.relative .teaserslide-part .owl-dots {
  top: initial !important
}

.teaserslide-part .dotsparallelogram {
  -webkit-transform: skew(-35deg);
  -moz-transform: skew(-35deg);
  -o-transform: skew(-35deg);
  cursor: pointer
}

.teaserslide-part {
  position: relative
}

.teaserslide-part .txthd1,
.teaserslide-part .txthd2 {
  opacity: 0;
  margin-top: 50px;
  -webkit-transition: .5s all ease-in-out;
  -moz-transition: .5s all ease-in-out;
  -ms-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

.teaserslide-part .teaser-btn {
  opacity: 0;
  margin-top: 50px;
  -webkit-transition: .7s all ease-in-out;
  -moz-transition: .7s all ease-in-out;
  -ms-transition: .7s all ease-in-out;
  -o-transition: .7s all ease-in-out;
  transition: .7s all ease-in-out
}

.teaserslide-part .active .teaser-btn,
.teaserslide-part .active .txthd1,
.teaserslide-part .active .txthd2 {
  opacity: 1;
  margin-top: 0
}

.teaserslide-part .owl-stage-outer {
  background-color: #000
}

.teaserslide-part .owl-stage-outer .teaser_video_auto {
  height: auto
}

.teaserslide-part .txtbx {
  top: 15%;
  position: absolute
}

.teaserslide-part .txtbx .txthd2 {
  font-size: 95px;
  font-size: 9.5rem;
  line-height: .8;
  color: #fff;
  padding-bottom: 10px
}

.teaserslide-part .txtbx .txthd1 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #fff;
  padding-bottom: 17px
}

.teaserslide-part .owl-dots {
  position: absolute;
  bottom: 50px
}

.teaserslide-part .dotsparallelogram {
  display: inline-block;
  margin-left: 5px;
  width: 35px;
  height: 5px;
  background: rgba(255, 255, 255, .5);
  transform: skew(-35deg)
}

.teaserslide-part .dotsparallelogram.active {
  background: #fff
}

@media only screen and (max-width:1200px) {
  .teaserslide-part .txtbx .txthd2 {
    font-size: 75px;
    font-size: 7.5rem;
    padding-bottom: 6px
  }

  .teaserslide-part .txtbx .txthd1 {
    font-size: 20px;
    font-size: 2rem;
    padding-bottom: 9px
  }

  .teaserslide-part .teaser-btn {
    width: 270px
  }
}

@media only screen and (max-width:991px) {

  .teaserslide-part .txtbx {
    top: 19%
  }

  .teaserslide-part .txtbx .txthd2 {
    font-size: 85px;
    font-size: 8.5rem;
    padding-bottom: 20px
  }

  .teaserslide-part .txtbx .txthd1 {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 20px
  }
}

@media only screen and (max-width:700px) {

  .teaserslide-part .txtbx .teaser-btn {
    width: 250px
  }

  .teaserslide-part .txtbx .txthd2 {
    font-size: 70px;
    font-size: 7rem;
    padding-bottom: 20px
  }

  .teaserslide-part .txtbx .txthd1 {
    font-size: 20px;
    font-size: 2rem;
    padding-bottom: 20px
  }
}

@media only screen and (max-width:480px) {

  .teaserslide-part .txtbx .teaser-btn:after,
  .teaserslide-part .txtbx .teaser-btn:before {
    border-width: 50px 40px 0 0
  }

  .teaserslide-part .txtbx .txthd2 {
    font-size: 55px;
    font-size: 5.5rem;
    padding-bottom: 15px
  }

  .teaserslide-part .txtbx .teaser-btn {
    width: 175px;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem
  }


}

@media only screen and (max-width:400px) {
  .teaserslide-part .txtbx .txthd2 {
    font-size: 50px;
    font-size: 5rem;
    padding-bottom: 10px
  }

  .teaserslide-part .txtbx .txthd1 {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 12px
  }
}