.boxbannerslider .item {position: relative;}
@media only screen and (min-width: 1200px){
    .boxbannerslider .item {height: 464px;}
}
@media only screen and (max-width: 768px){
    .boxbannerslider .item {height: 380px;}
}
.boxbannerslider .item img {width: 100%;height: 100%;object-fit: cover;}
.boxbannerslider .item .cover {padding: 75px 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;}
.boxbannerslider .item .cover .header-content {position: relative;padding: 56px;overflow: hidden;}
.boxbannerslider .item .cover .header-content .line {content: "";display: inline-block;width: 100%;height: 100%;left: 0;top: 0;position: absolute;border: 9px solid #fff;-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);}
.boxbannerslider .item .cover .header-content h2 {font-weight: 300;font-size: 22px;color: #fff;text-transform: none!important;}
.boxbannerslider .item .cover .header-content h1 {font-size: 30px;font-weight: 600;margin: 5px 0 20px;word-spacing: 3px;color: #fff;}
.boxbannerslider .item .cover .header-content h4 {font-size: 18px;font-weight: 300;line-height: 30px;color: #fff;text-transform: none!important;}
@media only screen and (max-width: 768px){
    .boxbannerslider .item .cover .header-content h2 {font-size: 18px;}
    .boxbannerslider .item .cover .header-content h1 {font-size: 25px;}
    .boxbannerslider .item .cover .header-content h4 {font-size: 16px;}
}
.boxbannerslider .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.boxbannerslider .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.boxbannerslider .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.boxbannerslider .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.boxbannerslider .owl-nav .owl-prev {position: absolute;left: 15px;top: 43%;opacity: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: rgba(0, 0, 0, 0.5) !important;width: 40px;cursor: pointer;height: 40px;position: absolute;display: block;z-index: 1000;border-radius: 0;}
.boxbannerslider .owl-nav .owl-prev span {font-size: 1.6875rem;color: #fff;}
.boxbannerslider .owl-nav .owl-prev:focus {outline: 0;}
.boxbannerslider .owl-nav .owl-prev:hover {background: #000 !important;}
.boxbannerslider .owl-nav .owl-next {position: absolute;right: 15px;top: 43%;opacity: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: rgba(0, 0, 0, 0.5) !important;width: 40px;cursor: pointer;height: 40px;position: absolute;display: block;z-index: 1000;border-radius: 0;}
.boxbannerslider .owl-nav .owl-next span {font-size: 1.6875rem;color: #fff;}
.boxbannerslider .owl-nav .owl-next:focus {outline: 0;}
.boxbannerslider .owl-nav .owl-next:hover {background: #000 !important;}
.boxbannerslider:hover .owl-prev {left: 0px;opacity: 1;}
.boxbannerslider:hover .owl-next {right: 0px;opacity: 1;}