/* Universal breakpoints */
.modal-video {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; }
  .modal-video__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    z-index: 1000; }
  .modal-video__container {
    min-width: 95%;
    margin: 0 45px;
    height: auto;
    max-height: 90vh;
    box-sizing: border-box;
    margin: 1rem;
    max-width: 1400px;
    overflow: hidden;
    position: relative; }
    @media (min-width: 1280px) {
      .modal-video__container {
        min-width: 50%; } }
  .modal-video__header {
    display: flex;
    justify-content: flex-end; }
  .modal-video__content {
    max-height: 90vh;
    margin: 40px; }
    @media (max-width: 991px) {
      .modal-video__content {
        margin: 40px 0; } }
  .modal-video__close {
    background: transparent;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 1;
    display: flex;
    align-items: center; }
    @media (max-width: 400px) {
      .modal-video__close {
        right: 0px;
        top: 0px; } }
    @media (max-width: 479px) {
      .modal-video__close {
        right: -5px;
        top: 0px; } }
    @media (max-height: 500px) and (orientation: landscape) {
      .modal-video__close {
        right: 0px;
        top: 10px; } }
    .modal-video__close img {
      width: 30px; }
      @media (max-width: 1279px) {
        .modal-video__close img {
          width: 25px; } }
  .modal-video__iframe-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%; }
	/*Manisha - fix for video control in samsung device */
	      @media (min-width: 1082px) and (max-width: 1240px) and (orientation: landscape) {
			    .modal-video__iframe-wrap {
    padding-bottom: 51.25%; 
		  }}

    .modal-video__iframe-wrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      @media (max-height: 500px) and (orientation: landscape) {
        .modal-video__iframe-wrap iframe {
          width: 100%;
          height: calc(90vh - 80px);
          /* 45*9/16 */ } }

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmslideIn {
  from {
    transform: translateY(15%); }
  to {
    transform: translateY(0); } }

@keyframes mmslideOut {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-10%); } }

.micromodal-video-slide {
  display: none; }

.micromodal-video-slide.is-open {
  display: block; }

.micromodal-video-slide[aria-hidden="false"] .modal-video__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-video-slide[aria-hidden="false"] .modal-video__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-video-slide[aria-hidden="true"] .modal-video__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-video-slide[aria-hidden="true"] .modal-video__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-video-slide .modal-video__container,
.micromodal-video-slide .modal-video__overlay {
  will-change: transform; }