PK œqhYî¶J‚ßF ßF ) nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/
Dir : /home/trave494/productjuly1video/healreals.click/themes/youplay/css/ |
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
Dir : /home/trave494/productjuly1video/healreals.click/themes/youplay/css/style.css |
@import url(https://fonts.googleapis.com/css?family=Lato:300,400); @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; } ::-webkit-scrollbar { background: #f0f0f0; width: 10px; } ::-webkit-scrollbar-thumb { background: #ccc; width: 10px; } /*Login Page*/ .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: 450px; padding-top: 0;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);background: #fff;border-radius: 8px;padding: 40px 40px 36px; } .login-page h4 {color: #212121;font-size: 24px;text-align: center;margin: 0 0 8px;font-family: 'Lato', sans-serif;line-height: 1.3333;} .login-page p{text-align: center;font-size: 16px;letter-spacing: .1px;line-height: 1.5;margin-bottom: 50px;} .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 .login-icons {border-top: 1px solid #eee;padding-top: 20px;margin-top: 20px;} .login-page .login-icons:empty {border:0;padding: 0;} .login-page .login-icons div { text-align: center;display: inline-block;margin: 0px 5px; } .login-page .login-icons svg { border-radius: 50%;color: #fff;padding: 8px;width: 39px;height: 39px; } .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;margin: -30px 0px 35px;} .login-page .forgot_password a{text-decoration:none;} .login-page .login_signup_combo{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin: 20px 0px 20px -8px;} .login-page .login_signup_combo .signup__ a{display: block;border-radius: 3px;text-decoration: none;font-weight: 500;text-align: center;padding: 8px;color: #04abf2;line-height: 1.4286;transition: all 0.2s} .login-page .login_signup_combo .signup__ a:active{background-color: rgba(4, 171, 242, 0.15);} .login-page .login_signup_combo .login__ .btn{box-shadow: 0 1.5px 6px rgba(0, 0, 0, 0.2);line-height: 22px;min-width: 88px;border-radius: 4px;text-align: center;font-weight: 500;letter-spacing: .25px;} .login_page .terms label{font-size: 12px;cursor: pointer;margin: -15px 0px 20px;} .login_page .terms label input{float: left;margin-right: 5px;margin-top: 2px;} .login_page .terms label a{text-decoration:underline;} .user-setting-panel { background-color: #fff; padding: 30px; padding-top: 20px; padding-bottom: 10px; box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; } .user-setting-panel 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: #f5f5f5; background-size: cover; font-family: Roboto, 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-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%;box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; padding: 10px; margin-bottom: 20px; } .mejs__container { max-height: 80%; } .clear { clear: both; } .ad-image { width: 100%; height: 100%; background-color: #fcfcfc; text-align: center; z-index: 9; line-height: 100%; position: absolute; overflow: hidden; top: 0; } .ad-image img { text-align: center; max-width: 100%; margin-top: 5%; vertical-align: middle; } .pt_video_info {padding: 0px 5px;} .video-big-title { font-size: 20px; color: #202020; margin-top: 8px; margin-bottom: 12px; } .video-big-title h1 { font-size: 24px;margin: 0;font-family: 'Lato', sans-serif;line-height: 1.3;word-break: break-word; } .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: 15px; color: #5c5c5c;font-weight: 500;display: flex;align-items: center; } .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;} .video-options { padding: 10px;border-bottom: 1px solid #eee;border-top: 1px 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;margin: 0 5px;padding: 15px 8px;transition: all 0.2s ease;border-radius: 5px;overflow: hidden;flex: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: none; } .video-options .btn-share svg {margin-bottom: 5px;} .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-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: 500; } .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;height: 125px;} .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: 3px;} .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 { width: 100%;min-height: 125px;max-height: 125px;object-fit: cover;border-radius: 3px; } .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: 500;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: #04abf2; color: #fff; } .btn-main:disabled { background-color: #3dc4ff; color: #fff; } .publisher-element { margin-bottom: 10px; margin-top: 10px; width: 100%;display: flex;align-items: center;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;padding: 10px 2px; } .publisher-element .publisher-avatar { width: 48px; height: 48px; margin-right: 8px; } .publisher-element .publisher-avatar img { width: 100%;border-radius:50%; } .publisher-element .publisher-name a { color: #333; font-weight: 500;font-size: 16px; } .publisher-element .publisher-subscribe-button {margin-left: auto;} .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: 8.7px 18px;width: auto;min-width: 90px;text-transform: uppercase;font-size: 14px;letter-spacing: .007px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.1);border: 0;transition: all 0.2s;position: relative;font-weight: 500;border-radius: 3px;outline:0 !important;color:#fff;} .btn-subscribe:before, .btn-subscribed:before {content: '';display: block;position: absolute;left: 100%;margin-left: 4px;top: 50%;margin-top: -6px;width: 0;height: 0;border: 6px solid transparent;border-left-width: 0;border-right-color: #e1e1e1;} .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;} .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 { padding-top: 10px; border-top: 1px solid #f3f3f3; } .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: #f8f8f8;padding: 10px 10px;border-radius: 3px;border: 1px solid #d3d3d3;background-image: -webkit-linear-gradient(bottom,#fcfcfc 0,#f8f8f8 100%);background-image: linear-gradient(to top,#fcfcfc 0,#f8f8f8 100%);box-shadow: 0 1px 0 rgba(0,0,0,0.05);font-weight: bold;font-family: Helvetica;font-size: 12px;transition: all 0.1s ease } .watch-video-show-more:hover { background-color: #f0f0f0;border-color: #c6c6c6;background-image: -webkit-linear-gradient(bottom,#f0f0f0 0,#f8f8f8 100%);background-image: linear-gradient(to top,#f0f0f0 0,#f8f8f8 100%); } .thumbnail-preview { 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 .video-thumb { width: 110px !important; } .side-barlist-wrapper .ptrm-vid-renderer { position: absolute; bottom: 0; right: 10px; cursor: pointer; color: #fff !important; visibility: hidden; } .side-barlist-wrapper:hover > .ptrm-vid-renderer { visibility: visible; } .video-actions { color: #888; font-size: 14px; float: right; margin-top: 5px; cursor: pointer; } .video-actions i:hover { color: #04abf2; } .settings-header { background-color: #04abf2; width: 100%; z-index: 99; margin-bottom: -10px; box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; padding: 15px; padding-left: 25px; color: #fff; } .settings-header h3 { margin-top: 0; font-size: 16px; } .checkbox { position: relative; } .checkbox label { display: inline-block; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; top: 1px;margin-left: -20px; border: 2px solid rgba(0,0,0,.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: #e62117 !important; } .white { color: #fff; } .no-content-found { color: #888; margin-bottom: 10px; margin-top: 10px; } .verified { color: #3dc4ff !important; } .progress { position: relative; height: 40px; background: #fff7f7; } #progress { width: 100%; border-radius: 3px; position: relative; padding: 4px; } .comment-box { margin-top: 10px; margin-bottom: 10px; } .comment-box textarea { border-radius: 2px; resize: none; box-shadow: none; } .comments-header { font-weight: 600; } .user-comments .no-comments-found { margin-bottom: 10px; color: #777; } .user-comments .main-comment { margin-bottom: 40px; margin-bottom: 20px !important; } .user-comments .main-comment .user-avatar { width: 50px; margin-right: 10px; } .user-comments .main-comment .user-avatar img { width: 100%;border-radius: 50%;border: 1px solid #f4f4f4; } .user-comments .main-comment .user-name { font-size: 15px; } .user-comments .main-comment .user-name a{font-weight: 500;} .user-comments .main-comment .user-name small { font-size: 12px;color: #aaa;display: inline; } .user-comments .main-comment .user-comment { width: 85%; font-size: 13px; margin-top: 5px; overflow: hidden;color: #777;font-family: 'Lato', sans-serif; } .user-comments .main-comment .user-comment .div-vote-comment { color: #888; margin-top: 10px; font-size: 12px; } .user-comments .main-comment .user-comment .div-vote-comment .likes { color: #2ec0bc; } .user-comments .main-comment .user-comment .div-vote-comment .voting { margin-left: 5px; } .user-comments .main-comment .user-comment .div-vote-comment .voting i { cursor: pointer; } .user-comments .main-comment .user-comment .div-vote-comment .voting i:hover { color: #555; } .user-comments .main-comment .user-comment .div-vote-comment .voting i.active { color: #2ec0bc; } .ads-test { color: #ffcc7f; width: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.5); } .ads-placment { text-align: center; margin-top: 20px; margin-bottom: 20px; } .ads-placment:empty { margin-top: 0; margin-bottom: 0; padding: 0; } .ads-placment img, .ads-placment iframe { max-width: 100%; } .profile-container { margin-bottom: 20px; } .profile-container > div.yp_profile {overflow: hidden;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);} .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; } #yp_bg_color {position:relative;} #yp_bg_color:before {content: "";position: absolute;margin: -110px;background: inherit;filter: blur(100px);top: 0;right: 0;bottom: 0;left: 0;} #yp_bg_color .pro_black {display: block;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.6) 100%);padding: 110px;position: absolute;width: 100%;bottom: 0;left: 0;pointer-events:none;} .profile-container .pt_chnl_info {position:relative;display: flex;align-items: center;padding: 20px 20px;} .profile-container .pt_chnl_info .yp_inner_profile_area {display: flex;align-items: center;} .profile-container .pt_chnl_info .avatar-container { width: 90px;min-width: 90px;height: 90px;border: 2.5px solid #fff;margin-right: 20px;border-radius: 50%; } .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 h4 { font-size: 23px;margin:0 } .profile-container .pt_chnl_info .info-container h4 a { color: #fff;font-weight: 400;text-decoration: none;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .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; } .profile-container .pt_chnl_info .subscribe-btn-container > div {margin-left: 20px;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 svg {margin-top: -1px;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-subscribe {border-radius: 2em;background-color: #ffeb3a;color: #000000;padding: 10px 25px;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-subscribed {border-radius: 2em;padding: 10px 25px;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-subscribed svg.feather-video {margin-right: 5px;} .profile-container .pt_chnl_info .subscribe-btn-container .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;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message {padding: 0;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 48px;min-width: 48px;height: 48px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);background-color: white;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message span {display: none;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message svg {margin:0;} .profile-container .links-container { padding: 10px 0 0 130px;position: relative; } .profile-container .links-container ul { margin-bottom: 0; padding-left: 0; margin-left: 0; width: 100%; list-style: none;overflow: hidden; } .profile-container .links-container ul li { text-align: center; float: left; } .profile-container .links-container ul li a { padding: 15px 30px; display: block;position:relative;color: rgba(255, 255, 255, 0.75);font-weight: 500; text-decoration: none;letter-spacing: 0.7px;word-spacing: 2px;} .profile-container .links-container ul li a:after {background-color: #ffffff !important;} .profile-container .links-container ul li a:hover, .profile-container .links-container ul li a:focus { color: #fff; } .profile-container .links-container ul li a.active { text-decoration: none; color: #ffffff;box-shadow: inset 0 -2.5px #ffffff;background-color: rgba(255, 255, 255, 0.1); } .profile-container .page-container { margin-top: 20px; } .profile-container .page-container .videos-latest-list {overflow:hidden;padding: 15px 0 0;} .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;} .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: 65px; 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: #1a1a1a; color: #fff; padding-top: 7px; padding-bottom: 5px; margin-bottom: 0; border-bottom: none; } .play-list-cont { background: #353535; color: #fff !important; height: 100vh; overflow-x: hidden; padding: 10px 5px 10px 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: 80%; 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; } .add-topl-cont { width: 80%; overflow: hidden; margin: auto; } .add-topl-cont h4 { text-align: left; margin-top: 0; } .sa-no-list { width: 80%; overflow: hidden; margin: auto; line-height: 120px; font-size: 15px; } .playlist-item { width: 100%; text-align: left !important; border-bottom: 1px solid #ddd; padding: 10px 0; } .playlist-item span { color: #333; font-size: 15px; font-family: Roboto; } .playlist-item span.list-name i { color: #666; } .playlist-item:last-child { border-bottom: none; } .playlist-item button { color: #333; padding: 1px 10px; font-family: Roboto; font-weight: 500; } .secure-color { color: green !important; } .play_list{padding: 10px;} .play-lists { margin-bottom: 40px;position:relative;} .play-lists:after, .play-lists:before {background: rgba(0, 0, 0, 0.15);content: "";position: absolute;bottom: -6px;left: 25px;right: 25px;height: 10px;box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);border-radius: 0 0 3px 3px;} .play-lists .ddown-menu{position: absolute;right: 25px;z-index: 5;top: 10px;} .play-lists .ddown-menu span.dropdown-toggle{padding: 0 !important;color: white;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;display: flex !important;align-items: center;justify-content: center;width: 40px;height: 40px;} .play-lists .ddown-menu .dropdown-menu{right: 0 !important;min-width: 150px !important;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);padding: 8px 0;} .play-lists .ddown-menu .dropdown-menu li { color: rgba(0,0,0,0.87);min-height: 48px;height: 48px;padding: 0 16px;line-height: 36px;font-size: 15px;display: flex;align-items: center;transition: background-color .4s cubic-bezier(.25,.8,.25,1);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 16px auto 0;} .play-lists a {display:block;position:relative;height: 270px;width:100%;overflow: hidden;border-radius: 4px;} .play-lists a:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(180deg,rgba(2,26,50,0),#000000);z-index: 1;} .play-lists div.video-latest-list { position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 0 25px;height: 270px !important;flex: 1;justify-content: center;background-position: 50%;background-size: cover;flex-direction: row;align-items: flex-end; } .play-lists div.video-latest-list div.play_list_content { position: relative;z-index: 2; } .play-lists div.video-latest-list div.play_list_content h2 {display: flex;flex-direction: column;align-items: center;margin: 0;color: #fff;font-family: "Roboto", sans-serif;font-size: 21px;} .play-lists div.video-latest-list div.play_list_content h2 svg{margin-bottom: 20px;} .play-lists div.video-latest-list div.play_list_content p{margin: 10px 0 0;color: #0af;font-size: 12px;text-align: center;font-family: "Lato", sans-serif;font-weight: 600;} .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;} .pt_blogcomm_combo img {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #f4f4f4;margin-right: 10px;} .pt_blogcomm_combo textarea {border-radius: 25px;padding: 13px 15px 7px;height: 50px;} .pt_blogcomm_combo button {border-radius: 25px;width: 50px;height: 50px;padding: 0px 15px;margin-left: 10px;} .read-article-comments-container .comments-content { padding: 15px; margin-bottom: 0; } .related-article-wrapper { width: 100%;overflow: hidden;background: #fff;margin-bottom: 20px;border: 1px solid #eee;border-radius: 4px;box-shadow: 0 1px 6px rgba(0,0,0,.03); } .related-article-wrapper:last-child{margin-bottom: 0px;} .related-article-wrapper a{display: block;text-decoration: none;} .related-article-wrapper .ra-thumb { overflow: hidden;height: 190px;width: 100%;background-size: cover;background-position: center; } .related-article-wrapper .ra-info {background: #fff;margin: -40px 20px 5px;padding: 12px 15px;position: relative;border-radius: 3px;} .related-article-wrapper .ra-title { width: 100%; overflow: hidden; } .related-article-wrapper .ra-title h3 { font-size: 17px;color: #313131;margin: 2px 0px 5px;line-height: 1.27;} .related-article-wrapper .ra-info time{display: block;font-size: 12px;color: #9f9f9f;} .related-video-wrapper { width: 100%; overflow: hidden; padding-bottom: 5px; margin-bottom: 10px; } .related-video-wrapper .ra-thumb { height: 150px; overflow: hidden; padding: 0; background-size: cover; position: relative; } .related-video-wrapper .ra-thumb img { width: 100%; transition: filter 1s ease-in; } .related-video-wrapper .ra-thumb .ra-info { position: absolute; z-index: 5; right: 0; bottom: 0; background: #f7931a; padding: 5px 10px; min-width: 50%; width: auto; font-family: Roboto, Arila, sans-serif; font-size: 13px; color: #fff; } .related-video-wrapper .ra-thumb .ra-info.re-video-info { background: #04abf2; } .related-video-wrapper .ra-thumb .ra-info:hover + .ra-overlay { visibility: hidden; } .related-video-wrapper .ra-thumb .ra-info:hover > span a { text-decoration: underline !important; } .related-video-wrapper .ra-thumb .ra-info a { display: inline; color: #fff; } .related-video-wrapper .ra-thumb:hover > img { opacity: .9; } .related-video-wrapper .ra-thumb:hover > .ra-overlay { visibility: visible; } .related-video-wrapper .ra-thumb a { display: block; overflow: hidden; cursor: pointer; text-decoration: none; } .related-video-wrapper .ra-overlay { position: absolute; left: 0; bottom: 0; z-index: 500; width: 100%; height: 100%; background: rgba(59, 71, 99, 0.33); text-align: center; cursor: pointer; display: table; visibility: hidden; } .related-video-wrapper .ra-overlay a { vertical-align: middle; display: table-cell !important; } .related-video-wrapper .ra-overlay a i { vertical-align: middle; font-size: 60px; color: #fff; } .related-video-wrapper .ra-title { width: 100%; overflow: hidden; padding: 5px 10px; } .related-video-wrapper .ra-title h5 { width: 100%; padding: 0; margin: 0; } .related-video-wrapper .ra-title h5 a { font-size: 17px; font-family: Roboto; color: #202020; cursor: pointer; max-height: 3.3em; overflow: hidden; display: block; } .related-video-wrapper .ra-title h5 a:hover { text-decoration: none; } .read-article-sidebar { width: 100%; overflow: hidden; background: #f1f1f1; height: auto; } .read-article-sidebar .ra-sidebar-head h4 { width: 100%;padding: 15px 15px;margin: 0;color: #333;font-family: 'Lato', sans-serif;font-size: 20px; } .read-article-sidebar .ra-sidebar-body { width: 100%; overflow: hidden; } .read-article-container { width: 100%; overflow: hidden;padding: 15px 20px 20px; } .read-article-container .read-article-head { width: 100%; overflow: hidden; } .read-article-container .read-article-head .postCategory h5 {background: #09aff3;color: #ffffff;margin: 0;text-transform: uppercase;display: inline-block;font-size: 10px;padding: 0px 10px;border-radius: 999em;height: 23px;line-height: 24px;margin-bottom: 14px;} .read-article-container .read-article-head h1 { color: rgba(0,0,0,0.8);font-size: 34px;font-family: 'Lato', sans-serif;font-weight: 800;margin: 0px 0px 15px;line-height: 1.2; } .read-article-container .read-article-description { width: 100%; overflow: hidden;margin: 0 0 10px; } .read-article-container .read-article-description article { color: #555;font-size: 17px;font-family: 'Lato', sans-serif;font-weight: 500; } .read-article-container .read-article-meta { width: 100%; overflow: hidden; padding: 15px 0;border-top: 1px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);color: rgba(0,0,0,0.6);margin-bottom: 20px; } .read-article-container .read-article-meta span svg.feather.feather-clock{width: 16px;height: 16px;margin: -2px 1px 0px 0px;} .read-article-container .read-article-meta .middot{color: rgba(0, 0, 0, 0.59);margin: 0 6px;font-size: 13px;line-height: 1.1;font-weight: bold;} .read-article-container .read-article-meta span.pull-right svg.feather { margin: -3px 0px 0px 15px; cursor: pointer;width: 18px;height: 18px; } .read-article-container .read-article-share { width: 100%; overflow: hidden; } .read-article-container .read-article-share ul { margin: 0 0 20px 0; overflow: hidden;text-align: center;padding: 0; } .read-article-container .read-article-share ul li { display: inline-block;padding-right: 5px;padding-left: 5px;font-weight: 500; } .read-article-container .read-article-share ul li a { cursor: pointer; text-decoration: none; } .read-article-container .read-article-share ul li a .btn-share{text-align: center;border-radius: 3px;padding: 7px 5px;cursor: pointer;display: inline-block;} .read-article-container .read-article-share ul li a .btn-share svg.feather{width: 28px;height: 28px;} .read-article-container .read-article-image { width: 100%; max-height: 370px; overflow: hidden; margin-bottom: 20px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .read-article-container .read-article-text { width: 100%; overflow: hidden; word-wrap: break-word; line-height: 1.7; font-size: 16px; padding: 0 30px; } .read-article-container .read-article-text p img{border-radius: 4px;box-shadow: 0 0 0 1px rgba(0,0,0,0.05);width: 100%;height: 100%;} .read-content { box-shadow: 0 1px 6px rgba(0,0,0,0.03);border: 1px solid #eee; background: #fff; margin-bottom: 20px; } .articles-content { padding: 20px 0; overflow: hidden;background-color: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border-radius: 3px;margin: 20px 0 40px; } .articles-content .articles-container {padding:0 15px;} .articles-content .articles-container > h3{display:flex;align-items:center;padding-bottom: 20px;font-size: 22px;} .articles-content .articles-container > h3 .article-categories, .articles-content .articles-container > h3 .article-categories div form div{margin:0;margin-left: auto;} .content-shadow { box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.12) !important; background: #fff; } .danger-field-border { border: 1px solid red; } .popular-articles-wrapper { width: 100%; margin-top: 30px;overflow: hidden;display: table; } .popular-articles-wrapper:first-child { margin-top: 0; } .popular-articles-wrapper .video-thumb { overflow: hidden; } .popular-articles-wrapper .video-thumb img{width: 80px;height: 80px;position: relative;margin-right: 15px;border-radius: 100%;object-fit: cover;} .popular-articles-wrapper .video-info {margin-left: 95px;display: table-cell;vertical-align: middle;} .popular-articles-wrapper .popular-article-title a { color: rgba(0,0,0,0.8);display: block;font-size: 16px;font-weight: 500;line-height: 1.4;text-decoration: none; } .article-wrapper .video-thumb a { overflow: hidden; display: block; } .article-wrapper .video-thumb a img { transition: all 0.3s ease; } .article-wrapper .video-thumb:hover > a img { transform: scale(1.02); opacity: 0.8; } .article-wrapper .article-views { color: #999; font-size: 14px;margin-bottom: 3px; } .article-wrapper .article-title h4 { margin-top: 0px; } .article-wrapper .article-title h4 a { color: #444;font-size: 23px;margin-top: 13px;margin-bottom: 13px;font-family: 'Lato', sans-serif;font-weight: 800;text-transform: capitalize;line-height: 1.3; } .article-wrapper .article-desc p { color: #777;font-family: 'Lato', sans-serif;font-size: 14px;line-height: 22px;margin-bottom: 14px; overflow: hidden; } .articles-container { overflow: hidden;margin-bottom: 40px; } .articles-container .no-content-found div { height: 200px; display: table; text-align: center; width: 100%; } .articles-container .no-content-found div figure { text-align: center; height: 200px; display: table-cell; vertical-align: middle; } .articles-container .no-content-found p.no-posts-found { line-height: 200px; text-align: center; width: 100%; } .article-categories { padding: 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; } .article-categories .pt_categories ul li { transition: all .20s ease;background-color: #d2d2d2;margin: 0px 6px 11px 0px;display: inline-block;border-radius: 25px;} .article-categories .pt_categories ul li a { text-decoration: none;width: 100%;color: #1d1d1d;display: block;padding: 5px 15px; } .article-categories .pt_categories ul li:hover a{ cursor: pointer;text-decoration:underline } .article-categories .pt_categories ul li.active { background-color: #03A9F4; } .article-categories .pt_categories ul li.active a{ color: #ffffff; } .article-categories div form input { border-radius: 16px; width: 100%; display: block;padding-right: 40px; } .article-categories div form div { width: 100%; overflow: hidden; margin: 27px 0px 20px; position: relative; } .article-categories div form div button { position: absolute; right: 0; bottom: 0; background: transparent; border: none; outline: none; height: 34px;padding: 1px 10px;color: #6b6b6b;border-radius: 0px 16px 16px 0px;transition: all 0.2s ease; } .article-categories div form div button:hover{background-color: rgba(0, 0, 0, 0.06);} .article-categories div form button { border-radius: 0; width: auto; display: inline; float: left; border-left: none; } .article-categories h4 { color: #333;font-family: 'Lato', sans-serif;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #eee;font-size: 20px;margin-top: 0; } /*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; } .go-pro-container .go-pro-head h4 { width: 100%; text-align: center; font-family: Roboto, sans-serif; font-size: 30px; margin: 0; color: #444; display: block; word-wrap: break-word; padding-bottom: 40px;font-weight: 100; } .go-pro-container .go-pro-body { width: 100%; margin-bottom: 50px; } .go-pro-container .go-pro-body .go-pro-packages { width: 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-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg svg, .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg svg{color: #fff;padding: 15px;width: 60px;height: 60px;margin: -50px 0px 25px;border-radius: 50%;} .go-pro-container .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-container .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-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg .go-pro-pkg-price, .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg .go-pro-pkg-price {display:block;color: #aeaeaf;font-size: 22px;font-weight: 500;line-height: 18px;} .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 { background: #fff; 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 { background: #fff; 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 0 0 #e3e4e8, 0 0 0 1px #f1f1f1; } .sidebar-ad-container a { text-decoration: none; } .sidebar-ad-container .sidebar-ad-inner { max-width: 100%; overflow: hidden; position: relative; background-size: cover; } .sidebar-ad-container .sidebar-ad-inner img { max-width: 100%; max-height: 100%; } .sidebar-ad-container .sidebar-ad-inner .info { width: 100%; text-align: left; padding: 20px 20px; background: #fff; } .sidebar-ad-container .sidebar-ad-inner .info h5 { width: 100%; color: #333; font-size: 17px; margin: 0 0 5px 0; } .sidebar-ad-container .sidebar-ad-inner .info p { width: 100%; color: #555; font-size: 12px; font-weight: 500; font-family: Open Sans, sans-serif; } .sidebar-ad-container .sidebar-ad-inner .info div { width: 100%; overflow: hidden; } .sidebar-ad-container .sidebar-ad-inner .info div .pull-left span { font-size: 13px; color: #07e; line-height: 16px; } .sidebar-ad-container .sidebar-ad-inner .info div .pull-left img { width: 16px; height: 16px; } .sidebar-ad-container .sidebar-ad-inner .info div .pull-right { color: #333; } .material-icons { vertical-align: middle; font-size: 1.3em; margin-bottom: 3px; } .margin-right { margin-right: 10px; } .user-ads-list-container { width: 100%; overflow: hidden; background: #fff; box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.12); } .user-ads-list-container .col-10 { padding: 0 30px; } .user-ads-list-container .user-ads-list-header, .create-new-ad-container .user-ads-list-header { width: 100%; overflow: hidden; background: #04abf2; margin-bottom: 20px; } .user-ads-list-container .user-ads-list-header span, .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; box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.12); } .create-new-ad-container .header { width: 100%; background: #fff; padding: 20px 30px; } .create-new-ad-container .form-group { width: 100%; overflow: hidden; } .create-new-ad-container .form-group textarea { resize: vertical; } .create-new-ad-container .form-group .audience-list li { width: 100%; padding: 5px 15px; background: #fff; font-size: 15px; font-family: Roboto, sans-serif; text-transform: capitalize; font-weight: 600; color: #444; cursor: pointer; border-bottom: 1px solid rgba(221, 221, 221, 0.26); } .create-new-ad-container .form-group-rs { margin-bottom: 20px; } .user-ads-settings-alert { width: 100%; overflow: hidden; } .user-ads-settings-alert .alert { border-radius: 0; color: #fff; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 600; padding: 15px 30px; } .bg-danger { background: #dc3545 !important; } .bg-success { background: #28a745 !important; } .read-only { background: #fff !important; border: none !important; box-shadow: none !important; padding-left: 0; } .monetization-settings-alert { width: 100%; overflow: hidden; } .monetization-settings-alert .alert { border-radius: 0; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 20px; } #withdrawal-requests thead th { font-family: Roboto, sans-serif !important; } #withdrawal-requests tbody tr td { font-family: 'Lato', sans-serif !important; font-weight: 500; font-size: 14px; } #withdrawal-requests tbody tr td span.success { padding: 5px 15px; color: #fff; background: #28a745; font-weight: 500; } #withdrawal-requests tbody tr td span.danger { padding: 5px 15px; color: #fff; background: #dc3545; } #withdrawal-requests tbody tr td span.warning { padding: 5px 15px; color: #fff; background: #efaf3d; font-weight: 500; } .main-comment-reply { margin-top: 10px !important; margin-bottom: 10px !important; overflow: hidden; } .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 { margin-top: 0px;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: 0px 60px;margin: 5px 0 0 0;} .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{height: 56px;padding: 0 16px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);background-color: white;} nav.navbar-findcond .container-fluid>.navbar-header {margin:0;} nav.navbar-findcond .yp_slide_menu {display:none;} nav.navbar-findcond .yp_slide_menu span {cursor: pointer;position: relative;padding: 6px;margin: 10px 5px 10px 20px;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.navbar-nav > li > a:hover{box-shadow: inset 0 -2.5px #04abf2;} nav.navbar-findcond ul.navbar-nav a:hover, nav.navbar-findcond ul.navbar-nav a:visited, nav.navbar-findcond ul.navbar-nav a:focus, nav.navbar-findcond ul.navbar-nav a:active { background: transparent; } nav.navbar-findcond ul.navbar-nav.navbar-right li.open>a { background: rgba(0, 0, 0, 0.05);border:0; } nav.navbar-findcond ul.navbar-nav.navbar-right li a svg.feather{margin-top: -1px;} nav.navbar-findcond ul.navbar-nav 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: 10.5px 11px 10.5px 80px;position: relative;padding: 0; } nav.navbar-findcond .search-header input {height: 35px;padding-left: 35px;color: #444;width: 500px;transition: all 0.2s;background-color: #eceff0;border: 1px solid #ddd;border-radius: 2em; } nav.navbar-findcond .search-header input:focus {border-color: #04abf2; } nav.navbar-findcond .search-header input:focus + svg{color:#04abf2;} nav.navbar-findcond .search-header svg.feather {position: absolute;top: 0;cursor: pointer;left: 2px;color: #637076;margin: 8px;transition: all 0.2s;} 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; } nav.navbar-findcond .search-header .search-dropdown .search-result {border-bottom: 1px solid #eee; } nav.navbar-findcond .search-header .search-dropdown .search-result:last-child {border: 0; } nav.navbar-findcond .search-header .search-dropdown .search-result a { display: block; color: #333; text-decoration: none;padding: 10px; } nav.navbar-findcond .search-header .search-dropdown .search-result a:hover { background-color: #fcfcfc; } 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%; } header nav.navbar-findcond .navbar-right{margin-right:0;} header nav.navbar-findcond .profile-nav a{padding: 13px;} nav.navbar-findcond .header-image { width: 30px;height: 30px;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;} .categories-drop-down a { color: #444 !important; } .video-title p { word-wrap: break; margin-top: 10px; } .video-description p { font-size: 12px; color: #777; margin-top: 10px; word-wrap: break; } .edit-thumb img { cursor: pointer; } .edit-thumb img:hover { opacity: 0.9; } .related-header h4 { margin-top: 5px; padding-bottom: 10px; color: #888; border-bottom: 1px solid #f3f3f3; } .related-header h4 .fa-bolt { color: #04abf2; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #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;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border-radius: 3px;padding-bottom: 10px;} .settings-sidebar ul p {margin: 0;padding: 12px 20px;font-weight: 500;font-size: 16px;} .settings-sidebar ul li{padding: 0;margin: 0;font-size: 15px;} .settings-sidebar ul li a { display: flex;align-items: center;padding: 10px 20px;position:relative;text-decoration: none;line-height: 1; } .settings-sidebar ul li.active {padding-right: 10px;} .settings-sidebar ul li.active a{ background-color: #d1effc;color: #04abf2;font-weight:500;border-radius: 0 2em 2em 0; } .settings-sidebar ul li a svg{margin: 0 20px 0 0;width:22px;height:22px;} .yp_sett_header {margin: -20px -30px 0;background-color: #bdcad0;border-bottom: 1px solid #b8c4ca;display: flex;align-items: center;padding: 15px 30px;margin-bottom: 20px;} .yp_sett_header .ava_combo {position: relative; margin-right: 40px;} .yp_sett_header .ava_combo .ava {width: 40px;height: 40px;overflow: hidden; border-radius: 50%; z-index: 3; position: relative; box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.15);} .yp_sett_header .ava_combo .ava img {width: 41px;height: 40px;object-fit: cover;} .yp_sett_header .ava_combo .logo_svg {width: 40px;height: 40px;background-color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: -25px;z-index: 1;box-shadow: inset 0 0 0 1.5px #04abf2;} .yp_sett_header .ava_combo .logo_svg svg {width: 24px;height: 24px;} .yp_sett_header h4 {margin: 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; } .submit-article-commet textarea { resize: vertical; } table .dataTables_empty { padding: 70px 0 !important; text-align: center; padding: 70px 0; background: #f3f3f3; } .replenish-wallet-form div 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); } } span#new-notifications, span#new-messages { position: absolute; display: inline-block; top: 12px; left: 25px; z-index: 100; color: #fff; font-family: "Lato", sans-serif; background: #d44d43; border-radius: 2px; line-height: 11px; } span#new-notifications b, span#new-messages b { padding: 1px 4px 2px 4px; display: inline-block; font-weight: normal; line-height: 11px; font-size: 12px; } #get-notifications { position: relative; display: inline-block; } 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 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; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p { width: 100%; overflow: hidden; margin: 0px; padding: 0px; color: #666; font-size: 13px; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p .main-color{font-weight: bold;color: #5f5f5f;} ul.notfi-dropdown ul#notifications-list li div.notifications-info p a { color: #333 !important; font-family: "Lato", sans-serif; text-transform: unset; } ul.notfi-dropdown ul#notifications-list li div.notifications-info p a:hover { color: #333 !important; text-decoration: none; } ul.notfi-dropdown ul#notifications-list li div.notifications-info time { color: #868686;font-size: 11px;margin: 4px 0px 0px;font-family: arial;display: block; } ul.notfi-dropdown li h5 {width: 100%;display: block;padding: 10px 15px;margin: 0px;overflow: hidden;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);position: relative;font-size: 13px;font-family: Roboto;background: #04abf2;color: white; } ul.notfi-dropdown li h5 b{color: #04abf2;background-color: white;font-weight: 500;padding: 2px 7px;margin: 0 7px 0 0;border-radius: 2px;} ul.notfi-dropdown li h5 i.fa-circle-o-notch { float: right; } .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%; overflow-x: hidden; text-align: center; border-top: 1px solid #e2e2e2;margin: 10px 0 -9px; } .load-related-videos button {border: none;padding: 7px 50px;color: #666;text-transform: uppercase;font-size: 12px;width: 100%;background: #fff;font-weight: 500; } .load-related-videos button span { margin: 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: 555px;} .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; } .toggle-mode { text-align: center; } .toggle-mode .switch { cursor: pointer;position: relative;padding: 0;margin: 0px 5px 0 20px; } .toggle-mode .switch input { display: none; } .toggle-mode .slider {transition: all 0.4s;-webkit-transition: all 0.4s;padding: 6px;display: block;margin: 9px auto;width: 37px;height: 37px;border-radius: 50%; } .toggle-mode .slider svg.feather {fill: #696969;margin: 0px;width: 24px;height: 24px;} .toggle-mode input:checked + .slider { background-color: #4285F4; } .toggle-mode input:checked + .slider svg.feather {fill: #D9E7FD;} .toggle-mode input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .contact-us-form { margin-bottom: 50px; } #new-message-form { position: relative;padding: 10px 20px 9px;display: flex; } #new-message-form #send-button { background: #04abf2;padding: 14px;border: none;outline: none;color: white;border-radius: 8px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);margin-left: 10px; } .countunseen { background-color: #c23321;padding: 2px 7px;width: auto;border-radius: 2px;color: #fff;float: right;margin: 10px 4px; } .countunseen:empty { padding: 0;margin:0; } .user-messages { background-color: transparent; } .user-messages .messages .istyping { margin-bottom: 10px; position: relative; max-width: 80%; width: auto; } .user-messages .messages .istyping .user-avatar { width: 33px; float: left; } .user-messages .messages .istyping .user-avatar img { width: 100%; border-radius: 100%; } .user-messages .messages .istyping .user-message { background-color: #fff;padding: 7px 13px;border-radius: 17px;word-break: break-word;width: auto;margin-left: 40px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); } .user-messages .messages .message { margin-bottom: 10px; position: relative; max-width: 80%; width: auto; } .user-messages .messages .message .user-avatar { width: 33px; float: left; } .user-messages .messages .message .user-avatar img { width: 100%; border-radius: 100%; } .user-messages .messages .message .user-message { background-color: #fff;padding: 7px 13px;border-radius: 17px;word-break: break-word;width: auto;margin-left: 40px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); } .user-send-message { width: 100%; } .user-send-message textarea { border: 0;padding: 15px 13px;outline: none;resize: none;width: 100%;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);height: 50px;border-radius: 8px; } .messages-sidebar { overflow: auto; } .messages-sidebar .search-box { position: relative;padding: 10px;background-color: white;border-bottom: 1px solid #ededed; } .messages-sidebar .search-box input { width: 100%;padding: 3px 12px;outline: none;padding-left: 30px;background-color: #f6f7f9;border-radius: 16px;height: 34px;border: 1px solid #ededed; } .messages-sidebar .search-box svg.feather { position: absolute;margin: 7px;pointer-events: none; } .messages-sidebar ul { list-style: none;height: calc(100vh - 196px);overflow-y: auto;margin: 0; } .messages-sidebar ul li { height: 64px;border-bottom: 1px solid #f1f1f1; } .messages-sidebar ul li:last-child{border:0;} .messages-sidebar ul li a { transition: all .2s; } .messages-sidebar ul li a .user-avatar { width: 45px; 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: 4px 0px 1px;font-weight: 500;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .messages-sidebar ul li a .user-last-message { font-size: 12px; color: #999; } .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 10px; } .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 3px rgba(0, 0, 0, 0.2);border-radius: 3px;} .pt_vid_fixed_height{min-height: 66.4px;max-height: 66.4px;} .alert {background-color: #f7f7f7;border: 0;border-left: 4px solid;border-radius: 0;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} .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-family:Roboto,sans-serif;font-size:14px;min-height:14px;background-color:#070b0e;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:0;top:0;opacity:0;z-index:9999}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#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:2px;margin:24px;bottom:-100px}}@media (max-width:640px){.snackbar-container{left:0;right:0}}.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;transform:translate(-50%,-50%)}.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,-50%)}.snackbar-pos.top-right{bottom:auto!important;top:0;right:0} /*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-weight: 500;color: #6d6d6d !important;display: block;text-align: center;} .empty_state svg.feather {display: block;margin: 0px auto 15px;width: 40px;height: 40px;color: #adadad;} /*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: 2px;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: 2px;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;} .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*/ .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;} /*Featured Video*/ .pt_featured_video{position:relative;display: block;margin: -5px 0 10px;} .pt_featured_video .video-player a{font-weight: 500;} .pt_featured_video .thumbnail_holder{position: relative;width: 100%;min-height: 420px;max-height: 420px;background: #d2d2d2;border-radius: 3px;} .pt_featured_video .thumbnail_holder:before {content: '';display: block;position: absolute;left: 100%;margin-left: 14px;top: 45px;margin-top: -10px;width: 0;height: 0;border: 10px solid transparent;border-left-width: 0;border-right-color: #ffffff;filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, 0.15));z-index: 1;pointer-events: none;} .pt_featured_video .thumbnail_holder img{width: 100%;height: auto;position: absolute;top: 50%;right: 0;bottom: 0;left: 50%;display: block;margin: 0;opacity: 1;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: 100%;border-radius: 3px;min-width: 100%;min-height: 100%;} .pt_featured_video .thumbnail_holder svg{position: absolute;fill: rgba(255, 255, 255, 0.8);width: 85px;height: 85px;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pt_featured_video .thumbnail_holder .duration{position: absolute;right: 12px;bottom: 12px;background-color: rgba(0, 0, 0, 0.8);padding: 2px 6px;font-weight: 500;color: rgba(255, 255, 255, 0.85);border-radius: 4px;letter-spacing: .5px;} .pt_featured_video .video-player {margin:0;} .pt_featured_video .video-player .col-md-4{padding-left:8px} .pt_featured_video .video-player .video-title{width: 100%;padding: 15px;height: 420px;background-color: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);border-radius: 3px;position:relative;overflow: hidden;} .pt_featured_video .video-player .publisher-element{width: 100%;margin: 0;padding: 0;border: 0;} .pt_featured_video .video-player .publisher-element .publisher-avatar {margin-right: 13px;min-width: 48px;} .pt_featured_video .video-player .publisher-element .publisher-avatar img{border-radius: 50%;} .pt_featured_video .video-player .publisher-element .publisher-name > a{font-size: 19px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;max-width: 280px;} .pt_featured_video .video-player .publisher-element .publisher-subscribe-button {margin-top: 5px;} .pt_featured_video .video-player .publisher-element button, .pt_featured_video .video-player .publisher-element .btn-subscribed {box-shadow: none;padding: 3px 15px;font-size: 13px;color: white;display: inline-block;} .pt_featured_video .video-player .publisher-element button svg, .pt_featured_video .video-player .publisher-element .btn-subscribed svg {display:none;} .pt_featured_video .video-player .publisher-element .subs-amount {padding: 3.9px 9px;vertical-align: middle;} .pt_featured_video .video-player .video-big-title{margin:0;max-height: 258px;overflow-y: auto;padding-bottom: 25px;} .pt_featured_video .video-player .video-big-title a{font-family: 'Lato', sans-serif;word-break: break-word;} .pt_featured_video .video-player .video-big-title p {font-size: 14px; overflow: hidden;} .pt_featured_video .video-player .video-big-share { border-top: 1px solid #eee;position: absolute;left: 0;right: 0;bottom: 0;height: 50px;padding: 0 15px;display: flex;align-items: center;justify-content: center;box-shadow: 0 -12px 25px 8px #ffffff;background-color: white;} .pt_featured_video .video-player .video-big-share span{flex: 1;text-align: center;} .pt_featured_video .video-player .video-big-share a {display: inline-flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;width: 24px;height: 24px;} /*View More Link*/ .view_more_link{margin-left: auto;overflow:hidden;} .view_more_link a{display: block;background-color: #04abf2;padding: 8px 10px;border-radius: 2px;color: white;font-size: 1.4rem;font-weight: 500;text-decoration: none;letter-spacing: .007px;} /*Footer*/ .pt_footer .container-fluid{padding: 55px 0 90px;color: #e6e6e6;background: #2380a8;} .pt_footer a{color: #e6e6e6;padding: 5px;transition: all 0.3s ease;margin: 0px 10px;text-decoration: none;} .pt_footer a:hover {border-bottom: 1px solid;} .pt_foot_lang{margin: 0;list-style: none;padding: 0;display: inline-block;} .pt_foot_lang>li{display: inline-block;} .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_language_select:before {content: "";position: absolute;bottom: -6px;right: 30px;width: 20px;height: 20px;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius: 20px 0 3px 0;background: #fff;z-index: -1;} .pt_foot_lang .open>.pt_language_select{-webkit-transform: none;transform: none;opacity: 1;pointer-events: auto;visibility: visible;margin-bottom: 15px;} .pt_language_select li a{font-size: 14px !important;line-height: 33px;padding: 0 20px;transition: background-color .1s;margin:0;border: 0 !important;} /*Header Menu*/ .dropdown-menu.ani-acc-menu, .dropdown-menu.ani_log_menu {top: 70px;overflow: visible;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: 192px;box-shadow: 0 1px 4px rgba(0,0,0,0.25);padding: 10px 0;} .dropdown-menu.ani-acc-menu svg.feather{margin: -2px 12px 0px 0px !important;width: 18px;height: 18px;color: #5d5d5d;transition: all 0.1s;} 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: 60px;} .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: 8px 16px !important;color: #14171a !important;font-size: 14px !important;line-height: 20px;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;} .dropdown-menu.ani-acc-menu li a b{font-size: 18px;line-height: 24px;white-space: nowrap;word-break: break-all;font-weight: 500;} .dropdown-menu.ani-acc-menu li a p{margin: 0;color: #657786;} 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{color: #fff;} .dropdown-menu.ani-acc-menu li.divider{background: #e6ecf0;margin: 6px 0;} /*Upload Video*/ .pt_upload_vdo .upload{border: 0 !important;transition: all 0.1s ease;padding-bottom: 40px;} .pt_upload_vdo svg.feather-upload, .pt_import_vdo svg.feather-import{margin: 20px 0px;width: 100px;height: 100px;transition: transform .4s ease;} .pt_upload_vdo > div h4{margin: 0px 0 9px;font-size: 20px;color: #444;font-weight: normal;} .pt_upload_vdo > div p{font-size: 17px;} .pt_upload_vdo button{margin-top: 60px;padding: 10px 65px;height: 48px;border-radius: 24px;font-weight: 500;font-size: 16px;} .pt_upload_vdo.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;} .pt_upload_vdo .progress .percent{position: relative;left: auto !important;color: #444 !important;margin: 0 !important;width: auto;float: right;} .progress_bar_parent {margin: 8px 40px 0px 0px;height: 4px;border-radius: 0;} /*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{padding: 50px;} .pt_import_vdo svg.feather-import{margin-bottom: 45px;} .pt_import_vdo .col-md-9{padding-right: 0px;} .pt_import_vdo .col-md-9 svg.feather{position: absolute;width: 28px;height:28px;top: 15px;left: 30px;color: #8c8c8c; pointer-events: none;} .pt_import_vdo .col-md-9 input{padding: 0px 10px 0px 50px;border-color: #ddd;font-size: 19px;background: #f2f2f2;height: 50px;color: #151720;border-radius: 29px 0px 0px 29px;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;} .pt_import_vdo .col-md-3 button{width: 100%;font-size: 18px;height: 50px;border: 0;border-radius: 0px 29px 29px 0px;} .pt_import_vdo .video-description{max-height: 160px;overflow: hidden;overflow-y: auto;} /*History Page*/ .pt_history .video-wrapper{margin-bottom: 35px;padding: 0 10px;} .pt_history .video-wrapper>div{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);position: relative;overflow: hidden;border-radius: 2px;} .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;} .pt_history .video-wrapper .video-thumb img{height: 160px;min-height: 160px;max-height: 160px;object-fit: cover;width: 100%;} .pt_history .video-wrapper .video-thumb .time{position: absolute;left: 10px;bottom: 10px;background-color: rgba(0, 0, 0, 0.75);color: white;padding: 5px 10px;border-radius: 2em;font-size: 12px;display: flex;align-items: center;} .pt_history .video-wrapper .video-thumb .time svg{width: 16px;height: 16px;margin-right: 5px;} .pt_history .video-wrapper .video-info{padding: 13px;background-color: #f2f6f8;border-top: 2px solid #93aab6;} .pt_history .video-wrapper .video-info>div{padding-right: 30px;} .pt_history .video-wrapper .video-info>div.video-actions{padding: 0 5px;margin: -10px -10px -3px 0px;float: right;display: inline-block;} .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: #000000;font-weight: 500;margin: 0;font-size: 13px;} .pt_history .video-wrapper .video-info .author-info .author-name a{color: #535353;} /*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-top: 20px;margin:0;} .articles-content .pt_article_h_list{position: relative;background: #fff;display: block;overflow: hidden;} .articles-content .pt_article_h_list .video-thumb{position: relative;display: inline-block;box-shadow: 0 0 0 1px rgba(0,0,0,0.05);} .articles-content .pt_article_h_list .video-thumb img{width: 100%;height: 100%;min-height: 250px;max-height: 250px;object-fit: cover;background-color: #F6F9FC;} .articles-content .pt_article_h_list .video-info{overflow: hidden !important;} .articles-content .pt_article_h_list .video-info .article-views {padding-left: 8px;margin-top: 7px;margin-bottom: 12px;border-left: 2px solid #04abf2;line-height: 1;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;color: #04abf2;} .articles-content .pt_article_h_list .video-info .article-title h4 {max-height: 47px;min-height: 47px;overflow: hidden;} .articles-content .pt_article_h_list .video-info .article-title h4 a {font-size: 18px;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 .postFooter {padding-top: 0px;border: 0} .articles-content .pt_article_h_list .video-info .postFooter a {text-decoration: none;line-height: 1;font-size: 12px;color: #5D738D;text-transform: uppercase;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;} /*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: 4px;} @-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 .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;} .pt_video_info .watch-video-description p{word-wrap: break-word;font-size: 13px;line-height: 21px;} .pt_video_comments{padding: 10px 20px;} .pt_video_comments .comments-header{margin: 5px 0 20px;font-size: 17px;} .pt_video_comments svg.feather.blue{margin-top: 0px;width: 15px;height: 15px;color: #2196F3;} .videos-list .pt_video_side_vids{margin: 0 9px 22px;position:relative;border-radius: 3px;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:3px;} .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: 3px;} .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: 2px;} .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: 7px;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: 3px;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 - 255px);overflow: hidden;overflow-y: auto;position: relative;box-shadow: none;} .pt_msg_area .empty_state{position: absolute;margin: 0 !important;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pt_msg_header{padding: 13px 20px;height: 55px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.19);position: relative;line-height: 27px;} .pt_msg_header h3{margin: 0;line-height: 27px;} .pt_msg_main{background: #f9f9f9;position: relative;border-radius: 0px;box-shadow: inset 6px 0px 6px -3px rgba(0, 0, 0, 0.10);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;} /*Side Menu*/ .yp_side_menu{transition: all 0.3s;} .yp_side_menu.has_side_menu{margin-left: 240px;transition: all 0.3s;} .yp_side_drawer{position: fixed;width: 240px;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:-240px;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 .toggle-mode {margin-left: 15px;} .yp_side_drawer .open_side_menu_head > span{padding: 6px;color: #696969;margin: 10px 5px 10px auto;cursor: pointer;} .yp_side_drawer ul.sections{border-bottom: 1px solid #ddd;padding: 12px 0;display: block;margin: 0;} .yp_side_drawer ul.sections:last-child{border:0;} .yp_side_drawer ul.sections h3{margin: 0;padding: 8px 24px;font-size: 1.4rem;font-weight: 500;letter-spacing: .007px;text-transform: uppercase;color: #424242;} .yp_side_drawer ul.sections li{display: block;width: 100%;height: 36px;} .yp_side_drawer ul.sections li.active {padding-right: 10px;} .yp_side_drawer ul.sections li a{padding: 0 24px;display: flex;flex-direction: row;align-items: center;width: 100%;height: 36px;text-decoration:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.4rem;font-weight: 400;color: dimgrey;transition: all 0.1s;} .yp_side_drawer ul.sections li a:hover{background-color: #f0f0f0;} .yp_side_drawer ul.sections li.active a{color: #04abf2;font-weight: 500;background-color: #d1effc;border-radius: 0 2em 2em 0;} .yp_side_drawer ul.sections li a svg{margin:0;margin-right: 27px;width:24px;height:24px;fill: dimgrey;} .yp_side_drawer ul.sections li.active a svg{fill: #04abf2;} /*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: 4px;padding: 8px 10px;transition: all 0.2s} .pp_mat_input input:focus, .pp_mat_input textarea:focus, .pp_mat_input select:focus{border-color:#4285f4} .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: #4285f4;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: 4px;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: 2px; box-sizing: border-box; overflow: auto; max-width: 80vw; outline: 0; width: 100%; height: 100%;border: 0; } .modal.matdialog .modal-header{ display: block; padding: 0px; margin: 0 0 20px; border:0px; background: #fff; } .modal.matdialog .modal-title{ padding: 0px; font: 500 20px/32px Roboto,Helvetica Neue,sans-serif; color: rgba(0,0,0,.87); } .modal.matdialog .modal-body{ margin: 0 -24px; padding: 0 24px; max-height: 65vh; overflow: auto; } .modal.matdialog .modal-footer{ background: #fff; color: #3F51B5; margin-bottom: -24px; padding: 12px 0 !important; border: 0px; } .modal.matdialog .matbtn{ position: relative; min-height: 36px; min-width: 88px; line-height: 36px; vertical-align: middle; text-align: center; border-radius: 2px; border: 0; padding: 0 6px; margin: 6px 8px; background: transparent; color: currentColor; white-space: nowrap; text-transform: uppercase; font-weight: 500; font-size: 14px; font-family: roboto; text-decoration: none; overflow: hidden; box-shadow: none; transition: all 0.1s ease; } .modal.matdialog .matbtn:hover{ background: #e2e2e2; } .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.3s; 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: 3px;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.side_open .sidenav-overlay, 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%;} } .subscribers_img_{ height: 80%; border-radius: 50%; margin-right: 10px; } .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;} #geo_blocking > .bootstrap-select > button{margin-top: 0;border: 2px solid #e3e4e8;border-radius: 2px;height: 40px !important;line-height: 14px;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none;background: #fff;font-weight: normal;font-size: 13px;} #geo_blocking .bootstrap-select{border-radius: 50px;} .user-setting-panel .user-ads-list-container .margin_bottom_{margin-bottom: 0px;} /*Video Studio*/ .vid_stud_links {margin-bottom: -8px;margin-top: 18px;margin-left: -5px;} .vid_stud_links li {display: inline-block;} .vid_stud_links li a {display: block;padding: 5px 12px;margin: 0 3px;text-decoration: none;color: #383838;border-radius: 3px;background: #f5f5f5;} .vid_stud_links li.active a {color: white;background: #04abf2;} .vid_stud_links li a svg {margin-top: -3px;width: 18px;height: 18px;margin-right: 2px;} .vid_stud_filtr {font-weight: normal;} .vid_stud_filtr label {margin: 0;display: block;font-weight: 500;font-size: 13px;cursor: pointer;} .vid_stud_filtr label input[type="radio"]:not(:checked), .vid_stud_filtr label input[type="radio"]:checked {position: absolute;opacity: 0;pointer-events: none;} .vid_stud_filtr label input[type="radio"]+span {position: relative;display: block;padding: 7px 25px;user-select: none;transition: all 0.15s;} .vid_stud_filtr label:hover span{background: #eee;} .vid_stud_filtr label input[type="radio"]:checked+span{background: #04abf2;color:#fff;} .vid_stud_acts a {text-decoration: none;} .vid_stud_stats svg {width: 13px;height: 13px;margin-top: -1px;} /*Video Analytics*/ .videos-list .vid_analts_info {display: flex;align-items: center;margin-bottom: 15px;} .videos-list .vid_analts_info.short {margin-bottom: 7px;} .videos-list .vid_analts_info .video-thumb {width: 100% !important;max-width: 170px;} .videos-list .vid_analts_info.short .video-thumb {max-width: 120px;min-width: 120px;} .videos-list .vid_analts_info .video-thumb a {display: block;position: relative;} .videos-list .vid_analts_info .video-thumb img {border-radius: 6px;} .videos-list .vid_analts_info .video-thumb a svg {background: #fff;border-radius: 50%;width: 44px;height: 44px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .videos-list .vid_analts_info.short .video-thumb a svg {width: 34px;height: 34px;} .videos-list .vid_analts_info .video-title {font-size: 20px;} .videos-list .vid_analts_info.short .video-title {font-size: 15px;max-height: 42px;overflow: hidden;} .videos-list .vid_analts_info .video-title a {font-weight: normal;word-break: break-word;} select#type {width: 150px;} .vid_analts_stat {display: flex;align-items: center;padding: 17px 17px 15px;border-radius: 7px;color: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .vid_analts_stat > svg {margin-right: 17px;margin-top: 0px;width: 30px;height: 30px;} .vid_analts_stat h2 {font-size: 12px;line-height: 16px;letter-spacing: 0.011em;margin-top: 0;margin-bottom: 3px;} .vid_analts_stat p {font-size: 24px;line-height: 32px;margin-bottom: 0;} .vid_analts_info_smll {font-size: 14px;margin-top: 4px;color: #717171;} /*Search Page*/ .vid_srch_filtr {margin: 0px -25px;overflow: hidden;} .vid_srch_filtr .pt_forms {background-color: #fcfcfc;box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.12);padding: 10px 45px 10px;margin: 0 -30px;} .vid_srch_filtr .pt_forms .form-group label.col-md-12 {text-transform: uppercase;font-size: 13px;margin-bottom: 12px;margin-top: 10px;} .vid_srch_filtr label span {cursor: pointer;font-size: 12px;color: #757575;} .vid_srch_filtr label input[type="radio"], .vid_srch_filtr label input[type="checkbox"] {position: absolute;opacity: 0;pointer-events: none;} .vid_srch_filtr label input[type="radio"]:checked+span, .vid_srch_filtr label input[type="checkbox"]:checked+span {font-weight: 500;color: #222;} .vid_srch_filtr .pt_forms .last-sett-btn {margin: 0px -15px;} /*Popular channels*/ .vid_pop_chnl_filtr {display: flex;align-items: center;margin-bottom: 35px;} .vid_pop_chnl_filtr select {display: inline-block;width: 150px;margin: 0 8px;} .vid_pop_channls {display: block;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 30px;overflow: hidden;} .vid_pop_channls .video-thumb { min-width: 100px;width: 100px;margin-right: 10px;float: left;height: 100px;} .vid_pop_channls .video-thumb img {width: 100%;} .vid_pop_channls .video-title {margin-left: 110px;padding-top: 17px;} .vid_pop_channls .video-title h4 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 120px;} .vid_pop_channls .video-title h6 {font-weight: normal;color: #7d7d7d;} .vid_pop_channls .video-title h6 svg {width: 14px;height: 14px;margin-top: -2px;margin-right: 4px;} /*Edit Video*/ .vid_edit_assign {position: relative;} .vid_edit_assign .search-dropdown_ {background-color: #fff;top: 40px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);border-radius: 0 0 5px 5px;} .vid_edit_assign .search-dropdown_ > div {padding: 0 !important;} .vid_edit_assign .search-dropdown_ > div a {text-decoration: none;padding: 10px 20px;display: block;} /*Movies*/ .vid_move_filtr {position: absolute;left: 0;right: 0;background-color: #171a25;top: 52px;padding: 50px 0;text-align: center;} .vid_move_filtr .mov_filtr_cont {width: 100%;max-width: 580px;display: inline-block;color: #efefef;} .vid_move_filtr .mov_filtr_cont .term {margin-bottom: 10px;font-weight: 500;font-size: 1.35em;color: #fff;} .vid_move_filtr .mov_filtr_cont input, .vid_move_filtr .mov_filtr_cont .selects-container > select:not(option) {height: 40px;background: rgba(255, 255, 255, 0.1) !important;border: 0;color: #fff;} .vid_move_filtr .mov_filtr_cont .selects-container > select option {color: #222 !important;} .vid_move_filtr .mov_filtr_cont input::placeholder {color: rgba(255, 255, 255, 0.55);} .vid_move_filtr .selects-container {display: inline-block;width: 130px;margin-right: 20px;float: left;margin-top: 15px;} .vid_move_filtr .selects-container:last-child {margin-right: 0px;} .vid_move_filtr .selects-container p {margin-bottom: 8px;font-weight: 500;font-size: 13px;float: left;} .vid_move_filtr .last-sett-btn {display: inline-block;vertical-align: top;margin: 0;margin-left: 20px;margin-top: 37px;} .vid_move_filtr .last-sett-btn button {margin: 0;color: #ffffff;background-color: rgba(255, 255, 255, 0.3);} .pt_movie_margin {margin-top: 260px;} .pt_movie_margin h3.text-center {font-weight: 100;display: flex;align-items: center;margin-top: 10px;} .pt_movie_margin h3.text-center span {background-color: #9C27B0;color: white;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 5px;} .pt_movie_margin h3.text-center span svg {margin: 0;} .pt_movie_list {margin-top: 25px;} .pt_movie_list .video-wrapper {margin-bottom: 35px;background-color: #12141E;padding: 15px;} .pt_mv_list_thumb {display: block;position: relative;border-radius: 5px;z-index: 1;} .pt_mv_list_thumb img {width: 100%;height: 340px;object-fit: cover;border-radius: 5px;} .mv_img_shdw {position: relative;height: 30px;overflow: hidden;margin: -15px 20px 0px;filter: blur(40px);} .mv_img_shdw:before {content: "";position: absolute;margin: -110px;background: inherit;filter: blur(80px);top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: bottom;} .mv_img_shdw .mv_pr_blck {display: block;/*background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,#212121 100%);*/padding: 80px;position: absolute;width: 100%;bottom: 0;left: 0;pointer-events: none;} .pt_mv_list_thumb span {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;color: white;padding: 0 10px;background-color: rgba(0, 0, 0, 0.5);flex-direction: column;transition: all 0.2s;opacity: 0;border-radius: 5px;} .pt_mv_list_thumb:hover span {opacity: 1;} .pt_mv_list_thumb span p {margin: 0;margin-top: 15px;font-weight: 400;font-size: 24px;} .pt_mv_list_thumb span > svg {margin-top: 50px;width: 49px;height: 49px;} .pt_mv_info {margin-top: 20px;} .pt_mv_info_innr {padding-right: 10px;text-align: center;} .pt_mv_info_innr h3 {margin-top: 0;font-size: 16px;margin-bottom: 5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pt_mv_info_innr h3 a {text-decoration: none;color: #363636;} .pt_mv_info_innr > div {display: flex;align-items: center;color: #3B3F4F;font-size: 12px;margin-bottom: 3px;justify-content: center;margin-top: 9px;} .pt_mv_info_innr > div span {color: #727580 !important;} .pt_mv_info_innr > div .bold {margin: 0 5px;} .pt_mv_info_innr .stars .star {width: 14px;height: 14px;margin: 0 1px;} .pt_mv_info_innr .stars .star path { fill: #434859;} .pt_mv_info_innr .stars[data-stars] .star path {fill: #EF8F12;} .pt_mv_info_innr .stars[data-stars="1"] .star:nth-child(1) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="2"] .star:nth-child(2) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="3"] .star:nth-child(3) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="4"] .star:nth-child(4) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="5"] .star:nth-child(5) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="6"] .star:nth-child(6) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="7"] .star:nth-child(7) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="8"] .star:nth-child(8) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="9"] .star:nth-child(9) ~ .star path {fill: #434859;} .pt_mv_info_innr .stars[data-stars="10"] .star:nth-child(10) ~ .star path {fill: #434859;} .pt_mv_info_innr .mv_qualt {background-color: #03050B;padding: 6px 11px;border-radius: 3px;color: #484d5d !important;margin-top: 10px;font-weight: 600;} .vid_mov_e_info {margin-bottom: 0;} .vid_mov_e_info li {margin-bottom: 5px;} .vid_mov_e_info h4 {float: left;font-weight: 500;width: 80px;margin: 0;margin-right: 10px;font-size: 11px;line-height: 11px;} .vid_mov_e_info p {font-size: 11px !important;line-height: 11px !important;} /*Paid Movies*/ .paid_movie_list .video-wrapper {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);border-radius: 5px;padding: 15px 0;margin: 0;margin-bottom: 30px;} .paid_movie_list .movie-thumb img {width: 100%;height: 200px;object-fit: cover;border-radius: 5px;} .paid_movie_list .movie-info {font-size: 12px;color: #888888;} .paid_movie_list .movie-title a {text-decoration: none;} .paid_movie_list .movie-title h4 {margin-top: 50px;font-size: 22px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;} .paid_movie_list .movie-play-btn {margin-top: 20px;} .paid_movie_list .movie-play-btn svg {width: 40px;height: 40px; } .pt_transfr_ern {text-align: center;} .pt_transfr_ern input {max-width: 180px;margin: auto;text-align: center;font-size: 45px;height: auto;border: 0;font-weight: 500;} /*Watch Movies*/ .wtch_mv_info_main {margin-top: 20px;position: relative;} .wtch_mv_pcrn {position: absolute;width: 200px;height: 200px;opacity: 0.8;filter: grayscale(0.2);pointer-events: none;} .wtch_mv_pcrn.pcrn3 {left: -40%;bottom: 0;transform: rotate(30deg);} .wtch_mv_pcrn.pcrn4 {right: -40%;bottom: 0px; transform: rotate(-30deg);} .wtch_mv_img img {width: 100%;height: 210px;object-fit: cover;border-radius: 5px;} /*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: 2; border-radius: 2px; } /*18+*/ .et_plus, .et_plus .modal-footer {text-align: center;} .et_plus .modal-dialog, #pay-go-pro .modal-dialog {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);} .et_plus .modal-dialog::before, #pay-go-pro .modal-dialog::before {display: block;height: calc(100vh - 1rem);content: "";} .et_plus .modal-dialog svg {margin-bottom: 30px;} .et_plus .btn.matbtn {min-width: 50%;} .et_plus .btn-success.matbtn {background-color: #5cb85c;color: #fff;} /*Top Vids Filter*/ .tp_vid_fltr_tabs {text-align: center;white-space: nowrap;overflow-x: auto;margin-bottom: 25px;} .tp_vid_fltr_tabs ul {display: inline-block;border-radius: 7px;position: relative;white-space: nowrap;overflow-x: auto;margin-bottom: 0;border: 1.5px solid #04abf2;} .tp_vid_fltr_tabs ul li {display: inline-block;} .tp_vid_fltr_tabs ul li a {padding: 10px 13px;border: none;margin: 0;font-weight: 500;line-height: 1;color: #6f6f6f;display: block;text-decoration: none;} .tp_vid_fltr_tabs ul li.selected {background-color: #04abf2 !important;} .tp_vid_fltr_tabs ul li.selected a {color: #fff;} /*Bank Transfer*/ #bank_transfer_modal .modal-dialog {width: 100%;max-width: 500px;} .dt_bank_trans_modal .bank_info {width: 100%;margin-bottom: 30px;} .dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;background-color: #04abf2;background: linear-gradient(90deg, #04abf2 0%, #6d47d9 100%);padding: 15px;border-radius: 7px;overflow: hidden;position: relative;} .dt_bank_trans_modal .bank_info .bank_info_innr {position: relative;width: 100%;color: #fff;z-index: 1;text-align: center;} .dt_bank_trans_modal .bank_info .bank_info_innr > svg {display: none;} .dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {font-size: 22px;padding: 5px;} .dt_bank_trans_modal .bank_info .bank_info_innr .row .col {margin-top: 18px;} .dt_bank_trans_modal .bank_info .bank_info_innr .row p {margin: 0;font-size: 18px;word-break: break-word;} .dt_bank_trans_modal .bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);} .dt_bank_trans_modal .dt_user_profile {background: rgba(0, 0, 0, 0.42);} .dt_bank_trans_modal .dt_user_profile {background-color: #f8f8f8;margin: 0 auto 25px;padding: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;overflow: hidden;} .dt_bank_trans_modal .dt_user_profile > span {margin-bottom: 5px;font-size: 18px;display: flex;align-items: center;} .dt_bank_trans_modal .dt_user_profile > span svg {margin-right: 5px;color: #6b6b6b;} .dt_bank_trans_modal .dt_prof_vrfy {margin: 0;list-style-type: disc;} .dt_bank_trans_upl_rec {text-align: center;} .dt_bank_trans_upl_rec a {display: inline-block;border-bottom: 1px dashed;color: #3f3f3f;padding-bottom: 5px;font-size: 14px;transition: all 0.15s;text-decoration: none;} .dt_bank_trans_upl_rec a svg {width: 20px;height: 20px;margin-top: -3px;} .upload_bank_receipts {text-align: center;display: none;} .upload_bank_receipts > div {width: 100%;max-width: 200px;height: 185px;margin: auto;background-color: #f0f0f0;border: 2px solid #ddd;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;} .upload_bank_receipts svg {width: 45px;height: 45px;color: #4a4a4a;background-color: lightgrey;padding: 10px;border-radius: 50%;margin-bottom: 10px;} .upload_bank_receipts p {margin-bottom: 0px;} #bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {display: none;} #bank_transfer_modal.up_rec_active .upload_bank_receipts {display: block;} #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {display: none;} #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;} #bank_transfer_modal_2.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_modal_2.up_rec_active .dt_bank_trans_upl_rec {display: none;} #bank_transfer_modal_2.up_rec_active .upload_bank_receipts {display: block;} #bank_transfer_modal_2.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_modal_2.up_rec_img_ready .upload_bank_receipts p {display: none;} #bank_transfer_modal_2.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;} /*Pay Box*/ .payment_box .btn {width: 100%;background-color: transparent;color: #444;display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.07);border-radius: 0;padding: 18px;font-weight: 500;box-shadow: none;} .payment_box .btn:last-child {border: 0;} .payment_box .btn svg, .payment_box .btn img {margin-right: 18px;width: 30px;height: 30px;} .twocheckout_modal {padding-top: 20px;} .twocheckout_modal .sun_input {margin-bottom: 15px;} .twocheckout_modal .sun_input input, .twocheckout_modal .sun_input select {border: 1px solid #e8e8e8;border-radius: 2px;height: 38px;line-height: 14px;transition: all .2s ease-in-out;} .twocheckout_modal .sun_input input:focus, .twocheckout_modal .sun_input select:focus {border-color: #03A9F4;} .two_check_card {margin: 20px auto 0;max-width: 310px;background-color: #019ACA;padding: 20px 10px 10px;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);} .two_check_card > svg {color: white;margin: 0 15px 20px;display: block;width: 35px;height: 35px;} .two_check_card .sun_input input::placeholder {color: #fff;opacity: 0.7;} .two_check_card .sun_input input, .two_check_card .sun_input select {border: 0;background-color: rgba(0, 0, 0, 0.2) !important;color: white;border-radius: 5px;height: 40px;} .two_check_card .sun_input select option {color: #222;background: white;} /*Monetization Switch*/ .sett_mon_switch .toggle.ios, .sett_mon_switch .toggle-on.ios, .toggle-off.ios { border-radius: 20px; } .sett_mon_switch .toggle.ios .toggle-handle { border-radius: 20px; } .sett_mon_switch .toggle-group .btn {padding-top: 0;padding-bottom: 0;} /*Unblock Users*/ .set_unbl_usrs {padding: 20px 10px;overflow: hidden;border: 1px solid #f0f0f0;text-align: center;margin-bottom: 30px;border-radius: 6px;} .set_unbl_usrs .avatar {width: 75px;height: 75px;overflow: hidden;margin: auto;} .set_unbl_usrs .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .set_unbl_usrs .user-name {margin-top: 12px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 12px;} .set_unbl_usrs .user-name a {font-size: 16px;text-decoration: none;} .set_unbl_usrs button {box-shadow: none;height: 32px;line-height: 32px;padding: 0 15px;border-radius: 2em;border: 0;} .set_unbl_usrs button svg {display: none;} /*Sessions*/ .as_list {padding: 17px 3px;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.07);} .platform_icon{margin-right: 15px;float: left;width: 43px;height: 43px;display: flex;align-items: center;justify-content: center;} .platform_icon svg{width: 35px;height: 35px;} .log_out_session {float: right;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;border-radius: 50%;margin: 5px 0;border: 0;color: #d9534f;background-color: rgba(217, 83, 79, 0.2);} .log_out_session svg {width: 20px;height: 20px;} .session_info{display: block;margin-right: 50px;font-family: "Lato", sans-serif;} .session_info h4{margin-top: 0;margin-bottom: 4px;font-weight: 600;} .session_info p{margin-bottom: 8px;line-height: 1;} .sett_sess_info span {display: inline-block;} .sett_sess_info span svg {width: 18px;height: 18px;margin-top: -2px;vertical-align: middle;opacity: 0.8;} .sett_sess_info .middot {color: rgba(0, 0, 0, 0.59); margin: 0 6px; font-size: 13px; line-height: 1.1; font-weight: bold;} /*Language Selector*/ .lang_select_modal {text-align: inherit;} .lang_select_modal ul{padding: 0;margin: 0;list-style: none;} .lang_select_modal .language_select {width: 50%;display: inline-block;background: transparent !important;} .lang_select_modal .language_select a {display: block;text-decoration: none;font-weight: 500;font-size: 13px;line-height: 39px;margin: 0 3px;transition: background-color .1s;} .lang_select_modal .language_select:hover {background-color: rgba(0, 0, 0, 0.05) !important;} /*Monetization Form*/ .monetization-request-form .upload-files { width: 100%; overflow: hidden; padding: 15px;} .monetization-request-form .upload-files .image-renderer { width: 100%; overflow: hidden; border: 2px dashed #ccc; height: 160px; cursor: pointer; border-radius: 4px; } .monetization-request-form .upload-files .image-renderer div { width: 100%; overflow: hidden; height: 100%; display: table; } .monetization-request-form .upload-files .image-renderer div span { display: table-cell; vertical-align: middle; text-align: center; } .monetization-request-form .upload-files .image-renderer img { min-height: 100%; width: 100%; } .monetization-request-form .upload-files .image-renderer span svg.feather { width: 40px; height: 40px; color: #ccc; margin: 0; } .monetization-request-form .upload-files h4 { width: 100%; overflow: hidden; color: #333; font-weight: 500; margin: 45px 10px 15px; padding: 0; } .monetization-request-form .upload-files button { padding: 7px 15px; height: auto !important; border-radius: 3px; margin: 0 10px;} /*Copyright Report*/ .pt_rep_copy_vid .report-message-label {font-family: Roboto, sans-serif;font-size: 14px;} .pt_rep_copy_vid .swal2-content textarea {border: 2px solid #e3e4e8;border-radius: 2px;padding-left: 15px;transition: all 0.1s ease-in-out;box-shadow: none;resize: none;margin: 13px 0;} .pt_rep_copy_vid .swal2-content textarea:focus {border-color: #b3b3b3;} .pt_rep_copy_vid .custom-control {font-size: 14px;color: #717171;margin: 20px;} /*Rent Vids*/ .rent_vids {display: flex;align-items: center;margin-bottom: 20px;} .rent_vids .avatar a {display: block;min-width: 230px;width: 230px;height: 0;padding-bottom: 56.25%;position: relative;} .rent_vids .avatar img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 5px;} .rent_vids_side {padding-left: 15px;width: 100%;} .rent_vids_side h3 {margin: 0;font-size: 19px;} .rent_vids_side h3 a {color: #3e3e3e;text-decoration: none;} .rent_vids_side p {font-size: 13px;margin: 4px 0 25px;} .rent_vids_side p a {color: #3e3e3e;text-decoration: none;} .rent_vids_foot {margin-top: 25px;display: flex;width: 100%;} .rent_vids_foot .rent_vid_info_name {position: relative;padding-left: 32px;display: inline-block;width: 33.3333333%;vertical-align: middle;} .rent_vids_foot .rent_vid_info_name svg {position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .rent_vids_foot .rent_vid_title {display: block;text-transform: uppercase;font-size: 13px;opacity: 0.7;font-weight: 500;letter-spacing: 1px;} .rent_vids_foot .rent_vid_desc {display: block;} /*Plsylist Subscribe*/ .pt_plist_hdr {display: flex;align-items: center;justify-content: space-between;} .pt_plist_hdr .next-video {max-width: calc(100% - 120px);} .pt_plist_hdr h4 {margin: 0;color: #f4f4f4;font-size: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pt_plist_hdr .checkbox {display: inline-block;margin: 0 5px;font-size: 13px;vertical-align: middle;} .plist-btn-subscribe, .plist-btn-subscribed {border: 0;box-shadow: none;padding: 8px;border-radius: 50%;line-height: 1;background-color: rgba(255, 255, 255, 0.3);margin: 3px 0;outline: none;} .plist-btn-subscribe svg, .plist-btn-subscribed svg {vertical-align: middle;width: 18px;height: 18px;} .plist-btn-subscribed {background-color: #4CAF50;} /*Create Activity Post*/ .create-post-form {margin-bottom: 50px;} .create-post-form > svg {margin: 0 auto 30px;display: block;width: 70px;height: 70px;} .create-post-form .last-sett-btn {margin: 40px -30px -10px;} /*Channel Activity*/ .pt_chnl_actvty {padding: 15px 15px 5px;} .pt_actv_prnt {margin: auto;width: 100%;max-width: 500px;} .pt_actv_prnt .article-wrapper {padding: 0 30px;} .pt_actv_prnt .article-wrapper:not(:last-child) {border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;} .pt_actv_hdr {display: flex;margin: 30px -6px 12px;} .pt_actv_hdr > div {margin: 0 6px;} .pt_actv_hdr .avatar {width: 42px;min-width: 42px;height: 42px;} .pt_actv_hdr .avatar img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;} .pt_actv_hdr h4 {margin: 4px 0 0;font-size: 15px;} .pt_actv_hdr h4 a {text-decoration: none;color: #252525;} .pt_actv_hdr time {opacity: 0.7;font-size: 13px;margin-top: 3px;display: block;} .pt_actv_thmb {position: relative;border-radius: 7px;overflow: hidden;} .pt_actv_thmb .avatar {position: relative;height: 0;padding-bottom: 125%;width: 100%;display: block;} .pt_actv_thmb .avatar img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;} .pt_actv_thmb .dropdown {position: absolute;top: 8px;right: 8px;z-index: 1;} .pt_actv_thmb .dropdown .dropdown-toggle {background-color: rgba(0, 0, 0, 0.5);color: white;line-height: 1;padding: 6px;display: block;border-radius: 50%;} .pt_actv_thmb .dropdown .dropdown-toggle svg {vertical-align: middle;} .pt_act_likds {margin: 8px -6px 0;} .pt_act_likds > span {margin: 0 6px;cursor: pointer;} .pt_act_likds span svg.feather-thumbs-up.active { color: #4caf50; fill: #cfffd1; } .pt_act_likds svg.feather-thumbs-down.active { color: #f44336; fill: #ffd8d5; } .pt_vew_actv_pst {margin: auto;width: 100%;max-width: 550px;background-color: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 5px;} .pt_vew_actv_pst .pt_actv_hdr {margin: 0px 3px 12px;padding-top: 12px;} .pt_vew_actv_pst > p {padding: 0 12px;} .pt_vew_actv_pst .pt_actv_thmb {border-radius: 0px;} .pt_vew_actv_pst .pt_act_likds {margin: 0;padding: 15px 5px;} .pt_vew_actv_pst .comments-content {background: transparent;box-shadow: none;padding-top: 0;} .pt_vew_actv_pst .comments_header {font-weight: 500;padding-bottom: 8px;} .pt_vew_actv_pst .pt_blogcomm_combo img, .pt_vew_actv_pst .user-comments .main-comment .user-avatar img {width: 40px;height: 40px;border: 0;} .pt_vew_actv_pst .pt_blogcomm_combo textarea {border-radius: 2em;padding: 9px 11px 7px;height: 40px;resize: none;background-color: rgba(0, 0, 0, 0.02);} .pt_vew_actv_pst .pt_blogcomm_combo button {width: 40px;height: 40px;padding: 0 10px;} .pt_vew_actv_pst .user-comments .main-comment .user-avatar {width: 40px;height: 40px;} /*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: 4px;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);min-width: 60px;line-height: 25px;font-size: 12px;font-weight: 500;color: #ffffff;text-align: center;padding: 0 10px;} .end_vdo_call, .start_vdo_call {padding: 0 12px;display: flex;align-items: center;justify-content: center;border-radius: 4px;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);position: absolute;top: 15px;right: 15px;border: 0;line-height: 38px;min-width: 150px;} .end_vdo_call svg, .start_vdo_call svg {width: 18px;height: 18px;margin: -1px 0 0;vertical-align: middle;} #main_live_video {height: 100%;width: 100%;} .live_mic_cam_switch {position: absolute;right: 15px;top: 65px;height: auto !important;} .mic_drop, .cam_drop {display: inline-block;} .mic_drop > .btn, .cam_drop > .btn {background-color: black;border: 0;padding: 7px;line-height: 1;color: white;} .mic_drop .dropdown-menu div, .cam_drop .dropdown-menu div {padding: 5px 12px;color: #1a1a1a;} .wow_liv_comments_feed {position: absolute;z-index: 2;bottom: 0;width: 100%;left: 0;right: 0;background: linear-gradient(rgba(0, 0, 0, 0), black);padding: 120px 15px 10px;} .wow_liv_comments_feed .main-comment .user-name a {color: white;} .wow_liv_comments_feed .main-comment .user-comment {color: #dcdcdc;} .end_video_text {z-index: 9;} /*Points*/ .ep_how_many {padding: 10px 0;display: flex;align-items: center;margin: 0 -8px;} .ep_how_many svg {display: block;background-color: #7a7a7a;width: 50px;height: 50px;border-radius: 50%;padding: 12px;color: white;margin: 0 8px;} .ep_how_many b {margin: 0 8px;font-weight: 500;} /*Sticky Player*/ .sticky-container_sticky .sticky-container__video {height: 247.50px;width: 440px;right: 0;bottom: 0;position: fixed;z-index: 9;} .sticky-container_sticky .sticky-container__video .mejs__video {height: 100% !important;width: 100% !important;} .sticky-container_sticky .sticky-container__video .mejs__video video {height: 100% !important;width: 100% !important;} .sticky-container_in-content .sticky-container__video .sticky-container__object {position: absolute;top:0;left: 0;width: 100%;height: 100%;} .sticky-container_sticky .wow_liv_comments_feed {display: none;} /*Home Articles*/ .pt_homep_articls {padding: 0px;box-shadow: none;margin: 0;background: transparent;} .pt_homep_articls > .row {margin-right: -15px;margin-left: -15px;} .pt_homep_articls .pt_article_h_list {background: transparent;} /*Stock Videos*/ .pt_stock_vid_setts {position: relative;top: auto !important;background-color: #607D8B;border-radius: 3px;margin: 0 0 30px;padding: 20px 0;} .pt_stock_vid_setts .mov_filtr_cont {max-width: 430px;color: #ffffff;} .video-player .icons { top: 40px; } /*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: 992px){ .yp_side_drawer::-webkit-scrollbar, .pt_featured_video .video-player .video-big-title::-webkit-scrollbar {width: 4px;} .yp_side_drawer::-webkit-scrollbar-track, .pt_featured_video .video-player .video-big-title::-webkit-scrollbar-track {border-radius: 10px;background: rgba(0, 0, 0, 0.01);} .yp_side_drawer::-webkit-scrollbar-thumb, .pt_featured_video .video-player .video-big-title::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0, 0, 0, 0.12);} .sett_mon_switch { margin-top: -6px; } } @media (min-width: 1650px){ .watch_full_cont {width: 1480px;} .pt_featured_video .thumbnail_holder {min-height: 530px;max-height: 530px;} .pt_featured_video .video-player .video-title {height: 530px;} .home-page-categories .videos .video-list .video-list-image a, .video-latest-list .video-thumb a {height: 140px;} .home-page-categories .videos .video-list img, .video-latest-list .video-thumb img {min-height: 140px;max-height: 140px;} .home-page-categories .videos .video-list img {min-height: 158px;max-height: 158px;} .home-page-categories .videos .video-list .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;} .pt_featured_video .thumbnail_holder {min-height: 370px;max-height: 370px;} .pt_featured_video .video-player .video-title {height: 370px;} .pt_featured_video .video-player .video-big-title {max-height: 208px;} } @media (max-width: 1360px) { .container {width: 850px;} .pt_featured_video .thumbnail_holder {min-height: 295px;max-height: 295px;} .pt_featured_video .video-player .video-title {height: 295px;} .pt_featured_video .video-player .video-big-title {max-height: 130px;font-size: 18px;} nav.navbar-findcond .search-header input {width: 400px;} .articles-content .pt_article_h_list .video-thumb img {min-height: 200px;max-height: 200px;} .pt_import_vdo #fetch-form {padding: 50px 15px;} .custom_width_import {width: 77%;} } @media (max-width: 1251px) { .container {width: 1056px;} .pt_featured_video .thumbnail_holder {min-height: 370px;max-height: 370px;} .pt_featured_video .video-player .video-title {height: 370px;} .pt_featured_video .video-player .video-big-title {max-height: 208px;font-size: 20px;} .yp_side_menu.has_side_menu{margin-left: 0px;} .yp_side_drawer {left: -300px;z-index: 9999;width: calc(100% - 56px);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.side_open {overflow-y:hidden;} body.side_open .yp_side_drawer {left: 0;} .yp_side_drawer .open_side_menu_head {display: flex;} .yp_side_drawer ul.sections li {height: 48px;} .yp_side_drawer ul.sections li a {color: rgba(0,0,0,.87);padding: 0 16px;font-weight: 500;height: 48px;} .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 ul.sections li.active {padding: 0px 10px;} .yp_side_drawer ul.sections li.active a {background-color: rgba(4, 171, 242, 0.12);border-radius: 4px;padding: 0 6px;} .yp_side_drawer ul.sections li a svg {margin-right: 32px;fill: rgba(0,0,0,.54);} .yp_side_drawer ul.sections h3 {padding: 10px 16px;font-weight: 400;text-transform: none;color: #858585;} .yp_side_drawer.hide_side_menu {left: -300px;} nav.navbar-findcond .search-header input {width: 320px;} nav.navbar-findcond .toggle-mode {display:none;} nav.navbar-findcond .yp_slide_menu {display:block;} .articles-content .pt_article_h_list .video-thumb img {min-height: 220px;max-height: 220px;} .custom_width_import {width: 66.66666667%;} } @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: 1127px) { .container {width: 850px;} .pt_featured_video .thumbnail_holder {min-height: 295px;max-height: 295px;} .pt_featured_video .video-player .video-title {height: 295px;} .pt_featured_video .video-player .video-big-title {max-height: 170px;font-size: 18px;padding-bottom: 0;} nav.navbar-findcond .search-header input {width: 290px;} .pt_featured_video .video-player .video-big-share { display: none;} .pt_footer a {margin: 0px 2px;} .articles-content .pt_article_h_list .video-thumb img {min-height: 190px;max-height: 190px;} .custom_width_import {width: 77%;} } @media (max-width: 1090px){ nav.navbar-findcond ul.navbar-nav a span.hide-in-mobile {display:none;} .hide_mobi_hist {display: none;} } @media (max-width: 992px){ .pt_page_margin {margin-top: 60px;} nav.navbar-findcond .search-header input{width: 260px;} .navbar-default.second-header-layout .navbar-nav > li > a {padding: 6px 10px;} nav.navbar-findcond .search-header input:focus{margin-right:0px;} .hide-in-mobile { display: none !important; } .pt_featured_video .thumbnail_holder{min-height: 450px;max-height: 450px;} .pt_featured_video .thumbnail_holder:before {display:none;} .pt_featured_video .thumbnail_holder img {border-radius: 5px 5px 0 0;} .pt_featured_video .video-player .video-title {border-radius: 0 0 5px 5px;height: auto;} .pt_featured_video .video-player .video-big-title {max-height: none;font-size: 20px;} .video-latest-list .video-thumb img {min-height: 190px;max-height: 190px;} .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;} .video-latest-list .video-thumb a {height: 160px;} .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; } } @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; } .wtch_mv_img img {display: none;} } @media (max-width: 910px) { .container {width: 645px;} .pt_featured_video .thumbnail_holder {min-height: 335px;max-height: 335px;} nav.navbar-findcond .search-header {margin: 10.5px 11px 10.5px 0px;} nav.navbar-findcond .search-header input {width: 260px;} 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;} .pt_footer a {white-space: nowrap;} .articles-content .pt_article_h_list .video-thumb img {min-height: 140px;max-height: 140px;} .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: 110px;} .profile-container .links-container ul li a {padding: 15px 22px;} } @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;} nav.navbar-findcond .search-header input {width: 200px;} } @media (max-width: 768px){ nav.navbar-findcond .pull-right>.navbar-nav{margin: 0;} .pt_vdo_plyr .embed-responsive.stuck {display: none;} .pt_footer .container-fluid {padding: 45px 0 60px;} .pt_footer .col-sm-5, .pt_footer .col-sm-7{text-align:center;} .pt_footer .col-sm-5 {margin-bottom: 15px;} .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 - 106px);} .pt_msg_area {height: calc(100vh - 165px);} .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-bottom: 0;} .settings-sidebar ul li a svg {margin: 0 7px 0 0;} .settings-sidebar ul li {display: inline-block;} .settings-sidebar ul li.active {padding-right: 0px;} .settings-sidebar ul li.active a {border-radius: 0 ;} .article-wrapper .video-thumb a, .pt_history .video-wrapper .video-thumb a, .video-latest-list .video-thumb a, .play-lists 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;} } @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;} .vid_move_filtr {top: 50px;} .pt_movie_margin {margin-top: 300px;} .wtch_mv_main_row {margin: 0;} .wtch_mv_info_main {margin-top: 0px;} } @media (max-width: 735px) { .pt_movie_margin { margin-top: 370px; } .rent_vids { flex-direction: column; } .rent_vids .avatar { width: 100%; } .rent_vids .avatar a { min-width: 100%; width: 100%; } .rent_vids_side { padding: 0; padding-top: 15px; } .pt_stock_vid_setts > form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; } .pt_stock_vid_setts .mov_filtr_cont { max-width: 430px;display: block; } .pt_stock_vid_setts .last-sett-btn { display: block; } } @media (max-width: 705px) { .container {width: 438px;padding: 0;} .pt_featured_video .thumbnail_holder {min-height: 235px;max-height: 235px;} .pt_footer .container-fluid {padding: 45px 15px 60px;} .pt_404>span {font-size: 140px;} .pt_404>span svg {width: 140px;height: 140px;} .user-ads-list-container .col-10 {padding: 0 20px;} .user-comments .main-comment .user-comment {width: 80%;} .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;} .profile-container .pt_chnl_info .subscribe-btn-container {margin: 10px auto 0;} .profile-container .links-container {padding: 10px 0 0;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message {width: 40px;min-width: 40px;height: 40px;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-message svg {width: 21px;height: 21px;} .pt_stock_vid_setts { padding: 20px 15px; } .pt_stock_vid_setts .pt_mv_page_selct_holdr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; margin: 0 -10px; } .pt_stock_vid_setts .pt_mv_page_selct_holdr > div { width: calc(100% - 20px) !important; float: none !important; margin: 15px 10px 0 !important; } } @media (max-width: 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;} .profile-container .links-container ul li { display: inline-block;float: none;} 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_footer a:hover {border: 0;} .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_movie_margin { margin-top: 450px; } } @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 {min-height: 100%;margin-bottom: 0;margin-top: -20px;} .login_page:before, .login_page:after {display: none;} .login-page {min-height: calc(100vh - 56px);border-radius: 0;box-shadow: none;width: 100%;display: flex;align-items: center;} .login-page .login-form {width: 100%;} } @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 .subs-amount{display:none;} .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;} .pt_footer .col-sm-7 > a {margin: 2px 3px;display: inline-block;} .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;} } @media (max-width: 485px){ .container {width: 100%;} .pt_featured_video .thumbnail_holder{min-height: 100%;max-height: 100%;position: relative;display: block;height: 0;padding: 0;padding-bottom: 56.25%;} .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;} header nav.navbar-findcond ul.navbar-nav > 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 .info-container h4 {font-size: 20px;} .profile-container .pt_chnl_info .avatar-container {width: 70px;min-width: 70px;height: 70px;} .profile-container .pt_chnl_info .subscribe-btn-container {margin: 20px 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;} .user-comments .main-comment .user-comment {width: 70%;} .login-page {padding: 30px 17px;} } @media (max-width: 435px) { header nav.navbar-findcond ul.navbar-nav > li.profile-nav > a .caret {display:none;} .pt_featured_video .video-player .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%;} .profile-container .pt_chnl_info .subscribe-btn-container .btn-subscribe, .profile-container .pt_chnl_info .subscribe-btn-container .btn-subscribed {padding: 10px 17px;} } @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; }