@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(105,105,105,.9);z-index:99999999;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-video-close-btn{transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;position:absolute;z-index:2;top: -34px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;outline:none;cursor:pointer;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;}.js-video-button { width:auto; float:none; background:none; border:none; outline:none; cursor:pointer; display:inline-block; transition:all 0.25s ease-out 0s; margin:27px 0 0 33.5px; position:relative; z-index:99;}
.modal-video-close-btn:hover {opacity: 0.6;}
/*Smartphone css*/
@media screen and (max-width: 480px) {
.modal-video-close-btn { right: -3px;top: -30px;width: 22px;height: 22px;}
.js-video-button { margin:22px 0 0 13.5px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
    .modal-video-close-btn { right: -4px;top: -30px;width: 22px;height: 22px;}
.js-video-button { margin:22px 0 0 13.5px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
    .modal-video-close-btn { right: -3px;top: -30px;width: 22px;height: 22px;}
.js-video-button { margin:22px 0 0 13.5px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
    .modal-video-close-btn {    right: -30px;top: -30px; width: 30px;height: 30px;}
.js-video-button { margin:21px 0 0 25.5px;}
.modal-video-body {    width: 940px;max-width: 85% !important;display: flex;align-items: end;}
.modal-video-body .modal-video-inner {
    max-height: 80vh !important;
    display: inline-block !important;
}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.modal-video-close-btn {    right: -30px;top: -30px; width: 30px;height: 30px;}
.js-video-button { margin:23px 0 0 29.5px;}
.modal-video-body {    width: 940px;max-width: 85% !important;display: flex;align-items: end;}
.modal-video-body .modal-video-inner {
    max-height: 90vh !important;
    display: inline-block !important;
}
}

@media screen and (max-width:1180px) {
.modal-video-body {width: 940px; max-width: 90% !important;}
}
@media screen and (max-width:767px) {
    .modal-video-body {
        width: 940px;
        max-width: 80% !important;
        display: flex;
        align-items: center;
    }
    .modal-video-body .modal-video-inner {
        height: 50vh !important;
        max-height: 83vh !important;
        display: inline-block !important;
		
    }
    .modal-video-body .modal-video-inner .modal-video-movie-wrap {
        padding-bottom: 56% !important;
		    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    }
 }
 @media screen and (max-width:425px) {
    .modal-video-body {
        width: 940px;
        max-width: 84% !important;
        display: flex;
        align-items: center;
    }
    .modal-video-body .modal-video-inner {
        height: 50vh !important;
        max-height: 83vh !important;
        display: inline-block !important;
    }
    .modal-video-body .modal-video-inner .modal-video-movie-wrap {
        padding-bottom: 56% !important;
    }
 }