PK œqhYî¶J‚ßF ßF ) nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/
Dir : /home/trave494/productjuly1video/champdoms.click/themes/default/css/ |
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
Dir : //home/trave494/productjuly1video/champdoms.click/themes/default/css/style.css |
@import url("https://fonts.googleapis.com/css?family=Lato:300,400"); @import "https://fonts.googleapis.com/css?family=Roboto"; .login-page .login-form input[type=text], .login-page .login-form input[type=password] { padding: 10px; background-color: rgba(255, 255, 255, 0.25); border-radius: 3px; width: 100%; border: 1px solid transparent; color: #fff; } .login-page .login-form select, .login-page .login-form input[type=submit] { padding: 10px; background-color: rgba(255, 255, 255, 0.25); border-radius: 3px; width: 100%; border: 1px solid transparent; color: #fff; } .videos-list .video-wrapper .video-views, .videos-list .video-wrapper .video-publisher { color: #777; margin-top: 3px; font-size: 11px; } .facebook-responsive { overflow:hidden; padding-bottom:100%; position:relative; height:0; } .facebook-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .share-input { margin-top: 10px; margin-bottom: 10px; margin-left: -11px; } .share-input input { border-radius: 0; padding: 8px; } .user-setting-panel input[type='text'], .user-setting-panel input[type='password'] { height: 30px !important; color: #666 !important; font-size: 13px; box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2; border: none; border-radius: 0; } .author-list .video-wrapper .video-views, .author-list .video-wrapper .video-publisher { color: #777; margin-top: 3px; font-size: 12px; } .setting-panel.no-padding textarea, .setting-panel textarea { box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2; border: none; border-radius: 0; color: #666 !important; font-size: 13px; } .setting-panel.no-padding select, .setting-panel select { height: 30px !important; color: #666 !important; font-size: 13px; box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2; border: none; border-radius: 0; } .setting-panel input[type='text'], .setting-panel input[type='password'] { height: 30px !important; color: #666 !important; font-size: 13px; box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2; border: none; border-radius: 0; } .setting-panel .btn-main, .setting-panel .btn-delete { height: 30px !important; font-size: 13px; min-width: 100px !important; } .video-latest-list .video-thumb a, .home-page-categories .videos .video-list .video-list-image a { display: block; position: relative; overflow: hidden; } .video-latest-list .video-thumb .play_hover_btn, .home-page-categories .videos .video-list .video-list-image .play_hover_btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; visibility: hidden; transition: all 0.2s ease;border-radius: 5px;} .video-latest-list .video-thumb .play_hover_btn svg.feather, .home-page-categories .videos .video-list .video-list-image .play_hover_btn svg.feather { left: 50%; position: absolute; top: 50%; margin: 0; transform: translate(-50%, -50%) scale(0.7); width: 45px; height: 45px; stroke-width: 1.2px; } .video-latest-list .video-thumb img, .home-page-categories .videos .video-list img { width: 100%; min-height: 151px; max-height: 151px; object-fit: cover;border-radius: 5px;} .video-latest-list .video-title a, .home-page-categories .videos .video-list .video-list-title a { text-decoration: none; } .video-latest-list .video-title h4, .home-page-categories .videos .video-list .video-list-title h4 { font-size: 13px; color: #3e3e3e; margin-bottom: 3px; font-weight: 600; font-family: sans-serif; line-height: 1.3em; max-height: 2.6em; } .home-page-categories .videos .video-list .video-list-by .bold { margin: 0 5px; color: gainsboro; font-weight: normal; } .btn-subscribe, .btn-subscribed { padding: 8.7px 18px; width: auto; min-width: 90px; text-transform: uppercase; font-size: 14px; letter-spacing: .007px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.1); border: 0; transition: all 0.2s; position: relative; font-weight: 500; border-radius: 3px; outline: 0 !important; color: #fff; } .btn-subscribe:before, .btn-subscribed:before { content: ''; display: block; position: absolute; left: 100%; margin-left: 4px; top: 50%; margin-top: -6px; width: 0; height: 0; border: 6px solid transparent; border-left-width: 0; border-right-color: #e1e1e1; } .share-video .fa, .share-video a { display: inline-block; padding: 10px; font-size: 20px; width: 50px; height: 50px; line-height: 1.5; border-radius: 3px; text-align: center; text-decoration: none; margin: 5px 2px; } .login-page { margin-top: 250px; width: 20%; padding-top: 0; } .login-page .login-form input[type=text] option { color: #333; } .login-page .login-form input[type=text]:focus { border: 1px solid #fcfcfc; outline: none; } .login-page .login-form input[type=password] option { color: #333; } .login-page .login-form input[type=password]:focus { border: 1px solid #fcfcfc; outline: none; } .login-page .login-form select option { color: #333; } .login-page .login-form select:focus { border: 1px solid #fcfcfc; outline: none; } .login-page .login-form input[type=submit] { background: #fff !important; margin-top: 10px; border: 0; } .login-page .login-form input[type=submit] option { color: #333; } .login-page .login-form input[type=submit]:focus { border: 1px solid #fcfcfc; outline: none; border: 0; } .login-page h4 { color: #fff; font-size: 46px; text-align: center; margin-bottom: 50px; font-family: Lato, sans-serif; } .login-page .errors { background: #fff; width: 100%; padding: 10px; margin: 0 auto; margin-bottom: 10px; border-radius: 3px; color: #e62117; } .login-page .errors:empty { padding: 0; margin: 0; } .login-page .errors.success { color: #04abf2 !important; } .login-page .login-icons div { margin-left: 5px; padding: 1px; border-radius: 6px; width: 25px; font-size: 22px; text-align: center; height: 25px; line-height: 1.1; background: #fff !important; color: #04abf2; } .login-page .login-icons .facebook-icon a { color: #2d4373; } .login-page .login-icons .google-icon a { color: #c23321; } .login-page .login-icons .twitter-icon a { color: #2795e9; } .login-page .recaptcha { text-align: center; margin: 0 auto; } .mejs-qualities-selected { color: #04abf2 !important; } .carousel-inner { border: 2px dashed #333; min-height: 200px; } .mejs__qualities-selected { color: #04abf2 !important; } .videos-list .video-wrapper { margin-bottom: 10px; } .videos-list .video-wrapper .video-thumb { width: 170px; margin-right: 10px; } .videos-list .video-wrapper .video-thumb img { width: 100%; } .videos-list .video-wrapper .video-info { overflow: hidden; } .videos-list .video-wrapper .video-title { font-size: 14px; word-wrap: break-word; } .videos-list .video-wrapper .video-title a { font-weight: 500; color: #333; } .videos-list .video-wrapper .video-title a:hover { color: #04abf2; text-decoration: none; } .videos-list .pt_video_side_vids { margin-bottom: 15px; } .videos-list .pt_video_side_vids:last-child { margin: 0; } .videos-list .pt_video_side_vids .video-thumb { width: 168px; height: 94px; overflow: hidden; } .videos-list .pt_video_side_vids .video-thumb img { object-fit: cover; height: 94px; } .videos-list .pt_video_side_vids .video-title { max-height: 3.6em; line-height: 1.2; margin-bottom: 2px; } .videos-list .pt_video_side_vids .video-publisher { margin: 0; color: #777; } .videos-list .pt_video_side_vids .video-views { margin: 0; color: #777; } .pt_mn_wtch_rlts_prnt {margin: 0 -6px;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids {width: 50%;display: inline-block;padding: 0 6px;} .pt_mn_wtch_upnxt_prnt .pt_pt_mn_wtch_rltvids {width: 100%;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-thumb {width: 100%;height: auto;overflow: hidden;margin: 0 0 8px;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-thumb a {width: 100%;padding-bottom: 56.25%;border-radius: 5px;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-thumb img {height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-duration {top: 5px;bottom: auto;background-color: rgba(0, 0, 0, 0.6);font-size: 12px;border-radius: 2em;padding: 0 8px;line-height: 20px;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-title {line-height: normal;font-size: 17px;margin-bottom: 6px;min-height: 42px;max-height: 42px;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .vid_pub_info {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-publisher, .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-views {display: inline-block;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .video-publisher img {width: 20px;height: 20px;object-fit: cover;border-radius: 7px;margin: -2px 1px 0 0;} .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids .bold {margin: 0 4px;color: gainsboro;font-weight: normal;display: inline-block;} .user-setting-panel { background-color: #fff; padding: 30px; padding-top: 20px; padding-bottom: 10px; box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; } .user-setting-panel select { height: 30px !important; color: #666 !important; font-size: 13px; box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2; border: none; border-radius: 0; } .user-setting-panel textarea { height: 30px !important; box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2; border: none; border-radius: 0; height: 100px !important; color: #666 !important; font-size: 13px; } .user-setting-panel .btn-main { height: 30px !important; font-size: 13px; min-width: 100px !important; } .setting-panel { margin-top: 20px; } .setting-panel.no-padding { padding: 0 !important; margin-top: 20px; } .setting-panel.no-padding label { font-weight: 100; margin-top: 3px; } .setting-panel label { font-weight: 100; margin-top: 3px; } body { background: #f5f5f5; background-size: cover; font-family: Roboto, sans-serif !important; margin: 0; padding: 0;padding-top: 77px !important;height: 100%; min-height: 100%; } body[resized=true] { padding-top: 55px !important; } .dropdown-menu { animation-name: slidenavAnimation; animation-duration: .1s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; } .dropdown-menu a { color: #444; font-size: 13px !important; } .dropdown-menu a i { color: #04abf2; } .dropdown-menu a:hover { color: #fff !important; } .dropdown-menu.ani-acc-menu {overflow: visible; visibility: hidden; opacity: 0; transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear; display: block;transform-origin: right top;border-radius: 5px;animation: none;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);transform: scale3d(.8,.8,1);min-width: 200px;} .dropdown-menu > li > a:focus { color: #333 !important; } .dropdown-menu > li > a:hover { color: #333 !important; } .dropdown-menu.categories-drop-down {top: 67px;overflow: visible;visibility: hidden;opacity: 0;max-height: 390px;overflow: hidden;overflow-y: auto;filter: alpha(opacity=0);transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear;display: block;} .open>.dropdown-menu.categories-drop-down {visibility: visible;opacity: 1;filter: none;top: 50px;max-height: 570px;overflow: hidden;overflow-y: auto; } .video-latest-list { height: 270px; overflow: hidden; } .video-latest-list .video-title { font-size: 16px; color: #04abf2; max-height: 43px; overflow: hidden; } .video-latest-list .video-thumb, .video-list-image { width: 100%; position: relative; } .video-duration { position: absolute; bottom: 5px; right: 5px; color: #fff; background-color: rgba(0, 0, 0, 0.4); font-size: 11px; padding: 1px; border-radius: 2px; padding-left: 3px; padding-right: 3px; } .video-latest-list .video-thumb:hover .play_hover_btn { opacity: 1; visibility: visible; } .video-latest-list .video-thumb:hover .play_hover_btn svg.feather { transform: translate(-50%, -50%) scale(1); } .video-latest-list .video-info { margin-top: 5px; color: #444; font-size: 11px; } .video-latest-list.video-wrapper { overflow: unset !important; } .video-latest-list.video-wrapper .video-title a { display: inline-block; height: 3em; height: unset !important; overflow: hidden; } .video-latest-list.user-wrapper .video-thumb img { max-height: inherit !important; } .inline-block { display: inline-block; padding-bottom: 1px; } header .upload-button, header .import-button, header .live-button {margin: 14px 0px;padding: 6px 12px !important;line-height: normal !important;font-size: 13px !important;border-radius: 2em;border: 0 !important;box-shadow: none !important;font-weight: 500;margin-right: 10px;transition: all 0.15s;} header .upload-button svg, header .import-button svg, header .live-button svg { margin: -3px 2px 0 1px !important; width: 19px !important; height: 19px !important; } header .upload-button {color: #b228c9 !important;background-color: rgba(178, 40, 201, 0.15);} header .import-button {color: #ee457e !important;background-color: rgba(238, 69, 126, 0.15);} header .live-button {color: #4caf50 !important;background-color: rgba(76, 175, 80, 0.15);} header .upload-button:hover {color: #fff !important;background: #b228c9 !important;} header .import-button:hover {color: #fff !important;background: #ee457e !important;} header .live-button:hover {color: #fff !important;background: #4caf50 !important;} .content { background: #fff; width: 100%; box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; padding: 10px; margin-bottom: 20px; } .mejs__container { max-height: 80%; } .clear { clear: both; } .ad-image { width: 100%; height: 100%; background-color: #fcfcfc; text-align: center; z-index: 9; line-height: 100%; position: absolute; overflow: hidden; top: 0; } .ad-image img { text-align: center; max-width: 100%; margin-top: 5%; vertical-align: middle; } .pt_video_info { padding: 0 5px; } .pt_video_info .video-views { font-size: 15px; color: #848484; } .pt_video_info .btn-subscribe, .pt_video_info .btn-subscribed {border-radius: 2em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);padding: 0 14px;line-height: 36px;font-size: 13px;letter-spacing: 0.7px;display: inline-block;text-decoration: none;color: white;} .pt_video_info .btn-subscribed svg {margin-top: -1px;width: 17px;height: 17px;} .pt_video_info .publisher-subscribe-button .subs-amount {padding: 0 10px;line-height: 36px;display: inline-block;border-radius: 2em;} .pt_video_info .watch-video-show-more { margin-top: 10px; width: 150px; padding: 5px 10px; font-family: Roboto; font-weight: 500; } .pt_video_info .watch-video-description { padding: 0 5px; } .pt_video_info .watch-video-description p { word-wrap: break-word; font-size: 13px; line-height: 21px; } .pt_video_info .video-published { padding: 0 5px; } .pt_video_info .pt_mn_wtch_rdmre {margin: 10px 0 0;border: 0;background: rgba(63, 81, 181, 0.12);box-shadow: none;width: auto;display: inline-block;color: #3F51B5;} .video-big-title { font-size: 20px; color: #202020; margin-top: 8px; margin-bottom: 12px; } .video-big-title h1 { font-size: 24px; margin: 0; line-height: 1.3; font-weight: 400 !important;word-break: break-all; } .video-big-title .featured-text { color: green; } .video-big-title a { color: #202020; text-decoration: none; } .video-info-element { width: 120px; text-align: right; position: relative; margin: 4px 10px; } .video-info-element .views-bar { width: 80%; text-align: right; position: absolute; right: 0; height: 4px; background-color: #dedede; color: #333; border-radius: 2px; } .video-info-element .blue { background: linear-gradient(to right, #f65858, #946eff); left: 0; width: 20%; text-align: left; } .video-likes { color: #929292; display: flex; align-items: center; } .video-likes .like-btn { cursor: pointer; user-select: none; } .video-likes .like-btn .likes { font-size: 12px; } .video-likes .like-btn:hover { color: #383838; } .video-likes .like-btn svg.feather { margin-top: 0; width: 18px; height: 18px; } .video-likes .like-btn.active svg.feather-thumbs-up { color: #4caf50; fill: #cfffd1; } .video-likes .like-btn.active svg.feather-thumbs-down { color: #f44336; fill: #ffd8d5; } .pt_mn_wtch_liks_prnt {position: relative;width: 135px;justify-content: space-between;} .pt_mn_wtch_liks {position: absolute;bottom: -10px;} .pt_mn_wtch_liks .video-info-element {width: 135px;margin: 0;float: none !important;} .pt_mn_wtch_liks .video-info-element .views-bar {height: 2px;} .video-options { padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .video-options .btn-share { border: 0; color: #555; background: transparent; margin: 0 5px; padding: 5px 10px; transition: all 0.2s ease; border-radius: 2px; } .video-options .btn-share:hover { background-color: rgba(0, 0, 0, 0.05); } .video-options .btn-share:active { background-color: rgba(0, 0, 0, 0.14); } .video-options .btn-share:focus { outline: none; } .video-options svg.feather { margin-top: -3px; width: 17px; height: 17px; } .pt_mn_wtch_opts {border-bottom: 0;border-top: 1px solid #f2f2f2;padding: 15px 0;margin-top: 10px;} .pt_mn_wtch_opts .btn-share {display: inline-block;vertical-align: middle;text-decoration: none;margin: 0 8px;} .pt_mn_wtch_opts .btn-share > svg {width: 26px;height: 26px;vertical-align: middle;display: block;background-color: rgba(0, 0, 0, 0.1);border-radius: 50%;padding: 5px;margin: 0 auto 4px;} .video-published { margin-top: 18px; color: #202020; } .video-published a { color: #04abf2 !important; } .watch-video-description { max-height: 100px; overflow: hidden; position: relative; } .watch-video-description a { color: #04abf2 !important; } .watch-video-description p { font-size: 12px; color: #777; margin-top: 10px; word-wrap: break; } .home-page-categories .row { margin-right: 0 !important; padding-bottom: 10px; } .home-page-categories .col-md-3 { padding-right: 0; } .home-page-categories .title { margin-bottom: 20px; } .home-page-categories .title h4 { margin-top: 5px; color: #333; font-size: 16px; font-weight: 600; } .home-page-categories .title h4 svg {vertical-align: middle;margin-top: -4px;width: 19px;height: 19px;} .home-page-categories .title h4 span { font-weight: 100; color: #04abf2; font-size: 12px; float: right; } .home-page-categories .videos .video-list { width: 100%; } .home-page-categories .videos .video-list .video-list-image:hover .play_hover_btn { opacity: 1; visibility: visible; } .home-page-categories .videos .video-list .video-list-image:hover .play_hover_btn svg.feather { transform: translate(-50%, -50%) scale(1); } .home-page-categories .videos .video-list .video-list-title { max-width: 100%; word-wrap: break-word; } .home-page-categories .videos .video-list .video-list-by { font-size: 11px; margin-top: 3px; color: #777; } .home-page-categories .videos .video-list .video-list-by a { color: #777; } .home-page-categories:hover .view_more_link { opacity: 1; visibility: visible; } .btn-delete { background-color: #c23321; color: #fff; } .btn-delete:hover { background-color: #d84c47; color: #fff; } .btn-delete:focus { background-color: #d84c47; color: #fff; } .btn-main { background-color: #04abf2; color: #fff; } .btn-main:hover { background-color: #04abf2; color: #fff; } .btn-main:focus { background-color: #04abf2; color: #fff; } .btn-main:disabled { background-color: #3dc4ff; color: #fff; } .publisher-element { margin-bottom: 10px; margin-top: 10px; width: 100%; display: flex; align-items: center; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 10px 2px; } .publisher-element .publisher-avatar { width: 48px; height: 48px; margin-right: 8px; } .publisher-element .publisher-avatar img { width: 100%; border-radius: 50%; } .publisher-element .publisher-subscribe-button { margin-left: auto; } .publisher-element .publisher-name a { color: #333; font-weight: 500; font-size: 16px; } .pt_mn_wtch_pub {border-bottom: 0;margin: 0;padding-bottom: 0;padding-top: 20px;} .btn-subscribe { background: #04abf2; } .btn-subscribe:active { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.14); } .btn-subscribe svg.feather { margin: -3.5px 4px 0 -1px; width: 17px; height: 17px; } .btn-subscribed { background: #777; } .btn-subscribed:active { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.14); } .subs-amount { border: 0; font-size: 14px; background: #e1e1e1; color: #777; border-radius: 3px; margin-left: 6.5px; padding: 10px 12px; font-weight: 500; } #background { position: absolute; top: 48px; left: 0; right: 0; width: 100%; z-index: -99999; background-color: #000; } .mobile { display: none; } .desktop { display: block; } .video-player { width: 100%; position: relative; } .video-player video { width: 100%; } .video-player .icons { position: absolute; top: 15px; color: #fff; font-size: 20px; right: 7px; } .video-player .icons span { cursor: pointer; } .video-player .ads-overlay-info { position: absolute; bottom: 10%; right: 0; left: 0; width: 80%; margin: auto; padding: 15px 15px 10px 15px; background: rgba(6, 4, 4, 0.65); border: 1px solid #252525; color: #fff; z-index: 99999; } .video-player .ads-overlay-info h4 { padding: 0; margin: 0; font-family: Roboto, sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 5px; } .video-player .ads-overlay-info p { padding: 0; margin: 0; font-family: Roboto, sans-serif; font-size: 16px; line-height: 16px; margin-bottom: 5px; font-weight: 500; color: #fff; } .video-player .ads-overlay-info div { width: 100%; overflow: hidden; } .video-player .ads-overlay-info div a { font-family: Verdana, sans-serif; font-size: 15px; color: #e5e45f; float: left; } .video-player .ads-overlay-info div a i { font-size: 14px; color: #fff; } .video-player .ads-overlay-info div span { font-family: Verdana, sans-serif; font-size: 15px; color: #fff; float: right; text-transform: capitalize; } .video-player .ads-overlay-info span.dismiss { right: 10px; top: 10px; position: absolute; } .new-here { color: #fff; } .new-here a { color: #fcfcfc; } .new-here .dec { text-decoration: underline; } .import-form-content { padding-top: 10px; border-top: 1px solid #f3f3f3; } .no-padding-right { padding-right: 0; } .no-padding-right-at-all { padding-right: 0 !important; } .no-padding-left { padding-left: 0; } .watch-video-show-more { text-align: center; cursor: pointer; display: block; width: 250px; margin: auto; background-color: #f8f8f8; padding: 10px; border-radius: 3px; border: 1px solid #d3d3d3; background-image: linear-gradient(to top, #fcfcfc 0, #f8f8f8 100%); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); font-weight: bold; font-family: Helvetica; font-size: 12px; transition: all 0.1s ease; } .watch-video-show-more:hover { background-color: #f0f0f0; border-color: #c6c6c6; background-image: linear-gradient(to top, #f0f0f0 0, #f8f8f8 100%); } .thumbnail-preview { margin-top: 20px; } .thumbnail-preview img { width: 100%; } .bg-bubbles { overflow: hidden; width: 100%; top: 0; bottom: 0; left: 0; right: 0; height: 100%; position: fixed; margin-bottom: 0; z-index: -1; } .bg-bubbles li { position: absolute; list-style: none; display: block; width: 20px; height: 20px; border-radius: 15px; background-color: rgba(255, 255, 255, 0.15); bottom: -160px; animation: square 15s infinite; transition-timing-function: linear; } .bg-bubbles li:nth-child(1) { left: 10%; } .bg-bubbles li:nth-child(2) { left: 20%; width: 80px; height: 80px; animation-delay: 2s; animation-duration: 17s; } .bg-bubbles li:nth-child(3) { left: 25%; animation-delay: 4s; } .bg-bubbles li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-duration: 22s; background-color: rgba(255, 255, 255, 0.25); } .bg-bubbles li:nth-child(5) { left: 70%; } .bg-bubbles li:nth-child(6) { left: 80%; width: 120px; height: 120px; animation-delay: 3s; background-color: rgba(255, 255, 255, 0.2); } .bg-bubbles li:nth-child(7) { left: 32%; width: 160px; height: 160px; animation-delay: 7s; } .bg-bubbles li:nth-child(8) { left: 55%; width: 20px; height: 20px; animation-delay: 15s; animation-duration: 40s; } .bg-bubbles li:nth-child(9) { left: 25%; width: 10px; height: 10px; animation-delay: 2s; animation-duration: 40s; background-color: rgba(255, 255, 255, 0.3); } .bg-bubbles li:nth-child(10) { left: 90%; width: 160px; height: 160px; animation-delay: 11s; } .embed-placement { margin-top: 10px; } .embed-placement textarea { resize: none; } .delete-comment { color: #666; cursor: pointer; } .share-third { background-color: #444; } .share-third img { width: 20px; height: 20px; margin-top: -3px; } .share-video { margin-top: 10px; } .share-video .fa:hover { opacity: 0.7; } .share-video a:hover { opacity: 0.7; } .share-video .fa-facebook { background: #3b5998; color: #fff; } .share-video .fa-twitter { background: #3dc4ff; color: #fff; } .share-video .fa-google { background: #d84c47; color: #fff; } .share-video .fa-linkedin { background: #007bb5; color: #fff; } .share-video .fa-youtube { background: #bb0000; color: #fff; } .share-video .fa-instagram { background: #125688; color: #fff; } .share-video .fa-pinterest { background: #cb2027; color: #fff; } .share-video .fa-snapchat-ghost { background: #fffc00; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; } .share-video .fa-skype { background: #04abf2; color: #fff; } .share-video .fa-android { background: #a4c639; color: #fff; } .share-video .fa-dribbble { background: #ea4c89; color: #fff; } .share-video .fa-vimeo { background: #3dc4ff; color: #fff; } .share-video .fa-tumblr { background: #2c4762; color: #fff; } .share-video .fa-vine { background: #00b489; color: #fff; } .share-video .fa-foursquare { background: #3dc4ff; color: #fff; } .share-video .fa-stumbleupon { background: #eb4924; color: #fff; } .share-video .fa-flickr { background: #f40083; color: #fff; } .share-video .fa-yahoo { background: #430297; color: #fff; } .share-video .fa-soundcloud { background: #ff5500; color: #fff; } .share-video .fa-reddit { background: #ff5500; color: #fff; } .share-video .fa-rss { background: #ff6600; color: #fff; } .next-video { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; padding-bottom: 5px; } .next-video h4 { color: #333; font-family: Lato, sans-serif; font-size: 20px; margin-top: 7px; } .next-video h4 .fa-bolt { color: #04abf2; } .side-barlist-wrapper { position: relative; } .side-barlist-wrapper .video-thumb { width: 110px !important; } .side-barlist-wrapper .ptrm-vid-renderer { position: absolute; bottom: 0; right: 10px; cursor: pointer; color: #fff !important; visibility: hidden; } .side-barlist-wrapper:hover > .ptrm-vid-renderer { visibility: visible; } .video-actions { color: #888; font-size: 14px; float: right; margin-top: 5px; cursor: pointer; } .video-actions i:hover { color: #04abf2; } .settings-header { background-color: #04abf2; width: 100%; z-index: 99; margin-bottom: -10px; box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; padding: 15px; padding-left: 25px; color: #fff; } .settings-header h3 { margin-top: 0; font-size: 16px; } .checkbox { position: relative; } .checkbox label { display: inline-block; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; top: 1px; margin-left: -20px; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 2px; background-color: #fff; transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1); } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555; } .checkbox input[type="checkbox"] { opacity: 0; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #f0f0f0; cursor: not-allowed; } .checkbox input[type="checkbox"]:focus + label::before { outline: none; } .checkbox input[type="checkbox"]:checked + label::after { border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 5px; left: 4px; position: absolute; top: 6px; transform: rotate(-45deg); width: 10px; transition: .2s; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .radio { padding-left: 20px; } .radio label { display: inline-block; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555; transform: scale(0, 0); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { transform: scale(1, 1); } .radio.radio-inline { margin-top: 0; } .avatar-read { display: none; } .footer-container {background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 40px 0;} .footer-container .footer-links {} .footer-container .footer-links > ul { list-style: none; margin: 0 !important; padding-left: 0 !important; } .footer-container .footer-links > ul > li { display: inline-block; padding-right: 10px; } .footer-container .footer-links > ul > li:last-child {padding: 0;} .footer-container .footer-links > ul > li a { color: #333; font-size: 100%; } .footer-container .footer-links > ul > li .dropdown-menu > li > a:focus { background: transparent; color: #04abf2 !important; } .footer-container .footer-links > ul > li .dropdown-menu > li > a:hover { background: transparent; color: #04abf2 !important; } .footer-container .footer-copyright {} .help-block { font-size: 11px; margin-bottom: 0; } .percent { position: absolute; left: 50%; top: 50%; left: 0 !important; right: 0 !important; margin-top: -10px; margin-left: auto !important; margin-right: auto !important; width: 50%; text-align: center; } .upload-progress-bar { background-color: #e62117 !important; } .white { color: #fff; } .no-content-found { color: #888; margin-bottom: 10px; margin-top: 10px; } .verified { color: #3dc4ff !important; } .progress { position: relative; height: 40px; background: #fff7f7; } #progress { width: 100%; border-radius: 3px; position: relative; padding: 4px; } .comment-box { margin-top: 10px; margin-bottom: 10px; } .comment-box textarea { border-radius: 2px; resize: none; box-shadow: none; } .comments-header { font-weight: 600; font-weight: normal !important; font-family: Verdana, sans-serif; } .download-placement { padding: 16px; padding-top: 30px; padding-left: 0; } .download-placement a { background: #eee; color: #333; margin: 5px; padding: 10px; border-radius: 3px; transition: all .3s; } .download-placement a:hover { text-decoration: none; background: #333; color: #fff; } .user-comments .no-comments-found { margin-bottom: 10px; color: #777; } .user-comments .main-comment { margin-bottom: 40px; margin-bottom: 20px !important; } .user-comments .main-comment .user-avatar { width: 50px; margin-right: 10px; } .user-comments .main-comment .user-avatar img { width: 100%; border-radius: 50%; border: 1px solid #f4f4f4; } .user-comments .main-comment .user-name { font-size: 15px; } .user-comments .main-comment .user-name a { font-weight: 500; } .user-comments .main-comment .user-name small { font-size: 12px; color: #aaa; display: inline; } .user-comments .main-comment .user-comment { width: 85%; font-size: 13px; margin-top: 5px; overflow: hidden; color: #777; font-family: Lato, sans-serif; } .user-comments .main-comment .user-comment .div-vote-comment { color: #888; margin-top: 10px; font-size: 12px; } .user-comments .main-comment .user-comment .div-vote-comment .likes { color: #2ec0bc; } .user-comments .main-comment .user-comment .div-vote-comment .voting { margin-left: 5px; } .user-comments .main-comment .user-comment .div-vote-comment .voting i { cursor: pointer; } .user-comments .main-comment .user-comment .div-vote-comment .voting i:hover { color: #555; } .user-comments .main-comment .user-comment .div-vote-comment .voting i.active { color: #2ec0bc; } .ads-test { color: #ffcc7f; width: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.5); } .ads-placment { text-align: center; margin-top: 20px; margin-bottom: 20px; } .ads-placment:empty { margin-top: 0; margin-bottom: 0; padding: 0; } .ads-placment img { max-width: 100%; } .ads-placment iframe { max-width: 100%; } .profile-container { margin-bottom: 20px; } .pt_main_chnl_hdrr {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);overflow: hidden;border-radius: 10px;} .profile-container .card-container { width: 100%; position: relative; } .profile-container .card-container .edit-cover-container, .profile-container .user-reposition-dragable-container {position: absolute;top: 10px;right: 10px;font-size: 16px;display: flex;align-content: center;background-color: rgba(0, 0, 0, 0.65);border-radius: 5px;padding: 5px;} .profile-container .card-container .edit-cover-container a { color: #fff;display: block;} .profile-container .card-container .edit-cover-container a:hover { text-decoration: none; } .profile-container .card-container .edit-cover-container a, .profile-container .card-container .edit-cover-container .btn, .profile-container .user-reposition-dragable-container .btn {margin: 0 5px;} .profile-container .card-container .edit-cover-container a svg, .profile-container .card-container .edit-cover-container .btn svg, .profile-container .user-reposition-dragable-container .btn svg {vertical-align: middle;width: 22px;height: 22px;} .profile-container .card-container .edit-cover-container .btn, .profile-container .user-reposition-dragable-container .btn {color: #fff;border: 0;padding: 0;} .profile-container .card-container .cover-container img { width: 100%;/*height: 250px;*/} .profile-container .share-video {position: absolute;right: 20px;bottom: 20px;background-color: rgba(255, 255, 255, 0.5);padding: 4px 10px;border-radius: 2em;margin: 0;} .profile-container .share-video .fa, .profile-container .share-video a {box-shadow: none;border-radius: 3px;width: 20px;height: 20px;font-size: 12px;padding: 1px;} .profile-container .pt_chnl_info { position: relative; background-color: #fff; display: flex; align-items: center; padding: 20px;} .profile-container .pt_chnl_info .avatar-container {width: 75px;height: 75px;border: 1px solid #fff; margin-right: 15px; } .profile-container .pt_chnl_info .avatar-container img { width: 100%; border-radius: 50%;height: 100%;object-fit: cover;} .profile-container .pt_chnl_info .info-container h4 { font-size: 21px; margin: 0; } .profile-container .pt_chnl_info .info-container h4 a { color: #444; } .profile-container .pt_chnl_info .info-container h4 a:hover { text-decoration: none; } .profile-container .pt_chnl_info .info-container .btn-message {border-radius: 2em;padding: 4px 12px;margin-top: 10px;background-color: #73a7c1;color: white;font-size: 13px;border: 0;} .profile-container .pt_chnl_info .info-container .btn-message svg.feather { margin: -2px 2px 0 0; width: 15px; height: 15px; } .profile-container .pt_chnl_info .info-container .btn-message.prof_blck_btn {padding: 4px 6px;background-color: #9E9E9E;} .profile-container .pt_chnl_info .info-container .btn-message.prof_blck_btn span {display: none;} .profile-container .pt_chnl_info .info-container .btn-message.prof_blck_btn svg.feather {margin: -2px 0 0;} .profile-container .pt_chnl_info .subscribe-btn-container { margin-left: auto; } .profile-container .pt_chnl_info .btn-subscribe, .profile-container .pt_chnl_info .btn-subscribed {border-radius: 2em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);padding: 0 14px;line-height: 36px;font-size: 13px;letter-spacing: 0.7px;display: inline-block;text-decoration: none;color: white;} .profile-container .pt_chnl_info .btn-subscribed svg {margin-top: -1px;width: 17px;height: 17px;} .profile-container .pt_chnl_info .subs-amount {padding: 0 10px;line-height: 36px;display: inline-block;border-radius: 2em;} .profile-container .links-container {background: #fff; padding-top: 10px; position: relative; } .profile-container .links-container ul { margin-bottom: 0; padding-left: 0; margin-left: 0; width: 100%; list-style: none;text-align: center;} .profile-container .links-container ul li { text-align: center; display: inline-block; } .profile-container .links-container ul li a { padding: 10px 30px; display: block; position: relative;font-weight: 500;} .profile-container .links-container ul li a:hover { text-decoration: none; color: #111; } .profile-container .links-container ul li a:hover:after { transform: scaleX(1); } .profile-container .links-container ul li a:focus { text-decoration: none; color: #111; } .profile-container .links-container ul li a.active { text-decoration: none; color: #04abf2; box-shadow: inset 0 -2px #04abf2; } .profile-container .links-container ul li a.active:hover:after { transform: scaleX(0); } .profile-container .links-container ul li a:after { content: ""; position: absolute; height: 2px; width: 100%; background-color: #929292; bottom: 0; left: 0; border-radius: 8px; transform: scaleX(0); transition: transform .2s ease; } .profile-container .page-container { margin-top: 20px; } .pt_main_chnl_content {padding: 15px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);border-radius: 10px;} .pt_main_chnl_content_title {margin: 0 0 15px;font-size: 14px;font-weight: 500;display: flex;align-items: center;text-transform: uppercase;letter-spacing: 0.5px;word-spacing: 1.5px;} .pt_main_chnl_content_title svg {vertical-align: middle;width: 19px;height: 19px;margin: 0 7px 0 0;} .profile-container .pt_about svg.feather { color: #7a7a7a; margin: -3px 6px 0 2px; width: 18px; height: 18px; } .profile-container .pt_about svg.feather.ahead { padding: 7px; width: 31px; height: 31px; border-radius: 50%; margin: -3px 5px 0 -2px; color: #fff; } .upload { margin-right: auto; margin-left: auto; width: 100%; height: 200px; margin-top: 20px; border: 3px dashed #929292; line-height: 200px; font-size: 18px; line-height: unset !important; display: table; text-align: center; margin-bottom: 20px; color: #929292; } .upload:hover { border: 3px dashed #04abf2; cursor: pointer; color: #04abf2; } .upload.hover { border: 3px dashed #04abf2; cursor: pointer; color: #04abf2; } .upload > div { display: table-cell; vertical-align: middle; } .upload > div h4 { padding: 0; margin: 0; font-size: 25px; font-weight: 700; font-family: Lato, sans-serif; } .upload > div p { padding: 0; margin: 0; font-family: Lato, sans-serif; } @-webkit-keyframes square { 0% { transform: translateY(0); } 100% { transform: translateY(-1200px) rotate(600deg); } } @keyframes square { 0% { transform: translateY(0); } 100% { transform: translateY(-1200px) rotate(600deg); } } .video-info { overflow: unset !important; } .video-info .video-views { width: auto; display: inline-block; } .video-wrapper .vid-number-cont { color: #d7d7d7; width: 40px; display: inline-block; float: left; text-align: center; } .video-wrapper .vid-number-cont span { line-height: 65px; font-size: 13px; font-family: Roboto; font-weight: 500; } .video-wrapper .vid-number-cont span i { font-size: 9px; color: #f8f8f8; } .video-wrapper.user-wrapper { height: inherit !important; } .video-wrapper:hover div.video-menu { visibility: visible; } .video-menu ul li span { padding: 8px 10px; font-size: 13px; cursor: pointer; width: 100%; display: block; font-weight: 500; color: #333; } .video-menu ul li span:hover { background: #f1f1f1; color: #333; } .video-menu div.dropdown { display: inline-block; } .video-menu div.dropdown span.dropdown-toggle { padding-left: 15px; display: inline-block; } .video-menu div.dropdown span.dropdown-toggle:hover { color: #333; } .video-menu div.dropdown ul.dropdown-menu { right: 100%; left: unset; min-width: 200px; border-radius: 2px; } .ddown-menu ul li span { padding: 8px 10px; font-size: 13px; cursor: pointer; width: 100%; display: block; font-weight: 500; color: #333; } .ddown-menu ul li span:hover { background: #f1f1f1; color: #333; } .ddown-menu div.dropdown { display: inline-block; } .ddown-menu div.dropdown span.dropdown-toggle { padding-left: 15px; display: inline-block; } .ddown-menu div.dropdown ul.dropdown-menu { right: 100%; left: unset; min-width: 200px; border-radius: 2px; } .swal2-modal {width: 400px !important;border-radius: 7px !important;box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);padding: 12px !important;font-family: "Roboto", sans-serif;} .swal2-modal button.swal2-styled { border-radius: 1px !important; padding-top: 5px !important; padding-bottom: 5px !important; box-shadow: none !important; font-size: 14px !important; } .swal2-modal button.btn { border-radius: 1px !important; } .pointer { cursor: pointer; cursor: pointer !important; } .top-video-wrapper .video-title { max-height: 4.5em; overflow: hidden; } .top-video-wrapper .video-menu { visibility: hidden; } .top-video-wrapper:hover > .video-menu { visibility: visible; } .play-list-player { width: 100%; overflow: hidden; margin-bottom: 10px; } .play-list-player .mejs__container { max-height: 100% !important; } .play-list-container { padding: 0; margin: 0; height: 100vh; box-shadow: none !important; } .play-list-container .next-video { padding: 15px; background: #1a1a1a; color: #fff; padding-top: 7px; padding-bottom: 5px; margin-bottom: 0; border-bottom: none; } .play-list-cont { background: #383838; color: #fff !important; height: 100%; overflow-x: hidden; padding: 10px 5px 10px 0; } .play-list-cont a { color: #d7d7d7 !important; } .play-list-cont::-webkit-scrollbar { width: 6px; background-color: #f0f0f0; } .play-list-cont::-webkit-scrollbar-thumb { background-color: #929292; } .optional-field { opacity: 0.7; } .create-new-list { width: 95%; overflow: hidden; margin: auto; } .create-new-list input { border-radius: 2px; } .create-new-list textarea { border-radius: 2px; resize: vertical; } .create-new-list select { border-radius: 2px; } .create-new-list select option[selected="selected"] { display: none; } .create-new-list small { float: left; } .create-new-list button:first-child { margin-right: 20px; } .create-new-list .create-new-list-head p { font-family: Roboto; font-size: 18px; text-align: left !important; } .pt_add_to_list_vid .swal2-buttonswrapper {overflow: hidden;padding-bottom: 2px;} .pt_add_to_list_vid .swal2-buttonswrapper button {float: right;margin-top: 10px;border-radius: 4px !important;padding: 7px 15px !important;} .add-topl-cont { width: 95%; overflow: hidden; margin: auto; } .add-topl-cont h4 { text-align: left; margin-top: 0; } .add-topl-cont .playlist-item button {border-radius: 50% !important;padding: 4px 8px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);} .sa-no-list { width: 95%; overflow: hidden; margin: auto; line-height: 120px; font-size: 15px; } .playlist-item { width: 100%; text-align: left !important; border-bottom: 1px solid #dedede; padding: 10px 0; } .playlist-item span { color: #333; font-size: 15px; font-family: Roboto; } .playlist-item span.list-name i { color: #666; } .playlist-item:last-child { border-bottom: none; } .playlist-item button { color: #333; padding: 1px 10px; font-family: Roboto; font-weight: 500; } .secure-color { color: green !important; } .play-lists { margin-bottom: 20px; } .play-lists .video-title { width: 100%; margin-top: 5px; } .play-lists .video-title a { cursor: pointer; text-decoration: none; } .play-lists div.video-latest-list { height: unset; overflow: hidden; position: relative; cursor: pointer; } .play-lists div.video-latest-list div.play-lists-overlay { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .play-lists div.video-latest-list div.play-lists-count { height: 100%; width: 100px; text-align: center; position: absolute; right: 0; top: 0; background: rgba(36, 36, 36, 0.67); display: flex; align-items: center; justify-content: center; } .play-lists div.video-latest-list div.play-lists-count span { color: #fff; font-weight: 500; font-family: Roboto; font-size: 17px; } .play-lists div.video-latest-list div.play-lists-count span b { display: block; font-weight: 500; } .article-comments .div-vote-comment .material-icons { vertical-align: middle; font-size: 16px; cursor: pointer; } .article-comments .div-vote-comment .material-icons.active { color: #2ec0bc; } .article-comments .div-vote-comment .div-vote-comment-btn span { margin-right: 5px; } .article-comments .delete-comment { visibility: hidden; } .article-comments .delete-comment i { vertical-align: middle; } .article-comments:hover > .delete-comment { visibility: visible; } .read-article-comments-container { width: 100%; overflow: hidden; padding: 15px 0 0; } .read-article-comments-container .comments-header { margin: 5px 0 20px; font-size: 17px; overflow: hidden; } .read-article-comments-container .comments-header span i { color: #666; vertical-align: middle; } .read-article-comments-container .comments-content { padding: 15px; margin-bottom: 0; } .pt_blogcomm_combo { display: flex; } .pt_blogcomm_combo img { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #f4f4f4; margin-right: 10px; } .pt_blogcomm_combo textarea { border-radius: 25px; padding: 13px 15px 7px; height: 50px; } .pt_blogcomm_combo button { border-radius: 25px; width: 50px; height: 50px; padding: 0 15px; margin-left: 10px; } .related-article-wrapper { width: 100%; overflow: hidden; padding-bottom: 5px; margin-bottom: 10px; } .related-article-wrapper .ra-thumb { height: 150px; overflow: hidden; padding: 5px 10px; background-size: cover; position: relative; } .related-article-wrapper .ra-thumb .ra-info { position: absolute; right: 0; bottom: 0; background: #f7931a; padding: 5px 10px; min-width: 50%; width: auto; font-family: Roboto, Arila, sans-serif; font-size: 13px; color: #fff; } .related-article-wrapper .ra-thumb .ra-info a { display: inline; color: #fff; } .related-article-wrapper .ra-thumb .ra-info:hover > span a { text-decoration: underline; } .related-article-wrapper .ra-thumb a { display: block; overflow: hidden; cursor: pointer; text-decoration: none; } .related-article-wrapper .ra-title { width: 100%; overflow: hidden; padding: 5px 10px; } .related-article-wrapper .ra-title h5 { width: 100%; padding: 0; margin: 0; } .related-article-wrapper .ra-title h5 a { font-size: 17px; font-family: Roboto; color: #202020; cursor: pointer; max-height: 3.3em; overflow: hidden; display: block; } .related-video-wrapper { width: 100%; overflow: hidden; padding-bottom: 5px; margin-bottom: 10px; } .related-video-wrapper .ra-thumb { height: 150px; overflow: hidden; padding: 0; background-size: cover; position: relative; } .related-video-wrapper .ra-thumb img { width: 100%; transition: filter 1s ease-in; } .related-video-wrapper .ra-thumb .ra-info { position: absolute; z-index: 1000; right: 0; bottom: 0; background: #f7931a; padding: 5px 10px; min-width: 50%; width: auto; font-family: Roboto, Arila, sans-serif; font-size: 13px; color: #fff; } .related-video-wrapper .ra-thumb .ra-info.re-video-info { background: #04abf2; } .related-video-wrapper .ra-thumb .ra-info:hover + .ra-overlay { visibility: hidden; } .related-video-wrapper .ra-thumb .ra-info:hover > span a { text-decoration: underline !important; } .related-video-wrapper .ra-thumb .ra-info a { display: inline; color: #fff; } .related-video-wrapper .ra-thumb:hover > img { opacity: .9; } .related-video-wrapper .ra-thumb:hover > .ra-overlay { visibility: visible; } .related-video-wrapper .ra-thumb a { display: block; overflow: hidden; cursor: pointer; text-decoration: none; } .related-video-wrapper .ra-overlay { position: absolute; left: 0; bottom: 0; z-index: 500; width: 100%; height: 100%; background: rgba(59, 71, 99, 0.33); text-align: center; cursor: pointer; display: table; visibility: hidden; } .related-video-wrapper .ra-overlay a { vertical-align: middle; display: table-cell !important; } .related-video-wrapper .ra-overlay a i { vertical-align: middle; font-size: 60px; color: #fff; } .related-video-wrapper .ra-title { width: 100%; overflow: hidden; padding: 5px 10px; } .related-video-wrapper .ra-title h5 { width: 100%; padding: 0; margin: 0; } .related-video-wrapper .ra-title h5 a { font-size: 17px; font-family: Roboto; color: #202020; cursor: pointer; max-height: 3.3em; overflow: hidden; display: block; } .related-video-wrapper .ra-title h5 a:hover { text-decoration: none; } .read-article-sidebar { width: 100%; overflow: hidden; background: #f1f1f1; height: auto; } .read-article-sidebar .ra-sidebar-body { width: 100%; overflow: hidden; } .read-article-sidebar .ra-sidebar-head h4 { width: 100%; padding: 15px; margin: 0; color: #333; font-family: Lato, sans-serif; font-size: 20px; } .read-article-container { width: 100%; overflow: hidden; padding: 15px 20px 20px; } .read-article-container .read-article-head { width: 100%; overflow: hidden; } .read-article-container .read-article-head h1 { color: rgba(0, 0, 0, 0.8); font-size: 34px; font-family: Lato, sans-serif; font-weight: 800; margin: 0 0 15px; line-height: 1.2; } .read-article-container .read-article-head .postCategory h5 { background: #04abf2; color: #fff; margin: 0; text-transform: uppercase; display: inline-block; font-size: 10px; padding: 0 10px; border-radius: 999em; height: 23px; line-height: 24px; margin-bottom: 14px; } .read-article-container .read-article-description { width: 100%; overflow: hidden; margin: 0 0 10px; } .read-article-container .read-article-description article { color: #555; font-size: 17px; font-family: Lato, sans-serif; font-weight: 500; } .read-article-container .read-article-meta { width: 100%; overflow: hidden; padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); margin-bottom: 20px; } .read-article-container .read-article-meta span svg.feather.feather-clock { width: 16px; height: 16px; margin: -2px 1px 0 0; } .read-article-container .read-article-meta span.pull-right svg.feather { margin: -3px 0 0 15px; cursor: pointer; width: 18px; height: 18px; } .read-article-container .read-article-meta span.pull-right svg.feather-thumbs-up.active { color: #4caf50; fill: #cfffd1; } .read-article-container .read-article-meta span.pull-right svg.feather-thumbs-down.active { color: #f44336; fill: #ffd8d5; } .read-article-container .read-article-meta .middot { color: rgba(0, 0, 0, 0.59); margin: 0 6px; font-size: 13px; line-height: 1.1; font-weight: bold; } .read-article-container .read-article-share { width: 100%; overflow: hidden; } .read-article-container .read-article-share ul { margin: 0 0 20px 0; overflow: hidden; text-align: center; } .read-article-container .read-article-share ul li { display: inline-block; padding-right: 5px; padding-left: 5px; font-weight: 500; } .read-article-container .read-article-share ul li a { cursor: pointer; text-decoration: none; } .read-article-container .read-article-share ul li a .btn-share { text-align: center; border-radius: 3px; padding: 7px 5px; cursor: pointer; display: inline-block; } .read-article-container .read-article-share ul li a .btn-share svg.feather { width: 28px; height: 28px; } .read-article-container .read-article-image { width: 100%; max-height: 370px; overflow: hidden; margin-bottom: 20px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .read-article-container .read-article-text { width: 100%; overflow: hidden; word-wrap: break-word; line-height: 1.7; font-size: 16px; padding: 0 30px; } .read-article-container .read-article-text p img { border-radius: 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); width: 100%; height: 100%; } .read-content { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); border: 1px solid #f0f0f0; background: #fff; margin-bottom: 20px; } .articles-content { padding: 20px; overflow: hidden; } .articles-content .pt_article_list { position: relative; padding-top: 20px; margin: 0; } .articles-content .pt_article_h_list { position: relative; padding: 24px; background: #fff; border: 1px solid #f0f0f0; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); display: block; overflow: hidden; } .articles-content .pt_article_h_list .video-thumb { position: relative; display: inline-block; margin: 0 24px 20px 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } .articles-content .pt_article_h_list .video-thumb img { width: 200px !important; max-width: 100%; object-fit: cover; } .articles-content .pt_article_h_list .video-info { overflow: hidden !important; } .content-shadow { box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.12) !important; background: #fff; } .danger-field-border { border: 1px solid red; } .popular-articles-wrapper { width: 100%; margin-top: 30px; overflow: hidden; display: table; } .popular-articles-wrapper:first-child { margin-top: 0; } .popular-articles-wrapper .video-thumb { overflow: hidden; } .popular-articles-wrapper .video-thumb img { width: 80px; height: 80px; position: relative; margin-right: 15px; border-radius: 100%; object-fit: cover; } .popular-articles-wrapper .video-info { margin-left: 95px; display: table-cell; vertical-align: middle; } .popular-articles-wrapper .popular-article-title a { color: rgba(0, 0, 0, 0.8); display: block; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: none; } .article-wrapper .video-thumb a { overflow: hidden; display: block; } .article-wrapper .video-thumb a img { transition: all 0.3s ease; } .article-wrapper .video-thumb:hover > a img { transform: scale(1.02); opacity: 0.8; } .article-wrapper .article-views { color: #929292; font-size: 14px; margin-bottom: 3px; } .article-wrapper .article-title h4 { margin-top: 0; } .article-wrapper .article-title h4 a { color: #444; font-size: 23px; margin-top: 13px; margin-bottom: 13px; font-family: Lato, sans-serif; font-weight: 800; text-transform: capitalize; line-height: 1.3; } .article-wrapper .article-desc p { color: #777; font-family: Lato, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 14px; overflow: hidden; } .articles-container { overflow: hidden; margin-bottom: 40px; } .articles-container .no-content-found div { height: 200px; display: table; text-align: center; width: 100%; } .articles-container .no-content-found div figure { text-align: center; height: 200px; display: table-cell; vertical-align: middle; } .articles-container .no-content-found p.no-posts-found { line-height: 200px; text-align: center; width: 100%; } .article-categories { padding: 0 10px; margin-bottom: 20px; } .article-categories h4 { color: #333; font-family: Lato, sans-serif; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; font-size: 20px; margin-top: 0; } .article-categories .pt_categories ul { list-style: none !important; padding: 0; margin: 0; } .article-categories .pt_categories ul li { transition: all .20s ease; background-color: #d3d3d3; margin: 0 6px 11px 0; display: inline-block; border-radius: 25px; } .article-categories .pt_categories ul li a { text-decoration: none; width: 100%; color: #1a1a1a; display: block; padding: 5px 15px; } .article-categories .pt_categories ul li.active { background-color: #04abf2; } .article-categories .pt_categories ul li.active a { color: #fff; } .article-categories .pt_categories ul li:hover a { cursor: pointer; text-decoration: underline; } .article-categories div form input { border-radius: 16px; width: 100%; display: block; padding-right: 40px; } .article-categories div form div { width: 100%; overflow: hidden; margin: 27px 0 20px; position: relative; } .article-categories div form div button { position: absolute; right: 0; bottom: 0; background: transparent; border: none; outline: none; height: 34px; padding: 1px 10px; color: #6b6b6b; border-radius: 0 16px 16px 0; transition: all 0.2s ease; } .article-categories div form div button:hover { background-color: rgba(0, 0, 0, 0.06); } .article-categories div form button { border-radius: 0; width: auto; display: inline; float: left; border-left: none; } .recent-articles { font-family: Lato, sans-serif; margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; font-size: 20px; margin-top: 0; } .go-pro-container { width: 100%; overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; } .go-pro-container .go-pro-footer-upgraded { width: 100%; overflow: hidden; text-align: center; padding: 20px 0; } .go-pro-container .go-pro-footer-upgraded button a { color: #fff; text-decoration: none; padding: 0 15px; } .go-pro-container .go-pro-body-upgraded { width: 100%; overflow: hidden; text-align: center; } .go-pro-container .go-pro-body-upgraded .upgraded-features { width: 50%; overflow: hidden; text-align: center; margin: auto; margin-top: 15px; } .go-pro-container .go-pro-body-upgraded .upgraded-features p { width: 100%; margin: 0; padding: 5px 0; } .go-pro-container .go-pro-body-upgraded .upgraded-features p span { color: #1cae19; } .go-pro-container .go-pro-head-upgraded { width: 100%; overflow: hidden; text-align: center; } .go-pro-container .go-pro-head-upgraded h4 { font-size: 40px; padding: 100px 0 7px; margin: 0; font-family: Roboto, sans-serif; } .go-pro-container .go-pro-head-upgraded p { margin: 0; color: #555; font-size: 17px; font-family: Roboto, sans-serif; } .go-pro-container .go-pro-head { width: 100%; overflow: hidden; margin-top: 50px; margin-bottom: 30px; } .go-pro-container .go-pro-head h4 { width: 100%; text-align: center; font-family: Roboto, sans-serif; font-size: 30px; margin: 0; color: #444; display: block; word-wrap: break-word; padding-bottom: 40px; font-weight: 100; } .go-pro-container .go-pro-body { width: 100%; margin-bottom: 50px; } .go-pro-container .go-pro-body .go-pro-packages { width: 60%; margin: auto; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg > div { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); border-radius: 6px; transition: translate .18s,box-shadow .18s ease-in-out; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg > div:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); transform: translateY(-1px); } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-pkg-features { overflow: hidden; width: 100%; background: #fff; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg { margin: 0; text-align: center; font-weight: 100; padding: 20px 30px; border-bottom: 2px solid #f3f3f3; border-radius: 6px 6px 0 0; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg .go-pro-pkg-price { display: block; color: #aaa; font-size: 22px; font-weight: 500; line-height: 18px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg svg.feather { color: #fff; padding: 15px; width: 60px; height: 60px; margin: -50px 0 25px; border-radius: 50%; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg span.package-price { font-size: 33px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg { margin: 0; text-align: center; font-weight: 100; padding: 20px 30px; border-bottom: 2px solid #f3f3f3; border-radius: 6px 6px 0 0; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg .go-pro-pkg-price { display: block; color: #aaa; font-size: 22px; font-weight: 500; line-height: 18px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg svg.feather { color: #fff; padding: 15px; width: 60px; height: 60px; margin: -50px 0 25px; border-radius: 50%; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg span.package-price { font-size: 33px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div h5 { position: relative; display: inline-block; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div h5 span { font-size: 36px; position: absolute; top: 15px; left: -25px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div h5 b { font-size: 80px; margin: 0; border: 0; padding: 0; font-weight: 100; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-features-list { width: 100%; overflow: hidden; min-height: 210px; padding-top: 20px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-features-list p { margin: 0 15px; text-align: center; padding: 15px; line-height: 15px; border-bottom: 1px solid #f1f1f1; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-pkg-purchase { text-align: center; margin-top: 20px; margin-bottom: 20px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-pkg-purchase button { border: 0; min-height: 35px; padding: 11px 30px; font-size: 14px; font-weight: 500; letter-spacing: .075em; text-transform: uppercase; border-radius: 6px; line-height: 1em; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-pkg-purchase button a { color: #fff; text-decoration: none; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div p:last-child { border-bottom: 0; } .free-bg { background: #fff; color: #04abf2; } .free-bg a { display: block; } button.free-bg { background: #04abf2; color: #fff; transition: all 0.2s ease; } button.free-bg:hover { background: #04abf2; opacity: 0.8; } button.pro-bg { background: #9c27b0; color: #fff; transition: all 0.2s ease; } button.pro-bg:hover { background: #9c27b0; opacity: 0.8; } button.btn-report.active i { color: #2ec0bc !important; } .pro-bg { background: #fff; color: #9c27b0; } .buy-pro { padding: 30px; } .buy-pro button { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; } .buy-pro button a { padding: 15px 20px; font-size: 14px; text-decoration: none; } .buy-pro h4 { font-size: 27px; font-family: Open Sans, serif; color: #333; margin-bottom: 30px; word-wrap: break-word; } .buy-pro h4 i { vertical-align: middle; font-size: 30px; margin-bottom: 5px; color: #0d6c96; } .rss-icon { color: #ee802f; } .sidebar-ad-container { max-width: 100%; background: #f0f0f0; overflow: hidden; cursor: pointer; height: auto; box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; } .sidebar-ad-container a { text-decoration: none; } .sidebar-ad-container .sidebar-ad-inner { max-width: 100%; overflow: hidden; position: relative; background-size: cover; } .sidebar-ad-container .sidebar-ad-inner img { max-width: 100%; max-height: 100%; } .sidebar-ad-container .sidebar-ad-inner .info { width: 100%; text-align: left; padding: 20px; background: #fff; } .sidebar-ad-container .sidebar-ad-inner .info h5 { width: 100%; color: #333; font-size: 17px; margin: 0 0 5px 0; } .sidebar-ad-container .sidebar-ad-inner .info p { width: 100%; color: #555; font-size: 12px; font-weight: 500; font-family: Open Sans, sans-serif; } .sidebar-ad-container .sidebar-ad-inner .info div { width: 100%; overflow: hidden; } .sidebar-ad-container .sidebar-ad-inner .info div .pull-left span { font-size: 13px; color: #07e; line-height: 16px; } .sidebar-ad-container .sidebar-ad-inner .info div .pull-left img { width: 16px; height: 16px; } .sidebar-ad-container .sidebar-ad-inner .info div .pull-right { color: #333; } .material-icons { vertical-align: middle; font-size: 1.3em; margin-bottom: 3px; } .margin-right { margin-right: 10px; } .user-ads-list-container { width: 100%; overflow: hidden; background: #fff; box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.12); } .user-ads-list-container .col-10 { padding: 0 30px; } .user-ads-list-container .user-ads-list-header { width: 100%;overflow: hidden;background: #04abf2;margin-bottom: 20px; } .user-ads-list-container .user-ads-list-header span { display: inline-block; font-size: 16px; color: #fff; } .user-ads-list-container .user-ads-list-header span i { vertical-align: middle; margin-bottom: 3px; } .user-ads-list-container .user-ads-list-header span a { color: inherit; font-size: inherit; text-decoration: none; cursor: inherit;padding: 14px 12px;display:block; } .user-ads-list-container .user-ads-list-header span.active a, .create-new-ad-container .user-ads-list-header span.active a {background-color: rgba(255, 255, 255, 0.24);} .user-ads-list-container .user-ads-list-header span.create-ad-btn { float: right; background: #ff9600; color: #fff; padding: 7px 10px; border-radius: 0; font-size: 14px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);margin: 10px; } .user-ads-list-container .user-ads-list-header span.create-ad-btn:hover { color: #fff; background-color: #ff9600; } .col-10 { width: 100%; overflow: hidden; } .col-10 table { width: 100%; overflow: hidden; } .col-10 table thead th { vertical-align: middle;font-family: Roboto, sans-serif;font-weight: 500;font-style: normal;font-size: 15px;padding: 6px 0;color: #333; } .col-10 table tbody tr td { background: #fff; font-family: Lato, sans-serif; padding: 15px 0; } .col-10 table tbody tr td span i { vertical-align: middle; font-size: 20px; cursor: pointer; color: #929292; } .col-10 table tbody tr td span i:hover { color: #333; } .col-10 table tbody tr td div label .toggle { height: 26px !important; font-size: 12px; min-height: 15px !important; min-width: 30px !important; width: 50px !important; border-radius: 2px; } .col-10 table tbody tr td div label .toggle .toggle-group .btn { padding: 3px 10px; font-size: 12px; } .create-new-ad-container { width: 100%; background: #fff; box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.12); } .create-new-ad-container .user-ads-list-header { width: 100%; overflow: hidden; background: #04abf2; border-bottom: 1px solid #dedede; margin-bottom: 20px; padding: 0 30px; } .create-new-ad-container .user-ads-list-header span { padding: 5px 0; display: inline-block; font-size: 16px; margin: 10px 0; color: #fff; } .create-new-ad-container .user-ads-list-header span i { vertical-align: middle; margin-bottom: 1px; } .create-new-ad-container .user-ads-list-header span a { color: inherit; font-size: inherit; text-decoration: none; cursor: inherit; } .create-new-ad-container .header { width: 100%; background: #fff; padding: 20px 30px; } .create-new-ad-container .form-group { width: 100%; overflow: hidden; } .create-new-ad-container .form-group textarea { resize: vertical; } .create-new-ad-container .form-group .audience-list li { width: 100%; padding: 5px 15px; background: #fff; font-size: 15px; font-family: Roboto, sans-serif; text-transform: capitalize; font-weight: 600; color: #444; cursor: pointer; border-bottom: 1px solid rgba(221, 221, 221, 0.26); } .create-new-ad-container .form-group-rs { margin-bottom: 20px; } .user-ads-settings-alert { width: 100%; overflow: hidden; } .user-ads-settings-alert .alert { border-radius: 0; color: #fff; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 600; padding: 15px 30px; } .bg-danger { background: #dc3545 !important; } .bg-success { background: #28a745 !important; } .read-only { background: #fff !important; border: none !important; box-shadow: none !important; padding-left: 0; } .monetization-settings-alert { width: 100%; overflow: hidden; } .monetization-settings-alert .alert { border-radius: 0; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 20px; } #withdrawal-requests thead th { font-family: Roboto, sans-serif !important; } #withdrawal-requests tbody tr td { font-family: Lato, sans-serif !important; font-weight: 500; font-size: 14px; } #withdrawal-requests tbody tr td span.success { padding: 5px 15px; color: #fff; background: #28a745; font-weight: 500; } #withdrawal-requests tbody tr td span.danger { padding: 5px 15px; color: #fff; background: #dc3545; } #withdrawal-requests tbody tr td span.warning { padding: 5px 15px; color: #fff; background: #efaf3d; font-weight: 500; } .main-comment-reply { margin-top: 10px !important; margin-bottom: 10px !important; overflow: hidden; } .main-comment-reply .user-name a { color: #111; font-weight: 600; } .main-comment-reply .delete-comment svg.feather { color: #aaa; margin-top: 0; width: 15px; height: 15px; visibility: hidden; } .main-comment-reply .delete-comment svg.feather:hover { color: #444; } .main-comment-reply:hover > .delete-comment svg.feather { visibility: visible; } .main-comment .delete-comment { margin-left: 3px; } .main-comment .delete-comment i { font-size: 18px !important; margin-top: -3px; } .main-comment .delete-comment svg.feather { color: #aaa; margin-top: 0; width: 15px; height: 15px; visibility: hidden; } .main-comment .delete-comment svg.feather:hover { color: #444; } .main-comment .pt-comment-item-reply-form { padding: 0 60px; margin: 5px 0 0; } .main-comment .user-name a { color: #111; font-weight: 600; } .main-comment .main-comment-data-sp:hover > .delete-comment svg.feather { visibility: visible; } .main-comment .main-comment-data-sp:hover > .pin-comment svg.feather { visibility: visible; } .main-comment .comms-reply:hover { color: #444; } .main-comment .div-vote-comment span svg.feather { margin-top: 0; width: 15px; height: 15px; cursor: pointer; } .main-comment .div-vote-comment span svg.feather-thumbs-up.active { color: #4caf50; fill: #cfffd1; } .main-comment .div-vote-comment span svg.feather-thumbs-down.active { color: #f44336; fill: #ffd8d5; } .main-comment .pin-comment svg.feather { color: #aaa; margin-top: 0; width: 15px; height: 15px; visibility: hidden; cursor: pointer; } .main-comment .pin-comment svg.feather:hover { color: #444; } .announcement-renderer { width: 440px; overflow: hidden; position: fixed; bottom: 30px; z-index: 9; left: 30px; background-color: #fff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); border-radius: 2px; } .announcement-renderer .alert-white { width: 100%; overflow: hidden; border-radius: 0 !important; padding: 0; margin: 0; } .announcement-renderer .alert-white p { width: auto; padding: 15px; color: #000; } .announcement-renderer .alert-white span { padding: 7px; cursor: pointer; } .announcement-renderer .alert-white span i { font-size: 18px !important; color: #666; } .thumbnail-preview-renderer { border: 3px dashed #d3d3d3; padding: 3px; } .thumbnail-preview-renderer:hover { border-color: #04abf2; } .panel-text-center { width: 100%; overflow: hidden; text-align: center; color: #333; font-family: Lato, sans-serif; font-size: 17px; line-height: 200px; margin: 0; padding: 0; } .no-padding-both { padding: 0 !important; } .form-cell { width: 100%; margin-bottom: 20px; } .fluid { width: 100%; overflow: hidden; } .verifiacation-request-form { overflow: hidden; } .verifiacation-request-form .upload-files { width: 100%; overflow: hidden; padding: 15px; border-bottom: 1px solid #f1f1f1; } .verifiacation-request-form .upload-files .image-renderer { width: 100%; overflow: hidden; border: 2px dashed #ccc; height: 160px; cursor: pointer; border-radius: 4px; } .verifiacation-request-form .upload-files .image-renderer div { width: 100%; overflow: hidden; height: 100%; display: table; } .verifiacation-request-form .upload-files .image-renderer div span { display: table-cell; vertical-align: middle; text-align: center; } .verifiacation-request-form .upload-files .image-renderer img { min-height: 100%; width: 100%; } .verifiacation-request-form .upload-files .image-renderer span svg.feather { width: 40px; height: 40px; color: #ccc; margin: 0; } .verifiacation-request-form .upload-files h4 { width: 100%; overflow: hidden; color: #333; font-weight: 500; margin: 15px 10px 10px; padding: 0; } .verifiacation-request-form .upload-files p { width: 100%; overflow: hidden; font-size: 16px; color: #6b6b6b; margin: 0 10px 10px; padding: 0; } .verifiacation-request-form .upload-files button { padding: 10px 20px; height: auto !important; border-radius: 3px; margin: 0 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.1); } .verifiacation-request-form .request-message { margin-top: 15px; display: block; } .verifiacation-request-form .request-message textarea { resize: vertical; } .alert { background-color: #f7f7f7; border: 0; border-left: 4px solid; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .alert:empty { padding: 0; margin-bottom: 0; border: 0; } .spin { animation-name: spin; animation-duration: 900ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin {} @-moz-keyframes spin {} @-webkit-keyframes spin {} @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } span#new-notifications { position: absolute; display: inline-block; top: 12px; left: 25px; z-index: 100; color: #fff; font-family: Lato, sans-serif; background: #d84c47; border-radius: 2px; line-height: 11px; } span#new-notifications b { padding: 1px 4px 2px; display: inline-block; font-weight: normal; line-height: 11px; font-size: 12px; } span#new-messages { position: absolute; display: inline-block; top: 12px; left: 25px; z-index: 100; color: #fff; font-family: Lato, sans-serif; background: #d84c47; border-radius: 2px; line-height: 11px; } span#new-messages b { padding: 1px 4px 2px; display: inline-block; font-weight: normal; line-height: 11px; font-size: 12px; } #get-notifications { position: relative; display: inline-block; } .rotate-90d { transform: rotate(-180deg); } .rotate-r90d { transform: rotate(90deg); } .rotate-r45d { transform: rotate(45deg); } .load-related-videos { width: 100%; overflow-x: hidden; text-align: center; border-top: 1px solid #e1e1e1; margin: 10px 0 -9px; } .load-related-videos button { border: none; padding: 7px 50px; color: #666; text-transform: uppercase; font-size: 12px; width: 100%; background: #fff; font-weight: 500; } .load-related-videos button span { margin: 0 5px; } .load-related-videos button:hover { border: none; } .load-related-videos button:focus { border: none !important; background: #fff !important; outline: 0 !important; box-shadow: none !important; } .load-related-videos button:active { border: none !important; background: #fff !important; outline: 0 !important; box-shadow: none !important; } .report-video-popup .swal2-title { text-align: left; font-size: 15px; text-transform: uppercase; color: #333; font-family: Lato, sans-serif; margin-bottom: 20px; } .report-video-popup .report-message-label { text-align: left; font-size: 13px; color: #666; font-family: Lato, sans-serif; } .report-video-popup .swal2-content { text-align: left; } .report-video-popup .swal2-content textarea { width: 100%; resize: vertical; padding: 10px; font-size: 14px; color: #555; outline: 0; } .report-video-popup .swal2-validationerror { margin-top: 15px; } .report-video-popup .swal2-buttonswrapper { text-align: left; } .report-video-popup .swal2-buttonswrapper button { margin-left: 0; } .main-color { color: #04abf2; } .comments-loading { width: 100%; text-align: center; padding: 20px 0; font-size: 20px; color: #929292; } .sort-comments-dropdown { margin-left: 10px; } .sort-comments-dropdown .dropdown-toggle { font-size: inherit; text-transform: capitalize; } .sort-comments-dropdown .dropdown-toggle i { font-size: 20px; } .sort-comments-dropdown ul.dropdown-menu { border-radius: 0; padding: 0; margin: 0; } .sort-comments-dropdown ul.dropdown-menu li a { padding: 10px 15px; } .toggle-mode .switch {cursor: pointer;position: relative;padding: 0 12px;width: 100%;display: flex;align-items: center;} .toggle-mode .switch input { display: none; } .toggle-mode .slider {transition: all 0.4s;padding: 4px;display: block;width: 28px;height: 28px;background-color: #f1f1f1;border-radius: 50%;margin-left: auto;} .toggle-mode .slider svg.feather { fill: #6b6b6b; margin: 2px 0 0 2px; } .toggle-mode input:checked + .slider { background-color: #4285f4; } .toggle-mode input:checked + .slider svg.feather { fill: #d9e7fd; } .toggle-mode input:focus + .slider { box-shadow: 0 0 1px #2196f3; } .contact-us-form { margin-bottom: 50px; } #new-message-form { position: relative; padding: 10px 20px 9px; display: flex; } #new-message-form #send-button { background: #04abf2; padding: 14px; border: none; outline: none; color: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); margin-left: 10px; } .countunseen { background-color: #c23321; padding: 2px 7px; width: auto; border-radius: 2px; color: #fff; float: right; margin: 10px 4px; } .countunseen:empty { padding: 0; margin: 0; } ::-webkit-scrollbar { background: #f0f0f0; width: 10px; } ::-webkit-scrollbar-thumb { background: #ccc; width: 10px; } .user-messages { background-color: transparent; } .user-messages .messages .istyping { margin-bottom: 10px; position: relative; max-width: 80%; width: auto; } .user-messages .messages .istyping .user-avatar { width: 33px; float: left; } .user-messages .messages .istyping .user-avatar img { width: 100%; border-radius: 100%; } .user-messages .messages .istyping .user-message { background-color: #fff; padding: 7px 13px; border-radius: 17px; word-break: break-word; width: auto; margin-left: 40px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); } .user-messages .messages .message { margin-bottom: 10px; position: relative; max-width: 80%; width: auto; } .user-messages .messages .message .user-avatar { width: 33px; float: left; } .user-messages .messages .message .user-avatar img { width: 100%; border-radius: 100%; } .user-messages .messages .message .user-message { background-color: #fff; padding: 7px 13px; border-radius: 17px; word-break: break-word; width: auto; margin-left: 40px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); } .user-send-message { width: 100%; } .user-send-message textarea { border: 0; padding: 15px 13px; outline: none; resize: none; width: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); height: 50px; border-radius: 8px; } .messages-sidebar { overflow: auto; } .messages-sidebar .search-box { position: relative; padding: 10px; background-color: #fff; border-bottom: 1px solid #f0f0f0; } .messages-sidebar .search-box input { width: 100%; padding: 3px 12px; outline: none; padding-left: 30px; background-color: #f7f7f7; border-radius: 16px; height: 34px; border: 1px solid #f0f0f0; } .messages-sidebar .search-box svg.feather { position: absolute; margin: 7px; pointer-events: none; } .messages-sidebar ul { list-style: none; height: calc(100vh - 196px); overflow-y: auto; margin: 0; } .messages-sidebar ul li { height: 64px; border-bottom: 1px solid #f1f1f1; } .messages-sidebar ul li:last-child { border: 0; } .messages-sidebar ul li a { transition: all .2s; display: block; padding: 9.5px 10px; } .messages-sidebar ul li a .user-avatar { width: 45px; float: left; margin: 0 15px 0 5px; } .messages-sidebar ul li a .user-avatar img { width: 100%; border-radius: 100%; } .messages-sidebar ul li a .user-name { margin: 4px 0 1px; font-weight: 500; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .messages-sidebar ul li a .user-last-message { font-size: 12px; color: #929292; } .messages-sidebar ul li a:hover { background-color: rgba(0, 0, 0, 0.02); color: #2196f3; text-decoration: none; } .messages-sidebar ul li a:focus { text-decoration: none; } .messages-sidebar ul li.active { background-color: #f5f5f5; } .messages-sidebar .saving { color: #2196f3 !important; } .hash { color: #2196f3 !important; } @keyframes blink { 0% { opacity: .4; transform: scale(1.5); } 20% { opacity: 1; transform: scale(1.5); } 100% { opacity: .4; transform: scale(1.5); } } .saving span { color: #2196f3 !important; animation-name: blink; animation-duration: .5s; animation-iteration-count: infinite; animation-fill-mode: both; } .saving span:nth-child(2) { animation-delay: .1s; } .saving span:nth-child(3) { animation-delay: .2s; } .saving.sidebar span { margin-right: 5px; font-size: 12px; } .ellipsis { text-overflow: ellipsis; max-height: 20px; white-space: nowrap; overflow: hidden; } .user-last-message { text-overflow: ellipsis; max-height: 20px; white-space: nowrap; overflow: hidden; } #delete-conversation { cursor: pointer; } #load-more-messages { position: absolute; left: 50%; margin-left: -20px; top: 60px; background-color: #2196f3; color: #fff; border: none; display: none; height: 40px; width: 40px; z-index: 99999; padding: 5px; border-radius: 100%; transition: all 0.2s; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15); outline: 0; } #load-more-messages:hover { transform: translateY(-3px); } .btn { outline: 0 !important; } .btn-default { background: #f0f0f0; border: 0; } .btn-default svg.feather { margin-top: -3px; width: 16px; height: 16px; } .bold { font-weight: bold; } .pt_shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 3px; } .pt_vid_fixed_height { min-height: 66.4px; max-height: 66.4px; } .w-100 { width: 100%; } #wave { position: absolute; top: 158px; transform: rotate(180deg); } .modal-footer { padding: 10px 15px 10px 15px !important; background-color: #fcfcfc; border-radius: 0 0 4px 4px; border-top: 1px solid #e7e8ec; } .modal-footer .btn-main svg.feather { width: 17px; height: 17px; margin: -2px 3px 0 0; } .p-relative { position: relative; } .snackbar-container { transition: all .5s ease; transition-property: top,right,bottom,left,opacity; font-family: Roboto, sans-serif; font-size: 14px; min-height: 14px; background-color: #070b0e; position: fixed; display: flex; justify-content: space-between; align-items: center; color: #fff; line-height: 22px; padding: 18px 24px; bottom: 0; top: 0; opacity: 0; z-index: 9999; } .snackbar-container .action { background: inherit; display: inline-block; border: none; font-size: inherit; text-transform: uppercase; color: #4caf50; margin: 0 0 0 24px; padding: 0; min-width: min-content; cursor: pointer; } @media (min-width: 640px) { .snackbar-container { min-width: 288px; max-width: 568px; display: inline-flex; border-radius: 2px; margin: 24px; bottom: -100px; } } @media (max-width: 640px) { .snackbar-container { left: 0; right: 0; } } .snackbar-pos.bottom-center { top: auto !important; bottom: 0; left: 50%; transform: translate(-50%, -50%); } .snackbar-pos.bottom-left { top: auto !important; bottom: 0; left: 0; } .snackbar-pos.bottom-right { top: auto !important; bottom: 0; right: 0; } .snackbar-pos.top-left { bottom: auto !important; top: 0; left: 0; } .snackbar-pos.top-center { bottom: auto !important; top: 0; left: 50%; transform: translate(-50%, -50%); } .snackbar-pos.top-right { bottom: auto !important; top: 0; right: 0; } .wo_about_wrapper_parent {position: absolute;top: 57px;width: 100%;left: 0;right: 0;min-height: 230px;max-height: 230px;} .wo_about_wrapper { position: relative; min-height: 230px; height: 230px; background-position: center; background-size: cover; } .wo_about_wrapper > svg {position: absolute;bottom: -49px;transform: rotate(180deg);} .wo_about_wrapper .full-width-picture { height: 230px; background-position: center; background-size: cover; } .wo_about_wrapper .hero-overlay { background-color: #04abf2; position: absolute; width: 100%; height: 100%; } .wo_about_wrapper .hero-overlay h1 {color: #fff;margin-top: 45px;margin-bottom: 12px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight: 400;} .wo_about_wrapper .hero-overlay h1 .site_desc { color: #fff; font-size: 20px; line-height: 23px; display: block; margin-top: 30px; } .wo_about_wrapper .hero-overlay h1 svg.feather { margin-top: -5px; width: 34px; height: 34px; stroke-width: 1.3; } .hero-overlay { background: #04abf2; position: absolute; width: 100%; height: 100%; padding-top: 15px; } .pt_page_margin { margin-top: 150px; position: relative; } .pt_vid_lst_page {padding: 15px 0 0;} .empty_state { margin-top: 80px !important; margin-bottom: 80px !important; font-weight: 500; color: #6b6b6b !important; display: block; text-align: center; } .empty_state svg.feather { display: block; margin: 0 auto 15px; width: 40px; height: 40px; color: #aaa; } .pt_forms .form-group { margin: 0; margin-bottom: 15px; padding: 0; } .pt_forms .form-group input[type=text] { border: 2px solid #e3e4e8; border-radius: 2px; height: 40px !important; line-height: 14px; padding-left: 15px; transition: all 0.1s ease-in-out; box-shadow: none; } .pt_forms .form-group input[type=text]:focus { border-color: #b3b3b3; } .pt_forms .form-group input[type=number] { border: 2px solid #e3e4e8; border-radius: 2px; height: 40px !important; line-height: 14px; padding-left: 15px; transition: all 0.1s ease-in-out; box-shadow: none; } .pt_forms .form-group input[type=number]:focus { border-color: #b3b3b3; } .pt_forms .form-group input[type=email] { border: 2px solid #e3e4e8; border-radius: 2px; height: 40px !important; line-height: 14px; padding-left: 15px; transition: all 0.1s ease-in-out; box-shadow: none; } .pt_forms .form-group input[type=email]:focus { border-color: #b3b3b3; } .pt_forms .form-group input[type=password] { border: 2px solid #e3e4e8; border-radius: 2px; height: 40px !important; line-height: 14px; padding-left: 15px; transition: all 0.1s ease-in-out; box-shadow: none; } .pt_forms .form-group input[type=password]:focus { border-color: #b3b3b3; } .pt_forms .form-group select { border: 2px solid #e3e4e8; border-radius: 2px; height: 40px !important; line-height: 14px; padding-left: 15px; transition: all 0.1s ease-in-out; box-shadow: none; } .pt_forms .form-group select:focus { border-color: #b3b3b3; } .pt_forms .form-group textarea { border: 2px solid #e3e4e8; border-radius: 2px; padding-left: 15px; transition: all 0.1s ease-in-out; box-shadow: none; resize: none; } .pt_forms .form-group textarea:focus { border-color: #b3b3b3; } .pt_forms .form-group textarea:focus + .help-block { opacity: 1; } .pt_forms .form-group .help-block { opacity: 0; transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .pt_forms .form-group label.col-md-12 { margin: 5px 0; font-size: 14px; font-weight: 500; } .pt_forms .form-group input:focus + .help-block { opacity: 1; } .pt_forms .last-sett-btn { margin: 0 -25px -25px; } .pt_forms .setting-panel-mdbtn { padding: 9px 18px; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; font-weight: 500; margin: 2px 25px; height: auto !important; } .pt_forms .ui-widget.ui-widget-content { border: 2px solid #e3e4e8; } .pt_forms ul.tagit li.tagit-new { padding: 0; margin: 0; } .pt_forms ul.tagit li.tagit-new input { border: 0; } .upload-product-image { width: 100px; height: 100px; border-radius: 4px; border: 2px dashed #ccc; cursor: pointer; display: table; margin: 0 6px; } .upload-image-content { font-size: 15px; color: #555; transition: all 0.2s ease-in-out; display: table-cell; vertical-align: middle; text-align: center; } #productimage-holder { width: 100%; padding: 0 8px; margin: 0; white-space: nowrap; } #productimage-holder .thumb-image { width: 100px; height: 100px; margin: 0 5px 0 0; display: inline-block; object-fit: cover; user-select: none; pointer-events: none; border-radius: 4px; } .pt_design_button { width: 180px; display: table; min-height: 180px; overflow: hidden; border: 2px dashed #ccc; background: #fff; padding: 5px; } .pt_design_button span { vertical-align: middle; display: table-cell; text-align: center; color: #666; } .pt_design_button svg.feather { margin-top: 0; width: 45px; height: 45px; color: #ccc; } .pt_404 { padding: 45px 15px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); border: 0; border-radius: 3px; } .pt_404 .btn { margin: 35px 0 0; } .fixed-action-btn { user-select: none; position: fixed; bottom: -60px; right: 35px; } .fixed-action-btn ul { padding: 0; margin: 0; position: absolute; bottom: 60px; left: 50%; transform: translate(-50%); background: transparent !important; pointer-events: none; } .fixed-action-btn ul li { display: inline-block; height: 40px; width: 40px; text-align: center; background-color: #fff; margin: 7px 0; border-radius: 50%; transform: scaleY(0.4) scaleX(0.4); transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1); cursor: pointer; opacity: 0; visibility: hidden; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .btn-fab-floating { cursor: pointer; display: block; text-align: center; position: relative; border-radius: 50%; height: 56px; width: 56px; color: #ffffff;background-color: #04abf2; line-height: 55px; box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2); } .btn-fab-floating svg.feather { margin-top: 0; width: 26px; height: 26px; } .btn-fab-floating.active + ul > li { transform: scaleY(1) scaleX(1) translateY(0px); opacity: 1; visibility: visible; pointer-events: auto; } .btn-floating {line-height: 40px;display: block;} .btn-floating svg { vertical-align: middle;width: 20px; height: 20px;margin-top: -3px;} .pt_four_videos { height: 500px; } .pt_four_videos .empty_state { margin-top: 200px !important; margin-bottom: 200px !important; } .pt_four_videos .col-md-3 { width: 49.6%; margin: 7px 0 10px; float: none; display: inline-block; vertical-align: top; } .pt_homepg_whote_bg {margin-top: -20px;padding-top: 20px;background: #fff;} .pt_hmpg_contanr {width: 100%;padding-right: 15px;padding-left: 15px;max-width: 1370px;margin: 0 auto;} .pt_hmpg_vidlst .videos .video-list {background-color: rgba(0, 0, 0, 0.04);border-radius: 6px;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);} .pt_hmpg_vidlst .pt_vid_fixed_height {padding: 0 10px 7px;min-height: 73.6px;max-height: 73.6px;} .pt_hmpg_vidlst .videos .video-list .video-list-image a {width: 100%;padding-bottom: 56.25%;} .pt_hmpg_vidlst .videos .video-list .video-list-image a img {border-radius: 6px 6px 0 0;height: 100%;min-height: auto;max-height: none;position: absolute;top: 0;right: 0;left: 0;bottom: 0;} .pl_feat_vid_slide {padding: 0 0 8px;} .pt_fv_blur_img { position: absolute;left: 20px;right: 20px;height: 500px;overflow: hidden;border-radius: 12px;/*box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);*/} .pt_fv_blur_img > div { position: relative; height: 500px; } .pt_fv_blur_img > div:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;backdrop-filter: blur(60px);background-color: rgba(0, 0, 0, 0.1);} .pt_fv_blur_img > div:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 70%;background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2));} .pt_featured_video { position: relative; display: block;padding: 0 15px;/*margin-bottom: 20px;*/} .pt_featured_video h4 { position: absolute; z-index: 5; background: rgba(0, 0, 0, 0.35); top: 15px; left: 35px; color: rgba(255, 255, 255, 0.8); margin: 0; padding: 10px; border-radius: 50%; } .pt_featured_video .video-player a { display: block; color: #f1f1f1; font-weight: normal; } .pt_featured_video .video-player .video-title {position: absolute;bottom: 20px;left: 20px;right: 20px;padding: 30px;background-color: rgba(0, 0, 0, 0.4);border-radius: 12px;} .pt_featured_video .video-player .publisher-element { width: 100%; margin: 9px 0 0; color: #fff; padding: 0; border: 0; } .pt_featured_video .video-player .publisher-element .publisher-avatar { width: 32px; height: 32px; } .pt_featured_video .video-player .publisher-element .publisher-avatar img { border-radius: 50%; } .pt_featured_video .video-player .publisher-element a {font-size: 14px;} .pt_featured_video .video-player .video-big-title { margin: 0;} .pt_featured_video .video-player .video-big-title a { color: #fff; font-size: 26px; } .pt_featured_video .thumbnail_holder { position: relative; display: flex; width: 100%; height: 0; box-sizing: border-box; overflow: hidden; min-height: 500px; max-height: 500px; } .pt_featured_video .thumbnail_holder img { width: 100%; height: auto; position: absolute; top: 50%; right: 0; bottom: 0; left: 50%; display: block; margin: 0; opacity: 1; transform: translate(-50%, -50%); max-width: 100%; border-radius: 2px; min-width: 100%; min-height: 100%; transition: transform 0.5s ease; } .pt_featured_video .thumbnail_holder:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 70%; background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.25));} .pt_featured_video .video-title .video_info {display: flex;align-items: center;margin: 0 -10px;} .pt_featured_video .video-title .video_info > span {padding: 0 10px;color: rgba(255, 255, 255, 0.66);} .pt_featured_video .video-title .video_info .video-likes svg {width: 16px;height: 16px;} /*.pt_featured_video:hover .thumbnail_holder img { transform: scale(1.1) translate(-45.3%, -45%); }*/ .view_more_link { margin-top: -4px; opacity: 0; visibility: hidden; transition: all 0.15s ease; overflow: hidden; } .view_more_link a {display: block;background-color: #efefef;padding: 8px 12px;text-transform: none;font-weight: 500;color: #272727;border-radius: 2em;text-decoration: none;} .pt_foot_lang svg.feather { width: 14px; height: 14px; margin: 0 3px 0 0; } .pt_foot_lang.open > .pt_language_select { transform: none; opacity: 1; pointer-events: auto; visibility: visible; margin-bottom: 15px; } .pt_language_select { border-radius: 4px; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); border: 0; transform: rotate3d(1, 1, 0, 15deg); transform-origin: 0 100%; opacity: 0; will-change: transform,opacity; transition-property: transform,opacity; transition-duration: .25s; display: block; visibility: hidden; pointer-events: none; min-width: 130px; } .pt_language_select:before { content: ""; position: absolute; bottom: -6px; right: 30px; width: 20px; height: 20px; transform: rotate(45deg); border-radius: 20px 0 3px 0; background: #fff; z-index: -1; } .pt_language_select li a { font-size: 14px !important; line-height: 33px; padding: 0 20px; transition: background-color .1s; } .headtoppoint { height: 0; width: 0; border: solid transparent; pointer-events: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: -10px; position: absolute; left: 100%; margin-left: -35px; filter: drop-shadow(0px -3px 2px rgba(0, 0, 0, 0.05)); } .pt_upload_vdo .upload { border: 0 !important; transition: all 0.1s ease; padding-bottom: 40px; } .pt_upload_vdo > div h4 { margin: 0 0 9px; font-size: 20px; color: #444; font-weight: normal; } .pt_upload_vdo > div p { font-size: 17px; } .pt_upload_vdo button { margin-top: 60px; padding: 10px 65px; height: 48px; border-radius: 24px; font-weight: 500; font-size: 16px; } .pt_upload_vdo .progress { height: auto; border-radius: 2px; margin: 4px 0 20px; background: #fff; box-shadow: none; padding: 10px; } .pt_upload_vdo .progress .percent { position: relative; left: auto !important; color: #444 !important; margin: 0 !important; width: auto; float: right; } .pt_upload_vdo svg.feather-upload { margin: 20px 0; width: 100px; height: 100px; transition: transform .4s ease; } .pt_upload_vdo.hover svg.feather { transform: scale(1.1); } .watermark { position: absolute; z-index: 10; left: 20px; top: 20px; display: none; transition: all 0.5s; } .private-text { font-size: 12px; background: #eee; color: #333; padding: 5px; border-radius: 3px; margin-top: -3px; } .pt_import_vdo { padding: 15px 0; } .pt_import_vdo #fetch-form { padding: 50px; } .pt_import_vdo .col-md-9 { padding-right: 0; } .pt_import_vdo .col-md-9 input { padding: 0 10px 0 50px; border-color: #dedede; font-size: 19px; background: #f2f2f2; height: 50px; color: #151720; border-radius: 29px 0 0 29px; transition: all 0.2s linear; } .pt_import_vdo .col-md-9 input:focus + .help-block { opacity: 1; visibility: visible; } .pt_import_vdo .col-md-9 .help-block { opacity: 0; visibility: hidden; transition: all 0.2s ease; } .pt_import_vdo .col-md-9 svg.feather { position: absolute; width: 28px; height: 28px; top: 15px; left: 25px; color: #8c8c8c; pointer-events: none; } .pt_import_vdo .col-md-3 { padding-left: 0; } .pt_import_vdo .col-md-3 button { width: 100%; font-size: 18px; height: 50px; border: 0; border-radius: 0 29px 29px 0; } .pt_import_vdo .video-description { max-height: 160px; overflow: hidden; overflow-y: auto; } .pt_import_vdo svg.feather-import { margin: 20px 0; width: 100px; height: 100px; transition: transform .4s ease; margin-bottom: 45px; } .progress_bar_parent { margin: 8px 40px 0 0; height: 4px; border-radius: 0; } .pt_svg_lines { position: absolute; height: 40px; bottom: 60px; left: -25px; transform: translateY(30%) rotate(180deg); } .postFooter { clear: both; padding-top: 10px; border-top: 1px solid #f5f5f5; margin: 0; } .postFooter .u-floatRight a { color: rgba(0, 0, 0, 0.4); } .postFooter .u-floatRight svg.feather { margin-top: -3px; width: 17px; height: 17px; } .postFooter .u-floatLeft svg.feather { margin: -1px 0 0 -4px; width: 17px; height: 17px; } @-webkit-keyframes fade-in-up { 0% { opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-in-up { 0% { opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .pt_video_comments { padding: 10px 20px; } .pt_video_comments .comments-header { margin: 5px 0 20px; font-size: 17px; } .pt_video_comments svg.feather.blue { margin-top: 0; width: 15px; height: 15px; color: #2196f3; } .pt_msg_area { height: calc(100vh - 255px); overflow: hidden; overflow-y: auto; position: relative; box-shadow: none; } .pt_msg_area .empty_state { position: absolute; margin: 0 !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pt_msg_header { padding: 13px 20px; height: 55px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.19); position: relative; line-height: 27px; } .pt_msg_header h3 { margin: 0; line-height: 27px; } .pt_msg_header h3 .mobilemsgclose { display: none; cursor: pointer; margin: -1px 10px 0 0; width: 23px; height: 23px; stroke-width: 2.5px; } .pt_msg_main { background: #fcfcfc; position: relative; border-radius: 0; box-shadow: inset 6px 0 6px -3px rgba(0, 0, 0, 0.1); margin-bottom: 0; padding: 0; } .author-list .video-wrapper { margin-bottom: 10px; } .author-list .video-wrapper .author-info { margin-bottom: 10px; } .author-list .video-wrapper .author-info .author-img { margin-right: 5px; } .author-list .video-wrapper .author-info .author-img img { width: 25px; } .author-list .video-wrapper .author-info .author-name { line-height: 1.8; font-weight: 600; } .author-list .video-wrapper .author-info .author-name a { color: #333; } .author-list .video-wrapper .video-thumb { margin-bottom: 10px; } .author-list .video-wrapper .video-thumb img {width: 100%;} .author-list .video-wrapper .video-info { overflow: hidden; } .author-list .video-wrapper .video-title { font-size: 16px; word-wrap: break-word; } .author-list .video-wrapper .video-title a { font-weight: 500; color: #333; } .author-list .video-wrapper .video-title a:hover { color: #04abf2; text-decoration: none; } .author-list .video-wrapper .video-desc { margin-top: 10px; font-size: 11px; color: #777; overflow: hidden !important; white-space: nowrap; max-height: 46px; text-overflow: ellipsis; } .author-list .video-wrapper hr { margin-top: 5px; margin-bottom: 5px; } .user-comment p.active.reply-text { color: #42c1be !important; } .user-comment p.active.comment-text { color: #42c1be !important; } .pt_main_hdr {display: flex;align-items: center;justify-content: space-between;} .pt_main_hdr .navbar-header {flex: 1;display: inline-flex;} nav.navbar-findcond { background: #fff;/*border-bottom: 1px solid #f1f1f1;*/padding: 0 20px;height: 57px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);} nav.navbar-findcond ul.navbar-nav a { color: #3e3e3e; font-size: 15px; border-style: solid; border-width: 0; border-color: transparent;padding-top: 17.5px;padding-bottom: 17.5px; } nav.navbar-findcond ul.navbar-nav.sec_lay_hdr a {border: 0;padding: 0 8px;line-height: 57px;opacity: 0.7;height: 57px;font-size: 0;margin: 0 2px;} nav.navbar-findcond ul.navbar-nav.sec_lay_hdr a svg {width: 22px;height: 22px;vertical-align: middle;} nav.navbar-findcond ul.navbar-nav.sec_lay_hdr a:hover {opacity: 1;} nav.navbar-findcond ul.navbar-nav.sec_lay_hdr li.active a {background: transparent !important;opacity: 1;} nav.navbar-findcond ul.navbar-nav a:hover { background: transparent; } nav.navbar-findcond ul.navbar-nav a:visited { background: transparent; } nav.navbar-findcond ul.navbar-nav a:focus { background: transparent; } nav.navbar-findcond ul.navbar-nav a:active { background: transparent; } nav.navbar-findcond ul.navbar-nav.navbar-right li.open > a { background: rgba(0, 0, 0, 0.05); border: 0; } nav.navbar-findcond ul.navbar-nav.navbar-right li a svg.feather { margin-top: -1px; } nav.navbar-findcond ul.navbar-nav.navbar-right > li.top-header > a {color: #696969;} nav.navbar-findcond ul.navbar-nav.navbar-right > li > a > svg {width: 21px;height: 21px;vertical-align: middle;margin-top: -3px;margin-bottom: -4px;} nav.navbar-findcond ul.navbar-nav li.active a:not(.category) { border-color: #04abf2; color: #04abf2; background-color: #04abf2; } nav.navbar-findcond ul.dropdown-menu { border: 0; background: #fff; } nav.navbar-findcond ul.dropdown-menu > li > a { color: #444; padding: 7px 12px; } nav.navbar-findcond ul.dropdown-menu > li > a:hover { background: #fcfcfc !important; color: #444 !important; border-color: transparent !important; } nav.navbar-findcond .search-header { margin: 11px auto; position: relative;padding: 0;border: 0;box-shadow: none;} nav.navbar-findcond .search-header > .form-group {margin: 0;} nav.navbar-findcond .search-header input { height: 35px;padding-left: 35px;color: #444; width: 400px !important; transition: all 0.3s; border: 0;background-color: rgba(0, 0, 0, 0.07);border-radius: 2em;} nav.navbar-findcond .search-header .search-dropdown { position: absolute; left: 0;right: 0;width: 100%;background-color: #fff; color: #333; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } nav.navbar-findcond .search-header .search-dropdown .search-result { padding: 10px; } nav.navbar-findcond .search-header .search-dropdown .search-result:hover { background-color: #fcfcfc; } nav.navbar-findcond .search-header .search-dropdown .search-result a { display: block; color: #333; text-decoration: none; } nav.navbar-findcond .search-header svg.feather { position: absolute; top: 0; cursor: pointer; left: 0px; color: #637076; margin: 8px; } nav.navbar-findcond .search-header-mobile { padding: 10px; position: relative; } nav.navbar-findcond .search-header-mobile .form-group {margin: 0;} nav.navbar-findcond .search-header-mobile input { height: 57px; color: #444; border-radius: 0; width: 100%; transition: all 0.3s; background-color: transparent !important; border: 0;padding: 6px 0px;} nav.navbar-findcond .logo-img { max-width: 150px;margin: -5px 20px 0 -15px;} nav.navbar-findcond .logo-img img { width: 100%; } nav.navbar-findcond .header-image {width: 35px;height: 35px;border: none;margin: -9px 0 -7px;border-radius: 50%; } nav.navbar-findcond button.navbar-toggle { background: #04abf2; border-radius: 2px; } nav.navbar-findcond button.navbar-toggle:hover { background: #929292; } nav.navbar-findcond button.navbar-toggle > span.icon-bar { background: #fff; } nav.navbar-findcond li.divider { background: #f4f4f4; } nav.navbar-findcond span.badge { background: #04abf2; font-weight: normal; font-size: 11px; margin: 0 4px; } nav.navbar-findcond span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; } nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani-acc-menu {transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;transform: scale3d(1,1,1);opacity: 1;visibility: visible;} nav.navbar-findcond .profile-nav .dropdown-menu.ani-acc-menu .headtoppoint {margin-left: -44px;} nav.navbar-findcond .dropdown-menu.ani-acc-menu > li > a {padding: 0 16px;line-height: 38px;border: 0;font-size: 14px !important;display: flex;align-items: center;} nav.navbar-findcond .dropdown-menu.ani-acc-menu > li > a svg {margin: 0 12px 0 0;opacity: 0.8;width: 22px;height: 22px;} /*nav.navbar-findcond .dropdown-menu.ani-acc-menu > li.hid_svg > a svg {opacity: 0;}*/ nav.navbar-findcond .dropdown-menu.ani-acc-menu > li > a img {width: 22px;height: 22px;margin: 0 12px 0 0;border-radius: 50%;} nav.navbar-findcond .dropdown-menu.ani-acc-menu > li > a div {line-height: normal;font-weight: 500;padding: 6px 0;} nav.navbar-findcond .dropdown-menu.ani-acc-menu > li > a span {display: block;line-height: normal;font-weight: normal;opacity: 0.8;font-size: 13px;margin-top: 2px;} nav.navbar-findcond.search-bar {top: 57px;} .videos-latest-list.row { margin-right: 0; } .categories-drop-down a { color: #444 !important; } .video-title p { word-wrap: break; margin-top: 10px; } .video-description p { font-size: 12px; color: #777; margin-top: 10px; word-wrap: break; } .edit-thumb img { cursor: pointer; } .edit-thumb img:hover { opacity: 0.9; } .related-header h4 { margin-top: 5px; padding-bottom: 10px; color: #888; border-bottom: 1px solid #f3f3f3; } .related-header h4 .fa-bolt { color: #04abf2; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #07e; border-color: #07e; } .checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .radio-primary input[type="radio"] + label::after { background-color: #07e; } .radio-primary input[type="radio"]:checked + label::before { border-color: #07e; } .radio-primary input[type="radio"]:checked + label::after { background-color: #07e; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } .settings-sidebar ul { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border-radius: 3px;} .settings-sidebar ul li {padding: 0; background: transparent; } .settings-sidebar ul li a { display: block; padding: 12px 18px; position: relative; } .settings-sidebar ul li a:hover { text-decoration: none;background-color: rgba(0, 0, 0, 0.04);} .settings-sidebar ul li a:focus { text-decoration: none; } .settings-sidebar ul li a svg { margin: -1px 10px 0 0px;width: 20px;height: 20px;vertical-align: middle;} .settings-sidebar ul li.active a {font-weight: 500;background-color: rgba(0, 0, 0, 0.1);color: #000;} .pt_sett_mani_page .last-sett-btn {margin: 10px 0 0 !important;border: 0;background: transparent;text-align: center;} .pt_sett_mani_page .last-sett-btn .setting-panel-mdbtn {margin: 0;border-radius: 2em;text-transform: none;font-size: 17px;font-weight: normal;} .pt_sett_mani_page .last-sett-btn .setting-panel-mdbtn svg {display: none;} .video-list-title a h4 { height: 2.2em; height: unset !important; max-height: 2.2em; overflow: hidden; } .submit-article-commet textarea { resize: vertical; } table .dataTables_empty { padding: 70px 0 !important; text-align: center; padding: 70px 0; background: #f3f3f3; } .replenish-wallet-form div { text-align: left !important; } .replenish-wallet-form div label span { font-size: 16px; font-family: Roboto, sans-serif; text-transform: uppercase; color: #333; font-weight: 600; margin-right: 10px; } .replenish-wallet-form div label strong { font-size: 18px; color: #5cb85c; } .replenish-wallet-form div small { font-size: 14px; font-family: Roboto, sans-serif; text-transform: capitalize; } .dataTable tbody tr td i.ad-category { font-size: 22px !important; color: #929292; } .user-monetization-panel button .material-icons { vertical-align: middle; font-size: 1.3em; margin-bottom: 3px; } #toggle-video-monetization-form .toggle { height: 26px !important; font-size: 12px; min-height: 15px !important; width: auto; } #toggle-video-monetization-form .toggle .toggle-group .btn { padding: 4px 10px; font-size: 12px; } .monetization-settings-header h3 { width: 100%; overflow: hidden; } .monetization-settings-header h3 span a { color: #fff !important; text-decoration: none; } .monetization-settings-header h3 i.material-icons { vertical-align: middle; margin-bottom: 3px; font-size: inherit; } .withdrawals-settings-header h3 { width: 100%; overflow: hidden; } .withdrawals-settings-header h3 span a { color: #fff !important; text-decoration: none; } .withdrawals-settings-header h3 i.material-icons { vertical-align: middle; margin-bottom: 3px; font-size: inherit; } .pt-comment-item-reply-form input:focus { box-shadow: 0 0 5px #5bc0de; } .mejs__overlay.mejs__layer { overflow: hidden; } .mejs__overlay.mejs__layer img { max-height: 100%; max-width: 100%; } .verifiacation-request-alert .alert { width: 100%; overflow: hidden; color: #fff; border-radius: 0; font-family: Lato, sans-serif; font-size: 16px; } img.full-size { width: 100%; height: 100%; } ul.notfi-dropdown { min-width: 350px !important; max-width: 400px !important; width: auto; border-radius: 3px; border: 1px solid #f5f5f5 !important; font-family: Lato, sans-serif; padding: 0; margin: 0; height: auto; overflow: hidden; } ul.notfi-dropdown ul#notifications-list { width: 100%; display: block; padding: 0; margin: 0; overflow: hidden; overflow-y: auto; min-height: 50px; max-height: 400px; } ul.notfi-dropdown ul#notifications-list li.notifications-list { width: 100%; display: block; padding: 10px; margin: 0; overflow: hidden; border-bottom: 1px solid #eaeaea; background: #fff; cursor: pointer; } ul.notfi-dropdown ul#notifications-list li.notifications-list:last-child { border-bottom: none; } ul.notfi-dropdown ul#notifications-list li.notifications-list:hover { background: #f7f7f7; } ul.notfi-dropdown ul#notifications-list li.notifications-list a { padding: 0; border: 0; } ul.notfi-dropdown ul#notifications-list li.no-notifications { display: block; background: #fcfcfc; cursor: pointer; width: 100%; padding: 15px 0; text-align: center; font-size: 14px; } ul.notfi-dropdown ul#notifications-list li div.avatar { width: 45px; height: 45px; display: inline-block; float: left; margin-right: 10px; } ul.notfi-dropdown ul#notifications-list li div.avatar img { border-radius: 50%; } ul.notfi-dropdown ul#notifications-list li div.notifications-info { overflow: hidden; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p { width: 100%; overflow: hidden; margin: 0; padding: 0; color: #666; font-size: 13px; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p .main-color { font-weight: bold; color: #5f5f5f; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p a { color: #333 !important; font-family: Lato, sans-serif; text-transform: unset; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p a:hover { color: #333 !important; text-decoration: none !important; } ul.notfi-dropdown ul#notifications-list li div.notifications-info time { color: #888; font-size: 11px; margin: 4px 0 0; font-family: arial; display: block; } ul.notfi-dropdown ul#notifications-list li div.notifications-info time svg.feather { margin: -2px 3px 0; width: 15px; height: 15px; } ul.notfi-dropdown ul#notifications-list::-webkit-scrollbar { width: 5px; background: transparent !important; } ul.notfi-dropdown ul#notifications-list::-webkit-scrollbar-thumb { background-color: #ccc; } .notifications-list a:hover { text-decoration: none !important; } ul.notfi-dropdown li h5 { width: 100%; display: block; padding: 7px 15px; background: linear-gradient(#fff, #f7f7f7); margin: 0; overflow: hidden; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); position: relative; font-size: 12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; } ul.notfi-dropdown li h5 i.fa-circle-o-notch { float: right; color: #555; } .player-video .video-processing { width: 100%; text-align: center; position: relative; overflow: hidden; max-height: 555px;} .player-video .video-processing img { width: 100%; min-height: 100%; } .player-video .video-processing div { width: 100%; height: 100%; position: absolute; background: #ccc; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; } .player-video .video-processing div h5 { color: #000; font-size: 17px; font-family: Lato, sans-serif; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .player-video .video-processing div svg.feather { margin: 0 0 15px; width: 39px; height: 39px; animation-duration: 700ms; } .player-video .video-processing div h5 .btn-main {font-weight: 500;font-family: "Roboto", sans-serif;padding: 10px 25px;border: 0;border-radius: 2em;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);margin: 0 5px;} .nav.navbar-nav.navbar-right .dropdown.profile-nav ul { right: 0 !important; left: auto; } .upload-video.hover { border-color: #04abf2; cursor: pointer; color: #04abf2; } .upload-ffmpeg-mode #choose-thumnail-cr .choose-thumnail-control { padding: 10px 0; } .upload-ffmpeg-mode #choose-thumnail-cr .choose-thumnail-control span { text-transform: uppercase; font-size: 12px; font-family: Lato, sans-serif; } .upload-ffmpeg-mode #choose-thumnail-cr .choose-thumnail-control a { text-decoration: none; border-radius: 0; padding: 0 10px; } .upload-ffmpeg-mode #choose-thumnail-cr .carousel-inner .item img { width: 100%; min-height: 100% !important; } svg.feather { vertical-align: middle; margin-top: -4px; width: 19px; height: 19px; } #btn-fab-main.active svg.feather { transform: rotate(45deg); transition: all 0.2s ease-in-out; } .pt_latest_vds .col-md-3 { width: 33.3333333%; } .pt_latest_vds .col-md-3:first-child { width: 50%; } .pt_latest_vds .col-md-3:first-child .video-list { margin-bottom: 0; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-by { display: block; bottom: 10px; padding: 0 10px; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-by span:first-child { display: block; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-title { bottom: 30px; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-title h4 { font-size: 25px; font-weight: normal; } .pt_latest_vds .col-md-3:nth-child(2), .pt_latest_vds .col-md-3:nth-child(3), .pt_latest_vds .col-md-3:nth-child(4), .pt_latest_vds .col-md-3:nth-child(5) {width: 25%;} .pt_latest_vds .col-md-3 .video-list { position: relative; margin-bottom: 10px; } .pt_latest_vds .col-md-3 .video-list .video-list-image a img {border-radius: 6px;} .pt_latest_vds .col-md-3 .video-list .video-duration {bottom: auto;top: 5px;} .pt_latest_vds .col-md-3 .video-list .pt_vid_fixed_height { max-height: none; min-height: auto; margin-bottom: 10px;padding: 0;} .pt_latest_vds .col-md-3 .video-list .video-list-title { position: absolute; bottom: 3px; padding: 0 10px; } .pt_latest_vds .col-md-3 .video-list .video-list-title a { text-decoration: none; } .pt_latest_vds .col-md-3 .video-list .video-list-title h4 { color: #fff; } .pt_latest_vds .col-md-3 .video-list .video-list-by { position: absolute; display: none; } .pt_latest_vds .col-md-3 .video-list .video-list-by span { display: none; } .pt_latest_vds .col-md-3 .video-list .video-list-by br { display: none; } .pt_latest_vds .col-md-3 .video-list .video-list-by a { color: #fff; font-size: 13px; } .pt_latest_vds .col-md-3 .video-list .video-list-image a:after { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 70%;background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));border-radius: 0 0 6px 6px;} .pt_cat_vid_list .video-list { margin: 7px 0 10px; } .pt_footer .container-fluid { border-top: solid 1px #f0f0f0; background-color: #fff; } .pt_history .video-wrapper { margin-bottom: 35px; } .pt_history .video-wrapper > div { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .pt_history .video-wrapper .video-thumb { margin: 0; } .pt_history .video-wrapper .video-thumb img { height: 140.4px; object-fit: cover; } .pt_history .video-wrapper .video-info { padding: 15px 16px 17px 18px; } .pt_history .video-wrapper .video-info .author-info { margin: 0; } .pt_history .video-wrapper .video-info .author-info .author-name { font-size: 12px; line-height: 16px; max-width: 95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #666; } .pt_history .video-wrapper .video-info .author-info .author-name a { font-weight: 700; color: #929292; } .pt_history .video-wrapper .video-info .author-info .author-name span { font-weight: normal; } .pt_history .video-wrapper .video-info > div { padding-right: 50px; } .pt_history .video-wrapper .video-info > div.video-actions { padding: 0 10px; margin: 0; } .pt_history .video-wrapper .video-info > div.video-actions svg.feather { width: 20px; height: 20px; margin: 8px 3px; color: #f93d66; } .pt_history .video-wrapper .video-info .video-title a { font-size: 12px; line-height: 16px; max-width: 95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #333; font-weight: 700; margin: 0 0 3px; } .pt_subscription .video-wrapper .author-info .author-img img { border-radius: 50%; } .pt_subscription .video-wrapper .author-info .author-name span { font-weight: normal; font-size: 13px; } .pt_subscription .video-wrapper .video-title { height: 45px; overflow: hidden; margin-bottom: 40px; } .pt_subscription .video-wrapper .video-title a { color: #167ac6; font-weight: 600; font-family: sans-serif; font-size: 14px; letter-spacing: 0.3px; } .pt_subscription .video-wrapper .video-thumb img { height: 201px; object-fit: cover; } .pt_vdo_plyr .embed-responsive.stuck { position: fixed; bottom: 20px; right: 20px; width: 350px; height: 198px; padding: 0; z-index: 9; transform: translateY(100%); animation: fade-in-up .25s ease forwards; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); overflow: hidden; border-radius: 4px; } /* ******************************************************************* */ #bar_loading {top: 0px;left: 0px;right: 0px;height:2px;width:100%;display: none;position:fixed;z-index:5000;overflow: hidden;background-color: rgba(255, 255, 255, 0.45);} #bar_loading:before {display: block;position: absolute;content: "";left: -200px;width: 200px;height: 2px;animation: head_loading 1.5s linear infinite;background-color: #04abf2;} @keyframes head_loading { from {left: -200px; width: 30%;}50% {width: 30%;}70% {width: 70%;}80% { left: 50%;}95% {left: 120%;}to {left: 100%;} } .p_t_show_btn:active, .p_t_show_btn:visited, .p_t_show_btn:link, .p_t_show_btn{ background: #777; border-color: #777; padding: 10px 15px 10px 15px; border-radius: 20px; color: #fff; outline: none; cursor: pointer; } .empty_state a{color: inherit !important;text-decoration: none;} #video_dropdown .dropdown-menu .dropdown-item a{text-decoration: none;padding: 12px 17px;display: block;line-height: 1;} #video_dropdown .dropdown-menu .dropdown-item:hover a {color: #333 !important;background-color: #f1f1f1;} #video_dropdown .dropdown-menu .dropdown-item svg{margin-right: 11px;margin-top: -1px;} .user_comment_{margin-left: 60px;overflow: visible !important;} .modal_close_btn{color: #fff !important;} .modal_content_back{background-color: #131313;} .mb_50{margin-bottom: 50px;} .highcharts-root .highcharts-credits{display: none !important;} .search-dropdown_{z-index: 444;background-color: #555;left: 15px;position: absolute;top: 70px;} .overflow_v{overflow: visible !important;} #geo_blocking > .bootstrap-select > button{margin-top: 0;border: 2px solid #e3e4e8;border-radius: 2px;height: 40px !important;line-height: 14px;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none;background: #fff;font-weight: normal;font-size: 13px;} #geo_blocking .bootstrap-select{border-radius: 50px;} /*Video Studio*/ .vid_stud_links {margin-bottom: -8px;margin-top: 18px;margin-left: -5px;} .vid_stud_links li {display: inline-block;} .vid_stud_links li a {display: block;padding: 5px 12px;margin: 0 3px;text-decoration: none;color: #383838;border-radius: 3px;background: #f5f5f5;} .vid_stud_links li.active a {color: white;background: #04abf2;} .vid_stud_links li a svg {margin-top: -3px;width: 18px;height: 18px;margin-right: 2px;} .vid_stud_filtr {font-weight: normal;} .vid_stud_filtr label {margin: 0;display: block;font-weight: 500;font-size: 13px;cursor: pointer;} .vid_stud_filtr label input[type="radio"]:not(:checked), .vid_stud_filtr label input[type="radio"]:checked {position: absolute;opacity: 0;pointer-events: none;} .vid_stud_filtr label input[type="radio"]+span {position: relative;display: block;padding: 7px 25px;user-select: none;transition: all 0.15s;} .vid_stud_filtr label:hover span{background: #eee;} .vid_stud_filtr label input[type="radio"]:checked+span{background: #04abf2;color:#fff;} .vid_stud_acts a {text-decoration: none;} .vid_stud_stats svg {width: 13px;height: 13px;margin-top: -1px;} /*Video Analytics*/ .videos-list .vid_analts_info {display: flex;align-items: center;margin-bottom: 15px;} .videos-list .vid_analts_info.short {margin-bottom: 7px;} .videos-list .vid_analts_info .video-thumb {width: 100% !important;max-width: 170px;} .videos-list .vid_analts_info.short .video-thumb {max-width: 120px;min-width: 120px;} .videos-list .vid_analts_info .video-thumb a {display: block;position: relative;} .videos-list .vid_analts_info .video-thumb img {border-radius: 6px;} .videos-list .vid_analts_info .video-thumb a svg {background: #fff;border-radius: 50%;width: 44px;height: 44px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .videos-list .vid_analts_info.short .video-thumb a svg {width: 34px;height: 34px;} .videos-list .vid_analts_info .video-title {font-size: 20px;} .videos-list .vid_analts_info.short .video-title {font-size: 15px;max-height: 42px;overflow: hidden;} .videos-list .vid_analts_info .video-title a {font-weight: normal;word-break: break-word;} select#type {width: 150px;} .vid_analts_stat {display: flex;align-items: center;padding: 17px 17px 15px;border-radius: 7px;color: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .vid_analts_stat > svg {margin-right: 17px;margin-top: 0px;width: 30px;height: 30px;} .vid_analts_stat h2 {font-size: 12px;line-height: 16px;letter-spacing: 0.011em;margin-top: 0;margin-bottom: 3px;} .vid_analts_stat p {font-size: 24px;line-height: 32px;margin-bottom: 0;} .vid_analts_stat p {font-size: 24px;line-height: 32px;margin-bottom: 0;} .vid_analts_info_smll {font-size: 14px;margin-top: 4px;color: #717171;} /*Search Page*/ .vid_srch_filtr {margin: 0px -25px;overflow: hidden;} .vid_srch_filtr .pt_forms {background-color: #fcfcfc;box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.12);padding: 10px 45px 10px;margin: 0 -30px;} .vid_srch_filtr .pt_forms .form-group label.col-md-12 {text-transform: uppercase;font-size: 13px;margin-bottom: 12px;margin-top: 10px;} .vid_srch_filtr label span {cursor: pointer;font-size: 12px;color: #757575;} .vid_srch_filtr label input[type="radio"], .vid_srch_filtr label input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;} .vid_srch_filtr label input[type="radio"]:checked+span, .vid_srch_filtr label input[type="checkbox"]:checked+span {font-weight: 500;color: #222;} .vid_srch_filtr .pt_forms .last-sett-btn {margin: 0px -15px;} /*Popular channels*/ .vid_pop_chnl_filtr {display: flex;align-items: center;margin-bottom: 35px;} .vid_pop_chnl_filtr select {display: inline-block;width: 150px;margin: 0 8px;} .vid_pop_channls {display: block;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 30px;overflow: hidden;} .vid_pop_channls .video-thumb { min-width: 100px;width: 100px;margin-right: 10px;float: left;} .vid_pop_channls .video-thumb img {width: 100%;} .vid_pop_channls .video-title {margin-left: 110px;padding-top: 6px;} .vid_pop_channls .video-title h4 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 120px;} .vid_pop_channls .video-title h6 {font-weight: normal;color: #7d7d7d;} .vid_pop_channls .video-title h6 svg {width: 14px;height: 14px;margin-top: -2px;margin-right: 4px;} /*Edit Video*/ .vid_edit_assign {position: relative;} .vid_edit_assign .search-dropdown_ {background-color: #fff;top: 40px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);border-radius: 0 0 5px 5px;} .vid_edit_assign .search-dropdown_ > div {padding: 0 !important;} .vid_edit_assign .search-dropdown_ > div a {text-decoration: none;padding: 10px 20px;display: block;} .modal.matdialog .modal-content{ box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); display: block; padding: 24px; border-radius: 2px; box-sizing: border-box; overflow: auto; max-width: 80vw; outline: 0; width: 100%; height: 100%;border: 0; } .modal.matdialog .modal-header{ display: block; padding: 0px; margin: 0 0 20px; border:0px; background: #fff; } .modal.matdialog .modal-title{ padding: 0px; font: 500 20px/32px Roboto,Helvetica Neue,sans-serif; color: rgba(0,0,0,.87); } .modal.matdialog .modal-body{ margin: 0 -24px; padding: 0 24px; max-height: 65vh; overflow: auto; } .modal.matdialog .modal-footer{ background: #fff; color: #3F51B5; margin-bottom: -24px; padding: 12px 0 !important; border: 0px; } .modal.matdialog .matbtn{ position: relative; min-height: 36px; min-width: 88px; line-height: 36px; vertical-align: middle; text-align: center; border-radius: 2px; border: 0; padding: 0 6px; margin: 6px 8px; background: transparent; color: currentColor; white-space: nowrap; text-transform: uppercase; font-weight: 500; font-size: 14px; font-family: roboto; text-decoration: none; overflow: hidden; box-shadow: none; transition: all 0.1s ease; } .modal.matdialog .matbtn:hover{ background: #e2e2e2; } /*Movies*/ .vid_move_filtr {position: absolute;left: 0;right: 0;background-color: #171a25;top: 57px;padding: 50px 0;text-align: center;} .vid_move_filtr .mov_filtr_cont {width: 100%;max-width: 580px;display: inline-block;color: #efefef;} .vid_move_filtr .mov_filtr_cont .term {margin-bottom: 10px;font-weight: 500;font-size: 1.35em;color: #fff;} .vid_move_filtr .mov_filtr_cont input, .vid_move_filtr .mov_filtr_cont .selects-container > select:not(option) {height: 40px;background: rgba(255, 255, 255, 0.1) !important;border: 0;color: #fff;} .vid_move_filtr .mov_filtr_cont .selects-container > select option {color: #222 !important;} .vid_move_filtr .mov_filtr_cont input::placeholder {color: rgba(255, 255, 255, 0.55);} .vid_move_filtr .selects-container {display: inline-block;width: 130px;margin-right: 20px;float: left;margin-top: 15px;} .vid_move_filtr .selects-container:last-child {margin-right: 0px;} .vid_move_filtr .selects-container p {margin-bottom: 8px;font-weight: 500;font-size: 13px;float: left;} .vid_move_filtr .last-sett-btn {display: inline-block;vertical-align: top;margin: 0;margin-left: 20px;margin-top: 37px;} .vid_move_filtr .last-sett-btn button {margin: 0;color: #ffffff;background-color: rgba(255, 255, 255, 0.3);} .pt_movie_margin {margin-top: 290px;} .pt_movie_margin h3.text-center {font-weight: 100;display: flex;align-items: center;margin-top: 10px;} .pt_movie_margin h3.text-center span {background-color: #9C27B0;color: white;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 5px;} .pt_movie_margin h3.text-center span svg {margin: 0;} .pt_movie_list {margin-top: 25px;} .pt_movie_list .video-wrapper {margin-bottom: 35px;background-color: #12141E;padding: 15px;} .pt_mv_list_thumb {display: block;position: relative;border-radius: 5px;z-index: 1;} .pt_mv_list_thumb img {width: 100%;height: 340px;object-fit: cover;border-radius: 5px;} .mv_img_shdw {position: relative;height: 30px;overflow: hidden;margin: -15px 20px 0px;filter: blur(40px);} .mv_img_shdw:before {content: "";position: absolute;margin: -110px;background: inherit;filter: blur(80px);top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: bottom;} .mv_img_shdw .mv_pr_blck {display: block;/*background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,#212121 100%);*/padding: 80px;position: absolute;width: 100%;bottom: 0;left: 0;pointer-events: none;} .pt_mv_list_thumb span {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;color: white;padding: 0 10px;background-color: rgba(0, 0, 0, 0.5);flex-direction: column;transition: all 0.2s;opacity: 0;border-radius: 5px;} .pt_mv_list_thumb:hover span {opacity: 1;} .pt_mv_list_thumb span p {margin: 0;margin-top: 15px;font-weight: 400;font-size: 24px;} .pt_mv_list_thumb span > svg {margin-top: 50px;width: 49px;height: 49px;} .pt_mv_info {margin-top: 20px;} .pt_mv_info_innr {padding-right: 10px;text-align: center;} .pt_mv_info_innr h3 {margin-top: 0;font-size: 16px;margin-bottom: 5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pt_mv_info_innr h3 a {text-decoration: none;color: #363636;} .pt_mv_info_innr > div {display: flex;align-items: center;color: #3B3F4F;font-size: 12px;margin-bottom: 3px;justify-content: center;margin-top: 9px;} .pt_mv_info_innr > div span {color: #727580 !important;} .pt_mv_info_innr > div .bold {margin: 0 5px;} .pt_mv_info_innr .stars .star {width: 14px;height: 14px;margin: 0 1px;} .pt_mv_info_innr .stars .star path { fill: #434859;} .pt_mv_info_innr .stars[data-stars] .star path {fill: #EF8F12;} .pt_mv_info_innr .stars[data-stars="1"] .star:nth-child(1) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="2"] .star:nth-child(2) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="3"] .star:nth-child(3) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="4"] .star:nth-child(4) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="5"] .star:nth-child(5) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="6"] .star:nth-child(6) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="7"] .star:nth-child(7) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="8"] .star:nth-child(8) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="9"] .star:nth-child(9) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="10"] .star:nth-child(10) ~ .star path {fill: #434859;} .pt_mv_info_innr .mv_qualt {background-color: #03050B;padding: 6px 11px;border-radius: 3px;color: #484d5d !important;margin-top: 10px;font-weight: 600;} .vid_mov_e_info {margin-bottom: 0;} .vid_mov_e_info li {margin-bottom: 5px;} .vid_mov_e_info h4 {float: left;font-weight: 500;width: 80px;margin: 0;margin-right: 10px;font-size: 11px;line-height: 11px;} .vid_mov_e_info p {font-size: 11px !important;line-height: 11px !important;} /*Paid Movies*/ .paid_movie_list .video-wrapper {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);border-radius: 5px;padding: 15px 0;margin: 0;margin-bottom: 30px;} .paid_movie_list .movie-thumb img {width: 100%;height: 200px;object-fit: cover;border-radius: 5px;} .paid_movie_list .movie-info {font-size: 12px;color: #888888;} .paid_movie_list .movie-title a {text-decoration: none;} .paid_movie_list .movie-title h4 {margin-top: 50px;font-size: 22px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;} .paid_movie_list .movie-play-btn {margin-top: 20px;} .paid_movie_list .movie-play-btn svg {width: 40px;height: 40px; } .pt_transfr_ern {text-align: center;} .pt_transfr_ern input {max-width: 180px;margin: auto;text-align: center;font-size: 45px;height: auto;border: 0;font-weight: 500;} /*Watch Movies*/ .movies-container {width: 100%;} .wtch_mv_info_main {margin-top: 20px;position: relative;} .wtch_mv_pcrn {position: absolute;width: 200px;height: 200px;opacity: 0.8;filter: grayscale(0.2);pointer-events: none;} .wtch_mv_pcrn.pcrn3 {left: -90px;bottom: 0;transform: rotate(30deg);} .wtch_mv_pcrn.pcrn4 {right: -90px;bottom: 0px; transform: rotate(-30deg);} .wtch_mv_img img {width: 100%;height: 210px;object-fit: cover;border-radius: 5px;} .hdr_movie_link_show {display: none} /*Side Menu*/ .yp_side_menu{transition: all 0.3s;} .yp_side_menu.has_side_menu{margin-left: 75px;transition: all 0.3s;} .yp_side_drawer{position: fixed;width: 75px;left: 0;top: 57px;background-color: white;bottom: 0;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);overflow-y: auto;transition: all 0.1s;} .yp_side_drawer.hide_side_menu {left:-75px;transition: all 0.3s;} .yp_side_drawer .open_side_menu_head {display: none;align-items: center;height: 56px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .yp_side_drawer .open_side_menu_head > span{padding: 6px;color: #696969;margin: 10px 5px 10px auto;cursor: pointer;} .yp_side_drawer ul.sections{border-bottom: 1px solid #ddd;padding: 12px 0;display: block;margin: 0;} .yp_side_drawer ul.sections:last-child{border:0;} .yp_side_drawer ul.sections h3{margin: 0;padding: 8px 24px;font-size: 1.4rem;font-weight: 500;letter-spacing: .007px;text-transform: uppercase;color: #424242;} .yp_side_drawer ul.sections li{display: block;width: 100%;} .yp_side_drawer ul.sections li a{padding: 0 17px;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;height: 40px;margin: 5px 0;text-decoration: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;/* font-size: 1.4rem; */font-size: 0px;color: #afafaf;transition: all 0.1s;} .yp_side_drawer ul.sections li a:hover{color: #666;} .yp_side_drawer ul.sections li.active a{color: #04abf2;font-weight: 500;} .yp_side_drawer ul.sections li a svg{margin:0;/*margin-right: 27px;*/margin-right: 0;width:24px;min-width:24px;height:24px;} .yp_side_drawer .subscribers_ { } .yp_side_drawer .subscribers_ img { width: 24px; min-width: 24px; height: 24px;border-radius: 50%; } /*Home*/ .home-container {width: 100%;padding: 0;} .pl_feat_vid_slider {margin-bottom: 30px;} .pl_feat_vid_slide_nav {position: relative;} .pl_feat_vid_slide_nav .owl-prev, .pl_feat_vid_slide_nav .owl-next {position: absolute;background-color: rgba(0, 0, 0, 0.33);color: white;border: 0;padding: 0;height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;bottom: 40px;outline: 0;font-size: 35px;line-height: 1;} .pl_feat_vid_slide_nav .owl-prev {left: -80px;} .pl_feat_vid_slide_nav .owl-next {right: -80px;} .pt_featured_video .video-player .feat_desc {display: none;width: 100%;max-height: 80px;overflow: hidden;color: #c1c1c1;margin-top: 20px;} .pt_home_vid_content .title {margin: 10px 0;} .pt_home_vid_content .title h4 {margin: 0;font-size: 14px;font-weight: 500;display: flex;align-items: center;text-transform: uppercase;letter-spacing: 0.5px;word-spacing: 1.5px;} .pt_home_vid_content .title h4 > svg {margin: 0 7px 0 0;} .pt_home_vid_content .view_more_link {margin-top: -1px;margin-left: auto;} .pt_hmpg_hr {margin: 40px 0;} .pt_hmpg_hr_last:last-child .pt_hmpg_hr {display: none;} /*Side Menu*/ .pt_opn_sid_menu { cursor: pointer; position: relative; padding: 6px; margin: 10.5px 20px 10.5px -15px; display: flex; color: #696969; } body.side_open .yp_side_drawer { z-index: 9;width: 250px;transition: all 0.3s; } body.side_open .yp_side_drawer ul.sections li a { font-size: 1.4rem;justify-content: normal;padding-left: 25px;color: #666; } body.side_open .yp_side_drawer ul.sections li a:hover{color: #000;} body.side_open .yp_side_drawer ul.sections li a svg { margin-right: 27px; } body.side_open .yp_side_drawer ul.sections li.active a { color: #04abf2;} body.side_open .yp_side_drawer .subscribers_ img { margin-right: 27px; } /*Pagination*/ .showing_nav {padding: 20px 0 30px;} .showing_nav > .btn {width: 32px;height: 32px;padding: 6px;border-radius: 6px;border: 0;justify-content: center;color: #464646;background: rgba(0, 0, 0, 0.07);box-shadow: none;margin: 0 4px;display: inline-flex;align-items: center;} .showing_nav > .btn svg {vertical-align: middle;} .pagination {margin: 0;padding: 0 5px;border-radius: 0;box-shadow: inset 0 -1px 0 0px #c7c7c7;} .pagination > li > a {float: none;padding: 0 4px;margin-left: 0;line-height: normal;color: #838383;min-width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;vertical-align: middle;background-color: transparent;border: 0;font-weight: 500;} .pagination > li > a svg {margin: 0;} .pagination > li > a:focus, .pagination > li > a:hover {color: #313131;background: transparent;box-shadow: inset 0 -3px #313131;} .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {color: #04abf2;background: transparent;box-shadow: inset 0 -3px #04abf2;} .pagination > li:first-child > a, .pagination > li:last-child > a {border-radius: 0;} .btn_to_purchase_vid {color: #ffffff;display: block;background-color: rgba(0, 0, 0, 0.6);font-weight: 500;padding: 5px 13px;margin-top: 2px;position: absolute;bottom: 45px;right: 5px;z-index: 2;border-radius: 2px;} /*18+*/ .et_plus, .et_plus .modal-footer {text-align: center;} .et_plus .modal-dialog, #pay-go-pro .modal-dialog {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);} .et_plus .modal-dialog::before, #pay-go-pro .modal-dialog::before {display: block;height: calc(100vh - 1rem);content: "";} .et_plus .modal-dialog svg {margin-bottom: 30px;} .et_plus .btn.matbtn {min-width: 50%;} .et_plus .btn-success.matbtn {background-color: #5cb85c;color: #fff;} /*Top Vids Filter*/ .tp_vid_fltr_tabs {text-align: center;white-space: nowrap;overflow-x: auto;margin-bottom: 25px;} .tp_vid_fltr_tabs ul {display: inline-block;border-radius: 7px;position: relative;white-space: nowrap;overflow-x: auto;margin-bottom: 0;border: 1.5px solid #04abf2;} .tp_vid_fltr_tabs ul li {display: inline-block;} .tp_vid_fltr_tabs ul li a {padding: 10px 13px;border: none;margin: 0;font-weight: 500;line-height: 1;color: #6f6f6f;display: block;text-decoration: none;} .tp_vid_fltr_tabs ul li.selected {background-color: #04abf2 !important;} .tp_vid_fltr_tabs ul li.selected a {color: #fff;} /*Bank Transfer*/ #bank_transfer_modal .modal-dialog {width: 100%;max-width: 500px;} .dt_bank_trans_modal .bank_info {width: 100%;margin-bottom: 30px;} .dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;background-color: #04abf2;background: linear-gradient(90deg, #04abf2 0%, #6d47d9 100%);padding: 15px;border-radius: 7px;overflow: hidden;position: relative;} .dt_bank_trans_modal .bank_info .bank_info_innr {position: relative;width: 100%;color: #fff;z-index: 1;text-align: center;} .dt_bank_trans_modal .bank_info .bank_info_innr > svg {display: none;} .dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {font-size: 22px;padding: 5px;} .dt_bank_trans_modal .bank_info .bank_info_innr .row .col {margin-top: 18px;} .dt_bank_trans_modal .bank_info .bank_info_innr .row p {margin: 0;font-size: 18px;word-break: break-word;} .dt_bank_trans_modal .bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);} .dt_bank_trans_modal .dt_user_profile {background: rgba(0, 0, 0, 0.42);} .dt_bank_trans_modal .dt_user_profile {background-color: #f8f8f8;margin: 0 auto 25px;padding: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;overflow: hidden;} .dt_bank_trans_modal .dt_user_profile > span {margin-bottom: 5px;font-size: 18px;display: flex;align-items: center;} .dt_bank_trans_modal .dt_user_profile > span svg {margin-right: 5px;color: #6b6b6b;} .dt_bank_trans_modal .dt_prof_vrfy {margin: 0;list-style-type: disc;} .dt_bank_trans_upl_rec {text-align: center;} .dt_bank_trans_upl_rec a {display: inline-block;border-bottom: 1px dashed;color: #3f3f3f;padding-bottom: 5px;font-size: 14px;transition: all 0.15s;text-decoration: none;} .dt_bank_trans_upl_rec a svg {width: 20px;height: 20px;margin-top: -3px;} .upload_bank_receipts {text-align: center;display: none;} .upload_bank_receipts > div {width: 100%;max-width: 200px;height: 185px;margin: auto;background-color: #f0f0f0;border: 2px solid #ddd;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;} .upload_bank_receipts svg {width: 45px;height: 45px;color: #4a4a4a;background-color: lightgrey;padding: 10px;border-radius: 50%;margin-bottom: 10px;} .upload_bank_receipts p {margin-bottom: 0px;} #bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {display: none;} #bank_transfer_modal.up_rec_active .upload_bank_receipts {display: block;} #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {display: none;} #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;} #bank_transfer_modal_2.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_modal_2.up_rec_active .dt_bank_trans_upl_rec {display: none;} #bank_transfer_modal_2.up_rec_active .upload_bank_receipts {display: block;} #bank_transfer_modal_2.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_modal_2.up_rec_img_ready .upload_bank_receipts p {display: none;} #bank_transfer_modal_2.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;} /*Pay Box*/ .payment_box .btn {width: 100%;background-color: transparent;color: #444;display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.07);border-radius: 0;padding: 18px;font-weight: 500;box-shadow: none;} .payment_box .btn:last-child {border: 0;} .payment_box .btn svg, .payment_box .btn img {margin-right: 18px;width: 30px;height: 30px;} .twocheckout_modal {padding-top: 20px;} .twocheckout_modal .sun_input {margin-bottom: 15px;} .twocheckout_modal .sun_input input, .twocheckout_modal .sun_input select {border: 1px solid #e8e8e8;border-radius: 2px;height: 38px;line-height: 14px;transition: all .2s ease-in-out;} .twocheckout_modal .sun_input input:focus, .twocheckout_modal .sun_input select:focus {border-color: #03A9F4;} .two_check_card {margin: 20px auto 0;max-width: 310px;background-color: #019ACA;padding: 20px 10px 10px;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);} .two_check_card > svg {color: white;margin: 0 15px 20px;display: block;width: 35px;height: 35px;} .two_check_card .sun_input input::placeholder {color: #fff;opacity: 0.7;} .two_check_card .sun_input input, .two_check_card .sun_input select {border: 0;background-color: rgba(0, 0, 0, 0.2) !important;color: white;border-radius: 5px;height: 40px;} .two_check_card .sun_input select option {color: #222;background: white;} /*Monetization Switch*/ .sett_mon_switch .toggle.ios, .sett_mon_switch .toggle-on.ios, .toggle-off.ios { border-radius: 20px; } .sett_mon_switch .toggle.ios .toggle-handle { border-radius: 20px; } .sett_mon_switch .toggle-group .btn {padding-top: 0;padding-bottom: 0;} /*Unblock Users*/ .set_unbl_usrs {padding: 20px 10px;overflow: hidden;border: 1px solid #f0f0f0;text-align: center;margin-bottom: 30px;border-radius: 6px;} .set_unbl_usrs .avatar {width: 75px;height: 75px;overflow: hidden;margin: auto;} .set_unbl_usrs .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .set_unbl_usrs .user-name {margin-top: 12px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 12px;} .set_unbl_usrs .user-name a {font-size: 16px;text-decoration: none;} .set_unbl_usrs button {box-shadow: none;height: 32px;line-height: 32px;padding: 0 15px;border-radius: 2em;border: 0;} .set_unbl_usrs button svg {display: none;} /*Sessions*/ .as_list {padding: 17px 3px;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.07);} .platform_icon{margin-right: 15px;float: left;width: 43px;height: 43px;display: flex;align-items: center;justify-content: center;} .platform_icon svg{width: 35px;height: 35px;} .log_out_session {float: right;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;border-radius: 50%;margin: 5px 0;border: 0;color: #d9534f;background-color: rgba(217, 83, 79, 0.2);} .log_out_session svg {width: 20px;height: 20px;} .session_info{display: block;margin-right: 50px;font-family: "Lato", sans-serif;} .session_info h4{margin-top: 0;margin-bottom: 4px;font-weight: 600;} .session_info p{margin-bottom: 8px;line-height: 1;} .sett_sess_info span {display: inline-block;} .sett_sess_info span svg {width: 18px;height: 18px;margin-top: -2px;vertical-align: middle;opacity: 0.8;} .sett_sess_info .middot {color: rgba(0, 0, 0, 0.59); margin: 0 6px; font-size: 13px; line-height: 1.1; font-weight: bold;} /*Language Selector*/ .lang_select_modal {text-align: inherit;} .lang_select_modal ul{padding: 0;margin: 0;list-style: none;} .lang_select_modal .language_select {width: 50%;display: inline-block;background: transparent !important;} .lang_select_modal .language_select a {display: block;text-decoration: none;font-weight: 500;font-size: 13px;line-height: 39px;margin: 0 3px;transition: background-color .1s;} .lang_select_modal .language_select:hover {background-color: rgba(0, 0, 0, 0.05) !important;} /*Monetization Form*/ .monetization-request-form .upload-files { width: 100%; overflow: hidden; padding: 15px;} .monetization-request-form .upload-files .image-renderer { width: 100%; overflow: hidden; border: 2px dashed #ccc; height: 160px; cursor: pointer; border-radius: 4px; } .monetization-request-form .upload-files .image-renderer div { width: 100%; overflow: hidden; height: 100%; display: table; } .monetization-request-form .upload-files .image-renderer div span { display: table-cell; vertical-align: middle; text-align: center; } .monetization-request-form .upload-files .image-renderer img { min-height: 100%; width: 100%; } .monetization-request-form .upload-files .image-renderer span svg.feather { width: 40px; height: 40px; color: #ccc; margin: 0; } .monetization-request-form .upload-files h4 { width: 100%; overflow: hidden; color: #333; font-weight: 500; margin: 45px 10px 15px; padding: 0; } .monetization-request-form .upload-files button { padding: 7px 15px; height: auto !important; border-radius: 3px; margin: 0 10px;} /*Copyright Report*/ .pt_rep_copy_vid .report-message-label {font-family: Roboto, sans-serif;font-size: 14px;} .pt_rep_copy_vid .swal2-content textarea {border: 2px solid #e3e4e8;border-radius: 2px;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none;resize: none;margin: 13px 0;} .pt_rep_copy_vid .swal2-content textarea:focus {border-color: #b3b3b3;} .pt_rep_copy_vid .custom-control {font-size: 14px;color: #717171;margin: 20px;} /*Rent Vids*/ .rent_vids {display: flex;align-items: center;margin-bottom: 20px;} .rent_vids .avatar a {display: block;min-width: 230px;width: 230px;height: 0;padding-bottom: 56.25%;position: relative;} .rent_vids .avatar img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 5px;} .rent_vids_side {padding-left: 15px;width: 100%;} .rent_vids_side h3 {margin: 0;font-size: 19px;} .rent_vids_side h3 a {color: #3e3e3e;text-decoration: none;} .rent_vids_side p {font-size: 13px;margin: 4px 0 25px;} .rent_vids_side p a {color: #3e3e3e;text-decoration: none;} .rent_vids_foot {margin-top: 25px;display: flex;width: 100%;} .rent_vids_foot .rent_vid_info_name {position: relative;padding-left: 32px;display: inline-block;width: 33.3333333%;vertical-align: middle;} .rent_vids_foot .rent_vid_info_name svg {position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .rent_vids_foot .rent_vid_title {display: block;text-transform: uppercase;font-size: 13px;opacity: 0.7;font-weight: 500;letter-spacing: 1px;} .rent_vids_foot .rent_vid_desc {display: block;} /*Plsylist Subscribe*/ .pt_plist_hdr {display: flex;align-items: center;justify-content: space-between;} .pt_plist_hdr .next-video {max-width: calc(100% - 120px);} .pt_plist_hdr h4 {margin: 0;color: #f4f4f4;font-size: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pt_plist_hdr .checkbox {display: inline-block;margin: 0 5px;font-size: 13px;vertical-align: middle;} .plist-btn-subscribe, .plist-btn-subscribed {border: 0;box-shadow: none;padding: 8px;border-radius: 50%;line-height: 1;background-color: rgba(255, 255, 255, 0.3);margin: 3px 0;outline: none;} .plist-btn-subscribe svg, .plist-btn-subscribed svg {vertical-align: middle;width: 18px;height: 18px;} .plist-btn-subscribed {background-color: #4CAF50;} /*Create Activity Post*/ .create-post-form {margin-bottom: 50px;} .create-post-form > svg {margin: 0 auto 30px;display: block;width: 70px;height: 70px;} .create-post-form .last-sett-btn {margin: 40px -30px -10px;} /*Channel Activity*/ .pt_chnl_actvty {padding: 15px 15px 5px;} .pt_actv_prnt {margin: auto;width: 100%;max-width: 500px;} .pt_actv_prnt .article-wrapper {padding: 0 30px;} .pt_actv_prnt .article-wrapper:not(:last-child) {border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;} .pt_actv_hdr {display: flex;margin: 30px -6px 12px;} .pt_actv_hdr > div {margin: 0 6px;} .pt_actv_hdr .avatar {width: 42px;min-width: 42px;height: 42px;} .pt_actv_hdr .avatar img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;} .pt_actv_hdr h4 {margin: 4px 0 0;font-size: 15px;} .pt_actv_hdr h4 a {text-decoration: none;color: #252525;} .pt_actv_hdr time {opacity: 0.7;font-size: 13px;margin-top: 3px;display: block;} .pt_actv_thmb {position: relative;border-radius: 7px;overflow: hidden;} .pt_actv_thmb .avatar {position: relative;height: 0;padding-bottom: 125%;width: 100%;display: block;} .pt_actv_thmb .avatar img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;} .pt_actv_thmb .dropdown {position: absolute;top: 8px;right: 8px;z-index: 1;} .pt_actv_thmb .dropdown .dropdown-toggle {background-color: rgba(0, 0, 0, 0.5);color: white;line-height: 1;padding: 6px;display: block;border-radius: 50%;} .pt_actv_thmb .dropdown .dropdown-toggle svg {vertical-align: middle;} .pt_act_likds {margin: 8px -6px 0;} .pt_act_likds > span {margin: 0 6px;cursor: pointer;} .pt_act_likds span svg.feather-thumbs-up.active { color: #4caf50; fill: #cfffd1; } .pt_act_likds svg.feather-thumbs-down.active { color: #f44336; fill: #ffd8d5; } .pt_vew_actv_pst {margin: auto;width: 100%;max-width: 550px;background-color: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 5px;} .pt_vew_actv_pst .pt_actv_hdr {margin: 0px 3px 12px;padding-top: 12px;} .pt_vew_actv_pst > p {padding: 0 12px;} .pt_vew_actv_pst .pt_actv_thmb {border-radius: 0px;} .pt_vew_actv_pst .pt_act_likds {margin: 0;padding: 15px 5px;} .pt_vew_actv_pst .comments-content {background: transparent;box-shadow: none;padding-top: 0;} .pt_vew_actv_pst .comments_header {font-weight: 500;padding-bottom: 8px;} .pt_vew_actv_pst .pt_blogcomm_combo img, .pt_vew_actv_pst .user-comments .main-comment .user-avatar img {width: 40px;height: 40px;border: 0;} .pt_vew_actv_pst .pt_blogcomm_combo textarea {border-radius: 2em;padding: 9px 11px 7px;height: 40px;resize: none;background-color: rgba(0, 0, 0, 0.02);} .pt_vew_actv_pst .pt_blogcomm_combo button {width: 40px;height: 40px;padding: 0 10px;} .pt_vew_actv_pst .user-comments .main-comment .user-avatar {width: 40px;height: 40px;} /*Watch Next*/ .pt_mn_wtch_nxttxt h4 {font-family: "Roboto", sans-serif;margin: 5px 0 0;font-size: 18px;} .pt_mn_wtch_nxttxt h4 svg {vertical-align: middle;margin-top: -2px;} .pt_mn_wtch_switch {padding: 4px 5px 9px;} .pt_mn_wtch_switch .tgl {visibility: hidden;position: absolute;opacity: 0;margin: 0;} .pt_mn_wtch_switch .tgl-btn {transition: all .4s ease;margin: 0px;display: block;position: relative;cursor: pointer;user-select: none;padding-right: 45px;} .pt_mn_wtch_switch .tgl-btn:after {position: absolute;display: block;content: "";width: 20px;height: 20px;top: 0px;right: 18px;} .pt_mn_wtch_switch .tgl-btn:before {position: absolute;display: block;content: "";height: 14px;border-radius: 30px;width: 36px;background: rgba(0, 0, 0, 0.1);right: 0;top: 50%;transform: translateY(-50%);} .pt_mn_wtch_switch .tgl-btn:after {border-radius: 2em;background: #b7b7b7;transition: right 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;} .pt_mn_wtch_switch .tgl:checked + .tgl-btn:before {background: rgba(4, 171, 242, 0.3);} .pt_mn_wtch_switch .tgl:checked + .tgl-btn:after {right: 0;background: #04abf2;} /*Page Head*/ .pt_mn_page_hd {text-align: center;margin: 15px 0 13px;font-weight: 100;font-size: 25px;} .pt_mn_page_hd svg {vertical-align: middle;background-color: rgba(4, 171, 242, 0.2);color: #04abf2;border-radius: 50%;padding: 7px;width: 35px;height: 35px;} /*Dashobard Stats*/ .vp_mn_dash_stats {background-color: rgba(0, 0, 0, 0.03);box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);padding: 20px 10px;border-radius: 7px;text-align: center;} .vp_mn_dash_stats h2 {margin: 0;font-size: 12px;text-transform: uppercase;letter-spacing: 0.4px;word-spacing: 2px;} .vp_mn_dash_stats h2 svg {vertical-align: middle;width: 16px;height: 16px;margin-top: -1px;} .vp_mn_dash_stats p {margin: 20px 0 0;font-size: 32px;line-height: normal;} /*Tooltip*/ [tooltip] {position: relative;} [tooltip]::before, [tooltip]::after {text-transform: none;font-size: .9em;line-height: 1;user-select: none;pointer-events: none;position: absolute;display: none;opacity: 0;} [tooltip]::before {content: '';border: 5px solid transparent;z-index: 1001;} [tooltip]::after {content: attr(tooltip);font-family: Helvetica, sans-serif;text-align: center;min-width: 3em;max-width: 21em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 1ch 1.5ch;border-radius: .3ch;box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);background: #333;color: #fff;z-index: 1000;} [tooltip]:hover::before, [tooltip]:hover::after {display: block;} [tooltip='']::before, [tooltip='']::after {display: none !important;} [tooltip][flow^="down"]::before {top: 100%;border-top-width: 0;border-bottom-color: #333;} [tooltip][flow^="down"]::after {top: calc(100% + 5px);} [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after {left: 50%;transform: translate(-50%, .5em);} @keyframes tooltips-vert { to {opacity: .9;transform: translate(-50%, 0);} } [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after {animation: tooltips-vert 200ms ease-out forwards;} /*Toggle*/ .pt_montize .toggle {position: relative;overflow: hidden;border-radius: 50%;width: 40px !important;height: 40px !important;min-width: 40px !important;min-height: 40px !important;border: 0;margin-right: 12px;} .pt_montize .toggle-on {padding: 7px 0 !important;box-shadow: none;} .pt_montize .toggle-off {padding: 7px 0 !important;box-shadow: none;} .pt_montize .toggle-group span.btn {padding: 0;} /*Upload Avatar Cover*/ .pt_cset_cover, .pt_cset_avtr {position: relative;} .pt_cset_cover .pt_cset_cover_hdr .btn-file {display: flex;justify-content: center;box-shadow: none;background-color: #f3f3f3;border-radius: 5px;height: 170px;overflow: hidden;padding: 0;} .pt_cset_cover .pt_cset_cover_hdr .btn-file img, .pt_cset_avtr .pt_cset_avtr_hdr .btn-file img {width: 100%;height: 100%;object-fit: cover;} .pt_cset_cover .pt_cset_cover_hdr .btn-file span, .pt_cset_avtr .pt_cset_avtr_hdr .btn-file span {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #3c3c3c;margin: auto;} .pt_cset_cover .pt_cset_cover_hdr .btn-file svg, .pt_cset_avtr .pt_cset_avtr_hdr .btn-file svg {margin: 0;width: 30px;height: 30px;} .pt_cset_cover .avatar-read {position: absolute;top: 10px;left: 10px;} .pt_cset_cover .avatar-read p {margin: 0;background-color: rgba(0, 0, 0, 0.5);color: white;height: 34px;padding: 6px 12px;border-radius: 4px;} .pt_cset_avtr .pt_cset_avtr_hdr .btn-file {display: flex;justify-content: center;box-shadow: none;background-color: #f3f3f3;width: 120px;height: 120px;border-radius: 50%;border: 5px solid #fff;overflow: hidden;margin: -20px auto 20px;padding: 0;} .pt-plist-tgl_btn svg {width: 30px;height: 30px;} .profile-container .card-container .cover-container-2 img { width: 100%;position: absolute;} .cover-container-2{display: none;height: 190px;overflow: hidden;} /*Cloudinary Player*/ .cld-video-player-my-video .vjs-play-progress {background: #2196F3 !important;} .cld-video-player-my-video .vjs-volume-panel-horizontal .vjs-volume-level:before {border-color: transparent transparent #04abf2 transparent !important;} .cld-video-player-my-video .vjs-slider {background-color: rgb(255 255 255 / 30%) !important;} .video-js .vjs-volume-panel-horizontal .vjs-volume-bar {background-color: transparent !important;} .cld-video-player-my-video .vjs-volume-panel-horizontal .vjs-control:before {border-color: transparent transparent rgb(255 255 255 / 0.2) transparent !important;} .cld-video-player-my-video .vjs-load-progress, .cld-video-player-my-video .vjs-load-progress div {background: rgb(179 179 179 / 20%) !important;} /*Live*/ #remote-media, .video-con {position: relative;} #remote-media h3, .end_video_text {text-align: center;color: #fff;font-size: 25px;margin: 0px;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .video-con {background: #000;height: calc(100vh - 57px);} .wow_go_live_cont > .containerr {background: #000;height: 100%;color: white;} .wow_go_live_cont > .containerr > div {height: 100%;} .wow_go_live_cont .empty_state {margin: 0 !important;display: flex;flex-direction: column;justify-content: center;height: calc(100vh - 57px);} .wow_go_live_cont .empty_state svg {display: block;margin: 0 auto 15px;width: 60px;height: 60px;color: #ffffff;background-color: #4a4a4a;border-radius: 50%;padding: 14px;} .wow_liv_counter {z-index: 2;position: absolute;left: 15px;top: 15px;background-color: #F44336;border-radius: 4px;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);min-width: 60px;line-height: 25px;font-size: 12px;font-weight: 500;color: #ffffff;text-align: center;padding: 0 10px;} .end_vdo_call, .start_vdo_call {padding: 0 12px;display: flex;align-items: center;justify-content: center;border-radius: 4px;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);position: absolute;top: 15px;right: 15px;border: 0;line-height: 38px;min-width: 150px;} .end_vdo_call svg, .start_vdo_call svg {width: 18px;height: 18px;margin: -1px 0 0;vertical-align: middle;} #main_live_video {height: 100%;width: 100%;} .live_mic_cam_switch {position: absolute;right: 15px;top: 65px;height: auto !important;} .mic_drop, .cam_drop {display: inline-block;} .mic_drop > .btn, .cam_drop > .btn {background-color: black;border: 0;padding: 7px;line-height: 1;color: white;} .mic_drop .dropdown-menu div, .cam_drop .dropdown-menu div {padding: 5px 12px;color: #1a1a1a;} .wow_liv_comments_feed {position: absolute;z-index: 2;bottom: 0;width: 100%;left: 0;right: 0;background: linear-gradient(rgba(0, 0, 0, 0), black);padding: 120px 15px 10px;} .wow_liv_comments_feed .main-comment .user-name a {color: white;} .wow_liv_comments_feed .main-comment .user-comment {color: #dcdcdc;} .end_video_text {z-index: 9;} /*Points*/ .ep_how_many {padding: 10px 0;display: flex;align-items: center;margin: 0 -8px;} .ep_how_many svg {display: block;background-color: #7a7a7a;width: 50px;height: 50px;border-radius: 50%;padding: 12px;color: white;margin: 0 8px;} .ep_how_many b {margin: 0 8px;font-weight: 500;} /*Sticky Player*/ .sticky-container_sticky .sticky-container__video {height: 247.50px;width: 440px;right: 0;bottom: 0;position: fixed;z-index: 9;} .sticky-container_sticky .sticky-container__video .mejs__video {height: 100% !important;width: 100% !important;} .sticky-container_sticky .sticky-container__video .mejs__video video {height: 100% !important;width: 100% !important;} .sticky-container_in-content .sticky-container__video .sticky-container__object {position: absolute;top:0;left: 0;width: 100%;height: 100%;} .sticky-container_sticky .wow_liv_comments_feed {display: none;} /*Home Articles*/ .pt_homep_articls {padding: 0px;} .pt_homep_articls .pt_article_h_list {box-shadow: none;} .pt_homep_articls .pt_article_h_list .video-thumb {margin-bottom: 0;} .pt_homep_articls .article-views {margin-top: 25px;} .pt_homep_articls .article-title h4 {max-height: 58px;overflow: hidden;} /*Stock Videos*/ .pt_stock_vid_setts {position: relative;top: auto !important;background-color: #607D8B;border-radius: 3px;margin: 0 0 30px;padding: 20px 0;} .pt_stock_vid_setts .mov_filtr_cont {max-width: 402px;color: #ffffff;} @media (min-width: 576px) { .et_plus .modal-dialog {min-height: calc(100% - 3.5rem);} .et_plus .modal-dialog::before {height: calc(100vh - 3.5rem);} } @media (min-width: 735px) { .pt_mv_page_selct_holdr {margin-right: -115px;overflow: hidden;} .vid_move_filtr .selects-container {width: 158.7px;} } @media (min-width: 992px) { .sett_mon_switch {margin-top: -6px;} } @media (min-width: 1200px) { .pt_hmpg_vidlst .col-md-3 { width: 20%; } .watch-container { width: 1180px; } } @media (min-width: 1300px) { .watch-container { width: 1250px; } } @media (min-width: 1500px) { .watch-container {width: 1430px !important;} } @media (min-width: 1700px) { .watch-container {width: 1530px !important;} } @media (max-width: 1600px) { .login-page { width: 50%; } } @media (max-width: 1450px) { .pl_feat_vid_slide_nav .owl-prev, .pl_feat_vid_slide_nav .owl-next {opacity: 0;visibility: hidden;} nav.navbar-findcond .search-header input {width: 320px !important;} } @media (max-width: 1300px) { .yp_side_menu.has_side_menu {margin: 0;} .yp_side_drawer {width: 250px;transition: all 0.3s;left: -250px;} .yp_side_drawer ul.sections li a {font-size: 1.4rem;justify-content: normal;padding-left: 25px;} .yp_side_drawer ul.sections li a svg {margin-right: 27px;} .yp_side_drawer .subscribers_ img {margin-right: 27px;} body.side_open .yp_side_drawer {left: 0;z-index: 9;} nav.navbar-findcond .search-header input {width: 250px !important;} } @media (max-width: 1210px) { .pro-triangle { display: none; } .free-triangle { display: none; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg { margin-bottom: 30px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div { max-width: 100%; width: 100%; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div h4 { margin: 0 !important; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div h4 * { float: unset !important; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div h4 span.go-pro-pkg-price { display: block; width: 100%; text-align: center; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-pkg-purchase button { padding: 7px 15px !important; } } @media (max-width: 1200px) { .pt_featured_video .thumbnail_holder { height: 450px; min-height: 450px; max-height: 450px; } .pt_featured_video .video-title .video_info { display: none; } .pt_featured_video .video-player .video-big-title { margin: 0; } .pt_fv_blur_img { height: 450px; min-height: 450px; max-height: 450px; } .pt_import_vdo #fetch-form {padding: 50px 10px;} #category_menu_ {display: none !important;} nav.navbar-findcond ul.navbar-nav.sec_lay_hdr a { margin: 0; } nav.navbar-findcond .search-header input { width: 170px !important; } .profile-container .card-container .cover-container img, .cover-container-2 { height: 200px; } .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids { width: 100%; } } @media (max-width: 1090px) { nav.navbar-findcond .search-header input {width: 200px !important;} header .upload-button span, header .import-button span, header .live-button span {display: none;} header .upload-button svg, header .import-button svg, header .live-button svg { margin: -3px 0 0 !important; } } @media (max-width: 992px) { .pt_page_margin { margin-top: 60px; } .hide-in-mobile { display: none !important; } .pt_fv_blur_img { height: 400px; min-height: 400px; max-height: 400px; } .pt_four_videos { height: 560px; } .pt_import_vdo .col-md-9 { padding-right: 15px; padding-left: 15px; } .pt_import_vdo .col-md-9 input { border-radius: 10px 10px 0 0; } .pt_import_vdo .col-md-9 .help-block { display: none; } .pt_import_vdo .col-md-3 { padding-right: 15px; padding-left: 15px; } .pt_import_vdo .col-md-3 button { border-radius: 0 0 10px 10px; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg:first-child { margin-bottom: 100px; } nav.navbar-findcond .search-header input { width: 180px !important; } nav.navbar-findcond .search-header input:focus { margin-right: 0; } .pt_featured_video .thumbnail_holder { height: 400px; min-height: 400px; max-height: 400px; } .home-page-categories .videos .video-list img { min-height: 190px; max-height: 190px; } .video-latest-list .video-thumb img { min-height: 190px; max-height: 190px; } .create-new-ad-container {overflow: hidden;} .video-actions {float:none;margin-bottom: 5px;} .vid_analts_stat {margin-bottom: 15px;} .rent_vids .avatar a { min-width: 180px; width: 180px; } .nav>li.pt_hide-from-mobile { display: none; } .footer-container { flex-direction: column; } .footer-container .footer-copyright { margin-bottom: 13px; } .profile-container .card-container .cover-container img, .cover-container-2 { height: 200px; } .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids { width: 50%; } .pt_mn_wtch_upnxt_prnt .pt_pt_mn_wtch_rltvids { width: 100%; } .pt_vid_lst_page.pt_page_margin { margin-top: 150px; } } @media (max-width: 990px) { .mobile { display: block; width: 100%; } .desktop { display: none; } .icons { display: none; } .no-padding-right { padding-right: 15px !important; } .no-padding-left { padding-left: 15px !important; } .video-player-page .no-padding-right { padding-left: 5px !important; } .video-player-page .no-padding-left { padding-left: 5px !important; } .mobilerightpane { padding: 0 !important; display: none; } .mobilerightpane .messages-sidebar { margin-top: -5px; margin-bottom: -18px; } .mobileleftpane { padding: 0 !important; } .pt_msg_main { margin-top: -5px; margin-bottom: -18px; } .pt_msg_area { height: calc(100vh - 165px); } .play-list-player .no-padding-right { padding-right: 0 !important; } .pt_msg_header h3 .mobilemsgclose { display: inline-block; } .messages-sidebar ul { height: calc(100vh - 106px); } .wtch_mv_img img {display: none;}} @media (max-width: 900px) { .hide-in-mobile { display: none !important; } .btn-message { width: auto !important; } .video-latest-list { height: auto !important; margin-bottom: 25px; } .login-page { width: 100%; } .login-page h4 { font-size: 34px; } .video-player-page .no-padding-right { padding-left: 0 !important; } .video-player-page .no-padding-left { padding-left: 0 !important; } .pt_latest_vds .col-md-3:nth-child(2), .pt_latest_vds .col-md-3:nth-child(3), .pt_latest_vds .col-md-3:nth-child(4), .pt_latest_vds .col-md-3:nth-child(5) { width: 50%; } } .show-in-mobile { display: none !important; } @media (max-width: 865px) { .pt_svg_squiggle { display: none !important; } .pt_svg_lines { display: none !important; } .pt_svg_spiral { display: none !important; } .pt_svg_triangle { display: none !important; } #pt-user-ads-table_wrapper div.col-sm-12 {overflow-x: auto;} header .upload-button, header .import-button, header .live-button {display: none !important;} .fixed-action-btn {bottom: 35px !important;} nav.navbar-findcond .search-header input { width: 220px !important; } } @media (max-width: 768px) { nav.navbar-findcond .pull-right > .navbar-nav { margin: 0; margin-right: -10px; } .pt_vdo_plyr .embed-responsive.stuck { display: none; } .vid_stud_links li a {margin: 0 3px 5px;} .vid_pop_chnl_filtr {flex-direction: column;} .vid_pop_chnl_filtr select {margin: 7px 0px;} .navbar-nav { float: left; margin: 0; } nav.navbar-findcond ul.navbar-nav.sec_lay_hdr { display: none; } body .hdr_movie_link_show {display: block !important} .dropdown-menu.ani-acc-menu {max-height: calc(100vh - 200px);overflow-y: auto;} .pt_featured_video .thumbnail_holder { border-radius: 10px; } .pt_hmpg_hr { margin: 10px 0 40px; } nav.navbar-findcond .search-header input { width: 300px !important; } } @media (max-width: 760px) { .no-padding-mobile-left { padding-left: 15px !important; } .user-messages.user-setting-panel { padding: 20px !important; } .user-messages .messages .message { max-width: 100% !important; word-break: break-word; } .navbar-fixed-top { height: 30px; } .show-in-mobile { display: initial !important; } .login-page { margin-top: 0 !important; } .hide-in-mobile-720 { display: none !important; } .views-mobile { font-size: 12px; color: #777; } .video-big-title { font-size: 18px; margin-top: 5px; margin-bottom: 10px; } .video-big-title h1 { font-size: 18px; margin-top: 0; margin-bottom: 10px; } .video-player-page .col-lg-1 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-10 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-11 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-12 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-2 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-3 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-4 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-5 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-6 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-7 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-8 { padding-right: 0; padding-left: 0; } .video-player-page .col-lg-9 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-1 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-10 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-11 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-12 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-2 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-3 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-4 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-5 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-6 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-7 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-8 { padding-right: 0; padding-left: 0; } .video-player-page .col-md-9 { padding-right: 0; padding-left: 0; } .col-sm-1 { padding-right: 0; padding-left: 0; } .col-sm-10 { padding-right: 0; padding-left: 0; } .col-sm-11 { padding-right: 0; padding-left: 0; } .col-sm-12 { padding-right: 0; padding-left: 0; } .col-sm-2 { padding-right: 0; padding-left: 0; } .col-sm-3 { padding-right: 0; padding-left: 0; } .col-sm-4 { padding-right: 0; padding-left: 0; } .col-sm-5 { padding-right: 0; padding-left: 0; } .col-sm-6 { padding-right: 0; padding-left: 0; } .col-sm-7 { padding-right: 0; padding-left: 0; } .col-sm-8 { padding-right: 0; padding-left: 0; } .col-sm-9 { padding-right: 0; padding-left: 0; } .col-xs-1 { padding-right: 0; padding-left: 0; } .col-xs-10 { padding-right: 0; padding-left: 0; } .col-xs-11 { padding-right: 0; padding-left: 0; } .col-xs-12 { padding-right: 0; padding-left: 0; } .col-xs-2 { padding-right: 0; padding-left: 0; } .col-xs-3 { padding-right: 0; padding-left: 0; } .col-xs-4 { padding-right: 0; padding-left: 0; } .col-xs-5 { padding-right: 0; padding-left: 0; } .col-xs-6 { padding-right: 0; padding-left: 0; } .col-xs-7 { padding-right: 0; padding-left: 0; } .col-xs-8 { padding-right: 0; padding-left: 0; } .col-xs-9 { padding-right: 0; padding-left: 0; } .keep-padding { padding-right: 10px !important; padding-left: 23px !important; } .pull-right-mobile { float: right !important; } .pull-left-mobile { float: left !important; } .avatar-container { width: 40px !important; border: 1px solid #fff; } .info-container { left: 20% !important; } .info-container h4 { font-size: 16px !important; } .phone-container { padding-left: 0 !important; padding-right: 0 !important; } .footer-container { text-align: center; } .footer-container .pull-right { float: inherit !important; } .footer-container .pull-left { float: inherit !important; } .search-header { display: none; } .wo_about_wrapper_parent { top: 50px; } .pt_page_margin { margin-top: 120px; padding-right: 0 !important;padding-left: 0 !important;} .pt_foot_lang { text-align: center; } .pt_featured_video .thumbnail_holder { height: 370px; min-height: 370px; max-height: 370px; } .pt_featured_video .video-player .publisher-name a { color: #fff; } .pt_fv_blur_img { height: 370px; min-height: 370px; max-height: 370px; margin-top: -5px; } .pt_four_videos { height: 600px; } ul.notfi-dropdown { right: -80px !important; } nav.navbar-findcond .logo-img { max-width: 130px !important; margin-top: -12px; } nav.navbar-findcond .pull-right > .navbar-nav > li > a { padding: 18px 15px !important; } .video-info-element .video-likes { font-size: 14px; } .publisher-element .publisher-name a { font-weight: 100; font-size: 14px; color: #111; } .nav > li { display: inline-block !important; } .nav > li > a { padding: 18px 10px !important; } nav.navbar-findcond ul.navbar-nav a {border: 0;} .next-video h4 { font-size: 14px; margin-top: 5px; margin-bottom: 5px; } .home-page-categories .videos .video-list { margin-bottom: 30px; } .pt_latest_vds .col-md-3 { width: 50%; } .pt_latest_vds .col-md-3:first-child { width: 50%; } .pt_latest_vds .col-md-3:first-child .video-list img { min-height: 195px; max-height: 195px; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-title { bottom: 3px; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-title h4 { font-size: 13px; font-weight: 600; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-by { display: none; } .pt_latest_vds .col-md-3:first-child .video-list .video-list-by span:first-child { display: none; } .pt_latest_vds .col-md-3 .video-list img { min-height: 195px; max-height: 195px; } .pt_latest_vds .col-md-3 .video-list .video-list-title h4 { font-size: 13px; font-weight: 600; } .vid_move_filtr {top: 50px;} .pt_movie_margin {margin-top: 300px;} .wtch_mv_main_row {margin: 0;} .wtch_mv_info_main {margin-top: 0px;} .profile-container .pt_chnl_info .avatar-container {width: 50px !important;height: 50px;} .profile-container .pt_chnl_info .info-container .btn-message {padding: 4px 6px;} .profile-container .pt_chnl_info .info-container .btn-message svg.feather {margin: -2px 0 0;} nav.navbar-findcond .search-header-mobile {padding: 0px} .pt_vid_lst_page.pt_page_margin { margin-top: 120px; } } @media (max-width: 735px) { .pt_movie_margin {margin-top: 370px;} .rent_vids { flex-direction: column; } .rent_vids .avatar { width: 100%; } .rent_vids .avatar a { min-width: 100%; width: 100%; } .rent_vids_side { padding: 0; padding-top: 15px; } .pt_stock_vid_setts > form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; } .pt_stock_vid_setts .mov_filtr_cont { max-width: 430px;display: block; } .pt_stock_vid_setts .last-sett-btn { display: block; } } @media (max-width: 700px) { ul.notfi-dropdown { left: auto !important; width: 100% !important; } } @media (max-width: 650px) { .profile-container .pt_chnl_info { display: block; text-align: center; } .profile-container .pt_chnl_info .info-container .btn-message {margin: -10px 0 20px;} .profile-container .pt_chnl_info .info-container h4 { font-size: 22px !important; margin-bottom: 15px; } .profile-container .pt_chnl_info .avatar-container { margin: 0 auto 20px; width: 90px !important;height: 90px;} .articles-content .pt_article_h_list .video-thumb {width: 100%;float: none !important;} .articles-content .pt_article_h_list .video-thumb img {width: 100% !important;} } @media (max-width: 620px) { .pt_featured_video .thumbnail_holder { height: 330px; min-height: 330px; max-height: 330px; } .pt_featured_video .video-player .video-big-title a { font-size: 23px; } .pt_fv_blur_img { height: 330px; min-height: 330px; max-height: 330px; } .pt_four_videos { height: 515px; } .home-page-categories .videos .video-list img { min-height: 150px; max-height: 150px; } .pt_latest_vds .col-md-3 .video-list img { min-height: 150px; max-height: 150px; } .pt_latest_vds .col-md-3:first-child .video-list img { min-height: 150px; max-height: 150px; } .profile-container .links-container ul { white-space: nowrap; overflow-x: auto; } .pt_movie_margin { margin-top: 450px; } .pt_featured_video .video-player .video-title { bottom: 0px; left: 0px; right: 0px; padding: 10px; border-radius: 10px; } .pt_mn_wtch_opts .btn-share { margin: 0 1px; } } @media (max-width: 520px) { .announcement-renderer { width: 100%; left: 0; bottom: 0; } .pt_featured_video .thumbnail_holder { height: 280px; min-height: 280px; max-height: 280px; } .pt_featured_video .video-player .video-big-title a { font-size: 21px; } .pt_fv_blur_img { height: 280px; min-height: 280px; max-height: 280px; } .view_more_link { opacity: 1; visibility: visible; } .pt_video_info .btn-subscribe { padding: 5.7px 12px; font-size: 13px; } .pt_video_info .btn-subscribe:before { display: none; } .pt_video_info .btn-subscribe svg.feather { margin-top: -2px; width: 16px; height: 16px; } .pt_video_info .btn-subscribed { padding: 0px 12px;} .pt_video_info .btn-subscribed:before { display: none; } .pt_video_info .btn-subscribed svg.feather { margin-top: -2px; width: 16px; height: 16px; } .pt_video_info .publisher-subscribe-button .subs-amount { display: none; } .video-options { text-align: center; } .video-options .btn-share { float: none !important; } .go-pro-container .go-pro-body .go-pro-packages { width: 80%; } .pt_featured_video .video-player .feat_desc{display: none;} .pt_opn_sid_menu {margin: 8px -10px 8px -15px;} .rent_vids_foot { flex-wrap: wrap; } .rent_vids_foot .rent_vid_info_name { display: block; width: 100%;margin-bottom: 10px; } .pt_actv_prnt .article-wrapper { padding-left: 0; padding-right: 0; } .pt_mn_wtch_rlts_prnt .pt_pt_mn_wtch_rltvids { width: 100%; } .sticky-container_sticky .sticky-container__video {position: relative;} .pt_stock_vid_setts { padding: 20px 15px; } .pt_stock_vid_setts .pt_mv_page_selct_holdr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; margin: 0 -10px; } .pt_stock_vid_setts .pt_mv_page_selct_holdr > div { width: calc(100% - 20px) !important; float: none !important; margin: 15px 10px 0 !important; } } @media (max-width: 460px) { .pt_featured_video .thumbnail_holder { height: 240px; min-height: 240px; max-height: 240px; } .pt_featured_video .video-player .video-big-title a { font-size: 19px; } .pt_fv_blur_img { height: 240px; min-height: 240px; max-height: 240px; } .home-page-categories .col-md-3 { width: 100% !important; } .home-page-categories .videos .video-list img { min-height: 200px; max-height: 200px; } .pt_four_videos { height: auto; } .pt_four_videos .empty_state { margin-top: 120px !important; margin-bottom: 140px !important; } .profile-container .pt_chnl_info { margin: 0; } .profile-container .links-container { margin: 0; } .profile-container .card-container .cover-container img { height: 160px; object-fit: cover; } .video-info-element { width: 90px; } nav.navbar-findcond .pull-right > .navbar-nav > li > a { padding: 15px 12px 13.9px !important; } .pt_latest_vds .col-md-3 .video-list img { min-height: 100%; max-height: 100%; } .pt_latest_vds .col-md-3:first-child .video-list { margin-bottom: 30px; } .pt_latest_vds .col-md-3:first-child .video-list img { min-height: 100%; max-height: 100%; } .articles-content {padding: 5px;} .read-article-container .read-article-text, .read-article-container .read-article-share ul {padding: 0 0px;} .read-article-container {padding: 15px 0px 20px;} .read-article-container .read-article-share ul li a .btn-share {padding: 7px 0px;} .read-article-container .read-article-meta {text-align: center;} .read-article-container .read-article-meta span.pull-right {float:none !important;display: block;} .read-article-comments-container .comments-content {padding: 15px 0px;} .user-comments .main-comment .user-comment {width: 70%;} body .hdr_movie_link_hide {display: none !important} .pt_hmpg_contanr {padding: 0;} .pt_home_vid_content .title { margin: 10px 10px; } .pt_featured_video { padding: 0 10px; } } @media (max-width: 400px) { .pt_featured_video .thumbnail_holder { height: 220px; min-height: 220px; max-height: 220px; } .pt_featured_video .video-player .publisher-element { display: none; } .pt_fv_blur_img { height: 220px; min-height: 220px; max-height: 220px; } ul.notfi-dropdown { left: auto !important; right: -80px !important; width: 100% !important; width: all !important; } nav.navbar-findcond .pull-right > .navbar-nav > li > a { padding: 19px 8.5px !important; } .home-page-categories .videos .video-list { margin-bottom: 10px; } .home-page-categories .videos .video-list img { min-height: 180px; max-height: 180px; } .pt_latest_vds .col-md-3:first-child .video-list { margin-bottom: 10px; } } @media (max-width: 380px) { .pt_featured_video .thumbnail_holder { height: 200px; min-height: 200px; max-height: 200px; } .pt_featured_video .video-player .video-big-title a { font-size: 16px; } .pt_fv_blur_img { height: 200px; min-height: 200px; max-height: 200px; } nav.navbar-findcond .logo-img { max-width: 110px !important;padding: 17px 9px;} } @media (max-width: 350px) { .pt_fv_blur_img { height: 180px; min-height: 180px; max-height: 180px; } nav.navbar-findcond .pull-right > .navbar-nav > li > a { padding: 15px 8px 13.9px !important; } .pt_featured_video .thumbnail_holder { height: 180px; min-height: 180px; max-height: 180px; } .home-page-categories .videos .video-list img { min-height: 160px; max-height: 160px; } } @media (min-width: 375px) { .pt_svg_spiral { display: block; position: absolute; bottom: 50px; right: 0; height: 40px; transform: rotate(90deg); } } @media (min-width: 750px) { .pt_svg_squiggle { display: block; position: absolute; bottom: 30px; right: 0; transform: translate(50%); height: 20px; } .pt_svg_lines { height: 70px; } .pt_svg_spiral { height: 58px; top: 25%; left: -30px; transform: rotate(-45deg); } .pt_svg_triangle { display: block; position: absolute; top: 10%; right: 0; transform: rotate(-45deg) translateX(40%); height: 50px; } } @media (min-width: 1000px) { .pt_svg_squiggle { display: block; position: absolute; bottom: 40%; right: 50px; transform: translate(50%); } } .showing_pages{margin-top: 25px} .pay_to_content{width: 100% !important;height: 100% !important;position: absolute !important;z-index: 4;} .pay_to_content .pay_to_content_background{width: 100%;height: 100%;background: rgba(0,0,0,0.6) !important;} .pay_to_content p,.pay_to_content h5{color: #fff !important;} .videos-list .pt_video_side_vids .video-thumb:hover .play_hover_btn { opacity: 1; visibility: visible; } .videos-list .pt_video_side_vids .video-thumb:hover .play_hover_btn svg.feather { transform: translate(-50%, -50%) scale(1); } .videos-list .pt_video_side_vids .video-thumb .play_hover_btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; visibility: hidden; transition: all 0.2s ease;border-radius: 5px;} .videos-list .pt_video_side_vids .video-thumb a { display: block; position: relative; overflow: hidden; } .videos-list .pt_video_side_vids .video-thumb .play_hover_btn svg.feather { left: 50%; position: absolute; top: 50%; margin: 0; transform: translate(-50%, -50%) scale(0.7); width: 45px; height: 45px; stroke-width: 1.2px; } .videos-list .pt_video_side_vids .video-thumb .play_hover_btn svg.feather { transform: translate(-50%, -50%) scale(1); } .custom-control { text-align: left; color: #a8a8a8; font-size: 15px; margin-bottom: 3px; } .unverify_color{color: #fb483a !important;} .user-cover-uploading-progress { color: #fff; width: 100%; position: absolute; z-index: 2; display: none; background-color: rgba(0,0,0,.23); height: 100%; } .pace-activity-parent { background-color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; padding: 20px; border-radius: 5px; margin-top: -15px; } .pace-activity { display: block!important; width: 40px; height: 40px; border: 4px solid transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 30px; overflow: visible!important; -webkit-animation: pace-spinner .7s linear infinite; -moz-animation: pace-spinner .7s linear infinite; -ms-animation: pace-spinner .7s linear infinite; -o-animation: pace-spinner .7s linear infinite; animation: pace-spinner .7s linear infinite; } #adContainer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1000; } #adContainer div{ width: 100% !important; height: 100% !important; }