@font-face{font-family:Helvetica;src:url("/otl_epic_video/static/src/fonts/helveticaneue/Helvetica Neu Bold.ttf") format("ttf"),url("/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeue Light.ttf") format("ttf"),url("/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeue Medium.ttf") format("ttf"),url("/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeue BlackCond.ttf") format("ttf"),url("/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeue Thin.ttf") format("ttf"),url(/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeueBd.ttf) format("ttf"),url(/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeueHv.ttf) format("ttf"),url(/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeueMed.ttf) format("ttf"),url(/otl_epic_video/static/src/fonts/helveticaneue/HelveticaNeueLt.ttf) format("ttf")}body{font-family:Helvetica,sans-serif!important;overflow-x:hidden}@media screen and (min-width:992px){body{overflow-y:hidden}}.p-margin-bottom,.small-text{margin-bottom:0}.audio-call-view,.participant-video-controls,.position-absolute{position:absolute;width:100%}.add-participants-list-container,.center-control-btns .record-btn-container,.center-control-btns .record-btn-start,.display-hide,.filter-clear,.mobile-menu,.mobile-menu .mobile-menu-view-content,.mobile-menu .mobile-menu-view-content .mobile-view-record-btn-start,.mobile-menu .mobile-menu-view-content .mobile-view-share-btn,.participant-video-controls-btns-list,.participants-list-container,.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .hide-cameras .camera-view-four,.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .hide-cameras .camera-view-three,.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .hide-cameras .camera-view-two{display:none}.add-participants-list-container ul li .add-participant-details,.add-participants-list-container ul li .add-participant-pic,.center-control-btns .add-participants-container,.display-inline-show,.hide-cameras,.participant-cameras-container .participant-cameras-list,.participants-list-container .participants-list ul li .participant-details,.participants-list-container .participants-list ul li .participant-pic{display:inline-block}.display-show{display:block}.add-participants-list-container .close-btn,.btn-apperence,.center-control-btns button,.drag-container .share-screen-containe .share-screen-bts button,.participant-cameras-container .btn-with-count button,.participant-video-controls-btns-list button,.participants-list-container .participants-list .participants-main-controls button,.participants-list-container .participants-list ul li .participant-list-btns button,.participants-view .participants-view-btn,.user-cameras-view .user-cameras-view-btn-list ul li button,.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .open-close-camera-btn{appearance:none;background:0 0;border:none}.btn-apperence:focus{outline:0}.rotate0{-ms-transform:rotate(0);transform:rotate(0);-moz-transition:transform 1s;-webkit-transition:transform 1s;transition:transform 1s}.rotate180{-ms-transform:rotate(180deg);transform:rotate(180deg);-moz-transition:transform 1s;-webkit-transition:transform 1s;transition:transform 1s}.center-control-btns .add-participants-btn.active .add-participants-a,.center-control-btns .add-participants-btn:hover .add-participants-a,.center-control-btns .camera-switch-btn.active .a-camera-switch-btn,.center-control-btns .camera-switch-btn:hover .a-camera-switch-btn,.center-control-btns .mic-btn.active .mic-a,.center-control-btns .mic-btn:hover .mic-a,.center-control-btns .share-screen-btn.active .share-screen-a,.center-control-btns .share-screen-btn:hover .share-screen-a,.center-control-btns .stop-call-btn.active .stop-call-a,.center-control-btns .stop-call-btn:hover .stop-call-a,.center-control-btns .video-camera-btn.active .video-camera-a,.center-control-btns .video-camera-btn:hover .video-camera-a,.center-control-btns .volume-btn.active .volume-a,.center-control-btns .volume-btn:hover .volume-a,.drag-container .share-screen-containe .share-screen-bts .mic-btn.active .mic-a,.drag-container .share-screen-containe .share-screen-bts .mic-btn:hover .mic-a,.drag-container .share-screen-containe .share-screen-bts .share-screen-btn.active .drag-share-screen-a,.drag-container .share-screen-containe .share-screen-bts .share-screen-btn:hover .drag-share-screen-a,.drag-container .share-screen-containe .share-screen-bts .stop-call-btn.active .stop-call-a,.drag-container .share-screen-containe .share-screen-bts .stop-call-btn:hover .stop-call-a,.svg-rotate180{-ms-transform:translate(54px,54px) rotate(180deg);transform:translate(54px,54px) rotate(180deg)}.svg-icon-transform{transform:translate(2px,9px) rotate(-44deg);-ms-transform:translate(2px,9px) rotate(-44deg)}.text-width-overflow{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-scroll-style::-webkit-scrollbar{width:3px;padding-left:2px}.main-scroll-style::-webkit-scrollbar-track{display:none}.main-scroll-style::-webkit-scrollbar-thumb{background:#b7b7b7;width:3px}.main-scroll-style::-webkit-scrollbar-thumb:hover{background:#888}.add-participants-list-container ul,.participant-cameras-container .participant-cameras-list ul,.participant-video-controls-btns-list ul,.participants-list-container .participants-list ul,.ul-list,.user-cameras-view .user-cameras-view-btn-list ul{list-style:none;padding:0}.video-content-max-height{height:100vh}.video-content-min-height{height:50vh}.video-section{background-color:#182024}@media screen and (min-width:992px){.video-section{height:100vh}}.video-row{margin:0!important}.video-col{margin:0;padding:5px 6px!important}.small-text{color:#eaeef0;font-size:14px;font-weight:300}.video-container{position:relative}.video-container video{width:100%;object-fit:cover;border-radius:10px;padding:5px 8px}.video-container video:focus{outline:0}.video-container video.video-content-max-height{height:98vh}.video-container video.video-content-min-height{height:48vh}.participant-video-controls{z-index:99;top:0;padding:5px 10px;background:#0000005e;border-radius:10px 10px 0 0}.participant-video-controls-btns-list{position:absolute;top:-1px;right:55px}.participant-video-controls-btns-list ul li{float:left}.participant-video-controls-btns-list button{padding:3px}.participant-video-controls-btns-list button:focus{outline:0}.audio-call-view{display:table;text-align:center}.audio-call-view .audio-call-img{display:table-cell;vertical-align:middle}.audio-call-view .audio-call-img img{border-radius:128px;margin:auto}.video-controls-section{position:fixed;width:100%;bottom:0;background:#1820243d;z-index:99}.center-control-btns{text-align:center;padding:8px 0}.center-control-btns button{color:#fff;font-size:13px;font-weight:300;padding:0 15px}.center-control-btns button:focus{outline:0}@media screen and (max-width:1289px){.center-control-btns button{padding:0 10px}}@media screen and (max-width:767px){.center-control-btns .add-participants-btn svg,.center-control-btns .mic-btn svg,.center-control-btns .mobile-menu-btn svg,.center-control-btns .stop-call-btn svg,.center-control-btns .video-camera-btn svg,.center-control-btns .volume-btn svg{width:45px;height:45px}}@media screen and (max-width:575px){.center-control-btns .add-participants-btn svg,.center-control-btns .mic-btn svg,.center-control-btns .mobile-menu-btn svg,.center-control-btns .stop-call-btn svg,.center-control-btns .video-camera-btn svg,.center-control-btns .volume-btn svg{width:35px;height:35px}}@media screen and (max-width:575px){.center-control-btns .add-participants-btn,.center-control-btns .mic-btn,.center-control-btns .mobile-menu-btn,.center-control-btns .stop-call-btn,.center-control-btns .video-camera-btn,.center-control-btns .volume-btn{padding:0 4px}}@media screen and (max-width:991px){.center-control-btns .share-screen-btn{display:none}}@media screen and (min-width:1290px){.center-control-btns .record-btn-container{display:inline-block;position:absolute;left:10%;top:20px}}.center-control-btns .record-btn{width:150px}.center-control-btns .record-btn-start{width:150px}@media screen and (max-width:767px){.center-control-btns .camera-switch-btn{display:none}}.center-control-btns .video-camera-btn.active .video-camera-c,.center-control-btns .video-camera-btn:hover .video-camera-c{opacity:1}.center-control-btns .volume-btn.active .volume-e,.center-control-btns .volume-btn.active .volume-f,.center-control-btns .volume-btn:hover .volume-e,.center-control-btns .volume-btn:hover .volume-f{opacity:0}.center-control-btns .volume-btn.active .volume-c,.center-control-btns .volume-btn:hover .volume-c{opacity:1}.center-control-btns .stop-call-btn.active .stop-call-b,.center-control-btns .stop-call-btn:hover .stop-call-b{opacity:0}.center-control-btns .stop-call-btn.active .stop-call-c,.center-control-btns .stop-call-btn:hover .stop-call-c{opacity:1}.center-control-btns .mic-btn.active .mic-d,.center-control-btns .mic-btn:hover .mic-d{opacity:1}.center-control-btns .add-participants-container{position:relative}.center-control-btns .add-participants-list-container{text-align:inherit}.add-participants-list-container{width:490px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 8px #808486;border-radius:10px;padding:15px 20px;opacity:.96;position:absolute;bottom:65px;right:15px;z-index:99}.add-participants-list-container h5{color:#182024;font-weight:400;font-size:16px;text-align:left}.add-participants-list-container .close-btn{position:absolute;top:-10px;right:0;padding:0}.add-participants-list-container .close-btn:focus{outline:0}.add-participants-list-container ul{min-height:100px;max-height:360px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.add-participants-list-container ul::-webkit-scrollbar{width:3px}.add-participants-list-container ul::-webkit-scrollbar-track{display:none}.add-participants-list-container ul::-webkit-scrollbar-thumb{background:#b7b7b7;width:3px}.add-participants-list-container ul::-webkit-scrollbar-thumb:hover{background:#888}.add-participants-list-container ul input{background-color:#eaeef0;border-radius:8px;border:none;color:#808486;font-size:16px;font-weight:300;opacity:1}.add-participants-list-container ul input:focus{outline:0;border-color:#eaeef0;box-shadow:none;background-color:#eaeef0}@media screen and (max-width:575px){.add-participants-list-container ul input{font-size:14px}}.add-participants-list-container ul li{margin-top:10px;text-align:left}.add-participants-list-container ul li .add-participant-pic{margin-right:10px}.add-participants-list-container ul li .add-participant-pic img{width:50px;height:50px;border-radius:50px}@media screen and (max-width:575px){.add-participants-list-container ul li .add-participant-pic img{width:40px;height:40px}}@media screen and (max-width:575px){.add-participants-list-container ul li .add-participant-pic{margin-right:0}}.add-participants-list-container ul li .add-participant-details{vertical-align:middle}.add-participants-list-container ul li .add-participant-details h6{color:#182024;font-weight:300;font-size:16px;margin-bottom:0;text-align:left}@media screen and (max-width:767px){.add-participants-list-container ul li .add-participant-details h6{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}}.add-participants-list-container ul li .add-participant-details p{color:#808486;font-weight:300;font-size:13px;margin-bottom:0}@media screen and (max-width:767px){.add-participants-list-container ul li .add-participant-details p{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}}.add-participants-list-container ul li .add-video-call-btn{appearance:none;background-color:#fff;border:.4px solid #808486;border-radius:16px;color:#182024;font-weight:300;font-size:14px;padding:0 8px;margin:10px 0}.add-participants-list-container ul li .add-video-call-btn.active,.add-participants-list-container ul li .add-video-call-btn:hover{border:.4px solid #009dff}@media screen and (max-width:575px){.add-participants-list-container ul li .add-video-call-btn{font-size:13px}.add-participants-list-container ul li .add-video-call-btn svg{width:20px;height:25px}}@media screen and (max-width:767px){.add-participants-list-container{width:350px;bottom:50px;right:-22px;padding:15px}}@media screen and (max-width:575px){.add-participants-list-container{width:300px}}.participants-view{position:absolute;right:4%;top:-10px;z-index:99}.participants-view .participants-view-btn{padding:0;position:relative;z-index:9999}.participants-view .participants-view-btn:focus{outline:0}@media screen and (max-width:575px){.participants-view .participants-view-btn svg{width:28px;height:28px;margin-bottom:5px}}.participants-view .participants-count{background:transparent linear-gradient(218deg,#1e1e20 0,#182024 100%) 0 0 no-repeat padding-box;border-radius:17px;opacity:1;width:34px;height:34px;text-align:center;padding:5px 0;color:#fff}@media screen and (max-width:575px){.participants-view .participants-count{width:28px;height:28px;padding:1px 0}}@media screen and (max-width:575px){.participants-view{top:-60px}}.participants-list-container{width:378px;background:#fff 0 0 no-repeat padding-box;box-shadow:-6px 0 15px #00000031 31;opacity:1;padding:15px 20px;border-radius:10px 0 0 10px;position:absolute;right:-50px;bottom:-15px}.participants-list-container .participants-list{position:relative}.participants-list-container .participants-list .list-count{color:#182024;font-weight:300;font-size:14px;margin:0}.participants-list-container .participants-list .participants-main-controls{position:absolute;right:0;top:20px}.participants-list-container .participants-list .participants-main-controls button{padding:0}.participants-list-container .participants-list .participants-main-controls button:focus{outline:0}.participants-list-container .participants-list .participants-main-controls .participants-video-btn.active .participants-video-c,.participants-list-container .participants-list .participants-main-controls .participants-video-btn:hover .participants-video-c{opacity:1}.participants-list-container .participants-list .participants-main-controls .participants-mic-btn.active .participants-mic-d,.participants-list-container .participants-list .participants-main-controls .participants-mic-btn:hover .participants-mic-d{opacity:1}.participants-list-container .participants-list ul{min-height:100px;max-height:360px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.participants-list-container .participants-list ul::-webkit-scrollbar{width:3px}.participants-list-container .participants-list ul::-webkit-scrollbar-track{display:none}.participants-list-container .participants-list ul::-webkit-scrollbar-thumb{background:#b7b7b7;width:3px}.participants-list-container .participants-list ul::-webkit-scrollbar-thumb:hover{background:#888}.participants-list-container .participants-list ul input{background-color:#fff;border-radius:0;border:none;border-bottom:1px solid #8084865e;color:#b7b7b7;font-size:16px;font-weight:300;opacity:1;width:75%}.participants-list-container .participants-list ul input::-webkit-input-placeholder{color:#b7b7b7}.participants-list-container .participants-list ul input:-ms-input-placeholder{color:#b7b7b7}.participants-list-container .participants-list ul input::placeholder{color:#b7b7b7}.participants-list-container .participants-list ul input:focus{outline:0;border-color:#808486;box-shadow:none;background-color:#fff}@media screen and (max-width:575px){.participants-list-container .participants-list ul input{font-size:14px}}.participants-list-container .participants-list ul li{margin-top:10px;text-align:left}.participants-list-container .participants-list ul li .participant-pic{margin-right:10px}.participants-list-container .participants-list ul li .participant-pic img{width:45px;height:45px;border-radius:50px;border:1px solid #808486}@media screen and (max-width:575px){.participants-list-container .participants-list ul li .participant-pic img{width:40px;height:40px}}@media screen and (max-width:575px){.participants-list-container .participants-list ul li .participant-pic{margin-right:0}}.participants-list-container .participants-list ul li .participant-details{vertical-align:middle}.participants-list-container .participants-list ul li .participant-details h6{color:#182024;font-weight:300;font-size:16px;margin-bottom:0;text-align:left}@media screen and (max-width:767px){.participants-list-container .participants-list ul li .participant-details h6{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}}.participants-list-container .participants-list ul li .participant-details p{color:#808486;font-weight:300;font-size:12px;margin-bottom:0;width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:767px){.participants-list-container .participants-list ul li .participant-details p{width:120px}}.participants-list-container .participants-list ul li .participant-list-btns button{padding:0}.participants-list-container .participants-list ul li .participant-list-btns button:focus{outline:0}.participants-list-container .participants-list ul li .participant-list-btns .participant-list-video-btns.active .participant-list-svg-video-a,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-video-btns:hover .participant-list-svg-video-a{opacity:1!important;fill:url(#participantListSvgVideo)}.participants-list-container .participants-list ul li .participant-list-btns .participant-list-video-btns.active .participant-list-svg-video-b,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-video-btns:hover .participant-list-svg-video-b{stroke:#fff}.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns.active .participant-list-svg-mic-a,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns.active .participant-list-svg-mic-d,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns:hover .participant-list-svg-mic-a,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns:hover .participant-list-svg-mic-d{opacity:1}.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns.active .participant-list-svg-mic-b,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns.active .participant-list-svg-mic-c,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns.active .participant-list-svg-mic-d,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns:hover .participant-list-svg-mic-b,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns:hover .participant-list-svg-mic-c,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-mic-btns:hover .participant-list-svg-mic-d{stroke:#fff}.participants-list-container .participants-list ul li .participant-list-btns .participant-list-fullscreen-btns.active .participant-list-svg-fullscreen-a,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-fullscreen-btns:hover .participant-list-svg-fullscreen-a{opacity:1}.participants-list-container .participants-list ul li .participant-list-btns .participant-list-fullscreen-btns.active .participant-list-svg-fullscreen-b,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-fullscreen-btns.active .participant-list-svg-fullscreen-c,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-fullscreen-btns:hover .participant-list-svg-fullscreen-b,.participants-list-container .participants-list ul li .participant-list-btns .participant-list-fullscreen-btns:hover .participant-list-svg-fullscreen-c{stroke:#fff}@media screen and (max-width:575px){.participants-list-container{width:332px;right:-30px;bottom:-60px}}.participant-cameras-container{background-color:#1820244a;border-radius:21px;width:fit-content;padding:0 0}.participant-cameras-container .btn-with-count{padding:0 0;position:relative}.participant-cameras-container .btn-with-count button:focus{outline:0}.participant-cameras-container .btn-with-count .participant-cameras-count{width:14px;height:14px;border-radius:16px;background:linear-gradient(217deg,#494e50 0,#182024 100%) 0 0 no-repeat padding-box;font-size:11px;font-weight:300;text-align:center;color:#eaeef0;position:absolute;top:-5px;right:5px}.participant-cameras-container .participant-cameras-list{vertical-align:middle;padding:0 2px 0 0;margin:0 0 -7px}.participant-cameras-container .participant-cameras-list ul li{float:left;margin:0 2px}.participant-cameras-container .participant-cameras-list ul li.active .video-container video,.participant-cameras-container .participant-cameras-list ul li:hover .video-container video{border:2px solid #009dff;cursor:pointer}.participant-cameras-container .participant-cameras-list ul li .video-container video{width:31px;height:31px;border-radius:16px;object-fit:cover;padding:0}.user-cameras-view .user-cameras-view-btn-list{position:absolute;top:20px;left:2%}.user-cameras-view .user-cameras-view-btn-list ul li{float:left}.user-cameras-view .user-cameras-view-btn-list ul li button:focus{outline:0}.user-cameras-view .user-cameras-view-btn-list ul li button:hover .user-cameras-svg-a,.user-cameras-view .user-cameras-view-btn-list ul li button:hover .user-cameras-svg-b{stroke:#fff}.user-cameras-view .user-cameras-view-btn-list ul li button.active .user-cameras-svg-a,.user-cameras-view .user-cameras-view-btn-list ul li button.active .user-cameras-svg-b{stroke:#fff}.user-cameras-view .user-cameras-view-btn-list ul li button.active:hover .user-cameras-svg-a,.user-cameras-view .user-cameras-view-btn-list ul li button.active:hover .user-cameras-svg-b{stroke:#808486}@media screen and (max-width:991px){.user-cameras-view .user-cameras-view-btn-list{top:inherit;bottom:75px;left:1%}}@media screen and (max-width:767px){.user-cameras-view .user-cameras-view-btn-list{bottom:70px}}@media screen and (max-width:575px){.user-cameras-view .user-cameras-view-btn-list{bottom:60px}}.user-cameras-view .user-cameras-view-container{position:absolute;bottom:70px;left:2%;transition:.5s}.user-cameras-view .user-cameras-view-container.left-align{left:-1%;transition:.5s}@media screen and (max-width:767px){.user-cameras-view .user-cameras-view-container.left-align{left:-5%}}@media screen and (max-width:575px){.user-cameras-view .user-cameras-view-container.left-align{left:-10%}}.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul{position:relative}.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .user-cameras-view-ul-li .video-container video{width:70px;height:70px;border-radius:5px;border:3px solid #182024;object-fit:cover;padding:0}.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .hide-cameras{top:8px!important;display:flex}.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .hide-cameras .user-cameras-view-ul-li{margin:0 0 0 -5px}.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .open-close-camera-btn{position:absolute;top:20px;right:-4px}.user-cameras-view .user-cameras-view-container .user-cameras-view-list .user-cameras-view-ul .open-close-camera-btn:focus{outline:0}@media screen and (max-width:991px){.user-cameras-view .user-cameras-view-container{bottom:110px;left:1%}}@media screen and (max-width:767px){.user-cameras-view .user-cameras-view-container{bottom:100px}}.mobile-menu{position:relative}.mobile-menu .mobile-menu-btn{padding:0}.mobile-menu .mobile-menu-view-content{background-color:#182024;padding:25px 20px;border-radius:8px;position:absolute;bottom:65px;left:30px;z-index:99}.mobile-menu .mobile-menu-view-content .mobile-menu-close-btn{width:auto;border:none;position:absolute;top:2px;right:2px;height:auto;background:0 0}.mobile-menu .mobile-menu-view-content button{border:1px solid #808486;background-color:#182024;border-radius:24px;width:143px;height:36px;padding:0}.mobile-menu .mobile-menu-view-content .mobile-view-share-btn{margin-bottom:10px}@media screen and (max-width:991px){.mobile-menu .mobile-menu-view-content .mobile-view-share-btn{display:inline-block}}@media screen and (max-width:767px){.mobile-menu .mobile-menu-view-content{bottom:60px;left:20px}}@media screen and (max-width:575px){.mobile-menu .mobile-menu-view-content{bottom:50px;left:15px}}@media screen and (max-width:1289px){.mobile-menu{display:inline-block}}.drag-container{width:245px;position:absolute;bottom:0;z-index:999;right:0;display:block}.drag-container .share-screen-containe{text-align:center;background-color:#000;opacity:.8;border-radius:10px;padding:12px 0}.drag-container .share-screen-containe img{width:60px;height:60px}.drag-container .share-screen-containe h5{font-size:18px;font-weight:500;color:#fff;margin:8px 0 5px}.drag-container .share-screen-containe p{font-size:14px;font-weight:300;color:#fff}.drag-container .share-screen-containe .share-screen-bts button:focus{outline:0}.drag-container .share-screen-containe .share-screen-bts .mic-btn.active .mic-d,.drag-container .share-screen-containe .share-screen-bts .mic-btn:hover .mic-d{opacity:1}.drag-container .share-screen-containe .share-screen-bts .stop-call-btn.active .stop-call-b,.drag-container .share-screen-containe .share-screen-bts .stop-call-btn:hover .stop-call-b{opacity:0}.drag-container .share-screen-containe .share-screen-bts .stop-call-btn.active .stop-call-c,.drag-container .share-screen-containe .share-screen-bts .stop-call-btn:hover .stop-call-c{opacity:1}.call-waiting-section{background-color:#182024;height:100vh}.call-waiting-section .call-waiting-container{text-align:center;margin:0 auto;display:table;width:150px;height:200px;position:relative}.call-waiting-section .call-waiting-container .call-waiting-box{margin:0;position:absolute;top:100%;-ms-transform:translateY(0);transform:translateY(0)}.call-waiting-section .call-waiting-container .call-waiting-box .person-name{color:#fff;font-size:20px;margin-bottom:10px}.call-waiting-section .call-waiting-container .call-waiting-box .connect-msg{color:#fff;font-size:26px;font-weight:600}.share-screen-popup .modal-content{background-color:#fffffff7}.share-screen-popup .modal-header{border-bottom:none;padding-bottom:0}.share-screen-popup .modal-header .modal-title{color:#182024;font-size:18px;text-align:center;width:100%;font-weight:600}.share-screen-popup .modal-body{padding:15px 10px;min-height:250px;max-height:300px;overflow-y:scroll;overflow-x:hidden}.share-screen-popup .modal-body .window-sub-container{margin:0 auto;display:table}.share-screen-popup .modal-body .img-block p{color:#182024;font-size:16px;height:15px}.share-screen-popup .modal-body .img-block img{width:180px;height:70px}.share-screen-popup .modal-body .img-block:hover{border:2px solid #009dff;border-radius:8px}.share-screen-popup .modal-footer{border-top:none;background-color:#fff}.share-screen-popup .modal-footer .row{width:100%}.share-screen-popup .modal-footer .row .btn{width:100%;border-radius:8px;font-size:16px;height:50px;font-weight:500}.share-screen-popup .modal-footer .row .cancel-btn,.share-screen-popup .modal-footer .row .share-btn{color:#182024;border:1px solid #808486}.share-screen-popup .modal-footer .row .cancel-btn:hover,.share-screen-popup .modal-footer .row .share-btn:hover{color:#fff;background:transparent linear-gradient(193deg,#01bdf4 0,#009dff 100%) 0 0 no-repeat padding-box;border:none}.login-view-section{overflow:hidden}.login-view-section .logo-section-bg{background:url(/otl_epic_video/static/src/imgs/logo_bg.svg) no-repeat;background-size:cover;background-position:center;height:100vh;text-align:center}@media screen and (max-width:767px){.login-view-section .logo-section-bg{display:none}}.login-view-section .logo-section-bg.sign-up-bg{background:url(/otl_epic_video/static/src/imgs/signup_bg.svg) no-repeat;background-size:cover;background-position:center}.login-view-section .login-form-bg{background:url(/otl_epic_video/static/src/imgs/login_form_bg.png) no-repeat;background-size:cover;background-position:center;height:100vh}@media screen and (max-width:767px){.login-view-section .login-form-bg{height:auto;padding:5% 20px 10%}}.login-view-section .login-form-bg .mobile-view-logo{display:none}.login-view-section .login-form-bg .mobile-view-logo .mobile-view-logo{display:block}.login-view-section .login-form-bg .mobile-view-logo .mobile-view-bg{margin:30px 0}@media screen and (max-width:767px){.login-view-section .login-form-bg .mobile-view-logo{display:block;text-align:center}}@media screen and (min-width:768px){.login-view-section .login-form-bg .outer{display:table;position:absolute;top:0;left:0;height:100%;width:100%}}@media screen and (min-width:768px){.login-view-section .login-form-bg .outer .middle{display:table-cell;vertical-align:middle}}.login-view-section .login-form-bg .outer .middle .main-form-container{width:70%;margin:0 auto}.login-view-section .login-form-bg .outer .middle .main-form-container h1{color:#182024;font-size:40px;font-weight:700}.login-view-section .login-form-bg .outer .middle .main-form-container h5{color:#182024;font-size:26px;font-weight:400}.login-view-section .login-form-bg .outer .middle .main-form-container input{background-color:#eaeef0;border-radius:8px;border:none;height:50px;color:#808486;font-size:16px;font-weight:400}.login-view-section .login-form-bg .outer .middle .main-form-container input:focus{box-shadow:none;border:none}.login-view-section .login-form-bg .outer .middle .main-form-container input::-webkit-input-placeholder{color:#808486}.login-view-section .login-form-bg .outer .middle .main-form-container input:-ms-input-placeholder{color:#808486}.login-view-section .login-form-bg .outer .middle .main-form-container input::placeholder{color:#808486}.login-view-section .login-form-bg .outer .middle .main-form-container input[type=password]{border-radius:8px 0 0 8px}.login-view-section .login-form-bg .outer .middle .main-form-container .input-group-text{border:none;border-radius:0 8px 8px 0}.login-view-section .login-form-bg .outer .middle .main-form-container .input-group-text .password-view-btn{border:none;background:0 0;padding:0}.login-view-section .login-form-bg .outer .middle .main-form-container .input-group-text .password-view-btn:focus{border:none;outline:0}.login-view-section .login-form-bg .outer .middle .main-form-container .form-btn{background:transparent linear-gradient(191deg,#01bdf4 0,#009dff 100%) 0 0 no-repeat padding-box;width:100%;color:#fff;padding:12px 0;border-radius:6px;border:none;box-shadow:0 8px 15px #67c5ff;transition:.2s}.login-view-section .login-form-bg .outer .middle .main-form-container .form-btn:focus{outline:hidden;box-shadow:0 8 px 15px #67c5ff}.login-view-section .login-form-bg .outer .middle .main-form-container .form-btn:hover{color:#fff;letter-spacing:.03rem;transition:.2s}.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-password a{letter-spacing:.24px;color:#009dff;font-size:15px;font-weight:700}.login-view-section .login-form-bg .outer .middle .main-form-container .goto-signup p{color:#808486;font-size:16px;font-weight:400;margin:0;display:inline-block}.login-view-section .login-form-bg .outer .middle .main-form-container .goto-signup a{letter-spacing:.24px;color:#009dff;font-size:15px;font-weight:700;margin-left:10px;display:inline-block}.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-password-form-container{display:none}@media screen and (max-width:767px){.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-password-form-container{padding-top:25%}}@media screen and (min-width:450px) and (max-width:767px) and (orientation:landscape){.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-password-form-container{padding-top:5%}}.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-succes-section{display:none;text-align:center}@media screen and (max-width:767px){.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-succes-section{padding-top:25%}}@media screen and (min-width:450px) and (max-width:767px) and (orientation:landscape){.login-view-section .login-form-bg .outer .middle .main-form-container .forgot-succes-section{padding-top:5%}}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input{width:20px;height:20px;background:#fff 0 0 no-repeat padding-box;border:1px solid #808486;border-radius:8px;top:-4px;margin-left:-1.15rem;opacity:0}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input+label{position:relative;cursor:pointer}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input+label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#fff;border:1px solid #808486;border-radius:8px;position:absolute;left:-20px}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input:checked+label:before{background:#fff}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input:disabled+label{color:#b8b8b8;cursor:auto}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input:disabled+label:before{box-shadow:none;background:#ddd}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check .form-check-input:checked+label:after{content:"\f00c";font-family:FontAwesome;font-size:14px;text-align:center;position:absolute;left:-20px;top:0;width:20px;height:20px;border-radius:8px;background:#009dff;color:#fff;font-weight:300}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check label{color:#808486;font-size:15px;font-weight:400;padding:0 15px}.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container .form-check label b{color:#182024;font-size:15px;font-weight:400}@media screen and (max-width:767px){.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container{padding-top:15%}}@media screen and (min-width:450px) and (max-width:767px) and (orientation:landscape){.login-view-section .login-form-bg .outer .middle .main-form-container .sign-up-form-container{padding-top:5%}}@media screen and (max-width:767px){.login-view-section .login-form-bg .outer .middle .main-form-container{width:100%}}.remote-video-parent{margin:0!important}.remote-video-parent .video-col{margin:0;padding:0 0!important}.remote-video-parent video{padding:0 1px!important}.video-content-height-25vh{height:25vh}.carousel-container .carousel-control-prev .carousel-control-prev-icon{background-image:url(/otl_epic_video/static/src/imgs/slide-prev.svg)}@media screen and (min-width:768px){.carousel-container .carousel-control-prev{display:none}}.carousel-container .carousel-control-next .carousel-control-next-icon{background-image:url(/otl_epic_video/static/src/imgs/slide-next.svg)}@media screen and (min-width:768px){.carousel-container .carousel-control-next{display:none}}.carousel-container .video-row{height:98vh}.carousel-container .carousel.slide{overflow-x:hidden}.carousel-container ol{margin:0 0!important;display:flex;position:absolute;bottom:0}.carousel-container ol .slick-track{min-width:70%;width:fit-content!important}.carousel-container ol ul.slick-dots{display:none!important}.carousel-container ol li.slick-slide{width:220px!important;height:160px;background:0 0;position:relative;text-indent:inherit;opacity:1;margin:0 2px}.carousel-container ol li.slick-slide video{height:160px;padding:0}.carousel-container ol li.slick-slide .participant-video-controls .small-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.carousel-container ol li.slick-slide .participant-video-controls .participant-video-controls-btns .participant-video-controls-btns-list ul{display:flex}.carousel-container ol li.slick-slide .participant-video-controls .participant-video-controls-btns .participant-video-controls-btns-list ul li{box-sizing:inherit;-ms-flex:inherit;flex:inherit;width:inherit;height:inherit;margin-right:inherit;margin-left:inherit;text-indent:inherit;cursor:pointer;background-color:inherit;background-clip:inherit;border-top:inherit;border-bottom:inherit;opacity:inherit;transition:inherit}.carousel-container ol .slick-next{top:-20%;z-index:20;right:40px}.carousel-container ol .slick-next.slick-disabled{opacity:.25}.carousel-container ol .slick-next:before{content:url(/otl_epic_video/static/src/imgs/slide-next.svg);opacity:1}.carousel-container ol .slick-prev{top:-20%;left:40px;z-index:20}.carousel-container ol .slick-prev.slick-disabled{opacity:.25}.carousel-container ol .slick-prev:before{content:url(/otl_epic_video/static/src/imgs/slide-prev.svg);opacity:1}@media screen and (max-width:767px){.carousel-container ol{display:none}}