* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

/*! Modals v10.1.2 | (c) 2017 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/modals */
.modal_video {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    max-width: 700px;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%) scale(0.9);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    z-index: 10000000;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal_video.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.modal_video:focus {
    outline: none;
}

.modal_video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-bg {
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    position: fixed;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
    z-index: 1000000;
    animation: fade_in_show 0.3s;
}

.close_mdl {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    top: -3px;
    right: 11px;
    background: transparent;
    border: 0;
    font-weight: 300;
    height: 40px;
    padding: 0;
    line-height: 5px;
    z-index: 9;
}

.close_mdl:focus {
    outline: 0 !important;
}

.modal_video_stack-bg:empty {
    display: none !important;
}

@keyframes fade_in_show {
    0% {
         opacity: 0;
         /* transform: scale(0); */
    }
   
    100% {
         opacity: 1;
         /* transform: scale(1); */
    }
}

.container_iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .container_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }







@media(max-width: 701px) {
    .modal_video {
        max-width: 95%;
    }
}

@media(min-width: 1000px) {
    .modal_video video {
        height: 500px;
    }
}
