.s21VideoWidgetWrap{background:#212121;font-family:Verdana;padding:28px;max-width:1066px;display:block;margin:auto;font-size:14px !important;border-radius:5px;} .s21VideoWidgetWrap .s21VideoWidgetLeft{width:70%;max-width:100%;display:inline-block;float:left;} .s21VideoWidgetWrap .singleMainVideo .s21IframeWrap{position:relative;overflow:hidden;width:100%;padding-top:56.25%;} .s21VideoWidgetWrap .singleMainVideo iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;} .s21VideoWidgetWrap .s21VideoWidgetRight{width:calc(30% - 25px);max-width:100%;display:inline-block;float:left;padding-left:25px;} .s21VideoWidgetWrap .custom-select-wrapper{position:relative;user-select:none;width:100%;} .s21VideoWidgetWrap .custom-select{position:relative;display:flex;flex-direction:column;} .s21VideoWidgetWrap .custom-select.open .custom-select__trigger{border-bottom-right-radius:0;border-bottom-left-radius:0;} .s21VideoWidgetWrap .custom-select__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:15px !important;color:#fff;height:40px;line-height:30px;background:#FF9934;cursor:pointer;border-radius:4px;} .s21VideoWidgetWrap .custom-select__trigger span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden;} .s21VideoWidgetWrap .custom-options{position:absolute;display:block;top:100%;left:0;right:0;border-top:0;background:#fff;transition:all 0.5s;opacity:0;visibility:hidden;pointer-events:none;z-index:2;} .s21VideoWidgetWrap .custom-select.open .custom-options{opacity:1;visibility:visible;pointer-events:all;} .s21VideoWidgetWrap .custom-option{position:relative;display:block;padding:0 15px 0 15px;font-size:14px !important;font-weight:300;color:#3b3b3b;line-height:40px;cursor:pointer;transition:all 0.5s;} .s21VideoWidgetWrap .custom-option:hover{cursor:pointer;background-color:#b2b2b2;} .s21VideoWidgetWrap .custom-option.selected{color:#ffffff;background-color:#ff9934;} .s21VideoWidgetWrap .arrow{position:relative;height:10px;width:10px;} .s21VideoWidgetWrap .arrow::before, .s21VideoWidgetWrap .arrow::after{content:"";position:absolute;bottom:0px;width:0.15rem;height:100%;transition:all 0.5s;} .s21VideoWidgetWrap .arrow::before{left:-3px;transform:rotate(-45deg);background-color:#FFF;} .s21VideoWidgetWrap .arrow::after{left:3px;transform:rotate(45deg);background-color:#FFF;} .s21VideoWidgetWrap .open .arrow::before{left:-3px;transform:rotate(45deg);} .s21VideoWidgetWrap .open .arrow::after{left:3px;transform:rotate(-45deg);} .s21VideoWidgetWrap .sidebarVideos::-webkit-scrollbar{width:5px;} .s21VideoWidgetWrap .sidebarVideos::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;} .s21VideoWidgetWrap .sidebarVideos::-webkit-scrollbar-thumb{background:#ff9934;border-radius:10px;} .s21VideoWidgetWrap .sidebarVideos::-webkit-scrollbar-thumb:hover{background:#ff9934;} .s21VideoWidgetWrap .sidebarVideos{ margin-top: 15px; max-height: 365px; overflow-y: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; column-gap: 1px; row-gap: 10px;} .s21VideoWidgetWrap .sidebarVideos .singleVideoWrap{display: flex; width: 150px; flex-direction: column; cursor: pointer; height: 120px;} .s21VideoWidgetWrap .sidebarVideos .singleVideoWrap .image{display:flex;width:120px;height:70px;margin-right:10px;background-position:center;background-size:cover;border-radius:5px;} .s21VideoWidgetWrap .sidebarVideos .singleVideoWrap .content{display:flex;flex:1;flex-direction:column;} .s21VideoWidgetWrap .sidebarVideos .singleVideoWrap .content h4{color: #fff !important; font-weight: 500; font-size: 14px !important; margin: 0 !important;height: 35px;overflow: hidden;text-overflow: ellipsis;} .s21VideoWidgetWrap .clearfix{clear:both;display: block;} .s21VideoWidgetWrap.sm .s21VideoWidgetLeft{width:100%;float:none;} .s21VideoWidgetWrap.sm .s21VideoWidgetRight{width:100%;float:none;padding-top:30px;padding-left:0;}