.mk-aspect-ratio-4_3 .mk-video-container { padding-bottom: 75%; }
.mk-aspect-ratio-16_9 .mk-video-container { padding-bottom: 56.25%; }
.mk-aspect-ratio-3_2 .mk-video-container { padding-bottom: 66.6666%; }
.mk-video-container { position: relative; height: 0; overflow: hidden; max-width: 100%; background: #000; cursor: pointer; z-index: 1; -webkit-transition: .2s all; transition: .2s all; }
.mk-video-container:before { content: ''; z-index: 2; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.mk-video-container img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .2s all; transition: .2s all; }
.mk-video-play-icon { left: 50%; top: 50%; position: absolute; cursor: pointer; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; -webkit-transition: text-shadow ease .2s, color ease .2s; transition: text-shadow ease .2s, color ease .2s; z-index: 4; }
.mk-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: transparent; }

/*Animation*/
.mk-video-container:active .mk-animation-sink,
.mk-video-container:focus .mk-animation-sink,
.mk-video-container:hover .mk-animation-sink { top: -webkit-calc(50% + 8px); top: calc(50% + 8px); }
.mk-video-container .mk-animation-sink { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mk-video-container .mk-animation-grow { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.mk-video-container:hover .mk-video-play-icon.mk-animation-grow { -webkit-transform: translate(-50%, -50%)scale(1.1); -ms-transform: translate(-50%, -50%)scale(1.1); transform: translate(-50%, -50%)scale(1.1); }
.mk-video-container .mk-animation-float { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mk-video-container:active .mk-animation-float,
.mk-video-container:focus .mk-animation-float,
.mk-video-container:hover .mk-animation-float { top: -webkit-calc(50% - 8px); top: calc(50% - 8px); }
.mk-video-container:active .mk-animation-wobble-vertical,
.mk-video-container:focus .mk-animation-wobble-vertical,
.mk-video-container:hover .mk-animation-wobble-vertical { -webkit-animation-name: mk-wobble-vertical; animation-name: mk-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.mk-video-play-icon { -webkit-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1); transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1); }
@-webkit-keyframes mk-wobble-vertical {
    16.65% { top: -webkit-calc(50% + 8px); top: calc(50% + 8px); }
    33.3% { top: -webkit-calc(50% - 6px); top: calc(50% - 6px); }
    49.95% { top: -webkit-calc(50% + 4px); top: calc(50% + 4px); }
    66.6% { top: -webkit-calc(50% - 2px); top: calc(50% - 2px); }
    83.25% { top: -webkit-calc(50% + 1px); top: calc(50% + 1px); }
    100% { top: 50%; }
}
@keyframes mk-wobble-vertical {
    16.65% { top: -webkit-calc(50% + 8px); top: calc(50% + 8px); }
    33.3% { top: -webkit-calc(50% - 6px); top: calc(50% - 6px); }
    49.95% { top: -webkit-calc(50% + 4px); top: calc(50% + 4px); }
    66.6% { top: -webkit-calc(50% - 2px); top: calc(50% - 2px); }
    83.25% { top: -webkit-calc(50% + 1px); top: calc(50% + 1px); }
    100% { top: 50%; }
}

/* Vimeo */
.mk-video-vimeo-icon-bg { -webkit-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1); transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1); fill: rgba(23, 34, 35, .75); }
.mk-video-container:hover .mk-video-vimeo-icon-bg { -webkit-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); fill: #00ADEF; }
.mk-video-container:hover .mk-video-play-icon .mk-video-vimeo-icon-bg { -webkit-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); fill: #00ADEF; fill-opacity: 1; }
.mk-video-vimeo-wrap { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; z-index: 2; margin: 10px; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; margin-right: 4.6em; }
.mk-video-vimeo-portrait { width: 60px; height: 60px; background: rgba(23, 35, 34, .75); margin-right: 1px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -moz-box-flex: 1; flex: 1 0 auto; padding: 0; }
.mk-video-vimeo-portrait img { width: 50px; height: 50px; margin: 5px; padding: 0; border: 0; -webkit-border-radius: 50%; border-radius: 50%; }
.mk-video-vimeo-byline { font-size: 1.2em !important; font-weight: 400; color: #fff; margin-top: .1em; padding: .2em .5em; background: rgba(23, 35, 34, .75); text-transform: none; line-height: normal; letter-spacing: normal; }
.mk-video-vimeo-headers { font-size: 10px; }
.mk-video-vimeo-title { max-width: 100%; font-size: 2em !important; font-weight: 700; margin: 0; padding: .1em .2em; background: rgba(23, 35, 34, .75); display: inline-block; text-transform: none; line-height: normal; letter-spacing: normal; }
.mk-video-container .mk-video-vimeo-title a,
.mk-video-container .mk-video-vimeo-title a:hover .mk-video-container .mk-video-vimeo-byline,
.mk-video-container .mk-video-vimeo-byline a,
.mk-video-container .mk-video-vimeo-byline a:hover { color: #fff; }

/* Youtube */
.mk-video-youtube-icon-bg { -webkit-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1); transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1); fill: #1f1f1f; }
.mk-video-container:hover .mk-video-youtube-icon-bg { -webkit-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); fill: #cc181e; }
.mk-video-container:hover .mk-video-play-icon .mk-video-youtube-icon-bg { -webkit-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1); fill: #cc181e; fill-opacity: 1; }

/* Subscribe Bar */
.mk-video-subscribe-bar-content { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.mk-video-subscribe-bar { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 10px; margin-bottom: 20px; }
.mk-video-subscribe-bar-prefix { margin-right: 10px; }
.mk-subscribe-responsive-desktop .mk-video-subscribe-bar { display: block; text-align: center; }
.mk-subscribe-responsive-desktop .mk-video-subscribe-bar-prefix { margin-right: 0; margin-bottom: 8px; }
.mk-subscribe-responsive-desktop .mk-video-subscribe-bar-content { display: block; }
@media only screen and (max-width:1024px) {
    .mk-subscribe-responsive-tablet .mk-video-subscribe-bar { display: block; text-align: center; }
    .mk-subscribe-responsive-tablet .mk-video-subscribe-bar-prefix { margin-right: 0; margin-bottom: 8px; }
    .mk-subscribe-responsive-tablet .mk-video-subscribe-bar-content { display: block; }
}
@media only screen and (max-width:767px) {
    .mk-subscribe-responsive-mobile .mk-video-subscribe-bar { display: block; text-align: center; }
    .mk-subscribe-responsive-mobile .mk-video-subscribe-bar-prefix { margin-right: 0; margin-bottom: 8px; }
    .mk-subscribe-responsive-mobile .mk-video-subscribe-bar-content { display: block; }
}
.mk-video-subscribe-bar-prefix { color: var(--swm-color-light-1); }
.mk-video-subscribe-bar { background-color: var(--swm-color-dark-1); }