/*Basic*/ :root { --main: #be4bdb; --main-hover: #ae3ec9; } body {background: #f7f7f7;font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;overflow-x: hidden; min-height: 100vh;padding-top: 52px;} body.scroll_stop {overflow: hidden;} * {outline: none !important;word-break: break-word;} /*.container {max-width: 1000px; }*/ .container-fluid {padding: 0 15px;} main.container-profile-main {max-width: 100%;width: 100%;padding: 0;} .valign {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .bg-white {background: #fff;} .page-margin {padding: 30px 0;} .main, .verified-color {color: var(--main);} /*Buttons*/ .btn-main {color: #ffffff;background-color: var(--main);} .btn-main:hover, .btn-main:active, .btn-main:focus {color: #ffffff;background-color: var(--main-hover);} .btn-mat {position: relative;user-select: none;outline: 0;border: none;-webkit-tap-highlight-color: transparent;text-decoration: none;text-align: center;min-width: 64px;line-height: 36px;padding: 0 16px;border-radius: 4px;transform: translate3d(0,0,0);transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);font-family: "Roboto",sans-serif;font-size: 14px;font-weight: 500;overflow: hidden;} .btn-mat::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;opacity: 0;transition: opacity 0.2s;} .btn-mat::after {content: "";position: absolute;left: 50%;top: 50%;border-radius: 50%;padding: 50%;width: 32px;height: 32px;background-color: currentColor;opacity: 0;transform: translate(-50%, -50%) scale(1) ;transition: opacity 1s, transform 0.5s;} .btn-mat:active::after {opacity: 0.16;transform: translate(-50%, -50%) scale(0);transition: transform 0s;} .btn-mat svg {width: 17px;height: 17px;margin: -2px 3px 0 0;} .btn-mat-raised {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);} .btn-mat-raised:active {box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);} .btn-info {background-color: #2196F3;color: white;margin-top: 3px;padding: 3px 25px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);border-radius: 2px;font-size: 12px;line-height: 18px;font-weight: 600;font-family: "Helvetica","Lato",sans-serif;transition: color .15s ease-in-out;outline: 0; } .btn-info:focus, .btn-info:hover, .btn-info:active {background-color: #2196F3;outline: 0; } /*Pixel Input*/ .pg_mat_input {position: relative;margin-bottom: 25px;} .pg_mat_input > input, .pg_mat_input > textarea {width: 100%;font-size: 16px;display: block;background: #f5f5f5;box-shadow: none;color: #333;border: 1.5px solid transparent;border-radius: 6px;padding: 20.3px 10px 8.3px;transition: all .15s ease-in-out;} .pg_mat_input > input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #f5f5f5 inset;border-color: #f5f5f5;} .pg_mat_input > input:hover, .pg_mat_input > textarea:hover, .pg_mat_input > select:hover {background: #efefef;} .pg_mat_input > input:focus, .pg_mat_input > textarea:focus, .pg_mat_input > select:focus {border-color: var(--main);background: #fff;} .pg_mat_input label {position: absolute;cursor: text;opacity: 1;transition: all .15s ease-in-out;pointer-events: none;font-weight: 500;top: 6px;left: 10px;font-size: 12px;color: var(--main);user-select: none;margin: 0;} .pg_mat_input > input::placeholder, .pg_mat_input > textarea::placeholder {opacity: 0;} .pg_mat_input > input:placeholder-shown:not(:focus) + label, .pg_mat_input > textarea:placeholder-shown:not(:focus) + label {top: 16px;font-size: 16px;color: rgba(0,0,0,0.38);left: 15px;} .pg_mat_input > textarea {resize: none;} .pg_mat_input > select {width: 100%;font-size: 16px;display: block;background: #f5f5f5;box-shadow: none;color: #333;border: 1.5px solid transparent;border-radius: 6px;padding: 0 8px;transition: all .15s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 54.3px;} .pg_mat_input > select, .pg_mat_input > select:hover, .pg_mat_input > select:focus, .pg_mat_input > select:active {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23444' d='M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z' /%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right center;} .pg_mat_input > select.pg_select_has_label {padding: 22.5px 8px 7.7px;line-height: 23px;} /*Switch*/ .pg_mat_switch {margin-bottom: 20px;} .pg_mat_switch label {display: flex;align-items: center;width: 100%;justify-content: space-between;font-size: 13px;color: #3d3d3d;cursor: pointer;} .pg_mat_switch label input {opacity: 0;width: 0;height: 0;} .pg_mat_switch label .lever {display: inline-block;position: relative;border-radius: 15px;margin-right: 10px;vertical-align: middle;margin: 0 16px;width: 44px;height: 24px;background-color: #bbb;} .pg_mat_switch label .lever:before, .pg_mat_switch label .lever:after {content: "";position: absolute;display: inline-block;width: 20px;height: 20px;border-radius: 50%;transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;top: 50%;transform: translateY(-50%);left: 2px;} .pg_mat_switch label .lever:after, .pg_mat_switch label input:checked+.lever:after {background-color: #ffffff;box-shadow: none;} .pg_mat_switch label .lever:hover::after, .pg_mat_switch label input:checked+.lever:hover::after {box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.55);} .pg_mat_switch label input:checked+.lever {background: linear-gradient(45deg, #f38eff, var(--main));} .pg_mat_switch label input:checked+.lever:before, .pg_mat_switch label input:checked+.lever:after {left: 21px;} /*Header Navbar*/ .navbar-fixed-top {position: fixed;left: 0px;top: 0px;height: 52px;width: 100%;z-index: 1000;background: #fff;border: none;margin: 0;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);font-family: "Roboto", sans-serif;transition: all 0.2s ease-in-out;} .navbar-fixed-top .pg_navbar_innr {position: relative;height: 52px;} .navbar-fixed-top .pg_navbar_innr .navbar-nav {-webkit-box-flex: 1;-webkit-flex: 1 0 0%;-ms-flex: 1 0 0%;flex: 1 0 0%;} .navbar-fixed-top .pg_navbar_innr .middle_nav {justify-content: center;} .navbar-fixed-top .pg_navbar_innr .last_nav {justify-content: flex-end;} .navbar-fixed-top .navbar-nav li.logo {margin-right: 30px;height: 52px;display: flex;align-items: center; } .navbar-fixed-top .navbar-nav li.logo a {padding: 0;max-width: 135px;max-height: 33.75px;position: relative;} .navbar-fixed-top .navbar-nav li.logo a img {max-width: 135px;max-height: 33.75px;display: block;pointer-events: none;user-select: none;} .navbar-fixed-top .navbar-nav li.logo a img.icon {display: none;} .navbar-fixed-top .navbar-nav {float: none;margin: 0; } .navbar-fixed-top .navbar-nav > li {margin: 0 2px; } .navbar-fixed-top form.navbar-search {position: relative;margin: 8.5px 15px;width: 450px;} .navbar-fixed-top form.navbar-search .input input {background-color: #f2f1f2;border-radius: 8px;border: 0px;color: #14171a;height: 35px;transition: all .15s;box-shadow: none;} .navbar-fixed-top form.navbar-search .input input:focus {box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);background-color: white;} .navbar-fixed-top form.navbar-search .input input.srch_brdr {border-radius: 8px 8px 0 0;box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0), 0 1px 3px 1px rgba(60, 64, 67, .15);} .navbar-fixed-top form.navbar-search > span {display: none;} .navbar-fixed-top form.navbar-search .search-result {position: absolute;top: 36px;width: 100%;padding: 6px 0px;max-height: 300px;overflow-y: auto;overflow-x: hidden;background: #fff;border-radius: 0px 0px 5px 5px;box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 4px 4px 0px rgba(60, 64, 67, 0.12); } .navbar-fixed-top form.navbar-search .search-result:empty {display: none !important; } .navbar-fixed-top form.navbar-search .search-result .search-result--item {width: 100%;overflow: hidden;margin: 0;padding: 0 0 3.3px;} .navbar-fixed-top form.navbar-search .search-result .search-result--item a{text-decoration: none;padding: 8px 13px;transition: all .1s ease;} .navbar-fixed-top form.navbar-search .search-result .search-result--item a:hover{background-color: rgba(0, 0, 0, 0.05);} .navbar-fixed-top form.navbar-search .search-result .search-result--item .avatar, .navbar-fixed-top form.navbar-search .search-result .search-result--item .hashtag {width: 42px;height: 42px;overflow: hidden;float: left;border-radius: 50%;text-align: center;background-color: #eeeeee;} .navbar-fixed-top form.navbar-search .search-result .search-result--item .hashtag svg {margin: 9.5px 0px;color: #2d2d2d;} .navbar-fixed-top form.navbar-search .search-result .search-result--item .user-info {margin-left: 50px;color: #262626;} .navbar-fixed-top form.navbar-search .search-result .search-result--item .user-info h5 {margin: 2px 0 5px;padding: 0;font-size: 15px;} .navbar-fixed-top form.navbar-search .search-result .search-result--item .user-info span {font-size: 14px;line-height: 18px;color: #999;display: block;} .navbar-fixed-top .navbar-nav li.active a, .navbar-fixed-top .navbar-nav li.active a:focus, .navbar-fixed-top .navbar-nav li div.notifications-list.open > span > svg, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .pg_scnd_nav .active a, .pg_scnd_nav .active a:hover, .pg_scnd_nav .active a:focus {background: none;color: var(--main);} .navbar-fixed-top .navbar-nav > li > a, .navbar-fixed-top .navbar-nav li div.notifications-list {color: #66757f;padding: 14.5px 13px;/* cursor:pointer */} .navbar-fixed-top .navbar-nav li div.notifications-list {padding: 0 13px;height: 52px;} .navbar-fixed-top .navbar-nav li div.notifications-list:hover{color: #333333;} .navbar-fixed-top .navbar-nav li div.notifications-list > .pointer {padding: 14.5px 0;display: block;line-height: 0;} .navbar-fixed-top .navbar-nav li a svg, .navbar-fixed-top .navbar-nav li div.notifications-list .dropdown-toggle svg {width: 22px;height: 22px;margin: 0;} .navbar-fixed-top .navbar-nav li a svg .active_path, .navbar-fixed-top .navbar-nav li div.notifications-list svg .active_path, .navbar-fixed-top .navbar-nav li.active a svg path, .navbar-fixed-top .navbar-nav li div.notifications-list.open > span > svg path, .pg_scnd_nav a svg .active_path, .pg_scnd_nav .active a svg path {display: none;} .navbar-fixed-top .navbar-nav li.active a svg .active_path, .navbar-fixed-top .navbar-nav li div.notifications-list.open > span > svg .active_path, .pg_scnd_nav .active a svg .active_path {display: block;} .navbar-fixed-top .navbar-nav li #get-notifications, .navbar-fixed-top .navbar-nav li a._messages {position: relative; } .navbar-fixed-top .navbar-nav li #get-follow-requests small,.navbar-fixed-top .navbar-nav li #get-notifications small, .navbar-fixed-top .navbar-nav li a._messages #new__messages, .pg_scnd_nav a .badge {position: absolute;top: 6px;right: 6px;background: #607D8B;width: 16px;height: 16px;padding: 0px;font-size: 9px;font-weight: 500;line-height: 16px;} .navbar-fixed-top .navbar-nav li #get-follow-requests small:empty,.navbar-fixed-top .navbar-nav li #get-notifications small:empty, .navbar-fixed-top .navbar-nav li a._messages #new__messages:empty, .pg_scnd_nav a .badge:empty {display: none; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu {width: auto;padding: 0;top: 52px;margin: 0;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu div.header {width: 100%;color: #262626;padding: 7px 10px;border-bottom: 1px solid #eaeaea;justify-content: space-between;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu div.header a {line-height: 1;padding: 0px;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu div.header a svg {width: 18px;height: 18px;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu ul {width: 100%;padding: 0px;margin: 0px;min-width: 400px;max-width: 500px;max-height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li {width: 100%;overflow: hidden;border-bottom: 1px solid #efefef;display: block; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li:last-child {border-bottom: none; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li a {display: block;overflow: hidden;width: 100%;padding: 0px;text-decoration: none; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li a:hover{background-color: rgba(0, 0, 0, 0.02);} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item {display: -webkit-flex;display: flex;padding: 14px 11px;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item .notifier__avatar {width: 35px;min-width: 35px;height: 35px; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item .notifier__avatar img {width: 100%;height: 100%;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item .notif__body {margin-left: 13px; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item .notif__body .notif__text strong {color: #262626;font-weight: 500; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item .notif__body .notif__text span {color: #262626; } .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item .notif__body time {font-weight: 300;font-size: 13px;color: #999;display: block;width: 100%;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item.request-list-item .request-opts {margin-left: auto;min-width: 80px;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item.request-list-item .request-opts .btn, .settings_page_requests .request-opts .btn {padding: 0;width: 35px;height: 35px;border-radius: 50%;border: 0;margin: 1px;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item.request-list-item .request-opts .btn.accept_req, .settings_page_requests .request-opts .btn.accept_req {color: #4CAF50;background-color: rgba(76, 175, 80, 0.15);} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu li .notifications-list-item.request-list-item .request-opts .btn.decline_req, .settings_page_requests .request-opts .btn.decline_req {color: #607D8B;background-color: rgba(96, 125, 139, 0.15);} .navbar-fixed-top .navbar-nav li div.notifications-list div.preloader {min-width: 400px;max-width: 500px;text-align: center;padding: 80px 0px;} .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .dropdown-toggle {cursor: pointer;line-height: 35px;font-weight: 500;} .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .dropdown-toggle span {max-width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;} .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .dropdown-toggle img {width: 35px;height: 35px;object-fit: cover;margin: -2px 0 0 3px;} .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .mode_button {display: flex;justify-content: space-between;} .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .mode_button svg {width: 18px;height: 18px;opacity: 0.7;} .nav .pg_srch_mobi {display: none;} .pg_scnd_nav {position: fixed;left: 0;bottom: 0;right: 0;height: 45px;width: 100%;z-index: 1000;background: #fff;justify-content: space-around;transition: transform 175ms cubic-bezier(0.4, 0.0, 0.2, 1);transform: translateY(50px);} .pg_scnd_nav:before {content: '';background: rgba(0,0,0,.0975);height: 1px;left: 0;position: absolute;right: 0;top: -1px;} .pg_scnd_nav a {color: #66757f;display: block;padding: 10.5px 10px;text-decoration: none;position: relative;} .pg_scnd_nav a:hover {color: #333333;} .pg_scnd_nav .pg_scnd_nav_pub {display: none;transition: transform 175ms cubic-bezier(0.4, 0.0, 0.2, 1);} .pg_scnd_nav a .badge {background: var(--main);} /*Search Skeleton*/ .pg_srch_empty {width: 250px;height: 60px;padding: 0 5px;} .pg_srch_empty .avatar {float: left;width: 42px;height: 42px;background-color: #ccc;border-radius: 50%;margin: 8px;background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);background-size: 600px;animation: shine-avatar 1.6s infinite linear;} .pg_srch_empty .line {float: left;width: 140px;height: 12px;margin-top: 12px;border-radius: 7px;background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);background-size: 600px;animation: shine-lines 1.6s infinite linear;} .pg_srch_empty .avatar + .line {margin-top: 11px;width: 100px;} @keyframes shine-lines { 0% {background-position: -100px;} 40%, 100% {background-position: 140px;} } @keyframes shine-avatar { 0% {background-position: -32px;} 40%, 100% {background-position: 208px;} } /*Spinner*/ .pg_spin {height: 64px;width: 64px;animation: svg_rotate 2s linear infinite;} .pg_spin_path {stroke-dasharray: 1,150;stroke-dashoffset: 0;stroke: var(--main);stroke-linecap: round;animation: svg_dash 1.5s ease-in-out infinite;} @keyframes svg_rotate { 100% {transform: rotate(360deg);} } @keyframes svg_dash { 0% {stroke-dasharray: 1,150;stroke-dashoffset: 0;} 50% {stroke-dasharray: 90,150;stroke-dashoffset: -35;} 100% {stroke-dasharray: 90,150;stroke-dashoffset: -124;} } .include {width: 100%;overflow: hidden;display: block; } .nav-up {top: -52px; } .fluid {width: 100%;display: block; } .img-res {width: 100%;min-height: 100%; } .clear {clear: both; } .pointer, .scroll__up {cursor: pointer !important;padding-top: 13px;padding-bottom: 13px;/* padding-left: 5px; *//* padding-right: 5px; */} /*Dropdown*/ .dropdown-menu {border-radius: 5px;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);padding: 6px 0;transform: scale3d(.8,.8,1);transform-origin: left top;display: block;opacity: 0;visibility: hidden;border: 0;font-family: "Roboto", sans-serif;} .dropdown-menu.pull-right, .pull-right > .dropdown-menu {transform-origin: right top;} .open>.dropdown-menu {transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;transform: scale3d(1,1,1);opacity: 1;visibility: visible;} .dropdown-menu > li > a {padding: 0 16px;line-height: 38px;} .dropdown-menu .divider {margin: 6px 0;} /*Stories*/ .pg_stories {align-items: normal;overflow-x: auto;margin: 0px -10px 30px;padding-top: 25px;} .pg_stories .item {overflow: hidden;position: relative;padding: 0 10px 10px;min-width: 120px;width: 120px;} .pg_stories .item .wrapper {position: relative;overflow: hidden;width: 80px;height: 80px;margin: auto;} .pg_stories .item .wrapper img {border: 1px solid #bec2c9;padding: 3px;width: 80px;height: 80px;cursor: pointer;} .pg_stories .item .wrapper.active img{border-color: var(--main); } .pg_stories .item .wrapper.anim_border:after{content: '';position: absolute;z-index: 1;width: 80px;height: 80px;top: 0px;left: 0px;border-radius: 100%;border: 2px dashed var(--main);-webkit-animation: spin-border 5s infinite linear;animation: spin-border 5s infinite linear;} .pg_stories .item .wrapper.anim_border img{border-color:#fff;} @-webkit-keyframes spin-border {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}} @keyframes spin-border {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}} .pg_stories .item .caption {width: 100%;text-align: center;max-width: 110px;cursor: pointer;} .pg_stories .item .caption p {font-size: 15px;color: #6a6a6a;font-weight: 500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 8px 0 -3px;} .pg_stories .item .caption time {color: #90949c;font-size: 12px;} .pg_stories .item .recent-stroires {position: absolute;right: 0px;top: 0px;background-color: var(--main);width: 20px;height: 20px;padding: 3.5px 0px;font-size: 11px;font-weight: normal;} .pg_stories .item.add_story .wrapper img {border: 0;padding: 0;} .pg_stories .item.add_story .wrapper span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;color: #fff;z-index: 9;justify-content: center;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;cursor: pointer;} /*Title*/ .pg_widget_title {justify-content: space-between;font-family: "Roboto",sans-serif;margin: 0 0 15px;} .pg_widget_title h5 {color: #565656;line-height: 18px;font-size: 15px;font-weight: 500;margin: 0;} .pg_widget_title a {color: #3897f0;text-decoration: none;transition: all 0.2s ease;} .pg_widget_title a:hover {color: #262626;} /*HomePage*/ .home-page-container {margin-top: 15px; } .pg_home_post_cont .pg_folw_sugg_carousel .item {width: 120px;} .home-posts-container {margin: 0 0 30px;} .home-posts-container .timeline-posts {width: 100%;margin-bottom: 30px;/*overflow: hidden;*/position: relative;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;padding: 18px;} .home-posts-container .timeline-posts .post-images {width: 100%;overflow: hidden;border-radius: 8px;background-color: #f8f7f8;} .home-posts-container .timeline-posts .post-images img.img-res {max-height: 700px;object-fit: cover;} .home-posts-container .timeline-posts .post-images .lightgallery-item {width: 100%;overflow: hidden;display: block;padding: 0;margin: 0; } .home-posts-container .timeline-posts .post-images .lightgallery-item.active {background-position: center;background-size: cover;background-repeat: no-repeat;min-height: 500px;height: auto;display: flex;position: relative;text-decoration: none;justify-content: flex-end;} .home-posts-container .timeline-posts .post-images .lightgallery-item.active svg {color: #ffffff;width: 25px;height: 25px;transform: rotateY(-180deg);-webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));margin: 15px;} .home-posts-container .timeline-posts .post-video, .home-posts-container .timeline-posts .post-video .video-js {width: 100%;overflow: hidden; position: relative;border-radius: 8px;} .home-posts-container .timeline-posts .post-video .video-js video {width: 100%;height: 100%;cursor: pointer; } .home-posts-container .timeline-posts .header {padding: 0 0 18px;font-family: "Roboto", sans-serif;justify-content: space-between;} .home-posts-container .timeline-posts .header img {width: 40px;height: 40px;} .home-posts-container .timeline-posts .header .publisher-name > div {padding-left: 10px;} .home-posts-container .timeline-posts .header .publisher-name p {margin: 0;line-height: normal;} .home-posts-container .timeline-posts .header .publisher-name p a {color: rgba(0,0,0,0.87);font-weight: 500;text-decoration: none;vertical-align: middle;font-family: "Roboto", sans-serif; } .home-posts-container .timeline-posts .header .publisher-name p a svg {width: 16px;height: 16px;margin-top: -1px;} .home-posts-container .timeline-posts .header time {color: #8a8a8a;font-size: 12px;} .home-posts-container .timeline-posts .header time a {text-decoration:none;color: #8a8a8a;} .home-posts-container .timeline-posts .timeline-posts_ads_name .sponsored {color: #f83c00;} .home-posts-container .timeline-posts .header .dropdown {z-index: 9;margin-right: -6px;} .home-posts-container .timeline-posts .header .dropdown .dropdown-toggle, .user-profile-page-content .user-heading .user-info .uname .dropdown .dropdown-toggle {padding: 6px;transition: all 0.2s ease;color: #676767;cursor: pointer;display: block;border-radius: 50%;} .home-posts-container .timeline-posts .header .dropdown.open .dropdown-toggle, .user-profile-page-content .user-heading .user-info .uname .dropdown.open .dropdown-toggle {background-color: rgba(0, 0, 0, 0.06);} .home-posts-container .timeline-posts .header .dropdown .dropdown-menu, .user-profile-page-content .user-heading .user-info .uname .dropdown .dropdown-menu {background-color: #1e2321;} .home-posts-container .timeline-posts .header .dropdown .dropdown-menu > li > a, .user-profile-page-content .user-heading .user-info .uname .dropdown .dropdown-menu > li > a {color: #e0e0e0;} .home-posts-container .timeline-posts .header .dropdown .dropdown-menu > li > a:hover, .home-posts-container .timeline-posts .header div.dropdown .dropdown-menu > li > a:focus, .user-profile-page-content .user-heading .user-info .uname .dropdown .dropdown-menu > li > a:hover, .user-profile-page-content .user-heading .user-info .uname .dropdown .dropdown-menu > li > a:focus {color: #fff;background-color: rgba(255, 255, 255, 0.07);} .home-posts-container .timeline-posts .post-embed-frame {background: #000;border-radius: 8px;width: 100%;overflow: hidden;} .home-posts-container .timeline-posts .actions {padding: 20px 0px;margin: 0 -14px;} .home-posts-container .timeline-posts .actions .pst_sve {margin-left: auto;} .home-posts-container .timeline-posts .actions .pst_shr {margin-left: -14px;} .home-posts-container .timeline-posts .actions > div {padding: 0 14px;} .home-posts-container .timeline-posts .actions > div > span, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes > div > span, .post-data-container .post-data-inner .comment-box .votes > div > span {cursor: pointer;display: block;padding: 9px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.06);color: #616770;} .home-posts-container .timeline-posts .actions span svg, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span svg, .post-data-container .post-data-inner .comment-box .votes span svg {width: 22px;height: 22px;} .home-posts-container .timeline-posts .actions span.like-post.active, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.like-icon.active, .post-data-container .post-data-inner .comment-box .votes span.like-post.active {color: #f2447f;background: rgba(242, 68, 127, 0.1);} .home-posts-container .timeline-posts .actions > div > div, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes > div > div, .post-data-container .post-data-inner .comment-box .votes > div > div {margin-left: 6px;font-size: 18px;line-height: 1;cursor: pointer;font-weight: 500;user-select: none;} .home-posts-container .timeline-posts .actions span.save-post.active, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.save-post.active {color: #FF9800;background-color: rgba(255, 152, 0, 0.1);} .home-posts-container .timeline-posts .actions span.like-post, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.like-icon, .post-data-container .post-data-inner .comment-box .votes span.like-post {position: relative;} .home-posts-container .timeline-posts .actions span.like-post:after, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.like-icon:after, .post-data-container .post-data-inner .comment-box .votes span.like-post:after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;content: '';} .home-posts-container .timeline-posts .actions span.like-post:after, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.like-icon:after, .post-data-container .post-data-inner .comment-box .votes span.like-post:after {margin: -0.1875rem;width: 0.375rem;height: 0.375rem;box-shadow: 0.32476rem -2.6875rem 0 -0.1875rem #ff8080, -0.32476rem -2.3125rem 0 -0.1875rem #ffed80, 2.30366rem -1.42172rem 0 -0.1875rem #ffed80, 1.6055rem -1.69573rem 0 -0.1875rem #a4ff80, 2.54785rem 0.91464rem 0 -0.1875rem #a4ff80, 2.32679rem 0.19796rem 0 -0.1875rem #80ffc8, 0.87346rem 2.56226rem 0 -0.1875rem #80ffc8, 1.29595rem 1.94258rem 0 -0.1875rem #80c8ff, -1.45866rem 2.28045rem 0 -0.1875rem #80c8ff, -0.71076rem 2.2244rem 0 -0.1875rem #a480ff, -2.69238rem 0.28141rem 0 -0.1875rem #a480ff, -2.18226rem 0.8312rem 0 -0.1875rem #ff80ed, -1.89869rem -1.92954rem 0 -0.1875rem #ff80ed, -2.01047rem -1.18791rem 0 -0.1875rem #ff8080;} .home-posts-container .timeline-posts .actions span.like-post.active:after, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.like-icon.active:after, .post-data-container .post-data-inner .comment-box .votes span.like-post.active:after {will-change: opacity, box-shadow;animation: sparkles 700ms ease-in-out;} @keyframes sparkles { 0%, 10% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} 15% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;} } @keyframes pulse { from {-webkit-transform: scale(1);transform: scale(1);} 50% {-webkit-transform: scale(1.5);transform: scale(1.5);} to {-webkit-transform: scale(1);transform: scale(1);} } .home-posts-container .timeline-posts .actions span.like-post.active svg, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes span.like-icon.active svg {animation: pulse 1s;} .home-posts-container .timeline-posts div.caption {padding: 0 0 18px;margin-top: -5px;font-size: 15px;line-height: 22px;} .home-posts-container .timeline-posts div.caption:empty, .home-posts-container .timeline-posts-ads div.caption:empty {padding: 0px;margin: 0;} .home-posts-container .timeline-posts div.caption a.hashtag, .home-posts-container .timeline-posts div.caption a.mention {color: #2196F3;} .home-posts-container .timeline-posts-ads div.caption {padding: 15px 0 0;margin: 0;} .home-posts-container .timeline-posts .comments-area {width: 100%;/*overflow: hidden;*/} .home-posts-container .timeline-posts .comments-area .post-comments-list {padding: 0;margin: 0px;list-style: none;font-family: "Roboto",sans-serif; } .home-posts-container .timeline-posts .comments-area .post-comments-list.hidd {display: none;} .home-posts-container .timeline-posts .comments-area .post-comments-list:empty {padding: 0px; } .home-posts-container .timeline-posts .comments-area .post-comments-list li, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li {width: 100%;padding: 2px 45px 1px 0px;position: relative;font-size: 15px;} .home-posts-container .timeline-posts .comments-area .post-comments-list li .user-avatar, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li .user-avatar, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li .user-avatar {display: inline-block;float: left;} .home-posts-container .timeline-posts .comments-area .post-comments-list li .user-avatar img, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li .user-avatar img, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li .user-avatar img {width: 30px;height: 30px;} .home-posts-container .timeline-posts .comments-area .post-comments-list li .pp_com_body, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li .pp_com_body, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li .pp_com_body {margin-left: 38px;} .home-posts-container .timeline-posts .comments-area .post-comments-list li .pp_com_body span, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li .pp_com_body span, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li .pp_com_body span {display: block;color: #777777;} .home-posts-container .timeline-posts .comments-area .post-comments-list li strong, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li strong, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li strong {color: #262626;font-weight: 500;} .home-posts-container .timeline-posts .comments-area .post-comments-list li strong a, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li strong a, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li strong a {font-weight: 500;text-decoration: none;color: #262626;} .home-posts-container .timeline-posts .comments-area .post-comments-list li .delcomment, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li .delcomment, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li .delcomment {color: #989898;cursor: pointer;position: absolute;right: 24px;top: 5px;line-height: 1;} .home-posts-container .timeline-posts .comments-area .add-comment, .light__box .post-data .posts-votes .posts-votes-inner .comments .add-comment, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment {/*overflow: hidden;*/position: relative;background: rgba(0, 0, 0, 0.06);border-radius: 2em;font-family: "Roboto",sans-serif;padding: 4px;} .home-posts-container .timeline-posts .comments-area .add-comment > .fluid {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;justify-content: space-between;} .home-posts-container .timeline-posts .comments-area .add-comment .form-group {width: 100%;} .btn-post-comment-send {width: 34px;height: 34px;border: 0;border-radius: 50%;padding: 0;color: #ffffff !important;background-color: #cd6ce5;flex: 0 0 auto;} .btn-post-comment-send svg {width: 16px;height: auto;margin: 0 0 0 -2px;} .home-posts-container .timeline-posts .comments-area .add-comment .user-avatar {display: inline-block;float: left; } .home-posts-container .timeline-posts .comments-area .add-comment .user-avatar img {width: 30px;height: 30px;} .home-posts-container .timeline-posts .comments-area .add-comment .form-group, .light__box .post-data .posts-votes .posts-votes-inner .comments .add-comment .form-group, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment .form-group {/*margin-left: 26px;*/margin-bottom: 0; } .home-posts-container .timeline-posts .comments-area .add-comment .form-group input, .light__box .post-data .posts-votes .posts-votes-inner .comments .add-comment .form-group input, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment .form-group input {border: none;box-shadow: none;padding-top: 5px;height: 30px;background: transparent;} .home-posts-container .timeline-posts .comments-area .add-comment .form-group .emojionearea.emojionearea-inline, .light__box .post-data .posts-votes .posts-votes-inner .comments .add-comment .form-group .emojionearea.emojionearea-inline, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment .form-group .emojionearea.emojionearea-inline {border: none;box-shadow: none;background: transparent;height: 30px;} .home-posts-container .timeline-posts .comments-area .add-comment .form-group .emojionearea .emojionearea-editor:empty:before, .light__box .post-data .posts-votes .posts-votes-inner .comments .add-comment .form-group .emojionearea .emojionearea-editor:empty:before, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment .form-group .emojionearea .emojionearea-editor:empty:before {color: #a0a0a0;} .home-posts-container .timeline-posts .comments-area .add-comment .commenting-overlay, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input .commenting-overlay, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment .commenting-overlay, .post-data-container .post-data-inner .comment-box .text-input .commenting-overlay {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #fff;text-align: center;opacity: 0.6; } .home-posts-container .timeline-posts .comments-area .add-comment .commenting-overlay #pp_loader, .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input .commenting-overlay #pp_loader, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment .commenting-overlay #pp_loader, .post-data-container .post-data-inner .comment-box .text-input .commenting-overlay #pp_loader {display: block;float: none;padding: 9.9px; } .home-posts-container .timeline-posts .comments-area .post-comments-list li.load-comments {padding: 0px 0px 15px;margin: -5px 0px 0px;} .home-posts-container .timeline-posts .comments-area .post-comments-list li.load-comments button {padding: 1px;color: #999;font-size: 12px;background: #fff;border: 0;outline: 0;font-weight: 500;font-family: "Roboto", sans-serif;transition: all 0.2s ease } .home-posts-container .timeline-posts .comments-area .post-comments-list li.load-comments button[disabled] {cursor: wait; } .home-posts-container .timeline-posts .comments-area .post-comments-list li.load-comments button:hover {color: #262626; } .home-page-container .posts__loader {width: 100%;overflow: hidden;text-align: center;margin-bottom: 30px; } .home-page-container .posts__loader #pp_loader {display: block;float: none; } .home-page-container .posts__loader #pp_loader .speeding_wheel{width: 24px;height: 24px;} .home-sidebar-right {width: 100%;position: sticky;top: 67px;} .home-sidebar-right .featured-posts, .home-sidebar-right .stories {width: 100%;overflow: hidden;margin-bottom: 20px;border-radius: 7px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);background-color: white; } .home-sidebar-right .featured-posts h5, .home-sidebar-right .stories h5 {padding: 10px;margin: 0px;overflow: hidden;} .home-sidebar-right .featured-posts .list, .home-sidebar-right .stories .list {padding: 10px;} .home-sidebar-right .featured-posts .list, .home-sidebar-right .stories.pro_usr .list {padding: 0px 5px 6px;} .home-sidebar-right .featured-posts .list .item, .home-sidebar-right .stories.pro_usr .list .item {width: 50%;overflow: hidden;float: left;padding: 6px;} .home-sidebar-right .featured-posts .list .item a {overflow: hidden;text-decoration: none;position: relative;padding-bottom: 100%;border-radius: 7px;} .home-sidebar-right .featured-posts .list .item .thumb {width: 100%;height: 100%;overflow: hidden;background-size: cover;background-position: center;border-radius: 7px;position: absolute;top: 0;bottom: 0;right: 0;left: 0;} .home-sidebar-right .featured-posts .list .item .caption {position: absolute;left: 0;right: 0;bottom: -20px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));border-radius: 0 0 7px 7px;padding: 25px 7px 7px;font-family: "Roboto",sans-serif;transition: all 0.15s ease-in-out;} .home-sidebar-right .featured-posts .list .item a:hover .caption {bottom: 0;} .home-sidebar-right .featured-posts .list .item .caption h6 {margin: 0;font-size: 14px;color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal;} .home-sidebar-right .featured-posts .list .item .caption time {color: rgba(255, 255, 255, 0.9);font-size: 11px;margin: 3px 0 0;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .home-sidebar-right .stories.pro_usr .list {overflow: hidden;} .home-sidebar-right .stories.pro_usr .list .item {width: 33.3333333%;} .home-sidebar-right .stories.pro_usr .pro_usr_innr {padding: 15px 5px 10px;text-align: center;border-radius: 10px;font-family: "Roboto", sans-serif;transition: all 0.2s;box-shadow: 0 0 0 1px #e8e8e8;cursor: auto;} .home-sidebar-right .stories.pro_usr .pro_usr_innr:hover {box-shadow: 0 2px 9px rgba(0, 0, 0, 0.08);} .home-sidebar-right .stories.pro_usr .pro_usr_innr .wrapper img {border-radius: 50%;width: 70px;height: 70px;margin-bottom: 10px;object-fit: cover;} .home-sidebar-right .stories.pro_usr .pro_usr_innr .caption a {text-decoration: none;color: #4a4a4a;font-weight: 500;display: inline-block;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;} .home-sidebar-right .stories.raise_money .list {padding-top: 0;margin-top: -5px;max-height: 300px;overflow-y: auto;} .home-sidebar-right .stories.raise_money h5 .btn {text-decoration: none;border: 0;padding: 0;font-size: 13px;} .home-sidebar-right .stories.activities {position: relative;} .home-sidebar-right .stories.activities .reload_icon {cursor: pointer;color: #959595;margin: -2px 0;} .home-sidebar-right .stories.activities .list {padding-top: 0;font-family: "Roboto", sans-serif;margin-top: -5px;max-height: 300px;overflow-y: auto;} .home-sidebar-right .stories.activities .list .item {cursor: auto;border-bottom: 1px solid #f1f1f1;padding: 8px 0;} .home-sidebar-right .stories.activities .list .item:last-child {margin:0;padding-bottom:0;border:0;} .home-sidebar-right .stories.activities .list .item .wrapper_ img {width: 30px;min-width: 30px;height: 30px;object-fit: cover;margin-right: 10px;} .home-sidebar-right .stories.activities .list .item .caption_ div {font-size: 13px;color: #626262;} .home-sidebar-right .stories.activities .list .item .caption_ a {color: #272727;font-weight: 500;} .home-sidebar-right .stories.activities .list .item .caption_ time {font-size: 12px;opacity: 0.7;display: block;} .home-sidebar-right .footer__container, .home-sidebar-right .footer__container .footer{padding-top:4px;} /*Settings Page*/ .pg_sett_row {display: -ms-flexbox;display: flex;padding-top: 20px;} .pg_sett_row > .col-md-4 {-ms-flex-order: 2;order: 2;float: none;} .pg_sett_row > .col-md-8 {-ms-flex-order: 1;order: 1;float: none;padding-right: 5px;} .pg_sett_row > .col-md-8 > .pg_page > div {font-family: 'Roboto', sans-serif;} .sett_navbar {margin:0 0 20px;padding: 10px 0;font-family: 'Roboto', sans-serif;} .sett_navbar hr {margin: 10px 0;} .sett_navbar li a {color: #545454;text-decoration: none;display: block;padding: 7px 17px;display: flex;align-items: center;} .sett_navbar li a span {position: relative;width: 28px;height: 28px;margin: 0px 15px 0px 0px;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .sett_navbar li a span:before {content: '';position: absolute;background-color: currentColor;width: 28px;height: 28px;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;border-radius: 50%;opacity: .12;pointer-events: none;} .sett_navbar li.sett a span {color: #5F98FD;} .sett_navbar li.prof a span {color: #FE7676;} .sett_navbar li.noti a span {color: #4caf50;} .sett_navbar li.folreq a span {color: #673ab7;} .sett_navbar li.pass a span {color: #FE6720;} .sett_navbar li.priv a span {color: #9c27b0;} .sett_navbar li.sess a span {color: #2196F3;} .sett_navbar li.blok a span {color: #FF9800;} .sett_navbar li.busi a span {color: #4caf50;} .sett_navbar li.affiliates a span {color: #e91e63;} .sett_navbar li.withdraw a span {color: #607D8B;} .sett_navbar li.delt a span {color: #f44336;} .sett_navbar li a span svg {width: 17px;height: 17px;} .sett_navbar li a:hover {color: #000;} .sett_navbar li.active a {background-color: rgba(190, 75, 219, 0.03);color: black;box-shadow: inset 2.5px 0px var(--main);font-weight: 500;} .user_sttng_panel_hd {font-weight: 400;font-size: 28px;text-align: center;margin: 5px 0 40px;} .user_sttng_panel_sb {text-align: center;margin: -35px 0 40px;} .sett_avatr_chng {justify-content: space-between;background-color: #F8FAFB;border-radius: 15px;padding: 20px;margin-bottom: 40px;} .sett_avatr_chng img {width: 70px;height: 70px;border-radius: 13px;object-fit: cover;} .sett_avatr_chng p {margin: 0 0 0 15px;font-weight: 500;font-size: 17px;} .sett_avatr_chng .btn {color: var(--main);background-color: rgba(190, 75, 219, 0.15);} .settings-page-container .page-content label {font-weight: 500; } .pg_sett_save {text-align: center;padding: 20px 0 10px;} .pg_sett_save .btn {border-radius: 2em;line-height: 45px;height: auto;min-width: 180px;} .verify_text_1 {color: var(--main);margin-bottom: 3px;font-weight: 500;} .verify_text_2 {font-size: 13px;margin-bottom: 15px;} .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item {border-bottom: 1px solid #e6ecf0;padding: 10px 10px;display: flex;align-items: center;margin: 0 0 0 70px; } .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item:last-child {border-bottom: none; } .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item .avatar {width: 50px;height: 50px;margin-left: -70px; } .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item h4 {margin: -2px 0 0 14px;font-weight: normal;} .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item h4 span {display: block;line-height: 16px;font-size: 13px; } .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item button {margin: 0 0 0 auto; } .my_wallet {background: linear-gradient(210deg, rgba(117,125,158,1) 0%, rgba(70,78,110,1) 100%);color: white;margin: -10px 0 40px;border-radius: 7px;padding: 25px 20px;justify-content: space-between;} .my_wallet_cont {font-size: 19px;} .my_wallet_cont svg {margin: -1px 5px 0 0;background-color: rgba(255, 255, 255, 0.3);width: 38px;height: 38px;border-radius: 50%;padding: 7px;} .my_wallet b {font-weight: 100;font-size: 40px;font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;line-height: 1;margin-top: -5px;} table.sh_pymnt_table {font-family: "Roboto", sans-serif;font-size: 15px;} table.sh_pymnt_table thead th {font-weight: 500;color: #333;} table.sh_pymnt_table tbody>tr:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, 0.07);} table.sh_pymnt_table tbody>tr>td {vertical-align: middle;padding: 9px 5px;} table.sh_pymnt_table .label {display: inline-block;padding: 5px 12px;font-size: 12px;font-weight: 500;border-radius: 4px;} table.sh_pymnt_table .label-warning {color: #ff9800;background-color: rgba(255, 152, 0, 0.1);} table.sh_pymnt_table .label-success {color: #4CAF50;background-color: rgba(76, 175, 80, 0.1);} table.sh_pymnt_table .label-danger {color: #F44336;background-color: rgba(244, 67, 54, 0.1);} .settings_page_requests .followers--ls .followers--ls__item {padding: 25px;overflow: hidden;box-shadow: 0 0 0px 1px #e7e7e7;position: relative; } .settings_page_requests .followers--ls .followers--ls__item .avatar img {width: 104px;height: 104px;box-sizing: border-box; } .settings_page_requests .followers--ls .followers--ls__item .user__info {text-align:center } .settings_page_requests .followers--ls .followers--ls__item .user__info a {color: inherit; } .settings_page_requests .followers--ls .followers--ls__item .user__info h5 {padding: 0;margin: 0;color: rgba(0,0,0,.9);font-size: 16px;line-height: 22px;margin-top: 10px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .settings_page_requests .followers--ls .followers--ls__item .user__info p {font-size: 12px;margin: 0; } .pg_mang_sess.s-users--ls {padding: 0;} /*Loading Modal*/ #modal-progress {position: fixed;z-index: 2000;top: 0;left: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.3); } #modal-progress svg {background-color: white;padding: 17px;border-radius: 7px;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);width: 100px;height: 100px;} #modal-progress .post-editing-form form#import-post-gifs .content .item .preload span, .post-editing-form form#import-post-gifs .content .item .preload #modal-progress span {border: 3px solid #f3f3f3;border-radius: 50%;border-top: 3px solid #2b87ce;width: 50px;height: 50px;animation: spin .45s linear infinite; } @-webkit-keyframes spin {0% {transform: rotate(0deg); }100% {transform: rotate(360deg); } } @keyframes spin {0% {transform: rotate(0deg); }100% {transform: rotate(360deg); } } /*Misc*/ .no-padding-both {padding-right: 0px;padding-left: 0px; } .no-padding-left {padding-left: 0px; } .no-padding-right {padding-right: 0px; } /*Publisher Box*/ #create-newpost {position: fixed;z-index: 3000;width: 100%;top: 0;right: 0;left: 0;bottom: 0;display: flex;flex-direction: column;} #create-newpost:before, #create-newpost:after {box-flex: 1;flex-grow: 1;content: '';display: block;height: 24px;} #create-newpost:empty {height: 0;display: none;} .post-editing-form {width: 100%;max-width: 620px;background: #fff;border-radius: 7px;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);overflow: hidden;margin: auto;overflow-y: auto;} .post-editing-form .images-renderer {width: 100%;overflow: hidden;padding: 0px 18px;position: relative;} .post-editing-form .images-renderer ul {padding: 0;list-style: none;margin: 0;text-align: center;height: 400px;background: rgba(0, 0, 0, 0.05);margin-bottom: 15px;border-radius: 8px;white-space: nowrap;overflow-x: auto;} .post-editing-form .images-renderer ul li {padding: 5px;font-size: 13px;width: 100%;height: 100%;display: inline-block;position: relative;border: 1px solid #ddd;border-radius: 3px;} .post-editing-form .images-renderer ul li img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;} .post-editing-form .images-renderer ul li span {display: block;} .post-editing-form .images-renderer ul li span.file-name {font-weight: 500;position: absolute;bottom: 5px;left: 5px;right: 5px;color: white;text-align: initial;background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));border-radius: 0 0 8px 8px;padding: 50px 10px 10px;} .post-editing-form .images-renderer ul li .remove-img {cursor: pointer;position: absolute;top: 12px;right: 12px;} .post-editing-form .images-renderer ul li .remove-img svg {color: #E91E63;background-color: white;border-radius: 50%;padding: 2px;} .post-editing-form .images-renderer .select-images, .post-editing-form .selecet-file-control {height: 400px;background: rgba(0, 0, 0, 0.05);margin-bottom: 15px;transition: all .2s ease-in-out;border-radius: 8px;justify-content: center;flex-direction: column;font-family: "Roboto", sans-serif;} .post-editing-form .images-renderer .select-images.active, .post-editing-form .selecet-file-control.active, .post-editing-form form#embed-post-video div.fetch-url .video-url.active {box-shadow: 0 0 0 2px #F44336;-webkit-animation-name: shake;animation-name: shake;-webkit-animation-duration: 0.9s;animation-duration: 0.9s;} .post-editing-form .images-renderer .select-images svg, .post-editing-form .selecet-file-control svg {width: 70px;height: 70px;filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));} .post-editing-form .images-renderer .select-images h5, .post-editing-form .selecet-file-control h5 {margin: 15px 0 0;} .post-editing-form .form-group {padding: 0px 18px;} .post-editing-form .form-group .emojionearea, .emojionearea.form-control {border: 0;box-shadow: none;} .post-editing-form .form-group .emojionearea-editor {padding-left: 0;margin: 0;min-height: 100px;} .post-editing-form input.form-control, .post-editing-form textarea.form-control {box-shadow: none;border: none;color: #14171a;display: block;font-size: 14px;overflow: hidden;overflow-y: auto;word-break: break-word;padding: 6px 0;} .post-editing-form textarea.pp_make_post::-webkit-scrollbar, .post-editing-form form#edit-post-caption textarea::-webkit-scrollbar, .post-editing-form form#ffmpeg-upload-post-video textarea::-webkit-scrollbar, .post-editing-form form#import-post-gifs .content::-webkit-scrollbar, .navbar-fixed-top form.navbar-search .search-result::-webkit-scrollbar, .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu ul::-webkit-scrollbar { width: 5px; height: 5px; } .post-editing-form textarea.pp_make_post::-webkit-scrollbar-thumb, .post-editing-form form#edit-post-caption textarea::-webkit-scrollbar-thumb, .post-editing-form form#ffmpeg-upload-post-video textarea::-webkit-scrollbar-thumb, .post-editing-form form#import-post-gifs .content::-webkit-scrollbar-thumb, .navbar-fixed-top form.navbar-search .search-result::-webkit-scrollbar-thumb, .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu ul::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #b4b4b4; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); } .post-editing-form textarea.pp_make_post::-webkit-scrollbar-thumb:window-inactive, .post-editing-form form#edit-post-caption textarea::-webkit-scrollbar-thumb:window-inactive, .post-editing-form form#ffmpeg-upload-post-video textarea::-webkit-scrollbar-thumb:window-inactive, .post-editing-form form#import-post-gifs .content::-webkit-scrollbar-thumb:window-inactive, .navbar-fixed-top form.navbar-search .search-result::-webkit-scrollbar-thumb:window-inactive, .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu ul::-webkit-scrollbar-thumb:window-inactive { background: rgba(231, 231, 231, 0.1); } .post-editing-form textarea {resize: none; } .post-editing-form .user-heading {padding: 18px;font-family: "Roboto", sans-serif;} .post-editing-form .user-heading img{height: 40px;margin-right: 8px;width: 40px;} .post-editing-form .user-heading span {font-weight: 500;color: rgba(0,0,0,0.87);} .post-editing-form .user-heading span.pp_area {color: #4285f4;display: block;font-size: 12px;font-weight: normal;} .post-editing-form .user-heading #pp_loader {float: none;margin-left: auto;} .post-editing-form .publish {border-top: 1px solid #f5f5f5;overflow: hidden;padding: 18px;margin: 0px;text-align: right;position: relative;} .loading_cont {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;height: 2px;background-color: #eaeaea;z-index: 9;} .loading_cont::before {content: '';position: absolute;left: 0;top: 0;width: 35%;height: 100%;background-color: var(--main);-webkit-animation-name: loading_cont;animation-name: loading_cont;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;border-radius: 2em;} @-webkit-keyframes loading_cont { 0% {left: -50%;} 100% {left: 100%;} } @keyframes loading_cont { 0% {left: -50%;} 100% {left: 100%;} } .post-editing-form .publish .btn-main {min-width: 100px;} .post-editing-form .publish .btn-warning {color: #ffffff;background-color: #f0ad4e;} .post-editing-form .publish .btn-default {color: rgba(0,0,0,0.87);box-shadow: none;} .post-editing-form .selecet-file-control {cursor: pointer;position: relative;} .post-editing-form .selecet-file-control #post_video_prnt {position: absolute;height: 100%;padding: 0;border-radius: 8px;top: 0;right: 0;bottom: 0;left: 0;background-color: black;} .post-editing-form .selecet-file-control #post_video_prnt.embed-responsive-16by9::before {padding-top: 68.5%;} .post-editing-form .pg_imp_gifs {background: rgba(0, 0, 0, 0.05);margin: 0 18px 15px;transition: all .2s ease-in-out;border-radius: 8px;font-family: "Roboto", sans-serif;padding: 12px 12px 0;} .post-editing-form .pg_imp_gifs div.search-input {position: relative;margin: 0 0px 12px;transition: all .2s ease-in-out;padding: 0;} .post-editing-form .pg_imp_gifs div.search-input input, .post-editing-form form#embed-post-video div.fetch-url .video-url input {width: 100%;border: none;background: rgba(0, 0, 0, 0.07);padding: 10px 10px 10px 40px;border-radius: 8px;transition: all 0.15s;} .post-editing-form .pg_imp_gifs div.search-input svg, .post-editing-form form#embed-post-video div.fetch-url .video-url svg {position: absolute;width: 20px;height: 20px;top: 50%;transform: translateY(-50%);left: 10px;color: #646464;pointer-events: none;transition: all 0.15s;} .post-editing-form .pg_imp_gifs div.search-input input:focus, .post-editing-form form#embed-post-video div.fetch-url .video-url input:focus {box-shadow: 0 0 0 2px var(--main);background-color: white;} .post-editing-form .pg_imp_gifs div.search-input input:focus+svg.post-editing-form form#embed-post-video div.fetch-url .video-url input:focus+svg {color: var(--main);} .post-editing-form .pg_imp_gifs .preview-video {position: relative;display: flex;flex-direction: column;transition: all .2s ease-in-out;margin: 0px 0px 12px;height: 338px;} .post-editing-form .pg_imp_gifs .preview-video button {position: absolute;right: 8px;top: 8px;background: none;border: none;padding: 0px;z-index: 1000;} .post-editing-form .pg_imp_gifs .preview-video button svg {width: 25px;height: 25px;background-color: white;border-radius: 50%;padding: 3px;color: #E91E63;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .post-editing-form .pg_imp_gifs .preview-video .fluid {height: inherit;overflow: hidden;text-align: center; } .post-editing-form .pg_imp_gifs .preview-video .fluid video {width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;cursor: pointer;border-radius: 8px;} .post-editing-form .pg_imp_gifs .content_prnt {max-height: 350px;overflow: hidden;overflow-y: auto;} .post-editing-form .pg_imp_gifs .content {margin: 0px 0px 15px;padding: 10px 0px;transition: all .2s ease-in-out;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 15px;position: relative;min-height: 350px;} .post-editing-form .pg_imp_gifs .content .item {display: inline-block;margin-bottom: 15px;width: 100%;-webkit-column-break-inside: avoid;break-inside: avoid;line-height: 1;position: relative;} .post-editing-form .pg_imp_gifs .content .item .preload {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.15);text-align: center;display: flex;border-radius: 8px;} .post-editing-form .pg_imp_gifs .content .item .preload span {border: 2px solid rgba(0, 0, 0, 0.3);border-top: 2px solid #000000;width: 35px;height: 35px;display: inline-block;margin: auto; } .post-editing-form .pg_imp_gifs .content .item video {width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;cursor: pointer;border-radius: 8px;} .post-editing-form form#embed-post-video div.fetch-url {width: 100%;overflow: hidden; } .post-editing-form form#embed-post-video div.fetch-url .video-url {transition: all .2s ease-in-out;color: #4c4e53;position: relative;padding: 2px 0;} .post-editing-form form#embed-post-video div.fetch-url .video-url input {padding: 15px 10px 15px 40px;background: rgba(0, 0, 0, 0.06);} .post-editing-form form#embed-post-video .iframe-renderer {display:none;} .post-editing-form form#embed-post-video #embed-iframe, .post-editing-form form#embed-post-video #embed-iframe_ {position: relative;min-height: 100px;line-height: 1;} .post-editing-form form#embed-post-video #embed-iframe iframe {background: transparent;position: relative;z-index: 10;border-radius: 8px;} .post-editing-form form#embed-post-video #embed-iframe:after {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23676d76' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 50px;height: 50px;margin: auto;z-index: 1; } .post-editing-form form#embed-post-video #embed-iframe_:after {display: none;} .post-editing-form .select-story-md {height: 100px;background: rgba(0, 0, 0, 0.05);margin-bottom: 15px;transition: all .2s ease-in-out;border-radius: 8px;padding: 18px;font-family: "Roboto", sans-serif;cursor: pointer;} .post-editing-form .select-story-md svg {width: 60px;height: 60px;filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));margin-right: 18px;} .post-editing-form .select-story-md h5 {font-size: 18px;font-weight: 400;margin: 0;} .loader, .post-editing-form .pg_imp_gifs .content .item .preload span {border-radius: 50%;-webkit-animation: spin 0.70s linear infinite;animation: spin 0.70s linear infinite; } @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg); }100% {-webkit-transform: rotate(360deg); } } @keyframes spin {0% {transform: rotate(0deg); }100% {transform: rotate(360deg); } } @-webkit-keyframes shake {from,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}10%,30%,50%,70%,90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%,40%,60%,80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @keyframes shake {from,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}10%,30%,50%,70%,90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%,40%,60%,80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @keyframes cssload-spin {100%{ transform: rotate(360deg); transform: rotate(360deg); }} @-webkit-keyframes cssload-spin {100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }} /*Slider*/ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }.flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%;transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; }.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /*Follow Suggestions*/ .pg_folw_sugg {position: relative;} .pg_folw_sugg_carousel .flickity-button:disabled {opacity: 0;} .pg_folw_sugg_carousel .flickity-prev-next-button {top: 0;transform: none;border-radius: 0;height: 100%;bottom: 0;background: transparent;width: 70px;} .pg_folw_sugg_carousel .flickity-prev-next-button:focus {box-shadow: none;} .pg_folw_sugg_carousel .flickity-prev-next-button.previous {left: 0;background-image: linear-gradient(to left,rgba(251, 251, 251, 0),#fbfbfb 100%);} .pg_folw_sugg_carousel .flickity-prev-next-button.next {right: 0;background-image: linear-gradient(to right,rgba(251, 251, 251, 0),#fbfbfb 100%);} .pg_folw_sugg_carousel .flickity-prev-next-button .flickity-button-icon {top: 50%;transform: translateY(-50%);width: 26px;height: 26px;} .pg_folw_sugg_carousel .flickity-prev-next-button.previous .flickity-button-icon {left: 0;} .pg_folw_sugg_carousel .flickity-prev-next-button.next .flickity-button-icon {left: auto;right: 0;} .pg_folw_sugg_carousel .item {background: #fff;box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.1);border-radius: 8px;margin: 10px 10px;width: 150px;overflow: hidden;} .pg_folw_sugg_carousel .item .avatar {width: 100%;height: 0;padding-bottom: 120%;position: relative;} .pg_folw_sugg_carousel .item .avatar img {width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;height: 100%;border-radius: 8px;} .pg_folw_sugg_carousel .item .uname {position: absolute;bottom: 0;left: 0;right: 0;top: 0;flex-direction: column;justify-content: flex-end;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.4) 100%);border-radius: 8px;padding: 10px;} .pg_folw_sugg_carousel .item .uname a {text-decoration: none;} .pg_folw_sugg_carousel .item .uname h4 {color: white;margin: 0 0 1px;font-size: 16px;line-height: normal;max-width: 100%;overflow: hidden;text-overflow: ellipsis;} .pg_folw_sugg_carousel .item .uname p {margin: 0;color: rgba(255, 255, 255, 0.8);max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pg_folw_sugg_carousel .item .user_stat {padding: 8px 8px 4px;} .pg_folw_sugg_carousel .item .user_stat p {margin-bottom: 3px;} .pg_folw_sugg_carousel .item .user_stat p:last-child {margin: 0;} .pg_folw_sugg_carousel .item .button {padding: 6px;} .pg_folw_sugg_carousel .item .button button {background: #607d8b;color: white;border-radius: 8px;width: 100%;padding: 0 5px;} .pg_folw_sugg_carousel .item .button button.btn-following {background: var(--main);color: #fff;} .pg_grid_ppl_sugg .people {margin: 0 -12px;} .pg_grid_ppl_sugg .people .pg_folw_sugg_carousel {float: left;padding: 0 12px;width: 16.6666667%;} .pg_grid_ppl_sugg .people .pg_folw_sugg_carousel .item {width: 100%;margin: 0px 0 24px;} /*Grid Posts*/ .pg_grid_posts {margin: 0 -15px;} .pg_grid_posts .item {padding: 0 15px;margin-bottom: 30px;width: 33.3333333%;display: inline-block;float: left;} .pg_grid_posts .item:first-child {width: 50%;} .pg_grid_posts .item:nth-child(2), .pg_grid_posts .item:nth-child(3), .pg_grid_posts .item:nth-child(4), .pg_grid_posts .item:nth-child(5) {width: 25%;} .pg_grid_posts .item .explore-postset {background: #fff;font-family: "Roboto",sans-serif;cursor: pointer;border-radius: 10px;position: relative;} .pg_grid_posts .item .explore-postset .image {padding-bottom: 100%;position: relative;height: 0;} .pg_grid_posts .item .explore-postset .image .category {position: absolute;right: 10px;top: 10px;z-index: 1;line-height: 1;display: block;} .pg_grid_posts .item .explore-postset .image .category svg {color: white;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));} .pg_grid_posts .item .explore-postset .image > img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;object-fit: cover;border-radius: 10px;} .pg_grid_posts .item .explore-postset .image .caption {position: absolute;left: 0px;width: 100%;bottom: 0;top: 0;color: #fff;z-index: 1;background: rgba(0,0,0,.4);transition: all .1s ease;border-radius: 10px;flex-direction: column;justify-content: center;opacity: 0;} .pg_grid_posts .item .explore-postset .image:hover .caption {opacity: 1;} .pg_grid_posts .item .explore-postset .image .caption img {width: 40px;height: 40px;} .pg_grid_posts .item .explore-postset .image .caption h3 {font-size: 19px;font-weight: 400;margin: 5px 0 15px;text-align: center;padding: 0 12px;} .pg_grid_posts .item .explore-postset .image .caption p {margin: 0;font-weight: 500;} .pg_grid_posts .item .explore-postset .image .caption p span {display: inline-block;line-height: normal;font-size: 16px;padding: 0 11px;} .pg_grid_posts .item .explore-postset .image .caption p span svg {width: 22px;height: 22px;margin-top: -2px;} .pg_grid_posts_tag.pg_grid_posts .item {width: 33.3333333%;} /*Hidden Post*/ .is_should_hide1 {position: absolute;top: 0;width: 100%;background-color: rgba(0, 0, 0, 0.5);height: 100%;z-index: 5;border-radius: 10px;backdrop-filter: blur(15px);flex-direction: column;justify-content: center;padding: 12px;} .is_should_hide3 {color: #fff;text-align: center;} .is_should_hide4 {text-align: center;margin-top: 20px;} .is_should_hide5:active, .is_should_hide5:link {background-color: rgba(255, 255, 255, 0.4);color: #fff;} /*Explorer Page*/ main.container-explore-main, main.container-go_pro, main.container-store-main, main.container-lives-main, main.container-reels-main {max-width: 100%;width: 100%;padding: 0px; } .explore-page-container {width: 100%;overflow: hidden;} .explore-page-container .sub__header {background: var(--main);text-align: center;color: #fff;font-family: "Roboto",sans-serif;padding: 50px 0 90px;background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1000px' height='1000px' viewBox='0 0 1000 1000' zoomAndPan='disable'%3e%3cstyle type='text/css'%3e%3c![CDATA[ .p-4 %7b fill: rgba(255,255,255,0.16);%7d .p-3 %7b fill: rgba(255,255,255,0.12);%7d .p-2 %7b fill: rgba(255,255,255,0.08);%7d .p-1 %7b fill: rgba(255,255,255,0.04);%7d .p0 %7b fill: none;%7d .p1 %7b fill: rgba(0,0,0,0.025);%7d .p2 %7b fill: rgba(0,0,0,0.05);%7d .p3 %7b fill: rgba(0,0,0,0.075);%7d .p4 %7b fill: rgba(0,0,0,0.1);%7d ]]%3e%3c/style%3e%3cpolygon class='p-4' points='-1125,0 -375,1000 125,1000 -875,0' /%3e%3cpolygon class='p-3' points='-875,0 125,1000 375,1000 -625,0' /%3e%3cpolygon class='p-2' points='-625,0 375,1000 625,1000 -375,0' /%3e%3cpolygon class='p-1' points='-375,0 625,1000 875,1000 -125,0' /%3e%3cpolygon class='p0' points='-125,0 875,1000 1125,1000 125,0' /%3e%3cpolygon class='p1' points='125,0 1125,1000 1375,1000 375,0' /%3e%3cpolygon class='p2' points='375,0 1375,1000 1625,1000 625,0' /%3e%3cpolygon class='p3' points='625,0 1625,1000 1875,1000 875,0' /%3e%3cpolygon class='p4' points='875,0 1875,1000 2125,1000 1125,0' /%3e%3c/svg%3e"),linear-gradient(45deg,var(--main) 0%,var(--main-hover) 100%);background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;overflow: hidden;} .explore-page-container.explore-tags .sub__header {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23fff' fill-opacity='0.1'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position: center;background-size: contain;background-repeat: repeat;background-color: #009688;} .explore-page-container .sub__header > svg {position: absolute;bottom: -1px;left: 0;right: 0;} .explore-page-container .sub__header .container h3 {margin: 0 0 10px;font-size: 35px;font-weight: 400;text-transform: capitalize; } .explore-page-container .sub__header .container p {font-size: 16px;margin: 0px;} .explore-page-container .sub__header .pg_gray_svg {color: #f7f7f7;} .explore-page-container .pg_folw_sugg {width: 100%;overflow: hidden;background: #fff;background: linear-gradient(180deg, #fff 0%, #f7f7f7 100%);padding-bottom: 30px;} /*User Profile Page*/ .user-profile-page-content {width: 100%;overflow: hidden;} .user-profile-page-content .user-heading .user-info {padding: 50px 15px;z-index: 9;position: relative;align-items: inherit;} .user-profile-page-content .user-heading .user-info .avatar {width: 170px;min-width: 170px;height: 170px;position: relative;} .user-profile-page-content .user-heading .user-info .avatar img {width: 100%;height: 100%;object-fit: cover;pointer-events: none;box-shadow: 0 0 0 3px #f7f7f7, 0 0 0 5px #ececec;} .user-profile-page-content .user-heading .user-info > .valign {width: 100%;} .user-profile-page-content .user-heading .user-info .info {margin: 0 20px;} .user-profile-page-content .user-heading .user-info .uname {margin: 0 0 10px;} .user-profile-page-content .user-heading .user-info .uname h2 {margin: 0;font-weight: 400;font-size: 29px;} .user-profile-page-content .user-heading .user-info .uname h2 .verified-color {margin-top: -2px;} .user-profile-page-content .user-heading .user-info .uname .dropdown {display: inline-block;} .user-profile-page-content .user-heading .user-info .uname .dropdown .dropdown-toggle {display: flex;} .user-profile-page-content .user-heading .user-info .name {font-weight: 500;margin: 0px 0 5px;display: block;font-size: 15px;} .user-profile-page-content .user-heading .user-info .status {font-size: 15px;margin: 0;line-height: 24px;} .user-profile-page-content .pg_usr_stats {min-width: 250px;font-family: "Roboto", sans-serif;margin: 0;margin-left: auto;} .user-profile-page-content .pg_usr_stats li {display: inline-block;width: 50%;float: left;} .user-profile-page-content .pg_usr_stats li a {display: block;text-align: center;color: black;opacity: 0.7;font-size: 30px;text-decoration: none;} .user-profile-page-content .pg_usr_stats li a span {display: block;font-size: 14px;} .user-profile-page-content .pg_usr_stats li.active a {opacity: 1;} .user-profile-page-content .pg_prf_btns {margin: 0 -3px;} .user-profile-page-content .pg_prf_btns .btn:not(.btn-main) {color: var(--main);} .user-profile-page-content .pg_prf_btns .btn:not(.btn-main)::before {opacity: 0.15;} .user-profile-page-content .pg_prf_btns > .btn, .user-profile-page-content .pg_prf_btns .dropdown {margin: 15px 3px 0;} .user-profile-page-content .pg_prf_btns .btn.btn-requested {background-color: #1e2321;} .user-profile-page-content .pg_prf_btns .btn.btn-following {color: white;background-color: #43A047;} .user-profile-page-content .pg_prf_btns .btn.btn-unblock {background-color: #E91E63;} .user-profile-page-content .pg_prf_btns .dropdown {display: inline-block;vertical-align: middle;} .user-profile-page-content .pg_prf_btns .dropdown .dropdown-toggle {color: #262626;box-shadow: 0 0 0 1px #b6b6b6;background-color: white;} .user-profile-page-content .pg_prf_btns .dropdown .dropdown-toggle:before {opacity: 0;} .user-profile-page-content .navbar-bottom {width: 100%;z-index: 1;position: relative;padding-bottom: 30px;} .user-profile-page-content .navbar-bottom > .container > .valign {justify-content: space-between;font-family: "Roboto", sans-serif;flex-direction: row-reverse;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav {margin: 0 -5px;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav li a {font-size: 15px;font-weight: 500;color: #717171;border-radius: 2em;text-decoration: none;padding: 0 20px;transition: all 0.15s;display: block;line-height: 35px;margin: 0 5px;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav li a:hover {color: #111;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav li.active a {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);background-color: #fff;color: #000;} .user-profile-page-content .social-links {margin: 0 -7px;} .user-profile-page-content .social-links li {padding: 0 7px;} .user-profile-page-content .social-links li.btn-social a {display: block;} .user-profile-page-content .social-links li.btn-website a {font-weight: 500;font-size: 13px;transition: all 0.15s;display: block;color: #444;} .user-profile-page-content .social-links li.btn-website a svg {margin-top: -3px;} .user-profile-page-content .social-links li.btn-website a:hover {color:#000;} .user-profile-page-content .user-posts {overflow: hidden;} /*Post Lightbox*/ .light__box {position: fixed;left: 0px;right: 0px;bottom: 0px;top: 0px;width: 100%;height: 100%;z-index: 1000; } .light__box .lightbox-ol {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);/*backdrop-filter: blur(2px);*/} .light__box > .pp_light_close {cursor: pointer;position: absolute;right: 10px;top: 10px;z-index: 2;color: white;} .light__box > .pp_light_close svg {width: 32px;height: 32px;} .light__box .lightbox-outer {width: 100%;height: 100%;display: flex;position: relative;padding: 0 50px;min-height: 100%;overflow: auto;flex-direction: column; } .light__box .lightbox-outer::after, .light__box .lightbox-outer::before {content: '';display: block;-webkit-flex-basis: 40px;-ms-flex-preferred-size: 40px;flex-basis: 40px;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} .light__box .lightbox-outer .lightbox-inner {width: 100%;margin: auto;max-width: 1050px;border-radius: 7px;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: flex;flex-direction: column;background-color: white;} .light__box .lightbox-outer .lightbox-inner .copyPostlink{position:absolute;left:-999999999px;} .light__box .lightbox-outer .lightbox-inner .post-data {width: 100%;min-height: 450px;max-height: 700px;position: relative;display: flex;} .light__box .lightbox-outer .lightbox-inner .post-data .heading, .post-data-container .post-data-inner .header {overflow: hidden;display: flex;padding: 18px;align-items: center;position: absolute;height: 72px;right: 0;top: 0;width: 350px;border-radius: 0 7px 0 0;font-family: "Roboto",sans-serif;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .avatar, .post-data-container .post-data-inner .header .avatar {width: 38px;min-width: 38px;height: 38px;overflow: hidden;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .avatar img, .post-data-container .post-data-inner .header .avatar img {width: 100%;object-fit: cover;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .uname, .post-data-container .post-data-inner .header .uname {margin-left: 12px;overflow: hidden;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .uname h6, .post-data-container .post-data-inner .header .uname h6 {margin: 0px;white-space: nowrap;overflow: hidden;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .uname h6 a, .post-data-container .post-data-inner .header .uname h6 a {color: #262626;font-size: 15px;line-height: 18px; } .light__box .lightbox-outer .lightbox-inner .post-data .heading .uname time, .post-data-container .post-data-inner .header .uname time {display: block;font-size: 12px;color: #515151; } .light__box .lightbox-outer .lightbox-inner .post-data .heading .btn, .post-data-container .post-data-inner .header .btn {color: #444444;background-color: #e9e9e9;margin-left: auto;line-height: 28px;font-size: 13px;padding: 0 5px;min-width: 68px;box-shadow: none;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .btn.active, .post-data-container .post-data-inner .header .btn.btn-following {background-color: var(--main);color: white;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .btn+.pp_light_close {margin-left: 5px;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .pp_light_close {margin-right: -5px;margin-left: auto;cursor: pointer;display: none;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .post-data-container .post-data-inner .post-media-renderer {max-height: 700px;overflow: hidden;width: 100%;margin-right: 350px;display: flex;align-items: center;background-color: #000;border-radius: 7px 0px 0px 7px; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .pp_mobi_light_embed {width: 100%} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .carousel.slide.carousel-fade, .post-data-container .post-data-inner .post-media-renderer .carousel {width: 100%;overflow: hidden;position: relative;height: 100%; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .carousel.slide.carousel-fade .carousel-inner, .post-data-container .post-data-inner .post-media-renderer .carousel .carousel-inner {height: 100%;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .carousel.slide.carousel-fade .carousel-inner .item, .post-data-container .post-data-inner .post-media-renderer .carousel .carousel-inner .item {height: 100%;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .carousel.slide.carousel-fade a.cr-controls, .post-data-container .post-data-inner .post-media-renderer .carousel a.cr-controls {position: absolute;top: 50%;justify-content: center;z-index: 100;transform: translateY(-50%);width: 32px;height: 32px;background: #47545a;border-radius: 50%;color: white;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .carousel.slide.carousel-fade a.cr-controls.carousel-control-prev, .post-data-container .post-data-inner .post-media-renderer .carousel a.cr-controls.carousel-control-prev {left: 10px; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .carousel.slide.carousel-fade a.cr-controls.carousel-control-next, .post-data-container .post-data-inner .post-media-renderer .carousel a.cr-controls.carousel-control-next {right: 10px; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .afterglow {max-height: 700px !important;width: 100%; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .afterglow.vjs-fullscreen {max-height: 100% !important;width: 100%; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer video {max-height: 100% !important; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer img {width: 100%;min-width: auto;min-height: 100%;height: 100%;width: auto;object-fit: scale-down;margin: auto; } .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer > img {width: 100%;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer iframe {width: 650px;height: 335px !important;border: none;background-size: cover;background-position: center;min-width: 100% !important; } .light__box .post-data .posts-votes, .post-data-container .post-data-inner .sidebar {width: 350px;position: absolute;border-radius: 0 0 7px 0;overflow: hidden;right: 0;top: 72px;bottom: 0;} .light__box .post-data .posts-votes .posts-votes-inner, .post-data-container .post-data-inner .sidebar .sidebar__inner {position: relative;height: 100%;width: 100%;display: flex;flex-flow: column;overflow: hidden; } .light__box .post-data .posts-votes .posts-votes-inner .pp_light_caption, .post-data-container .post-data-inner .sidebar .sidebar__inner .pp_pst_caption {padding: 0px 18px 0px;position: relative;} .light__box .post-data .posts-votes .posts-votes-inner .comments, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments {width: 100%;overflow-y: auto;-webkit-flex: 1 auto;-ms-flex: 1 auto;flex: 1 auto;flex-grow: 1;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;background-color: rgba(0, 0, 0, 0.02);} .light__box .post-data .posts-votes .posts-votes-inner .comments::-webkit-scrollbar-track, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments::-webkit-scrollbar-track {background-color: #fff; } .light__box .post-data .posts-votes .posts-votes-inner .comments::-webkit-scrollbar, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments::-webkit-scrollbar {width: 5px;background-color: #ededed; } .light__box .post-data .posts-votes .posts-votes-inner .comments::-webkit-scrollbar-thumb, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments::-webkit-scrollbar-thumb {background-color: #cdcdcd; } .light__box .post-data .posts-votes .posts-votes-inner .comments .pp_light_comm_count, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .main_post_comm {padding: 6px 0px;display: block;font-family: "Roboto", sans-serif;font-size: 13px;} .light__box .post-data .posts-votes .posts-votes-inner .comments ul, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul {width: 100%;list-style: none;padding: 0px 15px;margin: 0px;font-family: "Roboto",sans-serif; } .light__box .post-data .posts-votes .posts-votes-inner .comments ul li a.hashtag, .light__box .post-data .posts-votes .posts-votes-inner .comments ul li a.mention, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li a.hashtag, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments ul li a.mention {color: #003569; } .light__box .post-data .posts-votes .posts-votes-inner .comment-box, .post-data-container .post-data-inner .comment-box {width: 100%;padding: 0px 10px;flex: 0 0 auto;vertical-align: bottom;position: relative; } .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes, .post-data-container .post-data-inner .comment-box .votes {padding-top: 10px;margin: 0 -5px;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes > div, .post-data-container .post-data-inner .comment-box .votes > div {padding: 0 5px;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes > div > span, .post-data-container .post-data-inner .comment-box .votes > div > span {padding: 6px;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes > div > div, .post-data-container .post-data-inner .comment-box .votes > div > div {font-size: 15px;font-weight: normal;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .votes #lb-embed-post, .post-data-container .post-data-inner .comment-box .votes > div.dropup {margin-left:auto;position: relative;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input, .post-data-container .post-data-inner .comment-box .text-input {width: 100%;position: relative;background: rgba(0, 0, 0, 0.06);border-radius: 2em;font-family: "Roboto",sans-serif;padding: 3px;margin: 10px 0;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input input, .post-data-container .post-data-inner .comment-box .text-input input {border: none;box-shadow: none;height: 50px;color: #262626;font-size: 13px;line-height: 16px;padding-left: 0px; } .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input .emojionearea.emojionearea-inline, .post-data-container .post-data-inner .comment-box .text-input .emojionearea.emojionearea-inline {box-shadow: none;border: 0;height: 30px;background: transparent;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input .login-2comment, .post-data-container .post-data-inner .comment-box .text-input .login2comment {width: 100%;padding: 5px;} .light__box .post-data .posts-votes .posts-votes-inner .comment-box .text-input .login-2comment a, .post-data-container .post-data-inner .comment-box .text-input .login2comment a {font-weight: 500;color: #2196F3;} .light__box .lightbox-outer .lightbox-inner .post-data .light__box-slide-controls {position: absolute;top: 50%;transform: translateY(-50%);color: #fff;z-index: 3000;} .light__box .lightbox-outer .lightbox-inner .post-data .light__box-slide-controls svg {width: 40px;height: 40px;opacity: 0.7;transition: all 0.15s;} .light__box .lightbox-outer .lightbox-inner .post-data .light__box-slide-controls:hover svg {opacity: 1;} .light__box .lightbox-outer .lightbox-inner .post-data .light__box-slide-controls.next {right: -45px;} .light__box .lightbox-outer .lightbox-inner .post-data .light__box-slide-controls.prev {left: -45px;} /*Home Follow Sugg*/ .follow-suggestions-cr {width: 100%;margin-bottom: 30px;overflow: hidden;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;padding: 18px;} /*Message Page*/ .messages-container {width: 100%;overflow: hidden;background: #fff;height: calc(100vh - 92px);min-height: 500px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);margin-top: 20px;border-radius: 7px;} .messages-container .row.content {height: 100%;margin: 0;} .messages-container .row.content .col-md-4, .messages-container .row.content .col-md-8 {height: 100%;padding: 0;} .messages-container .row.content .col-md-4 {border-right: 1px solid #eeeeee;} .messages-container .msg_header {padding: 10px 15px;justify-content: space-between;} .messages-container .msg_header h2 {margin: 0;line-height: normal;color: #2c2c2c;font-size: 24px;font-weight: bold;letter-spacing: -0.3px;} .messages-container .msg_header .btn, .messages-container .header-composition .interlocutor-info .right .dropdown span.dropdown-toggle {display: inline-flex;align-items: center;justify-content: center;padding: 0;border-radius: 50%;width: 36px;height: 36px;background-color: rgba(0, 0, 0, .05);color: #1c1e21;border: 0;cursor: pointer;} .messages-container .pp_srch_msg {border-bottom: 1px solid #eeeeee;padding: 2px 15px 15px;} .messages-container .pp_srch_msg .search-users .text-input {width: 100%;height: 100%;position: relative;} .messages-container .pp_srch_msg .search-users .text-input input {box-shadow: none;border-radius: 2em;background-color: rgba(0, 0, 0, .05);border: 0;padding: 8px 20px 8px 40px;color: #222;height: 37px;} .messages-container .pp_srch_msg .search-users .text-input svg {position: absolute;pointer-events: none;top: 50%;transform: translateY(-50%);color: #666666;left: 10px;width: 20px;height: 20px;} .messages-container .row.content .chat-list {height: calc(100% - 111px);width: 100%; } .messages-container .row.content .chat-list ul {margin: 0px;padding: 0px;list-style: none;height: 100%;overflow-y: auto;overflow-x: hidden;} .messages-container .row.content .chat-list ul li {width: 100%;display: block;padding: 0;margin: 0;} .messages-container .row.content .chat-list ul li a {text-decoration: none;} .messages-container .row.content .chat-list ul li div.chat-list-item {width: 100%;padding: 10px 15px;font-family: "Roboto", sans-serif;transition: all 0.1s;} .messages-container .row.content .chat-list ul li div.chat-list-item:hover {background-color: rgba(0, 0, 0, 0.03);} .messages-container .row.content .chat-list ul li.active div.chat-list-item {background: rgba(0, 0, 0, 0.06);} .messages-container .row.content .chat-list ul li div.chat-list-item .avatar {width: 50px;min-width: 50px;height: 50px;border-radius: 50%;background-color: #eaeaea;position: relative;} .messages-container .row.content .chat-list ul li div.chat-list-item .avatar img {width: 100%;height: 100%;object-fit: cover;} .messages-container .row.content .chat-list ul li div.chat-list-item .avatar small {width: 20px;height: 20px;background-color: #607D8B;border-radius: 50%;position: absolute;top: -3px;right: -3px;border: 2px solid #fff;color: white;text-align: center;} .messages-container .row.content .chat-list ul li div.chat-list-item .avatar small:empty {all: unset;display:none } .messages-container .row.content .chat-list ul li div.chat-list-item .chat-desc {margin-left: 15px;flex-grow: 1;position: relative;padding-right: 75px;max-width: calc(100% - 65px);} .messages-container .row.content .chat-list ul li div.chat-list-item .chat-desc time {font-size: 11px;color: #b0b0b0;line-height: 21px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .messages-container .row.content .chat-list ul li div.chat-list-item .chat-desc div.uname {width: 100%;white-space: nowrap;line-height: normal;padding: 2px 0;} .messages-container .row.content .chat-list ul li div.chat-list-item .chat-desc div.uname span.username {color: #262626;font-size: 16px;max-width: 90%;overflow: hidden;display: inline-block;text-overflow: ellipsis; } .messages-container .row.content .chat-list ul li div.chat-list-item .chat-desc div.message {width: 100%;max-width: 100%;display: flex; } .messages-container .row.content .chat-list ul li div.chat-list-item .chat-desc div.message span {overflow: hidden;display: inline-block;text-overflow: ellipsis;font-size: 14px;color: #949494;font-weight: 400;white-space: nowrap;max-width: 85%;} .messages-container .header-composition {width: 100%;height: 56px;border-bottom: 1px solid #eeeeee;} .messages-container .header-composition:empty {display: none;} .messages-container .header-composition .interlocutor-info {justify-content: space-between;height: 100%;padding: 5px 15px;font-family: "Roboto", sans-serif;} .messages-container .header-composition .interlocutor-info .mobile_msg_close {display: none;cursor: pointer;margin: 0 13px 0 0;} .messages-container .header-composition .interlocutor-info .left {display: flex;} .messages-container .header-composition .interlocutor-info .left .avatar {width: 35px;height: 35px;min-width: 35px;border-radius: 50%;background-color: #eaeaea;} .messages-container .header-composition .interlocutor-info .left .avatar img {width: 100%;height: 100%;object-fit: cover;} .messages-container .header-composition .interlocutor-info .left .uname {margin-left: 10px; } .messages-container .header-composition .interlocutor-info .left .uname a {color: #262626;font-weight: 500;text-decoration: none;font-size: 15px;text-transform: capitalize;} .messages-container .header-composition .interlocutor-info .left .uname span {color: #797979;font-size: 12px;} .messages-container .header-composition .interlocutor-info .right .dropdown {margin: 12px 0;} .messages-container .row.content .conversation {height: calc(100% - 56px);position: relative;} .messages-container .row.content .conversation .messages {padding: 5px 0;position: absolute;left: 0;bottom: 60px;top: 0;right: 0;margin: 0;overflow-y: auto; } .messages-container .row.content .conversation .messages:hover::-webkit-scrollbar-track {visibility: visible; } .messages-container .row.content .conversation .messages:hover::-webkit-scrollbar {visibility: visible; } .messages-container .row.content .conversation .messages::-webkit-scrollbar-track {background-color: #eef1f2;width: 5px;visibility: hidden;border-radius: 3px; } .messages-container .row.content .conversation .messages::-webkit-scrollbar {width: 5px;background-color: #eef1f2;border-radius: 3px;visibility: hidden; } .messages-container .row.content .conversation .messages::-webkit-scrollbar-thumb {width: 5px;background-color: rgba(153, 153, 153, 0.5);border-radius: 3px; } .messages-container .row.content .conversation .messages .message-list-item {display: block;overflow: hidden;padding: 4px 16px 4px; } .messages-container .row.content .conversation .messages .message-list-item.active {background: #E3F2FD; } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner {display: inline-flex; } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner .user__avatar {width: 32px;height: 32px;min-width: 32px;overflow: hidden; } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner .user__avatar img {width: 100%;height: 100%;} .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner .message__data p.message__text {padding: 6px 12px;background: #f1f0f0;border-radius: 15px;line-height: 1.4;margin-bottom: 0;display: table;font-size: 15px;font-family: "Roboto", sans-serif;} .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner.right .message__data p.message__text {background: var(--main);color: white;margin-left: auto;} .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner.right .message__data p.message__text a.hashtag {color: #ffffff;text-decoration: underline;} .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner .message__data time {font-size: 11px;color: rgba(124, 124, 124, 0.8); } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner.left {margin-right: 20%; } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner.left .message__data {margin-left: 7px;position: relative; } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner.right {float: right;margin-left: 20%; } .messages-container .row.content .conversation .messages .message-list-item .message-list-item__inner.right .message__data {margin-right: 7px; } .messages-container .row.content .conversation .send-message {width: 100%;height: 60px;position: absolute;left: 0;right: 0;bottom: 0;padding: 10px 15px;} .messages-container .row.content .conversation .send-message form {height: 100%;} .messages-container .row.content .conversation .send-message form .text-input {width: 100%;height: 100%;position: relative; } .messages-container .row.content .conversation .send-message form .text-input .chat_text {position: relative;flex: 1;max-width: calc(100% - 50px);height: 100%;} .messages-container .row.content .conversation .send-message form .text-input input {height: 100%;border-radius: 2em;border: none;padding: 0px 40px 0 15px;font-size: 15px;color: #262626;background: rgba(0, 0, 0, 0.06);box-shadow: none;} .messages-container .row.content .conversation .send-message form .text-input .chat_text button {position: absolute;top: 50%;transform: translateY(-50%);right: 11px;color: #898989;border: 0;padding: 0;background: transparent;box-shadow: none;} .messages-container .row.content .conversation .send-message form .controls {margin-left: 10px;} .messages-container .row.content .conversation .send-message form .controls button {width: 40px;height: 40px;line-height: 40px;box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);display: flex;align-items: center;justify-content: center;border-radius: 50%;min-width: auto;} .messages-container .row.content .conversation .send-message form .controls button svg {margin: 0 0 0 2px;width: 20px;min-width: 20px;height: 20px;} .messages-container .row.content .conversation .send-message .delete-selected {position: absolute;left: 0;top: 0;width: 100%;height: 60px;z-index: 100;padding: 15px;background: #fff;box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.06);justify-content: space-between;} .messages-container .row.content .conversation .send-message .delete-selected button {border: none;background: none;color: white;padding: 6px 16px 7px;border-radius: 3px;font-size: 14px;line-height: 18px;outline: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .messages-container .row.content .conversation .send-message .delete-selected button:nth-child(1) {background-color: #2196F3; } .messages-container .row.content .conversation .send-message .delete-selected button:nth-child(1) b {margin-left: 6px; } .messages-container .row.content .conversation .send-message .delete-selected button:nth-child(2) {color: black;} .messages-container .row.content .conversation .send-message .blocked {width: 100%;overflow: hidden;text-align: center;cursor: not-allowed;height: 100%; } .messages-container .row.content .conversation .send-message .blocked svg.feather {width: 25px;height: 25px;fill: #888;margin: 15px 0px; } .messages-container .row.content .conversation .select-chat {width: 100%;height: 100%;display: flex; } .messages-container .row.content .conversation .select-chat .empty_state {margin: auto;} .messages-container .row.content .conversation .select-chat .empty_state button {display: none;} /*Story View*/ .story-container {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 3000;transition: display 1s ease;display: flex;flex-direction: column;font-family: "Roboto", sans-serif;} .story-container .header {position: absolute;left: 0;top: 0;width: 100%;height: 85px;overflow: hidden;z-index: 99;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.65), transparent);background-image: -o-linear-gradient(rgba(0, 0, 0, 0.65), transparent);background-image: linear-gradient(rgba(0, 0, 0, 0.65), transparent); } .story-container .header .user-info {float: left;overflow: hidden;margin: 12px 0px 12px 18px;} .story-container .header .user-info .avatar {width: 37px;height: 37px;float: left; } .story-container .header .user-info .avatar img {width: 100%;height: 100%; } .story-container .header .user-info h5 {float: left;margin: 4px 0 0 10px;padding: 0;font-size: 15px;color: #fff;font-weight: normal;max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .story-container .header .user-info h5 time {display: block;overflow: hidden;font-size: 11px;opacity: 0.7;margin-top: 4px; } .story-container .header .user-info h5 time b{font-weight:normal} .story-container .header .close-modal, .story-container .header .delete-story {cursor: pointer;float: right;margin-right: 18px;margin-top: 20px;margin-bottom: 20px;} .story-container .header .close-modal svg, .story-container .header .delete-story svg {color: #a9a9a9; } .story-container .header .close-modal svg:hover, .story-container .header .delete-story svg:hover {color: #fff; } .story-container .container {width: 100%;margin: 0px auto;padding: 0px;z-index: 10;position: relative; } .story-container .bg {position: absolute;left: -100px;right: -100px;top: -100px;bottom: -100px;-webkit-filter: blur(30px);filter: blur(30px);z-index: -1;background-position: center;background-repeat: no-repeat;background-size: cover;} .story-container .bg:after {content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: black;opacity: .5;} .story-container .int-indicator {list-style: none;width: 100%;max-width: 360px;padding: 29px 0px;overflow: hidden;display: flex;z-index: 200;flex-direction: row;position: absolute;left: 50%;transform: translateX(-50%);margin: 0;} .story-container .int-indicator li {margin: 0 2px;height: 7px;background: rgba(255, 255, 255, 0.4);border-radius: 7px;overflow: hidden; } .story-container .int-indicator li span {display: block !important;width: 0px;height: 7px;background: #fff; } .story-container .container .carousel-inner {height: 100vh;display: flex; } .story-container .container .carousel-inner .item.img {height: 100%;margin: auto;width: 100%; } .story-container .container .carousel-inner .item.img img {min-width: 100%;min-height: 100%;object-fit: scale-down;height: 100%;user-select: none;pointer-events: none; } .story-container .container .carousel-inner .item.video {height: 100% !important;width: 100% !important; } .story-container .container .carousel-inner .item.video video {height: 100% !important;width: 100% !important;object-fit: scale-down; } .story-container .container .carousel-inner .item div.caption {position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 40px calc(50% - 250px) 30px;overflow: hidden;background: linear-gradient(transparent,rgba(0,0,0,.65));} .story-container .container .carousel-inner .item div.caption:empty {display: none;} .story-container .container .carousel-inner .item div.caption p {color: #fff;font-size: 15px;text-align: center;margin: 0; } .story-container .views {width: 100%;padding: 30px 0 7px;color: #fff;text-align: center;} .story-container .views span {font-size: 15px;width: auto;display: inline-block;background-color: rgba(255, 255, 255, 0.3);padding: 3px 9px;border-radius: 6px;} .story-container .container .cr-controls {position: absolute;display: block;height: 100%;top: 0px;color: #fff;display: flex; } .story-container .container .cr-controls span {margin: auto;padding: 0px;width: 40px;height: 40px;background: rgba(247, 244, 242, 0.27);text-align: center;display: none;} .story-container .container .cr-controls.carousel-control-prev {left: 0px;width: 25%;} .story-container .container .cr-controls.carousel-control-next {right: 0;width: 50%;} .carousel-fade .carousel-inner .item {transition-property: opacity;-webkit-transition: 0.2s ease;transition: 0.2s ease; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control {z-index: 2; } /*Lightbox*/ body.page__numb {overflow: hidden; } .lg-backdrop {background: rgba(26, 26, 26, 0.95) !important; } .lg-image {max-width: 1000px !important;max-height: 70vh !important; } /*Post View Page*/ .post-data-container {width: 100%;margin-top: 25px;font-family: "Roboto", sans-serif; } .post-data-container .post-data-inner {width: 100%;overflow: hidden;min-height: 700px;position: relative;max-height: 700px;background: #fff;border-radius: 7px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);display: flex;} .post-data-container .post-data-inner .header, .post-data-container .post-data-inner .sidebar {width: 380px;} .post-data-container .post-data-inner .post-media-renderer {margin-right: 380px;} .post-data-container .post-data-inner .post-media-renderer .carousel .item img {max-height: 700px;min-height: 100%;object-fit:scale-down; } .post-data-container .post-data-inner .post-media-renderer .gif, .post-data-container .post-data-inner .post-media-renderer .video {position: relative; width: 100%;overflow: hidden;height: 100% !important;display: flex;align-items: center; } .post-data-container .post-data-inner .post-media-renderer .gif img {min-height: 100%;object-fit: scale-down;} .post-data-container .post-data-inner .post-media-renderer .video .afterglow {max-height: 80vh !important;width: 100% !important; } .post-data-container .post-data-inner .post-media-renderer .video .afterglow video {max-height: 100% !important; } .post-data-container .post-data-inner .post-media-renderer .post-embed-frame {background: #212121; } .post-data-container .post-data-inner .post-media-renderer .post-embed-frame iframe {min-height: 340px !important; } .post-data-container .post-data-inner .sidebar .sidebar__inner .comments {background: transparent;} .embed_post_cont {margin: 0;} .embed_post_cont .post-data-inner, .embed_post_cont .post-data-inner .header, .embed_post_cont .post-data-inner .post-media-renderer, .embed_post_cont .post-data-inner .sidebar {border-radius: 0;} /*Footer*/ footer{border-top: solid 1px #f0f0f0;/*background-color: #fff;*/margin-top: 20px;padding: 20px 10px;} .footer__container {width: 100%;padding: 20px 0; } .footer__container .footer {width: 100%;font-size: 13px; } .footer__container .footer > ul.nav > li {display: inline-block !important;margin-left: 15px; } .footer__container .footer > ul.nav > li > a {color: #262626;padding: 0 !important;display: inline-block !important;background: none;} .footer__container .footer > ul.nav > li > a:hover{text-decoration: underline;} .footer__container .footer li.dropup {display: inline-block !important;position: relative !important;cursor: pointer; } .footer__container .footer li.dropup .dropdown-toggle a {color: #333 !important; } .footer__container .footer li.dropup ul {border-radius: 4px;box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);border: 0;transform: rotate3d(1, 1, 0, 15deg);transform-origin: 0 100%;opacity: 0;will-change: transform,opacity;transition-property: transform,opacity;transition-duration: .25s;display: block;visibility: hidden;pointer-events: none;min-width: 130px;left: auto;right: 0px; } .footer__container .footer li.dropup ul:before {content: "";position: absolute;bottom: -6px;right: 30px;width: 20px;height: 20px;transform: rotate(45deg);border-radius: 20px 0 3px 0;background: #fff;z-index: -1;} .footer__container .footer li.dropup.open > ul {transform: none;opacity: 1;pointer-events: auto;visibility: visible;margin-bottom: 15px; right: -24px;} /*Terms Page*/ .terms-page__container {width: 100%;margin-top: 30px;} .terms-page__container .terms-page__inner {margin-top: 25px;} body.active {position: relative; } body.active:after {content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 2000;background-color: rgba(0,0,0,0.3); } /*Menu Modal*/ .modal--menu, .modal--dialog {position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 1000;display: none; } .modal--menu.modal--dialog, .modal--dialog.modal--dialog {z-index: 3000; } .modal--menu h5.title, .modal--dialog.modal--dialog h5.title {margin: 0 !important;padding: 20px 24px; } .modal--menu h5.title span, .modal--dialog.modal--dialog h5.title span {color: #999;cursor: pointer; } .modal--menu h5.title span:hover, .modal--dialog.modal--dialog h5.title span:hover {color: #333; } .modal--menu.modal--dialog .list-group, .modal--dialog.modal--dialog .list-group {max-height: 60vh;overflow-y: auto; } .modal--menu.modal--dialog .list-group .list-group-item, .modal--dialog.modal--dialog .list-group .list-group-item {width: 100%;overflow: hidden;padding: 9px 10px !important;border: 0;border-top: 1px solid #e9e9e9;display: flex;align-items: center;} .modal--menu .list-group .list-group-item{border:0} .modal--menu.modal--dialog .list-group .list-group-item:first-child, .modal--dialog.modal--dialog .list-group .list-group-item:first-child{border:0;} .modal--menu.modal--dialog .list-group .list-group-item .avatar, .modal--dialog.modal--dialog .list-group .list-group-item .avatar {float: left;width: 37px;height: 37px; } .modal--menu.modal--dialog .list-group .list-group-item .user-info, .modal--dialog.modal--dialog .list-group .list-group-item .user-info {padding-left: 13px; } .modal--menu.modal--dialog .list-group .list-group-item .user-info a, .modal--dialog.modal--dialog .list-group .list-group-item .user-info a {padding: 0px;width: 100%;line-height: 13px;line-height: 16px;color: #262626;font-weight: 600; } .modal--menu.modal--dialog .list-group .list-group-item .user-info time, .modal--dialog.modal--dialog .list-group .list-group-item .user-info time {color: #999;font-size: 12px; } .modal--menu.modal--dialog .list-group .list-group-item .user-info time svg.feather, .modal--dialog.modal--dialog .list-group .list-group-item .user-info time svg.feather{margin-top: -2px;width: 11px;height: 11px;} .modal--menu.modal--dialog .list-group .list-group-item .btn-info, .modal--dialog.modal--dialog .list-group .list-group-item .btn-info {margin: 0px 0px 0px auto;border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);text-transform: uppercase;font-family: "Lato",sans-serif;padding: 4px 16px;line-height: normal;} .modal--menu.modal--dialog .list-group .list-group-item .btn-info i, .modal--dialog.modal--dialog .list-group .list-group-item .btn-info i{display:none;} .modal--menu.open, .modal--dialog.open {display: flex !important; } .modal--menu:after, .modal--dialog:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3); } .modal--menu .modal-outer, .modal--dialog .modal-outer {width: auto;margin: auto;position: relative;z-index: 1; } .modal--menu .modal-outer div.overlay, .modal--dialog .modal-outer div.overlay {position: absolute;left: 0;top: 0;bottom: 0;right: 0;display: flex; } .modal--menu .modal-outer div.overlay:after, .modal--dialog .modal-outer div.overlay:after {content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;background-color: rgba(255, 255, 255, 0.7);z-index: 1; } .modal--menu .modal-outer div.overlay #pp_loader, .modal--dialog .modal-outer div.overlay #pp_loader {display: block;float: none;margin:auto;z-index:5} .modal--menu .modal-outer div.overlay #pp_loader .speeding_wheel, .modal--dialog .modal-outer div.overlay #pp_loader .speeding_wheel{width: 40px;height: 40px;border-width: 3px;} .modal--menu .modal-outer .modal-inner, .modal--dialog .modal-outer .modal-inner {min-width: 240px;width: 100%;max-width: 500px;background: #fff;border-radius: 7px;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);overflow: hidden; } .modal--menu .modal-outer .modal-inner ul, .modal--dialog .modal-outer .modal-inner ul {margin: 0;padding: 0px 30px 24px; } .modal--menu .modal-outer .modal-inner ul li, .modal--dialog .modal-outer .modal-inner ul li {border-radius: 0px;padding: 0;background: #fff; } .modal--menu .modal-outer .modal-inner ul li a, .modal--dialog .modal-outer .modal-inner ul li a {display: block;padding: 12px 0;color: #262626;text-decoration: none; } .modal--dialog .modal-outer .modal-inner ul li a {font-weight: 500; } /*Confirm Modal*/ .confirm--modal, .dialog-modal {position: fixed;left: 0;top: 0;bottom: 0;right: 0;display: flex;background-color: rgba(0, 0, 0, 0.3);z-index: 3000; } .confirm--modal .confirm--modal--inner, .confirm--modal .modal--inner, .dialog-modal .confirm--modal--inner, .dialog-modal .modal--inner {position: relative;z-index: 4000;margin: auto;background: #fff;border-radius: 7px;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);overflow: hidden;min-width: 240px;width: 100%;font-family: "Roboto",sans-serif;max-width: 470px;} .confirm--modal .confirm--modal--inner .modal--header, .confirm--modal .modal--inner .modal--header, .dialog-modal .confirm--modal--inner .modal--header, .dialog-modal .modal--inner .modal--header {width: 100%;overflow: hidden; } .confirm--modal .confirm--modal--inner .modal--header h5, .confirm--modal .modal--inner .modal--header h5, .dialog-modal .confirm--modal--inner .modal--header h5, .dialog-modal .modal--inner .modal--header h5 {padding: 20px;margin: 0;line-height: 32px;font-size: 20px;} .confirm--modal .confirm--modal--inner form .form-control, .confirm--modal .modal--inner form .form-control, .dialog-modal .confirm--modal--inner form .form-control, .dialog-modal .modal--inner form .form-control {box-shadow: none;border: none;border-radius: 7px;background-color: rgba(0, 0, 0, 0.03);} .confirm--modal .confirm--modal--inner form .form-group, .confirm--modal .modal--inner form .form-group, .dialog-modal .confirm--modal--inner form .form-group, .dialog-modal .modal--inner form .form-group {width: 100%;overflow: hidden;padding: 0 20px; } .confirm--modal .confirm--modal--inner form textarea, .confirm--modal .modal--inner form textarea, .dialog-modal .confirm--modal--inner form textarea, .dialog-modal .modal--inner form textarea {padding-top: 10px; } .confirm--modal .confirm--modal--inner form .modal--body, .confirm--modal .modal--inner form .modal--body, .dialog-modal .confirm--modal--inner form .modal--body, .dialog-modal .modal--inner form .modal--body {padding: 0; } .confirm--modal .confirm--modal--inner .confirm--modal--body, .confirm--modal .confirm--modal--inner .modal--body, .confirm--modal .modal--inner .confirm--modal--body, .confirm--modal .modal--inner .modal--body, .dialog-modal .confirm--modal--inner .confirm--modal--body, .dialog-modal .confirm--modal--inner .modal--body, .dialog-modal .modal--inner .confirm--modal--body, .dialog-modal .modal--inner .modal--body {width: 100%;overflow: hidden;padding: 20px;} .confirm--modal .confirm--modal--inner .confirm--modal--body h5, .confirm--modal .confirm--modal--inner .modal--body h5, .confirm--modal .modal--inner .confirm--modal--body h5, .confirm--modal .modal--inner .modal--body h5, .dialog-modal .confirm--modal--inner .confirm--modal--body h5, .dialog-modal .confirm--modal--inner .modal--body h5, .dialog-modal .modal--inner .confirm--modal--body h5, .dialog-modal .modal--inner .modal--body h5, .modal--menu h5.title, .modal--dialog.modal--dialog h5.title {margin: 0 0 20px;line-height: 32px;font-size: 20px;} .confirm--modal .confirm--modal--inner .confirm--modal--body p, .confirm--modal .confirm--modal--inner .modal--body p, .confirm--modal .modal--inner .confirm--modal--body p, .confirm--modal .modal--inner .modal--body p, .dialog-modal .confirm--modal--inner .confirm--modal--body p, .dialog-modal .confirm--modal--inner .modal--body p, .dialog-modal .modal--inner .confirm--modal--body p, .dialog-modal .modal--inner .modal--body p {margin: 0;padding: 0;font-size: 15px; } .confirm--modal .confirm--modal--inner .confirm--modal--footer, .confirm--modal .confirm--modal--inner .modal--footer, .confirm--modal .modal--inner .confirm--modal--footer, .confirm--modal .modal--inner .modal--footer, .dialog-modal .confirm--modal--inner .confirm--modal--footer, .dialog-modal .confirm--modal--inner .modal--footer, .dialog-modal .modal--inner .confirm--modal--footer, .dialog-modal .modal--inner .modal--footer {width: 100%;overflow: hidden;text-align: end;padding: 0px 20px 20px;} .confirm--modal .confirm--modal--inner .confirm--modal--footer button, .confirm--modal .confirm--modal--inner .modal--footer button, .confirm--modal .modal--inner .confirm--modal--footer button, .confirm--modal .modal--inner .modal--footer button, .dialog-modal .confirm--modal--inner .confirm--modal--footer button, .dialog-modal .confirm--modal--inner .modal--footer button, .dialog-modal .modal--inner .confirm--modal--footer button, .dialog-modal .modal--inner .modal--footer button {padding: 0px 10px;font-weight: 500;min-width: 80px;line-height: 36px;border-radius: 4px;text-align: center;transition: all 0.15s ease-in-out;border: 0;box-shadow: none;} /*View Post Likes*/ .modal--dialog#view-post-likes h5.title {padding: 12px 15px;} .modal--dialog#view-post-likes .modal-inner ul {padding: 0px 15px 12px;} .modal--dialog#view-post-likes .list-group .list-group-item .btn-info {text-transform: none;padding: 4px 8px;font-weight: normal;box-shadow: none;} .modal--dialog#view-post-likes .list-group .list-group-item .user-info time svg {display: none;} /*Page Not Found*/ .page-not-found {margin: 180px 0;text-align: center;font-family: "Roboto",sans-serif;} .page-not-found svg {margin: 0 0 15px;width: 100px;height: 100px;} .page-not-found h1 {font: 105px/135px Monoton, cursive;text-align: center;color: #9E9E9E;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);} .page-not-found h3 {margin:0;font-size: 28px;} .page-not-found p {font-size: 15px;margin: 5px 0 25px;opacity: 0.8;} .page-not-found .btn:not(.btn-main) {box-shadow: none;color: #F44336;} .template {display: none !important;visibility: hidden !important; } /*Styles*/ svg {vertical-align: middle;} svg.feather {margin-top: -4px;width: 19px;height: 19px;} .btn-default svg.feather {margin-top: -3px;width: 16px;height: 16px;} a{outline:0 !important} .btn-red{background-color: #e0284f;} /*Toast*/ .toast {position: fixed;list-style: none;padding: 0;width: auto;z-index: 999999;margin: 10px 20px 20px !important;} .toast li {display:block;} .toast span {min-width: 288px;max-width: 400px;display: inline-block;margin: 10px 0 0 0;text-align: center;background-color: rgb(35, 35, 35);color: #ffffff;padding: 15px 24px;border-radius: 4px;min-height: 14px;} .toast li.danger span{ color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .toast li.info span{ color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } .toast li.success span{ color: #fff; background-color: #494949; border-color: #494949; } /*Responsive Embed*/ .embed-responsive {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;} .embed-responsive::before {display: block;content: "";} .embed-responsive-16by9::before {padding-top: 75%;} .embed-responsive-25::before {padding-top: 56.25%;} .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;} /*Empty State*/ .empty_state {padding: 60px 10px;text-align: center;} .empty_state > span {background-color: rgba(190, 75, 219, 0.15);color: var(--main);display: inline-flex;align-items: center;justify-content: center;width: 65px;height: 65px;border-radius: 50%;} .empty_state > span svg {width: 34px;height: 34px;} .empty_state > p {margin: 13px 0 0;font-weight: 500;font-size: 15px;} .empty_state > p+p {font-weight: normal;margin: 5px 0 0;font-size: 14px;} .empty_state > .btn {margin-top: 40px;} /*Loader*/ #pp_loader{display:none;float:right;padding: 10px 0px;} #pp_loader .speeding_wheel{width: 18px;height: 18px;margin: 0 auto;border: 2px solid rgba(0,0,0,0.72);border-radius: 50%;border-left-color: transparent;border-right-color: transparent;animation: cssload-spin 1s infinite linear;-webkit-animation: cssload-spin 1s infinite linear;} /*Sidebar Footer*/ body .pp_side_footer {color: #6f6f6f;} body .pp_side_footer ul.nav li {margin-left: 0 !important;} body .pp_side_footer ul.valign {flex-wrap: wrap;justify-content: space-between;padding: 0;list-style: none;} body .pp_side_footer ul.dropdown-menu li {padding-right: 0px;} body .footer__container .footer.pp_side_footer li.dropup .dropdown-toggle a, body .footer__container .footer.pp_side_footer > ul.valign > li > a {color: #6f6f6f !important;} /*Tooltip*/ [tooltip]{/*position:relative*/} [tooltip]::after,[tooltip]::before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;opacity:0;visibility:hidden;-webkit-transform:scaleY(.4) scaleX(.4);-moz-transform:scaleY(.4) scaleX(.4);-ms-transform:scaleY(.4) scaleX(.4);-o-transform:scaleY(.4) scaleX(.4);transform:scaleY(.4) scaleX(.4);-webkit-transition:all .3s cubic-bezier(.64,.09,.08,1);-moz-transition:all .3s cubic-bezier(.64,.09,.08,1);transition:all .3s cubic-bezier(.64,.09,.08,1)} .round-check,.round-check input+label{position:relative;display:inline-block} [tooltip]::before{border:5px solid transparent;z-index:100} [tooltip]::after{content:attr(tooltip);text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:#333;color:#fff;z-index:99} [tooltip]:hover::after,[tooltip]:hover::before{opacity:1;visibility:visible;-webkit-transform:scaleY(1) scaleX(1) translateY(0);-moz-transform:scaleY(1) scaleX(1) translateY(0);-ms-transform:scaleY(1) scaleX(1) translateY(0);-o-transform:scaleY(1) scaleX(1) translateY(0);transform:scaleY(1) scaleX(1) translateY(0)} [tooltip='']::after,[tooltip='']::before{display:none!important} [tooltip][flow^=left]::before{top:50%;border-right-width:0;border-left-color:#333;left:calc(0em - 5px);transform:translate(-.5em,-50%)} [tooltip][flow^=left]::after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)} /*Loading Bar*/ @keyframes shift-rightwards{ 0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);background: #1da1f2;} 40%{-webkit-transform:translateX(0%);transform:translateX(0%);background: #ed215e;} 60%{-webkit-transform:translateX(0%);transform:translateX(0%);background: #84b946;} 100%{-webkit-transform:translateX(100%);transform:translateX(100%);background: #dc4a38;} } .bar_loading {position: fixed;display: none;top: 0;left: 0;right: 0;height: 2.5px;z-index: 5000;background: #1da1f2;transform: translateX(100%);animation: shift-rightwards 1.5s infinite;} .app-loading .bar_loading {display: block;} /*Embed Post*/ #embed_post {resize: none;height: 55px;box-shadow: none;border: 0;border-radius: 7px;padding: 7px 10px;background-color: rgba(0, 0, 0, 0.06);} /*Startup*/ .pg_start_step {padding: 10px 5px;font-family: "Roboto", sans-serif;margin: 35px auto 30px;width: 100%;max-width: 500px;} .pg_start_step .line {width: 100%;height: 3px;background: #ddd;position: relative;border-radius: 8px;margin-bottom: 15px;} .pg_start_step .line .line_sec {height: 3px;width: 0;background: var(--main);border-radius: 2em;position: absolute;transition: all 0.3s;} .pg_start_step .line .dot {position: absolute;top: 50%;width: 24px;height: 24px;background: #e0e0e0;border-radius: 50%;transition: .3s all ease;transform: translate(-50%, -50%);color: #aeaeae;text-align: center;} .pg_start_step .line .dot svg {width: 18px;height: 18px;margin: 3px 0;} .pg_start_step .line .dot span {position: absolute;bottom: -22px;left: 50%;transform: translateX(-50%);display: block;width: 100%;min-width: 120px;color: #909090;} .pg_start_step .line .dot.one {left: 6%;transform: translate(-50%);} .pg_start_step .line .dot.two {left: 50%;} .pg_start_step .line .dot.three {left: auto;right: 6%;} .step-one-active.pg_start_step .dot.one {background: var(--main);color: #fff;transform: translate(0px, -50%);} .step-two-active.pg_start_step .dot.one, .step-three-active.pg_start_step .dot.one {background: var(--main);color: #fff;transform: translate(0px, -50%);} .step-two-active.pg_start_step .dot.two, .step-three-active.pg_start_step .dot.two {background: var(--main);color: #fff;} .step-three-active.pg_start_step .dot.three {background: var(--main);color: #fff;} .step-one-active.pg_start_step .line .line_sec {width: 7%;} .step-two-active.pg_start_step .line .line_sec {width: 50%;} .step-three-active.pg_start_step .line .line_sec {width: 100%;} .step-one-active .line .dot.one span, .step-two-active .line .dot.one span, .step-two-active .line .dot.two span, .step-three-active .line .dot.one span, .step-three-active .line .dot.two span, .step-three-active .line .dot.three span {color: var(--main);} .pp_startup {width: 100%;margin: 10px auto 20px;max-width: 700px;} .pp_startup .start_head h3 {margin:0 0 25px;text-align: center;} .pp_startup .startup_image {width: 200px;margin: 50px auto;} .pp_startup .startup_image .img_container_1 {height: 100%;border-radius: 50%;justify-content: center;} .pp_startup .startup_image .img_container_1 svg {width: 60px;height: 60px;} .pp_startup .startup_image img {object-fit: cover;border-radius: 50%;width: 100%;height: 100%;object-fit: cover;} .pg_start_subtn {justify-content: space-between;padding: 25px 0 0;border-top: 1px solid #eaeaea;margin-top: 25px;} .pg_start_subtn small {cursor: pointer;} .footer_class {width: 100%;} .stories .item { cursor: pointer;} .ml_ {margin-left: 12px;} .img_container {width: 100%;max-height: 200px;overflow: hidden; cursor: pointer;height: 200px;} .img_container_1 {background-color: #ececec;height: 250px;} .img_container_2 {text-align: center;padding-top: 70px;color: #fff;} .s-users--ls {width: 100%;overflow: hidden;padding: 0px 70px;min-height: 150px; } .s-users--ls-item {border-bottom: 1px solid #e6ecf0;padding: 10px 10px;display: flex;align-items: center;margin: 0 0 0 70px; } .s-users--ls-item:last-child {border-bottom: none; } .s-users--ls-item_avatar {width: 50px;height: 50px;margin-left: -70px; } .s-users--ls-item_h4 {margin: -2px 0 0 14px;font-weight: normal;} .s-users--ls-item_span {display: block;line-height: 16px;font-size: 13px;padding: 3px 0 2px 0; } .s-users--ls-item button {margin: 0 0 0 auto; } .image_from_url {position: absolute;height: 30px;top: 15px;left: 30px;} .image_from_url_1 {background: #e5e5e5;border-radius: 50%;padding: 5px;cursor: pointer;} .image_from_url_2 {background: #e5e5e5;border-radius: 50%;padding: 5px;margin-left: 5px; cursor: pointer;} #img_url {z-index: 100;max-height: 300px;} .ml_1_ {margin-left: 10px;} /*Filters*/ .show_filters_ {height: 32px;background-color: rgba(0, 0, 0, 0.27);cursor: pointer;width: 32px;position: absolute;bottom: 15px;left: 33px;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .filters_2 {width: 100%;height: 100%;border-radius: 8px;} .open_camera_ {margin: 0;position: absolute;bottom: 30px;right: 30px;} .open_camera_ a {line-height: 1;color: #ffffff;font-size: 13px;background-color: rgba(0, 0, 0, 0.6);padding: 6px 10px;border-radius: 8px;text-decoration: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .open_camera_ a svg {width: 16px;height: 16px;margin: 0px 5px 0px 0;} .camera_1, .filters_1 {width: 100%;height: 400px;display: none;position: relative;text-align: center;padding: 0 18px;margin-bottom: 15px;} .camera_2 {width: 100%;height: 100%;border-radius: 8px;object-fit: contain;background-color: black;} .camera_3, .filters_3 {position: absolute;right: 25px;top: 7px;cursor: pointer;padding: 3px;background-color: #f7f7f7;border-radius: 50%;line-height: 1;} .camera_4 {width: 55px;height: 55px;position: absolute;bottom: 15px;background-color: #2196F3;border-radius: 50%;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);color: white;justify-content: center;left: 50%;transform: translateX(-50%);} .camera_5 {position: absolute;bottom: 0;z-index: 50;display: none;background: black;left: 18px;right: 18px;padding: 7px 3px;border-radius: 8px;} .camera_5 .item {flex: 1 100%;display: flex;padding: 0 4px;} .camera_5 .item img {width: 100%;border-radius: 8px;height: 75px;} .camera_6 {background-color: rgba(255, 0, 0, 0.9);cursor: pointer;width: 32px;height: 32px;position: absolute;bottom: 15px;right: 33px;color: white;border-radius: 50%;justify-content: center;} .camera_7 {display: none;width: 55px;height: 55px;position: absolute;bottom: 15px;background-color: white;border-radius: 50%;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);color: red;align-items: center;justify-content: center;left: 50%;transform: translateX(-50%);} .old_messages_1 {position: absolute;bottom: -30px;z-index: 333;text-align: center;width: 100%;cursor: pointer;} .old_messages_2 {background-color: #65b368;padding: 10px 20px 10px 20px;border-radius: 20px;color: #fff;} .camera_timer {background-color: rgba(0, 0, 0, 0.50);width: 55px;position: absolute;bottom: 15px;right: 33px;color: white;border-radius: 5px;display: none;align-items: center;justify-content: center;line-height: 21px;} .camera_timer label {margin: 0;font-weight: normal;} #active_session{color: #4CAF50;} /*Emoji*/ body .emojionearea .emojionearea-button>div.emojionearea-button-open {background-position: center;background-size: cover;background-repeat: no-repeat;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-4-7h8a4 4 0 1 1-8 0zm0-2a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='%236f6f6f'/%3e%3c/svg%3e") !important;width: 22px;height: 22px;} body .emojionearea .emojionearea-button>div.emojionearea-button-close {background-position: center;background-size: cover;background-repeat: no-repeat;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='%236f6f6f'/%3e%3c/svg%3e") !important;width: 22px;height: 22px;} /*Comment Like Reply*/ .middot {margin: 0 6px;font-size: 12px;line-height: 1.1;font-weight: 700;} .like_comment {position: absolute;right: 0px;top: 5px;cursor: pointer;line-height: 1;} .like_comment svg {width: 17px;height: 17px;} .like_comment svg.liked_color {color: #607d8b;} .like_comment svg .lk_act_svg {display: none;} .like_comment svg.liked_color path {display: none;} .like_comment svg.liked_color .lk_act_svg {display: block;} .events_container {margin-left: 38px;margin-right: -20px;} .events_container .evnt_cont_btns {font-size: 13px;color: #858585;display: inline-block;line-height: 1;margin: 0 0 15px;font-weight: 500;padding: 0;} .events_container .middot {margin: 0 2px;opacity: 0.6;} .events_container .add-comment .reply_commenting_overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;text-align: center;background-color: rgba(255, 255, 255, 0.72);z-index: 5;border-radius: 2em;} .events_container .add-comment .reply_commenting_overlay #pp_loader {display: block;float: none;padding: 8px;} .home-posts-container .timeline-posts .comments-area .events_container .reply_list {padding-left: 5px;box-shadow: -1px 0 #e6e6e6;} .home-posts-container .timeline-posts .comments-area .events_container .add-comment, .light__box .post-data .posts-votes .posts-votes-inner .comments .add-comment, .post-data-container .post-data-inner .sidebar .sidebar__inner .comments .add-comment {margin: -2px 0 15px;} /*Add Post FAB*/ .pg_dtop_add_post {position: fixed;bottom: 15px;left: 50%;transform: translateX(-50%);margin: 0;background-color: rgba(35, 35, 35, 0.6);color: white;padding: 0 15px;border-radius: 2em;z-index: 999;backdrop-filter: blur(10px);transition: all 0.15s;} .pg_dtop_add_post:hover {background-color: #232323;} .pg_dtop_add_post li {cursor: pointer;line-height: 45px;position: relative;padding: 0 10px;margin: 0 5px;text-align: center;min-width: 50px;} .pg_dtop_add_post li a {color: white; display: block;} .pg_dtop_add_post li span {position: absolute;left: 50%;transform: translateX(-50%);top: -20px;padding: 7px 10px;opacity: 0;visibility: hidden;background-color: #fff;border-radius: 2em;font-size: 13px;line-height: 1;white-space: nowrap;text-align: center;transition: opacity 0.2s, visibility 0.2s;color: black;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);} .pg_dtop_add_post li:hover span {opacity: 1;visibility: visible;} .pg_dtop_add_post li svg {margin-top: -4px;} /*Affiliate*/ .affiliates-desc {margin-top:10px;text-align:center;} .social-btn {text-align:center;width:15%;font-size:19px;height:35px;position:relative;line-height:24px} .aff_link_input {background-color: #ececec;border: 0;padding: 10px 15px;line-height: 1;border-radius: 2em;width: 100%;max-width: 400px;outline: none;margin-bottom: 10px;text-align: center;} .aff_share_container {text-align:center;margin-bottom: 10px;} .aff_share_container .social-btn-parent {display: inline-flex;align-items: center;justify-content: center;text-decoration: none;line-height: 1;border-radius: 50%;width: 40px;height: 40px;margin: 0 2px;} .aff_share_container .social-btn-parent svg {margin: 0;color: #fff;} .aff_share_container .social-btn-parent.facebook {background: #337ab7;} .aff_share_container .social-btn-parent.twitter {background: #55acee;} .aff_share_container .social-btn-parent.whatsapp {background: #04aa24;} .aff_share_container .social-btn-parent.pinterest {background: #cb2027;} .aff_share_container .social-btn-parent.linkedin {background: #007bb6;} .aff_hiw {text-align:center;margin: 20px 0;} .aff_hiw svg {width: 75px;height: 75px;margin: 0 auto 30px;background-color: #eeeeee;border-radius: 50%;padding: 15px;} .aff_hiw h2 {position: relative;margin: 3rem 0 2rem 0;font-size: 18px;} .aff_hiw .bg_number {position: absolute;text-align: center;font-weight: bolder;top: -37px;margin-left: auto;margin-right: auto;left: 0;right: 0;font-size: 90px;z-index: 0;opacity: 0.1;color: #323232;width: 90px;height: 90px;line-height: 90px;pointer-events: none;user-select: none;} .reff_users_list {min-height: auto !important;} /*Go Pro*/ .explore-page-container .sub__header.go_pro_sub_header {background-image: linear-gradient(45deg, #FF874F, #e4982a);} .go_pro_plan {background: #fff;padding: 35px;border-radius: 10px;margin: 50px 0 20px;box-shadow: 0 10px 14px rgba(0, 0, 0, 0.05);position: relative;} .go_pro_plan h5 {font-size: 25px;margin: 0 0 15px;} .pricing_p_price {font-size: 40px;} .pricing_p_price sup {font-size: 19px;top: -3px;vertical-align: super;margin-right: 3px;} .pricing_p_price b {background-image: linear-gradient(to top, #FFD969 35%, rgba(0, 0, 0, 0) 35.1%);} .pricing_p_price sub {font-size: 20px;margin: 0 4px;} .go_pro_plan hr {margin: 35px 0;} .go_pro_plan p {text-align: initial;font-size: 16px;} .go_pro_plan p svg {width: 22px;height: 22px;margin: -2px 5px 0 0;} .button_go_pro {margin-top: 35px;} .button_go_pro button {border-radius: 2em;line-height: 46px;min-width: 170px;font-size: 15px;} .go_pro_plan.free_plan .button_go_pro button {background: #1e2321;color: white;} /*Payment Modal*/ .payment_methods_modal .btn, .payment_methods_wallet_modal .btn {width: 50%;color: #2c2c2c;float: left;border: 0;border-radius: 0;padding: 20px 25px;transition: all 0.15s;font-weight: 500;box-shadow: none;background-color: white;} .payment_methods_modal .btn:hover,.payment_methods_wallet_modal .btn:hover {background-color: rgba(0, 0, 0, 0.04);} .payment_methods_modal .btn svg, .payment_methods_wallet_modal .btn svg, .payment_methods_modal .btn img, .payment_methods_wallet_modal .btn img {display: block;margin: 0 auto 15px;width: 35px;height: 35px;} /*Ads*/ .m-0 {margin: 0;} .ads_header {margin: 25px 0 15px;} .ma_tabs {margin-bottom: 5px;display: -ms-flexbox;display: flex;position: relative;white-space: nowrap;overflow-x: auto;border: 0;padding: 5px 0;font-family: "Roboto", sans-serif;} .ma_tabs ul {display: -ms-flexbox;display: flex;position:relative;white-space:nowrap;margin: auto;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;} .ma_tabs ul li {margin: 0;position: relative;z-index: 1;padding: 8px;} .ma_tabs ul li a {font-weight: 500;font-size: 14px;padding: 0px 25px;line-height: 38px;color: #777777;display: block;text-decoration: none;border-radius: 7px;transition: all 0.15s;} .ma_tabs ul li a:hover {color: #000} .ma_tabs ul li.active a {color: #4CAF50;background: rgba(76, 175, 80, 0.2);} .ma_tabs ul li a svg {width: 20px;height: 20px;margin-top: -3px;} .pk_ad_fak_img.pg_fak_img {padding-bottom: 35%;} .create-new-ad-container .pg_mat_input .bootstrap-select {height: auto;border-radius: 6px;} .create-new-ad-container .pg_mat_input .bootstrap-select > button.btn {background: #f5f5f5;box-shadow: none;border-radius: 6px;padding: 15.1px 10px;font-size: 16px;color: rgba(0,0,0,0.38);height: 54.3px;line-height: 23px;font-weight: 500;outline: 0 !important;border: 0;} .create-new-ad-container .pg_mat_input .bootstrap-select > .dropdown-menu, .create-new-ad-container .pg_mat_input .bootstrap-select .dropdown-menu.inner {display: none;} .create-new-ad-container .pg_mat_input .bootstrap-select.open > .dropdown-menu, .create-new-ad-container .pg_mat_input .bootstrap-select.open .dropdown-menu.inner {display: block;transform: scale3d(1,1,1);} table.sh_ad_main_pymnt_table tbody>tr>td {padding: 13px 8px;border-color: #f0f0f0;} .sponsored:link, .sponsored:visited {color: #703544;text-decoration: none;} .ads_act_icos {text-decoration: none;color: #909090;display: inline-block;cursor: pointer;} .ads_act_icos svg {width: 19px;height: 19px;} .my_wallet_ads_main {margin: 20px 0 25px;} .add-amount {text-align: center;} .add-amount h3 {margin-top: 0;} .add-amount h1 {position: relative;display: inline-block;} .add-amount h1 sup {font-size: 30px;top: -35px;left: 10px;} .add-amount h1 input {font-size: 80px;margin: 0;border: 0;padding: 0;height: 87px;text-align: center;max-width: 160px;outline: 0;font-weight:100;} .sidebar_ad_main_title a {text-decoration: none;color: #333333;} .sidebar_ad {padding: 0 10px;font-family: "Roboto", sans-serif;} .sidebar_ad .side_ad_img {display: block;position: relative;height: 0;padding-bottom: 56.25%;width: 100%;} .sidebar_ad .side_ad_img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 7px;} .sidebar_ad .caption {padding: 10px 0px 0px;} .sidebar_ad .side_ad_title {font-weight: 500;font-size: 15px;margin-bottom: 3px;} .sidebar_ad .side_ad_title a {color: #1e1e1e;text-decoration: none;} .sidebar_ad .caption p {color: #717171;} /*Funding*/ .fundings {background: #fff;border-radius: 7px;box-shadow: 0 1px 3px rgba(0,0,0,.15);margin-bottom: 30px;overflow: hidden;} .fundings .wrapper {position: relative;height: 0;width: 100%;padding-bottom: 56.25%;} .fundings .wrapper img {position: absolute;width: 100%;height: 100%;top: 0;right: 0;left: 0;bottom: 0;object-fit: cover;} .fundings .wrapper p {margin: 0;position: absolute;bottom: 10px;right: 10px;background-color: rgba(0, 0, 0, 0.6);border-radius: 2em;padding: 3px 13px;font-size: 13px;color: #fff;} .fundings .wrapper .dropdown {position: absolute;right: 10px;top: 10px;} .fundings .wrapper .dropdown .dropdown-toggle {background-color: rgba(0, 0, 0, 0.5);display: block;color: white;cursor: pointer;border-radius: 50%;padding: 3px;} .fundings .caption {padding: 15px;} .fundings .caption h3 {margin-top: -5px;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 27px;} .fundings .caption h3 a {color: #222;text-decoration: none;} .fundings .caption .progress {margin: 0;background-color: #E0E1EA;box-shadow: none;height: 4px;} .mt-0 {margin-top: 0;} .fund_raise_parent, .fundings_parent {margin-top: 30px;} .fund_raise {padding: 15px 15px 7px;margin-top: 15px;} .fund_title {margin: 0;text-align: center;font-weight: 400;} .show-fund-info-user {display: table;margin: 13px auto 6px;font-family: "Roboto", sans-serif;} .show-fund-info-user .postMeta--author-text a, .show-fund-info-user .postMeta--author-text .middot {color: #545454;text-decoration: none;} .postMeta--author-avatar {vertical-align:middle;padding-right:5px;display:table-cell} .postMeta--author-avatar img {width:24px;height:24px;border-radius:50%} .postMeta--author-text {vertical-align:middle;display:table-cell;overflow:hidden} .fund_main_img {width: 100%;height: 350px;object-fit: cover;border-radius: 7px;margin-top: 10px;pointer-events: none;} .fund_raise_bar {margin-top: 10px;} .fund_raise_bar .progress {height: 8px;margin-bottom: 0px;} .show_fnd_stats {font-weight: 500;color: #565656;} .show_fnd_stats span {display: block;font-size: 38px;font-weight: 400;margin-top: 15px;} .fund_raise_bar .show_fnd_stats {margin: -2px 0 28px;} .pg_fund_info {position: relative;} .pg_fund_info .fund_raise {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;padding: 0;box-shadow: none;background-color: white;margin: 0;} .pg_fund_info .fund_raise.hidd {opacity: 0;visibility: hidden;} .fund_raise_btns {display: flex;margin: 20px 0 0;flex-direction: column;} .fund_raise_btns .btn {width: 100%;letter-spacing: 0.5px;border: 0;font-size: 15px;padding: 0px 16px;line-height: 45px;margin-top: 20px;color: white;} .fund_raise_btns .dropdown {width: 100%;position: relative;overflow: hidden;} .fund_raise_btns .dropdown > .btn {background-color: #607d8b;color: white;} .fund_raise_btns .dropdown > .dropdown-menu {transform: scale(1) translateX(-100%);margin: 0;box-shadow: none;background: #607d8b;top: 20px;display: flex;justify-content: space-around;width: 100%;bottom: 0;padding: 0;align-items: center;} .fund_raise_btns .dropdown.open > .dropdown-menu {transform: translateX(0) scale(1);} .fund_raise_btns .dropdown.open > .dropdown-menu li a {color: #fff;background: transparent;} .fund_progress, .side_fund_item_progress {background-color: #E0E1EA;box-shadow: none;height: 6px;margin-bottom: 5px;} .fund_progress .progress-bar, .fundings .caption .progress .progress-bar, .side_fund_item_progress .progress-bar {background: linear-gradient(210deg, #757d9e 0%, #464e6e 100%);font-size: 0;} .fund_dnt_hd {margin-top: 0;} .fund_dnt_hd span {display: flex;align-items: center;justify-content: center;margin: 0 auto 10px;background-color: rgba(255, 102, 193, 0.2);color: #ff66c1;width: 50px;height: 50px;border-radius: 10px;} .fund_input {margin-bottom: 20px;} .fund_input .form-control {background-color: transparent;border: 0;padding: 8px 10px;line-height: 60px;width: 100%;margin: auto;height: auto;box-shadow: none;font-size: 37px;font-weight: 500;text-align: center;} .fund_butns {width: 100%;border: 1px solid #e8e8e8;border-radius: 10px;overflow: hidden;} .fund_butns .btn {background: transparent;box-shadow: none;height: 50px;line-height: 1;padding: 0 15px;font-size: 15px;transition: all .1s;border: 0;width: 100%;color: #565656;border-radius: 0;border-top: 1px solid #e8e8e8;} .fund_butns .btn:first-child {border: 0;} .fund_butns .btn svg {margin-right: 12px;width: 22px;height: 22px;} .fund_butns .btn:hover {background-color: rgba(0, 0, 0, 0.02);} .fund {max-height: 385px;overflow-y: auto;} .fund div.list .item {width: 100%;overflow: hidden;padding: 8px 0;position: relative;display: table;font-family: "Roboto", sans-serif;} .fund div.list .item .wrapper {display: table-cell;vertical-align: middle;} .fund div.list .item .wrapper img {width: 37px;height: 37px;} .fund div.list .item .caption {display: table-cell;vertical-align: middle;padding-left: 7px;width: 100%; } .fund div.list .item .caption p {margin: 0;} .fund div.list .item .caption a {font-size: 15px;color: #414141;font-weight: 500;display: inline-block;text-decoration: none;} .fund div.list .item .caption time {color: #90949c;font-size: 12px;font-weight: 400; } .side_fund_item {border-bottom: 1px solid #eee;padding: 14px 2px;font-family: "Roboto", sans-serif;} .side_fund_item:last-child {border: 0;padding-bottom: 0;} .side_fund_item .item {margin-bottom: 8px;cursor: auto;} .side_fund_item .side_fund_item_progress {height: 3.5px;margin-bottom: 0;} .side_fund_item .wrapper img {border-radius: 7px;width: 100px;height: 70px;object-fit: cover;} .side_fund_item .caption {padding-left: 10px;} .side_fund_item .caption a {color: #4a4a4a;font-weight: 500;max-height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 3;} .side_fund_item > p {margin: 0 0 2px;} /*New Profile*/ .pro_user_new_profile {width: 100%;} .pro_user_new_profile .pg_pro_profile_side {width: 400px;position: fixed;top: 52px;left: 0;bottom: 0;border-right: 1px solid #f0f0f0;background-color: white;} .pro_user_new_profile .pg_pro_profile_side .user-info {padding: 60px 20px;overflow-y: auto;height: 100%;} .pro_user_new_profile .pg_pro_profile_side .user-info .avatar {margin: 0 auto 30px;width: 190px;min-width: 190px;height: 190px;padding: 8px;background-color: #FFE53B;background-image: linear-gradient(147deg, #FFE53B 0%, #ff7a25 74%);} .pro_user_new_profile .pg_pro_profile_side .user-info .avatar img {box-shadow: 0 0 0 4px #f7f7f7;} .pro_user_new_profile .pg_pro_profile_side .user-info .info {margin: 0;text-align: center;} .pro_user_new_profile .pg_pro_profile_side .user-info .uname {margin: 12px 0;} .pro_user_new_profile .pg_pro_profile_side .user-info .uname .dropdown {text-align: initial;} .pro_user_new_profile .pg_usr_stats {width: 100%;margin: 0;overflow: hidden;padding: 50px 0;} .pro_user_new_profile .pg_prf_btns > .btn, .pro_user_new_profile .pg_prf_btns .dropdown {margin: 45px 3px 0;} .pg_pro_profile_main {margin-left: 400px;} .pg_prf_pst_nav > .valign {justify-content: space-between;padding-top: 45px;flex-direction: row-reverse;} .pg_prf_pst_nav, .pg_pro_profile_posts > .container {width: 100%;padding: 0 60px;} .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts {margin: 0 -8px;} .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {width: 25%;padding: 0 8px;margin-bottom: 16px;} .pro_user_new_profile_filter {display: none;margin: 0 0 3px 15px;} .pro_user_new_profile_filter li {cursor: pointer;margin: 0 3px;color: #848484;} .pro_user_new_profile_filter li.active {color: var(--main);} /*Upload Image*/ .fak_image {position: relative;width: 100%;height:100px;cursor: pointer;border-radius: 5px;border: 2.5px dashed #e6e6e6;overflow: hidden;background: #f7f7f7;} .fak_image > div {width: 100%;height: 100%;} .fak_image img {width: 100%;height: 100%;object-fit: cover;} .fak_image .upload_fk_image {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;} .fak_image .upload_fk_image .upload_fk_image_content {background-color: rgba(0, 0, 0, 0.38);color: white;padding: 10px 15px;border-radius: 3px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);cursor: pointer;} /*Promoted Post*/ .promoted_post {font-size: 13px;color: #FF9800;font-weight: 500;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);background-color: white;padding: 3px 7px 0;box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.07);border-radius: 10px 10px 0 0;} .promoted_post svg {width: 18px;height: 18px;margin: -2px -2px 0 0;} /*Bank Transfer*/ .dt_bank_trans_modal .bank_info {width: 100%;margin-top: 24px;} .dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;margin-left: auto;margin-right: auto;border-radius: 7px;height: auto;background-color: #e11e26;background: linear-gradient(145deg, #ffaec9 0%, #e11e26 100%);padding: 16px;overflow: hidden;position: relative;} .dt_bank_trans_modal .dt_settings_circle-1 {width: 290px;height: 290px;background-image: radial-gradient(circle 800px at 75% -25%,#000000 0,rgba(255, 255, 255, 0) 100%);left: -28px;top: -28px;opacity: .05;position: absolute;border-radius: 50%;pointer-events: none;} .dt_bank_trans_modal .dt_settings_circle-2 {opacity: .03;position: absolute;border-radius: 50%;pointer-events: none;width: 500px;height: 500px;background-image: radial-gradient(circle 800px at 10% -25%,#000000 0,rgba(255, 255, 255, 0) 100%);right: -242px;top: 17px;} .dt_bank_trans_modal .bank_info .bank_info_innr {position: relative;width: 100%;color: #fff;z-index: 1;border: 6px solid rgba(255, 255, 255, 0.3);padding: 20px;border-radius: 5px;} .dt_bank_trans_modal .bank_info .bank_info_innr > svg {position: absolute;opacity: 0.3;left: 16px;top: 16px;width: 45px;z-index: -1;} .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 .row .col {margin-top: 18px;} .dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {font-size: 22px;padding: 5px .75rem 0 55px;} .dt_bank_trans_modal .bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);} /*Requests*/ .settings_page_requests {margin-top: 0;} .settings_page_requests .followers--ls {margin: 0;} .settings_page_requests .followers--ls .followers--ls__item {padding: 15px;} .settings_page_requests .request-opts {margin-top: 15px;} .settings_page_requests .request-opts .btn {border-radius: 50%;width: 42px;height: 42px;} /*Page Title*/ .pg_page {background-color: #fff;margin-bottom: 15px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;} .pg_page.padd {padding: 25px;} .pg_page_title {justify-content: space-between;margin-bottom: 20px;font-family: "Roboto", sans-serif;} .pg_page_title > h4 {margin: 0;font-weight: 500;color: #464646;font-size: 18px;line-height: normal;} .pg_page_title > h4 span {width: 29px;min-width: 29px;height: 29px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;color: white;background-color: var(--main);margin-right: 8px;} .pg_page_title > h4 span svg {width: 17px;height: 17px;} .pg_page_title > .btn {line-height: 28px;padding: 0 10px;font-size: 13px;letter-spacing: 0.3px;min-width: 90px;} .pg_in_page_title {font-weight: 400;font-size: 28px;text-align: center;margin: 10px 0 30px;font-family: "Roboto", sans-serif;} .pg_page_footer {padding-top: 30px;padding-bottom: 10px;text-align: center;} .pg_page_footer .btn {line-height: 47px;min-width: 150px;border-radius: 2em;} /*Store*/ .pg_store_main_head {margin-top: -52px;background-color: #572700;padding: 192px 0 150px;position: relative;background-image: url(store.jpg);background-position: 0px 73%;background-repeat: no-repeat;background-size: cover;} .pg_store_main_head:before {content: '';position: absolute;top: 0;left: 0;right: 0;background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);height: 120px;} .pg_store_main_head:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(3px);} .pg_store_main_head .container {position: relative;z-index: 1;} .pg_store_main_head .container h2 {margin: 0 0 30px;text-align: center;color: #fff;font-weight: 400;} .pg_store_filters {background: #fff;box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);border-radius: 10px;margin: auto;width: 100%;max-width: 850px;} .pg_store_fields {position: relative;flex: 1 100%;color: #4e4e4e;padding: 5px 10px;} .pg_store_fields:nth-child(1), .pg_store_fields:nth-child(2) {border-right: 1px solid #eaeaea;} .pg_store_fields:last-child {flex: auto;} .pg_store_fields > input, .pg_store_fields > select {width: 100%;border: 0;background: transparent;padding: 18px 5px;font-size: 16px;} .pg_store_fields > .dropdown > .btn {justify-content: space-between;position: relative;box-shadow: none;width: 100%;padding: 15px 5px;font-size: 16px;background: transparent;border: 0;} .pg_store_fields > .dropdown .dropdown-menu {width: 100%;padding: 20px 20px 0;min-width: 300px;} .pg_store_fields > .btn-main {line-height: 50px;min-width: 100px;border-radius: 8px;} .pg_store_fields > .btn-main svg {margin: -3px 0 0;width: 26px;height: 26px;} .pp_store_head {flex-wrap: wrap;justify-content: space-between;padding: 0px 0 25px;margin: 0 0 30px;border-bottom: 1px solid #eaeaea;} .pp_store_head_nav {margin: 0 -3px;} .pp_store_head_nav li {margin: 0 3px;display: inline-block;} .pp_store_head_nav li a {display: block;background: #fff;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.07);color: #2d2d2d;font-size: 14px;font-weight: 500;line-height: 40px;text-decoration: none;padding: 0 15px;} .pp_store_head_nav li a svg {width: 18px;height: 18px;margin-top: -2px;} .pp_store_head select {box-shadow: 0 1px 2px rgba(0,0,0,.07);padding: 0 15px;color: #2d2d2d;font-size: 14px;font-weight: 500;line-height: 40px;border-radius: 5px;border: 0;height: 40px;width: 230px;} .pg_store_posts {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;} .pg_store_posts .empty_state {min-height: 300px;} .pg_store_posts .item {display: inline-block;margin-bottom: 20px;width: 100%;-webkit-column-break-inside: avoid;break-inside: avoid;} .pg_store_posts .item .image {position: relative;cursor: pointer;border-radius: 8px;overflow: hidden;} .pg_store_posts .item .image:hover::after {content: '';position: absolute;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.2);z-index: 1;} .pg_store_posts .item .image img {width: 100%;} .pg_store_posts .item .image .category {position: absolute;background-color: rgba(255, 255, 255, 0.9);color: #252525;z-index: 2;padding: 0 11px;font-size: 14px;line-height: 30px;top: 15px;right: 15px;border-radius: 4px;box-shadow: 0 1px 2px rgba(0,0,0,.06);font-weight: 500;opacity: 0;} .pg_store_posts .item .image:hover .category {opacity: 1;} .pg_store_posts .item .image .caption {position: absolute;justify-content: space-between;bottom: -20px;left: 0;right: 0;width: 100%;background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));padding: 35px 8px 8px;opacity: 0;transition: .2s;z-index: 2;} .pg_store_posts .item .image:hover .caption {opacity: 1;bottom: 0;} .pg_store_posts .item .image .caption > div img {width: 27px;height: 27px;object-fit: cover;margin-right: 7px;} .pg_store_posts .item .image .caption > div p {margin: 0;color: #fff;max-width: 140px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .pg_store_posts .item .image .caption > p {margin: 0 -5px;color: #fff;} .pg_store_posts .item .image .caption > p span {display: inline-block;padding: 0 5px;} .pg_store_posts .item .image .caption > p span svg {width: 16px;height: 16px;margin-top: -2px;} .pp_store_item_lilinfo {color: #fff;text-align: right;background-color: rgba(0, 0, 0, 0.6);padding: 3px 10px;border-radius: 5px;} .pp_store_item_lilinfo p {margin: 0;} .pp_store_pic_details {padding: 0 5px;overflow-y: auto;} .pp_store_pic_details h3 {margin: 0 0 15px;font-size: 20px;padding: 0 7px;} .pp_store_pic_details .table > tbody > tr > td {border-top-color: #ececec;padding: 12px 8px;} .pp_store_pic_details_name {width: 135px;font-weight: 500;} .pp_store_pic_details_name svg {width: 17px;height: 17px;opacity: 0.7;margin: -2px 3px 0 0;} .pp_store_pic_details_detail {word-break: break-all;} .paypal_btn {padding: 12px 25px;font-weight: 500;font-size: 14px;border: 0;transition: all 0.3s;background-color: rgba(63, 81, 181, 0.25);color: #3f51b5;min-width: 120px;margin: 15px auto;display: block;border-radius: 5px;box-shadow: none;width: calc(100% - 25px);font-family: "Roboto", sans-serif;line-height: 1;} .paypal_btn svg {width: 20px;height: 22px;margin-top: -1px;} .pp_store_tratale .table {margin: 0;} .pp_store_tratale .table > thead > tr > th {border-bottom: 1px solid #ececec;font-weight: 500;} .pp_store_transct_list td {vertical-align: middle !important;padding: 12px 8px !important;border-top: 1px solid #eeeeee !important;} .pp_store_transct_list .store_img img {width: 50px;height: 50px;border-radius: 5px;object-fit: cover;} .pp_store_transct_list .store_buy a {color: #464646;text-decoration: none;} .pp_store_transct_list .store_buy a img {width: 35px;height: 35px;border-radius: 50%;margin-right: 4px;} .pp_store_upload .fak_image, .pg_fak_img {padding-bottom: 40%;height: 0;border: 2px dashed #ccc;border-radius: 10px;margin-bottom: 30px;background: transparent;transition: all 0.15s;} .pp_store_upload .fak_image:hover, .pp_store_upload .fak_image.hover, .pg_fak_img:hover {border-color: var(--main);} .pp_store_upload .fak_image > div, .pg_fak_img > div {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .pp_store_upload .fak_image .upload_fk_image, .pg_fak_img .upload_fk_image {flex-direction: column;} .pp_store_upload .fak_image .upload_fk_image svg, .pg_fak_img .upload_fk_image svg {display: block;width: 80px;height: 80px;margin: 0 auto 15px;} .pg_fak_img {padding-bottom: 70%;} .pg_fak_img .upload_fk_image svg {width: 60px;height: 60px;margin: 0 auto 12px;} .pp_store_lic_chose .btn {border: 0;font-size: 30px;min-width: 54.3px;margin-left: 10px;height: 54.3px;padding: 0 0 5px;} .pp_store_license_select {display: block;margin: 10px 5px;} .pp_store_license_select [type="radio"]:not(:checked), .pp_store_license_select [type="radio"]:checked {position: absolute;opacity: 0;pointer-events: none;} .pp_store_license_select .lnce_name {display:block;padding: 13px 15px 15px;background-color: #fdfdfd;border-radius: 8px;line-height: 1;box-shadow: inset 0 0 0 1px #dedede;} .pp_store_license_select .lnce_name .duration {display: block;font-weight: 600;font-size: 14px;} .pp_store_license_select .lnce_name a {display: none;float: right;cursor: pointer;background-color: #c767d8;color: white;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.07);font-size: 14px;font-weight: 500;line-height: 33px;text-decoration: none;padding: 0 15px;min-width: 112px;text-align: center;margin: 5px 0 0;} .pp_store_license_select .lnce_name .price {font-weight: 600;font-size: 27px;padding-top: 10px;display: none;} .pp_store_license_select [type="radio"]:checked+span {background-color: rgba(0, 0, 0, 0.1);} .pp_store_license_select [type="radio"]:checked+span .price {display: inline-block;} .pp_store_license_select [type="radio"]:checked+span a {display: inline-block;} /*Blog*/ .pp_blog_posts, .pp_blogs_sidebar {background: #fff;border-radius: 7px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);padding: 15px 0px 0;margin-bottom: 20px;font-family: "Roboto", sans-serif;overflow: hidden;} .pg_blog_posts {position: relative;padding: 0;margin-bottom: 30px;} .pp_blog_posts .header {text-align: center;padding: 10px 15px 25px;} .pp_blog_posts .header h2 {margin: 0 0 8px;font-weight: 100;} .pp_blog_posts .header h2 a {text-decoration: none;color: black;} .pp_blog_posts .post-images a {position: relative;padding-bottom: 56.25%;height: 0;width: 100%;display: block;} .pp_blog_posts .post-images img {object-fit: cover;position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;} .pp_blog_posts .caption {padding: 25px 55px 35px;font-size: 15px;line-height: 32px;} .pp_blog_posts .caption img {max-width: 100%;height: auto;} .pp_blogs_sidebar {padding: 15px;} .pp_blogs_sidebar .stories h5 {margin: 0 0 15px;font-size: 16px;} .pp_side_cat_list {margin: -5px -3px;} .pp_side_cat_list .item {margin: 5px 3px;display: inline-block;} .pp_side_cat_list .item a {text-decoration: none;color: #673AB7;background-color: rgba(103, 58, 183, 0.09);display: block;padding: 7px 15px;border-radius: 7px;font-weight: 500;font-size: 13px;} .home-posts-container .timeline-posts.pg_blog_posts {padding: 0;} .pg_blog_cats_sub {position: absolute;justify-content: space-between;top: 0;right: 0;left: 0;width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent);padding: 15px 15px 35px;z-index: 1;} .pg_blog_cats_sub span {color: #fff;font-size: 13px;} .pg_blog_cats_sub span:not(.time-ago) {text-transform: uppercase;font-weight: 500;letter-spacing: 1.4px;word-spacing: 2px;} .pg_blog_cats_sub .dropdown-toggle {display: block;line-height: 1;border-radius: 50%;background-color: rgba(0, 0, 0, 0.7);margin-left: 7px;cursor: pointer;} .home-posts-container .timeline-posts.pg_blog_posts .header {position: absolute;justify-content: space-between;bottom: 0;right: 0;left: 0;width: 100%;background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));padding: 80px 15px 15px;text-align: initial;} .home-posts-container .timeline-posts.pg_blog_posts .header h2 {margin: 0;} .home-posts-container .timeline-posts.pg_blog_posts .header h2 a {color: #fff;} /*Alerts*/ .alert {border: 0;padding: 7px;text-align: center;border-radius: 5px;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 500;} .alert p {margin:0;font-size: 14px;} .alert-info {background-color: rgba(33, 150, 243, 0.1);color: #2196F3;} .alert-success {background-color: rgba(76, 175, 80, 0.1);color: #4CAF50;} .alert-warning {background-color: rgba(243, 148, 64, 0.1);color: #f39440;} .alert-danger {background-color: rgba(244, 67, 54, 0.1);color: #F44336;} /*Account Stats*/ .pg_acc_stats {margin-top: 30px;} .acc_stats_hdr select {margin-left: auto;border: 0;height: 36px;font-weight: 500;color: #6b6b6b;width: 100%;max-width: 170px;border-radius: 0;box-shadow: 0 1px #d8d8d8;} .pg_stat_single {text-align: center;background: #fff;margin-bottom: 30px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: 7px;padding: 30px 10px;transition: all .3s;} .pg_stat_single:hover {box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);} .pg_stat_single span {display: flex;margin: 0 auto 10px;align-items: center;justify-content: center;width: 45px;height: 45px;border-radius: 50%;} .pg_stat_single span.blue {background: #E5F3FE;color: #0285FF;} .pg_stat_single span.green {background: #EBF9EA;color: #33C635;} .pg_stat_single span.violet {background: #F3F1FF;color: #886CFF;} .pg_stat_single span.yellow {background: #FFF8E5;color: #FEC31F;} .pg_stat_single b {font-size: 36px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} .pg_stat_single p {margin: 0;color: #747474;font-weight: 500;} /*Load More*/ .load_more .btn {margin: 10px auto 20px;border-radius: 2em;font-weight: 500;font-family: 'Roboto', sans-serif;border: 0;padding: 0;background: transparent;box-shadow: none;line-height: 30px;} .load_more .btn > span {background-color: #fff;color: var(--main);border-radius: 50%;width: 30px;height: 30px;align-items: center;justify-content: center;margin-right: 7px;transition: all 0.2s;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);} .load_more .btn:hover > span {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);} /*Share Modal*/ .pp_share_Post {max-width: 500px;} .pp_share_Post_links {margin: 0;} .pp_share_Post_links .social-btn {width: auto;font-size: inherit;height: auto;line-height: 1;display: inline-block;margin: 0 4px 0 0;} .pp_share_Post_links .social-btn svg {width: 34px;height: 34px;} /*Calling modal*/ .pp_call_modals {overflow: auto;} .pp_call_modals.in {display: flex !important;} .pp_call_modals .modal-dialog {width: 100%;max-width: 450px;margin: auto;} .dt_call_ing, .dt_call_rec_ing {text-align: center;border: 0;} .pp_call_modals .modal-header {border: 0;padding: 0;} .dt_call_ing > svg {width: 90px;height: 90px;margin-bottom: 24px;margin-top: 24px;} .dt_call_ing .modal-footer, .dt_call_rec_ing .modal-footer {padding: 10px 6px 25px;text-align: center;border: 0;margin: 0;} .dt_call_rec_ing_detal {padding-top: 24px;} .dt_call_rec_ing_detal img {width: 100px;height: 100px;margin: 0 auto 20px;display: block;border-radius: 50%;} .dt_call_rec_ing_detal p {margin-top: 0;} .dt_call_rec_ing .modal-footer .btn {color: #fff;margin: 0 9px;width: 48px;height: 48px;padding: 0;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;} .dt_call_rec_ing .modal-footer .btn:hover {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.23);} /*Video call*/ .video-con {background:#000;height: calc(100vh - 52px);} #remote-media, .video-con {position:relative} #remote-media h3 {text-align: center;color: #fff;padding: 170px 0 30px;font-size: 25px;margin: 0;} #remote-media video:nth-child(2) {width:100%;display:block;margin-left:auto;margin-right:auto;height: calc(100vh - 52px);} .end_vdo_call, .start_vdo_call {padding: 0 16px;display: flex;align-items: center;justify-content: center;height: 45px;border-radius: 2em;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;text-transform: none;line-height: 35px;background-color: #d9534f;} .end_vdo_call:hover, .start_vdo_call:hover {background-color: #e66662;} .end_vdo_call svg, .start_vdo_call svg {margin-right: 9px;} #local-media video {width: 200px;height: 240px;position: absolute;top: 23px;right: 20px;background: #000;border-radius: 5px;text-align: center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);} /*Blog Comments*/ .pp_blog_comms .home-posts-container, .pp_blog_comms .home-posts-container .timeline-posts {margin: 0;} .pp_blog_comms .home-posts-container .timeline-posts > h4 {margin: 0 0 20px;} .pp_blog_comms .home-posts-container .timeline-posts .comments-area .post-comments-list li {padding: 17px 35px 1px 0px;} .pp_blog_comms .home-posts-container .timeline-posts .comments-area .post-comments-list li .delcomment {right: 5px;top: 20px;} /*Shared Post*/ .home-page-container .home-posts-container .timeline-posts .pp_shared_post_author {padding: 0;} .pp_shared_post_author_innr {border: 1px solid #e0e0e0;border-radius: 0 0 5px 5px;padding: 8px;border-top: 0;} .home-page-container .home-posts-container .timeline-posts .pp_shared_post_author img {width: 25px;height: 25px;} /*Live*/ .wow_go_live_cont {background: #000;} .wow_go_live_cont #remote-media h3 {padding: 0;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .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 - 50px);} .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;text-transform: uppercase;} #main_live_video {height: 100%;width: 100%;} .live_mic_cam_switch {position: absolute;right: 0;top: 65px;height: auto !important;} .mic_drop, .cam_drop {display: inline-block;} .mic_drop > .btn, .cam_drop > .btn {background-color: #232323;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;padding: 120px 15px 10px;} .wow_liv_comments_feed .main-comment .user-name a {color: white;margin-left: 10px;} .wow_liv_comments_feed .main-comment .user-comment {color: #dcdcdc;padding-left: 66px!important;} .live_comments .user_avatar{border: 2px solid #bec2c9;padding: 2px;width: 56px;height: 56px;border-radius: 50%;} .main-comment.live_comments {margin-bottom: 10px;} .end_video_text {z-index: 9;} .wow_go_live_btn, .wow_end_live_btn {border: 0;left: auto;bottom: auto;top: 15px;right: 0;transform: none;height: 38px;border-radius: 5px;font-weight: 500;text-transform: uppercase;} .wow_go_live_btn svg, .wow_end_live_btn svg {width: 18px;height: 18px;} .wow_go_live_btn {background-color: #4cae4c !important;} /*VR Player*/ body .vjs-matrix.video-js.vjs-theme-sea .vjs-control-bar{height:45px;background-color:hsla(0,0%,100%,.4)} body .vjs-matrix.video-js.vjs-theme-sea .vjs-button:hover{color:#4176bc;background:linear-gradient(0deg,#d0ddee,#fff)} body .vjs-matrix.video-js.vjs-theme-sea .vjs-button>.vjs-icon-placeholder:before{line-height:2.2} body .vjs-matrix.video-js.vjs-theme-sea .vjs-time-control{line-height:45px} body .vjs-matrix.video-js.vjs-theme-sea .vjs-picture-in-picture-control,.vjs-theme-sea .vjs-volume-panel{display:none} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-play-progress{background-color:rgb(96 125 139 / 90%)} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before{display:none} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-slider{background-color:rgb(96 125 139 / 10%)} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-load-progress div{background:hsla(0,0%,100%,.5)} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-progress-holder{margin:0;height:100%} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip{background-color:rgb(96 125 139 / 50%);color:#fff} body .vjs-matrix.video-js.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{background-color:hsla(0,0%,100%,.7);color:#4176bc} .vjs-matrix.video-js .vjs-progress-holder .vjs-load-progress, .vjs-matrix.video-js .vjs-progress-holder .vjs-load-progress div, .vjs-matrix.video-js .vjs-progress-holder .vjs-play-progress, .vjs-matrix.video-js .vjs-progress-holder .vjs-tooltip-progress-bar {height: 100%;} .vjs-matrix.video-js .vjs-mouse-display:after, .vjs-matrix.video-js .vjs-play-progress:after {display: none;} .vjs-matrix.video-js .vjs-control:before {font-size: 28px;line-height: 44px;} .vjs-matrix.video-js .vjs-seek-to-live-control {display: none;} .vjs-matrix.video-js .vjs-time-control {font-size: 16px;} .vjs-matrix.video-js .vjs-time-tooltip {height: 35px;} .vjs-matrix.video-js .vjs-big-vr-play-button {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' xml:space='preserve'%3e%3cg%3e%3cpath xmlns='http://www.w3.org/2000/svg' style='' d='M446.156,81.559l-24.359-48.234c-1.984-3.949-6.805-5.547-10.75-3.535 c-3.938,1.992-5.523,6.805-3.531,10.746l7.534,14.918C369.959,19.551,314.498,0.008,256,0.008 c-68.383,0-132.664,26.629-181.016,74.98S0,187.625,0,256.008s26.633,132.664,74.984,181.016c1.563,1.563,3.609,2.344,5.656,2.344 s4.094-0.781,5.656-2.344c3.125-3.125,3.125-8.188,0-11.313C40.969,380.383,16,320.117,16,256.008S40.969,131.629,86.297,86.301 S191.891,16.008,256,16.008c54.822,0,106.799,18.309,149.062,51.942l-16.265-4.282c-4.266-1.121-8.648,1.422-9.773,5.695 s1.422,8.648,5.695,9.773l52.258,13.762c0.68,0.18,1.359,0.266,2.039,0.266c2.375,0,4.68-1.063,6.219-2.969 C447.219,87.75,447.578,84.367,446.156,81.559z' fill='%23ffffff' data-original='%23c0bcc1' class=''/%3e%3cg xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='' d='M221.672,509.648c-0.359,0-0.734-0.023-1.102-0.078c-5.43-0.75-10.914-1.688-16.289-2.797 c-4.328-0.891-7.109-5.125-6.219-9.453c0.891-4.32,5.063-7.094,9.453-6.219c5.023,1.039,10.109,1.914,15.242,2.625 c4.375,0.602,7.438,4.641,6.828,9.016C229.031,506.75,225.609,509.648,221.672,509.648z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M171.273,497.156c-0.906,0-1.828-0.156-2.734-0.484c-5.188-1.883-10.344-3.953-15.336-6.148 c-4.047-1.773-5.883-6.5-4.102-10.539c1.766-4.039,6.484-5.883,10.539-4.102c4.711,2.07,9.5,3.984,14.367,5.758 c4.148,1.508,6.297,6.094,4.781,10.25C177.609,495.141,174.539,497.156,171.273,497.156z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M124.625,474.391c-1.453,0-2.922-0.391-4.242-1.219c-4.664-2.93-9.242-6-13.695-9.211 c-3.586-2.578-4.398-7.578-1.82-11.164c2.57-3.586,7.578-4.398,11.164-1.82c4.188,3.008,8.469,5.891,12.852,8.633 c3.742,2.352,4.875,7.289,2.531,11.031C129.891,473.063,127.289,474.391,124.625,474.391z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M492.477,338.945c-0.797,0-1.609-0.117-2.414-0.375c-4.211-1.328-6.547-5.828-5.211-10.039 c1.547-4.898,2.945-9.867,4.188-14.891c1.055-4.289,5.414-6.93,9.68-5.852c4.289,1.055,6.914,5.391,5.852,9.68 c-1.32,5.367-2.813,10.664-4.469,15.891C499.023,336.766,495.875,338.945,492.477,338.945z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M502.859,288.109c-0.25,0-0.508-0.008-0.766-0.039c-4.398-0.414-7.625-4.32-7.203-8.719 c0.484-5.102,0.813-10.25,0.984-15.453c0.133-4.414,3.938-8.063,8.25-7.734c4.414,0.141,7.883,3.836,7.734,8.25 c-0.172,5.531-0.531,11.023-1.047,16.453C510.422,285.008,506.938,288.109,502.859,288.109z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M502.453,236.219c-4.031,0-7.492-3.031-7.945-7.125c-0.555-5.055-1.297-10.203-2.203-15.297 c-0.773-4.352,2.125-8.508,6.469-9.281c4.438-0.781,8.516,2.125,9.281,6.469c0.969,5.453,1.766,10.953,2.359,16.359 c0.484,4.391-2.688,8.344-7.078,8.828C503.039,236.203,502.742,236.219,502.453,236.219z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M491.328,185.531c-3.352,0-6.477-2.117-7.594-5.477c-1.625-4.898-3.422-9.734-5.359-14.492 c-1.672-4.094,0.297-8.762,4.383-10.43c4.078-1.68,8.758,0.289,10.43,4.383c2.078,5.086,4,10.297,5.734,15.492 c1.391,4.188-0.875,8.719-5.07,10.117C493.016,185.398,492.164,185.531,491.328,185.531z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3cpath style='' d='M469.828,138.301c-2.742,0-5.406-1.406-6.898-3.938c-2.625-4.449-5.383-8.813-8.281-13.078 c-2.484-3.656-1.531-8.633,2.125-11.113c3.656-2.488,8.625-1.531,11.109,2.121c3.086,4.547,6.031,9.199,8.828,13.945 c2.242,3.805,0.977,8.711-2.828,10.953C472.609,137.945,471.211,138.301,469.828,138.301z' fill='%23ffffff' data-original='%23dbd9dc' class=''/%3e%3c/g%3e%3cpath xmlns='http://www.w3.org/2000/svg' style='' d='M446.156,81.559l-24.359-48.234c-1.984-3.949-6.805-5.547-10.75-3.535 c-3.938,1.992-5.523,6.805-3.531,10.746l7.534,14.918C369.959,19.551,314.498,0.008,256,0.008c-10.135,0-20.161,0.655-30.063,1.861 c-4.761,0.58-7.867,5.36-6.556,9.974c0.015,0.052,0.029,0.104,0.044,0.155c1.081,3.812,4.738,6.222,8.671,5.745 c9.192-1.115,18.495-1.735,27.904-1.735c54.822,0,106.799,18.309,149.062,51.942l-16.265-4.282 c-4.266-1.121-8.648,1.422-9.773,5.695s1.422,8.648,5.695,9.773l52.258,13.762c0.68,0.18,1.359,0.266,2.039,0.266 c2.375,0,4.68-1.063,6.219-2.969C447.219,87.75,447.578,84.367,446.156,81.559z' fill='%23ffffff' data-original='%239c969e' class=''/%3e%3cg xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='' d='M436,511.992c-19.852,0-36-16.148-36-36v-40c0-19.852,16.148-36,36-36s36,16.148,36,36v40 C472,495.844,455.852,511.992,436,511.992z M436,415.992c-11.031,0-20,8.969-20,20v40c0,11.031,8.969,20,20,20s20-8.969,20-20v-40 C456,424.961,447.031,415.992,436,415.992z' fill='%23ffffff' data-original='%23afd755' class=''/%3e%3cpath style='' d='M356,439.992c-7.398,0-14.274,2.253-20,6.094v-10.094c0-11.031,8.969-20,20-20 c5.273,0,10.25,2.031,14.008,5.727c3.156,3.094,8.219,3.055,11.313-0.094c3.102-3.148,3.055-8.219-0.094-11.313 c-6.773-6.656-15.727-10.32-25.227-10.32c-19.852,0-36,16.148-36,36v40c0,19.852,16.148,36,36,36s36-16.148,36-36 S375.852,439.992,356,439.992z M356,495.992c-11.031,0-20-8.969-20-20s8.969-20,20-20s20,8.969,20,20S367.031,495.992,356,495.992z ' fill='%23ffffff' data-original='%23afd755' class=''/%3e%3cpath style='' d='M276,455.992c-4.422,0-8-3.578-8-8s3.578-8,8-8c6.617,0,12-5.383,12-12s-5.383-12-12-12 c-2.625,0-5.109,0.828-7.188,2.391c-3.539,2.672-8.547,1.945-11.203-1.578c-2.656-3.531-1.953-8.547,1.578-11.203 c4.875-3.672,10.688-5.609,16.813-5.609c15.438,0,28,12.563,28,28S291.438,455.992,276,455.992z' fill='%23ffffff' data-original='%23afd755' class=''/%3e%3c/g%3e%3cg xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='' d='M276,511.992c-13.836,0-26.609-8.078-32.539-20.586c-1.898-3.992-0.195-8.766,3.797-10.656 c4.008-1.891,8.766-0.188,10.656,3.797c3.297,6.953,10.398,11.445,18.086,11.445c11.031,0,20-8.969,20-20s-8.969-20-20-20 c-4.422,0-8-3.578-8-8s3.578-8,8-8c19.852,0,36,16.148,36,36S295.852,511.992,276,511.992z' fill='%23ffffff' data-original='%2391c85f' class=''/%3e%3cpath style='' d='M436,511.992c-19.852,0-36-16.148-36-36v-28c0-4.422,3.578-8,8-8s8,3.578,8,8v28 c0,11.031,8.969,20,20,20s20-8.969,20-20v-28c0-4.422,3.578-8,8-8s8,3.578,8,8v28C472,495.844,455.852,511.992,436,511.992z' fill='%23ffffff' data-original='%2391c85f' class=''/%3e%3cpath style='' d='M356,439.992c-7.547,0-14.542,2.354-20.335,6.338c-0.785-3.595-3.833-6.338-7.665-6.338 c-4.422,0-8,3.578-8,8v28c0,19.852,16.148,36,36,36s36-16.148,36-36S375.852,439.992,356,439.992z M356,495.992 c-11.031,0-20-8.969-20-20s8.969-20,20-20s20,8.969,20,20S367.031,495.992,356,495.992z' fill='%23ffffff' data-original='%2391c85f' class=''/%3e%3c/g%3e%3cpath xmlns='http://www.w3.org/2000/svg' style='' d='M488,407.992c-13.234,0-24-10.766-24-24s10.766-24,24-24s24,10.766,24,24 S501.234,407.992,488,407.992z M488,375.992c-4.414,0-8,3.586-8,8s3.586,8,8,8s8-3.586,8-8S492.414,375.992,488,375.992z' fill='%23ffffff' data-original='%23bee86e' class=''/%3e%3cpath xmlns='http://www.w3.org/2000/svg' style='' d='M350.027,241.923l-142.406-77.137C196.96,159.012,184,166.731,184,178.855v154.274 c0,12.125,12.96,19.843,23.621,14.069l142.406-77.137C361.2,264.009,361.2,247.975,350.027,241.923z' fill='%23ffffff' data-original='%23afd755' class=''/%3e%3cpath xmlns='http://www.w3.org/2000/svg' style='' d='M350.027,241.923l-8.342-4.519l-58.634,31.76C256.399,283.602,224,264.304,224,233.993v-60.335 l-16.38-8.872c-10.661-5.774-23.62,1.944-23.62,14.069v154.274c0,12.124,12.96,19.843,23.621,14.069l142.406-77.137 C361.199,264.009,361.199,247.975,350.027,241.923z' fill='%23ffffff' data-original='%2391c85f' class=''/%3e%3c/g%3e%3c/svg%3e");top: 50%;left: 50%;transform: translate(-50%, -50%);border: 0;width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;background-size: 55px;border-radius: 50%;} .play_video_button{display: block;z-index: 2;position: absolute;width: 80px;height: 80px;text-align: center;vertical-align: middle;cursor: pointer;top: 50%;left: 50%;margin-left: -40px;margin-top: -40px;border: none;background: 0 0;visibility: visible;opacity: 1;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;color: inherit;} .play_video_button:before{content: "\e602";font-family: afterglow-icon;line-height: 80px;font-size: 80px;text-shadow: 0 0 5px #000;text-shadow: 0 0 5px rgb(0 0 0 / 60%);text-align: center;font-weight: 700;position: absolute;left: 0;width: 100%;height: 100%;} /*Paid Post*/ .set_post_price_alert > p {font-weight: bold;} .set_post_price_alert > div {display: flex;} .set_post_price_alert > div > .form-group {flex: 1 1 auto;overflow: hidden;} .set_post_price_alert > div span {flex: 0 0 auto;font-size: 30px;} .set_post_price_alert > div span b {margin-top: -20px;vertical-align: middle;} .set_post_price_alert > div span input {width: 100px;line-height: 1;border: 0;margin-top: -15px;vertical-align: middle;font-size: 40px;background: transparent;} .set_post_price_alert > div p {margin: 0;flex: 1 1 auto;} .post_pos_rel {position: relative;} .alert_blurred_div {z-index: 3;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;background-color: rgb(0 0 0 / 40%);} .alert_blurred_div.blur {backdrop-filter: blur(20px);} .alert_blurred_div > svg {width: 80px;height: 80px;margin: 0 0 20px;opacity: 0.6;} .alert_blurred_div p {font-weight: bold;font-size: 16px;} .alert_blurred_div .btn {margin-top: 30px;padding: 0 17px;line-height: 40px;} .alert_blurred_div .btn svg {width: 18px;height: 18px;margin: -3px 0 0;} .wallet_empty_state {text-align: center;margin: 30px 0 40px;font-size: 16px;} .wallet_empty_state svg {display: block;margin: 0 auto 10px;width: 80px;height: auto;} .wallet_empty_state .btn {display: block;margin: 30px auto 0;user-select: none;box-sizing: border-box;cursor: pointer;padding: 7px 20px 8px;font-family: "Roboto", sans-serif;text-decoration: none;box-shadow: none;border-radius: 2em;font-size: 14px;font-weight: 500;letter-spacing: 0.3px;min-width: 100px;} /*Modal*/ .modal--menu.pp_mat_modal .modal-outer .modal-inner, .pp_mat_modals .modal-content {border-radius: 10px;box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;} .modal--menu.pp_mat_modal h5.title, .modal--menu.pp_mat_modal .modal-body, .pp_mat_modals .modal-body {padding: 15px;} .modal--menu.pp_mat_modal h5.title+.modal-body {padding-top: 0;} .modal--menu.pp_mat_modal .modal-body textarea {box-shadow: none;border: none;color: #14171a;display: block;word-break: break-word;resize: none;padding: 0;background: transparent;} .pp_mat_modal .modall-footer, .pp_mat_modals .modal-footer {border-top: 1px solid #e8e8e8;overflow: hidden;padding: 9px 15px;margin: 0px;height: 56px;top: 0;left: 0;right: 0;display: flex;justify-content: space-between;} .pp_mat_modal .modall-footer .btn, .pp_mat_modals .modal-footer .btn, .load_more_fnds {margin: 0;display: inline-block;user-select: none;box-sizing: border-box;cursor: pointer;padding: 7px 20px 8px;font-family: "Roboto", sans-serif;text-decoration: none;box-shadow: none;border-radius: 2em;font-size: 14px;font-weight: 500;letter-spacing: 0.3px;} .pp_mat_modals .modal-header {border: 0;} .pp_mat_modals .modal-header .modal-title {line-height: 3.2rem;font-size: 20px;font-family: "Roboto",sans-serif;} .pp_mat_modals .modal-footer:before, .pp_mat_modals .modal-footer:after {display: none;} .pp_mat_modals .modal-footer .btn {text-transform: capitalize;} /*Responsive*/ @media (min-width: 1200px) { .container {width: 1050px;} .messages-container .row.content .chat-list ul::-webkit-scrollbar-track {background-color: transparent;width: 4px; } .messages-container .row.content .chat-list ul::-webkit-scrollbar {width: 4px;background-color: transparent; } .messages-container .row.content .chat-list ul::-webkit-scrollbar-thumb {width: 4px;background-color: rgba(153, 153, 153, 0.5); } } @media (min-width: 2000px) { .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {width: 20%;} } @media (max-width: 1500px) { .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .dropdown-toggle span {max-width: 150px;} .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {width: 33.3333333%;} } @media (max-width: 1330px) { .navbar-fixed-top form.navbar-search {width: 350px;} .pro_user_new_profile .pg_pro_profile_side {width: 350px;} .pg_pro_profile_main {margin-left: 350px;} } @media (max-width: 1230px) { .navbar-fixed-top form.navbar-search {width: 300px;} .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {width: 50%;} } @media (max-width: 1200px) { .pg_grid_posts {margin: 0 -11px;} .pg_grid_posts .item {padding: 0 11px;margin-bottom: 22px;} } @media (max-width: 1190px) { .navbar-fixed-top .navbar-nav li.pg_hdr_act_menu .dropdown-toggle span {display: none;} .pro_user_new_profile .pg_pro_profile_side {width: 320px;} .pg_pro_profile_main {margin-left: 320px;} .user-profile-page-content.pro_user_new_profile .social-links li.btn-website {display: none;} } @media (max-width: 1140px) { .light__box .lightbox-outer .lightbox-inner {min-width: auto;} .navbar-fixed-top .navbar-nav li.logo {margin-right: 15px;} .navbar-fixed-top .navbar-nav li.logo a {max-width: 115px;} .navbar-fixed-top .navbar-nav > li > a, .navbar-fixed-top .navbar-nav li div.notifications-list {padding: 14.5px 8px;} .navbar-fixed-top .navbar-nav li div.notifications-list {padding: 0 8px;} } @media (max-width: 1065px) { .light__box .lightbox-outer .lightbox-inner {max-width: 870px;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .post-data-container .post-data-inner .post-media-renderer {margin-right: 335px;} .light__box .lightbox-outer .lightbox-inner .post-data .heading, .post-data-container .post-data-inner .header, .light__box .post-data .posts-votes, .post-data-container .post-data-inner .sidebar {width: 335px;} } @media (max-width: 1024px) { .light__box .lightbox-outer .lightbox-inner {max-width: 850px;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .post-data-container .post-data-inner .post-media-renderer {margin-right: 320px;} .light__box .lightbox-outer .lightbox-inner .post-data .heading, .post-data-container .post-data-inner .header, .light__box .post-data .posts-votes, .post-data-container .post-data-inner .sidebar {width: 320px;} } @media (max-width: 992px) { .no-padding-left {padding-left: 15px;} .home-sidebar-right .featured-posts .list .item, .home-sidebar-right .stories.pro_usr .list .item {width: 33.3333333%;} .navbar-fixed-top .navbar-nav li {margin-right: 2px;} .navbar-fixed-top form.navbar-search {width: 240px;} .post-data-container .post-data-inner .post-media-renderer {margin-right: 310px;width: calc(100% - 310px);} .post-data-container .post-data-inner .sidebar {max-width: 310px;min-width: 310px;} .post-data-container .post-data-inner .post-media-renderer .post-embed-frame iframe {min-height: 310px !important; } .light__box .lightbox-outer .lightbox-inner .post-data, .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .post-data-container .post-data-inner .post-media-renderer {max-height: 550px;} .fund_col-md {padding-left: 15px;} #store_search_div {padding-bottom: 30px;} .pg_folw_sugg_carousel .item {width: 130px;} .pg_grid_posts .item, .pg_grid_posts .item:first-child, .pg_grid_posts .item:nth-child(2), .pg_grid_posts .item:nth-child(3), .pg_grid_posts .item:nth-child(4), .pg_grid_posts .item:nth-child(5) {width: 33.3333333%;} .pg_grid_posts .item .explore-postset .image .caption {display: none;} .pg_grid_ppl_sugg .people .pg_folw_sugg_carousel {width: 25%;} .fund_main_img {margin: 0 0 20px;} .post-data-container .post-data-inner {min-height: 550px;max-height: 550px;} .user-profile-page-content .user-heading .user-info > .valign {flex-direction: column;} .user-profile-page-content .pg_usr_stats {margin: 20px 0 0;width: 100%;min-width: auto;padding: 0 13px;} .user-profile-page-content .pg_usr_stats li {float: none;width: auto;padding: 0 7px;} .user-profile-page-content .pg_usr_stats li a {font-size: 14px;text-align: inherit;font-weight: 500;} .user-profile-page-content .pg_usr_stats li a span {display: inline-block;margin-left: 3px;} .pro_user_new_profile .pg_pro_profile_side {position: relative;width: 100%;top: auto;border: 0;} .pro_user_new_profile .pg_pro_profile_side .user-info {overflow: visible;} .pg_pro_profile_main {margin: 0;} .pg_prf_pst_nav, .pg_pro_profile_posts > .container {padding: 0 15px;} .pro_user_new_profile .pg_usr_stats {margin: 20px 0;} .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {width: 33.3333333%;} .pg_sett_row {flex-direction: column;} .pg_sett_row > .col-md-4 {-ms-flex-order: 1;order: 1;width: 100%;} .pg_sett_row > .col-md-8 {-ms-flex-order: 2;order: 2;width: 100%;padding-right: 15px;} .sett_navbar {margin-bottom: 25px;} } @media (max-width: 950px) { .navbar-fixed-top .navbar-nav li.logo a {max-width: 40px;} /*.navbar-fixed-top .navbar-nav li.logo a img {display: none;}*/ .nav .pg_srch_mobi, .navbar-fixed-top .navbar-nav li.logo a img.icon {display: block;} .navbar-fixed-top .navbar-nav > li > a, .navbar-fixed-top .navbar-nav li div.notifications-list {padding: 14.5px 12px;} .navbar-fixed-top .navbar-nav li div.notifications-list {padding: 0 12px;} .navbar-fixed-top form.navbar-search {width: 100%;margin: 0;position: fixed;left: 0;right: 0;top: 0;z-index: 9;transform: scale(0.6);transition: transform 175ms cubic-bezier(0.4, 0.0, 0.2, 1);visibility: hidden;} .navbar-fixed-top form.navbar-search .input input {background-color: #fff;border-radius: 0;height: 52px;padding-left: 55px;} .navbar-fixed-top form.navbar-search > span {display: block;position: absolute;top: 0;left: 0;cursor: pointer;padding: 14px;} .srch_actv .navbar-fixed-top form.navbar-search {transform: scale(1);visibility: visible;} .navbar-fixed-top.transparent form.navbar-search .input input {background-color: #ffffff;} } @media (max-width: 865px) { body .pp_side_footer li.dropup ul.dropdown-menu{left: 0;right: auto;} body .pp_side_footer li.dropup ul.dropdown-menu:before{right: auto;left: 30px;} .light__box .lightbox-outer {padding: 0;} .light__box .lightbox-outer .lightbox-inner .post-data .light__box-slide-controls, .light__box .post-data .posts-votes .posts-votes-inner .heading .pp_light_close, .light__box .lightbox-outer::after, .light__box .lightbox-outer::before{display:none;} .light__box .lightbox-outer .lightbox-inner, .light__box .lightbox-outer .lightbox-inner .post-data .heading, .post-data-container .post-data-inner .header, .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .light__box .post-data .posts-votes, .post-data-container .post-data-inner .sidebar {border-radius: 0;} } @media (max-width: 768px) { .story-container .header {padding-top: 7px;} .story-container .int-indicator {padding: 0px;top: 0;max-width: 100%;left: 0;right: 0;transform: none;} .navbar-nav > li {float: left;} .container-messages-main {padding:0;} .messages-container {height: calc(100vh - 52px);margin: 0;border-radius: 0;} .messages-container .row.content .col-md-4 {border: 0;} .messages-container .header-composition .interlocutor-info .mobile_msg_close {display:inline-block} .messages-container .row.content .col-md-8 {display: none;} .messages-container.open .row.content .col-md-8 {position: fixed;top: 52px;left: 0;width: 100%;height: 100%;display: block;z-index: 9;background-color: white;} .messages-container .row.content .conversation .select-chat .empty_state button {display:block;margin-left: auto;margin-right: auto;} .messages-container .row.content .conversation {height: calc(100% - 108px);} .post-data-container .post-data-inner{display: block;max-height: 100%;min-height: auto;} .post-data-container .post-data-inner .post-media-renderer{margin: 0;width: 100%;min-height: auto;} .post-data-container .post-data-inner .sidebar{ display: block;width: 100%;min-width: 100%;position: relative;} .aff_hiw h2 {margin: 3rem 0 100px 0;} .light__box > .pp_light_close {display: none;} .light__box .lightbox-outer .lightbox-inner .post-data, .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .post-data-container .post-data-inner .post-media-renderer {max-height: none;flex-direction: column;} .light__box .lightbox-outer .lightbox-inner .post-data .heading, .post-data-container .post-data-inner .header {position: relative;width: 100%;} .light__box .lightbox-outer .lightbox-inner .post-data .heading .pp_light_close {display: block;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer, .post-data-container .post-data-inner .post-media-renderer {margin: 0;max-height: 700px;flex-direction: unset;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer img {max-height: 700px;} .light__box .post-data .posts-votes, .post-data-container .post-data-inner .sidebar {position: relative;top: auto;width: 100%;padding-top: 12px;} .light__box .post-data .posts-votes .posts-votes-inner .comments {max-height: 500px;} .post-data-container .post-data-inner .post-media-renderer {border-radius: 0px;min-height: 600px;max-height: 600px;} .post-data-container .post-data-inner .post-media-renderer .carousel .item img {max-height: 600px;} .follow-suggestions-cr {padding: 10px;} .pg_folw_sugg_carousel .item {width: 110px;} .sett_avatr_chng {flex-direction: column;align-items: normal;} .sett_avatr_chng > .edit-avatar {padding: 15px 0 0;} .light__box .post-data .posts-votes, .light__box .post-data .posts-votes .posts-votes-inner, .post-data-container .post-data-inner .sidebar, .post-data-container .post-data-inner .sidebar .sidebar__inner {overflow: visible;} } @media (max-width: 720px) { .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer {min-height: calc(100vh - 290px);max-height: calc(100vh - 290px);} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer img {max-height: calc(100vh - 290px);} .pg_store_main_head {padding: 142px 0 100px;} .pg_store_filters {flex-wrap: wrap;} .pg_store_fields:nth-child(1), .pg_store_fields:nth-child(2) {border-right: 0;border-bottom: 1px solid #eaeaea;} .pg_store_fields > .btn-main {width: 100%;} .pg_store_posts {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} .pp_store_head {flex-direction: column;} .pp_store_head select {margin-top: 25px;} } @media (max-width: 620px) { .home-sidebar-right .featured-posts .list .item, .home-sidebar-right .stories.pro_usr .list .item {width: 50%;} .post-editing-form form#import-post-gifs .content, .post-editing-form form#import-post-gifs .preview-video {max-height: 230px;} .post-editing-form form#embed-post-video #embed-iframe iframe{height: auto !important} .post-editing-form form#embed-post-video div.fetch-url .video-url, .post-editing-form .selecet-file-control {margin: 3px 10px;} .post-editing-form form#import-post-gifs div.search-input {margin: 0 20px 15px;} [tooltip]::after, [tooltip]::before {opacity: 1;visibility: visible;} .footer__container ul{display:block;text-align:center;float:none !important} .footer__container ul.nav.pull-right{padding-bottom: 15px;} body .pp_side_footer ul{text-align: start;} .my_wallet {flex-direction: column;} .my_wallet b {margin-top: 15px;} .pg_page.padd {padding: 10px;} .fund_main_img {height: 290px;} .pp_startup.pg_page.padd {padding: 20px;width: auto;margin: 10px -20px 20px;} .pg_start_subtn {padding: 20px 0 0;margin-top: 20px;} body .pp_side_footer ul.valign {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: center;} body .pp_side_footer ul.valign li {margin: 3px 5px;} } @media (max-width: 580px) { .modal--menu .modal-outer, .modal--dialog .modal-outer {width: 500px;max-width: 90%;} .modal--menu .modal-outer .modal-inner, .modal--dialog .modal-outer .modal-inner {min-width: auto;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer img {min-height: auto;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer iframe{width: 100% !important;height: 100% !important;min-width: 100% !important;min-height: auto !important;position: absolute;top: 0;left: 0;} .light__box .lightbox-outer .lightbox-inner .post-data .posts-media-renderer .pp_mobi_light_embed{position: relative;padding-bottom: 56.25%;height: 0;width: 100%;} body {padding-bottom: 45px;} .navbar-fixed-top .pg_navbar_innr .navbar-nav {flex: none;-webkit-box-flex: inherit;} .navbar-fixed-top .pg_navbar_innr .middle_nav {margin-left: auto;padding-right: 8px;} .nav .pg_hdr_hide, .pg_dtop_add_post li span, .pg_stories .item .caption time, #from_camera_button, .explore-page-container .sub__header, .pg_store_posts .item .image .category, .pg_store_posts .item .image .caption, .pg_store_posts .item .image:hover::after {display: none;} .pg_dtop_add_post {bottom: 0;transform: translateX(-50%) translateY(50px) scale(0.3);transition: transform 175ms cubic-bezier(0.4, 0.0, 0.2, 1);justify-content: space-around;background-color: #232323;} .pg_scnd_nav {transform: translateY(0);} .pub_actv .pg_dtop_add_post {transform: translateX(-50%) translateY(-45px) scale(1);} .pub_actv .pg_scnd_nav .pg_scnd_nav_pub {transform: rotate(45deg);} .pg_stories .item {min-width: 80px;width: 80px;} .pg_stories .item .wrapper, .pg_stories .item .wrapper img, .pg_stories .item .wrapper.anim_border:after {width: 60px;height: 60px;} .pg_stories .item .caption {max-width: 70px;} .pg_home_col, .pg_pro_profile_posts > .container {padding: 0;} .home-posts-container.pg_home_post_cont .timeline-posts {border-radius: 0;padding: 10px;} .home-posts-container .timeline-posts .header {padding: 0 0 10px;} .home-posts-container.pg_home_post_cont .timeline-posts .post-images {width: auto;margin: 0 -10px;border-radius: 0px;} .home-posts-container .timeline-posts .actions {margin: 0 -10px;} .home-posts-container .timeline-posts .actions > div {padding: 0 10px;} .home-posts-container .timeline-posts .comments-area .post-comments-list.hidd, .user-profile-page-content.pro_user_new_profile .social-links li.btn-website {display: block;} .explore-page-container {padding-top: 30px;} .explore-page-container .pg_folw_sugg {background: #f7f7f7;} .pg_grid_posts {margin: 0 -18px;overflow: hidden;} .pg_grid_posts .item, .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {padding: 0 3px;margin-bottom: 6px;} .pg_grid_posts .item .explore-postset, .pg_grid_posts .item .explore-postset .image > img {border-radius: 0px;} .pg_grid_ppl_sugg .people .pg_folw_sugg_carousel {width: 33.3333333%;} .pg_grid_posts .item:first-child {width: 66.6666667%;} .user-profile-page-content .user-heading .user-info {padding: 50px 15px 0;} .user-profile-page-content:not(.pro_user_new_profile) .user-heading .user-info .avatar {width: 110px;min-width: 110px;height: 110px;} .user-profile-page-content:not(.pro_user_new_profile) .user-heading .user-info .info {margin-right: 0;} .user-profile-page-content .navbar-bottom {padding-top: 60px;} .user-profile-page-content .social-links:empty+.pg_prf_nav, .user-profile-page-content.pro_user_new_profile .social-links:empty+.pg_prf_nav, .user-profile-page-content.pro_user_new_profile .social-links:empty+.pg_prf_nav+.pro_user_new_profile_filter {margin-top: -30px;} .user-profile-page-content .navbar-bottom > .container > .valign {flex-direction: column-reverse;justify-content: normal;} .user-profile-page-content .social-links {margin: 0 -7px;position: absolute;left: 145px;top: 8px;} .pro_user_new_profile .pg_prf_pst_nav > .valign {flex-direction: row;padding-top: 0;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav {display: block;white-space: nowrap;overflow-x: auto;max-width: 100%;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav li {display: inline-block;padding-bottom: 4px;} .user-profile-page-content .navbar-bottom ul.pg_prf_nav li a {font-size: 14px;padding: 0 13px;margin: 0 2px;} .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts {margin: 0 -3px;} .user-profile-page-content.pro_user_new_profile .social-links {left: 50%;transform: translateX(-50%);top: 15px;} .pro_user_new_profile .pg_pro_profile_side .user-info {padding: 30px 10px;} .pro_user_new_profile .pg_prf_btns > .btn, .pro_user_new_profile .pg_prf_btns .dropdown {margin: 25px 3px 0;} .pro_user_new_profile_filter {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .feed_two .pg_pro_profile_posts .pg_grid_posts_tag.pg_grid_posts .item {width: 50%;} .pg_pro_profile_posts > .container.pg_grid_ppl_sugg .people {margin: 0 0px;} .pg_store_posts {-webkit-column-gap: 12px;-moz-column-gap: 12px;column-gap: 12px;} .pg_store_posts .item {margin-bottom: 12px;} .pp_store_head_nav li a {padding: 0 10px;} .pg_grid_posts_tag.pg_grid_posts .item {width: 33.3333333%;} } @media (max-width: 570px) { .settings-page-container .blocked-users-settings .blocked-users--ls {padding: 0px 10px;} .camera_1, .filters_1 {height: 560px;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu {left: 0;right: 0;position: fixed;} .navbar-fixed-top .navbar-nav li div.notifications-list div.dropdown-menu ul {max-width: 100%;min-width: auto;} .pp_store_head_nav li {margin: 0 1px;} .pp_store_head_nav li a {padding: 0 5px;} } @media (max-width: 520px) { .user-profile-page-content:not(.pro_user_new_profile) .user-heading .user-info {padding: 30px 15px 0;} .user-profile-page-content:not(.pro_user_new_profile) .user-heading .user-info .avatar {width: 75px;min-width: 75px;height: 75px;} .user-profile-page-content:not(.pro_user_new_profile) .social-links {left: 110px;} .user-profile-page-content.pro_user_new_profile .user-heading .user-info .avatar {width: 110px;min-width: 110px;height: 110px;} } @media (max-width: 500px) { .screen-reader-text {position:static;} } @media (max-width: 496px) { .modal--dialog.modal--dialog h5.title {font-size: 17px;} .modal--dialog.modal--dialog h5.title svg.feather-users {display:none} .modal--dialog .modal-outer .modal-inner ul {padding: 0px 10px 24px;} .user-profile-page-content .social-links li.btn-website a {font-size: 0;text-decoration: none;} .user-profile-page-content .social-links li.btn-website a svg {width: 24px;height: 24px;margin: 0;} .camera_1, .filters_1 {height: 500px;} .pp_blog_posts .caption {padding: 25px 15px 0px;} .acc_stats_hdr {flex-direction: column;} .acc_stats_hdr select {margin: 15px auto 0;} .pg_grid_ppl_sugg .people {margin: 0 -12px;} .pg_grid_ppl_sugg .people .pg_folw_sugg_carousel {width: 50%;padding: 0 5px;} .pg_grid_ppl_sugg .people .pg_folw_sugg_carousel .item {margin: 0px 0 12px;} .fund_main_img {height: 240px;} .post-data-container .post-data-inner .post-media-renderer {min-height: 370px;max-height: 370px;} .post-data-container .post-data-inner .post-media-renderer .carousel .item img {max-height: 370px;} } @media (max-width: 455px) { .pp_mat_input_50 {width: 100%;display: block;} .home-posts-container .timeline-posts.pg_blog_posts .header h2 {font-size: 25px;max-height: 55px;overflow: hidden;} } @media (max-width: 425px) { .settings-page-container .blocked-users-settings .blocked-users--ls {padding: 0px;} .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item button {padding: 3px 8px;} .settings-page-container .blocked-users-settings .blocked-users--ls .blocked-users--ls-item {margin: 0 0 0 60px;} .toast {padding: 0 10px;width: 100%;margin: 10px 0 0 !important;text-align: center;} .toast span {width:100%;margin: 5px auto 0;} .navbar-fixed-top .navbar-nav li.logo {margin-right: 15px;} .navbar-fixed-top .pg_navbar_innr {display: flex;align-items: center;justify-content: center;} .fund_main_img {height: 190px;} } @media (max-width: 380px) { .camera_1, .filters_1 {height: 400px;} .fund_main_img {height: 160px;} } @media (max-width: 320px) { .camera_1, .filters_1 {height: 300px;} } /*Misc*/ .btn-file {position: relative;overflow: hidden;} .btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;} #img-upload {width: 100%;} .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_user_profile > span {margin-bottom: 5px;font-size: 18px;display: flex;align-items: center;} .dt_user_profile > span svg {margin-right: 5px;color: #6b6b6b;} svg.smaller{fill: #a8a8a8;width: 13px !important;height: 13px !important;vertical-align: sub;} .message__data img{max-width: none;border-radius: 15px;max-height: 170px;margin: 0;} .bank_payment--modal{overflow: scroll;} .mx550 {max-height: 550px!important;} #sliderBox{position:relative;top:0%;} #slider0to50{width:150px;/*1x width*/position:absolute;left:0%;} #slider51to100{width:150px;/*1x width*/position:absolute;left:50%;} .bank_payment_donate_modal .confirm--modal--inner {max-height: 100vh;overflow: auto;}