div#rec849794441 iframe {
max-width: 940px;
}
div#rec849794441 .tn-atom__html {
text-align: center;
}

.video-widget { display: none; position: fixed; right: 0; z-index: 999999; bottom: 0; } .video-widget__container { font-family: Capsula; 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; right: 10px; bottom: 10px; border-radius: 15px; border-width: 2px; width: 130px; height: 180px; border-color: #FFF4F4; } .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: #8642B8; } .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: #8642B8; -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: #8642B8; } .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: #8642B8; font-size: 14px; font-weight: 500; color: #FFF4F4 !important; text-align: center; vertical-align: middle; line-height: 50px; text-transform: uppercase; opacity: 0 } @media screen and (max-width: 480px) { .video-widget__button { font-size: 14px; } } .video-widget__button:hover { background-color: #8642B8; text-decoration: none; } .video-widget.video-widget[data-state=opened] .video-widget__button { opacity: 1; visibility: visible; } @media only screen and (max-width:1023px) { .video-widget__close { opacity: .5; } } @media only screen and (max-width:480px) { .video-widget__container { right: 15px; bottom: 15px; width: 90px; height: 125px; } }