:root{--black:#333;--white:#fff;--green:#007a3d;--red:#f26430;--transparent:#fff0}body{direction:rtl;color:var(--black);text-align:right;font-family:Open Sans,sans-serif;font-size:18px;line-height:24px}.wrap{min-height:100vh;position:relative}.video-wrap{border:1px solid var(--black);direction:rtl;border-radius:3px;flex-direction:column;flex:none;height:100%;transition:opacity .4s;display:flex;position:relative;overflow:hidden}.bottom-bar{z-index:999;background-color:var(--black);color:var(--white);height:70px;padding:16px;position:sticky;bottom:0;left:0;right:0}.bottom-bar-flex{width:100%;height:100%;display:flex}.bottom-bar-col{grid-column-gap:8px;grid-row-gap:8px;flex:none;justify-content:center;width:33.3333%;display:flex}.bottom-bar-col.left{justify-content:flex-end}.bottom-bar-col.right{justify-content:flex-start}.bottom-bar-link{grid-column-gap:8px;grid-row-gap:8px;color:var(--white);white-space:nowrap;cursor:pointer;align-items:center;padding:0 8px;text-decoration:none;display:flex}.bottom-bar-link:hover{background-color:#ffffff1a}.bottom-bar-link.grid{display:none}.h1{text-align:center;white-space:nowrap;width:100%;margin-top:0;margin-bottom:0;font-family:Montserrat,sans-serif;font-size:32px;font-weight:600;line-height:38px}.bottom-drop{margin-left:0;margin-right:0;display:flex}.bottom-drop-list{background-color:var(--white);width:140px;inset:auto auto 100% 0}.bottom-drop-list.w--open{border-radius:4px;box-shadow:0 2px 10px #0003}.video-embed{background-color:var(--black);flex:1;margin-bottom:0;display:flex}.channel-top{background-color:var(--green);color:var(--white);white-space:nowrap;padding:4px 16px 4px 32px;font-size:16px;position:relative;overflow:hidden}.share-link{grid-column-gap:8px;grid-row-gap:8px;color:var(--green);white-space:nowrap;border-bottom:1px solid #33333326;align-items:center;padding:8px 16px;text-decoration:none;display:flex}.share-link:hover{background-color:#33333326}.share-icon{border-radius:100px;width:24px;height:24px;box-shadow:0 2px 5px #0003}.close-btn{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:0}.close-btn:hover{background-color:#fff3}.sun,.moon{display:block}.vid-full{z-index:10;background-color:var(--white);color:var(--green);padding-top:2px;padding-bottom:4px;font-size:12px;line-height:16px;position:absolute;top:40px;right:8px;box-shadow:0 2px 5px #0003}.vid-full:hover{background-color:var(--green);color:var(--white)}.vid-mute{z-index:10;background-color:var(--white);color:var(--green);padding-top:2px;padding-bottom:4px;font-size:12px;line-height:16px;position:absolute;top:40px;left:8px;box-shadow:0 2px 5px #0003}.vid-mute:hover{background-color:var(--green);color:var(--white)}.rows-icon{width:16px;height:16px}.home-link{color:var(--white);text-decoration:none}.home-link:hover{color:var(--green)}.hide{display:none}.stream-list-wrap{flex:1;padding:16px}.stream-list{grid-column-gap:8px;grid-row-gap:8px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.stream-item{flex-flow:column;width:100%;display:flex;position:relative;overflow:hidden}@media screen and (min-width:1440px){.stream-list{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:1920px){.channels-wrap{grid-template-columns:1fr 1fr 1fr 1fr}.bottom-bar-link.grid{display:flex}}@media screen and (max-width:991px){.video-wrap{flex-direction:column}.bottom-bar{height:auto}.bottom-bar-flex,.bottom-bar-col{justify-content:center}.bottom-bar-col.right{justify-content:flex-start}.bottom-bar-link.t-hide{display:none}.stream-list{grid-template-columns:1fr 1fr;grid-auto-columns:auto}}@media screen and (max-width:767px){.channels-wrap{grid-template-columns:1fr}.bottom-bar{padding-top:8px;padding-bottom:8px;box-shadow:0 2px 5px #0003}.bottom-bar-flex{grid-column-gap:8px;grid-row-gap:8px}.h1{font-size:24px;line-height:30px}.bottom-drop-list.w--open{top:100%;bottom:auto}.channel-top{padding-left:24px;padding-right:8px;font-size:12px;line-height:14px}.main-flex{margin-top:45px}.close-btn{width:22px;height:22px}.vid-full,.vid-mute{top:30px}.contact-wrap{grid-column-gap:32px;grid-row-gap:32px;flex-flow:column-reverse}.stream-list{grid-template-columns:1fr}}@media screen and (max-width:479px){.bottom-bar-link{grid-column-gap:4px;grid-row-gap:4px;padding-left:4px;padding-right:4px;font-size:14px;line-height:20px}.channel-top{padding-right:4px}}