@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700); @import "https://fonts.googleapis.com/css?family=Roboto"; *{outline:0 !important;} ::selection { background: rgba(166, 175, 189, 0.3);} .mejs-qualities-selected, .mejs__qualities-selected { color: #04abf2 !important; } .videos-list .video-wrapper .video-views, .videos-list .video-wrapper .video-publisher { color: #777; margin-top: 3px; font-size: 11px; } .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 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; } .user-setting-panel textarea { 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; } .user-setting-panel { background-color: #fff; padding: 30px; padding-top: 20px; padding-bottom: 10px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); } .user-setting-panel textarea { 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: #f0f2f5; background-size: cover; font-family: Lato, sans-serif !important; margin: 0; padding: 0; height: 100%; min-height: 100%;padding-top:56px;} /*.content,body,header{ background: #202020 !important; color: #fff !important; border-color: #202020 !important; box-shadow: none !important; } *{ color: #fff !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 > li > a:focus, .dropdown-menu > li > a:hover { color: #333 !important; } .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 { width: 100%; position: relative; } .video-latest-list .video-thumb .video-duration { pointer-events: none;position: absolute;right: 4px;bottom: 4px;padding: 1px 5px;font-weight: 500;font-size: 11px;background-color: rgba(0, 0, 0, 0.75);color: #ededed;height: 16px;line-height: 14px;border-radius: 2px; } .video-latest-list .video-info { margin-top: 5px; color: #444; font-size: 11px; } .video-latest-list .video-info p.descc {display: none;} .video-latest-list.video-wrapper { overflow: unset !important; } .video-latest-list.video-wrapper .video-title a { display: inline-block; height: 3em; overflow: hidden; } .inline-block { display: inline-block; padding-bottom: 1px; } .navbar-default .navbar-nav > .open > a { background-color: #04abf2; border-bottom: 0; } .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #04abf2; border-bottom: 0; } .content { background: #fff; width:100%;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;box-shadow: 0 1px 2px rgb(0 0 0 / 20%); padding: 10px; margin-bottom: 20px; } .mejs__container { max-height: 80%; } .clear { clear: both; } .pt_video_info {padding: 5px;} .video-big-title { font-size: 20px; color: #202020;margin-bottom: 5px;} .video-big-title h1 { font-size: 22px;margin: 0;font-family: 'Lato', sans-serif;line-height: 1.3;word-break: break-word;font-weight: bold;} .video-big-title .featured-text { color: green; } .video-big-title a { color: #202020; text-decoration: none; } .video-info-element { width: 150px;height: 3px;text-align: right;position: relative;margin: 1px 12px;overflow: hidden;border-radius: 2em; } .pt_video_info .video-views { font-size: 16px; color: #5c5c5c;display: flex;align-items: center;flex-wrap: wrap;} .pt_video_info .video-views .middot {margin: 0 8px;font-size: 16px;} .video-info-element .views-bar { width: 80%; text-align: right; position: absolute; right: 0; height: 4px; background-color: #ccc;} .video-info-element .blue { background: linear-gradient(to right,#2dc0ff,#04abf2); 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;line-height: 1;display: flex;align-items: center; } .video-likes .like-btn .likes { font-size: 13px; } .video-likes .like-btn:hover { color: #383838; } .video-likes .like-btn svg{margin-right: 4px;width: 20px;height: 20px;} .video-likes .like-btn.active svg.thumbs_up { color: #04abf2; } .video-likes .like-btn.active svg.thumbs_down { color: #F44336; } .pt_video_info .btn-subscribe, .pt_video_info .btn-subscribed {box-shadow: none;border-radius: 6px;padding: 0 16px;line-height: 40px;font-size: 15px;font-weight: bold;display: inline-block;} .video-options { padding: 10px 0 20px;border-bottom: 1.5px solid #eee;border-top: 1.5px solid #eee;margin-top: 20px;display: flex;align-items: center; } .video-options svg.feather{margin-top: -3px;width: 17px;height: 17px;} .video-options .btn-share {border: 0;color: #878787;background: transparent;padding: 0 16px;line-height: 30px;transition: all 0.2s ease;border-radius: 0;overflow: hidden;display: flex;align-items: center;box-shadow: none;text-decoration: none;font-size: 15px;justify-content: center;} .video-options .btn-share svg {margin-right: 10px;width: 15px;height: 15px;} .video-options .btn-share:not(:last-child) {border-right: 1.5px solid #eee;} .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.1);} .video-options .btn-share:focus { outline: none; } .video-player-page.six_padding_15 .video-options {width: 100%;padding: 15px 0;} .video-player-page.six_padding_15 .video-options .btn-share {flex: 1;} .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: 0 ; } .home-page-categories .col-md-3 { padding: 0;padding-right: 6px; } .home-page-categories .title { margin-bottom: 20px; } .home-page-categories .title h4 { margin-top: 5px; color: #333; font-size: 16px; font-weight: bold; } .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 a, .video-latest-list .video-thumb a {display:block;position:relative;overflow:hidden;background: #d2d2d2;padding-bottom: 56.25%;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .home-page-categories .videos .video-list .video-list-image .play_hover_btn, .video-latest-list .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;overflow: hidden;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .home-page-categories .videos .video-list .video-list-image .play_hover_btn svg.feather, .video-latest-list .video-thumb .play_hover_btn svg.feather{left: 50%;position: absolute;top: 50%;margin: 0;transform: translate(-50%, -50%) scale(.7);width: 45px;height: 45px;stroke-width: 1.2px;transition: transform .2s ease,-webkit-transform .2s ease;} .home-page-categories .videos .video-list .video-list-image:hover .play_hover_btn, .video-latest-list .video-thumb:hover .play_hover_btn{opacity:1;visibility:visible} .home-page-categories .videos .video-list .video-list-image:hover .play_hover_btn svg.feather, .video-latest-list .video-thumb:hover .play_hover_btn svg.feather{-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);} .home-page-categories .videos .video-list img, .video-latest-list .video-thumb img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .home-page-categories .videos .video-list .video-list-title { max-width: 100%; word-wrap: break-word; } .home-page-categories .videos .video-list .video-list-title a{text-decoration:none;} .home-page-categories .videos .video-list .video-list-title h4, .video-latest-list .video-title h4 {color: #167ac6;display: -webkit-box;max-height: 3rem;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;font-size: 1.4rem;font-weight: bold;line-height: 1.6rem;margin: 8px 0 3px;} .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; } .btn-delete { background-color: #c23321; color: #fff; } .btn-delete:hover, .btn-delete:focus { background-color: #d84c47; color: #fff; } .btn-main { background-color: #04abf2; color: #fff; } .btn-main:hover, .btn-main:focus { background-color: #43c6f9; 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: 1.5px solid #f3f3f3;border-bottom: 1.5px solid #f3f3f3;padding: 17px 0; } .publisher-element .publisher-avatar { width: 50px; height: 50px; margin-right: 8px; } .publisher-element .publisher-avatar img { width: 100%;border-radius:50%; } .publisher-element .publisher-name a { color: #333; font-weight: bold;font-size: 16px; } .publisher-element .publisher-subscribe-button {margin-left: auto;} .video-player-page.six_padding_15 .publisher-element {border: 0;margin: 0;padding-bottom: 0;} /* .video-player-page.six_padding_15 .publisher-element .subs-amount {display: none;} */ .yp_pub_elemnt {transition: all 0.4s;} .yp_pub_elemnt .publisher-element {margin: 0;background-color: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border-radius: 3px 3px 0px 0px;padding: 16px 21px;border: 0;flex-wrap: wrap;} .yp_pub_elemnt .publisher-element .publisher-avatar { margin-right: 11px;min-width: 48px; } .yp_pub_elemnt .publisher-element .publisher-name {display:flex;justify-content:center;flex-direction:column} .yp_pub_elemnt .publisher-element .publisher-name > span {font-size: 13px;} .yp_pub_elemnt .publisher-subscribe-button {display:flex;align-items:center;} .yp_pub_elemnt .btn-subscribe, .yp_pub_elemnt .btn-subscribed,.btn-blocked{padding: 10px 25px;border-radius: 2em;color: white;} .yp_pub_elemnt .btn-subscribe {background-color: #F44336;} .yp_pub_elemnt .subs-amount{border-radius: 2em;padding: 0 10px;display: inline-flex;align-items: center;justify-content: center;min-width: 35px;height: 35px;margin-left: 9px;} .btn-subscribe, .btn-subscribed,.btn-blocked{padding: 7px 25px;width: auto;min-width: 90px;text-transform: uppercase;font-size: 14px;letter-spacing: .007px;border: 0;transition: all 0.2s;position: relative;font-weight: 500;border-radius: 8px;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;} .btn-subscribe:active, .btn-subscribed: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 0px -1px;width: 17px;height: 17px;} .btn-subscribed:hover, .btn-subscribed:focus {color: #fff;text-decoration: none;} .subs-amount{border: 0;font-size: 14px;background: #e1e1e1;color: #777;border-radius: 3px;margin-left: 6.5px;padding: 10px 12px;font-weight: 500;} .btn-subscribe{background: #04abf2;} .btn-subscribed { background: #777; } .btn-blocked { background: #777;border-radius: 2em; } .mobile { display: none; } .desktop { display: block; } .video-player { width: 100%; position: relative; } .video-player video { width: 100%; } .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; } .import-form-content > .content { padding: 40px 15px 20px; } .no-padding-right { padding-right: 0; } .no-padding-right0 { padding-right: 0; } .no-padding-left { padding-left: 0; } .no-padding-left0 { padding-left: 0; } .watch-video-show-more {text-align: center;cursor: pointer;display: block;width: 250px;margin: auto;background-color: #ffffff;padding: 10px 10px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%);font-weight: 500;transition: all 0.1s ease;} .watch-video-show-more:hover {box-shadow: 0 7px 10px rgb(0 0 0 / 8%);} .thumbnail-preview, .pt_edt_vdo_form { margin-top: 20px; } .thumbnail-preview img { width: 100%; } .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 { display: flex;align-items: center;padding-bottom: 5px; } .share-video > div {flex: 1;display: flex;align-items: center;justify-content: center;} .share-video .fa, .share-video a { font-size: 20px;width: 37px;height: 37px;border-radius: 50%;text-decoration: none;margin: 0px 3px;display: flex;align-items: center;justify-content: center;transition: all 0.2s;color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .share-video .fa:hover, .share-video a:hover { opacity: 0.7; } .share-video .fa-facebook { background: #3b5998; } .share-video .fa-twitter { background: #1da1f2; } .share-video .fa-google { background: #d84c47; } .share-video .fa-linkedin { background: #007bb5; } .share-video .fa-youtube { background: #bb0000; } .share-video .fa-instagram { background: #125688; } .share-video .fa-pinterest { background: #cb2027; } .share-video .fa-snapchat-ghost { background: #fffc00; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; } .share-video .fa-skype { background: #04abf2; } .share-video .fa-android { background: #a4c639; } .share-video .fa-dribbble { background: #ea4c89; } .share-video .fa-vimeo { background: #3dc4ff; } .share-video .fa-tumblr { background: #2c4762; } .share-video .fa-vine { background: #00b489; } .share-video .fa-foursquare { background: #3dc4ff; } .share-video .fa-stumbleupon { background: #eb4924; } .share-video .fa-flickr { background: #f40083; } .share-video .fa-yahoo { background: #430297; } .share-video .fa-soundcloud, .share-video .fa-reddit { background: #ff5500; } .share-video .fa-rss { background: #ff6600; } .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 .ptrm-vid-renderer {transform: translateY(-50%);position: absolute;top: 50%;right: 5px;cursor: pointer;color: #fff !important;visibility: hidden;background: #303233;padding: 5px;line-height: 1;} .side-barlist-wrapper:hover > .ptrm-vid-renderer { visibility: visible; } .play-list-cont .side-barlist-wrapper {padding-right: 40px;} .play-list-cont .side-barlist-wrapper:hover {background: #444546;} .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 2px rgb(0 0 0 / 20%); 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,.54); border-radius: 2px; background-color: #fff; transition: all 90ms cubic-bezier(0,0,.2,.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: #eeeeee; 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; } .help-block { font-size: 11px;margin-bottom: 0; } .percent { position: absolute; left: 50%; top: 50%; margin-top: -10px; } .upload-progress-bar { background-color: #607d8b !important;border-radius: 2em;} .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; } .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: 40px; 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;word-break: break-word;} .user-comments .main-comment .user-name small { font-size: 12px;color: #aaa;display: inline; } .user-comments .main-comment .user-name .dropdown { cursor: pointer; } .user-comments .main-comment .user-comment {width: 85%; font-size: 15px; margin-top: 5px; overflow: hidden; font-family: 'Lato', sans-serif;} .user-comments .main-comment .user-comment:not(.pt-comment-replies) {margin-left: 50px;} .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; } .ad-image { width: 100%; height: 100%; background-color: #000; text-align: center; z-index: 9; line-height: 100%; position: absolute; overflow: hidden; top: 0; } .ad-image img { text-align: center; max-width: 100%; } .ads-test {color: #ffffff;padding: 10px;background-color: rgba(0, 0, 0, 0.5);position: absolute;bottom: 40px;right: 30px;border-radius: 5px;box-shadow: 0 0 0 1px rgb(255 255 255 / 18%);} .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, .ads-placment iframe { max-width: 100%; } /*Profile*/ .profile-container {margin: -20px -15px 20px;} .profile-container .card-container { width: 100%; position: relative; overflow: hidden;} .profile-container .card-container .edit-cover-container, .video-player .icons { position: absolute; top: 15px;right: 15px;transform: scaleY(1) scaleX(1) translateY(0px);opacity: 1;transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);z-index: 9; } .profile-container .card-container .edit-cover-container.hidde, .video-player .icons.hidde { opacity:0;transform: scaleY(0.4) scaleX(0.4);transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1); } .profile-container .card-container .edit-cover-container a, .video-player .icons span, .profile-container .card-container .edit-cover-container > span { text-decoration: none;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.4);color: white;cursor:pointer; } .profile-container .card-container .edit-cover-container > span {padding: 0;border: 0;margin-top: 7px;} .profile-container .card-container .cover-container img { width: 100%;height: 250px;object-fit: cover; } .pt_timeline_usr {background: #fff;} .profile-container .pt_chnl_info {position:relative;display: flex;padding: 15px 0 20px;} .profile-container .pt_chnl_info .yp_inner_profile_area {display: flex;} .profile-container .pt_chnl_info .avatar-container {width: 100px;min-width: 100px;height: 100px;margin: -65px 15px 0 0;border-radius: 50%;border: 0;} .profile-container .pt_chnl_info .avatar-container img { width: 100%;height: 100%;object-fit: cover;border-radius: 50%; } .profile-container .pt_chnl_info .info-container {display: flex;align-items: center;flex-wrap: wrap;} .profile-container .pt_chnl_info .info-container h4 {font-size: 20px;margin: 0;font-weight: bold;} .profile-container .pt_chnl_info .info-container h4 a {color: #1c1c1c;text-decoration: none;} .profile-container .pt_chnl_info .info-container p {margin: 0;} .profile-container .pt_chnl_info .info-container .btn-message {border-radius: 2px;padding: 4px 13px;margin-top: 10px;} .profile-container .pt_chnl_info .info-container .btn-message svg.feather{margin: -2px 2px 0px 0px;width: 17px;height: 17px;} .profile-container .pt_chnl_info .subscribe-btn-container { margin-left: auto;display: flex;align-items: center;margin-bottom: -58px;} .profile-container .pt_chnl_info .subscribe-btn-container > div {margin-left: 15px;display: flex;align-items: center;} .profile-container .pt_chnl_info .subscribe-btn-container > div:first-child, .profile-container .pt_chnl_info .subscribe-btn-container > div:empty {margin: 0;} .profile-container .pt_chnl_info .subscribe-btn-container button {display: flex;align-items: center;} .profile-container .pt_chnl_info .subscribe-btn-container button:before, .profile-container .pt_chnl_info .subscribe-btn-container .btn-subscribed:before {display: none;} .profile-container .pt_chnl_info .subscribe-btn-container .subs-amount {border-radius: 2em;padding: 0 10px;display: none;align-items: center;justify-content: center;min-width: 35px;height: 35px;margin-left: 9px;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message {padding: 0;display: flex;align-items: center;justify-content: center;border-radius: 8px;width: 34px;min-width: 34px;height: 34px;background-color: rgb(0 0 0 / 10%);} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message span {display: none;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message svg {width: 18px;height: 18px;} .profile-container .links-container {position: relative; } .profile-container .links-container ul { padding: 0; margin: 0; width: 100%; list-style: none; } .profile-container .links-container ul li { display: inline-block ; } .profile-container .links-container ul li a {padding: 15px 25px;display: block;position: relative;text-decoration: none;font-size: 15px;} .profile-container .links-container ul li a:after {content: '';position: absolute;top: 100%;height: 8px;width: 100%;background: #04abf2;left: 0;right: 0;opacity: 0;} .profile-container .links-container ul li a:hover, .profile-container .links-container ul li a:focus { color: #222; } .profile-container .links-container ul li a.active { text-decoration: none; color: #000;font-weight: 500;} .profile-container .links-container ul li a.active:after {opacity: 1;} .profile-container .page-container {margin-top: 8px;background: linear-gradient(#ffffff 0%, transparent 100%);} .profile-container .page-container .videos-latest-list {padding: 55px 15px 5px;} .profile-container .pt_about {margin-top: 25px;} .profile-container .pt_about .user_abt {font-size: 15px;opacity: 0.9;line-height: 23px;} .profile-container .pt_about svg.feather.ahead{padding: 7px;width: 31px;height: 31px;border-radius: 50%;margin: -3px 5px 0px -2px;color: white;} .profile-container .pt_about svg.feather{color: #7a7a7a;margin: -3px 6px 0px 2px;width: 18px;height: 18px;} .profile-container .pt_about .social-links {margin: 0 0 13px;font-size: 16px;} .pt_timeline_vids {margin: 20px -8px 0;} .pt_timeline_vids .col-md-3 {padding: 0 8px;} .pt_timeline_latest_vids .col-md-3:first-child {width: 100%;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper, .pt_srch_vids .video-latest-list.video-wrapper {display: flex;height: auto;margin: 0 0 20px;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper .video-thumb, .pt_srch_vids .video-latest-list.video-wrapper .video-thumb {-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 33%;margin-right: 22px;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper > div:not(.video-thumb) {width: 100%;max-width: 750px;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper > div:not(.video-thumb), .pt_srch_vids .video-latest-list.video-wrapper > div:not(.video-thumb) {-webkit-flex: 1 0;-ms-flex: 1 0;flex: 1 0;overflow: hidden;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-title, .pt_srch_vids .video-latest-list .video-title {max-height: none;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-title h4, .pt_srch_vids .video-latest-list .video-title h4 {margin: 0;color: #222;font-size: 25px;max-height: 68px;line-height: 34px;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-info, .pt_srch_vids .video-latest-list .video-info {font-size: 14px;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-info > div br {/*display: none;*/} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-info p, .pt_srch_vids .video-latest-list .video-info p {display: block;overflow: hidden;max-height: 62px;font-size: 14px;margin: 25px 0 0;} .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-info a, .pt_srch_vids .video-latest-list .video-info a {font-weight: 500;font-size: 13px;color: #333;} body .mb-15 {margin-bottom: 15px;} .upload { margin-right: auto; margin-left: auto; width: 100%; text-align: center; height: 200px; margin-top: 20px; border: 3px dashed #999; line-height: 200px; font-size: 18px; } .upload:hover { border: 3px dashed #04abf2; cursor: pointer; color: #04abf2; } .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: 95px; font-size: 13px; font-family: Roboto; font-weight: 500; } .video-wrapper .vid-number-cont span i { font-size: 9px; color: #f8f8f8; } .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; } .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: 100%; box-shadow: none !important; } .play-list-container .next-video { padding: 15px; background: #04abf2; color: #fff; margin-bottom: 0; border-bottom: none; } .play-list-cont { background: #303233; color: #fff !important; height: calc(100% - 76px) !important; overflow-x: hidden; padding: 10px 5px 10px 0; } .play-list-cont .playlist-video-title {font-size: 16px;overflow: hidden;max-height: 45px;} .play-list-cont .playlist-video-title a {font-weight: bold !important;} .play-list-cont .video-publisher {font-size: 12px !important;color: #C4C4C4 !important;} .play-list-cont .video-duration {background: #000000;display: inline-block;font-size: 12px;padding: 0 6px;line-height: 18px;margin: 7px 0 0;} .play-list-cont a { color: #d7d7d7 !important; } .play-list-cont::-webkit-scrollbar { width: 6px; background-color: #eeeeee; } .play-list-cont::-webkit-scrollbar-thumb { background-color: #999; } .optional-field { opacity: 0.7; } .create-new-list { width: 99%; 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;font-weight: 500;} .add-topl-cont { width: 99%; overflow: hidden; margin: auto; } .add-topl-cont h4 { margin-top: 0; font-weight: 600;text-align: initial;} .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: 80%; overflow: hidden; margin: auto; line-height: 120px; font-size: 15px; } .playlist-item {width: 100%; text-align: left !important; padding: 13px; background: rgb(0 0 0 / 5%); margin: 10px 0; border-radius: 8px;} .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; } .pt-plist-tgl_btn svg {width: 34px; height: 34px; margin-top: -5px;} .secure-color { color: green !important; } .play-lists { margin-bottom: 24px;position:relative;} .play-lists > a {display:block;position:relative;padding-bottom: 56.25%;width:100%;overflow: hidden;border-radius: 4px;} .play-lists div.video-latest-list {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: auto;background-position: 50%;background-size: cover;} .play-lists div.video-latest-list div.play_list_content {position: absolute;z-index: 2;bottom: 0;right: 0;left: 0;background: rgb(0 0 0 / 70%);color: #fff;padding: 25px 40px;font-size: 15px;} .play-lists .plist_bottom {position: relative;padding: 8px 50px 8px 0;} .play-lists .plist_bottom h2 {font-family: "Roboto", sans-serif;font-size: 18px;margin: 0;} .play-lists .plist_bottom h2 a {color: #222;text-decoration: none;} .play-lists .ddown-menu {position: absolute;right: 0;z-index: 5;top: 2px;line-height: normal;} .play-lists .ddown-menu span.dropdown-toggle {padding: 0 !important;display: flex !important;align-items: center;justify-content: center;width: 30px;height: 30px;} .play-lists .ddown-menu .dropdown-menu {right: 0 !important;min-width: 150px !important;} .play-lists .ddown-menu .dropdown-menu li {padding: 0 13px;line-height: 30px;display: flex;align-items: center;cursor: pointer;} .play-lists .ddown-menu .dropdown-menu li:hover {background-color: rgba(158,158,158,0.2);} .play-lists .ddown-menu .dropdown-menu li svg {margin: auto 12px auto 0;width: 18px;height: 18px;} .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; } .pt_blogcomm_combo {display: flex;position: relative;} .pt_blogcomm_combo img {width: 40px;height: 40px;border-radius: 50%;border: 1px solid #f4f4f4;margin-right: 10px;} .pt_blogcomm_combo textarea {overflow: hidden; border-radius: 0;padding: 13px 135px 7px 15px;height: 50px;resize: none;border: 0 !important;border-bottom: 2px solid #e2e2e2 !important;background: transparent !important;} .pt_blogcomm_combo textarea:focus, .main-comment .pt-comment-item-reply-form input:focus { border-color: #04abf2 !important; } .pt_blogcomm_combo button { padding: 0 10px; box-shadow: none; position: absolute; right: 0; bottom: 6px; font-weight: 500; background: transparent; border: 0; border-radius: 2em; line-height: 34px;transition: all 0.3s ease;} .pt_blogcomm_combo button:hover { background-color: rgb(0 0 0 / 10%); } .pt_blogcomm_combo button:hover svg { transform: translateX(5px); } .pt_blogcomm_combo button svg {border: 0;border-radius: 50%;padding: 2px;margin-top: -3px;transition: all 0.3s ease;} .read-article-comments-container .comments-content { padding: 15px 0; margin-bottom: 0; } .related-article-wrapper {width: 100%;overflow: hidden;padding: 20px;border: 1px solid #eaecee;display: flex;border-radius: 5px;margin-bottom: 15px;background-color: white;word-break: break-word;} .related-article-wrapper .ra-title {flex: 1;} .related-article-wrapper .ra-title h5 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 15px;font-size: 15px;} .related-article-wrapper .ra-title h5 a { color: #202020;} .related-article-wrapper .ra-title p {margin: 0;font-size: 12px;text-transform: uppercase;} .related-article-wrapper .ra-title p a {color: inherit;} .related-article-wrapper .ra-thumb { width: 90px;height: 80px;overflow: hidden; background-size: cover; position: relative;margin-left: 15px;border-radius: 5px;} .related-article-wrapper .ra-thumb a { display: block; overflow: hidden; cursor: pointer; text-decoration: none; } .related-video-wrapper {margin-bottom: 12px;display: -ms-flexbox;display: -webkit-flex;display: flex;width: 100%;} .related-video-wrapper .ra-thumb {height: auto;width: 168px;min-width: 168px;overflow: hidden;border-radius: 3px;margin-right: 10px;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;} .related-video-wrapper .ra-thumb a {position: relative;height: 0;padding: 0;padding-bottom: 65%;width: 100%;display: block;top: 0;bottom: 0;left: 0;} .related-video-wrapper .ra-thumb img {object-fit: cover;display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .related-video-wrapper .ra-thumb:hover img { opacity: .9; } .related-video-wrapper .ra-thumb .video-duration {pointer-events: none;position: absolute;right: 6px;bottom: 6px;padding: 1px 5px;font-weight: 500;font-size: 11px;background-color: rgba(0, 0, 0, 0.75);color: #ededed;height: 16px;line-height: 14px;border-radius: 2px;} .related-video-wrapper .ra-title {-webkit-flex: 1 0;-ms-flex: 1 0;flex: 1 0;overflow: hidden;} .related-video-wrapper .ra-title .video-title {white-space: normal;font-size: 15px;letter-spacing: normal;word-spacing: normal;max-height: 35px;line-height: 1.2;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;font-weight: bold;} .related-video-wrapper .ra-title .video-title a {color: black;text-decoration: none;} .related-video-wrapper .ra-title .video-publisher {line-height: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 0 2px;} .related-video-wrapper .ra-title .video-category a {background: #dedede;color: #434343;display: inline-block;font-size: 12px;padding: 0px 9px;border-radius: 2px;line-height: 23px;margin-top: 8px;text-decoration: none;} .read-article-sidebar { width: 100%; overflow: hidden; height: auto; } .read-article-sidebar .ra-sidebar-body { width: 100%; overflow: hidden; } .read-article-sidebar .ra-sidebar-head h4 {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;border-bottom: 1px solid #eaecee;padding-bottom: 10px;position: relative;margin: 0 0 30px} .read-article-sidebar .ra-sidebar-head h4::after {content: "";background: currentColor;height: 3px;width: 50px;position: absolute;bottom: 0;left: 0;} .article_pub_user {display: inline-flex;align-items: center;flex: 0 0 auto;max-width: calc(100% - 130px);} .article_pub_user img {width: 30px;height: 30px;border-radius: 50%;min-width: 30px;} .article_pub_user > div {min-width: 0;} .article_pub_user h6 {margin: 0;font-size: 14px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .article_pub_user time {opacity: .7;} .read-article-container { width: 100%; overflow: hidden; } .read-article-container .read-article-head { width: 100%; overflow: hidden;} .read-article-container .read-article-head h1 {font-size: 46px;margin: 0px 0px 15px;line-height: 61px;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: 700;} .read-article-container .article_user_share_btns .postCategory {color: #09aff3;} .article_user_share_btns {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 30px 0 40px;} .article_user_share_btns .article_pub_user img {width: 45px;height: 45px;min-width: 45px;} .article_user_share_btns .article_pub_user h6 {font-size: 16px;} .read-article-container .read-article-description { width: 100%; overflow: hidden;margin: 0 0 30px;} .read-article-container .read-article-description article { color: #555;font-size: 19px;font-family: 'Lato', sans-serif;font-weight: 500; } .read-article-container .img_prnt {margin: 0 0 30px;position: relative;overflow: hidden;border-radius: 10px;} .read-article-container .img_prnt > img {position: absolute;width: 100%;height: 100%;} .read-article-container .img_prnt:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgb(0 0 0 / 40%);top: 0;right: 0;bottom: 0;left: 0;backdrop-filter: blur(20px);} .read-article-container .img_prnt_sub {width: 100%;max-width: 800px;margin: 0 auto;position: relative;z-index: 1;} .read-article-container .read-article-feat-image {position: relative;padding-bottom: 50%;} .read-article-container .read-article-feat-image img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .read-article-container .read-article-meta {width: 100%;margin-top: 15px;display: flex;align-items: center;flex-wrap: wrap;} .read-article-container .read-article-meta .count { margin: 0 -4px; } .read-article-container .read-article-meta .count span { cursor: pointer; margin: 0 4px; } .read-article-container .read-article-meta .count svg.feather { width: 36px; height: 36px; background: rgb(0 0 0 / 10%); border-radius: 13px; padding: 9px; } .read-article-container .read-article-meta .count svg.feather-thumbs-up.active { color: #4caf50; background: rgb(76 175 80 / 20%); } .read-article-container .read-article-meta .count svg.feather-thumbs-down.active { background: rgb(244 67 54 / 20%); color: #f44336; } .read-article-container .read-article-meta > div .count svg.feather { margin: -3px 0 0 15px; cursor: pointer; width: 18px; height: 18px; } .read-article-container .read-article-meta > div .count svg.feather-thumbs-up.active { color: #4caf50; fill: #cfffd1; } .read-article-container .read-article-meta > div .count svg.feather-thumbs-down.active { color: #f44336; fill: #ffd8d5; } .read-article-container .read-article-share {display: inline;} .read-article-container .read-article-share > svg {vertical-align: middle;width: 19px;height: 19px;} .read-article-container .read-article-share .btn {color: #fff;font-weight: 500;border: 0;font-size: 13px;border-radius: 50%;width: 24px;height: 24px;line-height: 24px;padding: 0;} .read-article-container .read-article-share .btn.facebook {background-color: #337ab7;} .read-article-container .read-article-share .btn.twitter {background-color: #55acee;} .read-article-container .read-article-share .btn.whatsapp {background-color: #128c7e;} .read-article-container .read-article-share .btn.linkedin {background-color: #007bb6;} .read-article-container .read-article-share .btn.pinterest {background-color: #cb2027;} .read-article-container .read-article-share .btn svg {vertical-align: middle;margin-top: -2px;width: 16px;height: 16px;} .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; } .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 {padding: 30px;margin-bottom: 20px;background-color: #fff;border-radius: 8px;box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px;} .read-content .pt_page_headr .page_head { margin-top: 0; } .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;position: relative; } .popular-articles-wrapper:first-child { margin-top: 0; } .popular-articles-wrapper .video-thumb {overflow: hidden;position: absolute;} .popular-articles-wrapper .video-thumb img {width: 120px;height: 80px;border-radius: 5px;object-fit: cover;} .popular-articles-wrapper .video-info {position: relative;z-index: 1;padding: 20px 0 0 20px;} .popular-articles-wrapper .video-info time {display: block;margin: 0 0 20px 110px;} .popular-articles-wrapper .popular-article-title a {color: rgba(0,0,0,0.8);display: block;font-size: 15px;font-weight: 600;text-decoration: none;background-color: #f9f9f9;padding: 6px;max-height: 52px;overflow: hidden;} .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;} .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: 30px; } .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: 0px 10px; margin-bottom: 20px; } .recent-articles {font-family: 'Lato', sans-serif;margin-bottom: 0px;padding-bottom: 10px;border-bottom: 1px solid #eee;font-size: 20px;margin-top: 0;} .article-categories .pt_categories ul { list-style: none !important; padding: 0; margin: 0;background: transparent !important;} .article-categories .pt_categories ul li { margin: 0px 3px 11px 0px;display: inline-block;background: transparent !important;} .article-categories .pt_categories ul li a {transition: all .20s ease;text-decoration: none;width: 100%;color: #1d1d1d;display: block;padding: 3px 14px;border-radius: 25px;border: 1px solid #c1c1c1;} .article-categories .pt_categories ul li a:hover { cursor: pointer; transform: scale(0.95); background-color: #04abf2; color: #fff; border-color: #04abf2;} .article-categories .pt_categories ul li.active a{ background-color: #03A9F4;color: #ffffff;border-color: #03A9F4;} .article-categories div form input { border-radius: 10px; width: 100%; display: block;padding-right: 40px;border-width: 2px;height: 38px;} .article-categories div form div { overflow: hidden; margin: 8px;position: relative; } .article-categories div form div button {position: absolute;right: 0;bottom: 0;border: none;height: 38px;padding: 1px 12px;border-radius: 0px 10px 10px 0px;transition: all 0.2s ease;} /*Go Pro Page*/ .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 svg {margin: 80px auto 0px;} .go-pro-container .go-pro-head-upgraded h4 { font-size: 40px; padding: 70px 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;text-align: center;} .go-pro-container .go-pro-head img {max-height: 60px;display: block;margin: auto;} .go-pro-container .go-pro-head h4 {font-family: Roboto, sans-serif; font-size: 30px; margin: 0; color: #444; display: block; word-wrap: break-word; padding: 20px 0 50px;font-weight: 100; } .go-pro-container .go-pro-body { width: 100%; margin-bottom: 50px; } .go-pro-container .go-pro-body .go-pro-packages { width: 100%; margin: auto;display: flex;justify-content: center; } .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg {padding-right: 15px;padding-left: 15px;width: 330px;} .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg>div { box-shadow: 0 3px 6px rgba(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,.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, .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 #f2f2f3;border-radius: 6px 6px 0px 0px; } .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg svg, .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg svg{color: #fff; padding: 9px; width: 42px; height: 42px; margin: 0 0px 20px; border-radius: 50%;} .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg svg {background: linear-gradient(141deg, #60d1ff 0%, #0992f3 51%, #0976f3 75%);} .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg svg {background: linear-gradient( -43deg, #9135fa 27%, #bc37e0 66%, #b723de 82%, #b10edb 100%);} .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg .go-pro-pkg-price, .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg .go-pro-pkg-price {display:block;font-size: 22px;font-weight: 600;} .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg span.package-price, .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: 0px } .free-bg { color: #09aff3;} .free-bg a { display: block; } button.free-bg { background: #09aff3; color: #fff;transition: all 0.2s ease; } button.free-bg:hover { background: #09aff3;opacity:0.8; } button.pro-bg { background: #9c27b0; color: #fff;transition: all 0.2s ease; } button.pro-bg:hover { background: #9c27b0;opacity:0.8; } .pro-bg { color: #9c27b0;} .buy-pro { padding: 50px 20px;text-align: center; } .buy-pro >svg{width: 100px;height: 100px;background-color: #607D8B;color: white;border-radius: 50%;padding: 25px;margin-bottom: 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: 25px;font-family: 'Lato', sans-serif;color: #333;margin-bottom: 70px;word-wrap: break-word; } .rss-icon { color: #ee802f; } .sidebar-ad-container { max-width: 100%; background: #eeeeee; overflow: hidden; cursor: pointer; height: auto; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); } .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 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; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); } .user-ads-list-container .col-10 { padding: 0 30px; } .create-new-ad-container .user-ads-list-header { width: 100%; overflow: hidden; background: #04abf2; margin-bottom: 20px; } .create-new-ad-container .user-ads-list-header span { display: flex;font-size: 14px;color: #fff;float: left;text-transform: capitalize;font-weight: 500; } .user-ads-list-container .user-ads-list-header span a, .create-new-ad-container .user-ads-list-header span a { color: inherit; font-size: inherit; text-decoration: none;padding:14px 12px; } .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, .create-new-ad-container .user-ads-list-header span.create-ad-btn { float: right; } .col-10 { width: 100%; overflow: hidden; } .col-10 table { width: 100%; } .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: #999; } .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; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); } .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; } .pt_ads_page_header { margin-bottom: 20px; } .pt_ads_page_header .col-10 {padding: 10px 20px 20px;} .pt_ads_tool_header {padding: 15px 20px 0;} .pt_ads_hdr_top { flex-wrap: wrap; padding-bottom: 10px; } .pt_ads_hdr_top .btn { border: 0; border-radius: 2em; font-weight: 600; padding: 0 16px; line-height: 36px; min-width: 130px; } .pt_ads_hdr_top .btn svg { width: 22px; height: 22px; margin-top: -2px; } .pt_ads_wallet_olink { display: flex; justify-content: space-between; border: 1px solid rgb(0 0 0 / 13%); border-radius: 8px; padding: 20px; margin-bottom: 30px; cursor: pointer; transition: all 0.2s ease; color: inherit !important; text-decoration: none !important; } .pt_ads_wallet_olink:hover { background: rgb(0 0 0 / 7%); } .pt_ads_wallet_olink div { font-size: 16px; } .pt_ads_wallet_olink svg { width: 35px; height: 35px; background-color: rgb(4 171 242 / 15%); color: #04abf2; border-radius: 50%; padding: 6px; margin-top: -4px; } .pt_ads_wallet_olink.balance svg { background-color: rgb(76 175 80 / 15%); color: #4caf50; } .pt_ads_wallet_olink b { font-size: 22px; } .user-ads-list-container .user-ads-list-header.pt_ads_tool_header span {font-size: 16px;font-weight: bold;} .pt_ads_tool_header .create-ad-btn a {background: transparent linear-gradient(270deg, #FE513F 0%, #FE8248 100%) 0% 0% no-repeat padding-box;border-radius: 4px;} .pt_ads_tool_header span a svg {margin: -5px 0 0;} .pt_ads_mini_bal {display: flex;background: #04abf2;color: white;margin: -20px 0 20px;padding: 30px 25px;} .pt_ads_mini_bal svg {min-width: 24px;margin: 0 20px 0 0;} .pt_ads_mini_bal p {font-size: 16px;margin: 0;} .pt_ads_mini_bal b {font-size: 36px;word-break: break-all;} .pt_create_ads_hdr {background: #04abf2;color: white;padding: 22px;font-size: 20px;border-radius: 8px 8px 0 0;} .pt_create_ads_hdr svg { margin-top: -3px; width: 22px; height: 22px; } .pt_create_ads_form {padding: 25px;} .pt_create_ads_upload {display: flex;align-items: center;cursor: pointer;border: 2px dashed #e6e6e6;border-radius: 6px;padding: 10px;} .pt_create_ads_upload svg {color: #04abf2;margin-right: 6px;width: 22px;min-width: 22px;height: 22px;} .pt_create_ads_upload div {max-width: calc(100% - 22px);} .pt_create_ads_upload b {font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} .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; } .user-comment p.active.reply-text, .user-comment p.active.comment-text { color: #42c1be !important; } .main-comment-reply .user-name a { color: #111; font-weight: 600; } .main-comment .user-name a { color: #111; font-weight: 600; } .main-comment .delete-comment svg.feather, .main-comment-reply .delete-comment svg.feather { color: #aaa;margin-top: 0px;width: 15px;height: 15px; visibility: hidden; } .main-comment .delete-comment svg.feather:hover, .main-comment-reply .delete-comment svg.feather:hover { color: #444; } .main-comment .main-comment-data-sp:hover > .delete-comment svg.feather, .main-comment-reply:hover > .delete-comment svg.feather { visibility: visible; } .main-comment .comms-reply:hover { color: #444; } .main-comment .div-vote-comment span svg.feather {width: 15px;height: 15px;cursor: pointer;} .main-comment .div-vote-comment span svg.feather-thumbs-up.active, .read-article-container .read-article-meta span.pull-right svg.feather-thumbs-up.active { color: #04abf2;fill: #cfffd1; } .main-comment .div-vote-comment span svg.feather-thumbs-down.active, .read-article-container .read-article-meta span.pull-right svg.feather-thumbs-down.active { color: #F44336;fill: #ffd8d5; } .main-comment .pt-comment-item-reply-form {padding: 2px;margin: 5px 0 0 0;} .main-comment .pt-comment-item-reply-form input {border: 0;border-bottom: 2px solid #e2e2e2 !important;border-radius: 0;background: transparent !important;box-shadow: none !important;} .announcement-renderer {width: 440px;overflow: hidden;position: fixed;bottom: 30px;z-index: 9;left: 30px;background-color: white;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;border: 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 #d2d2d2; 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: #cecece;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: #717171; 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; } .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; } .author-list .video-wrapper { margin-bottom: 10px; } .author-list .video-latest-list .video-title{min-height: 43px;} .author-list .video-latest-list .video-title h4 {max-height: 3rem;} .author-list .video-actions {float: none;display: flex;align-items: center;justify-content: space-around;margin-top:7px;} .author-list .video-actions a { padding: 3px 15px;display: flex;align-items: center;border-radius: 2em;border: 1px solid #ddd;text-decoration: none;font-size: 13px;transition: all 0.2s;height: 26.5px;} .author-list .video-actions a:first-child{color: #2196F3;border-color: #2196F3;} .author-list .video-actions a:first-child:hover{color: #fff;background-color: #2196F3;} .author-list .video-actions a:nth-child(2){color: #F44336;border-color: #F44336;} .author-list .video-actions a:nth-child(2):hover{color: #fff;background-color: #F44336;} .author-list .video-actions a svg{width: 14px;margin-right: 4px;} /*Header*/ header{height: 56px;padding: 0 16px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);background-color: white;} .pt_header_nav {display: flex;align-items: center;border: 0;justify-content: space-between;} .pt_header_nav:before, .pt_header_nav:after {display: none;} .pt_header_nav .left-part, .pt_header_nav .right-part {display: flex;align-items: center;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;background: transparent !important;} nav.navbar-findcond .yp_slide_menu span {cursor: pointer;position: relative;padding: 6px;margin: 10px 5px;display: flex;color: #696969;} nav.navbar-findcond ul.navbar-nav a {color: #3e3e3e;font-size: 16px;padding: 16px 15px;border: 0;box-shadow:none;transition: all .15s ease-in-out;border-radius: 0; } nav.navbar-findcond ul.right-part .open > a, nav.navbar-findcond ul.right-part a:hover, nav.navbar-findcond ul.right-part a:visited, nav.navbar-findcond ul.right-part a:focus, nav.navbar-findcond ul.right-part 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 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: 0;position: relative;padding: 0 150px 0 120px;-webkit-flex: 1 0;-ms-flex: 1 0;flex: 1 0;} nav.navbar-findcond .search-header .form-group {position: relative;display: flex;align-items: center;} nav.navbar-findcond .search-header input {width: 100%;transition: all 0.2s;background-color: #eceff0;border: 0;border-radius: 10px 0 0 10px;} nav.navbar-findcond .search-header .btn {border: 0;padding: 0 13px;min-width: 70px;height: 34px;border-radius: 0 10px 10px 0;} nav.navbar-findcond .search-header .btn svg {width: 18px;height: 18px;margin: -2px 0 0;} nav.navbar-findcond .search-header .search-dropdown { position: absolute; background-color: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);max-height: calc(100vh - 170px);overflow-y: auto;top: 100%;width: 100%;border-radius: 0 0 10px 10px;padding: 4px 0;} nav.navbar-findcond .search-header .search-dropdown .search-result {padding: 3px 7px;} nav.navbar-findcond .search-header .search-dropdown .search-result a { display: block; color: #333; text-decoration: none;padding: 10px;border-radius: 10px;font-weight: 600;} nav.navbar-findcond .search-header .search-dropdown .search-result a:hover { background-color: rgb(0 0 0 / 5%); } nav.navbar-findcond .logo-img { max-width: 123px;padding: 0;margin: 8.5px 35px 8.5px 30px !important;height: auto;display: inline-block; } nav.navbar-findcond .logo-img img { width: 100%; } .pt_header_nav .right-part > li {margin: 0 5px;background: transparent !important;} .pt_header_nav .right-part > li > a {padding: 10px;display: flex;align-items: center;} .pt_header_nav .right-part > li:not(.profile-nav) > a > svg {width: 26px;height: 26px;} .pt-create-menu li a svg {width: 20px;height: 20px;margin: -3px 7px 0 0;} nav.navbar-findcond .header-image { width: 26px;height: 26px;border-radius: 50%; } nav.navbar-findcond button.navbar-toggle { background: #04abf2; border-radius: 2px; } nav.navbar-findcond button.navbar-toggle:hover { background: #999; } 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.search-bar {margin-bottom: 0;top: 55px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);background-color: white;padding: 0 16px;height: 50px;} nav.navbar-findcond.search-bar .form-group {margin:7.5px 0;position: relative;} nav.navbar-findcond.search-bar input {height: 35px;padding-left: 35px;color: #444;transition: all 0.2s;background-color: #eceff0;border: 1px solid #ddd;border-radius: 2em;} nav.navbar-findcond.search-bar input:focus {border-color: #04abf2;} nav.navbar-findcond.search-bar svg {position: absolute;top: 0;cursor: pointer;left: 2px;color: #637076;margin: 8px;transition: all 0.2s;} /*Toggle Mode*/ .toggle-mode .switch {cursor: pointer;position: relative;padding: 0;margin: 0;display: block;} .toggle-mode .switch input {display: none;} .toggle-mode .slider {transition: all 0.1s;display: flex;align-items: center;padding: 10px 20px;} .toggle-mode .slider:hover {background: #04abf2;color: #fff;} .toggle-mode input:checked + .slider {background-color: rgb(255 255 255 / 8%);color: #ffc107 !important;} .edit-video-title {font-size: 28px;font-weight: bold;line-height: 32px;} .categories-drop-down a { color: #444 !important; } .video-title p { word-break: break-all; margin-top: 10px; } .video-description p { font-size: 12px; color: #777; margin-top: 10px; word-break: break-all; } .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: #008aff; border-color: #008aff; } .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: #008aff; } .radio-primary input[type="radio"]:checked + label::before { border-color: #008aff; } .radio-primary input[type="radio"]:checked + label::after { background-color: #008aff; } .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; } /*Setting Page*/ .settings-sidebar ul{margin-bottom: 0;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 20px 0;} .settings-sidebar ul li{padding: 0;margin: 0;font-size: 15px;} .settings-sidebar ul li a { display: flex;align-items: center;padding: 12px 25px;position:relative;text-decoration: none;line-height: 1; } .settings-sidebar ul li.active a {color: #000000;background: rgb(0 0 0 / 5%);box-shadow: inset 9px 0 0 #04abf2;} .settings-sidebar ul li a svg{margin: 0 20px 0 0;width:23px;height:23px;} .yp_sett_header {padding: 10px 0 30px;} .yp_sett_header h4 {margin: 0;font-size: 28px;font-weight: bold;color: #04abf2 !important;} .yp_sett_header h4 svg {width: 38px;height: 38px;background: rgb(0 0 0 / 6%);border-radius: 50%;padding: 8px;vertical-align: text-top;margin: -2px 0 0;} .checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #7ac142;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;} .checkmark {width: 80px;height: 80px; border-radius: 50%;display: block;stroke-width: 3;stroke: #fff;stroke-miterlimit: 10;margin: 100px auto 50px;box-shadow: inset 0px 0px 0px #7ac142;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;} .checkmark__check {transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;} @keyframes stroke { 100% {stroke-dashoffset: 0;}} @keyframes scale {0%, 100% {transform: none;} 50% {transform: scale3d(1.1, 1.1, 1); }} @keyframes fill { 100% {box-shadow: inset 0px 0px 0px 54px #7ac142; }} .alert:empty { padding: 0; margin-bottom: 0; border: 0; } .video-list-title a h4 { height: 2.2em; overflow: hidden; } table .dataTables_empty { padding: 70px 0 !important; text-align: center; padding: 70px 0; background: #f3f3f3; } .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: #999; } .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, .withdrawals-settings-header h3 { width: 100%; overflow: hidden; } .monetization-settings-header h3 span a, .withdrawals-settings-header h3 span a { color: #fff !important; text-decoration: none; } .monetization-settings-header h3 i.material-icons, .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%; } .spin { -webkit-animation-name: spin; -webkit-animation-duration: 900ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 900ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 900ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 900ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*Notifications*/ span#new-notifications, span#new-messages {position: absolute;display: inline-block;top: 2px;left: 23px;z-index: 100;color: #fff;background: #04abf2;border-radius: 2em;line-height: 18px;min-width: 18px;text-align: center;padding: 0 4px;font-size: 13px;} span#new-notifications b, span#new-messages b {font-weight: normal;} ul.notfi-dropdown { min-width: 350px !important; max-width: 400px !important; width: auto; font-family: "Lato", sans-serif; padding: 0px; margin: 0px; height: auto; box-shadow: 0 1px 4px rgba(0,0,0,0.25);right: 0;left: auto; } ul.notfi-dropdown .headtoppoint{border-bottom-color: #04abf2;margin-left: -37px;} ul.notfi-dropdown li h5 {width: 100%;display: block;padding: 13px 15px;margin: 0px;overflow: hidden;position: relative;font-size: 20px;font-family: Roboto;border-bottom: 1px solid #e6e6e6;} ul.notfi-dropdown li h5 b {font-weight: 500;} ul.notfi-dropdown li h5 i.fa-circle-o-notch {float: right;font-size: 15px;margin: 3px 0;} ul.notfi-dropdown ul#notifications-list { width: 100%; display: block; padding: 0px; margin: 0px; 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: 12px; margin: 0px; overflow: hidden; border-bottom: 1px solid #eaeaea; background: #fff; cursor: pointer;min-height: 70px; } 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: 0px;border: 0;text-decoration:none;overflow: visible; } ul.notfi-dropdown ul#notifications-list::-webkit-scrollbar { width: 5px; background: transparent !important; } ul.notfi-dropdown ul#notifications-list::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #d0d0d0; } ul.notfi-dropdown ul#notifications-list li.no-notifications { width: 100%; display: block; background: #fbfbfb; cursor: pointer; width: 100%; padding: 15px 0px; text-align: center; font-size: 14px; } ul.notfi-dropdown ul#notifications-list li div.avatar {width: 50px;height: 50px;display: inline-block;float: left;margin-right: 15px;position: relative;} ul.notfi-dropdown ul#notifications-list li div.avatar img{border-radius: 50%;} ul.notfi-dropdown ul#notifications-list li div.avatar span{position: absolute;bottom: -6px;right: -7px;background-color: #04abf2;color: #ffffff;border-radius: 50%;width: 25px;height: 25px;text-align: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);padding: 1.5px;} ul.notfi-dropdown ul#notifications-list li div.avatar svg.feather{margin: 0;width: 14px;height: 14px;fill: #fff;} ul.notfi-dropdown ul#notifications-list li div.notifications-info { overflow: hidden;font-family: 'Roboto';color: #333;} ul.notfi-dropdown ul#notifications-list li div.notifications-info p { width: 100%; overflow: hidden; margin: 0px; padding: 0px; font-size: 15px; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p .main-color{font-weight: 500;color: #000000;} 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; } ul.notfi-dropdown ul#notifications-list li div.notifications-info time { color: #868686;font-size: 12px;margin: 4px 0px 0px;display: block; } ul.notfi-dropdown ul#notifications-list li div.notifications-info time svg {background: rgb(4 171 242 / 20%);color: #04abf2;padding: 4px;border-radius: 5px;width: 23px;height: 23px;} .main-comment .delete-comment { margin-left: 3px; } .main-comment .delete-comment i { font-size: 18px !important; margin-top: -3px; } .main-comment .pin-comment svg.feather { color: #aaa;margin-top: 0px;width: 15px;height: 15px; visibility: hidden;cursor:pointer; } .main-comment .pin-comment svg.feather:hover { color: #444; } .main-comment .main-comment-data-sp:hover > .pin-comment svg.feather { visibility: visible; } .watermark { position: absolute; top: 0px; z-index: 2; margin: 20px; } .rotate-90d { transform: rotate(-180deg); } .rotate-r90d { transform: rotate(90deg); } .rotate-r45d { transform: rotate(45deg); } .load-related-videos { width: 100%;} .load-related-videos button {border: none;text-transform: uppercase;font-size: 12px;background: #fff;text-align: center;cursor: pointer;display: block;min-width: 150px;margin: 20px auto 0;background-color: #ffffff;padding: 5px 10px;border-radius: 5px;box-shadow: 0 2px 4px rgb(0 0 0 / 8%);font-weight: 500;transition: all 0.1s ease;font-family: Roboto;} /*.load-related-videos button span { margin: 0px 5px; }*/ .load-related-videos button:hover { border: none; } .load-related-videos button:focus, .load-related-videos button:active { border: none !important; background: #fff !important; outline: 0 !important; box-shadow: none !important; } .swal2-modal { border-radius: 4px !important;box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 13px 19px 2px rgba(0,0,0,.14), 0 5px 24px 4px rgba(0,0,0,.12); } .swal2-modal button.swal2-styled { border-radius: 1px !important; padding-top: 5px !important; padding-bottom: 5px !important; box-shadow: none !important; font-size: 16px !important; } .swal2-modal button.btn { border-radius: 1px !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: 0px; } button.btn-report.active i { color: #2ec0bc !important; } .main-color { color: #04abf2; } .percent { left: 0 !important; right: 0 !important; margin-top: -10px; margin-left: auto !important; margin-right: auto !important; width: 50%; text-align: center; } .upload { line-height: unset !important; display: table; text-align: center; margin-bottom: 20px; color: #999; } .upload.hover { border: 3px dashed #04abf2; cursor: pointer; color: #04abf2; } .upload > div { display: table-cell; vertical-align: middle; } .upload > div h4 { padding: 0px; margin: 0px; font-size: 25px; font-weight: 700; font-family: "Lato", sans-serif; } .upload > div p { padding: 0px; margin: 0px; font-family: "Lato", sans-serif; } .player-video .video-processing { width: 100%; text-align: center; position: relative; overflow: hidden; max-height: 755px;} .player-video.movie .video-processing { max-height: 670px; } .player-video .video-processing img { width: 100%; min-height: 100%; } .player-video .video-processing div { width: 100%; height: 100%; position: absolute; background: #d0d0d0; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; } .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: 0px 0px 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;} .comments-loading { width: 100%; text-align: center; padding: 20px 0px; font-size: 20px; color: #999; } .video-list-title a h4 { height: unset !important; max-height: 2.2em; overflow: hidden; } .video-latest-list.video-wrapper .video-title a { height: unset !important; overflow: hidden; } .nav.navbar-nav.navbar-right .dropdown.profile-nav ul { right: 0px !important; left: auto; } .comments-header { font-weight: normal !important; font-family: "Verdana", sans-serif; } .sort-comments-dropdown { margin-left: 10px; } .sort-comments-dropdown ul.dropdown-menu { border-radius: 0px; padding: 0px; margin: 0px; } .sort-comments-dropdown ul.dropdown-menu li a { padding: 10px 15px; } .sort-comments-dropdown .dropdown-toggle { font-size: inherit; text-transform: capitalize; } .sort-comments-dropdown .dropdown-toggle i { font-size: 20px; } .upload-video.hover { border-color: #04abf2; cursor: pointer; color: #04abf2; } .upload-ffmpeg-mode #choose-thumnail-cr .carousel-inner .item { height: 420px !important; } .upload-ffmpeg-mode #choose-thumnail-cr .carousel-inner .item img { width: 100%; min-height: 100% !important; } .upload-ffmpeg-mode #choose-thumnail-cr .choose-thumnail-control { padding: 10px 0px; } .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: 0px; padding: 0px 10px; } .contact-us-form { margin-bottom: 50px; } #new-message-form { position: relative;padding: 15px;display: flex;border-top: 1px solid #ddd;} #new-message-form #send-button {background: transparent;padding: 5px;border: 2px solid #bdbdbd;color: #232323;border-radius: 50%;position: absolute;right: 23px;bottom: 23px;} .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; } .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: right; } .user-messages .messages .message.pull-left .user-avatar { 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: 12px 12px 0 12px;word-break: break-word;width: auto;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);margin-right: 40px;} .user-messages .messages .message.pull-left .user-message {background: #04abf2;color: white;border-radius: 12px 12px 12px 0;box-shadow: none;margin-left: 40px;margin-right: 0;} .user-send-message { width: 100%; } .user-send-message textarea { border: 0;padding: 15px 55px 15px 15px;resize: none;width: 100%;box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);height: 50px; } .messages-sidebar { overflow: auto;border-right: 1px solid #e4e4e4;} .messages-sidebar .search-box { position: relative;padding: 15px;background-color: white;border-bottom: 1px solid #ededed; display: flex; align-items: center;} .messages-sidebar .search-box .search-box-inner { position: relative;flex: 1 1 auto; } .messages-sidebar .search-box input {width: 100%;padding: 3px 12px;padding-left: 60px;border-radius: 10px;height: 38px;border: 2px solid #dedede;} .messages-sidebar .search-box svg.feather {position: absolute;margin: 0;pointer-events: none;background: rgb(0 0 0 / 5%);border-right: 2px solid #dedede;height: 34px;width: 50px;border-radius: 8px 0 0 8px;top: 2px;left: 2px;padding: 8px;} .messages-sidebar .search-box > .btn { flex: 0 0 auto; border-radius: 10px; height: 38px; border: 2px solid #dedede; background: transparent; padding: 0 10px; } .messages-sidebar ul { list-style: none;height: calc(100vh - 166px);overflow-y: auto;margin: 0;padding: 0 15px;} .messages-sidebar ul li { height: 71px;border-bottom: 1px solid #f1f1f1;background: transparent !important;} .messages-sidebar ul li:last-child{border:0;} .messages-sidebar ul li a { transition: all .2s; } .messages-sidebar ul li a .user-avatar { width: 52px; float: left; margin: 0px 15px 0px 5px; } .messages-sidebar ul li a .user-avatar img { width: 100%; border-radius: 100%; } .messages-sidebar ul li a .user-name {margin: 6px 0px 1px;font-weight: bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;color: #222;} .messages-sidebar ul li a .user-last-message { font-size: 13px; color: #999; } .messages-sidebar ul li a .time { float: right; margin: 12px 4px; font-size: 13px; } .messages-sidebar ul li a:hover { background-color: rgba(0, 0, 0, 0.02); color: #1da1f2; } .hash { color: #1da1f2 !important; } .messages-sidebar ul li a { display: block;padding: 9.5px 5px; } .messages-sidebar ul li a:hover, .messages-sidebar ul li a:focus { text-decoration: none; } .messages-sidebar ul li.active { background-color: #f5f5f5; } @keyframes blink { 0% { opacity: .4; transform: scale(1.5); } 20% { opacity: 1; transform: scale(1.5); } 100% { opacity: .4; transform: scale(1.5); } } .messages-sidebar .saving { color: #1da1f2 !important; } .saving span { color: #1da1f2 !important; animation-name: blink; animation-duration: .5s; animation-iteration-count: infinite; animation-fill-mode: both; } .saving.sidebar span { margin-right: 5px; font-size: 12px; } .saving span:nth-child(2) { animation-delay: .1s; } .saving span:nth-child(3) { animation-delay: .2s; } .ellipsis, .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: #1da1f2; 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); } /*Styles*/ .btn {outline: 0 !important;} .btn-default {background: #ebeef0;border: 0;} svg.feather {margin-top: -4px;width: 19px;height: 19px;} svg {vertical-align: middle;} .btn-default svg.feather {margin-top: -3px;width: 16px;height: 16px;} .bold{font-weight:bold;} .pt_shadow{box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .pt_vid_fixed_height{min-height: 66.4px;max-height: 66.4px;} .alert {background-color: #f7f7f7;border: 0;border-top: 4px solid;border-radius: 0;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);padding: 30px;} .w-100{width:100%} #wave{position: absolute;top: 158px;transform: rotate(180deg);} .modal-footer {padding: 10px 15px 10px 15px !important;background-color: #fafbfc;border-radius: 0 0 4px 4px;border-top: 1px solid #e7e8ec;} .modal-footer .btn-main svg.feather {width: 17px;height: 17px;margin: -2px 3px 0px 0px;} .p-relative{position:relative;} .yp_trans{background: transparent;box-shadow: none;} .dark_hr{border-color: #e7e7e7;margin: 15px 50px;} #main-container{margin-top: 20px;} .w100 {width: 100%;overflow: hidden;} .page_head {display:flex;align-items:center;} .page_head svg {margin-right: 10px;width: 35px;height: 35px;background-color: #607D8B;color: white;border-radius: 50%;padding: 6px;} .swal2-modal .swal2-title:empty{margin: 0;} /*Snackbar*/ .snackbar-container{transition:all .5s ease;transition-property:top,right,bottom,left,opacity;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;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);}.snackbar-container p {font-size: 16px !important;}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#04abf2;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:10px;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} /*Material Header*/ .wo_about_wrapper_parent{position: absolute;top: 56px;width: 100%;left: 0px;min-height: 280px;max-height: 280px;} .wo_about_wrapper{position:relative;min-height: 280px;} .hero-overlay {background: #04abf2;position: absolute;width: 100%;height: 100%;padding-top: 15px;} .wo_about_wrapper .hero-overlay {background-color: #04abf2;position: absolute;width: 100%;height: 100%;} .mat_header {display:flex;align-items:center;margin-bottom: 70px;} .mat_header h1 {color: white;margin: 0;line-height: 36px;font-family: 'Lato', sans-serif;display:flex;align-items:center;} .mat_header h1 svg{margin-right: 10px;width: 40px;height: 40px;background-color: white;border-radius: 50%;color: #04abf2;padding: 8px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);} .pt_page_margin{margin-top: 50px;position: relative;} /*Empty State*/ .empty_state{margin-top: 80px !important;margin-bottom: 80px !important;font-size: 18px;color: #2d2d2d !important;display: block;text-align: center;} .empty_state svg.feather {display: block;margin: 0px auto 15px;width: 110px;height: 110px;color: #04abf2;position: relative;padding: 40px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='m512 256c0 141.386719-114.613281 256-256 256s-256-114.613281-256-256 114.613281-256 256-256 256 114.613281 256 256zm0 0' fill='rgb(4 171 242 / 8%25)'/%3e%3cpath d='m384 256c0 70.691406-57.308594 128-128 128s-128-57.308594-128-128 57.308594-128 128-128 128 57.308594 128 128zm0 0' fill='rgb(4 171 242 / 10%25)'/%3e%3c/svg%3e");} /*Forms*/ .pt_forms .form-group{margin: 0;margin-bottom: 15px;padding: 0;} .pt_forms .form-group label.col-md-12 {margin: 5px 0px 5px 0px;font-size: 14px;font-weight: 500;} .pt_forms .form-group input[type=text], .pt_forms .form-group input[type=email], .pt_forms .form-group input[type=password], .pt_forms .form-group select, .pt_forms .form-group input[type=number] {border: 2px solid #e6e6e6;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;height: 40px !important;line-height: 14px;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none;} .pt_forms .form-group textarea {border: 2px solid #e6e6e6;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none;resize: none;} .pt_forms .form-group input[type=text]:focus, .pt_forms .form-group input[type=email]:focus, .pt_forms .form-group input[type=password]:focus, .pt_forms .form-group select:focus, .pt_forms .form-group textarea:focus, .pt_forms .form-group input[type=number]:focus {border-color: #b3b3b3;} .pt_forms .form-group .help-block {opacity: 0;-webkit-transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);-moz-transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);} .pt_forms .form-group input:focus + .help-block, .pt_forms .form-group textarea:focus + .help-block {opacity: 1;} .pt_forms .ui-widget.ui-widget-content{border:2px solid #e6e6e6;margin: 0;} .pt_forms ul.tagit li.tagit-new{padding: 0;margin: 0;} .pt_forms ul.tagit li.tagit-new input{border: 0;} .pt_forms .last-sett-btn{margin: 0px -25px -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;} .upload-product-image {width: 100px;height: 100px;border-radius: 4px;border: 2px dashed #cecece;cursor: pointer;display: table;margin: 0px 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: 0px 8px;margin: 0px 0px 0px;white-space: nowrap;} #productimage-holder .thumb-image {width: 100px;height: 100px;margin: 0px 5px 0px 0px;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: 0px;width: 45px;height: 45px;color: #cecece;} /*404 Page*/ .pt_404{padding: 45px 15px 100px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);border: 0;border-radius: 3px;} .pt_404>span{font-size: 160px;font-weight: bold;user-select:none;color: white;text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);background: linear-gradient(135deg, #596368 0%,#38444a 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .pt_404>span svg{vertical-align: middle;margin-top: -20px;filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.15));} .pt_404 .btn {margin: 35px 0px 0px;} /*FAB Button*/ .fixed-action-btn {user-select: none;position: fixed;bottom: 16px;right: 16px;display:none;z-index: 9;} body.fab_open .fixed-action-btn {z-index: 1150;} .btn-fab-floating {cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;height: 56px;width: 56px;color: #ffffff;background-color: #04abf2;box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);} .btn-fab-floating svg{width: 26px;height: 26px;} #btn-fab-main.active svg{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transition: all 0.2s ease-in-out;} .fixed-action-btn ul{padding:0px;margin: 0px;position: absolute;bottom: 65px;left: 50%;transform: translateX(-50%);background: transparent;pointer-events: none;} .fixed-action-btn ul li{display: inline-block;height: 40px;width: 40px;text-align: center;background-color: #fff;margin: 7px 0px;border-radius: 50%;-webkit-transform: scaleY(0.4) scaleX(0.4);-moz-transform: scaleY(0.4) scaleX(0.4);-ms-transform: scaleY(0.4) scaleX(0.4);-o-transform: scaleY(0.4) scaleX(0.4);transform: scaleY(0.4) scaleX(0.4);-webkit-transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1);-moz-transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1);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,.26);position: relative;} .btn-floating {display: flex;align-items: center;justify-content: center;height: 100%;position:relative;} .btn-fab-floating.active + ul > li {-webkit-transform: scaleY(1) scaleX(1) translateY(0px);-moz-transform: scaleY(1) scaleX(1) translateY(0px);-ms-transform: scaleY(1) scaleX(1) translateY(0px);-o-transform: scaleY(1) scaleX(1) translateY(0px);transform: scaleY(1) scaleX(1) translateY(0px);opacity: 1;visibility: visible;pointer-events: auto;} .btn-floating p {margin: 0;position: absolute;top: 50%;transform: translateY(-50%);right: 50px;background-color: white;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);color: #414141;padding: 4px 12px;border-radius: 4px;font-size: 13px;line-height: normal;} .btn-floating svg{width: 18px;height: 18px;} /*Home Page*/ .container-full {width: 100%;} .container-home {margin: auto;width: 100%;max-width: 1400px;padding: 0 15px;} .pt_home_top_m {margin: -150px 0 0;position: relative;} .video-player-page .last_hr:last-child hr{display:none;} .home-page-categories .title h4 {display: flex;align-items: center;margin: 0;} .home-page-categories .title h4 > div{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: white;background-color: #04abf2;margin-right: 8px;} .home-page-categories .title h4 svg{margin:0;} .home-page-categories .videos .duration{position: absolute;right: 4px;bottom: 4px;padding: 1px 5px;font-weight: 500;font-size: 11px;background-color: rgba(0, 0, 0, 0.75);color: #ededed;height: 16px;line-height: 14px;border-radius: 2px;} .cus_slider .slick-prev, .cus_slider .slick-next{transform: none;top: 40px;width: 40px;height: 40px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2);} .cus_slider .slick-prev svg.feather, .cus_slider .slick-next svg.feather{width: 24px;height: 24px;color: #929292;} .cus_slider .slick-prev{left: -20px;} .cus_slider .slick-next{right: -20px;} /*Categories*/ .pt_sec_nav_cats {margin: -20px -15px 0;background: rgb(255 255 255 / 72%);padding: 15px 15px;box-shadow: 0 1px 0 rgb(0 0 0 / 6%);position: relative;z-index: 9;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);} /*.pt_sec_nav_slide {overflow: hidden;overflow-x: auto;white-space: nowrap;margin: 0;position: relative;background: transparent !important;}*/ .pt_sec_nav_slide > div {margin: 0 5px; display: block; background: transparent !important; flex: 0 0 auto;width: auto;} .pt_sec_nav_slide > div a {border: 1px solid rgb(0 0 0 / 25%);border-radius: 2em;padding: 0 15px;text-decoration: none;display: block;line-height: 26px;color: #222;transition: all 0.2s ease;} .pt_sec_nav_slide > div a:hover { background: rgb(0 0 0 / 9%); } .pt_sec_nav_slide > div a.active {font-weight: 500;background: rgb(255 255 255 / 60%);color: #000;} .pt_sec_nav_slide_prnt .swiper-button-next.swiper-button-disabled, .pt_sec_nav_slide_prnt .swiper-button-prev.swiper-button-disabled {opacity: 0;visibility: hidden;} .pt_sec_nav_slide_prnt .swiper-button-next, .pt_sec_nav_slide_prnt .swiper-button-prev {border: 1px solid #dedede; border-radius: 50%; text-align: center; padding: 0; height: 28px;line-height: 28px; width: 28px; position: absolute; top: 0; box-shadow: 0 0 10px 10px rgb(0 0 0 / 9%); margin: 0;color: currentColor;} .pt_sec_nav_slide_prnt .swiper-button-next:after, .pt_sec_nav_slide_prnt .swiper-button-prev:after { font-size: 14px; font-weight: bold; } .pt_sec_nav_slide_prnt .swiper-button-next {right: 0;} .pt_sec_nav_slide_prnt .swiper-button-prev {left: 0;} /*Featured Video*/ .pt_feat_vid {position: relative;margin: -60px -15px 0;padding-bottom: 720px;} .pt_feat_vid_innr, .pt_feat_vid_content {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .pt_feat_vid_innr:before {content: '';position: absolute;top: 320px;right: 0;bottom: 0;left: 0;pointer-events: none;background: linear-gradient(360deg, #191c1d 0%, rgb(255 255 255 / 0%) 100%);} .pt_feat_vid_innr > img {height: 100%;width: 100%;object-fit: cover;} .pt_feat_vid_content, .pt_feat_vid_content .row {display: flex;align-items: flex-end;} .pt_feat_vid_content .container-home {margin: auto auto 200px;} .pt_feat_vid_content .home-page-categories .title h4 {color: #fff;} .pt_feat_vid_details h1 {font-size: 60px;max-height: 130px;overflow: hidden;text-shadow: 2px 2px 3px rgb(0 0 0 / 15%);} .pt_feat_vid_details h1 a {color: #fff;text-decoration: none;} .pt_feat_vid_details p {color: rgb(255 255 255 / 86%);} .pt_feat_vid_details p span {display: inline-block;margin: 0 8px;} .pt_feat_vid_details .btn {margin: 30px 0 0;border-radius: 10px;min-width: 100px;transition: all 0.2s;} .pt_feat_vid_details .btn:hover {transform: translateY(-3px);} .pt_feat_vid_details .btn svg {width: 20px;height: 20px;margin: -2px 0 0;} .pt_feat_vid_content .video-title {width: 100%;padding: 30px;background-color: rgb(255 255 255 / 15%);border-radius: 10px;position: relative;-webkit-backdrop-filter: saturate(180%) blur(5px);backdrop-filter: saturate(180%) blur(5px);} .pt_feat_vid_content .video-title .publisher-element{width: 100%;margin: 0;padding: 0;border: 0;} .pt_feat_vid_content .video-title .publisher-element .publisher-avatar {margin-right: 13px;min-width: 48px;} .pt_feat_vid_content .video-title .publisher-element .publisher-avatar img{border-radius: 50%;} .pt_feat_vid_content .video-title .publisher-element .publisher-name > a{font-size: 19px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;max-width: 280px;color: #fff;font-weight: 400;} .pt_feat_vid_content .video-title .publisher-element .publisher-subscribe-button {margin-top: 5px;} .pt_feat_vid_content .video-title .publisher-element button, .pt_feat_vid_content .video-title .publisher-element .btn-subscribed {box-shadow: none;padding: 3px 15px;font-size: 13px;color: white;display: inline-block;} .pt_feat_vid_content .video-title .publisher-element button svg, .pt_feat_vid_content .video-title .publisher-element .btn-subscribed svg {display:none;} .pt_feat_vid_content .video-title .publisher-element .subs-amount {padding: 3.9px 9px;vertical-align: middle;margin-left: 9.5px;} .pt_feat_vid_content .video-title hr {border-color: rgb(255 255 255 / 30%);} .pt_feat_vid_content .video-title .video-big-title {margin:0;max-height: 150px;overflow: hidden;color: rgb(255 255 255 / 80%);} .pt_feat_vid_content .video-title .video-big-title a {word-break: break-word;color: #fff;} .pt_feat_vid_content .video-title .video-big-title p {font-size: 14px; overflow: hidden;} .pt_feat_vid_content .video-title .video-big-share {display: flex;align-items: center;justify-content: center;padding: 20px 0 0;} .pt_feat_vid_content .video-title .video-big-share span {flex: 1;text-align: center;} .pt_feat_vid_content .video-title .video-big-share .btn {border: 0;background: rgb(255 255 255 / 20%);border-radius: 12px;box-shadow: none;padding: 9px 16px; color: #fff;cursor: text;} .pt_feat_vid_content .video-title .video-big-share .btn svg {margin: -2px 3px 0 0;} .pt_feat_vid_content .video-title .video-big-share a {display: inline-flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;width: 35px; height: 35px; color: #fff; border-radius: 12px; padding: 3px 0 0;transition: all 0.2s ease;} .pt_feat_vid_content .video-title .video-big-share a:hover { background: rgb(255 255 255 / 20%);transform: translateY(-2px); } .pt_feat_vid_content .video-title+.headtoppoint {transform: rotate(270deg);top: 60px;margin: 0;left: -16px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid rgb(255 255 255 / 15%);filter: none;background: transparent;backdrop-filter: saturate(180%) blur(5px);} /*View More Link*/ .view_more_link {margin-left: auto;/*overflow:hidden;*/} .view_more_link a {display: block;color: #181818;font-size: 15px;font-weight: 500;text-decoration: none;transition: all 0.2s;padding: 4px 5px 2px; border-radius: 5px;} .view_more_link a svg {background-color: #04abf2;border-radius: 50%;color: white;padding: 2px;transition: all 0.2s} .view_more_link a:hover svg { transform: translateX(3px); } /*Footer*/ .pt_footer {padding: 25px;position: relative;} .pt_footer a {transition: all 0.3s ease;text-decoration: none;font-weight: 500;} .pt_footer a:hover {border-bottom: 1px solid;} .pt_foot_lang{margin: 0;list-style: none;padding: 0;display: inline-block;background: transparent !important;} .pt_foot_lang>li{display: inline-block;background: transparent !important;position: static;} .pt_foot_lang li svg.feather{width: 16px; height: 16px; margin: 0px 3px 0px 0px;} .pt_language_select{border-radius: 4px;box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);border: 0;-webkit-transform: rotate3d(1,1,0,15deg);transform: rotate3d(1,1,0,15deg);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;opacity: 0;will-change: transform,opacity;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;transition-property: transform,opacity;transition-property: transform,opacity,-webkit-transform;-webkit-transition-duration: .25s;transition-duration: .25s;display: block;visibility: hidden;pointer-events: none;min-width: 130px;} .pt_foot_lang .open>.pt_language_select{-webkit-transform: none;transform: none;opacity: 1;pointer-events: auto;visibility: visible;margin-bottom: 15px;bottom: 80px;width: calc(100% - 20px);left: 10px;right: 10px;} .pt_language_select li a{font-size: 14px !important;line-height: 33px;padding: 0 20px;transition: background-color .1s;margin:0;border: 0 !important;} .pt_footer .copyright {margin: 15px 0 0;font-size: 13px;opacity: 0.9;} /*Header Menu*/ .dropdown-menu.ani-acc-menu, .dropdown-menu.ani_log_menu {top: 60px;overflow: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-o-transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear;transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear;display: block;min-width: 250px;box-shadow: 0 1px 4px rgba(0,0,0,0.25);padding: 10px 0;max-height: calc(100vh - 120px);overflow-y: auto;} .dropdown-menu.ani-acc-menu svg, .dropdown-menu.ani_log_menu svg {margin: -1px 12px 0px 0px;width: 24px;height: 24px;} nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani-acc-menu, nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani_log_menu {visibility: visible;opacity: 1;-webkit-filter: none;filter: none;top: 45px;} .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: -38px;-webkit-filter: drop-shadow(0px -3px 2px rgba(0,0,0,0.05));filter: drop-shadow(0px -3px 2px rgba(0,0,0,0.05));} header .dropdown-menu.ani-acc-menu li > a, header .dropdown-menu.ani_log_menu li a{padding: 10px 20px !important;color: #14171a !important;font-size: 14px !important;transition: all 0.1s;} header nav.navbar-findcond ul.dropdown-menu.ani-acc-menu > li:first-child a:hover{background:none !important;color: #14171a !important;} .pt_acc_menu_hdr {display: flex;padding: 8px 20px;} .pt_acc_menu_hdr img {width: 60px;min-width: 60px;height: 60px;border-radius: 100%;margin: 0 12px 0 0;} .pt_acc_menu_hdr a {text-decoration: none;} .pt_acc_menu_hdr a b {font-size: 18px;line-height: 24px;white-space: nowrap;font-weight: 500;max-width: 270px;overflow: hidden;text-overflow: ellipsis;display: block;} .pt_acc_menu_hdr a p {margin: 0;color: #657786;white-space: nowrap;max-width: 270px;overflow: hidden;text-overflow: ellipsis;display: block;} .pt_acc_menu_hdr a.points {color: #04abf2;margin: 7px 0 0;display: inline-block;} header nav.navbar-findcond ul.dropdown-menu.ani-acc-menu > li > a:hover, header nav.navbar-findcond ul.dropdown-menu.ani_log_menu > li > a:hover{background: #04abf2 !important;color: #fff !important;} header .dropdown-menu.ani-acc-menu li a:hover svg, header .dropdown-menu.ani_log_menu li a:hover svg {color: #fff;} .dropdown-menu.ani-acc-menu li.divider, .dropdown-menu.ani_log_menu li.divider {background: #e6ecf0;margin: 6px 0;} /*Upload Video*/ .pt_upload_vdo_step {padding: 55px 30px 30px;margin: 0 auto;width: 100%;max-width: 940px;} .pt_upload_vdo_step .line {width: 100%;height: 3px;background: #ddd;position: relative;border-radius: 8px;margin-bottom: 15px;} .pt_upload_vdo_step .line .line_sec {height: 3px;width: 0;background: #2196f3;border-radius: 2em;position: absolute;transition: all 0.3s;} .pt_upload_vdo_step .line .dot {position: absolute;} .pt_upload_vdo_step .line .dot span {position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;background: #969696;border-radius: 50%;transition: .3s all ease;transform: translate(-50%, -50%);color: #aeaeae;text-align: center;box-shadow: 0 0 0 4px rgb(0 0 0 / 20%);} .pt_upload_vdo_step .line .dot p {position: absolute;top: -35px;color: #909090;text-align: center;left: 50%;transform: translateX(-50%);font-weight: bold;font-size: 16px;margin: 0;white-space: nowrap;} .pt_upload_vdo_step .line .dot.one {left: 0%;} .pt_upload_vdo_step .line .dot.two {left: 33%;} .pt_upload_vdo_step .line .dot.three {left: 66%;} .pt_upload_vdo_step .line .dot.four {left: 100%;} .pt_upload_vdo_step.step-one-active .line .line_sec {width: 0%;} .pt_upload_vdo_step.step-one-active .dot.one span, .pt_upload_vdo_step.step-two-active .dot.one span, .pt_upload_vdo_step.step-two-active .dot.two span, .pt_upload_vdo_step.step-three-active .dot.one span, .pt_upload_vdo_step.step-three-active .dot.two span, .pt_upload_vdo_step.step-three-active .dot.three span, .pt_upload_vdo_step.step-four-active .dot.one span, .pt_upload_vdo_step.step-four-active .dot.two span, .pt_upload_vdo_step.step-four-active .dot.three span, .pt_upload_vdo_step.step-four-active .dot.four span {background: #fff;box-shadow: 0 0 0 4px #04abf2;} .pt_upload_vdo_step.step-one-active .dot.one p, .pt_upload_vdo_step.step-two-active .dot.one p, .pt_upload_vdo_step.step-two-active .dot.two p, .pt_upload_vdo_step.step-three-active .dot.one p, .pt_upload_vdo_step.step-three-active .dot.two p, .pt_upload_vdo_step.step-three-active .dot.three p, .pt_upload_vdo_step.step-four-active .dot.one p, .pt_upload_vdo_step.step-four-active .dot.two p, .pt_upload_vdo_step.step-four-active .dot.three p, .pt_upload_vdo_step.step-four-active .dot.four p {color: #2196f3;} .pt_upload_vdo_step.step-two-active .line .line_sec {width: 33%;} .pt_upload_vdo_step.step-three-active .line .line_sec {width: 66%;} .pt_upload_vdo_step.step-four-active .line .line_sec {width: 100%;} .pt_upload_vdo .upload {border: 0 !important;transition: all 0.1s ease;padding-bottom: 40px;display: flex;height: auto;align-items: center;text-align: inherit;margin: 0;padding: 10px;} .pt_upload_vdo .upload > .content {display: block;width: 400px;height: 380px;margin: 0 60px 0 0;padding: 20px;background: rgb(0 0 0 / 3%);} .pt_upload_vdo .upload > .content svg {border: 1px dashed #ddd;border-radius: 5px;width: 100%;height: 100%;padding: 80px;transition: all 0.2s ease;} .pt_upload_vdo .upload:hover > .content svg {border-color: #04abf2;} .pt_upload_vdo .pt_upvid_one > div.upload h4 {margin: 0px 0 9px;font-size: 35px;color: #444;} .pt_upload_vdo .pt_upvid_one > div.upload p {font-size: 21px;} .pt_upload_vdo button.btn_upld_vid_next {margin-top: 40px;padding: 10px 40px;height: 60px;border-radius: 6px;font-weight: 700;font-size: 18px;text-transform: uppercase;border: 0;} .pt_upload_vdo.hover svg.feather{transform: scale(1.1);} .pt_upload_vdo .progress {height: auto;border-radius: 2px;margin: 4px 0px 20px;background: #fff;box-shadow: none;padding: 0 10px;} .pt_upload_vdo .progress .percent {position: relative;color: #607d8b !important;margin: 0 6px 0 0 !important;width: auto;display: inline-block;background: rgb(96 125 139 / 20%);font-weight: 600;padding: 0 6px;font-size: 12px;line-height: 24px;border-radius: 2em;min-width: 43px;top: auto;vertical-align: middle;} .progress_bar_parent {margin: 0;height: 23px;border-radius: 2em;background: rgb(96 125 139 / 20%);width: calc(100% - 52px);display: inline-block;vertical-align: middle;} .progress_bar_parent .bar:not(.upload-progress-bar) {border-radius: 2em;background: #1bd2e2;} .pt_upload_vdo .alert {margin: 20px 10px 0;} .pt_upload_vdo_type {text-align: center;font-weight: 600;font-size: 18px;} .pt_upload_vdo_type_radio {margin: 0 -8px;text-align: center;display: flex;padding: 0 15px;} .pt_upload_vdo_type_radio label {margin: 5px 10px 15px;flex: 1 auto;} .pt_upload_vdo_type_radio label input {opacity: 0;width: 0;height: 0;display: none;} .pt_upload_vdo_type_radio_innr {cursor: pointer;font-size: 17px;font-weight: 500;box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);border-radius: 10px;padding: 40px 20px;transition: all 0.2s;background: linear-gradient(138deg, rgba(255,206,71,1) 0%, rgba(224,165,0,1) 100%);color: #fff;position: relative;} .pt_upload_vdo_type_radio_innr::before {content: " ";display: block;position: absolute;top: 0; right: 0; bottom: 0; left: 0;inset: 0 0 0 0;background: rgb(255 255 255 / 10%);transition: transform .3s ease;transform: scaleX(0);transform-origin: bottom right;border-radius: 10px;} .pt_upload_vdo_type_radio_innr:hover::before {transform: scaleX(1);transform-origin: bottom left;} .pt_upload_vdo_type_radio_innr:hover, .pt_upload_vdo_type_radio label > input:checked ~ .pt_upload_vdo_type_radio_innr {box-shadow: 0 3px 6px rgb(0 0 0 / 20%);} .pt_upload_vdo_type_radio_innr svg {display: block;margin: 0 auto 25px;width: 120px;height: 120px;color: #fff;border-radius: 50%;padding: 25px;background: rgb(255 255 255 / 30%);} .pt_upload_vdo_type_radio_innr.vdo {background: linear-gradient(138deg, rgba(31,180,255,1) 0%, rgba(0,131,245,1) 100%);} .pt_upload_vdo_type_radio_innr.stock {background: linear-gradient(138deg, #8bc34a 0%, #4caf50 100%);} .pt_upload_vdo_type_radio_innr b {font-size: 20px;} .pt_upload_vdo_type_radio_innr p {margin: 0;} .pt_upload_vdo_row {margin: 0;} .pt_upload_vdo_preview {background: rgb(0 0 0 / 4%);border-radius: 2px;padding: 15px;} .pt_upload_vdo_thumb {position: relative;padding-bottom: 56.25%;margin: -15px -15px 0;} .pt_upload_vdo_thumb > div {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 2px 2px 0 0;background: rgb(0 0 0 / 7%);} .pt_upload_vdo_thumb svg {width: 50px;height: 50px;filter: grayscale(1);} .pt_upload_vdo_thumb img {width: 100%;height: 100%;border-radius: 2px;object-fit: cover;} .pt_upload_vdo_preview p {font-size: 12px;margin: 15px 0 2px;display: flex;justify-content: space-between;} .pt_upload_vdo_preview p svg {margin: 0 0 -10px;cursor: pointer;} .pt_upload_vdo_preview a {color: #04abf2;font-size: 16px;} .pt_upload_vdo_preview .file_name {font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pt_vdo_upld_dn {text-align: center;margin: 30px 0 0;font-size: 15px;opacity: 0.7;} .pt_vdo_upld_dn svg {width: 18px;height: 18px;margin: -2px 0 0;} .pp_mat_input .emojionearea, .pp_mat_input .emojionearea.form-control {border: 2px solid #ddd;box-shadow: none;border-radius: 4px;} .pp_mat_input .emojionearea.focused {border-color: #04abf2;box-shadow: none;} .pp_mat_input input.tagit-hidden-field {display: none;} .pp_mat_input ul.tagit {padding: 4px 10px;min-height: 43.5px;} body .pp_mat_input ul.tagit li:not(.tagit-new) {border: 0;background: #04abf2 !important;color: #fff;} body .pp_mat_input ul.tagit li .tagit-close {color: #fff;} body .pp_mat_input ul.tagit li .tagit-close .ui-icon.ui-icon-close {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3e%3c/svg%3e");background-position: center;background-repeat: no-repeat;background-size: contain;} body .pp_mat_input .bootstrap-select {width: 100% !important;} .pt_uv_thumbs {margin: 0 0 20px;} .pt_uv_thumbs h5 {font-size: 18px;font-weight: bold;margin: 0 0 5px;} .pt_uv_thumbs p {font-size: 16px;} .pt_uv_thumbs_innr {display: flex;align-items: center;white-space: nowrap;overflow-x: auto;margin: 0 -6px;} .pt_uv_thumbs_innr .upload-product-image {height: auto;border-radius: 2px;width: 170px;min-width: 170px;} .pt_uv_thumbs_innr .upload-product-image .upload-image-content {transition: all 0.2s;font-size: 14px;padding-bottom: 56.25%;position: relative;} .pt_uv_thumbs_innr .upload-product-image .upload-image-content:hover {background: rgb(0 0 0 / 4%);} .pt_uv_thumbs_innr .upload-product-image .upload-image-content > div {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;} .pt_uv_thumbs_innr .upload-product-image svg {margin: 0 0 4px;width: 26px;height: 26px;} .pt_uv_thumbs_innr .thumb-image {width: 170px;height: 96px;margin: 0 6px;display: inline-block;object-fit: cover;user-select: none;cursor: pointer;border-radius: 2px;} .btn_upld_vid_next {margin: 20px 0 20px !important;} .pt_vdo_cstm_radio {position: relative;margin: 0px 0 3px;} .pt_vdo_cstm_radio input {position: absolute;opacity: 0;} .pt_vdo_cstm_radio label {position: relative;padding: 8px 10px 8px 40px;margin-bottom: 0;cursor: pointer;user-select: none;border-radius: 10px;transition: all 0.2s;} .pt_vdo_cstm_radio label:hover {background: rgb(0 0 0 / 4%);} .pt_vdo_cstm_radio label:after, .pt_vdo_cstm_radio label:before {content: "";display: inline-block;width: 18px;height: 18px;top: 9px;left: 12px;border-radius: 50%;text-align: center;position: absolute;transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);} .pt_vdo_cstm_radio label:before {border: 2px solid #757575;transition: all 90ms cubic-bezier(0,0,.2,.1);background-color: transparent;} .pt_vdo_cstm_radio input:checked + label {background-color: rgb(4 171 242 / 10%);color: #04abf2 !important;font-weight: 600;} .pt_vdo_cstm_radio input:checked + label:before {border-color: currentColor;} .pt_vdo_cstm_radio input:checked + label:after {background-color: currentColor;width: 10px;height: 10px;top: 13px;left: 16px;} /*Import Video*/ .custom_width_import{transition: .6s;width: 66.66666667%;margin:auto;float: none;} .custom_width_import.w-100{width:100%} .pt_import_vdo{padding: 0 0px 15px;} .pt_import_vdo #fetch-form {width: 100%;max-width: 1000px;margin: 50px auto;} .pt_import_vdo .imp_hdr_ico {display: flex;align-items: center;justify-content: center;margin: 20px 0 70px;} .pt_import_vdo .imp_hdr_ico svg {margin-right: 40px;width: 90px;height: 90px;opacity: 0.5;transform: scaleY(-1);} .pt_import_vdo .imp_hdr_ico h2 {margin: 0 0 5px;font-size: 39px;} .pt_import_vdo .imp_hdr_ico p {margin: 0;font-size: 20px;opacity: 0.7;} .pt_import_vdo .col-md-9{padding-right: 0px;width: calc(100% - 200px);} .pt_import_vdo .col-md-9 svg.feather {position: absolute;width: 48px;height: 46px;top: 2px;left: 17px;color: #8c8c8c;pointer-events: none;margin: 0;padding: 11px;background: rgb(0 0 0 / 6%);border-radius: 10px 0 0 10px;border-right: 2px solid #ccc;} .pt_import_vdo .col-md-9 input{padding: 0px 10px 0px 60px;border-color: #ddd;font-size: 19px;background: #f2f2f2;height: 50px;color: #151720;border-radius: 10px 0px 0px 10px;transition: all 0.2s linear;border: 2px solid #ccc;border-right: 0;} .pt_import_vdo .col-md-9 input:focus{border-color: #04abf2;} .pt_import_vdo .col-md-9 .help-block{opacity:0;visibility:hidden;transition:all 0.2s ease;} .pt_import_vdo .col-md-9 input:focus + .help-block{opacity:1;visibility:visible;} .pt_import_vdo .col-md-3{padding-left: 0px;width: auto;min-width: 200px;} .pt_import_vdo .col-md-3 button{width: 100%;font-size: 18px;height: 50px;border: 0;border-radius: 0px 10px 10px 0px;} .pt_import_vdo .video-description{max-height: 160px;overflow: hidden;overflow-y: auto;} .pt_import_vdo .pt_forms .setting-panel-mdbtn, .pt_forms_large_btns .pt_forms .setting-panel-mdbtn {padding: 0 20px;height: 40px !important;/* line-height: 60px; */border-radius: 6px;font-weight: 700;font-size: 16px;text-transform: uppercase;box-shadow: none;margin: 0 0px 20px;} .pt_import_vdo .pt_forms .setting-panel-mdbtn svg, .pt_forms_large_btns .pt_forms .setting-panel-mdbtn svg {display: none;} /*History Page*/ .pt_history .video-wrapper {margin-bottom: 25px;padding: 0 10px;} .pt_history .video-wrapper>div.content {margin-bottom: 0; padding: 0; position: relative; box-shadow: none; overflow: hidden; border-radius: 8px;} .pt_history .video-wrapper .video-thumb, .pt_history .video-wrapper .video-info .author-info{margin:0;} .pt_history .video-wrapper .video-thumb a{position:relative;display:block;padding-bottom: 65%;} .pt_history .video-wrapper .video-thumb img{ height: 100%; object-fit: cover; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .pt_history .video-wrapper .video-thumb .time {position: absolute;right: 10px;bottom: 10px;background-color: rgba(0, 0, 0, 0.75);color: white;padding: 2px 6px;border-radius: 4px;font-size: 11px;} .pt_history .video-wrapper .video-info{padding: 80px 13px 13px; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(transparent, rgb(0 0 0 / 80%));display: flex; align-items: center; justify-content: space-between;pointer-events: none;} .pt_history.pt_subscription .video-wrapper .video-info { flex-direction: column; color: #fff; align-items: normal; justify-content: normal; } .pt_history .video-wrapper .video-info>div{pointer-events: auto;} .pt_history .video-wrapper .video-info>div.video-actions {padding: 0 5px; margin: 0; flex: 0 0 auto; background: #fff; border-radius: 10px; transition: all 0.2s;pointer-events: auto} .pt_history .video-wrapper .video-info>div.video-actions:hover { transform: scale(1.1); } .pt_history .video-wrapper .video-info>div.video-actions svg.feather{width: 20px;height: 20px;margin: 8px 3px;color: #e55050;} .pt_history .video-wrapper .video-info .video-title a, .pt_history .video-wrapper .video-info .author-info .author-name{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Fira Sans,Helvetica Neue,Arial,sans-serif;font-size: 12px;line-height: 20px;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} .pt_history .video-wrapper .video-info .video-title a{color: #fff;font-weight: 500;margin: 0;font-size: 15px;white-space: normal;max-height: 40px;word-break: break-all;} .pt_history .video-wrapper .video-info .author-info .author-name a{color: #ffffff;} /*PRO Page*/ .pt_svg_lines {position: absolute;height: 40px;bottom: 60px;left: -25px;-webkit-transform: translateY(30%) rotate(180deg);transform: translateY(30%) rotate(180deg);} /*Articles Page*/ .articles-content .pt_article_list { position: relative;padding-bottom: 10px;} .articles-content .pt_article_h_list { position: relative; padding: 15px; background: #fff; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); display: block; overflow: hidden; } .articles-content .pt_article_h_list .video-thumb { position: relative; margin-bottom: 10px; } .articles-content .pt_article_h_list .video-thumb img {width: 100%;max-width: 100%; object-fit: cover;aspect-ratio: 16/9;height: auto;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .articles-content .pt_article_h_list .video-info { overflow: hidden !important;} .articles-content .pt_article_h_list .postFooter {display: flex;align-items: center;justify-content: space-between;} .articles-content .pt_article_h_list .video-info .article-title h4 {margin-top: 0;overflow: hidden;min-height: 51px;max-height: 51px;word-break: break-word;} .articles-content .pt_article_h_list .video-info .article-title h4 a {font-size: 23px;margin: 0;text-decoration: none;transition: all 0.2s;} .articles-content .pt_article_h_list .video-info .article-title h4:hover a{border-bottom:1px solid #444;} .articles-content .pt_article_h_list .video-info .article-desc p { font-family: Lato, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 14px; overflow: hidden;max-height: 44px;min-height: 44px;word-break: break-word;} .articles-content .pt_article_h_list .video-info .postFooter {border-color: #f2f2f2;margin-top: auto;} .articles-content .pt_article_h_list .video-info .postFooter a {text-decoration: none;line-height: 1;font-size: 12px;color: #5D738D;letter-spacing: 1px;} .postFooter {clear: both;padding-top: 10px;border-top: 1px solid #f5f5f5;margin: 0;} .postFooter .u-floatLeft svg.feather {margin: -1px 0px 0px -4px;width: 17px;height: 17px;} .postFooter .u-floatRight a {color: rgba(0,0,0,0.4);} .postFooter .u-floatRight svg.feather {margin-top: -3px;width: 17px;height: 17px;} .article_image_renderer {border: 2px dashed #ddd;width: 100%;height: 360px;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;cursor: pointer;font-size: 16px;overflow: hidden;} .article_image_renderer svg {width: 110px;height: 110px;margin: 0 auto 20px;} .article_image_renderer img {width: 100%;height: 100%; object-fit: cover;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} /*Watch Page*/ .private-text {font-size: 12px;background: #eee;color: #333;padding: 5px;border-radius: 3px;margin-top: -3px;} .pt_vdo_plyr .embed-responsive.stuck{position: fixed;bottom: 20px;right: 20px;width: 350px;height: 198px;padding: 0;z-index: 9;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-animation: fade-in-up .25s ease forwards;animation: fade-in-up .25s ease forwards;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);overflow: hidden;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} @-webkit-keyframes fade-in-up {0% {opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}} @keyframes fade-in-up {0% {opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}} .pt_video_info .btn-subscribe:before, .pt_video_info .btn-subscribed:before {display: none;} .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, .pt_video_info .video-published{padding: 0px 15px;} .video-player-page.six_padding_15 .pt_video_info .watch-video-description p {max-width: 800px;} .video-player-page.six_padding_15 .pt_video_info .watch-video-description, .video-player-page.six_padding_15 .pt_video_info .video-published {padding: 0 0 0 60px;} .pt_video_info .watch-video-description p{word-wrap: break-word;font-size: 15px;line-height: 22px;font-family: 'Lato';} .pt_video_comments{padding: 10px 20px;} .pt_video_comments .comments-header{margin: 5px 0 20px;font-size: 16px;font-family: 'Lato';} .pt_video_comments svg.feather.blue{margin-top: 0px;width: 15px;height: 15px;color: #2196F3;} .videos-list .pt_video_side_vids{margin: 0 9px 22px;position:relative;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .videos-list .pt_video_side_vids:last-child{margin-bottom:5px;} .videos-list .pt_video_side_vids .video-thumb {position: relative;height: 0;padding: 0;padding-bottom: 56.25%;width: 100%;overflow: hidden;border-radius:max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .videos-list .pt_video_side_vids .video-thumb a {display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .videos-list .pt_video_side_vids .video-thumb img {object-fit: cover;height: 100%;} .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;overflow: hidden;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .videos-list .pt_video_side_vids .video-thumb:hover .play_hover_btn {opacity: 1;visibility: visible;} .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(.7);width: 49px;height: 49px;transition: transform .2s ease,-webkit-transform .2s ease;fill: white;} .videos-list .pt_video_side_vids .video-thumb:hover .play_hover_btn svg.feather {-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);} .videos-list .pt_video_side_vids .video-thumb .video-duration {pointer-events: none;position: absolute;right: 4px;top: 4px;padding: 1px 5px;font-weight: 500;font-size: 11px;background-color: rgba(0, 0, 0, 0.75);color: #ededed;height: 16px;line-height: 14px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .videos-list .pt_video_side_vids .yp_watch_sugg {position: absolute;bottom: 0;pointer-events: none;left: 0;right: 0;padding: 140px 10px 10px;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,rgba(0,0,0,1) 100%);} .videos-list .pt_video_side_vids .video-title{white-space: nowrap;max-height: 18px;line-height: 1.2;margin-bottom: 2px;color: white;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 500;letter-spacing: 0.5px;word-spacing: 1px;} .videos-list .pt_video_side_vids .video-publisher{color: #ffffff;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .yp_copy_link {display: flex;align-items: center;margin-bottom: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;overflow: hidden;} .yp_copy_link input { padding: 10px 14px;font-size: 16px;background-color: #eee;border: 0;flex: 1;height: 45px;} .yp_copy_link .btn {border-radius: 0;padding: 0;display: flex;align-items: center;justify-content: center;width: 67px;height: 45px;background-color: #04abf2;color: white; } /*.pt_video_comments .yp_video_comment {position: relative;} .pt_video_comments .yp_video_comment textarea{resize: none;border-radius: 0;border: 0 !important;border-bottom: 1px solid #cdcdcd !important;padding: 12px 100px 12px 10px;transition: all 0.2s;overflow-y:hidden;} .pt_video_comments .yp_video_comment textarea:focus {border-color: #04abf2 !important;box-shadow: 0 1px #04abf2;} .pt_video_comments .yp_video_comment .btn { border-radius: 0;margin: 0;padding: 9px 12px;width: auto;height: auto;background-color: #ffffff;color: #04abf2;text-transform: uppercase;font-weight: 500;letter-spacing: 0.5px;line-height: 1;position: absolute;right: 0;bottom: 8px;transition: all 0.2s;} .pt_video_comments .yp_video_comment .btn:hover { background-color: #eee;}*/ .download-placement {display: flex;flex-wrap: wrap;} .download-placement a {color: #333;margin: 5px;padding: 5px 10px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;transition: all .3s;border: 1px solid #333;text-decoration: none;} .download-placement a:hover {background: #333;color: #fff;} /*Message Page*/ .pt_msg_area {height: calc(100vh - 247px);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: 20px;height: 69px;position: relative;line-height: 27px;margin: 0;box-shadow: none;} .pt_msg_header h3 {margin: 0;line-height: 27px;} .pt_msg_header h3 a {color: #222;text-decoration: none;} .pt_msg_main {background: #f4f4f4;position: relative;border-radius: 0px;margin-bottom: 0;padding: 0;} .pt_msg_header h3 .mobilemsgclose {display: none;cursor: pointer;margin: -1px 10px 0px 0px;width: 23px;height: 23px;stroke-width: 2.5px;} .msg_grad_bg {background: rgb(13,164,64);background: linear-gradient(90deg, rgba(13,164,64,1) 0%, rgba(6,99,37,1) 100%);position: absolute;height: 4px;left: 0;right: 0;bottom: -2px;} /*Side Menu*/ .subscribers_img_{ height: 80%; border-radius: 50%; margin-right: 10px; } .yp_side_menu{transition: all 0.3s;} .yp_side_menu.has_side_menu {margin-left: 80px;transition: all 0.3s;} .yp_side_drawer{position: fixed;width: 80px;left: 0;top: 56px;background-color: white;bottom: 0;box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.15);overflow-y: auto;transition: all 0.3s;} .yp_side_drawer.hide_side_menu {left:-80px;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;background: transparent !important;} .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%;background: transparent !important;} .yp_side_drawer ul.sections li a {padding: 0 10px;display: flex;line-height: 55px;height: 55px;align-items: center;width: 100%;text-decoration: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.1s;font-weight: 500;position: relative;} .yp_side_drawer ul.sections li a:before {content: '';position: absolute;bottom: 5px;left: 34px;width: 9px;height: 9px;border-radius: 50%;background: #04abf2;opacity: 0;visibility: hidden;} body:not(.side_open) .yp_side_drawer ul.sections li a span, body:not(.side_open) .yp_side_drawer .subs_list, body:not(.side_open) .yp_side_drawer .more_links_list, body:not(.side_open) .yp_side_drawer footer {display: none;} .yp_side_drawer ul.sections li a:hover {color: #04abf2;} .yp_side_drawer ul.sections li.active a{color: #04abf2;} .yp_side_drawer ul.sections li.active a:before {opacity: 1;visibility: visible;} .yp_side_drawer ul.sections li a svg {margin: 0 15px;width: 26px;height: 26px;} body.side_open .yp_side_menu.has_side_menu {margin-left: 250px;} body.side_open .yp_side_drawer {width: 250px;} .yp_side_drawer ul.sections.subs_list li a {line-height: 44px;height: 44px;} .yp_side_drawer .subscribers_img_ {margin: 0 15px;width: 26px;height: 26px;} /*Slider*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;/*margin-left:auto;margin-right:auto*/}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Arrows */ .slick-prev, .slick-next{position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #5f5f5f; border: none; outline: none; z-index: 9; background: white; box-shadow: 0 2px 6px 1px rgba(50, 50, 50, 0.16); width: 50px; height: 50px; border-radius: 100%; text-align: center;transition: all 0.2s ease;} .slick-prev svg.feather, .slick-next svg.feather{margin: 0px;width: 31px;height: 31px;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #222;outline: none;box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3);} .slick-prev.slick-disabled, .slick-next.slick-disabled{opacity: 0;visibility: hidden;} .slick-prev{left: 0px;} .slick-next{right: 0px;} /*Toggle Switch*/ .tgl {visibility:hidden;position:absolute;opacity:0} .tgl + .tgl-btn {outline: 0;display: block;width: 36px;position: relative;cursor: pointer;user-select: none;} .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {position: relative;display: block;content: "";width: 20px;height: 20px;top: -3px;} .tgl + .tgl-btn:after {left: -3px;} .tgl + .tgl-btn:before {display: none;} .tgl:checked + .tgl-btn:after {left: 54%;background: #04abf2;} .tgl-ios + .tgl-btn {background: rgb(189, 189, 189);transition: all .4s ease;height: 14px;border-radius: 30px;margin: 3px 0px;} .tgl-ios + .tgl-btn:after {border-radius: 2em;background: rgb(245, 245, 245);transition: left 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;} .tgl-ios:checked + .tgl-btn {background: rgba(0, 150, 136, 0.5);} /*Material Input*/ .pp_mat_input{position: relative;margin-bottom: 2.7em;} .pp_mat_input input, .pp_mat_input textarea {width: 100%;font-size: 17px;padding: 2px 2px 1px;display: block;border: none;background-color: transparent !important;box-shadow:none !important;color: #333;border: 2px solid #ddd; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 8px 10px;transition: all 0.2s} .pp_mat_input input:focus, .pp_mat_input textarea:focus, .pp_mat_input select:focus{border-color:#04abf2} .pp_mat_input label {position: absolute;cursor: text;opacity: 1;transition: 0.2s ease all;pointer-events: none;font-family: "Roboto", sans-serif;font-weight: 500;top: -8px;left: 9px;font-size: 12px;color: #5e5e5e;user-select: none;background-color: white;padding: 0px 5px;} .pp_mat_input input::placeholder{opacity: 0;} .pp_mat_input input:placeholder-shown:not(:focus) + label{top: 10.5px;font-size: 16px;color: rgba(0,0,0,0.38);left: 13px;background-color: transparent;} .pp_mat_input select{border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 8px 10px;transition: all 0.2s;border: 2px solid #ddd;width: 100%;font-size: 17px;color: #5b5b5b;} /*Ads Page*/ .yp_ads_add svg{width: 35px;height: 35px;} .yp_ads_add label{display: block;margin-top: 7px;font-size: 14px;font-weight: 500;font-family: "Roboto", sans-serif;} .yp_ads_add .add-amount h5 {position: relative;display: inline-block;} .yp_ads_add .add-amount h5 span{font-size: 38px;position: absolute;top: 7px;left: -30px;} .yp_ads_add .add-amount h5 input{font-size: 80px;font-family: "Roboto", sans-serif;margin: 0;border: 0;padding: 0;height: 87px;text-align: center;max-width: 160px;outline: 0;font-weight:100;} /*Modals*/ .modal-backdrop{ background-color: rgba(0,0,0,.6); } .modal.fade { text-align: center; padding: 0!important; } .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; 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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; 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; } .modal.fade:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal.fade .modal-dialog { transform: scale(0.7); opacity: 0; transition: all 0.2s; display: inline-block; text-align: left; vertical-align: middle; margin: auto; } .modal.fade.in .modal-dialog { transform: scale(1); opacity: 1; } /*Search Page*/ .user-wrapper { display: table;width: 100%;margin-bottom: 25px;position: relative;} .user-wrapper .video-thumb {width: 60px;min-width: 60px;height: 60px;overflow: hidden;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;display: table-cell;} .user-wrapper .video-thumb img { width: 100%;height: 100%;object-fit: cover;} .user-wrapper .video-title {display: table-cell;vertical-align: middle;padding-left: 10px;} .user-wrapper .video-title h4 {font-size: 16px;color: black;margin: 0;max-height: 53px;overflow: hidden;} /*Overlay*/ .sidenav-overlay, .fab-overlay {position: fixed;top: 0;left: 0;right: 0;bottom:0;visibility:hidden;opacity: 0;height: 100%;background-color: rgba(0,0,0,0.4);z-index: 9990;transition: all 0.2s ease;} body.fab_open .fab-overlay {opacity: 1;visibility:visible;} .fab-overlay {z-index: 1111;} .show-in-mobile { display: none !important; } /* ******************************************************************* */ #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;} .display_block{display: block !important;} .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;} body .pp_mat_input > .bootstrap-select > button {margin-top: 0;border: 2px solid #ddd;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;height: 43px !important;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none !important;background: #fff;font-size: 16px;text-transform: none;font-family: "Roboto", sans-serif;font-weight: 500;padding-top: 8px;color: rgba(0,0,0,0.38) !important;} body .pp_mat_input > .bootstrap-select .dropdown-toggle:focus {outline: none !important;} body .pp_mat_input > .bootstrap-select.open > .dropdown-toggle {background: #fff;border-color: #04abf2;} body .pp_mat_input > .bootstrap-select > .dropdown-menu {border-color: #ddd;box-shadow: 0 6px 15px rgb(0 0 0 / 7%);} body .pp_mat_input > .bootstrap-select .dropdown-menu li a {padding: 12px 20px;font-size: 15px !important;} body .pp_mat_input > .bootstrap-select .dropdown-menu li a:hover, body .pp_mat_input > .bootstrap-select .dropdown-menu li.selected a {background: #04abf2;color: white !important;} body .pp_mat_input > .bootstrap-select .bs-actionsbox .actions-btn {margin: 0 5px;width: calc(50% - 10px);font-size: 14px;padding: 7px 10px;font-weight: 600;} body .pp_mat_input > .bootstrap-select .bs-actionsbox .actions-btn.bs-select-all {border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;color: #4caf50;background: rgb(76 175 80 / 10%);} body .pp_mat_input > .bootstrap-select .bs-actionsbox .actions-btn.bs-deselect-all {border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;color: #2196f3;background: rgb(33 150 243 / 10%);} body .pp_mat_input .bootstrap-select{border-radius: 50px;} .user-setting-panel .user-ads-list-container .margin_bottom_{margin-bottom: 0px;} /*Video Studio*/ .vid_stud_divider {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 0 0 15px;font-weight: bold;font-size: 18px;} .vid_stud_divider:after {content: '';height: 1px;background: rgba(255, 255, 255, 0.1);flex-grow: 1;margin-left: 15px;background: rgba(0, 0, 0, 0.1);} .pt_vid_stud_row {margin-right: -6px;margin-left: -6px;} .pt_vid_stud_row .col-md-3, .pt_vid_stud_row .col-md-4, .pt_vid_stud_row .col-md-6 {padding: 0 6px;} .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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;} .pt_vid_stud_ads_list {box-shadow: none;} .pt_vid_stud_ads_list .user-ads-list-header {box-shadow: 0 0.005em 0.01em 0 rgb(0 0 0 / 12%), 0 2px 5px 0 rgb(0 0 0 / 12%);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} body .pt_vid_stud_vids .video-latest-list .video-title {min-height: auto;} body .pt_vid_stud_vids .video-latest-list .video-title h4 {font-size: 18px;max-height: 50px;line-height: 25px;font-weight: bold;} body .pt_vid_stud_vids .video-latest-list .video-info p {margin: 15px 0 0;} .pt_vid_stud_vids_actions {margin-left: 20px;} .pt_vid_stud_vids_actions a {display: inline-block;line-height: 1;margin: 0 3px;} .pt_vid_stud_vids_actions a svg {width: 18px;height: 18px;} /*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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .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 {padding: 17px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;color: #fff;background: transparent linear-gradient(309deg, #4A4647 0%, #787878 100%) 0% 0% no-repeat padding-box;} .vid_analts_stat > div {display: flex;align-items: center;max-width: 100%;} .vid_analts_stat > div > svg {margin-right: 15px;margin-top: 0px;width: 44px;min-width: 44px;height: 44px;border-radius: 50%;background: rgb(255 255 255 / 30%);padding: 9px;} .vid_analts_stat h2 {font-size: 14px;margin-top: 0;margin-bottom: 3px;font-weight: bold;text-transform: uppercase;letter-spacing: 0.5px;} .vid_analts_stat p {margin: 10px 0 0;text-align: center;font-size: 32px;font-weight: bold;text-shadow: 0px 2px 4px rgb(0 0 0 / 16%);} .vid_analts_info_smll {font-size: 14px;margin-top: 4px;color: #717171;} /*Search Page*/ .pt_srch_vids:first-child {margin-top: 15px;} .pt_srch_vids .video-latest-list .video-title {display: flex;} .pt_srch_vids .video-latest-list .video-title h4 {font-size: 23px;max-height: 64px;line-height: 32px;} .pt_srch_vids .video-latest-list .video-info {margin: 0;font-size: 12px;} .pt_srch_vids .video-latest-list .video-info a {margin: 10px 0 0;display: inline-block;font-size: 12px;} .pt_srch_vids .video-latest-list .video-info a img {width: 35px;height: 35px;border-radius: 50%;margin: 0 10px 0 0;} .pt_srch_vids .video-latest-list .video-info p {max-height: 40px;margin: 35px 0 0;} .pt_srch_vids .video-latest-list .video-info p a {margin: 0;} .vid_srch_filtr {overflow: hidden;} .vid_srch_filtr .pt_forms {background-color: #fff;margin: 0 2px 10px;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .vid_srch_filtr .pt_forms .form-group {padding: 8px 15px;} .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 {background: transparent;margin: 0;padding: 15px ​0 6px !important;} /*Popular channels*/ .pt_page_headr {display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #e2e2e2;margin: 0 0 25px;} .pt_page_headr .page_head {font-size: 20px;} .pt_page_headr .page_head svg {background-color: #04abf2;} .pt_page_headr > small {font-size: 14px;} .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: flex;align-items: center;padding: 20px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;margin-bottom: 30px;overflow: hidden;} .vid_pop_channls .video-thumb { min-width: 100px;width: 100px;margin-right: 15px;height: 100px;} .vid_pop_channls .video-thumb img {border-radius: 50%;} .vid_pop_channls .video-title {padding: 0 !important;max-width: calc(100% - 115px);} .vid_pop_channls .video-title h4 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 100%;font-size: 20px;} .vid_pop_channls .video-title h6 {font-weight: normal;font-size: 13px;} .vid_pop_channls .video-title h6 svg {width: 16px;height: 16px;margin: -2px 2px 0 0;} /*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;} /*Movies*/ .pt_movie_margin .pt_page_headr .page_head svg { background-color: #9C27B0; } .vid_move_filtr {background-color: #2A2D2E;padding: 10px 20px;border-radius: 10px;position: relative;overflow: hidden;margin-bottom: 30px;} .vid_move_filtr > svg { position: absolute; width: 100%; height: 100%; opacity: 0.7; pointer-events: none; } .vid_move_filtr .pt_forms .form-group { margin: 10px 0; } .vid_move_filtr .pt_forms .form-group label {font-size: 18px;display: none;} .vid_move_filtr .pt_forms .form-group .input-group {width: 100%;} .vid_move_filtr .pt_forms .form-group .input-group svg {position: absolute;color: rgb(255 255 255 / 40%);z-index: 4;top: 2px;left: 2px;padding: 9px 10px;height: 36px;width: 50px;background: rgb(255 255 255 / 10%);border-radius: 8px 0 0 8px;border-right: 2px solid #707070;pointer-events: none;} .vid_move_filtr .pt_forms .form-group input[type=text], .vid_move_filtr .pt_forms .form-group select, .vid_move_filtr .pt_forms .form-group input[type=number] {border-radius: 10px;border-color: #707070 !important;background-color: #2A2D2E !important;} .vid_move_filtr .pt_forms .form-group input[type=text] {padding-left: 60px;} .vid_move_filtr .pt_forms .form-group button.btn {padding: 0 16px;line-height: 40px;border: 0;font-size: 16px;min-width: 150px;border-radius: 10px;width: 100%;} .pt_movie_list {} .pt_movie_list .video-wrapper {margin-bottom: 30px;} .pt_mv_list_thumb {display: block;position: relative;padding-bottom: 150%;z-index: 1;overflow: hidden;} .pt_mv_list_thumb img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;transition: all 0.3s ease;} .pt_mv_list_thumb:hover img { transform: scale(1.1); } .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 > div {position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: space-between; color: white; padding: 22px 12px 12px; background: linear-gradient(transparent, rgb(0 0 0 / 80%)); } .pt_mv_list_thumb > div .stars svg { margin-top: -3px; } .pt_mv_list_thumb > div .stars svg path { fill: #EF8F12; } .pt_mv_list_thumb > div > svg {width: 42px; height: 42px;} .pt_mv_info {} .pt_mv_info_innr h3 {margin: 0; font-size: 18px; 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;margin-top: 7px;} .pt_mv_info_innr > div span {color: #a6a6a6 !important;} .pt_mv_info_innr > div .bold {margin: 0 5px;} .pt_mv_info_innr .stars .star, .wtch_mv_info_main .stars .star {width: 14px;height: 14px;margin: 0 0 5px;} .pt_mv_info_innr .stars .star path, .wtch_mv_info_main .stars .star path { fill: #EF8F12;} .wtch_mv_info_main .stars .star path { fill: #666;} .wtch_mv_info_main .stars[data-stars] .star path {fill: #EF8F12;} .wtch_mv_info_main .stars[data-stars="1"] .star:nth-child(1) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="2"] .star:nth-child(2) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="3"] .star:nth-child(3) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="4"] .star:nth-child(4) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="5"] .star:nth-child(5) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="6"] .star:nth-child(6) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="7"] .star:nth-child(7) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="8"] .star:nth-child(8) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="9"] .star:nth-child(9) ~ .star path {fill: #666666;} .wtch_mv_info_main .stars[data-stars="10"] .star:nth-child(10) ~ .star path {fill: #666666;} .pt_mv_info_innr .mv_qualt, .wtch_mv_info_bsc .mv_qualt {background-color: #03050B;padding: 1px 9px;font-size: 12px;} .vid_mov_e_info {margin-bottom: 0;background: transparent !important;} .vid_mov_e_info li {margin-bottom: 5px;background: transparent !important;} .vid_mov_e_info h4 {float: left;font-weight: 500;width: 80px;margin: 0;margin-right: 10px;font-size: 13px;line-height: 11px;} .vid_mov_e_info p {font-size: 13px !important;line-height: 13px !important;} /*Paid Movies*/ .paid_movie_list .video-wrapper {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 15px 0;margin: 0;margin-bottom: 30px;} .paid_movie_list .movie-thumb img {width: 100%;height: 200px;object-fit: cover;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .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*/ .wtch_mv_info_main {margin-top: 20px;position: relative;} .wtch_mv_img img {width: 100%;} .wtch_mv_info_main .btn-subscribed {background: #04abf2;} .wtch_mv_info_main .subs-amount {display: none;} .wtch_mv_info_bsc {display: flex;align-items: center;justify-content: space-between;margin: 12px 0 0;} .wtch_mv_info_bsc .mv_qualt {background-color: #8A8A8A;} /*Pagination*/ .pagination>li>a, .pagination>li>span { float: none; padding: 0 8px; margin-left: 0; line-height: normal; color: #04abf2; min-width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; border-radius: 2em; background-color: #def5ff; border-color: #def5ff; } .pagination>li>a svg, .pagination>li>span svg { margin: 0; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #04abf2; background-color: #c3edff; border-color: #c3edff; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #04abf2; border-color: #04abf2; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 2em; } .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: 9; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } /*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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;position: relative;white-space: nowrap;overflow-x: auto;margin-bottom: 0;background: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 10px;} .tp_vid_fltr_tabs ul li {display: inline-block;} .tp_vid_fltr_tabs ul li a {padding: 10px 16px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;border: none;margin: 0;font-weight: 500;line-height: 1;color: #6f6f6f;display: block;text-decoration: none;} .tp_vid_fltr_tabs ul li.selected a, .tp_vid_fltr_tabs ul li.active a {background-color: rgb(4 171 242 / 15%);color: #04abf2;} .tp_vid_fltr_tabs ul li a svg {display: block;margin: 0 auto 10px;width: 22px;height: 22px;} /*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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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 .payment_method { display: flex; flex-wrap: wrap; margin: 0 -10px; } .payment_box .btn {background-color: transparent; color: #444; display: flex; align-items: center; flex-direction: column; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; padding: 20px 16px; font-weight: 500; box-shadow: none; flex: 1 1 auto; margin: 10px; font-family: "Roboto", sans-serif;} .payment_box .btn:hover { box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px; } .payment_box .btn svg, .payment_box .btn img {margin: 0 auto 10px; 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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .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: 15px; position: relative; border: 1px solid #e6e6e6; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; margin-bottom: 22px; display: flex; flex-direction: column;} .platform_icon{ width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; background: #e4e4e4; border-radius: 50%; margin: 5px auto !important; float: none !important;} .platform_icon svg{width: 24px;height: 24px;} .as_list hr { margin-left: -15px; margin-right: -15px; } .session_info{display: block;font-family: "Roboto", sans-serif;} .session_info h4{margin-top: 0;margin-bottom: 10px;} .session_info p{margin-bottom: 8px;line-height: 1;} .sett_sess_info span {display: block;margin-bottom: 2px;} .sett_sess_info span svg { width: 16px; height: 16px; margin-top: -2px; vertical-align: middle; opacity: 0.8;} .log_out_session {width: 100%; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; margin: 10px 0 0; border: 0; color: #d9534f; background-color: rgba(217, 83, 79, 0.2);} .log_out_session svg {width: 17px;height: 17px;} /*Language Selector*/ .lang_select_modal {text-align: inherit;} .lang_select_modal.matdialog .modal-content { padding: 0; } .lang_select_modal.matdialog .modal-body { margin: 0; padding: 0; overflow: hidden; overflow-y: auto; } .lang_select_modal .row { display: flex; flex-wrap: wrap; } .lang_select_modal .row .col-md-4, .lang_select_modal .row .col-md-8 { float: none; } .language_info { height: 100%; position: relative; padding: 30px; background: linear-gradient(135deg, #16b3bc, #58c2d0); overflow: hidden; min-height: 200px; width: 100%; } .language_info h3 { margin: 0 0 20px; color: #fff; } .language_info img { position: absolute; bottom: 0; left: 20px; right: 20px; margin-bottom: -21px; } .lang_select_modal ul{ padding: 20px 20px 20px 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; background: transparent !important; } .lang_select_modal .language_select { flex: 1 1 160px; background: transparent !important; margin: 10px; } .lang_select_modal .language_select a { display: block; text-decoration: none; font-weight: 500; font-size: 13px; line-height: 39px; padding: 0 15px; transition: background-color .1s; border: 1px solid #ddd; text-align: center; border-radius: 7px; } .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; 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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .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: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;} .pt_plist_hdr .checkbox {margin: 0 5px;} .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 .form-group textarea { height: 204px !important; } .create-post-form .upload-product-image { width: 100%; height: 200px; background: rgb(0 0 0 / 5%);margin: 0; } .create-post-form .upload-image-content { height: 200px; } .create-post-form .upload-product-image img { width: 100%; height: 100%; object-fit: cover; } .create-post-form .upload-product-image svg { width: 40px; height: 40px; } .create-post-form .last-sett-btn {margin: 30px 0; text-align: center;} .create-post-form .last-sett-btn .btn { margin: 0; font-weight: 600; text-transform: capitalize; border-radius: 2em; font-size: 15px; letter-spacing: 0.4px;min-width: 150px !important;box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px; } /*Channel Activity*/ .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: 10px -3px 0;} .pt_act_likds > span {margin: 0 3px;cursor: pointer;background: rgb(0 0 0 / 7%);display: inline-block;padding: 0 16px;line-height: 30px;border-radius: 2em;font-weight: 500;font-size: 13px;} .pt_act_likds > span svg {margin: -1px 0 0;width: 20px;height: 20px;} .pt_act_likds > span svg.feather-thumbs-up.active { color: #4caf50; } .pt_act_likds > span svg.feather-thumbs-down.active { color: #f44336; } .pt_act_likds > span svg.feather-thumbs-up.active path:not(.active_path), .pt_act_likds > span svg.feather-thumbs-down.active path:not(.active_path), .pt_act_likds > span svg.feather-thumbs-up:not(.active) .active_path, .pt_act_likds > span svg.feather-thumbs-down:not(.active) .active_path {display: none;} .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .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); overflow: hidden;} .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;} /*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 - 56px);} .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 - 56px);} .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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;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, .chat_drop {display: inline-block;} .mic_drop > .btn, .cam_drop > .btn, .chat_drop > .btn {background-color: rgb(255 255 255 / 20%);border: 0;padding: 7px;line-height: 1;color: white;} .mic_drop .dropdown-menu div, .cam_drop .dropdown-menu div, .chat_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;} .wow_go_live_cont > .containerr > .pt_live_controls {height: auto;position: absolute;left: 0;right: 0;top: 0;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;padding: 15px 0;} .pt_live_controls .end_vdo_call, .pt_live_controls .start_vdo_call, .pt_live_controls .wow_liv_counter, .pt_live_controls .live_mic_cam_switch {position: relative;top: auto !important;left: auto !important;right: auto !important;margin: 0 7px;} .pt_live_controls .end_vdo_call, .pt_live_controls .start_vdo_call {line-height: 36px;min-width: 130px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .pt_live_controls input.start_vdo_call { background: rgb(255 255 255 / 20%); border: 0; font-weight: 600; color: #fff; padding: 0 13px; font-size: 20px; } .pt_live_controls .wow_liv_counter {line-height: 36px;min-width: 100px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;font-size: 14px;} .pt_live_controls .mic_drop > .btn, .pt_live_controls .cam_drop > .btn, .pt_live_controls .chat_drop > .btn {border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;margin: 0 5px;padding: 7.7px;} .pt_live_controls .mic_drop > .btn svg, .pt_live_controls .cam_drop > .btn svg, .pt_live_controls .chat_drop > .btn svg {width: 20px;height: 20px;} /*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;box-shadow: none;margin: 0;background: transparent !important;} .pt_homep_articls > .row {margin-right: -10px;margin-left: -10px;} .pt_homep_articls > .row .col-md-3 { padding-right: 10px; padding-left: 10px; } .pt_homep_articls .pt_article_h_list {box-shadow: 0 1px 2px rgb(0 0 0 / 20%);} /*Stock Videos*/ .pt_stock_vid_setts {background-color: #fff;margin: 0 0 30px;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);position: relative;overflow: hidden;} .pt_stock_vid_setts > svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 250%; opacity: 0.3; } .pt_stock_vid_setts .pt_forms .form-group input[type=text], .pt_stock_vid_setts .pt_forms .form-group select, .pt_stock_vid_setts .pt_forms .form-group input[type=number] {border-color: #eaeaea !important;background-color: #ffffff !important;} .pt_stock_vid_setts .pt_forms .form-group .input-group svg {color: rgb(0 0 0 / 40%);background: rgb(0 0 0 / 4%);border-color: #eaeaea;} .pt_stock_vid_setts .pt_forms .form-group .input-group-btn { padding-left: 18px; } .pt_num_toggle {display: flex;align-items: center;} .pt_num_toggle .value-button {padding: 0 10px;border: 2px solid #eaeaea;height: 40px;line-height: 32px;text-align: center;cursor: pointer;color: #aaaaaa;user-select: none;background: #fff;} .pt_num_toggle input {border-radius: 0 !important;border-left: none !important;border-right: none !important;text-align: center;} .pt_num_toggle input[type=number]::-webkit-inner-spin-button, .pt_num_toggle input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .pt_num_toggle .value-button.minus {border-radius: 10px 0 0 10px;} .pt_num_toggle .value-button.add {border-radius: 0 10px 10px 0;} .video-player .icons { top: 40px; } /*Movie Trailer*/ .movie-file-input {display: block;padding: 15px;width: 100%;position: relative;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;border: 2px solid #e3e4e8;} .movie-file-input > [type='file'] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 10;cursor: pointer;} .movie-file-input > .button {display: inline-block;cursor: pointer;background: #eee;padding: 8px 16px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;margin-right: 8px;} .movie-file-input:hover > .button {background: #04abf2;color: white;} .movie-file-input > .mlabel {white-space: nowrap;opacity: .6;display: inline-block;max-width: 80%;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;} .pt_mve_btn {border: 0;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;font-size: 13px;color: #4caf50 !important;background-color: rgb(76 175 80 / 25%);padding: 4px 8px;margin-bottom: 8px} .pt_mve_btn:hover, .pt_mve_btn:focus {color: #fff !important;} .pt_mve_btn svg {width: 16px;height: 16px;margin: -2px 0 0;} .watch-movie-trailer-modal {padding: 0;} .embed-responsive-movie {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;} .embed-responsive-movie::before {display: block;content: "";padding-top: 56.25%;} .embed-responsive-movie > div {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;} .embed-responsive-movie > div .mejs__container, .embed-responsive-movie > div .mejs__container video {width: 100% !important;height: 100% !important;max-height: 100%;} /*Video Cards*/ .pt_vid_card_prvw {--surface2: #e5e5e5;--surface3: #c3c3c3;--fixed-bg-gradient: linear-gradient(to right, #4CAF50, #0094d7);background: rgb(0 0 0 / 8%);padding: 0 0 20px;} .pt_vid_card_prvw .responsive {position: relative;background: #000;padding-bottom: 56.25%;width: 100%;overflow: hidden;margin-bottom: 20px;} .pt_vid_card_prvw .responsive .wait {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;justify-content: center;} .pt_vid_card_prvw .responsive .wait svg {color: #fff;width: 50px;height: 50px;} .pt_vid_card_prvw .responsive canvas {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;vertical-align: middle;} .pt_vid_card_prvw input[type="range"] {--track-height: 3px;--thumb-size: 16px;--thumb-offset: -6.5px;--thumb-highlight-size: 0px;--thumb-highlight-color: rgb(0 0 0 / 0.1);display: block;width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;outline: none;padding: 0 12px;} .pt_vid_card_prvw input[type="range"]:hover, .pt_vid_card_prvw input[type="range"]:active {--thumb-highlight-size: 5px;} .pt_vid_card_prvw input[type="range"]::-webkit-slider-runnable-track {-webkit-appearance: none;appearance: none;height: var(--track-height);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;background: linear-gradient(to right, transparent var(--track-fill, 0%), var(--surface3) 0%), var(--fixed-bg-gradient) fixed;} .pt_vid_card_prvw input[type="range"]::-moz-range-track {-moz-appearance: none;appearance: none;height: var(--track-height);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;background: linear-gradient(to right, transparent var(--track-fill, 0%), var(--surface3) 0%), var(--fixed-bg-gradient) fixed;} .pt_vid_card_prvw input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;cursor: pointer;border: 3px solid var(--surface2);height: var(--thumb-size);width: var(--thumb-size);margin-top: var(--thumb-offset);border-radius: 50%;background: var(--fixed-bg-gradient) fixed;box-shadow: 0 0 0 var(--thumb-highlight-size) var(--thumb-highlight-color);-webkit-transition: box-shadow .1s ease;transition: box-shadow .1s ease;} .pt_vid_card_prvw input[type="range"]::-moz-range-thumb {-moz-appearance: none;appearance: none;cursor: pointer;border: 3px solid var(--surface2);height: var(--thumb-size);width: var(--thumb-size);margin-top: var(--thumb-offset);border-radius: 50%;background: var(--fixed-bg-gradient) fixed;box-shadow: 0 0 0 var(--thumb-highlight-size) var(--thumb-highlight-color);-moz-transition: box-shadow .1s ease;transition: box-shadow .1s ease;} .pt_vid_card_form .form-group label.col-md-12 {width: auto;background: #fff;margin: 10px 25px -12px;z-index: 1;padding: 0 5px;} .pt_vid_card_form .form-group select, .pt_vid_card_form .form-group input[type=text] {border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding-top: 15px;height: 52px !important;width: 100%;} .pt_vid_card_form .form-group svg {vertical-align: middle;border-radius: 50%;background: #4caf50;color: #fff;padding: 4px;width: 21px;height: 21px;margin: -1px 0 0;} /*My Info*/ .select_radio_btn label {width: 100%;margin: 15px 0 0;} .select_radio_btn label > input {opacity: 0;width: 0;height: 0;display: none;} .select_radio_btn .sr_btn_lab_innr {width: 100%;box-shadow: 0 0 0 1px #e6e6e6;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;cursor: pointer;transition: all 0.2s ease;display: block;padding: 15px;} .select_radio_btn.small_rbtn .sr_btn_img {margin: 0 10px 0 0;transition: all 0.2s;display: inline-block;background-color: #f1f1f1;border-radius: 50%;height: 50px;width: 50px;opacity: .7;padding: 9px 0;text-align: center;} .select_radio_btn.small_rbtn .sr_btn_img svg {width: 30px;height: 30px;vertical-align: middle;} .select_radio_btn .sr_btn_lab_innr > span {font-weight: 500;display: inline-block;vertical-align: middle;} .select_radio_btn .sr_btn_lab_innr:hover {box-shadow: 0px 0px 0px 2px rgba(0, 102, 255, 0.5);} .select_radio_btn label > input:checked ~ .sr_btn_lab_innr {box-shadow: 0px 0px 0px 1px rgb(0 102 255 / 50%);color: #04abf2;background: rgb(0 0 0 / 3%);} .select_radio_btn label > input:checked ~ .sr_btn_lab_innr .sr_btn_img {opacity: 1;background-color: #ffffff;box-shadow: 0px 0px 0px 1px rgb(0 102 255 / 50%);} .ready_to_down_info {display: none;text-align: center;margin: 40px 0;} .ready_to_down_info svg {width: 110px;height: 110px;margin-bottom: 20px;vertical-align: middle;} .ready_to_down_info p {font-weight: 500;margin-bottom: 35px;font-size: 17px;} /*Login Page*/ .pt_auth_box {background: rgb(0 0 0 / 50%);backdrop-filter: blur(15px);} .pt_auth_box .modal-dialog {width: 100%;max-width: 600px;} .login_page {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;min-height: calc(100vh - 96px);position: relative;margin-bottom:20px;} .login_page:before, .login_page:after {-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;content: '';display: block;height: 24px;} .login-page { -webkit-flex-shrink: 0;flex-shrink: 0;margin: 0 auto; width: 100%;max-width: 450px;padding-top: 0;box-shadow: 0 1px 2px rgb(0 0 0 / 10%);background: #fff;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 40px 60px 60px; } .login-page h4 {font-size: 26px;margin: 0 0 25px;} .login-page .errors { width: 100%;padding: 10px;margin: -20px auto 20px;color: #e62117; } .login-page .errors:empty { padding: 0; margin: 0; } .login-page .errors.success { color: #04abf2 !important; } .login-page .pp_mat_input {margin-bottom: 15px;} .login-page .pp_mat_input input, .login-page .pp_mat_input select {background: #ececec !important;border-color: #ececec;padding: 10px;} .login-page .login-icons {padding-top: 20px;} .login-page .login-icons:empty {padding: 0;} .login-page .login-icons div { text-align: center;display: inline-block;margin: 3px; } .login-page .login-icons svg { border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;color: #fff;padding: 5px;width: 29px;height: 29px; } .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; } .login-page .forgot_password {text-align:right;} .login-page .forgot_password a {text-decoration:none;} .login-page .login_signup_combo {margin: 35px 0px 15px;} .login-page .login_signup_combo .btn {line-height: 36px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;letter-spacing: .25px;width: 100%;font-size: 16px;transition: all 0.2s ease;} .login-page .login_signup_combo .btn:hover {box-shadow: 0 4px 6px rgb(0 0 0 / 15%);} .login-page .signup__ a {font-weight: 500;text-decoration: none;color: #222;padding: 0 5px;} .login_page .terms label {font-size: 12px;cursor: pointer;} .login_page .terms label input {float: left;margin-right: 5px;margin-top: 2px;} .login_page .terms label a {text-decoration:underline;} .login-page .pt_vdo_cstm_radio label:after, .login-page .pt_vdo_cstm_radio label:before { border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } /*Cookie*/ .cc-window {position: fixed;overflow: hidden;font-size: 14px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;z-index: 9999;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 12px;left: 50%;transform: translateX(-50%);bottom: 15px;width: 100%;max-width: 900px;justify-content: space-between;background-color: white;} .cc-window.cc-invisible {display: none !important;} .cc-btn.cc-dismiss {cursor: pointer;transition: all 0.15s;padding: 0 15px;line-height: 34px;display: block;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;background: #04abf2;color: #fff;} /*FAQ*/ .tube_faq .accordion {border-bottom: 1px solid #efefef;padding: 24px 0;} .tube_faq .accordion:last-child {border: 0;} .tube_faq .accordion-item {display: flex;text-decoration: none;cursor: pointer;align-items: flex-start;} .tube_faq .accordion-item > .btn {display: flex;width: 52px;height: 52px;min-height: 52px;min-width: 52px;margin-right: 25px;padding: 8px;justify-content: center;align-items: center;border-radius: 100px;transition: all 0.2s ease-out;} .tube_faq .accordion-item.is-active > .btn {transform: rotate(45deg);background-color: #222;color: #fff;} .tube_faq .accordion-item > .card {padding: 13px 20px;border-radius: 20px;transition: all 0.2s ease-out;} .tube_faq .accordion-item.is-active > .card {background-color: #f9f9f9;} .tube_faq .accordion-item > .card h4 {margin: 0;font-size: 20px;line-height: 26px;} .tube_faq .accordion-item .accordion-panel {display: none;} .tube_faq .accordion-item .accordion-panel p {margin-bottom: 0px;padding-top: 16px;color: rgb(0 0 0 / 70%);font-size: 16px;line-height: 27px;} /*Shorts*/ .shorts_badge { position: absolute; top: 5px; right: 5px; color: #fff; background-color: rgb(0 0 0 / 50%); padding: 4px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; line-height: 1; } .shorts_badge svg { width: 16px; height: 16px; } .pt_shorts_page { position: relative; } .pt_shorts_page_title { display: flex; justify-content: space-between; text-transform: capitalize; letter-spacing: normal; word-spacing: normal; font-size: 17px; margin: 0; position: absolute; z-index: 9; color: #fff; padding: 20px; min-width: 0; width: 100%; top: 0; left: 0; right: 0; pointer-events: none; } .pt_shorts_page_title span { font-size: 29px; } .pt_shorts_page_title span svg { background-color: #04abf2; color: #fff; width: 42px; height: 42px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; padding: 8px; margin-top: -6px; } .pt_shorts_page_title .btn { border: 0; background-color: white; color: #04abf2 !important; font-weight: 500; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; line-height: 36px; padding: 0 18px;pointer-events: auto; } body .pt_shorts_swipe { width: 100%; height: calc(100vh - 56px);height: calc(var(--vh, 1vh) * 100 - 56px); /*overflow: visible;*/margin-top: -20px; } .swiper-wrapper .empty_state { height: calc(100vh - 56px); height: calc(var(--vh, 1vh) * 100 - 56px); margin: 0 !important; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .pt_shorts_swipe .swiper-wrapper .user_avatar { /* position: absolute; */ /* top: 0; */ /* right: 0; */ /* left: 0; */ /* z-index: 9; */ /* color: #fff; */ /* background: linear-gradient(rgb(0 0 0 / 50%), transparent); */ padding: 15px 0; display: flex; align-items: center; pointer-events: none; justify-content: space-between; } .pt_shorts_swipe .swiper-wrapper .user_avatar img { width: 35px; height: 35px; border-radius: 50%; object-fit: cover; } .pt_shorts_swipe .swiper-wrapper .user_avatar a { color: currentColor; border: 0; padding: 0; line-height: 1; pointer-events: auto; } .shorts_events { position: absolute; bottom: 0; right: 0; left: 0; z-index: 9; color: #fff; background: linear-gradient(transparent, rgb(0 0 0 / 50%)); padding: 50px 15px 10px; display: flex; align-items: end; pointer-events: none; } .shorts_events > p { pointer-events: auto; padding: 0 5px;max-height: 120px; overflow-y: auto;flex: 1 1 auto; } .shorts_events > div { pointer-events: auto;text-align: center;padding: 0 5px;flex: 0 0 auto;} .shorts_events > div svg, .pt_shorts_swipe .swiper-wrapper .user_avatar a svg { background-color: rgb(255 255 255 / 30%); border-radius: 50%; padding: 6px; width: 33px; height: 33px; } .shorts_events > div p { font-size: 13px; font-weight: 500; } .pt_shorts_swipe .swiper-wrapper .videocontainer { max-width: 500px; margin: auto;position: relative; } .pt_shorts_swipe .swiper-wrapper .videocontainer, .pt_shorts_swipe .swiper-wrapper .video-staand { width: 100%;height: 100%; } .pt_shorts_swipe .swiper-slide > .vid_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .pt_shorts_swipe .swiper-slide > .vid_bg img { width: 100%; height: 100%; } .pt_shorts_swipe .swiper-slide > .vid_bg > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 70%); backdrop-filter: blur(20px); } .pt_shorts_swipe .swiper-wrapper video{ width: 100% !important; height: 100% !important; object-fit: contain; } .pt_shorts_swipe .swiper-wrapper .mejs__mediaelement{ width: 100% !important; } .pt_shorts_swipe .swiper-wrapper .mejs__container{ width: 100% !important; height: 100% !important; max-height: 100%;background: transparent !important; } .pt_shorts_swipe .swiper-wrapper .mejs__poster{ width: 100% !important; height: 100% !important; } .pt_shorts_swipe .swiper-wrapper .mejs__layer{ width: 100% !important; height: 100% !important; } .pt_shorts_swipe .swiper-wrapper .mejs__controls { display: none; } body .pt_shorts_swipe .swiper-button-prev, body .pt_shorts_swipe .swiper-button-next { top: auto; width: 50px; height: 50px; margin: 0; color: #fff; left: auto; right: 50px; transform: rotate(90deg); background-color: #04abf2; border-radius: 50%; } body .pt_shorts_swipe .swiper-button-prev { bottom: 90px; } body .pt_shorts_swipe .swiper-button-next { bottom: 30px; } body .pt_shorts_swipe .swiper-button-next:after, body .pt_shorts_swipe .swiper-button-prev:after { font-size: 20px; font-weight: 600; } /*Password Strength*/ .helper-text { display: none; margin-top: 6px; font-size: 12px; line-height: 18px; } .helper-text li { background: transparent !important; } .helper-text li.valid {color: #1aac20;} /*Invitation Links*/ .pt_invit_link { border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; padding: 1.5rem; margin: 15px 0 30px; } .pt_invit_link > div { display: flex; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; font-weight: 500; flex-direction: column-reverse; } .pt_invit_link > div svg { flex: 0 0 auto; width: 35px; height: 35px; margin: 0 0 10px; color: #ffffff; border-radius: 50%; padding: 7px; } .pt_invit_link span { font-size: 38px; line-height: 1;display: block; margin-top: 20px; } .pt_invit_link.green { background-color: rgb(16 196 66 / 8%); } .pt_invit_link.blue { background-color: rgb(34 190 255 / 8%); } .pt_invit_link.red { background-color: rgb(255 100 55 / 8%); } .pt_invit_link.green > div svg { background-color: #10c442; } .pt_invit_link.blue > div svg { background-color: #22beff; } .pt_invit_link.red > div svg { background-color: #FF6437; } .user-setting-panel .pt_invit_link_btn { height: 42px !important; font-size: 14px; padding: 0 16px; font-weight: 500; border-radius: 2em; min-width: 150px !important; } /*Wallet*/ .pt_invit_link.wallet > div svg { background: transparent; border-radius: 0; padding: 0; width: 42px; height: 42px; } .pt_invit_link.wallet .btn { border: 0; height: 42px !important; font-size: 14px; padding: 0 16px; font-weight: 500; border-radius: 2em; min-width: 150px !important; margin-top: 1.5rem; } .wallet_empty_state { text-align: center; margin: 30px 0 40px; font-size: 16px; } .wallet_empty_state svg { display: block; margin: 0 auto 10px; width: 60px; height: auto; } .wallet_empty_state .btn { margin: 30px auto 0; box-shadow: none; border: 0; height: 42px !important; font-size: 14px; padding: 0 16px; font-weight: 500; border-radius: 2em; min-width: 150px !important; margin-top: 1.5rem; line-height: 42px; } /*Crop Video*/ .pt_crop_shrt_vid { background: transparent !important; padding: 3px; } .pt_crop_shrt_vid .responsive { visibility: hidden; opacity: 0; padding: 0; margin: 0; } .pt_crop_shrt_vid .pt_crop_shrt_vid_place { position: relative; background: #000; padding-bottom: 56.25%; width: 100%; overflow: hidden; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; margin-bottom: 16px; } .pt_crop_shrt_vid .pt_crop_shrt_vid_place .video-controls { position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; width: 100%; background: linear-gradient(transparent, rgb(0 0 0 / 60%)); display: flex; align-items: center; padding: 15px; } .pt_crop_shrt_vid .pt_crop_shrt_vid_place .video-controls button { border: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #fff; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .pt_crop_shrt_vid .pt_crop_shrt_vid_place video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; } .pt_crop_shrt_vid .ui-slider { border: 0 !important; background: rgb(0 0 0 / 15%); border-radius: 2em; height: 4px;margin-bottom: 8px; } .pt_crop_shrt_vid .ui-slider .ui-slider-range { background-color: #00bcd4; } .pt_crop_shrt_vid .ui-slider .ui-slider-handle { border: 0; outline: none; border-radius: 50%; cursor: pointer; background-color: #2196f3; top: -6px; } /*Wallet Modal*/ .swal2-modal .swal2-buttonswrapper { margin: 15px 5px 10px; border-top: 1px solid #ddd; padding-top: 10px; } .swal2-modal button.btn.pt_wallet_btn { border-radius: 2em !important; font-size: 15px; font-weight: 500; padding: 10px 20px; margin-top: 10px; border: 0; } .pt_wallet_forms div label { display: block; margin: -7px 5px 0; } .pt_wallet_forms div label span { font-weight: 500; font-size: 22px; margin: 0; display: block; text-transform: capitalize;text-align: initial; } .pt_wallet_forms div small { display: block; margin: 0px 5px 5px; font-size: 16px;text-align: initial; } .pt_wallet_forms input { font-size: 70px; margin: 0; border: 0; padding: 0; height: 75px;background: transparent !important; } /*Points*/ .pt_points_hdr { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px; background: rgb(255 193 7 / 10%); border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; border: 1px solid rgb(255 193 7 / 30%); margin: 10px 0 20px; position: relative; } .pt_points_hdr > svg { width: 80px; height: auto; position: absolute; } .pt_points_hdr h4 { margin: 0; font-weight: 600; font-size: 22px; } .pt_points_hdr h4 svg { opacity: 0; visibility: hidden; width: 90px; height: 80px; } .pt_points_hdr div { text-align: center; color: #ff9800; font-weight: 600; font-size: 32px; } .pt_points_hdr div p { color: initial; font-weight: normal; font-size: 17px; opacity: 0.6; } .ep_how_many { padding: 30px 15px; position: relative; z-index: 1; margin: 10px 0 20px; border: 1px solid #e6e6e6; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; text-align: center; } .ep_how_many svg { display: block; background-color: #607d8b; width: 50px; height: 50px; border-radius: 16px; padding: 12px; color: white; margin: 0 auto 17px; } .ep_how_many b { margin: 0; display: block; } /*Avatar and Cover*/ .wow_cset_cover, .wow_cset_avtr {position: relative;} .wow_cset_cover .wow_cset_cover_hdr .btn-file {display: flex;justify-content: center;box-shadow: none;background-color: #f3f3f3;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;height: 210px;overflow: hidden;padding: 0;align-items: center;} .wow_cset_cover .wow_cset_cover_hdr .btn-file img, .wow_cset_avtr .wow_cset_avtr_hdr .btn-file img {width: 100%;height: 100%;object-fit: cover;} .wow_cset_cover .wow_cset_cover_hdr .btn-file svg, .wow_cset_avtr .wow_cset_avtr_hdr .btn-file svg {margin: 0;width: 30px;height: 30px;} .wow_cset_cover .avatar-read {position: absolute;top: 10px;left: 10px;} .wow_cset_cover .avatar-read p {margin: 0;background-color: rgba(0, 0, 0, 0.5);color: white;height: 34px;padding: 6px 12px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;} .wow_cset_cover .avatar-read p:empty {padding: 0;} .wow_cset_avtr .wow_cset_avtr_hdr {display: flex;word-break: break-all;} .wow_cset_avtr .wow_cset_avtr_hdr .btn-file {display: flex;justify-content: center;box-shadow: none;background-color: #f3f3f3;width: 110px;height: 110px;border-radius: 50%;border: 5px solid #fff;overflow: hidden;margin: -40px 30px 20px;padding: 0;align-items: center;flex: 0 0 auto;} .wow_cset_avtr .wow_cset_avtr_hdr b { font-size: 20px; font-weight: bold; margin: 20px 0 0px; } /*Balance*/ .pt_balance_row { margin: 0; } .pt_balance_row > .col-md-6 { padding: 0; } .pt_forms_large_btns .pt_forms .setting-panel-mdbtn.btn-default { line-height: 40px; } .pt_avbl_bal span { vertical-align: top; font-weight: bold; font-size: 20px; line-height: 45px; } .pt_avbl_bal b { font-size: 80px; margin: 0; font-weight: 400; } /*Monetization*/ .pt_monetize_sett { background-color: rgb(109 165 46 / 15%); border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; border: 1px solid rgb(109 165 46 / 20%); padding: 25px; margin-bottom: 25px; } .pt_monetize_sett h4 { margin: 0; font-weight: 600; font-size: 25px; line-height: 38px; color: #6da52e; width: 100%; max-width: 350px; } .pt_monetize_sett img { width: 100%; max-height: 160px; opacity: 0.8; } .pt_mon_switch { display: flex; align-items: center; margin-top: 10px; } .pt_mon_switch label { margin: 0; font-weight: bold; } .pt_mon_switch .toggle.btn { min-height: auto; min-width: auto; height: 29px !important; width: 60px !important; padding: 0; border-radius: 2em; border: 0; background: transparent; } .pt_mon_switch .toggle .toggle-on, .pt_mon_switch .toggle .toggle-off { font-size: 0; } .pt_mon_switch .toggle .toggle-handle { border: 0; border-radius: 50%; background: white; padding: 0; width: 24px; height: 24px; margin: 2px 30px 2px 0; box-shadow: 0 2px 7px rgb(0 0 0 / 20%); } .pt_mon_switch .toggle.btn.off .toggle-handle { margin: 2px 0px 2px 30px; } /*Add to Playlist*/ .pt_add_to_list_vid .swal2-buttonswrapper {overflow: hidden; padding-bottom: 2px; border: 0 !important; margin: 0 !important; padding-top: 0 !important;} .pt_add_to_list_vid .swal2-buttonswrapper button {float: right;margin-top: 10px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px !important;padding: 7px 15px !important;font-weight: 600; font-size: 14px !important;} /*Go Pro*/ .pt_go_pro { margin: 40px 0; } .pt_go_pro .go-pro-head { background: linear-gradient(rgb(4 171 242 / 30%), transparent); padding: 50px 25px 200px; border-radius: 15px 15px 0 0; position: relative; } .pt_go_pro .go-pro-head > div .logo { max-width: 125px; } .pt_go_pro .go-pro-head > div span { display: inline-block; vertical-align: middle; margin: 0 10px; background-color: #ff9800; color: #fff; font-weight: 600; font-size: 12px; line-height: 20px; padding: 0 8px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; font-style: italic; } .pt_go_pro .go-pro-head > h4 { margin: 20px 0 0; font-size: 33px;color: #0095d2; } .pt_go_pro .go-pro-head > .icon { position: absolute; width: 200px; right: 10px; top: 80px;z-index: -1; } .pt_go_pro .go-pro-body { position: relative; margin: -130px 0 0; padding: 0px 25px; } .pt_go_pro .go-pro-packages { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .pt_go_pro .go-pro-packages .go-pro-pkg { padding: 40px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='900' viewBox='0 0 1440 900' fill='none'%3e%3cpath d='M232 2C211.667 91.1667 204.5 277.5 338.5 309.5C506 349.5 732 669 954 468C1176 267 1770 790.5 1465.5 943' stroke='rgb(0 0 0 / 7%25)'/%3e%3cpath d='M0 189C8.83333 294.667 79.2 503.8 290 495C553.5 484 702 594.5 747 698C792 801.5 830 1103 1066.5 1013' stroke='rgb(0 0 0 / 7%25)'/%3e%3cpath d='M-27 626C45.3333 707.167 237.5 876.7 427.5 905.5' stroke='rgb(0 0 0 / 7%25)'/%3e%3cpath d='M829 -20C849.333 8.16667 922.5 66.2 1052.5 73C1215 81.5 1323.87 87.8301 1366.5 106.5C1443 140 1476.5 192.5 1506 292' stroke='rgb(0 0 0 / 7%25)'/%3e%3c/svg%3e"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .pt_go_pro .go-pro-packages .go-pro-pkg > div { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 32px; grid-row-gap: 32px; -ms-grid-columns: 1fr 3fr 1fr; grid-template-columns: 1fr 3fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .pt_go_pro .go-pro-pkg-features { padding-right: 32px; padding-left: 32px; border-right: 1.5px solid #e9e9e9; border-left: 1.5px solid #e9e9e9;height: 100%; display: flex; align-items: center; } .pt_go_pro .go-pro-features-list { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px;width: 100%; } .pt_go_pro .go-pro-features-list p { margin: 0; font-size: 15px; line-height: 24px; font-weight: 600; } .pt_go_pro .right-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .pt_go_pro .right-block .package-price { margin-bottom: 16px; font-size: 28px; line-height: 32px; font-weight: 600; } .pt_go_pro .right-block .btn { padding: 0 40px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; font-size: 16px; line-height: 44px; font-weight: 600; border: 0; } /*Short List*/ .cus_story_slider .slick-list { padding-top: 8px; } .home-page-categories .videos .video-list.short, .video-latest-list.video-wrapper.short { position: relative;transition: all 0.3s ease 0.1s;overflow: hidden !important;height: auto; } .video-latest-list.video-wrapper.short { margin-bottom: 20px; } .home-page-categories .videos .video-list.short .video-list-image a, .video-latest-list.video-wrapper.short .video-thumb { padding-bottom: 150%; } .home-page-categories .videos .video-list.short:hover, .video-latest-list.video-wrapper.short:hover { -webkit-transition-delay: 0s; transition-delay: 0s; box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px; transform: translateY(-5px); } .video-latest-list.video-wrapper.short .video-thumb a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .video-latest-list.video-wrapper.short .video-thumb a img { min-height: auto; min-width: auto; width: 100%; height: 100%; max-height: none; } .home-page-categories .videos .video-list.short .duration, .video-latest-list.video-wrapper.short .video-duration { right: auto; bottom: auto; top: 0; margin: 5px;left: auto; } .home-page-categories .videos .video-list.short .pt_vid_fixed_height, .video-latest-list.video-wrapper.short .video-title { position: absolute; bottom: 0; left: 0; right: 0; min-height: auto; max-height: none; padding: 10px; background: linear-gradient(transparent, rgb(0 0 0 / 60%)); border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .home-page-categories .videos .video-list.short .video-list-title h4, .video-latest-list.video-wrapper.short .video-title h4 { color: #fff; } .video-latest-list.video-wrapper.short .video-title h4 { margin-bottom: 0; } .home-page-categories .videos .video-list.short .video-list-by, .home-page-categories .videos .video-list.short .video-list-by a { color: #ddd; } .home-page-categories .videos .video-list.short .video-list-by > div, .video-latest-list.video-wrapper.short .video-info { display: none; } /*AutoPlay Switch*/ .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; cursor: pointer; user-select: none; padding-left: 45px; width: auto;} .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);left: 0;top: 50%;transform: translateY(-50%);} .pt_mn_wtch_switch .tgl-btn:after {border-radius: 2em;background: #b7b7b7;transition: all 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: auto; left: 22px;} /*Popular Channels*/ .popular_channels_prnt { position: relative; } .popular_channels { background-color: #977DF3; padding: 30px; padding-bottom: 570px; border-radius: 10px; position: relative; overflow: hidden;margin-bottom: 30px; } .popular_channels > .bg_trail { margin: 0; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; opacity: 0.1; pointer-events: none; } .popular_channels > .icon { width: 50px; height: 50px; display: block; margin: 0 auto 15px; } .popular_channels > h2 { text-align: center; color: white; font-weight: 600; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; word-spacing: 4px; margin: 0 0 30px; } .vid_pop_chnl_filtr { justify-content: center; color: #fff; } .vid_pop_chnl_filtr select { border: 0; background: rgb(255 255 255 / 30%) !important; color: #fff !important; font-weight: 600; height: 36px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .vid_pop_chnl_filtr select option { color: #222; } .vid_pop_chnl_filtr .btn { margin: 0 8px; border: 0; background: #fff !important; color: #977df3 !important; font-weight: 600; height: 36px; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; padding: 6px 16px; min-width: 100px; } .vid_pop_channls { border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px; } .popular_channels_list { counter-reset: Serial; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls { background: rgb(255 255 255 / 10%); box-shadow: none; border: 1px solid rgb(255 255 255 / 30%);overflow: visible; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-thumb { overflow: visible;position: relative; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-thumb:after { counter-increment: Serial; content: counter(Serial); position: absolute; top: -60px; left: 50%; transform: translateX(-50%); color: #ffffff; font-weight: 600; font-size: 72px; -webkit-text-fill-color: #977df3; -webkit-text-stroke: 1.5px white; line-height: 1; pointer-events: none; filter: drop-shadow(0 0 2px rgba(55,73,87,.15)) drop-shadow(0 2px 5px rgba(55,73,87,.2)); } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-thumb img { z-index: 1; position: relative; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-title a { text-decoration: none; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-title h4 { color: #fff; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-title h6 { color: rgb(255 255 255 / 80%); margin: 6px 0 0; } .popular_channels_list .channels_list:nth-child(1) { position: absolute;top: 250px;left: 0; right: 0; } .popular_channels_list .channels_list:nth-child(2) { position: absolute;top: 430px;left: 0; right: 0; } .popular_channels_list .channels_list:nth-child(3) { position: absolute;top: 610px;left: 0; right: 0; } /*Embed*/ .embed-placement { display: flex; align-items: center; margin-bottom: 15px; } .embed-placement .colorpickerf .input-group-addon { padding: 0;border: 0; } .embed-placement .colorpickerf .input-group-addon i { width: 34px; height: 34px; vertical-align: middle; border-radius: 0 3px 3px 0; } .pt_embed_playr { position: relative; padding-bottom: 56.25%;overflow: hidden; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; } .pt_embed_playr iframe { width: 100%; height: 100%; position: absolute; } /*Notifications Progress*/ .pt_noti_progress {height: 3px;width: 100%;background-color: rgb(4 171 242 / 50%);background-clip: padding-box;overflow: hidden;bottom: -1px;right: 0px;z-index: 15;position: absolute;} .pt_noti_progress .indeterminate {background-color: #04abf2;} .pt_noti_progress .indeterminate:before {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;animation: pt_indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;} .pt_noti_progress .indeterminate:after {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;animation: pt_indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay: 1.15s;animation-delay: 1.15s;} @keyframes pt_indeterminate {0% {left: -35%;right: 100%; }60% {left: 100%;right: -90%; }100% {left: 100%;right: -90%; } } @keyframes pt_indeterminate-short {0% {left: -200%;right: 100%; }60% {left: 107%;right: -8%; }100% {left: 107%;right: -8%; } } /*Comments*/ .user-setting-panel .user-comments .main-comment .user-name { margin-left: 60px; } .user-setting-panel .user-comments .main-comment .user-comment {width: calc(100% - 60px);} .user-setting-panel .user-comments .main-comment .user-comment p {background: rgb(0 0 0 / 5%);padding: 8px 12px;border-radius: 17px;} .user-setting-panel .user-comments .main-comment .user-name small { display: block; } /*Alert Error*/ .swal2-modal .swal2-validationerror { background-color: rgb(244 67 54 / 15%); margin: 0; color: #f44336; font-size: 14px; border-radius: 10px;text-align: initial; } .swal2-modal .swal2-validationerror::before { width: 18px; height: 18px; background-color: #f44336; line-height: 18px; } .home-page-categories .title.white h4, .home-page-categories .title.white .view_more_link a { color: #fff; } /*Responsive*/ @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: 768px){ .modal-sm {width: 380px;} } @media (min-width: 910px){ .popular_channels { padding-bottom: 370px; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls { margin: 0; flex-direction: column;padding: 25px 5px; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-thumb { margin: 0 0 20px; } .popular_channels_list .channels_list:nth-child(-n+3) .vid_pop_channls .video-title { text-align: center;max-width: 100%; } .popular_channels_list .channels_list:nth-child(1) { top: 250px; left: 50%; transform: translateX(-50%);width: 240px; } .popular_channels_list .channels_list:nth-child(2) { top: 320px; left: calc(50% - 240px); transform: translateX(-50%);width: 240px; } .popular_channels_list .channels_list:nth-child(3) { top: 320px; right: calc(50% - 240px); transform: translateX(50%);width: 240px;left: auto; } } @media (min-width: 992px){ ::-webkit-scrollbar { background: #f0f0f0; width: 10px; } ::-webkit-scrollbar-thumb { background: #ccc; width: 10px; } .yp_side_drawer::-webkit-scrollbar, .pt_feat_vid_content .video-title .video-big-title::-webkit-scrollbar {width: 4px;} .yp_side_drawer::-webkit-scrollbar-track, .pt_feat_vid_content .video-title .video-big-title::-webkit-scrollbar-track {border-radius: 10px;background: rgba(0, 0, 0, 0.01);} .yp_side_drawer::-webkit-scrollbar-thumb, .pt_feat_vid_content .video-title .video-big-title::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0, 0, 0, 0.12);} .sett_mon_switch { margin-top: -6px; } .pt_uv_thumbs_innr::-webkit-scrollbar {height: 16px;} .pt_uv_thumbs_innr::-webkit-scrollbar-track {background: #fff;} .pt_uv_thumbs_innr::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 12px;border: 5.5px solid #fff;} .pt_uv_thumbs_innr::-webkit-scrollbar-button {display: none;} .pt_playlist_right_vid_side { margin-left: -15px; width: calc(33.33333333% + 15px); } .pt_srch_vids .video-latest-list.video-wrapper .video-thumb { width: 25%; } .videos-latest-list.top .video-latest-list { height: 285px; } } @media (min-width: 1650px){ .watch_full_cont {width: 1480px;} .home-page-categories .videos .video-list:not(.short) .video-list-image a {height: 158px;} } @media (max-width: 2100px) { .wtch_mv_pcrn.pcrn3 {left: -22%;} .wtch_mv_pcrn.pcrn4 {right: -22%;} } @media (max-width: 1430px) { .container {width: 1056px;} .container-full {width: 100%;} } @media (max-width: 1360px) { .container {width: 850px;} .container-full {width: 100%;} .pt_feat_vid_content .video-title .video-big-title {max-height: 130px;font-size: 18px;} .pt_import_vdo #fetch-form {padding: 50px 15px;} .custom_width_import {width: 77%;} } @media (max-width: 1251px) { .container {width: 1056px;} .container-full {width: 100%;} .pt_feat_vid_content .video-title .video-big-title {max-height: 208px;font-size: 20px;} .yp_side_menu.has_side_menu{margin: 0px !important;} .yp_side_drawer {left: -300px;z-index: 9999;width: calc(100% - 56px) !important;max-width: 280px;top: 0;transition: all 0.2s;box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);} body.mobi_side_open {overflow-y:hidden;} body.mobi_side_open .yp_side_drawer {left: 0;} .yp_side_drawer .open_side_menu_head {display: flex;} .yp_side_drawer ul.sections li a:hover {background-color: #f6f6f6;} .yp_side_drawer ul.sections li a:focus {background-color: #ebebeb;} .yp_side_drawer.hide_side_menu {left: -300px;} nav.navbar-findcond .yp_slide_menu {display:block;} .custom_width_import {width: 66.66666667%;} body.mobi_side_open .sidenav-overlay { opacity: 1; visibility: visible; } nav.navbar-findcond .search-header { padding: 0 70px !important; } body.mobi_side_open .yp_side_drawer ul.sections li a span, body.mobi_side_open .yp_side_drawer .subs_list, body.mobi_side_open .yp_side_drawer .more_links_list, body.mobi_side_open .yp_side_drawer footer {display: block;} } @media (max-width: 1210px) { .pro-triangle, .free-triangle { display: none; } .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; } nav.navbar-findcond .search-header {margin: 10.5px 11px 10.5px 20px;} } @media (max-width: 1200px) { .pt_feat_vid_content .video-title, .pt_feat_vid_content .video-title+.headtoppoint { display: none; } } @media (max-width: 1127px) { .container {width: 850px;} .container-full {width: 100%;} .pt_feat_vid_content .video-title .video-big-title {max-height: 170px;font-size: 18px;padding-bottom: 0;} .pt_feat_vid_content .video-title .video-big-share {display: none;} .custom_width_import {width: 77%;} .pt_go_pro .go-pro-packages { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .pt_go_pro .go-pro-pkg-features { border-right-style: none; border-left-style: none; } .pt_go_pro .go-pro-features-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media (max-width: 1090px){ nav.navbar-findcond ul.navbar-nav a span.hide-in-mobile {display:none;} .hide_mobi_hist {display: none;} nav.navbar-findcond .search-header {padding: 0 !important;} .pt_srch_vids .video-latest-list .video-title h4 { font-size: 18px; max-height: 48px; line-height: 24px; } .pt_srch_vids .video-latest-list .video-info p { margin: 10px 0 0; } .pt_srch_vids .video-latest-list .video-info a { margin: 5px 0 0; } .pt_srch_vids .video-latest-list .video-info a img { width: 28px; height: 28px; } } @media (max-width: 992px){ .swiper-button-prev, .swiper-button-next {display: none !important;} .pt_shorts_page_title span { visibility: hidden;} .pt_page_margin {margin-top: 60px;} .navbar-default.second-header-layout .navbar-nav > li > a {padding: 6px 10px;} .hide-in-mobile { display: none !important; } .pt_feat_vid_content .video-title .video-title {border-radius: 0 0 5px 5px;height: auto;} .pt_feat_vid_content .video-title .video-big-title {max-height: none;font-size: 20px;} .pt_import_vdo .col-md-9, .pt_import_vdo .col-md-3 {padding-right: 15px;padding-left: 15px;} .pt_import_vdo .col-md-9 input{border-radius: 10px 10px 0px 0px;border: 2px solid #ccc;border-bottom: 0;} .pt_import_vdo #fetch-form {padding: 50px 30px;} .pt_import_vdo .col-md-9 .help-block{display:none;} .pt_import_vdo .col-md-3 button{border-radius: 0px 0px 10px 10px;} #no_padding {padding: 0 !important;} .manage_vids .video-wrapper {margin-bottom: 50px;} .video-player .icons span {display: none;} .mobile { display: block; width: 100%; } .desktop, .icons { display: none; } .vid_analts_stat {margin-bottom: 15px;} .rent_vids .avatar a { min-width: 180px; width: 180px; } .pt_vdo_upld_dn { margin: 20px 0 50px; } .pt_import_vdo .col-md-9 { width: auto; } .pt_import_vdo .col-md-9 svg.feather { height: 48px; } .article-categories { margin-top: 30px; } .wtch_mv_img {display: none;} .lang_select_modal .row .col-md-4, .lang_select_modal .row .col-md-8 { width: 100%;padding: 0; } .language_info img { max-height: 150px; } .lang_select_modal ul { padding: 15px !important; } } @media (max-width: 990px) { .no-padding-right { padding-right: 15px !important; } .no-padding-left { padding-left: 15px !important; } .video-player-page .no-padding-right, .video-player-page .no-padding-left { padding-left: 5px !important; } .play-list-player .no-padding-right { padding-right: 0 !important; } } @media (max-width: 910px) { .container {width: 645px;} .container-full {width: 100%;} nav.navbar-findcond .search-header {margin: 10.5px 11px 10.5px 0px;} nav.navbar-findcond ul.navbar-nav > li > a {padding: 16px 9px;} header nav.navbar-findcond ul.navbar-nav > li.profile-nav > a {padding: 13px 9px;} .custom_width_import {width: 100%;} .profile-container .pt_chnl_info {flex-direction: column;align-items: normal;} .profile-container .pt_chnl_info .subscribe-btn-container {margin-left: 115px;margin-bottom: 0;margin-top: 8px;} .profile-container .links-container ul li a {padding: 15px 22px;} .pt_go_pro .go-pro-packages .go-pro-pkg > div { justify-items: center; -ms-grid-columns: 1fr; grid-template-columns: 1fr; text-align: center; } .pt_go_pro .go-pro-head > .icon {display: none;} } @media (max-width: 900px) { .hide-in-mobile { display: none !important; } .video-latest-list { height: auto !important; margin-bottom: 25px; } .video-player-page .no-padding-right, .video-player-page .no-padding-left { padding-left: 0 !important; } } @media (max-width: 865px) { .pt_svg_squiggle, .pt_svg_lines, .pt_svg_spiral, .pt_svg_triangle{display:none !important;} .hide_hdr_usr_name {display: none;} .swiper-wrapper .user_avatar { padding: 95px 15px 35px; } } @media (max-width: 768px){ nav.navbar-findcond .pull-right>.navbar-nav{margin: 0;} .pt_vdo_plyr .embed-responsive.stuck {display: none;} .modal-sm {width: 380px;} .articles-content .pt_article_h_list .video-thumb { display: block;} .container.m_cont_full {width: 100%;margin-top: 0 !important;} .manage_vids .video-wrapper {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .mobilerightpane, .mobileleftpane { padding:0 !important;} .mobilerightpane{display:none;} .messages-sidebar ul {height: calc(100vh - 127px);} .pt_msg_area {height: calc(100vh - 208px);} .pt_msg_main, .mobilerightpane .messages-sidebar {margin-bottom: -18px;} .pt_msg_header h3 .mobilemsgclose {display: inline-block;} .settings-sidebar ul{white-space: nowrap;overflow-x: auto;margin-bottom:40px;padding: 15px;} .settings-sidebar ul li a svg {margin: 0 7px 0 0;} .settings-sidebar ul li {display: inline-block;} .settings-sidebar ul li.active a {border-radius: 2em;box-shadow: none;color: #ffffff;background: #04abf2;} .article-wrapper .video-thumb a, .pt_history .video-wrapper .video-thumb a, .video-latest-list .video-thumb a {overflow: hidden;min-height: 100%;max-height: 100%;position: relative;display: block;height: 0;padding: 0;padding-bottom: 56.25%;} .articles-content .pt_article_h_list .video-thumb img, .pt_history .video-wrapper .video-thumb a img, .video-latest-list .video-thumb a img, .play-lists div.video-latest-list {max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;min-width: 100%;min-height: 100%;} .vid_stud_links li a {margin: 0 3px 5px;} .vid_pop_chnl_filtr {flex-direction: column;} .vid_pop_chnl_filtr select {margin: 7px 0px;} .wow_cset_avtr .wow_cset_avtr_hdr b { display: none; } .popular_channels_list .channels_list:nth-child(1) { top: 370px; } .popular_channels_list .channels_list:nth-child(2) { top: 550px; } .popular_channels_list .channels_list:nth-child(3) { top: 730px; } .et_plus .modal-dialog { justify-content: center; } } @media (max-width: 760px) { .user-messages .messages .message { max-width: 100% !important; word-break: break-word; } .user-messages.user-setting-panel { padding: 20px !important; } .show-in-mobile { display: initial !important; } .login-page { margin-top: 0 !important; } .video-info-element .video-likes { font-size: 14px; } .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, .video-player-page .col-lg-10, .video-player-page .col-lg-11, .video-player-page .col-lg-12, .video-player-page .col-lg-2, .video-player-page .col-lg-3, .video-player-page .col-lg-4, .video-player-page .col-lg-5, .video-player-page .col-lg-6, .video-player-page .col-lg-7, .video-player-page .col-lg-8, .video-player-page .col-lg-9, .video-player-page .col-md-1, .video-player-page .col-md-10, .video-player-page .col-md-11, .video-player-page .col-md-12, .video-player-page .col-md-2, .video-player-page .col-md-3, .video-player-page .col-md-4, .video-player-page .col-md-5, .video-player-page .col-md-6, .video-player-page .col-md-7, .video-player-page .col-md-8, .video-player-page .col-md-9 { padding-right: 0; padding-left: 0; } .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 0; padding-left: 0; } .keep-padding { padding-right: 10px !important; padding-left: 20px !important; } .home-page-categories .col-md-3.keep-padding { padding-right: 4px !important; padding-left: 2px !important; } .pull-right-mobile { float: right !important; } .pull-left-mobile { float: left !important; } .avatar-container { width: 40px !important; border: 1px solid #fff; } .main-content { margin-top: 55px; } .phone-container { padding-left: 0 !important; padding-right: 0 !important; } .second-header-layout { display: none; } .footer-container { text-align: center; } .footer-container .pull-right, .footer-container .pull-left { float: inherit !important; } .nav > li { display: inline-block !important; } .nav > li > a { padding: 7px !important; } .next-video h4 { font-size: 14px; margin-top: 5px; margin-bottom: 5px; } .navbar-nav li { margin-top: -2px; } .home-page-categories .videos .video-list { margin-bottom: 30px; } .search-header{display: none;} nav.navbar-findcond .pull-right>.navbar-nav>li>a{padding: 17px 15px !important; } header nav.navbar-findcond ul.navbar-nav > li.profile-nav > a {padding: 14px 13px !important; } .pt_foot_lang{text-align:center;} .wtch_mv_main_row {margin: 0;} .wtch_mv_info_main {margin-top: 0px;} .video-player-page.six_padding_15 .pt_video_info .watch-video-description, .video-player-page.six_padding_15 .pt_video_info .video-published { padding: 0 !important; } .popular_channels_list .channels_list:nth-child(-n+3) { padding: 0 15px; } } @media (max-width: 735px) { .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; } } @media (max-width: 705px) { .container {width: 438px;} .container-full {width: 100%;padding: 0;} .pt_404>span {font-size: 140px;} .pt_404>span svg {width: 140px;height: 140px;} .user-ads-list-container .col-10 {padding: 0 20px;} .read-article-container .read-article-share ul li a .btn-share {padding: 5px 1px;} .go-pro-container .go-pro-body .go-pro-packages {flex-direction: column;} .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg {margin: auto;} .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg:first-child {margin-bottom: 75px;} .container.m_cont_full {padding: 0 15px;} .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; } .pt_sec_nav_cats { margin: -20px 0px 0; padding: 15px 0; } .pt_feat_vid { margin: -60px 0 0; } .pt_upload_vdo .upload { flex-direction: column;text-align: center; } .pt_upload_vdo .upload > .content { width: 100%; height: 100%; margin: 0 auto 20px; } .pt_upload_vdo_type_radio { flex-direction: column; } .profile-container .pt_chnl_info { padding: 15px 15px 20px; } } @media (max-width: 700px) { ul.notfi-dropdown { left: auto !important; width: 100% !important; } nav.navbar-findcond .pull-right>.navbar-nav>li>a {padding: 17px 11px !important;} } @media (max-width: 620px){ .home-page-categories .videos .video-list img {min-height: 150px;max-height: 150px;} .profile-container .links-container ul{ white-space: nowrap;overflow-x: auto;padding-bottom: 8px;} nav.navbar-findcond .yp_slide_menu span {margin: 10px 5px 10px 10px;} nav.navbar-findcond .pull-right>.navbar-nav>li>a {padding: 17px 10px !important;} nav.navbar-findcond .yp_slide_menu span {margin: 10px 0px;} nav.navbar-findcond .logo-img {margin: 8px 15px !important;} .pt_import_vdo #fetch-form {padding: 50px 10px;} .play-lists div.video-latest-list {padding: 0 0 10px;} .play-lists div.video-latest-list div.play_list_content h2 svg {margin-bottom: 10px;} .profile-container .card-container .cover-container img {height: 210px;} .pt_srch_vids .video-latest-list .video-title h4 { font-size: 16px; max-height: 44px; line-height: 22px; } .pt_timeline_latest_vids .col-md-3:first-child .video-latest-list .video-info p, .pt_srch_vids .video-latest-list .video-info p { display: none; } .video-likes { float: none !important; position: absolute; margin-top: 35px; left: 15px; right: 15px; } .video-likes .like-btn { flex: 0 0 auto; } .video-likes .video-info-element { width: auto; flex: 1 1 auto; } .pt_video_info .video-views { padding-bottom: 30px; } .video-player-page .video-options { display: block;text-align: center;white-space: nowrap; overflow-x: auto; } .video-player-page.six_padding_15 .video-options { width: auto; margin: 20px -15px 0; } .video-player-page .video-options .btn-share { display: inline-block; vertical-align: middle;border: 0; } .video-player-page .video-options .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; } } @media (max-width: 600px){ .watch_full_cont {width: 100%;} .six_padding_15 {padding-left: 15px;padding-right: 15px;} .nav > li.hide_up_imp { display: none !important;} .fixed-action-btn {display: block;} } @media (max-width: 530px){ .yp_side_menu.has_side_menu {overflow: hidden;} .slick-list {overflow: visible;} nav.navbar-findcond .pull-right>.navbar-nav>li>a {padding: 17px 9px !important;} header nav.navbar-findcond ul.navbar-nav > li.profile-nav > a {padding: 14px 9px !important;} .yp_pub_elemnt .btn-subscribe, .yp_pub_elemnt .btn-subscribed,.btn-blocked { font-size: 0;min-width: auto;padding: 0;border-radius: 50%;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;} .yp_pub_elemnt .btn-subscribe svg.feather, .yp_pub_elemnt .btn-subscribed svg.feather {margin: -1px 0px 0px 0px;width: 22px;height: 22px;} .login-page .login-form {width: 100%;} .pt_header_nav .right-part > li { margin: 0 2px; } .pt_header_nav .right-part > li:not(.profile-nav) > a > svg, nav.navbar-findcond .header-image { width: 24px; height: 24px; } .pt_header_nav .right-part > li.profile-nav > a > svg:not(.auth) { display: none; } .vid_move_filtr .pt_forms .form-group button.btn { min-width: auto; } .nav > li.hide_upload_mobi_link { display: none !important; } } @media (max-width: 520px){ .announcement-renderer{width: 100%;left: 0;bottom: 0;} .go-pro-container .go-pro-body .go-pro-packages {width: 80%;} .view_more_link{opacity:1;visibility:visible;} .pt_video_info .btn-subscribe, .pt_video_info .btn-subscribed {padding: 5.7px 12px;font-size: 13px;} .pt_video_info .btn-subscribe svg.feather, .pt_video_info .btn-subscribed svg.feather{margin-top: -2px;width: 16px;height: 16px;} .pt_video_info .btn-subscribe:before, .pt_video_info .btn-subscribed:before{display:none;} .video-options{ text-align:center;} .video-options .btn-share{float:none !important;} .modal-sm {width: 100%; max-width: 90%;} .modal.matdialog .modal-content {max-width: 100%;} .sett_row_rev { margin-left:0;margin-right:0;} #padding_15 {padding: 0 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; } .sticky-container_sticky .sticky-container__video {position: relative;} .video-player-page .pt_video_info .btn-subscribe, .video-player-page .pt_video_info .btn-subscribed { padding: 0 13px; min-width: auto; line-height: 37px; } } @media (max-width: 485px){ .container {width: 100%;} .home-page-categories .videos .video-list .video-list-image a {height: 100%;height: 0;padding: 0;padding-bottom: 56.25%;} .home-page-categories .videos .video-list .video-list-image a img {width: 100%;height: 100%;min-height: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;} nav.navbar-findcond .logo-img {margin: 8px 20px 8px 15px !important;} .pt_header_nav .right-part > li.dropdown.open {position: inherit;} ul.notfi-dropdown {left: 0 !important;max-width: 100% !important;} .pt_video_info .video-views svg {display:none;} .modal.matdialog .modal-body {padding: 0 15px;} .video-options .btn-share {margin: 0;} .user-ads-list-container .col-10 {padding: 0 30px;} #pt-user-ads-table_wrapper .col-sm-12 { overflow-x: auto;} .read-article-container .read-article-text {padding: 0 10px;} .read-article-container .read-article-share ul li, .import-form-content, .pt_upload_vdo #upload-form {padding: 0;} .mat_header {padding: 0 15px;margin-bottom: 50px;} .user-setting-panel {padding: 20px 10px 10px;} nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani-acc-menu, nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani_log_menu {right: 15px !important;} .pt_shadow, .profile-container > div.yp_profile {border-radius: 0px;} .profile-container {margin-top: -20px;} .profile-container .pt_chnl_info .avatar-container {width: 70px;min-width: 70px;height: 70px;margin-top: -45px} .profile-container .pt_chnl_info .subscribe-btn-container {margin: 8px auto 0;} .pt_video_info .watch-video-description, .pt_video_info .video-published, .video-options {padding: 0px;} } @media (max-width: 460px){ nav.navbar-findcond .logo-img {max-width: 105px;margin: 11.5px 10px !important;} .home-page-categories .col-md-3{width: 100% !important;} .home-page-categories .videos .video-list img {min-height: 200px;max-height: 200px;} .profile-container .pt_chnl_info, .profile-container .links-container{margin:0;} .profile-container .card-container .cover-container img {height: 160px;object-fit: cover;} .video-info-element { width: 90px; } .pt_404>span {font-size: 110px;} .pt_404>span svg {width: 110px;height: 110px;} .pt_404 h1 {font-size: 31px;} .read-article-comments-container .comments-content {padding: 15px 0;} .login-page {padding: 30px 17px;} } @media (max-width: 435px) { header nav.navbar-findcond ul.navbar-nav > li.profile-nav > a .caret {display:none;} .pt_feat_vid_content .video-title .publisher-element .publisher-name a {white-space: normal;} .read-article-container .read-article-meta span svg.feather.feather-clock {display: none;} .read-article-container .read-article-meta span.pull-right svg.feather {margin: -3px 0px 0px 5px;} .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg {width: 100%;} } @media (max-width: 400px) { nav.navbar-findcond .pull-right>.navbar-nav>li>a {padding: 17px 6px !important;} .home-page-categories .videos .video-list img {min-height: 180px;max-height: 180px;} .home-page-categories .videos .video-list {margin-bottom: 10px;} .user-ads-list-container .user-ads-list-header span a, .create-new-ad-container .user-ads-list-header span a {font-size: 12px;} .read-article-container .read-article-meta {font-size: 13px;} .read-article-container .read-article-head h1 {font-size: 29px;} } @media (max-width: 380px){ header nav .container-fluid {padding: 0;} nav.navbar-findcond .yp_slide_menu span {margin: 10px 4px;} nav.navbar-findcond .logo-img {max-width: 95px;margin: 13px 3px !important;} .user-ads-list-container .user-ads-list-header span.create-ad-btn a, .create-new-ad-container .user-ads-list-header span.create-ad-btn a {font-size:0px;} nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani-acc-menu, nav.navbar-findcond .profile-nav.open > .dropdown-menu.ani_log_menu {right: 0px !important;} } @media (max-width: 350px){ nav.navbar-findcond .pull-right>.navbar-nav>li>a {padding: 17px 5px !important;} .home-page-categories .videos .video-list img {min-height: 160px;max-height: 160px;} .pt_404>span {font-size: 90px;} .pt_404>span svg {width: 90px;height: 90px;} } .fixed-action-btn ul { background: unset !important;} .showing_pages{margin-top: 25px} .pay_to_content{width: 100% !important;height: 100% !important;position: absolute !important;} .pay_to_content p,.pay_to_content h5{color: #fff !important;} .pay_to_content .pay_to_content_background{width: 100%;height: 100%;background: rgba(0,0,0,0.6) !important;} .padding_popular{padding-top: 10px !important} .unverify_color{color: #fb483a !important;} .profile-container .card-container .cover-container-2 img { width: 100%;position: absolute;} .cover-container-2 {display: none;height: 250px;overflow: hidden;} .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 .btn, .profile-container .user-reposition-dragable-container .btn { color: #fff; border: 0; padding: 0; } .profile-container .user-reposition-dragable-container .btn svg { vertical-align: middle; width: 22px; height: 22px; } .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; } .pt_sec_nav_cats ::-webkit-scrollbar {display: none;} .pt_video_player .mejs__container , .pt_video_player .mejs__container video{width: 100% !important;} .video-player video{object-fit: contain;} .video-player , .video-player video , .video-player .mejs__container{max-height: 670px !important;} .sticky-container_in-content { height: inherit !important; } .helper-text li.valid {color: #1aac20 !important;}