/*видео виджеты в номерах и домах НОЛИМ*/

.video-widget { display: none; position: fixed; left: 0; z-index: 999999; bottom: 0; }
.video-widget__container { font-family: Montserrat; z-index: 999999; overflow: hidden; border-style: solid; background: #eee; -webkit-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; -o-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -o-transform .2s ease-in-out 0s; -moz-transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -moz-transform .2s ease-in-out 0s; transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s; transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s; outline: 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 10px 20px; box-shadow: rgba(0, 0, 0, .2) 0 10px 20px; position: absolute; left: 10px; bottom: 10px; border-radius: 15px; border-width: 2px; width: 130px; height: 180px; border-color: #F5F6F8; }

.video-widget__container:hover { -webkit-transform: scale(1.05) translate(5px, -5px); -moz-transform: scale(1.05) translate(5px, -5px); -ms-transform: scale(1.05) translate(5px, -5px); -o-transform: scale(1.05) translate(5px, -5px); transform: scale(1.05) translate(5px, -5px); border-color: #4F6343; }
.video-widget__video { -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: 100%; min-height: 100%; z-index: 200; -webkit-transition: opacity .4s ease-in-out 0s; -o-transition: opacity .4s ease-in-out 0s; -moz-transition: opacity .4s ease-in-out 0s; transition: opacity .4s ease-in-out 0s; opacity: .9; }

.video-widget__close { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; z-index: 250; opacity: 0; -webkit-transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; -o-transition: opacity .2s ease-in-out 0s, -o-transform .3s ease-in-out 0s; -moz-transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -moz-transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s; transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -moz-transform .3s ease-in-out 0s, -o-transform .3s ease-in-out 0s; }

.video-widget__close:after, .video-widget__close:before { position: absolute; left: 9px; top: 1px; content: ""; height: 18px; width: 2px; background: #DBE2D7; -webkit-box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px; box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px; } .video-widget__close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .video-widget__close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .video-widget__container:hover .video-widget__close { opacity: .5; }

.video-widget.video-widget[data-state=opened] .video-widget__container { width: 230px; height: 380px; border-radius: 15px; border-color: #4F6343; } 

.video-widget.video-widget[data-state=opened] .video-widget__close { opacity: .5; } .video-widget.video-widget[data-state=opened]

.video-widget__close:before { display: none; } .video-widget.video-widget[data-state=opened]

.video-widget__close:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .video-widget.video-widget[data-state=opened]

.video-widget__close:hover { opacity: 1; } .video-widget__button { position: absolute; bottom: 20px; right: 20px; left: 20px; height: 50px; border-radius: 15px; z-index: 300; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 4px 15px; box-shadow: rgba(0, 0, 0, .25) 0 4px 15px; text-align: center; -webkit-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s; -moz-transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s; transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s; transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s; visibility: hidden; background-color: #CD6C3C; font-size: 14px; font-weight: 500; color: #FBFCFB !important; text-align: center; vertical-align: middle; line-height: 50px; text-transform: uppercase; opacity: 0 }



.video-widget__button { display:none;}


/*тут будет следующий код*/