.owl-wrapper {
  margin: 0 20px;
}

.owl-carousel {
  position: relative;
  display: flex !important;
  justify-content: center;
}

.owl-carousel-title {
  text-align: center;
}

.owl-carousel item {
  position: relative;
}

.owl-carousel .owl-item h5 {
  text-align: center;
}

.owl-carousel .owl-item p {
  text-align: center;
  padding: 0 10px;
}

.owl-video-wrapper-custom {
  position: relative;
  cursor: pointer;
}

.owl-video-wrapper-custom video {
  width: 100%;
  height: 100%;
}

.owl-carousel embed {
  width: 100%;
  height: 240px;
}


.owl-video-wrapper-custom.showControls::before,
.owl-video-wrapper-custom.showControls::after {
  display: none;
}

.owl-video-wrapper-custom:hover::after {
  opacity: .6;
  background: #00416b;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 4px;
  content: "";
}

.owl-video-wrapper-custom::before {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 30px;
  color: #fff;
  border: 4px solid;
  content: "\25BA";
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .8;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  z-index: 2;
  font-size: 30px;
}

.owl-nav {
  position: absolute;
  top: 25%;
  left: -26px;
  right: -26px;
  margin-top: 0 !important;
}

.owl-prev-custom,
.owl-next-custom {
  background: inherit !important;
  color: #000 !important;
  font-size: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1;
}

.owl-prev-custom {
  float: left;
}

.owl-next-custom {
  float: right;
}

.owl-stage-outer {
  z-index: 2;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.custom-video-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .5;
  background: #000;
  z-index: 2;
}

.custom-video-container {
  display: none;
}

.custom-video-container.show {
  display: flex;
}

.custom-video-box {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.custom-video-box .video {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-video-box video {
  width: 100%;
}

.custom-video-box .video .close-video {
  position: absolute;
  color: #FFF;
  height: 25px;
  width: 25px;
  right: 10px;
  top: 10px;
  border: 2px solid;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  z-index: 3;
}

/*MEDIA QUERY BREAKPOINTS*/
@media only screen and (max-width : 1024px) and (min-width : 769px) {
  .owl-nav {
    left: -2px;
    right: -2px;
  }
}

/*Tablet*/
@media only screen and (max-width : 768px) {
  .owl-nav {
    left: -5px;
    right: -5px;
  }

  .custom-video-box .video {
    width: 70%;
  }
}

/*Large smartphone*/
@media only screen and (max-width : 425px) {
  .custom-video-box .video {
    width: 90%;
  }
}