.fwimg {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.item:hover .fwimg {opacity: 0.3;}

.item:hover .middle {opacity: 1;}

.text {
  color: white;
  font-size:18px;
  font-weight:500;
  background:rgba(151,192,187,0.7);
  letter-spacing: 1px;
  padding:4px 10px;
  border-radius:8px;
  text-align: center;
}
.threepic{margin-top: 0px; padding:15px;}
.threepic .owl-carousel .owl-nav .owl-prev{text-align: center; position: absolute;left:-24px; margin-top:5%; width:47px; height:47px;}

.threepic .owl-carousel .owl-nav .owl-next{text-align: center; position: absolute;right:-24px; margin-top:5%; width:47px; height:47px;}

.threepic .owl-carousel .owl-nav .owl-prev:hover{background:none;}

.threepic .owl-carousel .owl-dots{display: none;}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
   text-shadow: 0 2px 2px rgb(0 0 0 / 20%);
}

.owl-carousel .owl-next {
    position: absolute;
    right: 0;
}

.owl-carousel .item {
    width: 100%;
    display: table;
}

.owl-carousel .owl-item.active:nth-child(even) {
    padding-top:20px;
}


.owl-carousel .item a {
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
    background-color: black;
    position: relative;
}


@media (min-width:900px) and (max-width: 991px){
.threepic .owl-carousel .owl-nav .owl-prev, .threepic .owl-carousel .owl-nav .owl-next{margin-top:3%; width:40px; height:40px;}
}

@media (min-width:768px) and (max-width:899px){
.threepic .owl-carousel .owl-nav .owl-prev, .threepic .owl-carousel .owl-nav .owl-next{margin-top:8%; width:45px; height:45px;}
}

@media screen and (max-width: 767px){
.threepic {margin-top: 8vw; height: 32vw;padding-left: 0px;}
.threepic .owl-carousel .owl-nav .owl-prev{margin-top:7%; width:42px; height:42px; left: -18px;}
.threepic .owl-carousel .owl-nav .owl-next{margin-top:7%; width:42px; height:42px; right: -18px;}
.owl-carousel {position: absolute !important;}
}
@media screen and (max-width:599px){
.threepic {width: 96%; margin-top:10vw; height:60vw;}
.threepic .owl-carousel .owl-nav .owl-prev, .threepic .owl-carousel .owl-nav .owl-next{margin-top:16%;}
.owl-carousel {position: absolute !important;}
.owl-carousel .owl-item.active:nth-child(even) {padding-top:0px;}
}

@media screen and (max-width:420px){
.threepic .owl-carousel .owl-nav .owl-prev, .threepic .owl-carousel .owl-nav .owl-next{margin-top:8%; width:40px; height:40px;}
}