/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_basicfit/cartridge/client/default/scss/pages/pd/video-block.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
/** font family **/
.video-block {
  overflow: hidden;
  width: 100%;
}
.video-block .video-wrapper {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 1440px;
  padding: 70px 16px;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .video-block .video-wrapper {
    padding: 100px 16px;
  }
  .video-block .video-wrapper.video-left {
    justify-content: flex-start;
  }
  .video-block .video-wrapper.video-right {
    justify-content: flex-end;
  }
}
.video-block .video-inner {
  width: 100%;
}
.video-block .vimeo-video,
.video-block .youtube-video {
  position: relative;
  padding: 56.25% 0 0;
}
.video-block .youtube-video {
  overflow: hidden;
  position: relative;
}
.video-block .youtube-video iframe {
  height: 100%;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-block .custom-video video {
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .video-block .custom-video video {
    height: auto;
  }
}

/*# sourceMappingURL=video-block.css.map*/