/* .element-content-container{
    padding-top: 20px;
} */

.product-infos-right{
    padding-top: 0px;
}

.product-infos-right a{
    text-decoration: none;
}

@media (min-width: 768px) {
    /* .new-videos{
        width: 80%;
        margin-left: 50px;
    } */
    
    .new-videos .card-body{
        width: 360px;
    }
    
    .new-videos-iframe{
        width: 350px;
        height: 190px;
    }
    .product-infos-video{
        width: 100%;
        height: 500px;
        border-radius: 20px;
    }

    .video-card {
        padding-bottom:50%;
      }

    .vid-duration{
        position: relative;
        top: 40px;
        left: 40px;
    }
}

  @media (min-width: 992px) {
    /* .new-videos{
        width: 100%;
        margin-left: 120px;
    } */
    
    .new-videos .card-body{
        width: 360px;
    }
    
    .new-videos-iframe{
        width: 350px;
        height: 190px;
    }
    .product-infos-video{
        width: 100%;
        height: 500px;
        border-radius: 20px;
    }
    .vid-duration{
        position: relative;
        top: 45px;
        left: 45px;
    }
}

  @media (min-width: 1200px) {
    /* .new-videos{
        width: 80%;
        margin-left: 200px;
    }
     */
    .new-videos .card-body{
        width: 360px;
    }
    
    .new-videos-iframe{
        width: 350px;
        height: 190px;
    }
    .product-infos-video{
        width: 100%;
        height: 500px;
        border-radius: 20px;
    }
    .vid-duration{
        position: relative;
        top: 50px;
        left: 80px;
    }
    
  }

  .video-card {
    overflow: hidden;
    padding-bottom: 75%;
  }

  .video-card2 {
    overflow: hidden;
  }
 
  .video-card .hover, .video-card2 .hover {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    background: rgba(0,0,0,0.75);
    transition: opacity 0.4s;
  }
  .video-card:hover .hover, .video-card2:hover .hover {
    opacity: 1;
  }
  
  .video-card .video-title, .video-card2 .video-title {
    opacity: 1;
    background: rgba(0,0,0,0.5); 
    bottom: 0; 
    left: 0; 
    right: 0;
    cursor: pointer;
    transition: opacity 0.4s;
  }
  .video-card:hover .video-title, .video-card:hover .video-title {
    opacity: 0;
}

.equipement-container{
    padding: 20px;
}

.related-item{
    width: 90%;
    padding-left: 30px;
}

.fa-play{
    color: white;
}

.vid-card .col-md-3{
    margin-top: 40px;
}

/*Product infos*/
.related-video{
    height: 250px !important;
}

.related-title{
    margin-top: 50px !important;

}

.video-info-table td{
    border: none;
}

.whereiam-link{
    text-decoration: none;
    color: #6c757d;
}

/* .page-item{
    font-size: 1.5em;
}

.pagination li a{
    background-color: white;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin: 10px;
    border-color: 1px solid green;
    text-align: center;
}

.pagination li a:hover{
    background-color: #198754;
    color: white !important;
} */


button:focus {outline:0;}

.owl-carousel-stacked {
  margin-top: 20px;
}

.owl-carousel-stacked .owl-item.center {
  transform: scale(1) !important;
  -webkit-box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);
  -moz-box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);
  box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);
}

.owl-carousel-stacked .owl-item {
  transition: all 0.5s;
  transform: scale(0.7) !important;
}

.owl-carousel-stacked .left-of-center {
  transform: scale(0.7) translateX(50%) !important;
}

.owl-carousel-stacked .right-of-center {
  transform: scale(0.7) translateX(-50%) !important;
}

.owl-carousel-stacked .center {
  z-index: 2;
}

.owl-carousel-stacked .owl-carousel {
  position: relative;
}

.owl-carousel-stacked .owl-prev,
.owl-carousel-stacked .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  color: #ddd !important;
}

.owl-carousel-stacked .owl-prev {
  left: 0;
}

.owl-carousel-stacked .owl-next {
  right: 0;
}

.owl-carousel-stacked .owl-dots {
  text-align: center;
}

.owl-carousel-stacked .owl-dot {
  cursor: pointer;
  background-color: #ddd !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 10px 2px;
}

.owl-carousel-stacked .owl-dot.active {
  background-color: #d2181f !important;
}

.owl-carousel-stacked .owl-stage-outer {
  padding: 25px 0;
}

.plyr {
  border-radius: 4px;
  margin-bottom: 15px;
}

:root {
  --plyr-color-main: #1ac266;
}