

* {
  box-sizing: border-box;
}

.slider {
  margin-bottom: 30px;
}

.slider-one {
  width: auto;
  height: auto;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.02);
  border: 1px solid #e5e5e5;
}

.owl-nav, .owl-dots {
  display: none;
}

.slider:hover .left {
  visibility: visible;
  opacity: 1;
  left: 20px;
}

.slider:hover .right {
  visibility: visible;
  opacity: 1;
  right: 20px;
}

.slider-one .item-box {
  overflow: hidden;
  width: 100%;
  position: relative;
  border-radius: 3px;
  background: no-repeat center center;
  background-size: cover;
}

.slider-one .left {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: left ease .25s;
  transform: translateY(-50%) rotate(0deg);
  background: url(https://svgshare.com/i/2V9.svg) top left;
}

.slider-one .left:hover {
  visibility: visible;
  opacity: 1;
  left: 20px;
  background: url(https://svgshare.com/i/2UW.svg) top left;
  transform: translateY(-50%) rotate(180deg);
}

.slider-one .left.nonl {
  left: -20px;
  opacity: 0;
  visibility: hidden;
}

.slider-one .right {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -20px;
  width: 40px;
  height: 40px;
  visibility: hidden;
  opacity: 0;
  transition: right ease .25s;
  background: url(https://svgshare.com/i/2V9.svg) top left;
  transform: translateY(-50%) rotate(180deg);
}

.slider-one .right:hover {
  visibility: visible;
  opacity: 1;
  right: 20px;
  background: url(https://svgshare.com/i/2UW.svg) top left;
  transform: translateY(-50%) rotate(0deg);
}

.slider-one .right.nonr {
  right: -20px;
  opacity: 0;
  visibility: hidden;
}

.slider-two {
  width: auto;
  height: auto;
  overflow: hidden;
  position: relative;
}

.slider-two .owl-nav, .slider-two .owl-dots {
  display: none;
}

.slider-two:hover .left-t {
  visibility: visible;
  opacity: 1;
  left: 3px;
}

.slider-two:hover .right-t {
  visibility: visible;
  opacity: 1;
  right: 3px;
}

.slider-two .item {
  transition: all ease .25s;
  border-radius: 3px;
  border: solid 3px #ccc;
  cursor: pointer;
  background: no-repeat center center;
  background-size: cover;
}

            .slider-two .item.active {
                box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
                border: solid 3px #000;
            }
            .slider-two .owl-stage {
                padding: 20px 0;
            }
            .slider-two .left-t {
                transform: rotate(180deg);
                cursor: pointer;
                position: absolute;
                z-index: 1;
                top: 23px;
                visibility: hidden;
                opacity: 0;
                transition: all ease .25s;
                width: 40px;
                height: 95px;
                background: no-repeat rgba(204, 46, 56, 0.85) url(https://svgshare.com/i/2Vs.svg) center center;
                left: -40px;
            }

            .slider-two .left-t:hover {
                    visibility: visible;
                    opacity: 1;
                    left: 3px;
            }

            .slider-two .left-t.nonl-t {
                left: -40px;
                opacity: 0;
                visibility: hidden;
            }

            .slider-two .right-t {
                background: no-repeat rgba(204, 46, 56, 0.85) url(https://svgshare.com/i/2Vs.svg) center center;
                cursor: pointer;
                position: absolute;
                z-index: 1;
                top: 23px;
                right: -40px;
                visibility: hidden;
                opacity: 0;
                transition: all ease .25s;
                width: 40px;
                height: 95px;
                background-color: rgba(204, 46, 56, 0.85);
            }

            .slider-two .right-t:hover {
                    visibility: visible;
                    opacity: 1;
                    right: 3px;
            }
            .slider-two .right-t.nonr-t {
                right: -40px;
                opacity: 0;
                visibility: hidden;
            }
