/* General */ .fw-roboto { font-family: 'Roboto', sans-serif !important; } html { overflow-x: hidden !important; /*cursor: url(https://vseti.by/themes/wondertag/img/xmas-cursor.svg) 8 3,auto;*/ } /*Basic*/ * {outline: none !important;word-break: break-word;} body {background: var(--body-bg);overflow-x:hidden;font-family: "Roboto Flex", sans-serif;padding: 0;font-size:14px;line-height:1.42857143;} body .mfp-wrap .mfp-progress-line span {width:0;height:4px;background:#ededed;margin-bottom:-40px;transition:width 10s ease-in-out;display:inline-block; background: #ff9900} a, a:hover, a:focus {/*cursor: url(https://vseti.by/themes/wondertag/img/xmas-cursor-pointer.svg) 8 3,auto;*/word-wrap:break-word;text-decoration:none;color:#666;} a.white:focus{color:#fff!important;text-decoration:none} a.white:hover{color:#f3f3f3;text-decoration:none} .wow_content {background-color: #fff;border: 1px solid #E8E8E8; ;border-radius: 10px;padding: 15px 15px 1px;} .wow_content.negg_padd {padding: 0;} .wow_sett_content {padding: 3px 20px 20px;} .wow_sett_content .text-center > .btn-mat {min-width: 150px;margin: 17px 0;} .tag_content {position: relative;display: block;margin-left: 350px;transition: opacity 0.25s linear;/*will-change: opacity;*/} .tag_content.tag_chat_content {margin-right: 90px;} .tag_content.opacity_start {opacity: 0;pointer-events: none;} .tag_content_n_margin {margin: 0 !important;} .main {color: var(--main);} .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;} hr {margin-top: 0.5em;margin-bottom: 0.5em;} hr.style-two {border: 0;height: 1px;background-image: linear-gradient(to right,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0))} .pointer {cursor:pointer;} .container {width: 100%;max-width: 950px;} .tag_cont_fluid {padding-right: 30px;padding-left: 30px;} .verified-color {color: var(--main);} .verified-color svg {margin-top: -2px;} .verified-color svg path:first-child {fill: var(--main);} .verified-color svg path:last-child {fill: var(--main-color);} .full_width {width: 100%;} .page-margin {margin: 30px 0;} .truncate {max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bold {font-weight: 500;} .p15 {padding: 15px;} .pb-15 {padding-bottom: 15px;} .p20 {padding: 20px;} .p30 {padding: 30px;} .pl15 {padding-left: 15px;} .small {font-size:13px;} blockquote {font-style: italic;font-size: 14px;padding: 10px;margin: 0;} svg {vertical-align: middle;} .mt-0 {margin-top: 0 !important;} .mb-0 {margin-bottom: 0 !important;} .margin-b30 {margin-bottom: 30px;} .mb-15 {margin-bottom: 15px;} input[readonly] {cursor: text;} .tag_side_backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;visibility: hidden;height: 100%;z-index: 1045;transition: background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);} .side_open .tag_side_backdrop {background-color: rgba(0,0,0,0.5);visibility: visible;} .panel {margin-bottom: 20px;background-color: #fff;} p {margin: 0 0 10px;} .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;} .no_scroll {overflow: hidden !important;} /* дополнения */ .content_header { position: fixed; z-index: 1045; top: 0; left: 0; right: 0; width: 100%; background: var(--header-background); height: 58px; border-bottom: 1px solid #E8E8E8; } .header_top { width: 1320px; margin: auto; position: relative; border-bottom: 1px solid #E8E8E8; height: 58px; } .content_body { position: relative; margin: 0.7rem auto; width: 1320px; } .pos-fixed { position: fixed !important; max-height: 100%; max-width: 235px; } .chat-container { max-height: 100%; bottom: 0; height: 100%; position: absolute; /*right: 0;*/ top: 0; width: 90px; z-index: 99; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; border-left: 1px solid #dcdcdc; padding: 0px 20px 80px; /*background: var(--body-bg);*/ border-radius:15px; } .chat-container .wow_chat_search { position: fixed; bottom: 50px; /*right: 20px;*/ } .chat_main { position: fixed; bottom: 0; width: 300px; z-index: 100; border-radius: 10px 10px 0 0; right: 105px; box-shadow: 0 0px 12px -2px rgba(0, 0, 0, 0.3); background-color: white; overflow: hidden; } /* конец дополнений */ /*Buttons*/ button, input, optgroup, select, textarea {color: inherit;} .btn {font-size: 14px;-webkit-appearance: none;} .btn.focus, .btn:focus {box-shadow: none;} .btn-default {background: var(--body-bg);border:0; color: #707070 !important;font-weight: 600 !important;} .btn-default:hover {background: #ebebeb;border:0} .btn-main, .btn-main-rev:hover, .ui-timepicker-div+.ui-datepicker-buttonpane > button:hover, .ui-timepicker-div+.ui-datepicker-buttonpane > button.ui-priority-primary {color: var(--main-color);background-color: var(--main);} .btn-main:hover, .btn-main:focus, .btn-main-rev:focus {color: var(--main-hover-color);background-color: var(--main-hover);} .btn-main.focus, .btn-main:focus, .btn-main-rev:focus {box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem var(--main-hover);} .btn-main-rev, .tag_page_nav li.active a, .ui-timepicker-div+.ui-datepicker-buttonpane > button:not(.ui-priority-primary) {color: var(--main);transition: all 0.2s ease;} .btn-main-rev::before, .tag_page_nav li.active a::before, .ui-timepicker-div+.ui-datepicker-buttonpane > button:not(.ui-priority-primary)::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;opacity: 0.2;transition: all 0.2s ease;} .btn-main-rev:hover::before, .btn-main-rev:focus::before, .ui-timepicker-div+.ui-datepicker-buttonpane > button:not(.ui-priority-primary):hover::before, .ui-timepicker-div+.ui-datepicker-buttonpane > button:not(.ui-priority-primary):focus::before {opacity: 0;} .btn-mat, .ui-timepicker-div+.ui-datepicker-buttonpane > button {position: relative;user-select: none;border: none;-webkit-tap-highlight-color: transparent;text-decoration: none;text-align: center;min-width: 64px;line-height: 36px;padding: 0 16px;border-radius: 30px;transform: translate3d(0,0,0);transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);font-size: 14px;font-weight: 500;overflow: hidden;box-shadow: none;} .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-file {position:relative;overflow:hidden} .btn-file input[type=file] {position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:#fff;cursor:inherit;display:block} /*Form Fields*/ .form-control, output {font-size: 14px;line-height: 1.42857143;display: block;} .form-control::placeholder {color: currentColor;opacity: 0.6;} .tag_field {position: relative;display: block;font-size: 16px;margin: 0 0 25px;} .tag_field:last-child {margin: 0 0 15px;} .tag_field_full_margin .tag_field {margin: 0 0 25px;} .tag_field > input, .tag_field > textarea, .tag_field > select, .tag_field > .dropdown.bootstrap-select, .tag_field > .bootstrap-tagsinput {display: block;margin: 0;border: none;border-top: solid 21px transparent;border-bottom: solid 1px rgba(0,0,0,.42);border-radius: 4px 4px 0 0;padding: 0 16px 6px;width: 100%;min-height: 56px;color: rgba(0,0,0,.87);background-color: #f5f5f5;box-shadow: none;letter-spacing: .009375em;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .tag_field > input:-webkit-autofill, .tag_field > textarea:-webkit-autofill, .tag_field > select:-webkit-autofill {-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay: 9999s;} .tag_field > textarea {resize: none;} .tag_field > input, .tag_field > select, .tag_field > .dropdown.bootstrap-select {height: 56px;} .tag_field > input.form-control {background: transparent;background-color: #f5f5f5;border-top-color: transparent;} .tag_field > input + span, .tag_field > textarea + span, .tag_field > select + span, .tag_field > .dropdown.bootstrap-select + span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;padding: 6px 16px 0;color: rgba(0,0,0,.6);font-size: 13px;pointer-events: none;transition: all .15s cubic-bezier(.4,0,.2,1);-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .tag_field > input + span::after, .tag_field > textarea + span::after, .tag_field > select + span::after {content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 2px;background-color: var(--main);transform-origin: bottom center;transform: scaleX(0);transition: transform .18s cubic-bezier(.4,0,.2,1);} .tag_field > input:hover, .tag_field > textarea:hover, .tag_field > select:hover, .tag_field > .dropdown.bootstrap-select:hover, .tag_field > .bootstrap-tagsinput:hover {border-bottom-color: rgba(0,0,0,.87);background-color: #ECECEC;} .tag_field > input:not(:focus):placeholder-shown + span, .tag_field > textarea:not(:focus):placeholder-shown + span {font-size: 16px;padding: 16px 16px;} .tag_field > input:focus + span, .tag_field > textarea:focus + span, .tag_field > select:focus + span {color: var(--main);} .tag_field > input:focus + span::before, .tag_field > textarea:focus + span::before, .tag_field > select:focus + span::before {opacity: 0.12;} .tag_field > input:focus + span::after, .tag_field > textarea:focus + span::after, .tag_field > select:focus + span::after {transform: scale(1);} .tag_field > input:disabled, .tag_field > textarea:disabled, .tag_field > select:disabled {border-bottom-color: rgba(0, 0, 0, 0.15);color: rgba(0,0,0,.38);background-color: rgba(0, 0, 0, 0.15);} .tag_field > input:disabled + span, .tag_field > textarea:disabled + span, .tag_field > select:disabled + span {color: rgba(0,0,0,.38);} .tag_field.border_class > input, .tag_field.border_class > textarea, .tag_field.border_class > select {border-bottom: solid 1px #e81000;} .tag_field.border_class > input + span, .tag_field.border_class > textarea + span, .tag_field.border_class > select + span {color: #e81000;} .tag_field.border_class > input + span::after, .tag_field.border_class > textarea + span::after, .tag_field.border_class > select + span::after {background-color: #e81000;} .tag_field+.help-block {padding: 0 16px;color: rgba(0,0,0,.6);font-size: 12px;letter-spacing: .0333333333em;margin: -20px 0 25px;display: block;} .tag_field+.help-block:empty {padding: 0;margin: 0;} .tag_alone_label {padding: 0 16px;} .tag_alone_label label {margin: 0;display: block;color: rgba(0,0,0,.6);} body .tag_field > .dropdown.bootstrap-select {width: 100% !important;display: block;float: none;} body .tag_field > .dropdown.bootstrap-select > .dropdown-toggle {float: none;padding: 0 16px;line-height: 32px;margin: 0 -16px;width: calc(100% + 32px);color: rgba(0,0,0,.87);font-size: 16px;height: 32px;background: transparent;box-shadow: none !important;border: 0;} body .tag_field > .dropdown.bootstrap-select > .dropdown-toggle:focus {outline: none !important;} body .tag_field > .dropdown.bootstrap-select > .dropdown-toggle .filter-option {width: auto;white-space: nowrap;max-width: 95%;text-overflow: ellipsis;} @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .tag_field > input, .tag_field > input + span, .tag_field > input + span::after, .tag_field > textarea, .tag_field > textarea + span, .tag_field > textarea + span::after, .tag_field > select, .tag_field > select + span, .tag_field > select + span::after {transition-duration: 0.1s;} } } /*Dropdown*/ .dropdown-menu:not([role=combobox]), .search-blog .search_suggs {border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;padding: 8px 0;border: 0;} .dropdown-menu {font-size: 14px;background-clip: border-box;} .dropdown-menu > li > a {padding: 0 16px;line-height: 32px;display: block;clear: both;} .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #16181b;background-color: #f8f9fa;} .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: var(--main-color);background-color: var(--main);} .dropdown-toggle::after, .dropup .dropdown-toggle::after {display: none;} .dropdown-menu.show {display: block !important;} /*Tooltip*/ .tooltip {font-family: "Roboto", sans-serif;font-size: 12px;font-weight: 500;letter-spacing: .3px;line-height: 16px;z-index: 1050;} .tooltip.show {opacity: 1} .tooltip .arrow {display: none;} .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top, .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {padding: 2px 0} /*Tables*/ .table-responsive {white-space: nowrap;} .table > thead > tr > th {border-bottom: 0!important;} .table td, .table th {border-top: 0!important;} /*Load More*/ .load-more {text-align:center;margin: 8px 0;} .load-more .btn {background: transparent;text-align: center;box-shadow: none;font-weight: 500;padding: 0;color: var(--main);} .load-more .btn span:not(.no_load_more_btn_span) {line-height: 30px;display: inline-block;width: 30px;text-align: center;background-color: #fff;border-radius: 50%;margin-right: 7px;transition: all 0.2s;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);} .load-more .btn:hover span:not(.no_load_more_btn_span) {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);} /*Progress*/ .tag_progress {width:100%;margin: 15px 0;display:none;position: relative;} .tag_progress .progress {box-shadow: none;height: 5px;} .tag_progress .progress-bar {background: var(--main);box-shadow: none;} /*Snackbar*/ .snackbar {position: fixed;-webkit-font-smoothing: antialiased;background: #333;padding: 14px 16px;border-radius: 4px;line-height: 20px;letter-spacing: 0.25px;box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);bottom: 15px;left: 15px;display: none;z-index: 9999;min-width: 344px;max-width: 672px;font-size: 14px;} .snackbar-message {color: #FFFFFF;user-select: none;} .snackbar-option {color: #EFFC0A;padding-left: 25px;cursor: pointer;user-select: none;text-transform: uppercase;} /*Video Player*/ .artplayer-app {position: absolute;left: 0;right: 0;top: 0;bottom: 0;} body .art-video-player .art-mask {background-color: rgba(0, 0, 0, 0.2);} body .art-video-player .art-mask .art-state {position: relative;right: auto;bottom: auto;opacity: 1;} body .art-video-player .art-mask .art-state svg.playback-icons {color: var(--main);border-radius: 50%;width: 50px;height: 50px;background-color: white;} body .art-video-player.art-control-show .art-bottom, body .art-video-player.art-hover .art-bottom {opacity: 0;visibility: hidden;} body .show_control .art-video-player.art-control-show .art-bottom, body .show_control .art-video-player.art-hover .art-bottom, body .art-video-player.art-control-show.art-mask-show .art-bottom, body .art-video-player.art-hover.art-mask-show .art-bottom {opacity: 1;visibility: visible;} .art-video-player.art-control-show .art-bottom, .art-video-player.art-hover .art-bottom {opacity: 1 !important;visibility: visible !important;} body .hide_control .art-video-player .art-bottom {opacity: 0 !important;visibility: hidden !important;} body .art-video-player .art-bottom .art-progress .art-control-progress {height: 4px;} .art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played, .art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {background: #ffffff !important;} .art-video-player .art-bottom .art-controls .art-controls-left, .art-video-player .art-bottom .art-controls .art-controls-right {background-color: rgba(255, 255, 255, 0.25);border-radius: 2em;padding: 0 8px;} body .art-video-player .art-bottom {height: 120px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));} body .art-video-player .art-bottom .art-progress {margin: 0 0 10px;} body .art-video-player .art-backdrop-filter {-webkit-backdrop-filter: none;backdrop-filter: none;} @keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}} @keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @keyframes plyr-fade-in{from{opacity:0}to{opacity:1}} .plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;width: 100%;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0} .plyr iframe,.plyr video{display:block;height:100%;width:100%} .plyr button{font:inherit;line-height:inherit;width:auto} .plyr--full-ui{box-sizing:border-box} .plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation} .plyr__badge{background: #4a5464;border-radius: 2px;color: #fff;font-size: 9px;line-height: 1;padding: 3px 4px;} .plyr--full-ui ::-webkit-media-text-track-container{display:none} .plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(10px * .7);position:relative;transition:all .3s ease} .plyr__control svg{display:block;fill:currentColor;height:18px;height:18px;pointer-events:none;width:18px;width:18px} .plyr__control:focus{outline:0} .plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} a.plyr__control::after,a.plyr__control::before{display:none} .plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none} .plyr--full-ui ::-webkit-media-controls{display:none} .plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center} .plyr__controls .plyr__progress__container{flex:1;min-width:0} .plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(10px/ 4)} .plyr__controls .plyr__controls__item[type=button], .plyr__controls .plyr__controls__item [data-plyr=mute] {border-radius: 50%;} .plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto} .plyr__controls .plyr__controls__item.plyr__progress__container {padding: 0 12px;margin: 0;position: absolute;left: 10px;right: 10px;bottom: 42px;} .plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(10px/ 2)} .plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0} .plyr__controls:empty{display:none} .plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none} .plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block} .plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%} .plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))} .plyr--full-ui input[type=range]::-webkit-slider-thumb{opacity: 0;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)} .plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none} .plyr--full-ui input[type=range]::-moz-range-thumb{opacity: 0;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)} .plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)} .plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent} .plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none} .plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor} .plyr--full-ui input[type=range]::-ms-thumb{opacity: 0;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0} .plyr--full-ui input[type=range]:hover::-webkit-slider-thumb {opacity: 1;} .plyr--full-ui input[type=range]:hover::-moz-range-thumb {opacity: 1;} .plyr--full-ui input[type=range]:hover::-ms-thumb {opacity: 1;} .plyr--full-ui input[type=range]::-ms-tooltip{display:none} .plyr--full-ui input[type=range]::-moz-focus-outer{border:0} .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} .plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1} .plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1} .plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))} .plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:10px} @media (max-width:calc(768px - 1px)){ .plyr__time+.plyr__time{display:none} } .plyr__tooltip{background:rgb(0 0 0 / 90%);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff;font-size:12px;font-weight:500;left:50%;line-height:1.2;margin-bottom:calc(calc(10px / 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2} .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,5px) scale(1)} .plyr .plyr__control:hover .plyr__tooltip{z-index:3} .plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%} .plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((18px/ 2) + calc(10px * .7))} .plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%} .plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc(18px/ 2) + calc(10px * .7));transform:translateX(50%)} .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)} .plyr__progress{position:relative} .plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))} .plyr__progress input[type=range]{position:relative;z-index:2;cursor: pointer;} .plyr__progress .plyr__tooltip{left:0} .plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%} .plyr__progress__buffer::-webkit-progress-bar{background:0 0} .plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease} .plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease} .plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease} .plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent} .plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))} .plyr__volume {align-items:center;display:flex;position:relative;margin-right: auto;} .plyr__volume input[type=range] {margin-left:calc(10px / 2);margin-left:calc(10px/ 2);margin-right:calc(10px / 2);margin-right:calc(10px/ 2);position:relative;z-index:2;width: 0;transition: width .2s cubic-bezier(.4,0,1,1);opacity: 0;} .plyr__volume:hover input[type=range] {width: 100px;opacity: 1;} .plyr--is-ios .plyr__volume{min-width:0;width:auto} .plyr--video{background:#000;overflow:hidden} .plyr--video.plyr--menu-open{overflow:visible} .plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%} .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%} .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0} .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)} .plyr--video .plyr__controls {background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(10px/ 2);padding-top:calc(10px * 2);padding-top:calc(10px * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3} .plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)} .plyr.plyr--stopped .plyr__controls {display: none;} .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:not(.plyr__control--overlaid):hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)} .plyr__control--overlaid {background: rgb(0 0 0 / 10%);display: none;top: 0;left: 0;right: 0;bottom: 0;padding: 0;position: absolute;transition: .3s;z-index: 2;width: 100% !important;} .plyr__control--overlaid svg {position: relative;background: var(--main);color: var(--main-color);border: 3px solid var(--main-color);border-radius: 50%;padding: 12px;margin: auto;width: 48px;height: 48px;} .plyr__control--overlaid:hover svg {background: var(--main-hover);color: var(--main-color);} .plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden} .plyr--full-ui.plyr--video .plyr__control--overlaid{display:block} .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))} .plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))} .plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))} .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))} .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))} .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))} .plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))} .plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-webkit-full-screen video{height:100%} .plyr:-ms-fullscreen video{height:100%} .plyr:fullscreen video{height:100%} .plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static} .plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static} .plyr:fullscreen .plyr__video-wrapper{height:100%;position:static} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block} .plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-webkit-full-screen.plyr--hide-controls{cursor:none} .plyr:-ms-fullscreen.plyr--hide-controls{cursor:none} .plyr:fullscreen.plyr--hide-controls{cursor:none} .plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-webkit-full-screen video{height:100%} .plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-webkit-full-screen.plyr--hide-controls{cursor:none} .plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-moz-full-screen video{height:100%} .plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-moz-full-screen.plyr--hide-controls{cursor:none} .plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-ms-fullscreen video{height:100%} .plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-ms-fullscreen.plyr--hide-controls{cursor:none} .plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000} .plyr--fullscreen-fallback video{height:100%} .plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr--fullscreen-fallback.plyr--hide-controls{cursor:none} .plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1} .plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%} .plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:10px;z-index:3} .plyr__ads::after:empty{display:none} .plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3} .plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1} .plyr__preview-scrubbing--is-shown{opacity:1} .plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%} .plyr--no-transition{transition:none!important} .plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important} .plyr [hidden]{display:none!important} .plyr__menu {position: relative;} .plyr__menu__container {animation: plyr-popup .2s ease;background: rgb(0 0 0 / 90%);border-radius: 10px;bottom: 100%;box-shadow: 0 1px 2px rgb(0 0 0 / 15%);color: #eeeeee;font-size: 13px;margin-bottom: 10px;position: absolute;right: -3px;white-space: nowrap;z-index: 3;} .plyr__menu__container>div {overflow: hidden;transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);} .plyr__menu__container:after {border: 6px solid transparent;border-top: 6px solid rgb(0 0 0 / 90%);border-width: 6px;content: "";height: 0;position: absolute;right: 14px;top: 100%;width: 0;} .plyr__menu__container [role=menu] {padding: 7px;} .plyr__menu__container [role=menuitemradio] {margin-top: 2px;} .plyr__menu__container [role=menuitemradio]:first-child {margin-top: 0;} .plyr__menu__container .plyr__control {align-items: center;color: rgb(255 255 255 / 75%);display: flex;font-size: 14px;padding: 2px 10.5px;user-select: none;width: 100%;} .plyr__menu__container .plyr__control>span {align-items: inherit;display: flex;width: 100%} .plyr__menu__container .plyr__control:after {border: 4px solid transparent;content: "";position: absolute;top: 50%;transform: translateY(-50%)} .plyr__menu__container .plyr__control--forward {padding-right: 28px;} .plyr__menu__container .plyr__control--forward:after {border-left-color: rgb(255 255 255 / 60%);right: 6.5px;} .plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after {border-left-color: initial} .plyr__menu__container .plyr__control--back {font-weight: 500;margin: 7px;margin-bottom: 3.5px;padding-left: 28px;position: relative;width: calc(100% - 14px);} .plyr__menu__container .plyr__control--back:after {border-right-color: rgb(255 255 255 / 60%);left: 6.5px;} .plyr__menu__container .plyr__control--back:before {background: rgb(255 255 255 / 20%);box-shadow: 0 1px 0 rgb(255 255 255 / 20%);content: "";height: 1px;left: 0;margin-top: 3.5px;overflow: hidden;position: absolute;right: 0;top: 100%;} .plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after {border-right-color: initial} .plyr__menu__container .plyr__control[role=menuitemradio] {padding-left: 7px;} .plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before {border-radius: 100%} .plyr__menu__container .plyr__control[role=menuitemradio]:before {background: rgb(255 255 255 / 10%);content: "";display: block;flex-shrink: 0;height: 16px;margin-right: 10px;transition: all .3s ease;width: 16px;} .plyr__menu__container .plyr__control[role=menuitemradio]:after {background: #fff;border: 0;height: 6px;left: 12px;opacity: 0;top: 50%;transform: translateY(-50%) scale(0);transition: transform .3s ease,opacity .3s ease;width: 6px} .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {background: var(--main);} .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {opacity: 1;transform: translateY(-50%) scale(1)} .plyr__menu__container .plyr__menu__value {align-items: center;display: flex;margin-left: auto;overflow: hidden;padding-left: 24.5px;pointer-events: none;} /*Audio Player*/ .tag_ap {max-width: 100%;} .tag_audio_player {position: relative;margin: 15px;height: 70px;max-width: 100%;} .tag_audio_play {justify-content: center;padding: 0 5px 15px;transition: all .2s linear;} .tag_audio_play.cont_hide {visibility: hidden;opacity: 0;} .tag_audio_play .btn {border: 0;box-shadow: none;padding: 0;border-radius: 50%;background: transparent;margin: 0 5px;} .tag_audio_play .btn.play_pause svg, .tag_audio_play .btn svg.active_svg {display: none;} .tag_audio_play .btn.play_pause svg.active_svg {display: block;} .skel_waveform {height: 70px;width: 8px;border-radius: 3px;margin: 0 4px;} .skel_waveform:nth-child(1), .skel_waveform:nth-child(9), .skel_waveform:nth-child(17), .skel_waveform:nth-child(25), .skel_waveform:nth-child(33), .skel_waveform:nth-child(8), .skel_waveform:nth-child(16), .skel_waveform:nth-child(24), .skel_waveform:nth-child(32), .skel_waveform:nth-child(40) {height: 20px;} .skel_waveform:nth-child(2), .skel_waveform:nth-child(10), .skel_waveform:nth-child(18), .skel_waveform:nth-child(26), .skel_waveform:nth-child(34), .skel_waveform:nth-child(7), .skel_waveform:nth-child(15), .skel_waveform:nth-child(23), .skel_waveform:nth-child(31), .skel_waveform:nth-child(39) {height: 30px;} .skel_waveform:nth-child(3), .skel_waveform:nth-child(11), .skel_waveform:nth-child(19), .skel_waveform:nth-child(27), .skel_waveform:nth-child(35), .skel_waveform:nth-child(6), .skel_waveform:nth-child(14), .skel_waveform:nth-child(22), .skel_waveform:nth-child(30), .skel_waveform:nth-child(38) {height: 40px;} .skel_waveform:nth-child(4), .skel_waveform:nth-child(12), .skel_waveform:nth-child(20), .skel_waveform:nth-child(28), .skel_waveform:nth-child(36), .skel_waveform:nth-child(5), .skel_waveform:nth-child(13), .skel_waveform:nth-child(21), .skel_waveform:nth-child(29), .skel_waveform:nth-child(37) {height: 50px;} /*Sidebar*/ .tag_sidebar {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: var(--header-background);display: block;width: 100%;max-width: 350px;color: inherit;z-index: 99;position: fixed;top: 0;left: 0;bottom: 0;padding-top: 140px;} .tag_sidebar .sidebar_innr {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;height: 100%;overflow-y: auto;overscroll-behavior-y: contain;} .tag_sidebar_head {justify-content: space-between;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;font-size: 13px;cursor: pointer;padding: 4px 10px;margin-bottom: 5px;color: #252525;position: relative;} .tag_sidebar_section_prnt {padding: 15px 15px;} .tag_sidebar_section {display: flex;flex-wrap: wrap;} .tag_sidebar_section > a {display: block;width: 33.3333333%;text-align: center;display: inline-block;text-decoration: none;font-weight: 500;padding: 18px 1px;line-height: 1;color: #252525;position: relative;font-size: 13.5px;} .tag_sidebar_section > a:hover {color: #333333;} .tag_sidebar_section > a:before, .tag_sidebar_head:before, .tag_hdr_droptoggle:before, .notification-list:before, .user-request-list:before, .messages-list:before, .show-message-link:before, .search-advanced-container a:before, .search-dropdown-result a:before, .hashtag-search-result a:before, .tag_hdr_user_dropdown > li > a:before, .tag_hdr_right > .dropdown .dropdown-menu .tag_switch_noti:before, .turn-off-sound:before, .tag_sett_sidebar > li > a:before, .unread:before {content: '';display: block;position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: 10px;/*background: currentColor;opacity: 0;*/transition: all 0.15s;z-index: -1;} .tag_sidebar_section > a:hover:before {opacity: 0.04;} .tag_sidebar_section > a svg, .tag_sidebar_section > a img {display: block;width: 26px;height: 26px;margin: 0 auto 10px;} .tag_sidebar_head:before {border-radius: 5px;opacity: 0.06;} /*Ajax Loading*/ .barloading {width: 100%;top: 0px;left: 0px;right: 0px;height:3px;display: none;position:fixed;z-index:5000;overflow: hidden;background-color: transparent;} .barloading:before {display: block;position: absolute;content: "";left: -200px;width: 200px;height: 3px;animation: hdr_loading 1.5s linear infinite;background: var(--main);} @keyframes hdr_loading { from {left: -200px; width: 30%;}50% {width: 30%;}70% {width: 70%;}80% { left: 50%;}95% {left: 120%;}to {left: 100%;} } /*Header*/ header {margin-bottom: 30px;} .navbar {padding: 0;} .tag_toggle_sidebar {display: none;border: none;background: transparent;padding: 5px;line-height: 1;margin: 0 10px 0 -5px;color: var(--header-color);} .tag_header > .search-container > form {position: relative;margin: 0 15px;} .tag_header > .search-container > form svg {position: absolute;top: 50%;transform: translateY(-50%);left: 17px;width: 18px;height: 18px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: #9ca3af;} .tag_header .search-input {font-size:13px;background: rgb(239, 239, 239);width: 78%;border: 0;padding: 10px 10px 10px 48px;border-radius: 1em;height: 40px;transition: all .15s linear;color: var(--header-color);} .tag_header .search-input::placeholder {opacity: 0.5;color: var(--header-color);} .tag_header_shadow {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOBAMAAAD3WtBsAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAD29va1cB7UAAAAB3RSTlMCCwQHGBAaZf6MKAAAABpJREFUCNdjSGNIY3BhCGUQBEJjIFQCQigAACyJAjLNW4w5AAAAAElFTkSuQmCC);position: absolute;background-size: 1px 7px;height: 7px;right: 0;left: 0;pointer-events: none;background-repeat: repeat-x;bottom: -6px;transition: all .15s linear;visibility: hidden;opacity: 0;z-index: -1;} .header-brand img {max-width: 110px;max-height: 50px;pointer-events: none;} .tag_hdr_right > .dropdown {margin: 0 7px;background: none;} .tag_hdr_droptoggle {border: 0;line-height: 1;padding: 8px;border-radius: 50%;color: var(--header-color);position: relative;background: none;} .tag_hdr_droptoggle:before {border-radius: 50%;opacity: 0.1;} .show > .tag_hdr_droptoggle {/*background: var(--header-color);*/color: var(--header-background);} .tag_hdr_droptoggle svg {width: 22px;height: 22px;} .tag_hdr_user_droptoggle {padding: 0px;} .tag_hdr_user_droptoggle img {width: 38px;height: 38px;border-radius: 50%;} .tag_hdr_user_dropdown > li > a, .tag_create_menu > li > a {font-weight: 500;font-size: 14px;padding: 8px 12px;line-height: 40px;border-radius: 8px;color: #505050;position: relative;} .tag_hdr_user_dropdown > li > a, .tag_hdr_user_dropdown > li > a:hover, .tag_hdr_user_dropdown > li > a:active, .tag_hdr_user_dropdown > li > a:focus, .tag_hdr_user_submenu a {color: #252525;background: transparent;} .tag_hdr_user_dropdown > li > a svg {width: 36px;height: 36px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.08);padding: 8px;margin-right: 18px;} .tag_hdr_user_dropdown > li > a > img {width: 36px;height: 36px;border-radius: 50%;margin-right: 18px;} .tag_hdr_user_submenu {padding-left: 66px;margin: 2px -3px 6px;flex-wrap: wrap;} .tag_hdr_user_submenu a {background-color: rgba(0, 0, 0, 0.08);display: block;border-radius: 14px;margin: 0 3px 9px;text-align: center;line-height: 28px;padding: 0 10px;font-size: 12px;font-weight: 500;} .tag_hdr_user_submenu a svg {width: 17px;height: 17px;margin: -2px 0 0;} .tag_hdr_user_dropdown hr {margin: 10px 0;} .tag_toggle_mode {width: 18px;height: 18px;position: relative;display: block;float: right;margin: 11px 0;} .tag_toggle_mode:after, .tag_toggle_mode:before {content: "";display: block;top: 0;left: 0;right: 0;bottom: 0;text-align: center;position: absolute;border: 2px solid #252525;border-radius: 4px;transition: all 90ms cubic-bezier(0,0,.2,.1);} [data-mode=day] .tag_toggle_mode:after, .tag_toggle_mode.active:after {background-color: var(--main);background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 0 1px;border: 0;} .turn-off-sound {display: inline-block;padding: 5px;font-weight: 500;color: #252525;position: relative;} .turn-off-sound:hover:before {opacity: 0.04;border-radius: 5px;} .new-update-alert, .recipient-chat-user .new-message-alert, .messages-recipients-list .new-message-alert {padding: 1px;color: var(--main-color);font-size: 12px;z-index: 1;pointer-events: none;position: absolute;background-color: var(--main);min-width: 19px;height: 19px;border-radius: 50%;text-align: center;top: -5px;right: -5px;} .new-update-alert {padding: 1px 5px;border-radius: 2em;} .tag_hdr_droptoggle { transition: .3s; } .tag_hdr_droptoggle:hover { background-color:#f5f5f5; } /*Create Dropup*/ .tag_create_dropup {position: fixed;bottom: 30px;right: 30px;z-index: 130;transition: all 0.15s ease;} .tag_create_dropup.tag_chat_header {right: 30px;} .tag_create_dropup > .btn {min-width: 56px;width: 56px;line-height: 55px;height: 56px;border-radius: 50%;box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0,0,0,.12);padding: 0;} .tag_create_dropup > .btn svg {margin: 0;width: 26px;height: 26px;transition: all 0.15s linear;} .tag_create_dropup.show > .btn svg {transform: rotate(45deg);} .tag_create_dropup > .dropdown-menu {margin-bottom: 5px;transform-origin: right bottom;transform: scale3d(.8,.8,1);opacity: 0;visibility: hidden;display: block;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;} .tag_create_dropup > .dropdown-menu:before {content: "";position: absolute;bottom: -6px;right: 18px;width: 20px;height: 20px;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius: 20px 0 3px 0;background: #fff;} .tag_create_dropup.show > .dropdown-menu {transform: scale3d(1,1,1);opacity: 1;visibility: visible;} /*Trending*/ .wow_htag {padding: 4px 10px;margin: 5px 0px 8px;border-radius: 30px;position: relative;color: var(--main);} .wow_htag:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: currentColor;opacity: .09;border-radius: 2em;} .wow_htag:empty {padding: 0;margin: 0;} .wow_htag a {transition: .15s ease;color: var(--main);display: inline-block;font-weight: 500;position: relative;} /* .wow_htag a:before {content: '';position: absolute;width: 100%;height: 2px;bottom: -2px;left: 0;right: 0;background: currentColor;opacity: .25;transition: .15s ease;} */ .wow_htag a:hover:before {opacity: 1;} .wow_htag{ display: flex; flex-wrap: wrap; gap: 5px; } .wow_htag .hashtag_div.colored{ padding: 4px 9px; border-radius: 30px; color: var(--main) !important; } .hashtag_div.colored.white{ background: #fff !important; } .hashtag_div.colored.white > a{ color: var(--main) !important; } .hashtag_div.colored.blue{ background: #A1E1FD !important; } .hashtag_div.colored.blue > a{ color: #AB227D !important; } .hashtag_div.colored.clrgreen > a{ color: #2C26A0 !important; } .hashtag_div.colored.clrgreen{ background: #A0F5CD; } .hashtag_div.colored.pink > a{ color: #CA2B2B !important; } .hashtag_div.colored.pink{ background: #F3BEF8; } .hashtag_div.colored.orange > a{ color: #1F8150 !important; } .hashtag_div.colored.orange{ background: #FDD1C2; } .hashtag_div.colored.red > a{ color: #81280A !important; } .hashtag_div.colored.red{ background: #FFB2B3; } /*Invite Friends*/ .invite-user-form {background-color: rgba(0, 0, 0, 0.05);padding: 10px;border-radius: 10px;margin-left: 66px;} .invite-user-form .alert {margin-bottom: 10px;padding: 6px;font-size: 12px;font-weight: normal;} .invite-user-form .alert i, .user-request-list .user-info .accept-btns .btn svg {display: none;} .invite-user-combine input {border: 0;} .invite-user-combine .btn {line-height: 34px;min-width: 34px;padding: 0 6px;height: 34px;} .invite-user-combine .btn svg {margin: -2px 0 0;} /*Notifications*/ .tag_mobi_hdr_not_title {display: none;} .unread:before {border-radius: 8px;opacity: 0.1;} .notification-list, .user-request-list, .messages-list {border-radius: 8px;font-size: 15px;} .notification-list:hover:before, .user-request-list:hover:before, .messages-list:hover:before, .show-message-link:hover:before, .search-advanced-container a:hover:before, .search-dropdown-result a:hover:before, .hashtag-search-result a:hover:before, .tag_hdr_user_dropdown > li > a:hover:before, .tag_hdr_user_dropdown > li > a:focus:before {border-radius: 8px;opacity: 0.06;} .notification-list .notification-user-avatar img, .user-request-list .avatar img {border-radius:50%;width: 100%;height: 100%;} .notification-list .notification-text, .user-request-list .user-info {width: 100%;position: relative;padding-right: 30px;} .notification-list .notification-text > span {font-weight: 500;} .notification-list .notification-text > span a {color: #252525;} .notification-list .notification-text > span.sec_text {opacity:0.8;font-weight: 400;} .notification-list .ajax-time {font-size:11px;color: #252525;opacity: 0.7;margin: 5px 0 0;} .notification-list .notification-text > svg, .notification-list .notification-text .inline_act_emoji {position: absolute;top: 50%;transform: translateY(-50%);right: 0;border-radius: 50%;background-color: rgba(0, 150, 136, 0.2);color: #009688;padding: 5px;} .notification-list .notification-text .inline_act_emoji {width: 24px;height: 24px;padding: 0;margin: 0;} .notification-list .notification-text .inline_act_emoji .emoji {top: -200%;right: 200%;} .notify_vseti .ajax-time { font-family: 'Roboto Flex'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; margin-top:10px; color: #AFAFAF !important; } .notify_vseti .notification-user-avatar { width: 52px !important; min-width: 52px !important; height: 52px !important; margin-right: 13px; } .notify_vseti .sec_text { font-family: 'Roboto Flex' !important; font-style: normal !important; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; padding-top:3px; color: #646464 !important; } /*User Requests*/ .user-request-list .user-info {padding: 0;} .user-request-list .user-info .user-lastseen {color: #252525;opacity: 0.7;} .user-request-list .user-info > a {font-weight: 500;color: #252525;display: inline-block;} .user-request-list .user-info .accept-btns {margin: 5px -3px 0;} .user-request-list .user-info .accept-btns .btn {line-height: 28px;font-size: 13px;flex: 1;margin: 0 3px;} /*User Messages*/ .messages-list .notification-text {padding: 0;max-width: calc(100% - 73px);} .messages-list .ajax-time {margin: 0;} .header-message { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; color: #212529; padding: 2px 0 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .show-message-link {font-size: 13px;padding: 7px;text-align: center;background: rgba(76, 175, 80, 0.12);color: #4CAF50;display: block;border-radius: 10px;font-weight: 500;margin: 8px 0;} /*Header Activities*/ .tag_switch_noti {margin: 0px 0px 15px 0px;border: 0;background: #ecf0f5;white-space: nowrap;overflow-x: auto;flex-wrap: nowrap;} .tag_switch_noti > li {float: none;margin: 0;} .tag_switch_noti > li > a {margin: 0;line-height: normal;height: auto;font-weight: 500;font-size: 13px;display: block;padding: 10px 19px;border-bottom: 2px solid rgba(0,0,0,.0); font-family: 'Roboto Flex'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #646464; } .tag_switch_noti > li > a.active { background: #FFFFFF; border-bottom: 2px solid #24c33d; font-weight: 600 !important; color: #646464 !important; } .no-activities.text-center {font-size: 15px;font-family: 'Readex Pro', sans-serif;} /*Header Search*/ .tag_toggle_search {border: none;background: var(--header-background);padding: 5px;line-height: 1;color: var(--header-color);position: fixed;left: 10px;top: 9px;display: none;} .search-dropdown-result {overflow: hidden;overflow-y: auto;max-height: calc(100vh - 250px);overscroll-behavior-y: contain;} .tag_srch_recent {margin: 8px 0 0;position: relative;} .recent {justify-content: space-between;padding: 0 0 6px;} .recent .recent-searches {font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;word-spacing: 1px;} .recent .btn {color: #F44336;background-color: rgba(244, 67, 54, 0.2);line-height: 22px;padding: 0 12px;font-size: 12px;min-width: auto;} .search-dropdown-result a {transition:all .1s ease-in-out;border-radius: 8px;} .search-dropdown-result .search-user-avatar {margin-right: 13px;position: relative;} .search-dropdown-result .search-user-avatar img {width: 100%;height: 100%;border-radius: 50%;} .search-dropdown-result .search-user-name {font-size: 15px;margin-bottom: 1px;font-weight: 500;} .search-dropdown-result .search-user-name .verified-color svg {width: 14px;height: 14px;} .search-dropdown-result .search-user-lastseen {font-size: 12px;opacity: 0.6;} .search-dropdown-result .search_result_badge {line-height: 1;position: absolute;background: #fff;display: block;right: -3px;bottom: -3px;border-radius: 50%;} .search-dropdown-result .search_result_badge svg {width: 20px;height: 20px;padding: 3px;} .hashtag-search-result a {display: block;} .search-advanced-container a {font-size: 14px;padding: 6px;margin: 4px 0 -3px;transition: all .1s ease-in-out;border-radius: 8px;color: var(--header-color);} .search-advanced-container a svg {padding: 11px;margin-right: 13px;} #wo_repeat_search {font-weight: 500;} /*Create Menu*/ .tag_create_menu {min-width: 255px;} .tag_create_menu > li {padding: 0 8px;} .tag_create_menu > li > a {padding: 0 10px;margin: 1px 0;font-size: 13px;} .tag_create_menu > li > a svg {width: 21px;height: 21px;margin-right: 12px;opacity: 0.9;} .tag_create_menu > li > a svg .hover_path, .tag_create_menu > li > a:hover svg path {display: none;} .tag_create_menu > li > a:hover {color: var(--main)} .tag_create_menu > li > a:hover svg .hover_path {display: block;} /*Skeleton*/ .skel, .search-advanced-container a svg {background: rgba(0, 0, 0, 0.05);} .skel_50, .search-advanced-container a svg {border-radius: 50%;} .skel_2 {border-radius: 2em;} .skel_noti, .notification-list, .user-request-list {padding: 8px;margin: 8px 0;} .skel_avatar, .notification-list .notification-user-avatar, .user-request-list .avatar {width: 50px;min-width: 50px;height: 50px;margin-right: 13px;} .skel_noti_name {height: 15px;width: 220px;margin-bottom: 8px;} .skel_noti_time {height: 10px;width: 90px;} .skel_search, .search-dropdown-result a {padding: 6px;margin: 4px 0;} .skel_search_avatar, .search-advanced-container a svg, .search-dropdown-result .search-user-avatar {width: 45px;min-width: 45px;height: 45px;} .skel_search .skel_noti_name {height: 12px;width: 250px;} .skel_search .skel_noti_time {height: 8px;} .skel_comm_img {width: 100%;height: 120px;border-radius: 5px;} /*Empty State*/ .empty_state {padding: 60px 5px;font-size: 15px;color: #555;text-align: center;font-weight: 500;font-family: 'Readex Pro', sans-serif;width: 100%;} .empty_state svg {display: block;margin: 0 auto 15px;width: 70px;height: 70px;border-radius: 50%;} .empty_state .btn {font-family: "Roboto", sans-serif;margin-top: 40px;} .pace-activity-parent {background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;padding:20px;border-radius:5px;margin-top:-15px} .pace-activity {display:block!important;width:40px;height:40px;border:4px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:30px;overflow:visible!important;animation:pace-spinner .7s linear infinite} @keyframes pace-spinner { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } /*Slick Slider*/ .slick-list, .slick-slider, .slick-track {position:relative;display:block} .slick-slider {box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y} .slick-list {overflow:hidden;margin:0;padding:0} .slick-list.dragging {cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track {top:0;left:0;margin-left:auto;margin-right:auto} .slick-track:after, .slick-track:before {display:table} .slick-track:after {clear:both} .slick-slide {display:none;float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide {float:right} .slick-slide img {display:block} .slick-slide.slick-loading img {display:none} .slick-slide.dragging img {pointer-events:none} .slick-initialized .slick-slide {display:block} .slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden {display:none} .slick-next,.slick-prev {position:absolute;top:50%;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:#5f5f5f;border:none;z-index:9;background:#fff;box-shadow:0 2px 6px 1px rgba(50,50,50,.16);width:50px;height:50px;border-radius:100%;text-align:center} .slick-next:focus,.slick-next:hover, .slick-prev:focus, .slick-prev:hover {color:#222;box-shadow:1px 2px 10px 1px rgba(0,0,0,.3)} .slick-next.slick-disabled, .slick-prev.slick-disabled {opacity:0;visibility:hidden} .slick-prev {left:0} .slick-next {right:0} /*Footer*/ .tag_footer_pc {margin: auto 10px 15px;} .tag_footer {font-size: 12px;padding: 10px 10px 0;color: #252525;} .tag_footer .tag_footer_cright {flex-wrap: wrap;margin-bottom: 3px;justify-content: space-between;color:#979797;font-weight: 600;font-size: 14px;margin: 0px 29px 5px 7px;} .tag_footer .tag_footer_cright .dropup .dropdown-toggle, .tag_mobi_langs, .tag_mobi_langs_menu > .btn, .feeling-type > .btn {border: 0;padding: 0;box-shadow: none;font-size: 12px;background: transparent;} .tag_footer .tag_footer_links a {margin-bottom:-3px !important;display:inline-block;color: #979797 !important;padding: 4px 7px;border-radius: 5px;transition: .2s;font-weight: 500;font-size:12px;} .tag_footer .tag_footer_links a:hover {opacity: 0.75;text-decoration: none;color:#727272;background:#FFFFFF;} .tag_footer_mobi {display: none;padding: 8px 2px 12px;} .tag_main_usr_ddmenu.open-lang .tag_hdr_user_dropdown, .tag_mobi_langs_menu {display: none !important;} .open-lang .tag_mobi_langs_menu {display: block !important;padding: 15px !important;} .tag_mobi_langs_menu > h3 {font-size: 22px;margin: 10px 0 15px;} .tag_mobi_langs_menu > li > a {padding: 0 5px;border-bottom: 1px solid rgb(0 0 0 / 0.05);font-size: 16px;color: #363636;line-height: 42px;} .tag_mobi_langs_menu > li:last-child > a {border: 0;} .tag_footer_links span {color: #979797 !important;} /*404*/ .tag_404 {justify-content: center;height: calc(100vh - 60px);} .tag_404_innr {width: 100%;max-width: 500px;margin: auto;} .tag_404_innr svg {width: 350px;height: 220px;} .tag_404_innr img {width: 350px;} .tag_404_innr svg .pao-baixo {animation: rotatepao 14s cubic-bezier(.1,.49,.41,.97) infinite;transform-origin: center;} .tag_404_innr svg .pao-cima {animation: rotatepao 7s 1s cubic-bezier(.1,.49,.41,.97) infinite;transform-origin: center;} .tag_404_innr svg .left-sparks {animation: left-sparks 4s alternate infinite;transform-origin: 150px 156px;} .tag_404_innr svg .right-sparks {animation: left-sparks 4s alternate infinite;transform-origin: 310px 150px;} @keyframes rotatepao{ 0% { transform: rotate(0deg)}50% , 60%{ transform: rotate(-20deg)}100%{ transform: rotate(0deg) } } @keyframes left-sparks{ 0%{opacity: 0;} } .tag_404_innr h2 {margin: 30px 0 10px;font-family: 'Readex Pro', sans-serif;font-size: 28px;} .tag_404_innr p {font-size: 16px;color: rgba(0, 0, 0, 0.6);} .tag_404_innr .btn {min-width: 150px;margin-top: 10px;} /*Page Title*/ .tag_page_title {padding: 5px 0 10px;font-size: 26px;} .tag_page_title .badge {font-family: "Roboto", sans-serif;vertical-align: middle;line-height: 21px;padding: 0 10px;font-size: 12px;} .tag_page_nav {overflow-x: auto;margin: 0 -3px 15px;padding: 0 0 3px;white-space: nowrap;line-height: 1;} .tag_page_nav li {display: inline-block;margin: 0 3px;} .tag_page_nav li.separate {position: relative;margin-right: 12px;} .tag_page_nav li.separate:after {content: '';position: absolute;top: 0;bottom: 0;right: -9px;width: 1px;background-color: lightgrey;} .tag_page_nav li a {position: relative;background-color: white;display: block;border-radius: 2em;line-height: 33px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);padding: 0 14px;} .tag_page_nav li:not(.active) a:hover {color: black;} .tag_page_nav li.active a {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);} /*Alerts*/ .alert {border:0;font-weight:500;} .alert-info {background-color: rgba(33, 150, 243, 0.1);color: #2196F3;} .alert-success {background-color: rgba(76, 175, 80, 0.1);color: #4CAF50;border-radius: 10px;border: 1px solid #4caf503b;} .alert-warning {background-color: rgba(243, 148, 64, 0.1);color: #f39440;} .alert-danger {background-color: rgba(244, 67, 54, 0.1);color: #F44336;} /*Page Heading*/ .wo_page_hdng {padding: 12px 0px 15px;border-bottom: 1px solid #eee;font-weight: 500;} .wo_page_hdng span {display: inline-flex;width: 24px;min-width: 24px;height: 24px;align-items: center;justify-content: center;margin-right: 8px;border-radius: 50%;background: var(--main);color: var(--main-color);} .wo_page_hdng > a {margin-left: auto;} /*Create Box*/ .tag_create_box {justify-content: center;flex-direction: column;color: #666;background-color: rgba(255, 255, 255, 0.5);border-radius: 10px;border: 2px dashed #d3d3d3;font-weight: 500;font-size: 15px;margin-bottom: 30px;text-align: center;} .tag_create_box svg {margin-bottom: 12px;} .tag_create_box:hover {background: #fff;color: var(--main);} .tag_create_album {margin-bottom: 30px;padding-bottom: calc(100% + 50px);position: relative;} .tag_create_album .tag_create_box {height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;margin: 0;} .tag_create_ads {height: 164.49px;} .tag_create_blogbox {padding-bottom: 80%;} .tag_create_events {padding-bottom: calc(35% + 123.4px);} .tag_create_app {height: 160.99px;} .tag_create_group {padding-bottom: calc(33.333333% + 101.08px);} .tag_create_fundings {padding-bottom: calc(66.625% + 152.72px);} .tag_create_page {height: 130px;margin: 0 0 5px;background-color: rgba(0, 0, 0, 0.02);} .tag_create_product {padding-bottom: calc(100% + 65px);margin-bottom: 20px;} .tag_create_product .tag_create_box {margin-bottom: 20px;} /*Select Image*/ .wow_fcov_image {position: relative;width: 100%;min-height:350px;background: #f5f5f5;border-radius: 4px 4px 0 0;margin-top: 10px;border-bottom: solid 1px rgba(0,0,0,.42);} .wow_fcov_image.hover {box-shadow: inset 0 0 0 2px #2196F3;border-bottom-color: #2196F3;} .wow_fcov_image > div {width: 100%;height: 100%;border-radius: 4px;} .wow_fcov_image img {width: 100%;height: 100%;min-height:350px;max-height:350px;object-fit: cover;border-radius: 4px 4px 0 0;} .wow_fcov_image .upload_ad_image {position: absolute;top: 0;right: 0;bottom: 0;left: 0;justify-content: center;cursor: pointer;border-radius: 4px 4px 0 0;padding: 15px;} .wow_fcov_image .upload_ad_image .upload_ad_image_content {background-color: #dadada;} .tag_slide_upload_img {flex-wrap: wrap;margin: 0 -4px;} .tag_slide_upload_img .upload-product-image {width: 169.6px;height: 169.6px;background: #f5f5f5;border-bottom: solid 1px rgba(0,0,0,.42);margin: 4px;order: 2;} .tag_slide_upload_img .upload-product-image .valign {justify-content: center;height: 100%;} .tag_slide_upload_img .thumb-image {display: inline-block;object-fit: cover;user-select: none;width: 169.6px;height: 169.6px;border-radius: 4px;margin: 4px;position: relative;} /*Ads*/ .wow_mini_wallets h5 {font-size: 60px;font-family: 'Readex Pro', sans-serif;font-weight: 300;} .wow_mini_wallets h5 sup, .wow_add_money_hid_form .add-amount h5 sup, .wow_snd_money_form .add-amount h5 sup {font-size: 30px;top: -25px;margin-right: 5px;} .wow_mini_wallets_btns {margin-top: -45px;display: flex;justify-content: center;column-gap: 15px;} .wow_mini_wallets_btns .btn {padding: 16px;line-height: normal;background: transparent;overflow: visible;box-shadow: none;min-width: 110px;} .wow_mini_wallets_btns .btn svg {display: block;margin: 0 auto 15px;width: 40px;height: 40px;} .wow_mini_wallets_btns .btn:hover {background: rgba(0, 0, 0, 0.04);} .wow_add_money_hid_form {display: none;} .wow_add_money_hid_form .add-amount, .wow_snd_money_form .add-amount {margin: 15px 0;} .wow_add_money_hid_form .add-amount h5, .wow_snd_money_form .add-amount h5 {margin: 0 auto;padding: 4px 0;font-size: 60px;font-family: 'Readex Pro', sans-serif;font-weight: 300;} .wow_add_money_hid_form .add-amount h5 input, .wow_snd_money_form .add-amount h5 input {border: 0;min-width: 50px;background: transparent;} #send-money-form .dropdown {width:100%} #send-money-form .dropdown ul.dropdown-menu {width:100%;box-shadow: 0 6px 12px rgba(0,0,0,.175);} #send-money-form .dropdown ul.dropdown-menu li {width:100%;padding:5px 10px} .wow_add_money_hid_form p, .wo_vaucher_page p {font-family: 'Roboto Flex'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #646464;} .wow_wallet_trans thead {border-bottom: 1px solid #ececec;} .wow_wallet_trans thead tr th {font-weight: 500;} .wow_wallet_trans tbody tr:last-child {border: 0;} .ads-cont-wrapper {width:100%;} .wow_ads_lists .wow_content {position: relative;padding: 12px;margin-bottom: 30px;} .wow_ads_lists .aemp, .tag_albums .dropdown {position: absolute;right: 12px;top: 12px;} .wow_ads_lists .aemp .dropdown .dropdown-toggle, .tag_albums .dropdown .dropdown-toggle {opacity: 0;} .wow_ads_lists .aemp .tag_create_menu, .tag_albums .dropdown .tag_create_menu {min-width: 200px;} .wow_ads_lists .wow_content:hover .aemp .dropdown .dropdown-toggle, .wow_ads_lists .wow_content .aemp .dropdown .dropdown-toggle.show, .wow_ads_lists .wow_content .aemp .dropdown.show .dropdown-toggle, .tag_albums:hover .dropdown .dropdown-toggle, .tag_albums .dropdown .dropdown-toggle.show, .tag_albums .dropdown.show .dropdown-toggle {opacity: 1;} .wow_ads_lists .acomp {font-weight: 500;font-size: 19px;} .wow_ads_lists .acomp a {color: #222;} .wow_ads_lists .wow_content > .valign {margin: 12px 0;background-color: rgba(0, 0, 0, 0.05);border-radius: 10px;justify-content: space-around;padding: 5px 3px;font-size: 13px;} .wow_ads_lists .wow_content > .valign svg {width: 13px;height: 13px;margin-top: -1px;} .wow_ads_lists .asts .valign {justify-content: space-between;} .wow_ads_lists .asts .valign span span {text-transform: uppercase;font-weight: 500;font-size: 13px;} .wow_create_ads_stp {padding: 20px;} .wow_create_ads_stp .text-center > .btn-mat {min-width: 150px;margin: 40px 0 20px;} .estimated_ad_limit {background: #f5e6fe;border-radius: 10px;padding: 10px 5px;} .estimated_ad_limit h4 {font-size: 15px;} .estimated_ad_limit span {font-size: 39px;} .edit_ads_image {min-height: 130px;margin-bottom: 25px;} .edit_ads_image img {min-height: 130px;max-height: 130px;} /*Fake Ad Post*/ .tag_fake_ad {position: fixed;background-color: white;width: 100%;max-width: 350px;z-index: 950;top: 0;left: 0;bottom: 0;padding: 120px 15px 10px;} .tag_fake_ad > .valign {justify-content: space-between;position: absolute;top: 90px;left: 0;right: 0;padding: 0 15px;font-weight: 500;font-size: 16px;} .fake_ad_post {box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.1);border-radius: 5px;overflow: hidden;width: 100%;} .fake_ad_post .fads_heading {padding: 10px;} .fake_ad_post .fads_meta {overflow: hidden;} .fake_ad_post .fads_meta .fads_avatar {width: 35px;height: 35px;display: block;overflow: hidden;margin-right: 10px;border-radius: 50%;background-position: center;background-size: cover;float: left;} .fake_ad_post .fads_meta .fads_m_info {margin-left: 45px;} .fake_ad_post .fads_meta .fads_m_info .company {display: block;font-size: 15px;font-weight: 500;color: #000000;} .fake_ad_post .fads_meta .fads_m_info .location {display: block;font-size: 12px;} .fake_ad_post .fads_headline {color: #000;overflow: hidden;padding: 10px 0;} .fake_ad_post .fads_headline div {width: 100%;font-size: 13px;height: 53px;overflow-y: auto;} .fake_ad_post .fads_cover {position: relative;border-top: 1px solid #ebebeb;margin: 0 -10px -10px;} .fake_ad_post .fads_cover .fcov_title div {font-size: 17px;padding: 10px;} .fake_ad_post .fads_cover .fcov_image {position: relative;width: 100%;height:180px; background: rgba(141, 141, 141, 0.05);} .fake_ad_post .fads_cover .fcov_image > div {width: 100%;height: 100%;border-radius: 0 0 4px 4px;} .fake_ad_post .fads_cover .fcov_image img {width: 100%;height: 100%;object-fit: cover;} .fake_ad_post .fads_meta .fads_m_info .company span, .fake_ad_post .fads_meta .fads_m_info .location span, .fake_ad_post .fads_headline div span, .fake_ad_post .fads_cover .fcov_title div span {opacity: 0.7;user-select: none;pointer-events: none;} /*Tag Steps*/ .tag_steps {margin: 0 0 20px;} .tag_steps+hr {margin: 20px 0;} .tag_steps li {display: inline-block;} .tag_steps li div {background: #eeeeee;text-align: center;padding: 0px 25px 0px 37px;line-height: 34px;position: relative;margin: 0 10px 0 0;font-size: 15px;font-weight: 500;} .tag_steps li:first-child div {border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .tag_steps li:last-child div {border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .tag_steps li div:after {content: "";border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 17px solid #eeeeee;position: absolute;right: -17px;top: 0;z-index: 1;} .tag_steps li div:before {content: "";border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 17px solid #fff;position: absolute;left: 0;top: 0;} .tag_steps li:first-child div:before, .tag_steps li:last-child div:after {display: none;} .tag_steps li.active div {background: #607d8b;color: #fff;} .tag_steps li.active div:after {border-left-color: #607d8b;color: #fff;} /*Select Picker*/ .select_radio_btn_innr {margin: 0 -8px;} .select_radio_btn_innr label {min-width: 140px;margin: 5px 8px 25px;} .select_radio_btn_innr label > input {opacity: 0;width: 0;height: 0;display: none;} .select_radio_btn_innr .sr_btn_lab_innr {width: 100%;position: relative;text-align: center;background-color: #f5f5f5;cursor: pointer;padding: 25px 5px;border-bottom: solid 1px rgba(0,0,0,.42);border-radius: 4px 4px 0 0;} .select_radio_btn_innr .sr_btn_lab_innr svg {opacity: 0.3;width: 40px;height: 40px;} .select_radio_btn_innr .sr_btn_lab_innr > span {font-weight: 500;font-size: 14px;margin-top: 25px;display: block;text-transform: capitalize;line-height: normal;} .select_radio_btn_innr .sr_btn_lab_innr .price {position: absolute;top: 6px;right: 6px;margin: 0;background-color: rgba(0, 0, 0, 0.1);font-size: 12px;border-radius: 4px;line-height: 18px;padding: 0 5px;} .select_radio_btn_innr .sr_btn_lab_innr:hover {border-bottom-color: rgba(0,0,0,.87);background-color: #ECECEC;} .select_radio_btn_innr label > input:checked ~ .sr_btn_lab_innr {color: var(--main);border-bottom-color: var(--main);} .select_radio_btn_innr label > input:checked ~ .sr_btn_lab_innr svg {opacity: 1;} .select_radio_btn_innr label > input:checked ~ .sr_btn_lab_innr .price {color: var(--main-color);background: var(--main);} /*Album*/ .tag_albums {margin-bottom:30px;padding: 10px;position: relative;} .tag_albums .avatar > a {display: block;position: relative;padding-bottom: 60%;} .tag_albums .avatar > a img {width: 100%;border-radius: 10px 10px 0px 0px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;object-fit: cover;} .tag_albums .dropdown {right: 10px;top: 10px;} .tag_albums .dropdown .dropdown-toggle, .tag_group_membr_opts .dropdown-toggle {color: #fff;display: block;background-color: rgba(0, 0, 0, 0.7);border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; } .tag_albums .album-name {padding: 12px 0 5px;position: relative;font-family: 'Roboto Flex'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px;} .tag_albums .album-name h4 {font-weight: 500;font-size: 16px;margin: 0 0 5px;} .tag_albums .album-name h4 a {color: #222;} .tag_albums .album-name p {margin: 0;font-family: 'Roboto Flex'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; /* Неосновной текст */ color: #AFAFAF;} .tag_albums .album-name span { color: #AFAFAF; font-size:13px; } .albums.tag_albums {padding:0px;} .tag_albums .alb_count {position: absolute;top: 10px;right: 11px;line-height: 1;padding: 11px 0 11px 4px;background-color: #ffffff;box-shadow: -10px 0px 10px 0px #ffffff;} /*Blog*/ .tag_blog_cats_coll {padding: 20px;} /* .tag_blog_cats_coll > .wo_page_hdng {border: 0;margin: -20px 0;} */ .tag_blog_cats_coll > .wo_page_hdng > svg {margin-left: auto;} .wow_blog_cats {padding: 18px 0 0;} .wow_blog_cats a {padding: 0 12px;margin: 8px 1px 0;background: rgba(0, 0, 0, 0.08);display: inline-block;color: #000;border-radius: 2em;line-height: 28px;transition: all 0.15s;font-size: 13px;} .wow_blog_cats a:hover {color: #000;background: rgba(0, 0, 0, 0.15);} .wow_blog_cats a.active {color: var(--main-color);background: var(--main);} .search-blog {position: relative;z-index: 2;} .search-blog .search_suggs {position: absolute;left: 0;right: 0;box-shadow: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);background-color: white;padding: 10px;} .search-blog .search_suggs:empty {margin:0;padding: 0;box-shadow: none;background: transparent;} .tag_main_blog {margin: 10px 0 20px;position: relative;} .tag_main_blog .avatar {display: block;margin-bottom: 10px;width: 100%;position: relative;padding-bottom: 56.25%;} .tag_main_blog .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .tag_main_blog .postCategory, .wo_post_fetch_blog .postCategory {color: #ffffff;font-weight: 500;font-size: 12px;background-color: rgba(0, 0, 0, 0.6);line-height: 23px;display: inline-block;padding: 0 10px;border-radius: 7px;position: absolute;bottom: 90px;left: 10px;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);} .tag_main_blog .info {width: 100%;} .tag_main_blog .info .art-title {margin: 5px 0 2px;font-size: 17px;line-height: 1.35;display: -webkit-box;min-height: 48px;max-height: 48px;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;font-family: 'Readex Pro', sans-serif;} .tag_main_blog .info .art-title a {color: #000;} .tag_main_blog .info .art-title a:hover {text-decoration: underline;} .tag_main_blog .info .postMeta--author-text {font-size: 13px;display: block;color: #666;} .tag_pop_artis {margin: 0;counter-reset: Serial;} .tag_pop_artis li:not(:last-child), .search-blog .search_suggs li:not(:last-child) {margin-bottom: 20px;} .tag_pop_artis li .article-thumbnail, .search-blog .search_suggs li .article-thumbnail {display: block;width: 65px;min-width: 65px;height: 65px;position: relative;border-radius: 10px;background: #aaa;margin-right: 15px;margin-left: 30px;} .tag_pop_artis li .article-thumbnail img, .search-blog .search_suggs li .article-thumbnail img {width: 100%;height: 100%;position: relative;border-radius: 10px;object-fit: cover;z-index: 1;} .tag_pop_artis li .article-thumbnail:after {counter-increment: Serial;content: counter(Serial);position: absolute;top: 2px;right: calc(100% - 11px);color: #000000;font-weight: 500;font-size: 64px;-webkit-text-fill-color: white;-webkit-text-stroke: 1.5px black;line-height: 1;pointer-events: none;font-family: 'Roboto', sans-serif;} .tag_pop_artis li .article-title, .search-blog .search_suggs li .article-title {color: rgba(0,0,0,.8);display: block;font-size: 15px;font-weight: 500;} .tag_pop_artis li .article-info, .search-blog .search_suggs li .article-info {display: block;color: rgba(0,0,0,.4);font-size: 12px;} .search-blog .search_suggs li .article-thumbnail {margin-left: 5px;} .wow_main_blogs {background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);border-radius: 10px;margin-bottom: 30px;} .wow_main_blogs .avatar {display: block;position: relative;padding-bottom: 80%;} .wow_main_blogs .avatar > img {width: 100%;border-radius: 10px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;object-fit: cover;} .wow_main_blogs_info {width: 100%;border-radius: 10px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.4) 100%);padding: 15px;display: flex;flex-direction: column;} .wow_main_blogs_info > .postCategory {display: inline-block;text-decoration: none;color: rgba(255, 255, 255, 0.8);} .wow_main_blogs_info > h2 {margin: 10px 0;font-size: 20px;font-family: 'Readex Pro', sans-serif;} .wow_main_blogs_info > h2 a {color: white;} .wow_main_blogs_info > .postMeta--author-text, .wow_main_blogs_info > .postMeta--author-text a {color: rgba(255, 255, 255, 0.8);text-decoration: none;} .wow_main_blogs_info > .wow_main_blogs_btns {margin: auto -5px 0;} .wow_main_blogs_info > .wow_main_blogs_btns .btn {margin: 0 5px;max-width: 160px;background-color: rgba(255, 255, 255, 0.2);color: white;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);min-width: 100px;} /*Create Blog*/ .tag_create_blog {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100vh;background-color: white;z-index: 1050;} .tag_cr_blog_hdr {position: -webkit-sticky;position: sticky;top: 0px;z-index: 1;justify-content: space-between;padding: 0 20px;border-bottom: 1px solid #e2e4e7;height: 65px;background-color: white;} .tag_cr_blog_hdr .wo_page_hdng {border: 0;margin: 0;padding: 20px 0;} .tag_cr_blog_hdr .btn-main {min-width: 140px;} .tag_cr_blog_main {display: block;z-index: 99;top: 65px;height: calc(100vh - 65px);overflow-y: auto;margin-right: 380px;background-color: rgba(0, 0, 0, 0.04);padding: 20px 0;} .tag_cr_blog_fields {margin-bottom: 5px;} .tag_cr_blog_fields textarea {border: 0;resize: none;width: 100%;padding: 10px 0px;background: transparent;overflow: hidden;} .tag_cr_blog_fields .blog_title {font-family: 'Readex Pro', sans-serif;font-size: 37px;font-weight: 500;padding: 10px 0px 4px;line-height: 41px;} .tag_cr_blog_fields .blog_title::placeholder {opacity: 0.9;} .tag_cr_blog_fields .blog_title:focus::placeholder {opacity: 0.5;} .tag_cr_blog_fields .blog_description {font-size: 22px;margin-bottom: 20px;} .tag_cr_blog_fields .blog_description::placeholder {opacity: 0.7;} .tag_cr_blog_fields .blog_description:focus::placeholder {opacity: 0.3;} .tag_cr_blog_write {font-size: 16px;background-color: white;padding: 20px 20px 10px;margin: 0 -20px;border-radius: 10px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);min-height: calc(100vh - 285px);} .tag_cr_blog_write:empty:not(:focus):before {content:attr(data-phold);pointer-events: none;opacity: 0.7;} .tag_cr_blog_write img, .read-blog-container .read-content p img {/*width: auto;height: auto;*/max-width: 100%;} .tag_cr_blog_write a {color: #2196F3;} .tag_cr_blog_write hr {border-color: #e4e4e4;margin: 20px 0;} .tag_cr_blog_write ul, .read-blog-container .read-content ul {list-style-type: disc;} .tag_cr_blog_write ol, .read-blog-container .read-content ol {list-style-type: decimal;} .tag_cr_blog_side {display: block;z-index: 9;position: fixed;top: 65px;bottom: 0;right: 0;width: 380px;max-height: 100%;overflow-y: auto;border-left: 1px solid #e2e4e7;padding: 20px;} .tag_cr_blog_img {min-height: 190px;margin: 5px 0 25px;} .tag_cr_blog_img > div:not(.upload_ad_image) {z-index: 9;position: relative;} .tag_cr_blog_img img {min-height: 190px;max-height: 190px;} .tag_cr_blog_img .upload_ad_image {flex-direction: column;} .tag_cr_blog_img .upload_ad_image .btn {margin-bottom: 10px;} /*Read Blog*/ .tag_read_blog {position: relative;padding: 30px;} .tag_read_blog .btn-go-back {position: absolute;left: 15px;top: 15px;} .tag_read_blog .btn-go-back .dropdown-toggle {font-weight: 500;border: 0;padding: 0;background: transparent;opacity: 0.5;} .tag_read_blog .btn-go-back .dropdown-toggle:hover {opacity: 1;} .tag_read_blog .metaLink {position: absolute;right: 15px;top: 15px;font-weight: 500;} .wow_read_blog_hdr_img_innr {text-align: center;} .wow_read_blog_hdr_img_innr .postCategory {color: #009688;display: inline-block;font-weight: 500;text-decoration: underline;font-size: 16px;} .wow_read_blog_hdr_img_innr h2 {margin: 10px 0 5px;color: #000;font-size: 46px;line-height: 1.4;letter-spacing: -0.5px;font-family: 'Readex Pro', sans-serif;} .wow_read_blog_hdr_img_innr .read-blog-info-user {display: table;margin: 0 auto 30px;} .wow_read_blog_hdr_img_innr .postMeta--author-avatar img, .tag_forum_main_hdr .postMeta--author-avatar img {width: 35px;height: 35px;} .wow_read_blog_hdr_img_innr .postMeta--author-text, .tag_forum_main_hdr .postMeta--author-text {text-align: initial;} .wow_read_blog_hdr_img_innr .postMeta--author-text a, .tag_forum_main_hdr .postMeta--author-text a {font-weight: 500;font-size: 15px;color: #3d3d3d;} .wow_read_blog_hdr_img_innr .postMeta--author-text time, .wow_read_blog_hdr_img_innr .postMeta--author-text span {display: inline-block;font-size: 13px;} .wow_main_float_head_img {position: relative;overflow: hidden;padding-bottom: 56.25%;margin: 0 -120px;} .wow_main_float_head_img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;object-fit: cover;border-radius: 10px;} .read-blog-container .read-blog-desc {font-size: 20px;text-align: center;font-family: Georgia;font-style: italic;background-color: rgba(0, 0, 0, 0.08);border-radius: 10px;padding: 15px;margin: 30px 0;} .read-blog-container .read-content {font-size: 17px;} .read-blog-container .read-content p:first-child::first-letter {font-size: calc(60px + 0.75vw);font-weight: 500;float: left;line-height:1;padding: 0px 10px 0 0;margin-top: -4px} .read-blog-container .read-content strong, .read-blog-container .read-content b {font-weight: 500;} .read-blog-container .read-tags {padding: 5px 0px 0} .read-blog-container .read-tags .postTag {display: inline-block;font-size: 12px;padding: 1px;border-bottom: 1px solid #000;margin: 5px;font-weight: 500;color: black;} .read-blog-container hr.style-two {margin-top: 60px;} .author-block {padding-top: 60px;justify-content: space-between;} .author-block .author {padding-right: 32px;} .author-block .author .img-wrap {width: 104px;min-width: 104px;height: 104px;margin-right: 38px;} .author-block .author .img-wrap img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;} .author-block .author .text h3 {margin: 0 0 4px;font-size: 24px;font-family: 'Readex Pro', sans-serif;} .author-block .author .text h3 a {color: #222;} .author-block .author .text p {font-size: 17px;margin: 0;} .read-blog-container .related-post {margin: 60px -120px;background-color: #333333;border-radius: 10px;padding: 30px;} .read-blog-container .related-post .recommended-articles .tag_main_blog {margin: 0;} .read-blog-container .related-post .recommended-articles .art-title a {color: #fff;} .read-blog-container .related-post .recommended-articles .postMeta--author-text {font-size: 13px;display: block;color: #b3b3b3;} .wo_blogcomm_combo {position: relative;} .wo_blogcomm_combo img, .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img {width:50px;height:50px;border-radius:50%;margin-right:15px;} .wo_blogcomm_combo textarea, .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea {height: 50px;resize: none;border-radius: 2em;border: 1.5px solid transparent;padding: 12.5px 100px 12.5px 20px;transition: all .15s ease-in-out;overflow-y: hidden;background: #f5f5f5;} .wo_blogcomm_combo textarea:focus, .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea:focus, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea:focus {border-color: var(--main);background: #fff;} .wo_blogcomm_combo button {border-radius: 2em;position: absolute;right: 7px;bottom: 7px;transition: all 0.15s;opacity: 0;visibility: hidden;} .wo_blogcomm_combo textarea:focus+button {opacity: 1;visibility: visible;} .blog-com-wrapper .blog-comlist-container:empty {padding: 0;} .blog-com-wrapper .blog-comlist-container .blog-comment-item, .movies-com-wrapper .movies-comlist-container .movies-comment-item {width: 100%;margin-top: 20px;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img img, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img img {height: 100%;width: 100%;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body, .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box, .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-cont, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-cont {margin-left: 65px;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 {margin: 0 0 3px;font-size: 15px;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5 a {color: #222;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body p {margin: 0 0 5px;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body > div, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body > div {color:#888;position: relative;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box .form-group, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box .form-group {margin: 0;} .blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea {height: 35px;font-size: 13px;padding: 7px 10px;margin-top: 10px;} /*Boosted Pages*/ .tag_boost_help {justify-content: space-between;} .tag_boost_help > ul {width: 100%;max-width: 450px;margin: 0;padding: 0 0 0 10px;list-style-type: none;} .tag_boost_help > ul > svg {display: block;width: 28px;height: 28px;margin: 0 0 10px;} .tag_boost_help > ul h3 {margin: 0 0 15px;font-size: 26px;font-family: 'Readex Pro', sans-serif;} .tag_boost_help > ul h3 .pro-badge {padding: 0 5px;font-size: 11px;line-height: 20px;font-weight: normal;} .tag_boost_help > ul li {font-weight: normal;font-size: 17px;margin: 0 0 10px;padding: 0 0 0 30px;position: relative;} .tag_boost_help > ul li:before {content: '';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 fill='%234AC463' 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-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z'/%3e%3c/svg%3e");width: 18px;height: 18px;top: 2px;left: 4px;position: absolute;background-position: center;background-size: contain;} .tag_boost_page {padding: 20px 5px;} .tag_boost_page:not(:last-child) {border-bottom: 1px solid #e4e4e4;} .tag_boost_page:first-child {padding-top: 5px;} .tag_boost_page .author .img-wrap {width: 90px;min-width: 90px;height: 90px;margin-right: 25px;} .tag_boost_page .author .text h3 {font-size: 26px;} .tag_boost_page .author .text p {font-size: 15px;} .tag_boost_page .btn-mat {min-width: 130px;} /*Chat*/ .tag_chat_side_btn, .tag_stories_on_home .view-more-stories {height: 50px;min-height: 50px;min-width: 50px;width: 50px;background: #fff;border-radius: 50%;line-height: 50px;padding: 0;} .tag_chat_side_btn:not(:first-child) {margin-top: 15px;} .tag_chat_side_btn:first-child {margin-top: 5px;} .tag_chat_side_btn svg, .tag_stories_on_home .view-more-stories svg {margin: 0;width: 24px;height: 24px;} .tag_chat_side_btn+.dropdown-menu {min-width: 120px;} .tag_chat_side_btn+.dropdown-menu a svg {margin-right: 10px;} .online-content-toggler {-webkit-flex: 1 auto;-ms-flex: 1 auto;flex: 1 auto;flex-grow: 1;overflow: hidden;overflow-y: auto;margin: 0 -10px;padding: 0 10px;overscroll-behavior-y: contain;} .online-content-toggler hr {border-color: #dcdcdc;margin: 15px -10px;} .chat_skel {height: 50px;min-height: 50px;min-width: 50px;width: 50px;background: rgba(0, 0, 0, 0.08);margin-top: 15px;} .chat_skel:nth-child(2), .skel_search:nth-child(2), .skel_noti:nth-child(2) {opacity: 0.8;} .chat_skel:nth-child(3), .skel_search:nth-child(3), .skel_noti:nth-child(3) {opacity: 0.6;} .chat_skel:nth-child(4), .skel_search:nth-child(4), .skel_noti:nth-child(4) {opacity: 0.4;} .chat_skel:nth-child(5), .skel_search:nth-child(5), .skel_noti:nth-child(5) {opacity: 0.2;} .chat-container .wow_chat_search > .btn {margin: 0;} .chat-container .wow_chat_search .dropdown-menu {top: 0;margin: 0;height: 50px;min-width: 200px;border-radius: 2em 0 0 2em;padding: 0 15px;box-shadow: none;} .chat-container .wow_chat_search input {width: 100%;background-color: transparent;height: 50px;border: 0;padding: 0;font-size: 14px;} .chat-container .wow_chat_search.show {width: 250px;text-align: end;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);border-radius: 2em;} .chat-container .wow_chat_search.show > .btn {border-radius: 0 50% 50% 0;box-shadow: none;} .recipient-chat-user {margin: 15px 0;} .recipient-chat-user .user-info {position: relative;width: 50px;min-width: 50px;border-radius: 50%;} .recipient-chat-user:hover .user-info {opacity: 0.8;} .recipient-chat-user .user-info img {width: 100%;height: 50px;border-radius: 50%;object-fit: cover;margin: 0;} .recipient-chat-user .user-info > svg {position: absolute;right: 0px;bottom: 0px;background-color: var(--body-bg);border-radius: 50%;width: 14px;height: 14px;padding: 2px;} .recipient-chat-user .new-message-alert {background: #F44336;} .recipient-chat-user .chat-loading-icon {justify-content: center;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);border-radius: 50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .recipient-chat-user .chat-loading-icon svg {width: 25px;height: 25px;} .recipient-chat-user .chat-loading-icon:empty {width: 0;height: 0;} .recipient-chat-user .chat-user-text {font-size: 15px;font-weight: 500;white-space: nowrap;max-width: 250px;overflow: hidden;text-overflow: ellipsis;} .recipient-chat-user .dropdown-menu {top: auto;left: auto;right: auto;padding: 8px;margin: -58px 58px;position: fixed;box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);} .recipient-chat-user.show .dropdown-menu {display: none;} .recipient-chat-user:hover .dropdown-menu {display: block;} .recipient-chat-user .dropdown-menu img {width: 50px;height: 50px;border-radius: 50%;margin-right: 8px;} .chat-opacity {width: 89px;position: fixed;height: 100%;display: none;background: var(--body-bg);z-index: 2;top: 0;right: 0;bottom: 0;justify-content: center;} .chat-opacity.active {display:flex;} .chat-opacity .empty_state {padding: 0 5px;font-size: 14px;font-family: "Roboto", sans-serif;font-weight: normal;} .chat-opacity .empty_state svg {width: 60px;height: 60px;} .chat-opacity .empty_state .btn {margin-top: 30px;font-size: 12px;min-width: 60px;line-height: 30px;padding: 0 5px;} .chat_main:nth-child(2) {right: 420px;} .chat_main:nth-child(3) {right: 735px;} .chat-tab .online-toggle-hdr {width: 100%;padding: 9px;border-radius: 10px 10px 0 0;position: relative;justify-content: space-between;box-shadow: 0 1px 3px rgba(0,0,0,.2);z-index: 1;} .chat-tab .online-toggle-hdr.white_online {animation: mymove 1.5s infinite;} @keyframes mymove { 0% {background-color: #fff;} 50% {background-color: whitesmoke;} 100% {background-color: #fff;} } .wow_chat_hdr_usr .avatar {width: 30px;min-width: 30px;height: 30px;margin-right: 8px;} .wow_chat_hdr_usr .avatar img {width: 100%;height: 100%;border-radius: 50%;} .wow_chat_hdr_usr h3 {margin: 0;font-size: 14px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;} .wow_chat_hdr_usr h3 a {color: #212529;} .wow_chat_hdr_usr .chat-tab-status.active {margin: 2px 0 -2px;font-size: 11px;display: block;color: #4caf50;} .chat-tab .online-toggle-hdr .close-chat > .dropdown {display: inline-block;line-height: 1;} .chat-tab .online-toggle-hdr .close-chat > .dropdown .dropdown-menu {min-width: 190px;border: 1px solid #f2f2f2;} .chat-tab .online-toggle-hdr .close-chat > svg {margin: 1px;width: 20px;height: 20px;cursor: pointer;} .chat_main .chat-tab-container {flex-direction: column;flex-grow: 1;height: 388.22px;overflow: hidden;} .chat_main .chat-tab-container .chat-tab-container-inner {flex-direction: column;flex: 1 1 auto;overflow: hidden;position: relative;justify-content: flex-end;} .chat-user-desc {padding:10px;display:none;align-items: center;justify-content: center;height: 297px;flex-direction: column;} .chat-user-desc.chat-user-desc-show {display: flex;} .chat-user-desc img {width: 70px;height: 70px;border-radius: 50%;margin-bottom: 15px;} .chat-user-desc .head-text {font-size:14px;color:#000;margin-bottom: 5px;} .chat-user-desc .desc-text {font-size:12px;color:#6b6b6b;} .chat-messages-wrapper {max-height: 100%;overflow: hidden;overflow-y: auto;width: 300px;padding: 8px 0 5px;overscroll-behavior-y: contain;} .chat-messages-wrapper > .chat-messages > .empty_state {padding: 93px 5px;} .messages-wrapper {padding: 5px;} .messages-container .outgoing {order: 2;} .message {margin-top:1px} .message-media {position:relative} .message-media img {max-width:100%} .chat-messages-wrapper .messages-wrapper {padding: 3px 9px;position: relative;flex-wrap: wrap;width: 100%;} .chat-messages-wrapper .messages-wrapper > a, .messages-container .message-contnaier > a {align-self: flex-end;margin-bottom: 2px;} .chat-messages-wrapper .messages-wrapper .user-avatar-right {float:right;width:30px;margin-left:9px;border-radius:50%;} .chat-messages-wrapper .messages-wrapper .user-avatar-left, .message-contnaier .message-typing .user-avatar-left {float:left;width:30px;margin-right:9px;border-radius:50%;} .chat-messages-wrapper .incoming, .chat-messages-wrapper .outgoing, .tag_msg_wrapper {max-width: calc(100% - 110px);margin: 0;position: relative;padding: 0;} .chat-messages-wrapper .incoming .message-text, .chat-messages-wrapper .outgoing .message-text, .chat-messages-wrapper .messages-wrapper .message-media > a:not(.file-sharing-download-btn), .typing_loader_prnt, .tag_msg_wrapper .message-text, .tag_msg_wrapper .message-media > a:not(.file-sharing-download-btn) {border-radius: 16px;padding: 5px 12px;font-size: 14px;color: #4b4f56;background-color: #eaeaea;} .chat-messages-wrapper .incoming p {float: left;} .chat-messages-wrapper .outgoing p {float: right;} .chat-messages-wrapper .message .message-text, .chat-messages-wrapper .incoming p:empty, .chat-messages-wrapper .outgoing p:empty {margin: 0;position: relative;} .chat-messages-wrapper .incoming p .hash, .messages-container .incoming p .hash {color: #000;} .chat-messages-wrapper .outgoing {padding-right: 7px;max-width: calc(100% - 70px);order: 2;} .chat-messages-wrapper .outgoing p .hash, .chat-messages-wrapper .outgoing .message-media a, .messages-container .outgoing p .hash, .messages-container .outgoing .message-media a {color: #fff;} .chat-messages-wrapper .message .green-audio-player {min-width: 100%;padding: 0 15px;border: 2px solid var(--main);border-radius: 16px;} .chat-messages-wrapper .message .green-audio-player .controls {margin: 0 10px;} .chat-messages-wrapper .message .green-audio-player .controls span {margin: 0 5px;font-size: 16px;} .chat-messages-wrapper .message .green-audio-player .controls .controls__slider {display: none;} .chat-messages-wrapper .tag_chat_opts {position: static;} .chat-messages-wrapper .tag_chat_opts, .messages-container .tag_chat_opts {transform: scale(1);transition: all 0.1s ease;z-index: 1;} .chat-messages-wrapper .outgoing+.tag_chat_opts, .messages-container .message-contnaier .outgoing+.tag_chat_opts {margin-left: auto;} .chat-messages-wrapper .messages-wrapper:not(:hover) .tag_chat_opts, .messages-container .message-contnaier:not(:hover) .tag_chat_opts {opacity: 0;visibility: hidden;transform: scale(0.9);} .chat-messages-wrapper .messages-wrapper .tag_chat_opts.show, .messages-container .message-contnaier .tag_chat_opts.show {opacity: 1;visibility: visible;transform: scale(1);} .chat-messages-wrapper .deleteMessage, .messages-container .deleteMessage {margin: 0 2px;line-height: 1;} .chat-messages-wrapper .deleteMessage:hover svg, .messages-container .deleteMessage:hover svg {opacity: 1;} .chat-messages-wrapper .messages-wrapper .like-stat, .messages-container .messages-wrapper .like-stat {top: -5px;position: relative;} .chat-messages-wrapper .outgoing .like-stat, .messages-container .outgoing .like-stat {float: right;} .chat-messages-wrapper .messages-wrapper .like-stat .like-emo {margin: 0 0 -6px;} .chat-messages-wrapper .messages-wrapper .like-stat .like-emo:empty {margin: 0;} .chat-messages-wrapper .messages-wrapper .like-emo > .how_reacted, .messages-container .messages-wrapper .like-emo > .how_reacted {padding: 2px;box-shadow: 0 2px 4px rgb(0 0 0 / 10%);} .chat-messages-wrapper .messages-wrapper .like-emo > .how_reacted .reaction, .messages-container .messages-wrapper .like-emo > .how_reacted .reaction {width: 16px;height: 16px;line-height: 1;} .chat-messages-wrapper .messages-wrapper .message-media, .message-contnaier .messages-wrapper .message-media {border-radius: 16px;overflow: hidden;line-height: 1;display: flex;max-width: 100%;} .chat-messages-wrapper .messages-wrapper .message-media > a:not(.file-sharing-download-btn), .message-contnaier .messages-wrapper .message-media > a:not(.file-sharing-download-btn) {line-height: 20px;} .chat-messages-wrapper .messages-wrapper .incoming .message-media > a:not(.file-sharing-download-btn), .message-contnaier .messages-wrapper .incoming .message-media > a:not(.file-sharing-download-btn) {background-color: #eaeaea;} .chat-messages-wrapper .image-file, .tag_chat_gif_image, .message-contnaier .image-file {border:0;max-height:150px;} .chat-messages-wrapper .messages-wrapper .message-seen span, .message-contnaier .message-seen span {position: absolute;bottom: 3px;right: 0;line-height: 1;} .chat-messages-wrapper .messages-wrapper .message-typing, .message-contnaier .message-typing {margin-top: 6px;overflow: hidden;width: 100%;order: 2;} .chat-messages-wrapper .messages-wrapper .message-typing:empty, .message-contnaier .message-typing:empty {margin: 0;} .chat-messages-wrapper .tag_prods_list, .message-contnaier .tag_prods_list {padding: 0;max-width: 100%;} .chat-messages-wrapper .tag_prods_list .product_main, .message-contnaier .tag_prods_list .product_main {margin: 0;background-color: #eaeaea;} .chat-messages-wrapper .outgoing .tag_prods_list .product_main, .message-contnaier .outgoing .tag_prods_list .product_main {background: transparent;} .chat-messages-wrapper .outgoing .tag_prods_list .product_info b, .message-contnaier .outgoing .tag_prods_list .product_info b {color: rgba(255, 255, 255, 0.9);} .typing_loader_prnt {width: 55px;margin-left: 39px;} .typing_loader {width: 7px;height: 7px;border-radius: 50%;-webkit-animation: msg_typing 1s linear infinite alternate;-moz-animation: msg_typing 1s linear infinite alternate;animation: msg_typing 1s linear infinite alternate;margin: 6.5px auto;position: relative;left: -12px;} @keyframes msg_typing { 0%{background-color: #000000;box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);} 25%{background-color: rgba(0, 0, 0, 0.4);box-shadow: 12px 0px 0px 0px rgb(0, 0, 0), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);} 75%{ background-color: rgba(0, 0, 0, 0.4);box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgb(0, 0, 0);} } .chat-textarea {width: 100%;padding: 0 9px 9px;position: relative;} .chat-textarea .msg_progress {bottom: auto;top: -1px;} .chat-textarea .chat-btns-w {padding: 4px 0 9px;justify-content: space-around;} .chat-textarea .chat-btns-w .btn-file {padding: 0;border: 0;box-shadow: none;} .chat-textarea .chat-btns-w .record_timei, .tag_msg_record .messages-rtime, .tag_cht_rec_time {position: absolute;top: -20px;padding: 4px 7px;background-color: #F44336;left: 30px;border-radius: 6px;box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.19);line-height: 1;font-weight: 500;font-size: 12px;color: white;} .chat-textarea .chat-btns-w .chat_optns {color: var(--main);line-height: 1;font-size: 16px;} .chat-textarea .chat-btns-w .chat_optns.dropup {position: static;} .chat-textarea .chat-btns-w .chat_optns .dropdown-menu {left: 0;right: 0;height: 311px;padding: 0;bottom: 79px;margin: 0;box-shadow: none;border-top: 1px solid #ddd;border-radius: 0;} .chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state {padding: 75px 5px;} .chat-textarea .chat-btns-w .chat_optns .dropdown-menu .tag_chat_stickers .empty_state {padding: 103px 5px;} .tag_chat_GIF {height: 100%;padding: 7px;} .tag_chat_GIF input {border: 0;background-color: rgba(0, 0, 0, 0.05);border-radius: 5px;} .tag_chat_GIF_cont, .tag_chat_stickers {overflow: hidden !important;overflow-y: auto !important;height: 100%;max-height: 269px;overscroll-behavior-y: contain;padding: 6px 0;margin: 0 -3px;} .tag_chat_GIF_cont:empty, .tag_chat_stickers:empty {padding: 0;margin: 0;} .tag_chat_GIF_cont img, .tag_chat_GIF_cont video, .skel_chat_gif {height: 100px;max-height: 100px;width: calc(50% - 6px);cursor: pointer;float: left;margin: 3px;} .skel_chat_gif {cursor: auto;} .skel_chat_gif:nth-child(3), .skel_chat_gif:nth-child(4) {opacity: 0.66666;} .skel_chat_gif:nth-child(5), .skel_chat_gif:nth-child(6) {opacity: 0.33333;} .tag_chat_stickers {padding: 6px;max-height: 310px;} .tag_chat_stickers img {cursor: pointer;float: left;margin: 5px;width: calc(33.3333333% - 10px);} .wow_choose_chat_clrs .chat-colors-cont {width: 100%;height: 100%;padding: 15px;overflow: hidden;} .wow_choose_chat_clrs .chat-colors-cont a {width: 40px;height: 40px;line-height: 1;border-radius: 50%;margin: 8px 7px;float: left;} .wow_choose_chat_clrs .chat-colors-cont a:hover {box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);opacity: 0.8;} .chat-textarea textarea {height: 34px;border-radius: 2em;padding: 7.5px 34px 7.5px 12px;font-size: 13px;border: 0;background-color: rgba(0, 0, 0, 0.08);resize: none;} .tag_chat_emoji {position: absolute;right: 15px;bottom: 15px;} .tag_chat_emoji .dropdown-toggle {color: #7d7d7d;} .tag_chat_emoji .emo-container, .tag_pub_box_emoji {max-height: 255px;overflow-y: auto;overscroll-behavior-y: contain;min-width: 235px;padding: 5px;} .tag_chat_emoji .emo-container span, .tag_msg_emojis span, .tag_pub_box_emoji span {display: inline-flex;padding: 1.7px;border-radius: 5px;cursor: pointer;font-size: 21px;height: 35px;width: 35px;text-align: center;} .tag_chat_emoji .emo-container span:hover, .tag_msg_emojis span:hover, .tag_pub_box_emoji span:hover {background-color: #efefef;} .tag_chat_grp_avtr_crt {width: 70px;min-width: 70px;height: 70px;margin-right: 20px;background-color: #e4e4e4;border-radius: 50%;} .tag_chat_grp_avtr_crt .btn-file {width: 100%;height: 100%;justify-content: center;} .tag_chat_grp_avtr_crt .btn-file img {height: 70px;width: 70px;object-fit: cover;border-radius: 50%;} .group_chat_mbr_list, .event-people-invition-list {width:100%;max-height:200px;overflow-y:auto;position: absolute;background: #fff;z-index: 9;box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.25);border-radius: 0 0 4px 4px;} .group_chat_mbr_list:empty {padding: 0;box-shadow: none;} .group_chat_mbr_list p.no_participant {width:100%;line-height:90px;text-align:center;font-size:15px;margin: 0;} .group_chat_mbr_part, .invitation-users-cont {border-bottom:1px solid #eaeaea;width: 100%;padding: 10px 27px 10px 10px;position: relative;} .group_chat_mbr_part:last-child, .invitation-users-cont:last-child {border-bottom:none} .group_chat_mbr_part .avatar, .invitation-users-cont .avatar {width: 37px;min-width: 37px;height: 37px;margin-right: 10px;} .group_chat_mbr_part .avatar img, .invitation-users-cont .avatar img {width: 100%;height: 100%;border-radius: 50%;} .group_chat_mbr_part .user-name, .invitation-users-cont .user-name {font-weight: 500;font-size: 15px;text-transform: capitalize;} .group_chat_mbr_part .user-lastseen, .group_chat_mbr_part .user-lastseen .small-last-seen {font-size: 12px;color: #7b7b7b;} .group_chat_mbr_part .status {position: absolute;top: 50%;transform: translateY(-50%);right: 2px;} /*Post Comments*/ .post .post-footer {border-top: 1px solid #ececec;padding: 15px;position: relative;} .post .post-footer:empty {padding: 0;border: 0;} .post .post-footer > .msg_progress {bottom: auto;top: 0;} .post .post-footer .comments-list .comment, .wo_imagecombo_lbox .lightbox-post-footer .comment, .live_comments {width:100%;margin: 0 0 15px;} .post .post-footer .comments-list .comment .avatar, .wo_imagecombo_lbox .lightbox-post-footer .comment .avatar, .live_comments .avatar {width:36px;height:36px;border-radius:50%;} .post .post-footer .comments-list .comment .comment-body, .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body, .live_comments .comment-body {margin-left: 45px} .post .post-footer .comments-list .comment .comment-body .comment_edele_options {visibility:hidden;min-width: 42px;} .post .post-footer .comments-list .comment .comment-body:hover .comment_edele_options {visibility:visible;} .post .post-footer .comments-list .comment .comment-heading, .wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading, .wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .reply-heading, .live_comments .comment-heading {display:flex;} .post .post-footer .comments-list .comment .tag_comm_body, .wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body, .live_comments .tag_comm_body {max-width: calc(100% - 10px);} .tag_comm_body_top {font-size: 0px;margin: 0 0 2px;} .post .post-footer .comments-list .comment .tag_comm_body .comment-text, .wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body .comment-text, .live_comments .tag_comm_body .comment-text {border-radius: 18px;background-color: rgba(0, 0, 0, 0.06);padding: 5px 10px;width: max-content;margin-right: 7px;} .post .post-footer .comments-list .comment .tag_comm_body .comment-text.border_zero, .wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body .comment-text.border_zero {border-radius: 18px 18px 18px 0;} .post .post-footer .comments-list .comment .tag_comm_body .comment-text:empty, .wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body .comment-text:empty, .live_comments .tag_comm_body .comment-text:empty {padding: 0;margin: 0;} .post .post-footer .comments-list .comment .comment-heading .user, .wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .user, .live_comments .comment-heading .user {font-size: 14px;display: inline-block;margin: 0 0 4px;color: #222;} .post .post-footer .comments-list .comment .comment-heading .user {margin: 0;} .tag_trim_comm_text {overflow: hidden;display: block;} .comment-image {width: 100%;max-width: 280px;} .comment-image img {border-radius: 0 18px 18px 18px;width:100%;max-width: 160px;} .comment-record {width:100%;overflow:hidden;} .comment-options {font-size:12px;position: relative;display: block;margin-top: 3px;} .comment-options .middot {margin: 0 3px;} .comment-options svg.feather {width: 14px;height: 14px;} .edit-box {max-height:200px;margin-top:10px;border-radius:18px;resize: vertical;} .view-more-replies {font-size: 12px;cursor: pointer;margin-top: 5px;font-weight: 500;} .view-more-replies svg {width: 18px;height: 18px;transform: rotate(180deg);margin: -1px 0 0;} .comment-reply {display:none} .comment-reply .wo_commreply_combo {margin-top: 10px;position: relative;align-items: normal;} .post .post-footer .comment-reply .wo_commreply_combo .avatar {width: 30px;height: 30px;} .comment-reply .wo_commreply_combo > div, .tag_lbox_comcombo > div {border-radius: 18px;background-color: rgba(0, 0, 0, 0.08);width: 100%;margin-left: 8px;align-items: flex-end;} .comment-reply .wo_commreply_combo .textarea, .tag_lbox_comcombo .textarea {border: 0;background: transparent;padding: 6.5px 10px;height: 32px;resize: none;font-size: 13px;min-height: 32px;} .comment-reply .wo_commreply_combo .image-comment, .tag_lbox_comcombo .image-comment {padding: 5.3px;} .comment-reply .wo_commreply_combo .image-comment .btn, .tag_lbox_comcombo .image-comment .btn {padding: 0;margin: 0 3px;background: transparent;border: 0;line-height: 1;} .comment-image-con {width: 100%;max-width: 150px;position: relative;margin: 5px 0 0 40px;} .comment-image-con img {width:100%;height: 120px;object-fit: cover;border-radius:5px} .comment-image-con .remove-icon {position: absolute;top: 8px;cursor: pointer;color: #fff;right: 8px;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;} .comment-reply .wo_commreply_combo+.comment-image-con {margin: 5px 0 0 38px;} .post .post-footer .comments-list .reply, .lightbox-post-footer .comments-list .reply {width:100%;margin: 15px 0 0;} .post .post-footer .comments-list .reply .avatar, .lightbox-post-footer .comments-list .comment .reply .avatar {width:30px;height:30px;} .post .post-footer .comments-list .reply .comment-body, .lightbox-post-footer .comments-list .comment .reply .comment-body {margin-left: 38px;} .post .post-footer .comments-list .reply .reply-heading .user, .lightbox-post-footer .comments-list .reply .reply-heading .user {font-size:13px;} .post .post-footer .comments-list .reply .reply-heading .time, .lightbox-post-footer .comments-list .reply .reply-heading .time {font-size:10px;color:#aaa;margin-top:0;display:inline} .post .post-footer .comments-list .comment .comment-body .like-btn {z-index: 9;} .post .post-footer .comments-list .comment .comment-body .reactions-box {z-index: 5;} /*Common Things*/ .wo_com_things_row {margin: 0 -12px;} .wo_comthing_usr {padding: 0 12px;} .wo_comthing_usr_innr {position: relative;margin-bottom: 24px;transition: all 0.15s;padding: 0;} .wo_comthing_usr_innr:after {content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 10px;background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0, 0, 0, 0.6) 100%);} .wo_comthing_usr_innr .avatar {width: 100%;padding-top: 110%;} .wo_comthing_usr_innr .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .wo_comthing_usr_innr h3 {margin: 0;font-size: 18px;color: white;position: absolute;left: 0;right: 0;bottom: 33px;z-index: 2;padding: 0 10px;} .wo_comthing_usr_innr p {font-size: 13px;color: rgba(255, 255, 255, 0.8);position: absolute;left: 0;right: 0;bottom: 10px;z-index: 2;margin: 0;padding: 0 10px;} /*Contact Us*/ .tag_contact_sub {margin: 20px 0 0 20px;font-size: 12px;text-transform: uppercase;letter-spacing: 0.1em;line-height: 1.14;color: var(--main);font-family: 'Readex Pro', sans-serif;} .tag_contact_title {font-size: 34px;letter-spacing: -0.025em;margin: 15px 0 40px 20px;font-family: 'Readex Pro', sans-serif;} .tag_contact_svg {margin: 0 0 0 20px;} .tag_contact_form {padding: 20px;} /*Cover BG*/ .tag_cover_bg {position: relative;margin: -20px 0 0;} .tag_cover_sec_bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;margin: 0 -30px;} .tag_cover_sec_bg img {position: absolute;top: -25px;right: -25px;bottom: -25px;left: -25px;filter: blur(20px);width: calc(100% + 50px);height: calc(100% + 50px);} .tag_cover_bg_grad {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(rgba(255, 255, 255, 0.1), var(--body-bg) 80%, var(--body-bg) 100%);} .tag_cover_bg .cardheader > img, .tag_usr_prof_covr {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;object-fit: cover;} /*Go Back button*/ .btn_goback {position: absolute;top: 25px;left: 25px;z-index: 9;padding: 0;min-width: 36px;height: 36px;border-radius: 50%;color: white;background-color: rgba(0, 0, 0, 0.8);} .btn_goback:hover {color: #fff;} .btn_goback svg {margin: -2px 0 0;width: 20px;height: 20px;} /*Events List*/ .crt_eve_image {min-height: 180px;margin-bottom: 25px;} .crt_eve_image img {min-height: 180px;max-height: 180px;} .events-list-wrapper {margin-bottom:30px} .events-list-cover {overflow:hidden;position:relative;padding: 10px;} .events-list-cover > span > .btn, .wo_event_profile .cardheader > .btn, .wo_event_profile .cardheader > span > .btn, .tag_offer_headimg .btn {position: absolute;right: 20px;top: 20px;padding: 0 2px;min-width: 36px;border-radius: 50%;z-index: 9;} .events-list-cover > span > .btn svg, .wo_event_profile .cardheader > .btn svg, .wo_event_profile .cardheader > span > .btn svg, .tag_offer_headimg .btn svg {margin: -2px 0 0;width: 20px;height: 20px;} .events-list-cover .event_cover {display:block;position:relative;padding-bottom: 35%;} .events-list-cover img.events-list-cover-img {position:absolute;width:100%;bottom:0;left:0;right: 0;top: 0;height: 100%;object-fit: cover;border-radius: 10px;} .event-l-info {padding: 10px 0 0;} .event-l-info > span, .fundings_desc time {color: #E91E63;font-weight: 500;text-transform: uppercase;letter-spacing: 0.4px;font-size: 13px;} .events-list-name {font-size: 20px;margin: 2px 0 5px;} .events-list-name a {color: black;} .event-l-btns {margin: 10px -10px 0;justify-content: space-between;border-top: 1px solid #e0e0e0;padding: 10px 10px 0;} .event-l-btns > div.truncate {padding: 6.236px 0;max-width: 200px;} .event-l-btns > div.truncate svg {background-color: rgba(0, 0, 0, 0.1);border-radius: 50%;padding: 4px;margin: -1px 2px 0 0;} .event-l-btns .btn {min-width: 160px;} .event-l-btns .btn svg {display: none;} /*Events*/ .wo_event_profile .cardheader {position: relative;padding: 0;padding-bottom: 35%;} .tag_cover_bg .card.hovercard {background: transparent;border: 0;} .short_start_dt {background-color: white;min-width: 45px;text-align: center;border-radius: 5px;padding: 5px 7px 3px;position: absolute;display: inline-block;left: 15px;bottom: 15px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);} .short_start_dt span {display: block;color: #E91E63;font-weight: 500;} .short_start_dt b {margin: 0;font-size: 22px;font-weight: 500;line-height: 1;color: #222;} .tag_event_name_hdr {justify-content: space-between;border-radius: 0 0 10px 10px;position: relative;} .event-info-cont-small h3 {font-size: 27px;margin: -6px 0 6px;} .wow_event_page_btns {padding-left: 15px;min-width: fit-content;} .invite_event_frnd, .wow_thread_head .btn.btn-default {min-width: 36px;padding: 0 5px;} .invite_event_frnd svg, .wow_thread_head .btn.btn-default svg {margin: -2px 0 0;} .event_info_blocks_prnt {justify-content: space-between;} .event_info_blocks div {display:block;width:100%;padding: 7px 5px 7px 36px;position: relative;color: #8E8E8E;font-size: 15px;} .event_info_blocks div a {color: black;} .event_info_blocks div > svg {position: absolute;left: 2px;top: 50%;transform: translateY(-50%);opacity: 0.9;width: 21px;height: 21px;} .event_info_blocks div span:not(.online-text) {font-size: 15px;font-weight: normal;} .event_info_blocks div span.small-last-seen > span {font-size: 15px !important;color: black !important;opacity: 1;} .event_info_blocks_prnt iframe {width: 300px;height: 208px;border-radius: 10px;} .event-people-invition-list {display:none;} .invitation-users-cont {padding: 10px;} .invitation-users-cont .btn {margin-left: auto;} .sidebar-event-data {padding:5px;width:100%;overflow:hidden;border-bottom:1px solid #f2f2f2} .sidebar-event-thumbnail {width:27%;overflow:hidden;display:inline-block} .sidebar-event-thumbnail im g{width:100%;border:1px solid #f2f2f2} .sidebar-event-name {width:70%;overflow:hidden;display:inline-block;padding:10px} .sidebar-event-name p {margin-bottom:0} .sidebar-event-name span {font-size:.7em;color:#aaa} .events-going-list-unset {margin:10px} /*Cover Upload*/ .profile-cover-changer {position:absolute;z-index:10;left: 15px;top: 15px;} .profile-cover-changer .btn-file {background-color: rgba(0, 0, 0, 0.6);color: white;border-radius: 10px;height: 36px;} .profile-cover-changer .btn-file:hover {background-color:rgba(0, 0, 0, 0.9);} .profile-cover-changer .btn-file.btn-sm, .tag_user_notif {min-width: 36px;padding: 0 5px;} .profile-cover-changer .btn-file.btn-sm svg, .tag_user_notif svg {margin: -2px 0 0;} .user-cover-uploading-progress {width: 100%;position: absolute;z-index: 10;display: none;background-color: rgba(0, 0, 0, 0.5);height: 100%;} .user-cover-uploading-progress .pace-activity-parent, .user-avatar-uploading-container .pace-activity-parent {background: transparent;box-shadow: none;margin: 0;} .user-cover-uploading-progress .pace-activity, .user-avatar-uploading-container .pace-activity {border-top-color: #fff;border-left-color: #fff;} /*User List*/ .nearby_user_wrapper_innr {padding: 15px 5px;position: relative;border: 1px solid #ddd;border-radius: 10px;margin-bottom: 30px;} .nearby_user_wrapper .avatar img {width: 80px;height: 80px;border-radius: 50%;object-fit: cover;} .nearby_user_wrapper .user_wrapper_link {display: block;font-size: 15px;font-weight: 500;color: rgba(0,0,0,.9);margin-top: 12px;} .nearby_user_wrapper .user-follow-button {padding: 15px 0 0;min-height: 51px;} .nearby_user_wrapper .user-follow-button .btn svg {display: none;} /*Forum*/ .f_topics {margin: -25px 0 -15px} .wow_forum_sections {padding: 20px 5px;} .wow_forum_sections:not(:last-child) {border-bottom: 1px solid #eaeaea;} .wow_forum_sections .ftitle, .sun_ftitle, .wow_thread_head .forum_title {font-weight: 500;font-size: 18px;color: #272727;} .wow_forum_sections .fdesc, .wow_thread_head .desc {font-size: 15px;opacity: 0.8;margin-top: 3px;} .wow_forum_sections .forum-meta-foot {margin: 0 -10px;} .wow_forum_sections .forum-meta-foot > div {padding: 9px 10px 0;display: inline-block;} .wow_forum_sections .forum-meta-foot > div > svg, .wow_forum_sections .forum-meta-foot > div > img {width: 26px;height: 26px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.1);padding: 5px;margin: -1px 2px 0 0;} .wow_forum_sections .forum-meta-foot > div > img {padding: 0;} .wow_thread_head {background-color: rgba(0, 0, 0, 0.09);padding: 15px;border-radius: 10px;} .wow_thread_head .forum_title {font-size: 20px;} .wow_thread_head .btn {margin-top: 15px;} .wow_thread_head .btn.btn-default {background-color: #ffffff;} .wow_forum_dis_head {margin-bottom: -15px;} .wow_forum_dis_head h4 {margin: 0;font-size: 22px;} .wow_forum_dis_head h4 a {color: black;} .wow_forum_dis_head p {opacity: 0.8;margin: 5px 0 0;} .tag_forum_main_hdr .ftitle {margin: 0 0 10px;} .tag_forum_main_hdr > p {margin: 12px 0 20px;font-size: 15px;line-height: 26px;letter-spacing: 0.5px;} .tag_forum_main_hdr+hr {margin: 30px 0;border-color: #e6e6e6;} .tag_forum_main_hdr .postMeta--author-text time {display: block;font-size: 13px;} .tag_forum_main_hdr > p img {max-width: 100%;} .tag_forum_reply_count {margin: 0;font-size: 15px;} .wow_thread_replies .thread-replies {align-items: normal;padding: 20px 0 0;border-top: 1px solid #eee;margin: 20px 0 0;} .wow_thread_replies .thread-replies:first-child {margin: 0;border: 0;} .wow_thread_replies .thread-replies .avatar {width: 30px;min-width: 30px;height: 30px;margin-right: 12px;} .wow_thread_replies .thread-replies .avatar img {border-radius: 50%;width: 100%;height: 100%;object-fit: cover;} .wow_thread_replies .thread-replies .t-right_prt {width: 100%;} .wow_thread_replies .thread-replies .t-right_prt .user-title-thread {margin: 0;font-size: 16px;line-height: 30px;} .wow_thread_replies .thread-replies .t-right_prt .user-title-thread a {color: #222;} .wow_thread_replies .thread-replies .t-right_prt .time {color: #666;font-size: 12px;font-weight: normal;} .wow_thread_replies .thread-replies .t-right_prt .desc {line-height: 23px;margin: 0 0 10px;} .wow_thread_replies .thread-replies .t-right_prt .desc iframe {max-width: 100%;} .wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts {margin-top: 2px;} .wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts .btn {line-height: 30px;font-size: 13px;padding: 0 13px;} .tag_forum_memb_abc {justify-content: space-between;margin: 0 -3px;white-space: nowrap;overflow-x: auto;} .tag_forum_memb_abc a {display: block;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);line-height: 25px;padding: 0 5px;min-width: 25px;text-align: center;border-radius: 5px;margin: 1px 3px;} .tag_forum_memb_abc a.active {color: var(--main-color);background-color: var(--main);} .tag_forum_memb_main_head {font-weight: 500;padding: 10px 15px;background-color: rgba(0, 0, 0, 0.05);margin: 20px -20px 0;} .tag_forum_memb_main_head li {text-transform: uppercase;font-size: 13px;letter-spacing: 0.7px;} .tag_forum_memb_main_head li.lchk, .tag_forum_memb_main_content .lchk {width: 42px;} .tag_forum_memb_main_head li.llnk, .tag_forum_memb_main_content .llnk {width: 60%;} .tag_forum_memb_main_head li.lcrt, .tag_forum_memb_main_content .lcrt {width: 20%;} .tag_forum_memb_main_head li.lclk, .tag_forum_memb_main_content .lclk {width: 15%;text-align: end;} .tag_forum_memb_main_head li.myfrmsbj, .tag_forum_memb_main_content .myfrmsbj {width: 50%;} .tag_forum_memb_main_head li.myfrmnme, .tag_forum_memb_main_content .myfrmnme {width: 35%;} .tag_forum_memb_main_head li.myfrmopt, .tag_forum_memb_main_content .myfrmopt {width: 15%;text-align: end;} .tag_forum_memb_main_content li {border-top: 1px solid #e8e8e8;padding-top: 15px;margin: 15px -5px 0;} .tag_forum_memb_main_content li:first-child {margin: 0;border: 0;} .tag_forum_memb_main_content .lchk img {width: 35px;height: 35px;border-radius: 50%;object-fit: cover;} .tag_forum_memb_main_content .llnk a, .tag_forum_memb_main_content .myfrmsbj a {color: #272727;font-weight: 500;} /*Onboarding*/ .tag_onboarding_upprnt {position: relative;height: calc(100vh - 90px);width: 100%;} .tag_onboarding_prnt {position: relative;height: calc(100vh - 90px);width: 100%;overflow-y: auto;padding-right: 15px;} .tag_onboarding {flex-direction: column;justify-content: center;position: absolute;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.7);z-index: 5;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);} .tag_onboarding.onbrd_padd {padding-bottom: 43px;} .tag_onboarding img {width: 100%;max-width: 370px;display: block;margin: 0 auto 30px;} .tag_onboarding h2 {font-size: 30px;letter-spacing: -0.5px;font-family: 'Readex Pro', sans-serif;} .tag_onboarding > p {font-size: 15px;line-height: 26px;letter-spacing: 0.5px;width: 100%;text-align: center;max-width: 390px;} .tag_onboarding .btn {min-width: 150px;margin-top: 50px;} .tag_onboarding > div {position: absolute;bottom: 0;} .tag_onboarding > div p {width: 100%;text-align: center;max-width: 300px;font-size: 12px;} /*Modal*/ .modal-backdrop {display: none;} .modal.fade {padding: 15px !important;background: transparent;opacity: 0;visibility: hidden;transition: opacity 0.2s,visibility 0s 0.2s;display: flex !important;overscroll-behavior: contain;} .modal.fade.show {opacity: 1;visibility: visible;transition: opacity 0.2s,visibility 0s;background: rgba(0, 0, 0, 0.6);overflow-y: auto;} .modal.fade .modal-dialog {transition: none;display:inline-block;text-align:left;vertical-align:middle;margin:auto;transform: scale(.95);will-change: transform;transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);width: 100%;} .modal.fade.show .modal-dialog {transform: scale(1);} .modal-header .close {opacity:.6;padding:4px 8px;margin-right:-8px;margin-top: -2px;} .modal-header .close svg {width: 22px;height: 22px;} .modal-title {color: #1d2129; font-weight: bold;line-height: 19px;font-size: 14px;} .modal-title svg.feather {margin-right: 2px;width: 17px;height: 17px;} .modal .modal-footer {background: transparent;padding: 9px 0;border-top: 1px solid #dddfe2;margin: 0 12px;} /*Mat Modal*/ .wow_mat_mdl .modal-content {box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);padding: 0px;border-radius: 10px;} /*.wow_mat_mdl .modal-header {border: 0;background: transparent;padding: 0;margin: 0 0 20px;}*/ .wow_mat_mdl .modal-header {border: 0;background: #fff;padding: 10px 15px;margin: 0 0 20px;} .wow_mat_mdl .modal-header .modal-title {font-size: 16px;/*font-size: 20px;*/line-height: 32px;font-weight: 500;} .wow_mat_mdl .modal-body {padding: 15px;/*padding: 0;*/font-size: 15px;} .wow_mat_mdl .modal-footer {margin: 0;padding: 10px;border: 0;background: #fff;} .wow_mat_mdl .modal-footer .btn.main {box-shadow: none;background: transparent;} .wow_mat_mdl .modal-footer .btn.main:before {opacity: 0.15;} /*Find Friends*/ .wow_frnd_map {width: 100%;height: calc(100vh - 90px);border-radius: 10px;} .onboard_done .tag_onboarding, .leaflet-control-container .leaflet-bottom.leaflet-right {display: none;} .wow_frnd_map .leaflet-pane {z-index: 90;} .tag_fndfrnd_srch {margin-bottom: 10px;} .tag_fndfrnd_srch > form {width: 100%;} .tag_fndfrnd_srch .search-blog {margin: 0;} .tag_fndfrnd_srch .search-blog input {height: 40px;border-radius: 2em;border: 0;background-color: rgba(0, 0, 0, 0.08);padding: 10px 15px;} .tag_fndfrnd_srch .dropdown {padding-left: 10px;} .tag_fndfrnd_srch .dropdown > .btn {min-width: 40px;height: 40px;line-height: 40px;padding: 0 5px;border-radius: 50%;} .tag_fndfrnd_srch .dropdown > .btn svg {width: 24px;height: 24px;margin: 0;} .tag_fndfrnd_srch .dropdown .dropdown-menu {min-width: 310px;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);padding: 12px 15px;} .tag_fndfrnd_srch .dropdown .dropdown-menu hr {margin: 12px 0;} .wow_frnd_field h4 {margin: 0;font-size: 15px;} .friends_nearby_status_ul, #search-nearby-users .nearby-users-gender-collapse ul {padding: 0;margin: 0 -3.5px;} .friends_nearby_status_ul li, #search-nearby-users .nearby-users-gender-collapse ul li {display: inline-block;cursor: pointer;padding: 0 14px;font-size: 14px;height: 28px;line-height: 28px;background-color: #f0f0f0;border-radius: 7px;margin: 7px 3.5px 0;} .friends_nearby_status_ul li.active, #search-nearby-users .nearby-users-gender-collapse ul li.active {color: var(--main-color);background-color: var(--main);} .select-nearby-users-distance {padding: 7px 0px 0;} input.cusrange[type=range] {-webkit-appearance:none;width: 100%;border-radius: 8px;height:3px;background-color: #d0d0d0;display: block;} input.cusrange[type=range]::-webkit-slider-thumb {-webkit-appearance:none;background-color: var(--main);width:15px;height:15px;border-radius:50%;cursor:pointer} input.cusrange[type=range]::-moz-range-track {width: 100%;border-radius:8px;height:3px;background-color:#d0d0d0;display: block;} input.cusrange[type=range]::-moz-range-thumb {background-color: var(--main);width:15px;height:15px;border-radius:50%;cursor:pointer} input.cusrange[type=range]::-ms-fill-lower, input.cusrange[type=range]::-ms-fill-upper {background:0 0} input.cusrange[type=range]::-ms-track {border-radius:8px;height:3px;background-color:#d0d0d0} input.cusrange[type=range]::-ms-thumb {background-color: var(--main);width:15px;height:15px;border-radius:50%;cursor:pointer} #cusrange-reader {text-align: end;border: 0;background: #f0f0f0 !important;font-weight: 500;width: 50px;font-size: 13px;height: 25px;line-height: 25px;margin-left: 10px;border-radius: 4px;} .nearby_user_wrapper_prnt {border-bottom: 1px solid #eee;padding: 25px 5px;} .nearby_user_wrapper_prnt:last-child {border: 0;} .wow_frnd_usr .fndfrnd_user_wrapper .avatar {width: 90px;min-width: 90px;height: 90px;margin-right: 18px;} .wow_frnd_usr .fndfrnd_user_wrapper .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {font-size: 20px;margin: 0 0 5px;} .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link a {color: #000;} .wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button .btn {line-height: 32px;} .wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button .btn svg {display: none;} .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs {margin: 10px -8px 0;} .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li {display: inline-flex;padding: 0 8px;} .wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li svg {width: 18px;height: 18px;margin: -2px 3px 0 0;} /*Fundings*/ .fundings_prnt {margin: 0 -10px;} .fundings_prnt .col-lg-4 {padding: 0 10px;} .fundings {margin-bottom: 30px;overflow: hidden;padding: 0;} .fundings .avatar, .fund_main_img, .tag_dont_post_img span {position: relative;height: 0;width: 100%;padding-bottom: 66.625%;} .fundings .avatar img, .fund_main_img img, .tag_dont_post_img img {position: absolute;width: 100%;height: 100%;top: 0;right: 0;left: 0;bottom: 0;object-fit: cover;} .fundings_desc {padding: 10px;} .fundings_desc time {color: #1da022;} .fundings_desc h3 {font-size: 18px;margin: 0;} .fundings_desc h3 a {color: #222;} .fundings_desc .desc {margin: 10px 0 0;min-height: 40px;max-height: 40px;overflow: hidden;line-height: 20px;} .fundings_footer {padding: 0 10px 10px;} .fundings_footer .progress, .fund_raise_bar .progress {background-color: #E0E1EA;box-shadow: none;height: 6px;} .fundings_footer .progress .progress-bar, .fund_raise_bar .progress .progress-bar {background: #1da022;box-shadow: none;} .fundings_footer p {font-size: 13px;margin: 8px 0 0;} .fundings_footer .btn {margin: 0 3px;color: black;width: calc(50% - 9px);padding: 0 6px;} .fundings_footer .btn-success {background-color: rgba(82, 191, 86, 0.3);} .fundings_footer .btn-danger {background-color: rgba(255, 95, 84, 0.3);} /*Games*/ .tag_games_left_pane {flex-direction: column;align-items: normal;width: 100%;height: calc(100vh - 120px);} .tag_games_left_pane > svg {min-width: 32px;min-height: 32px;} .tag_pop_games {margin-top: auto;overflow-y: auto;} .wow_pop_game {position: relative;margin-top: 20px;height: 110px;} .wow_pop_game > img {border-radius: 10px;object-fit: cover;width: 100%;height: 100%;display: block;} .wow_pop_gam_list {background-color: rgba(0, 0, 0, 0.2);position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);} .wow_pop_gam_list .avatar {width: 100px;min-width: 100px;height: 75px;margin-right: 15px;} .wow_pop_gam_list .avatar img {width: 100%;height: 100%;position: relative;object-fit: cover;} .wow_pop_gam_list > div:not(.avatar) {max-width: calc(100% - 115px);} .wow_pop_gam_list .game-name {color: #ffffff;font-size: 16px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);} .wow_pop_gam_list p {margin: 3px 0 0;color: rgba(255, 255, 255, 0.7);} .wow_games {margin: 20px -10px 0;max-height: calc(100vh - 193px);overflow-y: auto;} .wow_games > .col-xl-3 {padding: 0 10px;} .wo_game_style {margin-bottom: 20px;background-color: #fff;border-radius: 15px;transition: all 0.2s linear;border-bottom: 0px solid #eee;} .wo_game_style .avatar {width: 100%;padding-top: 74%;position: relative;} .wo_game_style .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .wo_game_style .game-name {font-size: 16px;color: black;padding: 10px;} .wo_game_style .btn {line-height: 28px;margin: 0 10px 10px;font-size: 13px;} .tag_game_play {border: 0;height: calc(100vh - 95px);margin: auto;display: block;} /*GO Pro*/ .tag_go_pro_hdr {background: linear-gradient(#c1e3ff, #e4f2ff 50%, #fff);} .pro-badge {color: #ffffff;padding: 4px 5px 0;border-radius: 3px;font-size: 13px;vertical-align: middle;line-height: 16px;display: inline-block;font-weight: 600;letter-spacing: 1px;} .pro-badge a {color: #ffffff;display: block;padding: 4px 5px 0;margin: -4px -5px 0;} .tag_go_pro_usrs {margin: 20px -12px;} .tag_go_pro_usrs .tag_pro_users {flex-wrap: nowrap;overflow: hidden;} .tag_go_pro_usrs .tag_pro_users > div {width: 9.09090909091%;min-width: 9.09090909091%;} .tag_go_pro_usrs .tag_pro_users > div a {padding: 0;box-shadow: none;background: transparent;margin: 0;} .tag_go_pro_usrs .tag_pro_users > div img {border-radius: 100%;height: 100%;} .tag_pro_plans {align-items: normal;margin: 0 -10px;} .tag_pro_plan {padding: 0 10px;flex: 1 100%;} .tag_pro_plan.go_pro_table_background .wow_content {box-shadow: inset 0 0 0 2px var(--main) !important;position: relative;} .tag_pro_plan.go_pro_table_background .wow_content:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 50%);border-radius: 10px;} .tag_pro_plan .wow_content {padding: 20px 20px 10px;transition: all 0.15s linear;} .tag_pro_plan .wow_content:hover {box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);} .tag_plan_hdr > div:not(.pricing_p_price) {font-size: 23px;line-height: 1;font-family: 'Readex Pro', sans-serif;} .tag_plan_hdr > div:not(.pricing_p_price) span {display: block;margin: 0 0 20px;width: 50px;height: 50px;position: relative;text-align: center;} .tag_plan_hdr > div:not(.pricing_p_price) span:before {content: '';position: absolute;background-color: currentColor;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;border-radius: 50%;opacity: .15;} .tag_plan_hdr > div:not(.pricing_p_price) span svg {width: 28px;height: 28px;margin: 11px 0;} .tag_plan_hdr > div:not(.pricing_p_price) img {display: block;margin: 0 0 20px;width: 50px;height: 50px;} .pricing_p_price {font-size: 32px;color: black;margin-top: 15px;} .pricing_p_price sup {font-size: 19px;top: -1px;vertical-align: super;} .pricing_p_price b {/*background-image: linear-gradient(to top, #FFD969 35%, rgba(0, 0, 0, 0) 35.1%);*/margin: 0;} .pricing_p_price span {font-size: 15px;display: inline-block;margin-left: -5px;font-weight: 500;opacity: 0.6;} .tag_pro_plan .btn {width: 100%;border-radius: 10px;margin: 25px 0 30px;} .tag_pro_plan p svg {width: 22px;height: 22px;} /*Pay Using*/ .pay_using {width: 100%;max-width: 390px;margin: auto;border: 1px solid #e8e8e8;border-radius: 10px;overflow: hidden;} .pay_using .btn {background: transparent;box-shadow: none;height: 55px;line-height: 1;padding: 0 15px;font-size: 15px;transition: all .1s;border: 0;width: 100%;color: #565656;border-radius: 0;border-bottom: 1px solid #e8e8e8;} .pay_using .btn:hover {background-color: rgba(0, 0, 0, 0.02);} .pay_using .btn:last-child {border:0;} .pay_using .btn svg, .pay_using .btn img {margin-right: 12px;width: 22px;height: 22px;} .pay_using .btn img {filter: grayscale(1);} .two_check_card {padding: 15px 15px 1px;border-radius: 5px;box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.1);} /*Bank transfer*/ .dt_bank_trans_modal .bank_info {width: 100%;margin-top: 24px;margin-bottom: 30px;} .dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;margin-left: auto;margin-right: auto;border-radius: 7px;height: auto;background-color: #2196f3;background: linear-gradient(90deg, #03A9F4 0%, #2196f3 35%, #3F51B5 100%);padding: 16px;overflow: hidden;position: relative;} .dt_bank_trans_modal .bank_info .bank_info_innr {position: relative;width: 100%;color: #fff;z-index: 1;} .dt_bank_trans_modal .bank_info .bank_info_innr > svg {display: none;} .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: 15px;} .dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {font-size: 22px;margin: 0;} .dt_bank_trans_modal .bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);} .dt_bank_trans_modal .dt_user_profile {background-color: #f8f8f8;margin: 0 auto 25px;padding: 10px 10px 10px 0;border-radius: 7px;} .dt_bank_trans_modal .dt_prof_vrfy {margin: 0;list-style-type: disc;font-size: 14px;} .upload_bank_receipts {text-align: center;} .upload_bank_receipts > div {width: 100%;max-width: 200px;height: 185px;margin: auto;background-color: #f0f0f0;border: 2px solid #ddd;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;} .upload_bank_receipts svg {width: 45px;height: 45px;color: #4a4a4a;background-color: lightgrey;padding: 10px;border-radius: 50%;margin-bottom: 10px;} .upload_bank_receipts p {margin-bottom: 0px;} #bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans, #bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans {display: none;} #bank_transfer_modal.up_rec_active .upload_bank_receipts, #bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {display: block;} #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img, #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;} #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p, #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg, #bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p {display: none;} /*Dev Apps*/ .wow_dev_apps {padding: 10px;margin-bottom: 30px;} .wow_dev_apps .ap_hdr {overflow: hidden;} .wow_dev_apps .ap_hdr .avatar {display: block;width: 60px;height: 60px;position: relative;margin-right: 10px;} .wow_dev_apps .ap_hdr .avatar img {width: 100%;height: 100%;position: relative;border-radius: 4px;object-fit: cover;} .wow_dev_apps .ap_name {margin: 19px 0 0 70px;display: block;font-size: 17px;font-weight: 500;} .wow_dev_apps .ap_name a {color: rgba(0,0,0,.8);} .wow_dev_apps > hr {margin: 10px 0;} .wow_dev_apps > .btn {min-width: 82px;line-height: 30px;font-size: 13px;} .tag_app_request {min-height: calc(100vh - 60px);} .tag_app_request > .form-horizontal {width: 100%;max-width: 650px;margin: auto;} .tag_app_request hr {margin: 20px 0;} .tag_app_request .btn {margin-top: 10px;border-radius: 10px;min-width: 200px;} /*My Groups*/ .wow_my_groups {padding: 0;margin-bottom: 30px;} .wow_my_groups .avatar {width: 100%;padding-top: 33.333333%;position: relative;} .wow_my_groups .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .wow_my_groups_info {padding: 10px;} .wow_my_groups_info h3 {margin: 0 0 2px;font-size: 16px;} .wow_my_groups_info h3 a {text-decoration: none;color: #1e1e1e;} .wow_my_groups_info p {color: #7b7b7b;} .wow_my_groups_info .btn {line-height: 30px;padding: 0 10px !important;font-size: 13px;width: 100%;border-radius:10px;} /*Group*/ .wo_group_profile .cardheader {position: relative;padding: 0;padding-bottom: 33.33333%;} .tag_group_name_hdr .event-info-cont-small {position: relative;padding-left: 65px;} .tag_group_name_hdr .event-info-cont-small h3 {margin: 0;} .tag_group_name_hdr .user-avatar {position: absolute;height: 52px;width: 52px;top: 0;left: 0;} .tag_group_name_hdr .user-avatar img {width: 100%;height: 100%;border-radius: 10px;} .tag_profile_search {width: 100%;margin-bottom: 10px;background: rgb(239, 239, 239);border: 0;padding: 8px 13px;border-radius: 2em;} .tag_group_name_hdr .wow_event_page_btns .btn {min-width: 120px;} .tag_grpage_sett .cardheader {position: relative;padding: 0;padding-bottom: 32%;overflow: hidden;border-radius: 0;} .tag_grpage_sett .tag_group_name_hdr .event-info-cont-small h3 {margin: 15px 0 7px;} .tag_group_membr_opts {opacity: 1;position: absolute;right: 8px;top: 8px;} /*Avatar and Cover*/ .wow_cset_cover, .wow_cset_avtr {position: relative;} .wow_cset_cover .wow_cset_cover_hdr .btn-file {justify-content: center;box-shadow: none;background-color: #f3f3f3;border-radius: 10px;height: 230px;overflow: hidden;padding: 0;border: 0;} .wow_cset_cover .wow_cset_cover_hdr .btn-file img, .wow_cset_avtr .wow_cset_avtr_hdr .btn-file img {width: 100%;height: 100%;object-fit: cover;} .wow_cset_cover .wow_cset_cover_hdr .btn-file svg, .wow_cset_avtr .wow_cset_avtr_hdr .btn-file svg {margin: 0;width: 30px;height: 30px;} .wow_cset_cover .avatar-read {position: absolute;top: 10px;left: 10px;} .wow_cset_cover .avatar-read p {margin: 0;background-color: rgba(0, 0, 0, 0.5);color: white;height: 34px;padding: 6px 12px;border-radius: 4px;} .wow_cset_cover .avatar-read p:empty {padding: 0;} .wow_cset_avtr .wow_cset_avtr_hdr .btn-file {justify-content: center;box-shadow: none;background-color: #f3f3f3;width: 140px;height: 140px;border-radius: 50%;border: 5px solid #fff;overflow: hidden;margin: -40px auto 20px;padding: 0;} /*Checkbox*/ .round-check, .round-check input+label {position:relative;display:inline-block} .round-check input+label {cursor:pointer;padding-left:25px;line-height:20px;user-select:none} .round-check input+label:after,.round-check input+label:before {content:"";display:inline-block;width:17px;height:17px;top:1px;left:0;bottom:0;text-align:center;position:absolute} .round-check input+label:before {border:2px solid rgba(0,0,0,.54);border-radius:2px;transition:all 90ms cubic-bezier(0,0,.2,.1)} .round-check input+label:after {content:"";height:5px;left:3px;position:absolute;top:5px;transform:rotate(-45deg)!important;width:10px;transition:.2s} .round-check input {display:none} .round-check input:checked+label:after {border: 2px solid #fff;border-top: none;border-right: none;} .round-check input:checked+label:before {background:var(--main);border: 0;} /*Setting Stats*/ .tag_sett_stat_hdr {justify-content: space-between;margin-bottom: 30px;} .wow_sett_stats {color: #6abd46;padding: 0 10px;font-weight: 500;font-size: 15px;} .wow_sett_stats svg {border-radius: 50%;background-color: rgba(106, 189, 70, 0.2);padding: 7px;width: 30px;height: 30px;margin-top: -4px;} .tag_sett_stat_hdr select {border: 0;background-color: rgba(0, 0, 0, 0.06);padding: 3px 5px;border-radius: 5px;} /*Pro Users*/ .featured-users .wo_page_hdng {margin: 0;border: 0;padding: 12px;font-size: 15px;letter-spacing: 0.3px;line-height: normal;} .featured-users .wo_page_hdng span {background: #ff7043;} .featured-users-innr {padding: 0 12px 2px;} .tag_go_pro_user {background-color: #ffd5c8;height: 123px;margin: 0 0 12px;display: block;border-radius: 10px;padding: 12px;position: relative;width: 100%;overflow: hidden;} .tag_go_pro_user p {font-weight: 500;font-size: 16px;color: black;width: 100%;max-width: 170px;margin: 0 0 18px;} .tag_go_pro_user .btn {background-color: #ff7043;color: white;} .tag_go_pro_user img {position: absolute;width: 100px;right: -10px;top: 23px;pointer-events: none;} .tag_pro_users {margin: 0 -5px;flex-wrap: wrap;} .tag_pro_users > div {padding: 0 5px;width: 33.3333333333%;} .tag_pro_users > div a {display: block;padding: 4px;width: 100%;box-shadow: 0 0 0 1px rgb(0 0 0 / 0.1);margin: 0 0 10px;} .tag_pro_users > div img {object-fit: cover;border-radius: 7px;width: 100%;height: 95px;} .tag_pro_users > div h4 {margin: 7px 0 3px;font-size: 13px;} /*Home*/ .tag_home_filters {position: relative;padding: 15px 10px;margin: -14px -10px 0;} .tag_home_filters.home {position: -webkit-sticky;position: sticky;top: 0;z-index: 100;background: var(--body-bg);} .tag_home_post_order {margin: 0 14px 0 0;padding: 0 0 3px;} .tag_home_post_order .btn-mat {background-color: white;display: block;border-radius: 2em;line-height: 33px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);padding: 0 5px;min-width: 33px;} .tag_home_post_order .btn-mat svg {margin: -2px 0 0;} .tag_home_post_order .dropdown-menu {left: -10px;min-width: 220px;} .filterby {margin: 0 7px 0 -7px;} .filterby li {margin: 0 7px;} .filterby li a {padding: 0 16px;transition: none;} .filterby li.active a::before {transition: none;} .tag_home_filters > .btn {margin-left: auto;min-width: 60px;box-shadow: none;transition: all 0.2s linear;padding: 0;background: transparent;visibility: hidden;opacity: 0;} .tag_home_filters > .btn.btn-home-go-up {visibility: visible;opacity: 1;} .promoted-post {position:relative} .promoted-post .promoted-icon {position: absolute;top: 15px; color: #12b933;left: 15px;background-color: #ccf0d3;border-radius: 7px;font-weight: 500;text-transform: uppercase;font-size: 11px;letter-spacing: 0.5px;line-height: 22px;padding: 0 10px;word-spacing: 1px;} .promoted-post .post.boosted .panel {margin-left:2px;margin-right:2px;padding-top: 37px;box-shadow: 0 0px 0px 1px #11b832, 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);} .posts-count {z-index: 99;position: fixed;transition: all .2s ease;top: 90px;left: 50%;transform: translateX(-50%) translate3d( 0, 0, 0);border-radius: 2em;} .posts-count:empty {padding: 0;box-shadow: none;} /*Home Stories*/ .tag_stories_on_home {margin-bottom: 30px;} .tag_stories_on_home+hr {margin-bottom: 29px;} .tag_stories_on_home .tag_stories_mobi {overflow: visible;max-height: none;position: relative;} .tag_stories_on_home .tag_stories_mobi .status-list {flex-wrap: nowrap;overflow: hidden;} .tag_stories_on_home .tag_stories_mobi .status-list li {margin: 0;width: 14.2857143%;min-width: 14.2857143%;} .tag_stories_on_home .tag_stories_mobi .status-list li a {padding-bottom: 100%;background: rgb(0 0 0 / 0.05);border-radius: 100%;} .tag_stories_on_home .tag_stories_mobi .status-list li span {background-color: var(--body-bg);} .tag_stories_on_home .view-more-stories {height: 45px;min-height: 45px;min-width: 45px;width: 45px;line-height: 45px;margin: 0;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);} .tag_stories_on_home .tag_stories_mobi .status-list li.story_empty a:after {display: none;} .tag_stories_on_home .tag_stories_mobi .status-list li.story_empty span b {margin: 0;width: 100%;height: 100%;border-radius: 50%;background: rgb(0 0 0 / 0.05);display: block;} .tag_stories_on_home .tag_stories_mobi .status-list li.story_empty p {height: 20px;background: rgb(0 0 0 / 0.05);margin: 20px 20px 0;border-radius: 5px;} /*Greeting*/ .skel_home_greet {height: 25px;width: 300px;margin: 1.5px 0 30px;} .greetalert {position: relative;padding: 0px;margin-bottom: 30px;} .greetalert .close {right: 0px;top: 3px;padding: 0;position: relative;} .greetalert > .btn {float: right;line-height: 22px;padding: 0 1px;border: 0;border-bottom: 1px dashed;border-radius: 0;background: transparent;color: #333333;margin: 3px 15px 3px 0;} .greetalert .small-texts {font-size: 25px;letter-spacing: -0.5px;line-height: 1;font-family: 'Readex Pro', sans-serif;font-weight: 500;margin: 0 0 5px;} .greetalert p {font-weight: normal;font-size: 16px;margin: 0;letter-spacing: 0.3px;color: rgba(0, 0, 0, 0.6);display: none;} .greetalert.morning .small-texts {color: #4CAF50;} .greetalert.noon .small-texts {color: #FF9800;} .greetalert.evening .small-texts {color: #3F51B5;} /*Post Loading*/ .tag_post_skel {margin-bottom: 20px;} .tag_post_skel .skel_avatar {width: 48px;min-width: 48px;height: 48px;} .tag_post_skel .skel_noti_name {width: 150px;} .tag_post_skel .tag_post_skel_foot {justify-content: space-between;padding-top: 170px;margin: 0 -10px;} .tag_post_skel .skel_action {width: 40px;height: 40px;border-radius: 50%;margin: 0 10px;} /*Announcement*/ .tag_announce {margin-bottom: 30px;} .tag_announce > svg {margin-bottom: 10px;width: 30px;height: 30px;opacity: 0.7;} .tag_announce b, .tag_announce strong {margin: 0;font-weight: 500;} .tag_announce .announce_footer {text-align: right;padding-top: 5px;} .tag_announce .announce_footer .btn {min-width: 115px;line-height: 30px;} /*Birthdays*/ .tag_bdays {margin-bottom: 20px;padding: 5px;} .tag_bdays > .btn {box-shadow: none;width: 100%;background: transparent;color: #E91E63;line-height: 38px;text-align: inherit;padding: 0 8px;} .tag_bdays > .btn:hover {background-color: rgba(233, 30, 99, 0.05);} .tag_bdays > .btn img {position: absolute;right: 0;bottom: 0px;transform: rotate(-25deg);width: 40px;opacity: 0.7;} .tag_bdays > .btn svg {margin: -4px 5px 0 0;width: 28px;height: 28px;background-color: #E91E63;color: white;border-radius: 50%;padding: 4px;} .tag_bday_box.modal-content {padding: 14px 30px 0px;} .tag_bday_box > .empty_state {padding: 10px 0 20px;font-size: 25px;color: black;margin: -14px -30px 0;background: linear-gradient(#f8e4ff, #fff 60%);border-radius: 10px;width: calc(100% + 60px);} .tag_bday_box > .empty_state img {user-select: none;pointer-events: none;display: block;margin: 0 auto -10px;width: 250px;} /*People You may Know*/ .refresh {cursor: pointer;font-size: 13px;color: var(--main);font-weight: 500;letter-spacing: 0.5px;} .tag_post_people_know {margin-bottom: 20px;} .sidebar-users-may-know-container {white-space: nowrap;overflow-x: auto;padding: 0 4px 12px;line-height: 1;} .wow_side_usrs {width: calc(100% / 5 + 15px);display: inline-block;padding: 0 8px;vertical-align: middle;} .tag_sidebar_users {border-radius: 5px;background-color: rgba(0, 0, 0, 0.05);} .tag_sidebar_users .avatar {position: relative;padding-bottom: 100%;width: 100%;display: block;margin-bottom: 8px;} .tag_sidebar_users .avatar img, .tag_sidebar_users .avatar .skel {border-radius: 5px 5px 0 0;width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;} .tag_sidebar_users .truncate {color: black;font-weight: 500;padding: 0 8px;display: inline-block;line-height: normal;} .tag_sidebar_users > div:not(.clear) {padding: 6px 8px 8px;min-height: 42px;} .tag_sidebar_users > div.clear {padding: 6.7px 0 0;} .tag_sidebar_users .btn {background-color: var(--main);width: 100%;line-height: 28px;font-size: 13px;color: var(--main-color);padding: 0 5px;} .tag_sidebar_users .btn:before {display: none;} .tag_sidebar_users .btn.btn-active {background-color: #4CAF50;} .tag_sidebar_users .btn svg {display:none;} .tag_sidebar_users > div.skel_noti_name {width: 75%;margin: 10px 8px 27.36px;padding: 0;min-height: 25px;} /*Nearby Places*/ .tag_nearby_places {background-color: #C8E6C9;box-shadow: none;position: relative;overflow: hidden;} .tag_nearby_places img {position: absolute;bottom: -40px;right: 0;width: 180px;pointer-events: none;opacity: 0.7;} .tag_nearby_places h2 {margin: 0 0 5px;font-size: 20px;} .tag_nearby_places p {font-size: 16px;} .tag_nearby_places .btn {min-width: 100px;} /*Jobs*/ .tag_job_jumbo {flex-wrap: wrap;margin: 20px 20px 25px;} .tag_job_jumbo > div.dropdown {width: 20%;} .tag_job_jumbo > div.search-bar {width: 60%;position: relative;} .tag_job_jumbo > div.dropdown > .btn {box-shadow: none;width: 100%;text-align: inherit;border: 2px solid #e8e8e8;border-radius: 0;border-right: 0;height: 50px;line-height: 46px;color: var(--main);} .tag_job_jumbo > div.dropdown:first-child > .btn {border-radius: 2em 0 0 2em;} .tag_job_jumbo > div.dropdown:first-child .dropdown-menu {padding: 8px;} .tag_job_jumbo > div.dropdown:nth-child(2) .dropdown-menu {max-height: 320px;overflow-y: auto;} .tag_job_jumbo > div.dropdown:nth-child(2) .dropdown-menu li a {line-height: 36px;} .tag_job_jumbo > div.search-bar svg {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;opacity: 0.6;width: 17px;height: 17px;} .tag_job_jumbo > div.search-bar input {box-shadow: none;width: 100%;text-align: inherit;border: 2px solid #e8e8e8;border-radius: 0 2em 2em 0;padding: 10px 40px;height: 50px;font-weight: 500;background: transparent;} .tag_job_jumbo_nav {margin: 0 -3px;} .tag_job_jumbo_nav li a {box-shadow: none;background-color: rgba(0, 0, 0, 0.08);} .tag_job_jumbo_nav li.active a {box-shadow: none;background-color: white;} .tag_job_list {margin-bottom: 30px;position: relative;} .tag_job_list .job_type {display: inline-block;position: absolute;right: 15px;top: 30px;color: #4CAF50;background-color: #E8F5E9;font-weight: 500;font-size: 13px;line-height: 25px;padding: 0 10px;border-radius: 5px;} .tag_job_list .avatar {width: 60px;height: 60px;margin-bottom: 15px;} .tag_job_list .avatar img {width: 100%;height: 100%;border-radius: 10px;} .tag_job_list h4 a {color: black;} .tag_job_list p {min-height: 60px;overflow: hidden;max-height: 60px;} .tag_job_list p br {display: none;} .tag_job_list .job_cat {display: inline-block;font-size: 13px;line-height: 25px;color: #3b3b3b;} .tag_job_list .job_cat svg {margin-top: -2px;} .tag_job_list .job_foot {justify-content: space-between;margin-top: 15px;border-top: 1px solid #e6e6e6;padding-top: 5px;flex-direction: column;} .tag_job_list .job_foot .btn {width: 100%;border-radius: 2em;margin-top: 10px;} /*Lightbox*/ .lightbox-backgrond, .lightbox-content, .tag_comm_skel {position:fixed;top:0;right:0;bottom:0;height:100%;left:0} .lightbox-backgrond {width:100%;z-index:1045;background:rgba(0,0,0,.8)} .lightbox-content {transition:all .4s;z-index:1045} .lightbox-content .story-img .tag_lbox_img_innr img {max-width:100%;display:block;max-height: 100vh;margin:auto;user-select: none;} .lightbox-content .comment-section {background-color:#fff;} .lightbox-content .comment-section .post-info {max-height: 130px;overflow:auto;} .lightbox-content .comment-section .post-info p {padding: 0 15px;margin: 15px 0 0;} .lightbox-content .comment-section .post-info p:empty {padding: 0;margin: 0;} .lightbox-content .tag_post_actions {margin: 12px 0 0;padding: 0;} .lightbox-content .tag_post_foot_stats {padding: 0 3px;} /*Lighbox Skeleton*/ .tag_comm_skel {padding: 40px 60px 0;z-index: 1045;} .tag_comm_skels {width: 33.3333333333%;height: calc(100vh - 120px);padding: 0 20px;} .tag_comm_skels_innr {background-color: #424242;border-radius: 10px;box-shadow: 0 1px 12px rgba(0,0,0,.2);width: 100%;height: 100%;padding: 15px;} .tag_comm_skels_covr {height: 210px;width: 100%;background-color: rgba(255, 255, 255, 0.06);border-radius: 10px;} .tag_comm_skels_avtr {width: 160px;height: 160px;margin: -50px auto 0;background-color: #4c4c4c;border: 5px solid #424242;border-radius: 100%;} .tag_comm_skels_name {width: 200px;height: 30px;margin: 30px auto 0;background-color: #4c4c4c;border-radius: 2em;} .tag_lboxside_skel {background: #000;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1045;} .tag_lboxside_skel_white {position: absolute;background: white;top: 0;right: 0;bottom: 0;width: 400px;padding: 15px;z-index: 1035;} .tag_lboxside_skel_white .skel_avatar {min-width: 40px;width: 40px;height: 40px;} .tag_lbox_skel_foot {border-top: 1px solid #e7e8ec;padding: 10px 15px;position: absolute;right: 0;width: 400px;bottom: 0;} .tag_lbox_skel_foot .skel_avatar {min-width: 32px;width: 32px;height: 32px;} .tag_lbox_skel_tbox {width: 100%;height: 32px;} .tag_lbox_story_skel .status-list li a {background-color: rgba(255, 255, 255, 0.15);border-radius: 10px;} /*Lightbox Common Users*/ .wo_com_usr_lbox {width: 100%;background: rgba(0, 0, 0, .8);margin: 0;padding: 80px 0;} .wo_com_usr_lbox > svg {position: absolute;top: 10px;right: 10px;z-index: 1035;color: white;cursor: pointer;width: 30px;height: 30px;} .wo_com_usr_lbox .slider {width: 100%;height: 100%;} .wo_com_usr_lbox .slider .slick-prev {left: auto;right: calc(50% + 360px);} .wo_com_usr_lbox .slider .slick-next {right: auto;left: calc(50% + 360px);} .wo_com_lbox_slide {padding: 0 20px;} .wo_com_lbox_slide_innr {border-radius: 10px;overflow: hidden;background: #0d0d0d;} .wo_com_lbox_slide_bg {background-color: #424242;opacity: 0.4;box-shadow: 0 1px 12px rgba(0,0,0,.2);height: calc(100vh - 120px);overflow: hidden;max-height: calc(100vh - 120px);padding: 15px;border-radius: 10px;} .slick-slide.slick-current .wo_com_lbox_slide_bg {opacity: 1;overflow-y: auto;} .wo_com_lbox_slide_innr .user-cover {display: block;height: 210px;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 10px;} .wo_com_lbox_slide_innr .upop_mid {margin-top: -50px;} .wo_com_lbox_slide_innr .upop_mid .avatar {width: 160px;height: 160px;margin: 0 auto;background-color: #424242;border: 5px solid #424242;border-radius: 100%;box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.1);} .wo_com_lbox_slide_innr .upop_mid .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;} .wo_com_lbox_slide_innr .upop_mid .user-name {padding: 0 15px;font-family: 'Readex Pro', sans-serif;font-size: 26px;letter-spacing: -0.5px;line-height: 1;margin-bottom: 5px;} .wo_com_lbox_slide_innr .upop_mid .user-name a {color: #ffffff;} .wo_com_lbox_slide_innr .upop_mid_innr {padding: 15px;} .wo_com_lbox_slide_innr .upop_mid_innr .user-information {padding: 0;color: white;} .wo_com_lbox_slide_innr .upop_mid_innr .user-information:last-child {margin: 0;} .wo_com_lbox_slide_innr .upop_mid_innr .wo_vew_apld_blocks {margin: 10px -10px;padding: 11px;background-color: #505050;} .wo_com_lbox_slide_innr .upop_mid_innr .user-information b {margin: 0 0 8px;display: block;} .wo_com_lbox_slide_innr .upop_mid_innr .user-information li {line-height: 26px;} .wo_com_lbox_slide_innr .upop_mid_innr .user-information li svg {height: 16px;width: 16px;opacity: 0.7;margin: -1px 3px 0 0;} /*Lightbox*/ .wo_imagecombo_lbox {width: 100%;height: 100%;overflow: hidden;background-color: #000;} .wo_imagecombo_lbox .story-img, .wo_image_lightbox .story-img {height:100%;position:relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;margin-right:400px;width:calc(100% - 400px);background-color: black;overflow: hidden;} .tag_lbox_toolbar {top: 0;z-index: 1035;position: absolute;left: 0;right: 0;height: 70px;background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4));justify-content: space-between;padding: 0 10px;} .tag_lbox_toolbar .btn, .story_lightbox .wo_story_header .wo_stor_h_opts {background: rgba(255, 255, 255, 0.1);color: #fff;min-width: 40px;line-height: 40px;height: 40px;padding: 0 4px;border-radius: 50%;margin: 0 5px;} .tag_lbox_toolbar .btn:not(.btn-toggle-lbox-info):not(.close-lightbox):hover, .story_lightbox .wo_story_header .wo_stor_h_opts:hover {background: rgba(255, 255, 255, 0.2);} .tag_lbox_toolbar .btn svg, .story_lightbox .wo_story_header .wo_stor_h_opts svg {margin: -1px 0 0;width: 23px;height: 23px;} .tag_lbox_toolbar .close-lightbox {background-color: #f2f2f2;color: black;} .tag_lbox_toolbar .btn-toggle-lbox-info {background: #565656;} .hide_lbox_info .tag_lbox_toolbar .btn-toggle-lbox-info {background: rgba(255, 255, 255, 0.1);color: #fff;} .hide_lbox_info .tag_lbox_toolbar {right: 0;left: 0;} .tag_lbox_blur_img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;opacity: .3;overflow: hidden;} .tag_lbox_blur_img_innr {-moz-filter: blur(150px);-webkit-filter: blur(150px);-o-filter: blur(150px);filter: blur(150px);width: 100%;height: 100%;} .tag_lbox_blur_img img {width: 100%;height: 100%;object-fit: cover;} .tag_lbox_img_innr {position: relative;display: table;height: 100%;z-index: 1;padding: 0 80px;width: 100%;} .previous-btn {left: 0} .next-btn {right: 0} .wo_imagecombo_lbox .story-img .changer, .wo_image_lightbox .story-img .changer, .tag_post_prods .carousel .carousel-control {min-width: 50px;height: 50px;line-height: 50px;z-index: 1034;position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.7);border-radius: 50%;margin: 0 15px;color: #fff;padding: 0 7px;} .wo_imagecombo_lbox .story-img .changer svg, .wo_image_lightbox .story-img .changer svg, .tag_post_prods .carousel .carousel-control svg {width: 32px;height: 32px;margin: -2px 0 0;} .wo_imagecombo_lbox .story-img .dragable, .wo_image_lightbox .story-img .dragable {display: table-cell;vertical-align: middle;} .wo_imagecombo_lbox .story-img .dragable .empty_state {color: #bebebe;} .wo_imagecombo_lbox .story-img .dragable .empty_state svg {border-radius: 0;opacity: 0.4;} .wo_imagecombo_lbox .story-img .tag_lbox_img_innr img, .wo_image_lightbox .story-img .tag_lbox_img_innr img {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;transition: all .2s linear;} .wo_imagecombo_lbox .story-img .tag_lbox_img_innr img.double_zoom, .wo_image_lightbox .story-img .tag_lbox_img_innr img.double_zoom {-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1)} .image_blur {filter: blur(100px);} .image_blur_btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:1;background-color: black;} .tag_mobi_lbox_foot {display: none;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;background: linear-gradient(transparent, rgb(0 0 0 / 0.5));z-index: 9;padding: 60px 15px 15px;color: rgb(255 255 255 / 90%);} .tag_mobi_lbox_foot .tag_lbox_hdr h4 a {color: white;} .tag_mobi_lbox_foot_com_count {margin: 20px 15px 0;} .wo_imagecombo_lbox .comment-section {width: 400px;position: absolute;top: 0;right: 0;bottom: 0;} .tag_lbox_hdr {padding: 15px 15px 0;} .tag_lbox_hdr .avatar {min-width: 40px;width: 40px;height: 40px;margin-right: 12px;} .tag_lbox_hdr .avatar img {width: 100%;height: 100%;border-radius: 50%;} .tag_lbox_hdr h4 {margin: 2px 0 0;font-size: 15px;} .tag_lbox_hdr h4 a {color: black;} .tag_lbox_hdr .ajax-time {font-size: 12px;} .wow_lightbox_right {position: relative;height: 100%;width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: column;} .wow_lightbox_right .comment-section-inner {position: relative;} .wow_lightbox_right .comment-section-inner+hr, .tag_lbox_skel_hr {width: 100%;margin: 15px 0;} .wow_lightbox_right .comment-inner-footer {width: 100%;overflow-y: auto;-webkit-flex: 1 auto;-ms-flex: 1 auto;flex: 1 auto;flex-grow: 1;} .tag_lbox_comcombo .textarea {max-height: 32px;} .tag_lbox_cooms_count {margin: 0 15px 8px;} .tag_lbox_cooms_count svg {margin-top: -2px;} .lbox_coms_navigation {display: none;} .wo_imagecombo_lbox .lightbox-post-footer .comments-list {padding: 0 15px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;height: 100%;} .wo_imagecombo_lbox .lightbox-post-footer .comment:empty {margin: 0;} .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment_edele_options {display: none;} .wo_imagecombo_lbox .lightbox-post-footer.post-comments {border-top: 1px solid #e7e8ec;padding: 10px 15px;z-index: 5;flex: 0 0 auto;vertical-align: bottom;} .tag_lbox_comcombo {position: relative;align-items: normal;} .tag_lbox_comcombo .avatar {border-radius: 50%;width: 32px;height: 32px;} .wo_imagecombo_lbox .lighbox.comment-textarea {max-height: 32px;} .wow_lightbox_right .lightbox-no-comments {margin: auto;} .hide_lbox_info.wo_imagecombo_lbox .story-img, .wo_image_lightbox .story-img {margin: 0;width: 100%;} .hide_lbox_info.wo_imagecombo_lbox .story-img {width: 100% !important;} .hide_lbox_info.wo_imagecombo_lbox .comment-section {transform: translateX(520px);} .wo_image_lightbox {width:100%;} /*Share Post Modal*/ .tag_share_post_switch {margin-top: 0;} .shar_modl_chose_pgrp .search_for_form {margin: 15px 0 20px;} .shar_modl_chose_pgrp input {min-height: 45px;border: 0;background-color: #f5f5f5;font-size: 15px;padding: 6px 16px;border-radius: 4px 4px 0 0;width: 100%;border-bottom: solid 1px rgba(0,0,0,.42);} .tag_share_post_tarea {margin: 20px 0;} .tag_share_post_input[readonly] {width: 100%;background-color: rgba(0, 0, 0, 0.07);border: 0;box-shadow: none;padding: 10px 5px;border-radius: 8px;margin-bottom: 15px;} .share_modal_social_icos {flex-wrap: wrap;text-align: center;} .share_modal_social_icos > div {width: 33.3333333%;padding: 15px;} .share_modal_social_icos > div a {display: inline-block;font-size: 17px;} .share_modal_social_icos > div a .social-btn {width: 65px;height: 65px;margin: 0 auto 10px;line-height: 63px;text-align: center;position: relative;} .share_modal_social_icos > div a .social-btn:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: currentColor;border-radius: 50%;opacity: 0.15;} /*View Story*/ .tag_close_story_altr {display: none;} .width_ {width: 0;} .story_lightbox .story-img {margin-right: 520px;width: calc(100% - 520px);} .story_lightbox .tag_lbox_toolbar {background: transparent;} .tag_lbox_story_view {margin: 15px auto 0;width: 39%;min-width: 540px;height: calc(100vh - 93px);position: relative;background-color: rgba(255, 255, 255, 0.1);border-radius: 10px;} .tag_lbox_story_view.more-view {height: calc(100vh - 75px);} .tag_lbox_story_view.create-story-view {height: calc(100vh - 40px);margin: auto;} .tag_lbox_story_view .tag_lbox_blur_img {opacity: .2;border-radius: 10px;} .story_lightbox .mfp-wrap {position: absolute;height: 4px;top: 0;right: 0;left: 0;padding: 12px 12px 0;} .story_lightbox .mfp-wrap .mfp_progress_line_ {background-color: rgba(255, 255, 255, 0.4);width: 100%;height: 4px;display: block;border-radius: 2em;} .story_lightbox .mfp-wrap .mfp_progress_line_ .load {background-color: #ffffff;height: 4px;display: block;border-radius: 2em;transition: all 7s ease;} .story_lightbox .wo_story_header {overflow: hidden;padding: 28px 12px 30px;position: absolute;top: 0;left: 0;right: 0;background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0, 0, 0, 0.45));z-index: 1035;justify-content: space-between;border-radius: 10px 10px 0 0;} .story_lightbox .wo_story_header .wo_stor_h_info {width: 100%;} .story_lightbox .wo_story_header .wo_stor_h_info img {width: 36px;min-width: 36px;height: 36px;border-radius: 50%;margin-right: 10px;object-fit: cover;} .story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r {max-width: calc(100% - 100px);} .story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name {font-size: 15px;line-height: normal;} .story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name a {color: white;} .story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r span {color: rgba(255, 255, 255, 0.8);font-size: 12px;} .story_lightbox .tag_lbox_img_innr {padding: 0;width: 100%;} .story_lightbox .story-img .changer.previous-btn {left: -80px;background-color: rgba(255, 255, 255, 0.2);} .story_lightbox .story-img .changer.next-btn {right: -80px;background-color: rgba(255, 255, 255, 0.2);} .story_lightbox .dragable {border-radius: 10px;overflow: hidden;} .story_lightbox .story-img .tag_lbox_img_innr img, .story_lightbox .story-img .tag_lbox_img_innr video {max-height: calc(100vh - 93px);vertical-align: middle;} .story_lightbox .story-img .tag_lbox_story_view.more-view .tag_lbox_img_innr img, .story_lightbox .story-img .tag_lbox_story_view.more-view .tag_lbox_img_innr video {max-height: calc(100vh - 75px);} .story_lightbox .story-img .tag_lbox_story_view.create-story-view .tag_lbox_img_innr img, .story_lightbox .story-img .tag_lbox_story_view.create-story-view .tag_lbox_img_innr video {max-height: calc(100vh - 40px);} .story_lightbox .draggableHelper_story_content {position: absolute;bottom: 15%;color: white;left: 0;right: 0;padding: 10px;background-color: rgba(0, 0, 0, 0.6);} .story_lightbox .draggableHelper_story_content:empty {padding: 0;} .tag_view_count_story_mobi {display: none;position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;color: #fff;background: rgb(0 0 0 / 0.8);border-radius: 2em;} .tag_story_side {position: absolute;right: 0;top: 0;bottom: 0;width: 520px;background-color: #141414;color: white;padding: 15px;} .tag_story_side .tag_page_title {margin: 0;} .tag_lbox_story_views {overflow: hidden;overflow-y: auto;max-height: calc(100% - 30px);} .story_lightbox .story_views_ {border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .story_lightbox .story_views_:last-child {border: 0;} .story_lightbox .story_view_list {padding: 15px 5px;} .story_lightbox .story_view_list img {width: 40px;min-width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;object-fit: cover;} .story_lightbox .story_view_list .user-name a {color: rgb(255 255 255 / 90%);} .story_lightbox .story_view_list .user-name time {color: rgb(255 255 255 / 45%);font-weight: normal;font-size: 13px;} /*Lightbox Stories*/ .tag_lbox_stories {overflow: hidden;overflow-y: auto;max-height: calc(100% - 35px);} .tag_lbox_stories .status-list {margin: 0 -25px;flex-wrap: wrap;padding-top: 5px;} .tag_lbox_stories .status-list li {width: 33.3333333333%;min-width: 33.3333333333%;padding: 0 25px;margin: 15px 0 0;} .tag_lbox_stories .status-list li a {display: block;user-select: none;position: relative;transition: all 0.2s;padding-bottom: 100%;} .tag_lbox_stories .status-list li a:after {/*background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));border-radius: 0 0 10px 10px;*/bottom: 0;content: '';height: 40%;left: 0;position: absolute;width: 100%;} .tag_lbox_stories .status-list li.create_new a svg {background-color: white;border-radius: 50%;width: 100%;height: 100%;padding: 7px;color: #000;} .tag_lbox_stories .status-list li a > img {object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;user-select: none;pointer-events: none;border-radius: 100%;} .tag_lbox_stories .status-list li span {position: absolute;width: 46px;height: 46px;left: 50%;transform: translateX(-50%);bottom: -15px;z-index: 1;padding: 3px;background-color: #141414;border-radius: 50%;} .tag_lbox_stories .status-list li span img {width: 100%;height: 100%;border-radius: 50%;} .tag_lbox_stories .status-list li p {margin: 20px 0 0;z-index: 1;font-weight: 500;text-align: center;} .tag_lbox_stories .status-list li.not_seen_story a {box-shadow: inset 0 0 0 2px var(--main);border-radius: 100%;background: transparent;} .tag_lbox_stories .status-list li.not_seen_story a > img {padding: 5px;border-radius: 100%;} /*Live*/ .tag_live_sidebar {position: fixed;left: 0;top: 80px;bottom: 0;width: 350px;background-color: white;z-index: 950;padding: 15px;flex-direction: column;align-items: normal;justify-content: flex-end;} .tag_live_sidebar_foot {border-top: 1px solid #e2e2e2;margin: 15px 0 0;padding: 15px 0 0;} .wow_liv_comments_feed {overflow: hidden;max-height: 100%;flex-direction: column;align-items: normal;justify-content: flex-end;position: relative;} .wow_liv_comments_feed:after {content: '';position: absolute;top: 0;right: 0;left: 0;height: 15%;background: linear-gradient(white, transparent);} .tag_live_no_comment {font-size: 15px;} .tag_live_no_comment svg {display: block;margin: 0 auto 15px;width: 70px;height: 70px;filter: grayscale(1);opacity: 0.4;} .wow_go_live_btn, .wow_end_live_btn {width: 100%;min-width: 105px;line-height: 45px;} .wow_go_live_cont {height: 100vh;background-color: black;margin: -30px 0 0;position: relative;} .wow_go_live_cont > div, .wow_go_live_cont .liv_vid_cont {height: 100%;} .wow_go_live_cont .liv_vid_cont > div > video, .agora_vdeo_call > div > video {object-fit: contain !important;transform: none !important;} .wow_go_live_cont video.videostream {max-width: 100%;display: block;height: 100%;max-height: 100vh;margin: auto;vertical-align: middle;} .wow_liv_counter {z-index: 9;position: absolute;left: 25px;top: 25px;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: 26px;font-size: 13px;font-weight: 500;color: #ffffff;text-align: center;padding: 0 10px;text-transform: uppercase;} .wow_go_live_cont .empty_state {flex-direction: column;justify-content: center;height: 100%;color: rgba(255, 255, 255, 0.8);} .wow_go_live_cont .empty_state svg {padding: 15px;background-color: #4a4a4a;} .tag_live_skel {position: absolute;top: 0;bottom: 0;width: 75%;left: 50%;transform: translateX(-50%);background-color: rgba(255, 255, 255, 0.1);color: white;justify-content: center;padding: 10px;font-size: 16px;} .mic_drop, .cam_drop {margin: 0 10px 0 0px;} .mic_drop > .btn, .cam_drop > .btn {line-height: 45px;min-width: 45px;padding: 0 10px;} .mic_drop > .btn svg, .cam_drop > .btn svg {margin: 0;} .mic_drop a, .cam_drop a {display: block;padding: 5px 12px;} /*Maintenance*/ .tag_maint_page {height: 100vh;} .tag_maint_page img {width: 80%;pointer-events: none;} /*Memories*/ .tag_mem_link {text-transform: capitalize;} .wow_memories .on_this_day {margin: 0;padding: 15px 39px 1px;text-transform: uppercase;font-size: 12px;letter-spacing: 0.5px;color: var(--main);} .wow_memories .on_this_duration {font-size: 17px;margin: 0;padding: 2px 15px 15px;border-bottom: 1px solid #e9e9e9;} .wow_memories .post .panel {box-shadow: none;} .wow_memories_posts .post .post-footer.post-comments {display: none;} .wow_memories_friends .wow_content {margin-bottom: 20px;} .wow_memories_friends .wow_mem_usr {align-items: normal;} .wow_memories_friends .wow_mem_usr .avatar {width: 56px;min-width: 56px;height: 56px;margin-right: 10px;} .wow_memories_friends .wow_mem_usr .avatar img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;} .wow_memories_friends .wow_mem_usr .title > div > a {color: #272727;font-size: 17px;} .wow_memories_friends .btn-default {margin: 5px 0 0;line-height: 29px;font-size: 13px;} /*Messages*/ .tag_messages {width: 100%;height: 90vh;overflow: hidden;} .tag_messages > .wow_content {padding: 0;box-shadow: none;} .tag_message_innr {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .tag_msg_user_list {min-height: 80vh;width: 35%;min-width: 35%;border-right: 1px solid #e6ecf0;position: relative;} .tag_msg_user_chat {min-height: 80vh;width: 65%;min-width: 65%;position: relative;} .tag_msg_header {min-height: 65px;padding: 10px 15px;justify-content: space-between;border-bottom: 1px solid #e6ecf0;} .tag_msg_header > h2 {font-size: 25px;letter-spacing: -0.5px;line-height: 1;margin: 0 0 2px;font-family: 'Readex Pro', sans-serif;} .tag_msg_toolbar {margin: 0 -5px;} .tag_msg_toolbar > .btn, .tag_msg_toolbar > span > .btn {margin: 0 5px;background-color: rgba(0, 0, 0, .05);border-radius: 50%;width: 36px;height: 36px;padding: 0;line-height: 0;border: 0;} .tag_msg_toolbar > .btn img {border-radius: 50%;width: 36px;height: 36px;} .tag_msg_container {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;flex-grow: 1;height: calc(100vh - 65px);height: 84vh;min-height: auto;overflow: hidden;} .tag_msg_search {padding: 15px 15px 5px;position: relative;} .tag_msg_search .search_input {position: relative;overflow: hidden;display: flex;flex: 1;} .tag_msg_search .search_input input {background-color: rgba(0, 0, 0, .05);border: 0;border-radius: 2em;padding: 8px 20px 8px 40px;color: #222;overflow: hidden;flex: 1 100%;height: 37px;} .tag_msg_search .search_input > svg {position: absolute;pointer-events: none;top: 50%;transform: translateY(-50%);color: #666666;left: 10px;width: 20px;height: 20px;} .tag_msg_body {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;flex: 1 1 auto;overflow: hidden;position: relative;} .tag_msg_body_content {max-height: 100%;min-height: 100%;position: absolute;width: 100%;overflow: hidden;overflow-y: auto;padding-bottom: 56px;} .messages-recipients-list {margin: 0;border-radius: 0;padding: 10px 15px;} .messages-recipients-list.active {background-color: rgb(0 0 0 / 0.05);} .messages-recipients-list .avatar {position:relative;} .messages-recipients-list .online_dot { position: absolute; width: 12px; height: 12px; bottom: 1px; right: -1px; border-radius: 50%; justify-content: center; background: #fff; padding: 2px; } @media screen and (max-width:520px) { .msg_usr_info_top_list { margin-top: 57px; } } .messages-recipients-list .online_dot .dot {width: 100%;height: 100%;background-color: #24c33d;border-radius: 50%;} .messages-recipients-list .new-message-alert {background: #e83e8c;left: -5px;top: -5px;right: auto;min-width: 20px;height: 20px;box-shadow: 0 0 0 3px white;} .messages-recipients-list, .messages-recipients-list .ajax-time {color: #2b2b2b;} .messages-recipients-list .notification-text {max-width: calc(100% - 73px);} .messages-recipients-list .notification-text > span {color: #2b2b2b;display: block;} .msg_usr_info_top_list {position: relative;background-color: white;z-index: 15;} .chat_navigation {margin: 0 5px 0 0;background: transparent;width: 36px;height: 36px;padding: 0;line-height: 0;display: none;border: 0;} .tag_msg_participant {width: 100%;max-width: calc(100% - 150px);} .tag_msg_participant .avatar {display: inline-block;vertical-align: middle;} .tag_msg_participant .avatar img {margin-right: 6px;} .tag_msg_participant .name {display: inline-block;vertical-align: middle;max-width: calc(100% - 60px);} .tag_msg_participant .name > div, .tag_msg_participant .name > div a {color: #212121;font-size: 16px;display: block;} .tag_msg_participant .name > p {margin: 0;} .tag_msg_switch1 {border: 0;background-color: rgb(255 255 255 / 0.65);border-top: 1px solid #e6ecf0;font-size: 12px;position: fixed;bottom: 12px;width: 19%;-webkit-backdrop-filter: brightness(1.5) blur(5px);backdrop-filter: brightness(1.5) blur(5px);} .tag_msg_switch1 li a {margin: 0;text-align: center;line-height: normal;height: 56px;font-weight: 500;padding: 8px 12px 12px;opacity: 0.8;display: block;} .tag_msg_switch {border: 0;background-color: rgb(255 255 255 / 0.65);border-top: 1px solid #e6ecf0;font-size: 12px;position: fixed;bottom: 22px;width: 19%;-webkit-backdrop-filter: brightness(1.5) blur(5px);backdrop-filter: brightness(1.5) blur(5px);} .tag_msg_switch li {float: none;margin: 0;width: 50%;} .tag_msg_switch li a {margin: 0;text-align: center;line-height: normal;height: 56px;font-weight: 500;padding: 8px 12px 12px;opacity: 0.8;display: block;} .tag_msg_switch li a svg {display: block;margin: auto;} .tag_msg_switch li a.active {color: var(--main);opacity: 1;} .msg_progress {height: 2px;width: 100%;background-color: #b3deff;background-clip: padding-box;overflow: hidden;bottom: -1px;right: 0px;z-index: 15;position: absolute;display:none;} .msg_progress .indeterminate {background-color: #2196F3;} .msg_progress .indeterminate:before {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;} .msg_progress .indeterminate:after {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay: 1.15s;animation-delay: 1.15s;} @-webkit-keyframes indeterminate {0% {left: -35%;right: 100%; }60% {left: 100%;right: -90%; }100% {left: 100%;right: -90%; } } @keyframes indeterminate {0% {left: -35%;right: 100%; }60% {left: 100%;right: -90%; }100% {left: 100%;right: -90%; } } @-webkit-keyframes indeterminate-short {0% {left: -200%;right: 100%; }60% {left: 107%;right: -8%; }100% {left: 107%;right: -8%; } } @keyframes indeterminate-short {0% {left: -200%;right: 100%; }60% {left: 107%;right: -8%; }100% {left: 107%;right: -8%; } } .messages-load-more-messages {transition: transform 230ms ease-out;position: absolute;z-index: 9;left: 50%;transform: translate(-50%, 10px);will-change: transform;} .messages-load-more-messages .btn {letter-spacing: .3px;font-size: 12px;line-height: 16px;opacity: .9;background-color: #3c4043;color: #fff;padding: 4px 8px;} .messages-load-more-messages.above_header {transform: translate(-50%, -40px);} .tag_msg_main_body {justify-content: flex-end;} .messages-container {max-height: 100%;overflow: hidden;overflow-y: auto;padding: 15px 25px 2px;/*position: relative;*/} .messages-container .empty_state {position: absolute;top: 0;bottom: 0;right: 0;left: 0;flex-direction: column;justify-content: center;font-size: 20px;} .messages-container .empty_state img {display: block;margin: 0 auto;height: 250px;opacity: 0.8;pointer-events: none;user-select: none;} .btn-message-select {display: none;} .message-contnaier {padding: 5px 0;position: relative;width: 100%;flex-wrap: wrap;} .message-user-image {float: left;width: 35px;height: 35px;margin-right: 10px;border-radius: 50%;} .tag_msg_wrapper {max-width: calc(100% - 115px);} .tag_msg_wrapper .message-text {display: table;border-radius: 18px;padding: 7.5px 15px;font-size: 15px;position: relative;} .tag_msg_wrapper .message-text, .tag_msg_wrapper p:empty {margin: 0;} .tag_msg_wrapper.outgoing .message-text {margin-left: auto;background: var(--main);color: var(--main-color);} .tag_msg_wrapper.incoming .message-text {margin-right: auto;} .tag_msg_wrapper .tag_prods_list {width: 100%;max-width: 220px;} .tag_msg_wrapper .tag_prods_list .product_image img {max-height: none;} .tag_msg_wrapper .time {margin-top: 2px;} .messages-container .message-media img, .messages-container .message-media video {max-height: calc(100vh - 300px);margin: 0;} .messages-container .message-media video {background-color: black;} .tag_msg_write {flex-shrink: 0;padding: 10px 25px 25px;position: relative;} .tag_write_msg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;flex: 1 1 auto;} .tag_write_msg > .dropup .dropdown-toggle {color: #7d7d7d;} .tag_write_msg > textarea {border: 0;resize: none;padding: 9.5px 38px;min-height: 40px;background: rgba(0, 0, 0, 0.06);width: 100%;border-radius: 20px;font-size: 15px;max-height: 82px;} .charsLeft-message {color: #999;font-size: 13px;display: none;position: absolute;right: 10px;bottom: 10px;pointer-events: none;} .tag_msg_write .message-option-btn {color: var(--main);padding: 0;border: 0;box-shadow: none;line-height: 1;margin-left: 12px;} .tag_msg_write .tag_msg_select_clr {display: block;min-width: 40px;height: 40px;line-height: 40px;text-align: center;position: relative;border-radius: 50%;} .tag_msg_write .tag_msg_select_clr:before, .tag_pub_box_bg_camlve:before {content: '';position: absolute;background-color: currentColor;width: 100%;height: 100%;opacity: 0.15;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;} .tag_msg_record {position: relative;display: inline-block;margin-left: 12px;} .tag_msg_record .tag_msg_select_clr {margin: 0;} .tag_msg_record .messages-rtime, .tag_cht_rec_time {left: 50%;transform: translateX(-50%);white-space: nowrap;top: -25px;} .tag_msg_write .send-button {line-height: 40px;height: 40px;border-radius: 2em;min-width: 80px;margin-left: 12px;} .tag_msg_write .send-button svg {display: none;margin: 0;width: 24px;height: 24px;} .tag_msg_emostick {position: relative;} .tag_msg_emostick .dropdown-toggle {color: #7d7d7d;position: absolute;left: 10px;bottom: 10px;} .tag_msg_emostick .dropdown-menu {position: relative;margin: 0 0 -25px;width: 100%;border-radius: 0;box-shadow: none;padding: 8px;} .tag_msg_emojis {height: 100%;width: 100%;min-height: 250px;max-height: 250px;overflow-y: auto;} .tag_msg_emojis span {margin: 6px;} .tag_msg_emojis span i {width: 32px;height: 32px;background-size: 32px 32px;margin: 0;} .tag_msg_sticks {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;height: 100%;justify-content: flex-start;width: 100%;min-height: 250px;max-height: 250px;overflow-y: auto;} .tag_msg_sticks div {flex: 0 1 16.6%;height: 140px;justify-content: center;position: relative;min-width: 120px;} .tag_msg_sticks img {cursor: pointer;height: 100px;width: 100px;} .message-contnaier .message-seen span {right: -15px;} /*Modals*/ /*Calling Modal*/ .tag_vdo_call_box_prnt {width: 100%;max-width: 400px;} .tag_vdo_call_box {background: transparent;} .tag_vdo_call_box:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: rgb(0 0 0 / 60%);border-radius: 10px;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);} .tag_vdo_call_box > div > img {width: calc(100% + 48px);margin: -24px;border-radius: 10px;height: 550px;object-fit: cover;} .tag_vdo_call_box > div > span {position: absolute;top: 0;left: 0;right: 0;color: white;z-index: 5;font-weight: 500;font-size: 16px;padding: 24px 10px 50px;} .tag_vdo_call_box > div > div {position: absolute;bottom: 0;left: 0;right: 0;padding: 24px 10px;color: white;z-index: 5;} .tag_vdo_call_box h4, .tag_call_box h4 {margin: 0 0 5px;font-family: 'Readex Pro', sans-serif;font-size: 23px;letter-spacing: -0.5px;} .tag_vdo_call_box .btn, .tag_call_box .btn, .tag_call_rec_box .btns_cont .btn {padding: 0 5px;min-width: 50px;line-height: 50px;height: 50px;border-radius: 50%;} .tag_vdo_call_box .btn.call_no_answer, .tag_call_box .btn.call_no_answer {background: #ebeef0;color: #313131;} .tag_vdo_call_box .btn svg, .tag_call_box .btn svg, .tag_call_rec_box .btns_cont .btn svg {width: 24px;height: 24px;margin: -2px 0 0;} .tag_call_box > div > span {color: var(--main);font-weight: 500;font-size: 16px;padding: 0 0 30px;display: block;} .tag_call_box img {width: 110px;height: 110px;border-radius: 100%;} .tag_call_box h4 {margin: 15px 0 0px;} .tag_call_box p {margin: 0 0 80px;} /*Cover Image Modal*/ .image-modal.modal.fade {background: #000;padding: 0 !important;transition: none;} .image-modal.modal.fade .modal-dialog {transform: scale(1);max-width: none;} .image-modal .modal-content {padding: 0;overflow: hidden;background-color: black;border: 0;border-radius: 0;} .image-modal .modal-content img {max-width: 100%;display: block;max-height: 100vh;margin: auto;user-select: none;} /*Call Recieve Modal*/ body.tag_call_incoming {overflow-y: auto !important;} .tag_call_rec_box.modal.fade {background: transparent;} .tag_call_rec_box.modal.fade .modal-dialog {margin: 10px auto;transform: scale(1);will-change: margin;transition: margin 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);} .tag_call_rec_box.modal.fade.show .modal-dialog {margin: 50px auto 10px;} .tag_call_rec_box .modal-content {border-radius: 10px;border: 0;background: #121212;box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding: 20px;} .tag_call_rec_box p.bold {color: #03A9F4;text-transform: uppercase;letter-spacing: 0.5px;font-size: 13px;} .tag_call_rec_box .valign {position: relative;padding-right: 110px;} .tag_call_rec_box img {width: 55px;min-width: 55px;height: 55px;border-radius: 50%;margin-right: 10px;} .tag_call_rec_box h4 {color: #fff;font-family: 'Readex Pro', sans-serif;font-size: 21px;letter-spacing: -0.5px;margin: 0 0 5px;} .tag_call_rec_box .btns_cont {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);} .tag_call_rec_box .btns_cont .btn {margin: 0 5px;min-width: 40px;line-height: 40px;height: 40px;} /*Who Like Dislike React Modal*/ .who_react_modal {justify-content: space-between;padding: 0 24px;border-bottom: 1px solid #e4e4e4;margin: -24px -24px 0;flex-wrap: wrap;} .who_react_modal > span {display: block;padding: 15px 12px;} .who_react_modal > span .reaction {width: auto;height: auto;} .who_react_modal > span .inline_act_emoji {transform: scale(1.1);} .who_react_modal > span .inline_post_emoji .reaction > img {width: 22px;height: 22px;} .tag_check_who_how_react.active {box-shadow: inset 0px -2px var(--main);} .wo_react_ursrs_list {max-height: 450px;overflow-y: auto;} .who_react_to_this_user {padding: 10px 5px;border-bottom: 1px solid #eaeaea;justify-content: space-between;} .who_react_to_this_user:last-child {border: 0;} .who_react_to_this_user .who_react_to_this_user_info .views_info_count_p {max-height: 40px;overflow: hidden;margin: 0;} .who_react_to_this_user .avatar {width: 40px;min-width: 40px;margin-right: 10px;height: 40px;} .who_react_to_this_user .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .who_react_to_this_user .avatar .wo_who_react_this {top: auto !important;bottom: -4px;right: -4px !important;background: transparent !important;width: 18px !important;height: 18px !important;} .who_react_to_this_user .user-follow-button .btn {line-height: 31px;min-width: 95px;} .who_react_to_this_user .user-follow-button .btn svg {display: none;} /*Nearby Pages*/ .tag_nearby_pages {margin-bottom: 15px;} .tag_nearby_pages_map {height: 200px;} /*Offers*/ .tag_offers {margin-bottom: 30px;padding: 0;} .tag_offer_headimg {position: relative;height: 0;padding-bottom: 100%;} .tag_offer_headimg img, .tag_prods_list .product_image img, .wo_sidebar_pages .cardheader img, .wow_side_prods .avatar img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;} .tag_offer_info {position: relative;padding: 60px 15px 15px;} .tag_offer_type {-ms-flex-direction: column;flex-direction: column;filter: drop-shadow(0px 1px 3px rgba(0,0,0,.1));position: absolute;left: 50%;transform: translateX(-50%);top: -45px;width: fit-content;} .tag_offer_type .head {border-radius: 5px 5px 0 0;background-color: #ffffff;color: #000;width: 100%;padding: 10px 10px 5px;text-transform: uppercase;font-weight: 500;font-size: 13px;letter-spacing: 0.5px;min-width: 100px;} .tag_offer_type .body {border-radius: 0 0 5px 5px;background-color: #ffffff;color: #000;width: 100%;padding: 5px 10px 10px;min-width: 100px;} .tag_offer_type .rip {background: #ffffff;height: 20px;margin: 0 10px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAACCAYAAAB7Xa1eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAaSURBVBhXY5g7f97/2XPn/AcCBmSMQ+I/AwB2eyNBlrqzUQAAAABJRU5ErkJggg==);background-size: 4px 2px;background-repeat: repeat-x;background-position: center;position: relative;width: calc(100% - 20px);min-width: 100px;} .tag_offer_type .rip:before, .tag_offer_type .rip:after {content: '';position: absolute;width: 30px;height: 30px;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);border: 5px solid transparent;border-top-color: #ffffff;border-right-color: #ffffff;border-radius: 100%;pointer-events: none;} .tag_offer_type .rip:before {left: -10px;} .tag_offer_type .rip:after {-webkit-transform: translate(-50%, -50%) rotate(225deg);transform: translate(-50%, -50%) rotate(225deg);right: -40px;} .tag_offer_info h2 {margin: 0;font-size: 17px;} .tag_offer_info h2 a {color: inherit;} /*Page*/ .wo_page_profile .cardheader, .wo_sidebar_pages .cardheader {position: relative;padding: 0;padding-bottom: 33.33333%;} .tag_page_name_hdr {border-radius: 15px 16px 10px 10px;position: relative; margin-top: -12px;} .tag_page_name_hdr > .tag_event_name_hdr {justify-content: space-between;} .tag_page_name_hdr .event-info-cont-small {position: relative;padding-left: 200px;} .tag_page_name_hdr .event-info-cont-small h3 {margin: 0;} .tag_page_name_hdr .user-avatar {position: absolute;height: 110px;width: 110px;bottom: -5px;left: 0;border-radius: 50%;padding: 5px;} .tag_page_name_hdr .user-avatar img {width: 100%;height: 100%;border-radius: 50%;} .tag_page_name_hdr .tag_switch_noti {margin: 15px auto 5px;} .profile-avatar-changer {position: absolute;bottom: -10px;left: 20px;} .profile-avatar-changer .btn {min-width: 36px;padding: 0 3px;background-color: rgba(0, 0, 0, 0.6);color: white;border-radius: 50%;} .profile-avatar-changer .btn svg {margin: 0px 0 0;} .profile-avatar-changer .btn:hover {background-color: rgba(0, 0, 0, 0.9);} .user-avatar-uploading-container {background-color:rgba(0,0,0,.5);top: 0;right: 0;left: 0;bottom: 0;position:absolute;display:none;border-radius:50%} .tag_page_name_hdr .wow_event_page_btns .btn:not(.invite_event_frnd) {min-width: 100px;} .pinned-post-container {position:relative} .user-location-frame {border:0;margin-top: 10px;display: none;} .user-social-links {margin: 0 -3px;} .user-social-links > a {display: block;margin: 0 3px;} .tag_page_rating {flex-direction: column;background-color: rgba(0, 0, 0, 0.03);border-radius: 10px;} .page-rating {position:relative;} .page-rating > fieldset label {margin: 0;} .page-rating > fieldset:not(:checked) > input {position:absolute;clip:rect(0,0,0,0)} .page-rating > fieldset:not(:checked) > label:hover, .page-rating > fieldset:not(:checked) > label:hover~label, .rated-star {color:#FF9800} .page-rating > fieldset:not(:checked) > label {float:right;overflow:hidden;white-space:nowrap;color: rgba(0, 0, 0, 0.2);} .page-rating > fieldset > label:active {position:relative;top:2px} /*Create Job*/ .wo_create_job_box_flex {margin: 0 -5px;} .wo_create_job_box_flex > div {padding: 0 5px;flex: 1 100%;} .wo_create_job_qstn {background-color: #f5f5f5;border-radius: 4px 4px 0 0;border-bottom: solid 1px rgba(0,0,0,.42);} .wo_create_job_qstn_block {background-color: #f2f2f2;padding: 15px;border-radius: 5px;margin: 12px 0 0;} .wo_create_job_qstn_block > label {margin-top: 0;} .wo_create_job_qstn_block textarea {resize: none;} .wo_create_job_qstn_block button.close {padding: 0;opacity: 1;color: #464646;background-color: #d5d5d5;border-radius: 50%;width: 20px;height: 20px;line-height: 1;font-size: 0;} .wo_create_job_qstn_block button.close svg {margin-top: 1px;width: 15px;height: 15px;stroke-width: 2.5px;} .wo_create_job_box_img {position: relative;border-radius: 5px;overflow: hidden;} .wo_create_job_box_img img {width: 100%;height: 230px;object-fit: cover;} .wo_create_job_box_img_btns {margin: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.7) 100%);position: absolute;bottom: 0;left: 0;right: 0;padding: 50px 0 15px;} .wo_create_job_box_img_btns .btn {background-color: rgba(255, 255, 255, 0.7);color: #080808;} /*View Applied Jobs*/ .wo_vew_apld_jobs {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 25px 10px 5px;} .tag_vew_apld__job_side {padding: 0 15px;min-width: 30%;width: 30%;} .tag_vew_apld__job_main {padding: 0 15px;min-width: 70%;width: 70%;} .tag_vew_apld__job_side_innr .avatar {width: 110px;height: 110px;margin: 0 auto;} .tag_vew_apld__job_side_innr .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .tag_vew_apld__job_side_innr .jinfo h4 {margin: 15px 0;font-size: 26px;text-align: center;} .tag_vew_apld__job_side_innr .jinfo h4 a {color: #000;} .tag_vew_apld__job_side_innr .event_info_blocks div {font-size: 14px;padding: 6px 32px;} .tag_vew_apld__job_side_innr .event_info_blocks div > svg, .user-fetch .event_info_blocks div > svg {left: 0px;width: 19px;height: 19px;} .wo_vew_apld_msg {margin-top: 15px;} .wo_vew_apld_msg .btn {min-width: 120px;} .wo_vew_apld_blocks {background-color: #f2f2f2;padding: 20px 20px 5px;border-radius: 10px;margin: 0 0 20px;} .wo_vew_apld_blkmrgn {margin-bottom: 20px;} .wo_vew_apld_blkmrgn > .bold {font-size: 15px;} /*Page Reviews*/ .tag_review_list {padding: 25px 5px 10px;} .tag_review_list:not(:last-child) {border-bottom: 1px solid #f0f0f0;} .review_list_head {margin-bottom: 8px;} .review-meta-desc {margin-bottom: 7px;} .reviewMeta--author-avatar {margin-right: 10px;} .reviewMeta--author-avatar img {width: 32px;min-width: 32px;height: 32px;border-radius: 50%;} /*Page Settings*/ .tag_ps_nearby_user_wrapper .user-follow-button .btn svg {display: inline-block;width: 16px;height: 16px;margin: -2px 0 0;} /*Pokes*/ .wo_poke_cont {padding: 30px 30px 1px;} /*Popover*/ .user-details {z-index: 1111;padding-top: 6px;top:0;} .user-details .loading-user, .user-fetch {width: 340px;min-height: 241px;border-radius: 10px;overflow: hidden;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;padding: 10px;} .tag_pop_skel_cover {height: 105px;border-radius: 10px;width: 100%;} .user-details .loading-user .user-avatar, .user-fetch .user-avatar {width: 90px;min-width: 90px;height: 90px;margin: -10px 10px 0;} .user-details .loading-user .user-avatar .skel {width: 100%;height: 100%;background-color: #eeeeee;box-shadow: 0 0 0 4px white;} .user-details .loading-user .skel_noti_name {height: 25px;width: 77%;margin: 12px 0;} .user-details .loading-user .skel_noti_time {height: 14px;width: 80px;margin: 9px 0 0;} .user-fetch .user-cover {background-size: cover;background-position: center;height: 105px;border-radius: 10px;width: 100%;} .tag_profile_popover {align-items: normal;} .user-fetch .user-avatar img {width: 100%;height: 100%;border-radius: 50%;box-shadow: 0 0 0 4px white;} .user-fetch .user-name {font-size: 20px;z-index: 3;color: #3c3c3c;font-weight: 500;font-family: 'Readex Pro', sans-serif;padding: 10px 0 0;} .user-fetch .user-name a {color: #000;} .user-fetch .event_info_blocks div {font-size: 14px;padding: 3px 25px;} .user-fetch .user-buttons {margin: 10px -4px 0;} .user-fetch .user-button {padding: 0 4px;display: inline-block;width: 50%;} .user-fetch .user-button button {width: 100%;padding: 0 5px;} .user-fetch .user-button button svg {display: none;} .user-fetch .user-button:empty {margin:0} /*Products*/ .tag_market_title {justify-content: space-between;} .tag_market_title .search-bar {width: 100%;max-width: 420px;position: relative;} .tag_market_title .search-bar input {box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);border-radius: 8px;color: #202124;display: block;padding: 0 45px;width: 100%;border: 0;font-size: 15px;line-height: 48px;transition: all 0.15s;} .tag_market_title .search-bar input:focus {box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);} .tag_market_title .search-bar svg {position: absolute;top: 50%;transform: translateY(-50%);left: 10px;pointer-events: none;color: #737373;} .tag_market_title .search-bar input:focus+svg {color: var(--main);} .tag_products_slider {position: relative;margin-top: 30px;overflow: hidden;} .tag_prods_slidr_prnt {width: 100%;max-width: 940px;margin: auto;} .tag_prods_slidr {white-space: nowrap;} .tag_prods_slidr .slick-list {overflow: visible;} .tag_prods_slidr .slick-prev, .tag_prods_slidr .slick-next {z-index: 4;height: 300px;box-shadow: none;border-radius: 0;background: transparent;color: white;transform: none;top: 0;bottom: 0;} .tag_prods_slidr .slick-prev svg, .tag_prods_slidr .slick-next svg {width: 65px;height: 65px;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;padding: 10px;} .tag_prods_slidr .slick-prev {left: calc((-1 * (100vw - 1375.45px))/2 + 10px);width: calc((100vw - 1375.45px - 40px)/2);background-image: linear-gradient(to left, rgba(0,0,0,0),rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.6) 100%);} .tag_prods_slidr .slick-next {right: calc((-1 * (100vw - 1375.45px))/2 + 10px);width: calc((100vw - 1375.45px - 40px)/2);background-image: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.6) 100%);} .tag_randm_plist {padding: 0 10px;display: inline-block;} .tag_randm_plist .product_info {height: 300px;border-radius: 10px;overflow: hidden;} .tag_randm_plist .product_info a {display: block;position: relative;height: 100%;width: 100%;color: currentColor;font-family: 'Readex Pro', sans-serif;} .tag_randm_plist .product_info .valign {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;justify-content: space-between;padding: 30px;background-color: rgba(255, 255, 255, 0.15);} .tag_randm_plist .product_info .valign > div {padding: 12px 25px 0 0;width: 100%;max-width: 500px;} .tag_randm_plist .product_info h2 {margin: 0;font-size: 40px;white-space: normal;max-height: 87px;overflow: hidden;} .tag_randm_plist .product_info b {margin: 0;font-size: 50px;font-weight: 300;} .tag_randm_plist .product_info b sup {font-weight: 500;font-size: 27px;padding-right: 3px;} .tag_randm_plist .product_info .valign img {width: 240px;min-width: 240px;height: 240px;border-radius: 10px;} .tag_nearby_shops {background-color: #7adae6;margin-top: 30px;} .tag_nearby_shops .btn {background-color: #222;} .tag_market_cats {overflow: hidden;} .tag_market_cats li a {margin: 3px 0;} .tag_market_cats .slick-arrow {box-shadow: none;border-radius: 0;background: var(--body-bg);z-index: 1;} .tag_market_cats .slick-arrow svg {width: 30px;height: 30px;} .tag_market_cats_no_slide {white-space: normal;} .tag_market_filters {justify-content: space-between;margin: 27px 0 15px;} .tag_market_filters h3 {margin: 0;font-size: 20px;} .tag_market_filters .dropdown {display: inline-block;margin-left: 15px;} .tag_market_filters .dropdown .btn {padding: 0;box-shadow: none;font-weight: normal;color: var(--main);line-height: 26px;} .tag_market_filters .dropdown .btn svg {width: 16px;height: 16px;margin: -2px 0px 0 0;} .wo_market > .row, .tag_post_more_prods > .row {margin-right: -10px;margin-left: -10px;} .tag_prods_list {padding-right:10px;padding-left:10px;} .tag_prods_list .product_main {padding: 0;box-shadow: none;position: relative;margin-bottom: 20px;} .tag_prods_list .product_image {display: block;position: relative;padding-bottom: 100%;width: 100%;} .tag_prods_list .product_image img {transition: all 0.15s;} .tag_prods_list .product_main:hover .product_image img {filter: brightness(0.9);} .tag_prods_list .product_info {padding: 10px;} .tag_prods_list .product_info h2 {margin: 0;font-size: 16px;} .tag_prods_list .product_info h2 a {color: black;} .tag_prods_list .product_info b {margin: 8px 0 0;font-weight: normal;display: block;max-width: 70%;color: #606060;} .tag_prods_list .btn.contact, .tag_prods_list .btn.edit {min-width: 36px;position: absolute;padding: 0 5px;background-color: white;border-radius: 50%;box-shadow: 0 0 0 7px var(--body-bg);right: -7px;bottom: -7px;} .tag_prods_list .btn.contact svg, .tag_prods_list .btn.edit svg, .thumb-image-delete-btn svg {margin: -2px 0 0;} .tag_prods_list .btn.contact:not(.btn-main) {color: #4CAF50;} .tag_prods_list .btn.edit {color: #2196F3;} .tag_prods_list .btn.btn-main {color: var(--main);right: 36px;} /*Create Products*/ .tag_crprods_upld_img .upload-product-image, .tag_crprods_upld_img .thumb-image {width: 104px;height: 104px;} /*Edit Product*/ .thumb-image-delete-btn {min-width: 36px;position: absolute;padding: 0 5px;right: 5px;top: 5px;color: white;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;z-index: 1;} .thumb-image-delete-btn:hover {color: white;} .background_image_product {background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;width: 100%;height: 100%;} /*Refund*/ .tag_refund_req {margin-bottom: 25px;background-color: #ffeae4;} .tag_refund_req img {width: 40px;height: 40px;border-radius: 50%;margin: 10px auto;} /*Search*/ .tag_srch_input {justify-content: center;margin: 13px 0 23px;} .tag_srch_input input {font-size: 34px;font-weight: 600;border: 0;padding: 0;color: black;width: auto;height: 45px;transition: width 0.15s linear;background: transparent;max-width: 85%;font-family: 'Readex Pro', sans-serif;} .tag_srch_input input::placeholder {opacity: 0.3;color: currentColor;} .tag_srch_input .btn {margin: -4px 0 0 10px;border-radius: 50%;height: 45px;min-width: 45px;line-height: 45px;padding: 0 3px;} .tag_srch_input .btn svg {margin: 0;width: 22px;height: 22px;} .tag_srch_filters {justify-content: center;margin: 15px -7px 0;flex-wrap: wrap;} .tag_srch_filters > .dropdown, .tag_srch_fltr_country {margin: 12px 7px 0;} .tag_srch_filters > .dropdown .dropdown-toggle, .tag_srch_fltr_country {font-weight: 500;border-radius: 2em;border: 1px solid #e4e4e4;font-size: 13px;letter-spacing: 0.3px;padding: 0px 9px;line-height: 30px;} .tag_srch_filters > .dropdown .dropdown-toggle svg, .tag_srch_fltr_country svg {color: var(--main);width: 16px;height: 16px;margin-right: 4px;} .tag_srch_filters > .dropdown .dropdown-toggle .caret, .tag_srch_fltr_country .caret {margin-left: 10px;} .tag_srch_filters > .dropdown .dropdown-menu {min-width: 180px;} .tag_srch_fltr_country {position: relative;padding: 0;} .tag_srch_fltr_country svg {position: absolute;margin: 0;left: 9px;top: 7px;} .tag_srch_fltr_country select, .tag_srch_fltr_country input, .tag_srch_fltr_country textarea {height: 29px;border: 0;-webkit-appearance: none;appearance: none;width: 125px;padding: 0 25px 0 5px;border-radius: 2em;text-indent: 27px;cursor: pointer;background: transparent;font-weight: 500;} .tag_srch_fltr_country input, .tag_srch_fltr_country textarea {width: 160px;} .tag_srch_fltr_country .caret {position: absolute;margin: 0;right: 9px;top: 14px;} .tag_srch_filters .round-check {display: block;padding: 0 12px;} .tag_srch_fltr_age {position: relative;} .tag_srch_fltr_age .age_number {width: 60px;text-align: center;border: 0;border-radius: 2em;padding: 0 10px;font-size: 13px;line-height: 25px;background-color: #f0f0f0 !important;position: absolute;top: 4px;right: 10px;} .tag_srch_filters .ui-slider {border-radius: 2em;box-shadow: none;height: 3px;background: rgba(0, 0, 0, 0.2);z-index: 9;margin: 6px 12px 10px;} .tag_srch_filters .ui-slider .ui-slider-handle {width: 12px;height: 12px;border: 0;border-radius: 50%;top: -4.5px;} .tag_srch_filters .ui-slider .ui-slider-range, .tag_srch_filters .ui-slider .ui-slider-handle {background-color: var(--main);} .wow_srch_game_tabss {margin: 0 -10px;} .tag_search_user_data_mobi .cover {position: relative;padding-bottom: 40%;margin: -15px -5px 0;} .tag_search_user_data_mobi .cover img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;object-fit: cover;border-radius: 10px 10px 0 0;} .tag_search_user_data_mobi .avatar {margin: -20px 0 0;position: relative;} /*Settings*/ .tag_sett_sidebar {position: fixed;left: 0;top: 80px;bottom: 0;width: 275px;background-color: #fff;z-index: 950;box-shadow: none;border-radius: 0;max-height: 100%;overflow-y: auto;overscroll-behavior-y: contain;padding: 2px 0;margin: 0;} .tag_sett_sidebar > hr {margin: 12px 0;} .tag_sett_sidebar > p.bold {margin: 0;padding: 3px 22px 6px;font-size: 12px;text-transform: uppercase;color: #252525;letter-spacing: 0.5px;opacity: 0.6;} .tag_sett_sidebar > li > a {font-weight: 500;font-size: 14px;padding: 2px 22px;line-height: 40px;position: relative;display: block;clear: both;} .tag_sett_sidebar > li > a:before {border-radius: 0;} .tag_sett_sidebar > li > a:hover:before, .tag_sett_sidebar > li > a:focus:before {opacity: 0.04;} .tag_sett_sidebar > li > a span {width: 30px;height: 30px;margin-right: 15px;position: relative;display: inline-block;vertical-align: middle;line-height: 29px;text-align: center;} .tag_sett_sidebar > li > a span:before {content: '';display: block;position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;background: currentColor;opacity: 0.15;border-radius: 50%;} .tag_sett_sidebar > li > a span svg {width: 18px;height: 18px;} .tag_sett_sidebar > li.active > a {box-shadow: inset 2.5px 0px var(--main);} .tag_sett_sidebar > li.active > a:before {opacity: 0.06;} .tag_sett_page {transition: opacity 0.25s linear;} .tag_content.opacity_start .tag_sett_page {opacity: 0;pointer-events: none;} .tag_sett_page .tag_page_title {margin: 10px 0 30px;} .setting_navigation, .lbox_coms_navigation, .create_story_navigation {margin: -3px 5px 0 0;background: transparent;width: 36px;height: 36px;padding: 0;line-height: 1;display: none;border: 0;} .setting-update-alert:empty {margin: 0;padding: 0;} /*Points*/ .earn_points {margin-bottom:10px;padding: 0 5px;} .earn_points .ep_illus {margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);} .earn_points .ep_illus .ep_how_many {padding: 10px 0;} .earn_points .ep_illus .ep_how_many svg {display: block;background-color: #7a7a7a;width: 50px;height: 50px;border-radius: 50%;padding: 12px;color: white;margin: 0 15px 0 0;} .earn_points .ep_illus .ep_how_many.reaction_bg svg {background-color: rgba(255, 152, 0, 0.2);color: #FF9800;} .earn_points .ep_illus .ep_how_many.create_post svg {background-color: rgba(33, 150, 243, 0.2);color: #2196F3;} .earn_points .ep_illus .ep_how_many.comment_post svg {background-color: rgba(76, 175, 80, 0.2);color: #4caf50;} .earn_points .ep_illus .ep_how_many.wonder_post svg {background-color: rgba(244, 67, 54, 0.2);color: #f44336;} .earn_points .ep_illus .ep_how_many.like_post svg {background-color: rgba(103, 58, 183, 0.2);color: #673AB7;} .earn_points .ep_illus .ep_how_many b {margin: 0;font-weight: 500;} .earn_points .counter {background-color:#f5f5f5;padding: 20px 0;border-radius: 5px;height: 140px;border: 1px solid #f5f5f5;position: relative;overflow: hidden;} .earn_points .counter svg {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);width: 95px;height: 95px;opacity: 0.1;} .earn_points .counter h2 {font-size: 40px;font-weight: normal;margin-top: 10px;margin-bottom: 0;padding: 0 20px;} .earn_points .counter .point-text {font-size: 14px;font-weight: 500;padding: 0 20px 1px;text-transform: uppercase;} .earn_points .counter .count-text {font-size: 12px;margin-top: 10px;margin-bottom: 0;padding: 0 20px;} .earn_points .points_tip {height: 140px;border: 1px dashed #d7d7d7;padding: 20px 10px;border-radius: 5px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;} .earn_points .points_tip svg {margin-bottom: 7px;color: #727272;} .earn_points .points_tip p {margin: 0;} .earn_points .points_tip p a {color: #0073ce;text-decoration: underline;} /*Relationship Setting*/ .tag_set_relation {padding: 0;} .tag_set_relation .author .img-wrap {width: 60px;min-width: 60px;height: 60px;margin-right: 15px;} .tag_set_relation .author .text h3 {font-size: 24px;} .tag_set_relation .author .text p {font-size: 14px;} /*Select Media File*/ .tag_media_file > input[type=file] {opacity: 0;visibility: hidden;position: absolute;} .tag_media_file .btn-file span {margin-right: 10px;width: 45px;min-width: 45px;height: 45px;justify-content: center;color: var(--main);position: relative;} .tag_media_file .btn-file span:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: currentColor;opacity: .2;} .tag_media_file .btn-file b {font-weight: normal;} /*My Information*/ .tag_download_info_title {margin: -20px 0 35px;letter-spacing: 0.2px;word-spacing: 1px;font-size: 15px;opacity: 0.8;} .tag_download_info > .col-lg-4 {padding-left: 15px;} .tag_select_info_dload {margin-bottom: 30px;} .tag_select_info_dload > input {opacity: 0;width: 0;height: 0;display: none;} .tag_select_info_dload > input:checked ~ .empty_state {background-color: #607D8B;color: #ffffff;} .ready_to_down_info {display: none;text-align: center;margin: 40px 0;padding: 0 20px;} .ready_to_down_info svg {width: 100px;height: 100px;margin-bottom: 20px;} .ready_to_down_info p {font-weight: 500;margin-bottom: 35px;} /*Password Helper*/ .helper-text {display: none;padding: 0 16px;margin: -20px 0 25px;font-size: 12px;line-height: 20px;color: #5e5e5e;} .helper-text li.valid {color: #000000;text-decoration: line-through;} /*Active Sessions*/ .active_sessions .as_list {padding: 15px;position: relative;border: 1px solid #e6e6e6;border-radius: 10px;margin-top: 20px;margin-bottom: 10px;display: flex;flex-direction: column;} .active_sessions .as_list .hdr {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;} .active_sessions .as_list .platform_icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: rgb(0 0 0 / 7%);border-radius: 50%;} .active_sessions .as_list .platform_icon svg {width: 28px;height: 28px;} .active_sessions .as_list .log_out_session {width: 30px;height: 30px;min-width: 30px;display: flex;align-items: center;justify-content: center;padding: 0;border-radius: 50%;margin: 1px 0;background: transparent;box-shadow: none;color: red;} .active_sessions .as_list .log_out_session:before {opacity: 0.07;} .active_sessions .as_list .log_out_session svg {margin: 0;} .active_sessions .as_list .session_info {display: block;font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;} .active_sessions .as_list .session_info h4 {margin-top: 0;margin-bottom: 10px;font-weight: bold;} .active_sessions .as_list .session_info p {margin: 6px 0 0;line-height: 1;} .active_sessions .as_list .session_info p svg {margin-top: -2px;} /*Confirm Code*/ .tag_confrm_code {max-width: 240px;position: relative;margin: 30px auto;} .tag_confrm_code > input {display: none;} .tag_confrm_code:before {content: '';display: block;bottom: 0;left: 0;position: absolute;right: 0;border-bottom: 2px solid #d5d5d5;transition: opacity .15s ease;} .tag_confrm_code > span {font-size: 15px;position: absolute;left: 0;z-index: 1;top: 0;right: 0;line-height: 42px;display: block;color: #ADAFB6;transition: all .15s ease;cursor: text;} .tag_confrm_code .inputs {display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;} .tag_confrm_code .inputs input {-webkit-appearance: none;opacity: 0;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column nowrap;-webkit-box-align: center;align-items: center;-webkit-box-flex: 1;flex: 1;padding: 0;min-width: 0;margin-right: 8px;border: 0;border-bottom: 2px solid #d5d5d5;background: none;line-height: 35px;text-align: center;font-size: 18px;border-radius: 0;transition: all .15s ease;} .tag_confrm_code .inputs input:focus {border-color: var(--main);} .tag_confrm_code .inputs input:last-child {margin: 0;} .tag_confrm_code.active:before {opacity: 0;} .tag_confrm_code.active > span {-webkit-transform: translate(0, -100%);transform: translate(0, -100%);border-color: transparent;line-height: 20px;font-size: 12px;font-weight: 500;color: var(--main);} .tag_confrm_code.active .inputs input {opacity: 1;} /*Affiliates*/ .tag_aff_usr_head {position: relative;padding: 50px 0;margin: 0 0 30px;} .tag_aff_usr_head > div {width: 100%;max-width: 400px;} .tag_aff_usr_head > div h1 {color: black;margin: 0;font-family: 'Readex Pro', sans-serif;font-size: 30px;} .tag_aff_usr_head > div h4 {color: rgba(0, 0, 0, 0.7);font-weight: 400;font-size: 17px;margin: 15px 0 0;} .tag_aff_usr_head > img {position: absolute;right: 40px;height: 170px;top: 50%;transform: translateY(-50%);} .tag_aff_usr_link {width: 100%;background-color: rgba(0, 0, 0, 0.07);border: 0;box-shadow: none;padding: 10px;border-radius: 8px;margin: 0 0 20px;} .tag_aff_usr_share > div {width: 16.6666667%;padding: 5px;} .tag_aff_usr_share > div a .social-btn {margin: 0;} .wo_referres .ref {padding: 10px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);} .wo_referres .ref:last-child {border: 0;padding-bottom: 0;} .wo_referres .ref-image {width: 50px;min-width: 50px;height: 50px;margin-right: 10px;} .wo_referres .ref-image img {width: 100%;border-radius: 50%;} .wo_referres .name p {margin: 0;} .wo_referres .name p a {color: #1e1e1e;} .wo_referres .name .joined {font-size: 13px;opacity: 0.8;} /*Payment History*/ table.wow_pymnt_table tbody>tr>td {vertical-align: middle;padding: 9px 5px;} table.wow_pymnt_table .label {display: inline-block;padding: 5px 12px;font-size: 12px;font-weight: 500;border-radius: 4px;} table.wow_pymnt_table .label-warning {color: #ff9800;background-color: rgba(255, 152, 0, 0.1);} table.wow_pymnt_table .label-success {color: #4CAF50;background-color: rgba(76, 175, 80, 0.1);} table.wow_pymnt_table .label-danger {color: #F44336;background-color: rgba(244, 67, 54, 0.1);} /*Show Fundings*/ .tag_show_fnd_title {font-size: 35px;} .show-fund-info-user {display: table;margin: -5px 0 40px 0;} .show-fund-info-user .postMeta--author-text a, .show-fund-info-user .postMeta--author-text .middot, .fund div.list .item .caption .middot {color: #545454;} .tag_sF_bar_mobi {display: none;margin: -10px 0 40px;} .fund_main_img {margin-bottom: 20px;} .fund_main_img img {border-radius: 10px;pointer-events: none;} .fund div.list {max-height: 370px;overflow-y: auto;} .fund div.list .item {width: 100%;overflow: hidden;padding: 10px 0;position: relative;display: table;border-bottom: 1px solid #f0f0f0;} .fund div.list .item:last-child {border:0;padding-bottom: 0;} .fund div.list .item .wrapper img {width: 47px;height: 47px;} .fund div.list .item .caption {display: table-cell;vertical-align: middle;padding-left: 10px;width: 100%; } .fund div.list .item .caption a {font-size: 15px;color: #414141;display: inline-block;text-decoration: none;} .fund div.list .item .caption p {margin: -5px 0 0;font-size: 13px;} .fund div.list .item .caption time {color: #90949c;font-size: 12px; } .tag_show_fnd_bottom {position: fixed;bottom: 0;right: 0;left: 350px;padding: 12px 0;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);z-index: 99;} .tag_content.tag_chat_content .tag_show_fnd_bottom {right: 90px;} .tag_show_fnd_bottom .valign {justify-content: space-between;} .fund_raise_bar .progress {min-width: 330px;} .show_fnd_stats {font-weight: 500;color: #565656;margin: 0 0 5px;} .fund_raise_btns {margin: 0 -3px;} .fund_raise_btns .btn {margin: 0 3px;min-width: 170px;} .fund_raise_btns .dropdown {display: inline-block;vertical-align: middle;position: relative;overflow: hidden;} .fund_raise_btns .dropdown > .btn {min-width: 130px;} .fund_raise_btns .dropdown > .dropdown-menu {transform: translateX(-110%);margin: 0;box-shadow: none;background: #ebeef0;top: 0;display: flex;justify-content: space-around;width: 130px;min-width: 130px;bottom: 0;padding: 0;align-items: center;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;} .fund_raise_btns .dropdown.show > .dropdown-menu {transform: translateX(-3px);display: flex !important;} .fund_raise_btns .dropdown.show > .dropdown-menu li a {color: #333;background: transparent;padding: 0 2px;} .fund_input {margin: 50px 0 30px;} .fund_input input {background-color: transparent;border: 0;padding: 0px 10px;width: 100%;margin: auto;max-width: 180px;box-shadow: none;color: #4CAF50;font-size: 45px;text-align: center;font-family: 'Readex Pro', sans-serif;line-height: 1;} /*Sidebar*/ .tag_sidebar_widget {padding: 0;} .tag_sidebar_widget_title {padding: 12px;justify-content: space-between;} .tag_sidebar_widget_title b {font-weight: 500;margin: 0;font-size: 15px;letter-spacing: 0.3px;line-height: normal;} /*Sidebar Hashtags*/ .sidehashtag, .sidehashtag .wow_htag:before {display: none;} .sidehashtag .wow_htag {padding: 0 12px 12px;margin: 0;} /*Sidebar Pages*/ .wo_sidebar_pages {padding: 0 12px 12px;} .wo_sidebar_pages .cardheader img {border-radius: 8px;} .wo_sidebar_pages .page_middle {align-items: normal;} .wo_sidebar_pages .page_middle .avatar {width: 75px;min-width: 75px;height: 75px;background-color: white;border-radius: 50%;padding: 5px;margin: -10px 10px 0 0;position: relative;} .wo_sidebar_pages .page_middle .avatar img {width: 100%;height: 100%;border-radius: 50%;} .wo_sidebar_pages .page_middle .full_width {max-width: calc(100% - 85px);} .wo_sidebar_pages .page_middle .title {font-size: 15px;max-width: 100%;line-height: normal;margin: 7px 0;} .wo_sidebar_pages .page_middle .title a {color: #000;display: inline-block;} .wo_sidebar_pages .user-follow-button button {line-height: 28px;font-size: 13px;padding: 0 5px;} .wo_sidebar_pages .user-follow-button button svg {width: 13px;height: 13px;} .no-more-pages {font-size: 14px;color: #858585;padding: 10px 0 35px;} /*Sidebar Groups*/ .sidebar-group-may-know-container {padding: 0 12px 1px;} .tag_group_main_sugg_grp {padding: 0;margin: -5px -5px -15px;} .sidebar-group-may-know-container .wow_my_groups {margin: 0 0 12px;box-shadow: 0 0 0 1px rgb(0 0 0 / 0.1);} /*Sidebar Admin Ads*/ .sidebar-ad {overflow: hidden;} .sidebar-ad iframe, .sidebar-ad img, .sidebar-ad script {width: 100%;max-width: 100%;} /*Sidebar Products*/ .sidebar-product-slider {padding: 0 6px;} .wow_side_prods_prnt {width: 50%;padding: 0 6px;display: inline-block;} .wow_side_prods {margin-bottom: 12px;} .wow_side_prods .avatar {position: relative;padding-top: 100%;width: 100%;} .wow_side_prods .avatar img {border-radius: 10px;transition: all 0.15s;} .wow_side_prods .avatar:hover img {filter: brightness(0.9);} .wow_side_prods .produc_info {padding: 8px 0 0;} .wow_side_prods .produc_info h4 {font-size: 14px;margin: 0 0 3px;} .wow_side_prods .produc_info span {font-size: 13px;display: block;} /*Sidebar User Ads*/ .sidebar-add-wrapper .sidebar-add-body {width: 100%;position: relative;padding-bottom: 51%;} .sidebar-add-wrapper .sidebar-add-body img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;} .sidebar-add-wrapper .sidebar-add-footer {width: 100%;padding: 12px;} .sidebar-add-wrapper .sidebar-add-footer p.add-title {width: 100%;font-size: 15px;margin: 0 0 3px;} .sidebar-add-wrapper .sidebar-add-footer p.add-descrition {font-size: 14px;max-height: 40px;overflow: hidden;opacity: 0.8;margin: 0;} .sidebar-add-wrapper .sidebar-add-footer time {font-size: 12px;width: 100%;} /*Steps*/ .tag_startup {align-items: normal;-webkit-flex-direction: column;flex-direction: column;min-height: 100vh;position: relative;} .tag_startup:before, .tag_startup:after {-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;content: '';display: block;height: 30px;} .tag_startup_steps li svg {display: none;} .tag_startup_row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .tag_startup_img {border-radius: 10px;max-width: calc(100% - 5px);height: 100%;background: #eceff1;background: linear-gradient(210deg, #CFD8DC 0%, #eceff1 100%);position: relative;} .tag_startup_img h2 {position: absolute;margin: 0;width: 100%;padding: 20px 15px;letter-spacing: normal;} .tag_startup_img img {position: absolute;bottom: 20px;left: 15px;right: 15px;width: calc(100% - 30px);pointer-events: none;user-select: none;opacity: 0.8;mix-blend-mode: luminosity;} .wow_usr_steps {overflow-y: auto;padding: 0 15px;} .wow_usr_steps > h4 {font-weight: normal;font-size: 17px;margin: 30px 0 15px;} .upload-image {width: 200px;height: 200px;position: relative;border-radius: 50%;background-color: #f6f6f6;} .upload-image-content {border-radius: 50%;} .upload-image img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .wow_usr_steps .upload-image {margin: 60px auto;} .wow_usr_steps .upload-image .profile-avatar-changer {bottom: 10px;right: 10px;} .wow_usr_steps_cont {justify-content: space-between;padding: 20px 0 0;} .skip-step:hover {text-decoration: underline;} .wow_usr_steps_cont .btn {margin-left: auto;min-width: 150px;} /*Create Stories*/ .tag_create_story {padding: 10px 0 0;} .tag_create_story .tag_field > textarea {background-color: #2b2b2b;border-bottom: solid 1px rgb(255 255 255 / 42%);color: rgb(255 255 255 / 87%);} .tag_create_story .tag_field > textarea + span {color: rgb(255 255 255 / 60%);} /*Publisher Box*/ .tag_pub_hide {display: none;} .tag_pub_box_bg {margin-bottom: 20px;padding: 12px;} .tag_pub_box_avatar {display: block;margin-right: 12px;width: 42px;min-width: 42px;height: 42px;border-radius: 50%;} .tag_pub_box_avatar img {width: 100%;height: 100%;border-radius: 50%;} .tag_pub_box_bg_text {border-radius: 10px;flex: 1 1 auto;height: 42px;} .tag_pub_box_bg_camlve {margin-left: 12px;border-radius: 50%;min-width: 42px;line-height: 42px;height: 42px;padding: 0 2px;background: transparent;} .tag_pub_box_bg_camlve:before {opacity: 0.1;} .tag_pub_box_bg_camlve svg, .tag_pub_box .modal-header .btn-default svg {width: 24px;height: 24px;margin: -2px 0 0;} .tag_pub_box_bg_camlve.live {color: #F44336;} .tag_pub_box_bg_camlve.camera {color: #4CAF50;} .tag_pub_box.modal-content {padding: 0;} .tag_pub_box .modal-header {justify-content: space-between;margin: 0;padding: 15px;border-bottom: 1px solid #e6ecf0;position: relative;min-height: 67px;} .tag_pub_box .modal-header .btn-default {min-width: 32px;line-height: 32px;height: 32px;padding: 0 2px;background: transparent;} .tag_pub_box .modal-header .btn-success {color: #4CAF50;background-color: rgb(76 175 80 / 0.15);line-height: 28px;font-size: 13px;min-width: auto;padding: 0 10px;} .charsLeft-post {opacity: 0.7;font-size: 13px;margin: 0 6px;font-weight: 500;} .tag_pub_box .modal-header .btn-main {min-width: 110px;} .tag_pub_box_progress {width: 100%;bottom: -1px;right: 0px;z-index: 19;position: absolute;display: none;} .tag_pub_box_progress .progress {height: 3px;box-shadow: none;border-radius: 0;background-color: #e6e6e6;} .tag_pub_box_progress .progress-bar {background: var(--main);} .tag_pub_prod_progress {position: relative;margin: 10px 0 0;} .wo_pub_txtara_combo {position: relative;} .publisher-box textarea.postText {padding: 15px 20px 1px;min-height: 130px;color: inherit;resize: none;width: 100%;font-size: 15px;line-height: 1.5;max-height: calc(100vh - 220px);background: transparent;} .publisher-box.wo_pub_change_color .wo_pub_txtara_combo {min-height: 350px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;justify-content: center;} .publisher-box.wo_pub_change_color textarea.postText {max-height: 370px;padding: 20px;text-align: center;font-size: 26px;font-weight: 600;font-family: 'Readex Pro', sans-serif;min-height: 80px;line-height: normal;} .publisher-box.wo_pub_change_color textarea.postText::placeholder {color: currentColor;opacity: 0.5;} .publisher-box .publisher-box-footer .pub-footer-bottom {justify-content: space-between;padding: 15px;position: relative;} .tag_pub_btn_color, .tag_pub_btn_hasat {padding: 0;box-shadow: none;background: transparent;border: 0;line-height: 1;vertical-align: middle;margin-right: 8px;} .tag_pub_btn_color svg {width: 20px;height: 20px;} .wow_pub_privacy, .publisher-box .add-emoticons {position: relative;display: inline-block;vertical-align: middle;} .wow_pub_privacy.showMenu {overflow: visible;} .wow_pub_privacy_dropdown {padding: 0;line-height: 20px;font-size: 13px;} .wow_pub_privacy_dropdown > p {margin: 0;} .wow_pub_privacy_dropdown > p svg {width: 20px;height: 20px;margin-top: -1px;opacity: 0.8;} .wow_pub_privacy_menu {padding: 6px 0;margin: 0;background-color: #1e2321;position: absolute;min-width: 180px;z-index: 9;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;display: none;bottom: 100%;left: 0;} .wow_pub_privacy_menu li label {margin: 0;display: block;cursor: pointer;} .wow_pub_privacy_menu li label span svg {width: 18px;height: 18px;margin: -2px 10px 0 0;} .wow_pub_privacy_menu li label input[type="radio"]:not(:checked), .wow_pub_privacy_menu li label input[type="radio"]:checked {position: absolute;opacity: 0;pointer-events: none;} .wow_pub_privacy_menu li label input[type="radio"]+span {position: relative;display: block;padding: 8px 15px;user-select: none;transition: all 0.15s;color: white;} .wow_pub_privacy_menu li:hover label span {background: rgb(255 255 255 / 7%);} .wow_pub_privacy.showMenu .wow_pub_privacy_menu {display: block;} .publisher-box .add-emoticons .dropdown-toggle {padding: 0;box-shadow: none;background: transparent;border: 0;} .all_colors {display: none;padding: 10px 15px 15px;position: absolute;background: white;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;} .all_colors > svg {position: absolute;cursor: pointer;background-color: white;z-index: 1;top: 15px;} .all_colors > div {white-space: nowrap;overflow-x: auto;padding: 5px 0 0 30px;} .all_colors_display {display: inline-block;margin: 0 2px;position: relative;} .all_colors_display.selected .all_colors_style, .all_colors_display.selected .all_colors_style_image {box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #252525;} .all_colors_display.selected:after {content: '';border: 2px solid #fff;border-top: none;border-right: none;height: 5px;left: 6px;position: absolute;top: 7px;transform: rotate(-45deg);width: 10px;} .all_colors_style {height: 22px;width: 22px;border-radius: 50%;} .all_colors_style_image {height: 22px;width: 22px;border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: cover;} .publisher-box .publisher-box-footer .pub-footer-upper {position: relative;flex-wrap: wrap;padding: 15px 7.5px 5px;border-top: 1px solid #e6ecf0;} .tag_pub_box_btns {display: block;border: 0;width: calc(50% - 15px);text-align: inherit;background-color: rgb(0 0 0 / 5%);border-radius: 10px;margin: 0 7.5px 10px;padding: 0 12px;line-height: 34px;font-size: 13px;font-weight: 500;color: #2d2d2d;} .tag_pub_box_btns:active {box-shadow:none} .tag_pub_box_btns b {margin: 0;vertical-align: middle;} .tag_pub_box_btns svg {width: 22px;height: 22px;color: var(--main);margin: -2px 6px 0 0;} .tag_pubbox_record {position: relative;display: block;width: calc(50% - 15px);margin: 0 7.5px 10px;} .tag_pubbox_record .btn, .tag_pub_btns_smal .tag_pubbox_record .btn, .tag_pub_btns_col_smal .tag_pubbox_record .btn {width: 100%;margin: 0;} .tag_pub_btns_smal, .tag_pub_btns_col_smal {justify-content: space-around;} .tag_pub_btns_smal .tag_pub_box_btns, .tag_pub_btns_col_smal .tag_pub_box_btns {width: 35px;min-width: 35px;padding: 0;text-align: center;line-height: 35px;height: 35px;margin: 0 4px 10px;} .tag_pub_btns_smal .tag_pub_box_btns svg, .tag_pub_btns_col_smal .tag_pub_box_btns svg {margin: 0;} .tag_pub_btns_smal .tag_pub_box_btns > span, .tag_pub_btns_col_smal .tag_pub_box_btns > span {display: none;} .tag_pub_btns_smal .tag_pubbox_record, .tag_pub_btns_col_smal .tag_pubbox_record {width: 30px;min-width: 30px;font-size: 0px;margin: 0 4px 10px;} .album-form {padding: 3px 15px;} .album-form input, .gif-form > input, .tag_pub_feels_innr > input, .poll-form .answers input, .map-form > input {width: 100%;border: 0;border-radius: 5px;background-color: rgb(0 0 0 / 0.06);padding: 6px 10px;} .tag_pub_imgs {padding: 0 10px;display: grid;grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));overflow-y: auto;max-height: 480px;gap: 10px;} .tag_pub_imgs .thumb-image-delete, .tag_pub_gifs div span, .extracted_url .extracted_thumb {position: relative;padding-bottom: 100%;width: 100%;display: block;height: 0;} .tag_pub_imgs .thumb-image, .tag_pub_vids video, .tag_pub_vids .video-poster-image, .tag_pub_gifs img, .extracted_url .extracted_thumb img, .post-fetched-url-con img {max-height:307px;width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;border-radius: 8px;} .video-form {padding: 10px 15px 0;} .tag_pub_vids {position: relative;width: 100%;padding-bottom: 56.25%;border-radius: 8px;} .tag_pub_vids video {background-color: black;object-fit: contain;} .tag_pub_vids .video-custom-thumb {position: absolute;z-index: 1;background-color: rgb(0 0 0 / 65%);color: white;font-size: 13px;min-width: auto;padding: 0 8px;line-height: 28px;right: 8px;top: 8px;} .tag_pub_vids .video-poster-image {background-color: rgb(255 255 255 / 0.8);-webkit-backdrop-filter: contrast(2) blur(12px);backdrop-filter: contrast(2) blur(12px);display: none;} .tag_pub_vids .video-poster-image .preview {height: 100%;width: 100%;border-radius: 8px;padding: 20px;} .tag_pub_vids .video-poster-image .preview .empty_state {border-radius: 8px;padding: 0;height: 100%;justify-content: center;border: 2px dashed rgb(0 0 0 / 38%);color: black;flex-direction: column;font-size: 17px;} .tag_pub_vids .video-poster-image .preview .empty_state svg {width: 50px;height: 50px;} .tag_pub_vids .video-poster-image .image {border-radius: 8px;width: 100%;height: 100%;} .tag_pub_vids .video-poster-image .image img {width: 100%;height: 100%;border-radius: 8px;object-fit: cover;} .tag_pub_vids .video-poster-image.hover .preview .empty_state {border-style: solid;color: var(--main);} .gif-form, .file-form, .map-form, .music-form {padding: 10px 15px 0;} .map-form {position: relative;} .gif-form > input, .tag_pub_feels_innr > input, .poll-form .answers input, .map-form > input {padding: 8px 10px;} .tag_pub_gifs {min-height: 300px;max-height: 300px;overflow-y: auto;padding: 6px 0 2px;margin: 0 -4px;line-height: 1;} .tag_pub_gifs div:not(.empty_state) {width: 50%;padding: 5px;display: inline-block;} .tag_pub_gifs div span {padding-bottom: 70%;} .tag_pub_gifs img {object-fit: fill;border-radius: 0;cursor: pointer;} .tag_pub_gifs .empty_state {padding: 90px 5px;} .tag_pub_rectime {line-height: 34px;font-size: 13px;font-weight: 500;position: absolute;top: 0;bottom: 0;right: 0;left: 37px;background-color: #f2f2f2;border-radius: 10px;padding: 0 5px;pointer-events: none;} .tag_pub_btns_smal .tag_pub_rectime, .tag_pub_btns_col_smal .tag_pub_rectime {position: absolute;top: -12px;padding: 4px 7px;background-color: #F44336;left: calc(50% + 3px);transform: translateX(-50%);border-radius: 6px;box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.19);line-height: 1;font-size: 12px;color: white;bottom: auto;right: auto;white-space: nowrap;} .emo-form {position: relative;padding: 10px 0 0;margin: 0 15px;} .tag_pub_feels_innr {position: relative;flex: 1 1 auto;} .feelings-type-to {padding: 8px 10px;background: #dfecff;font-weight: 500;border-radius: 5px;margin-right: 7px;} .feelings-type-to:empty {padding: 0;margin: 0;} .feelings-value {background-color: #f0f0f0;padding: 8px 10px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 5px;width: 100%;} .feelings-value i.twa {margin: -2px 3px 0 0;vertical-align: middle;width: 19px;height: 19px;background-size: 19px;} .feelings-value:empty {padding: 0;display: none;} .feeling-type {max-height: 230px;overflow-y: auto;display: none;width: 100%;margin: 0;} .feeling-type > .btn {display: none;margin: 0 15px 10px;} .feeling-type li i.twa {width: 21px;height: 21px;margin: 0;margin-right: 12px;vertical-align: middle;background-size: 21px;} .file-form .valign, .poll-form, .music-form .valign, .wo_shared_doc_file {border: 1px solid #dedede;border-radius: 8px;padding: 10px;} .file-form svg, .music-form svg, .post-map-innr svg, .wo_shared_doc_file > a > i {min-width: 38px;width: 38px;height: 38px;margin-right: 10px;border-radius: 50%;color: #4CAF50;background-color: rgb(76 175 80 / 0.2);padding: 8px;} .file-form input, .music-form input, .extracted_content input {padding: 0;line-height: normal;border: 0;font-weight: 500;background: transparent;width: 100%;} .file-form p {margin: 0;font-size: 13px;} .poll-form {margin: 10px 15px 0;} .poll-form .answers input {margin: 0 0 10px;} .poll-form .answers > span {position: relative;} .poll-form .answers > span svg {position: absolute;right: 5px;top: -2px;} .poll-form .btn {line-height: 30px;font-size: 13px;width: 100%;} .pac-container {z-index: 1050;} .extracted_url {margin: 10px 15px 0;position: relative;} .extracted_url .extracted_thumb {padding-bottom: 56.25%;} .extracted_url .extracted_thumb img {border-radius: 8px 8px 0 0;} .extracted_content {background: rgb(0 0 0 / 0.06);border-radius: 0 0 8px 8px;padding: 8px;position: relative;} .extracted_content input {width: 100%;font-size: 15px;color: var(--main);max-height: 19px;overflow: hidden;} .extracted_content textarea.url-input-textarea {width: 100%;padding: 0;line-height: normal;border: 0;resize: none;background: transparent;margin: 3px 0 -4px;max-height: 34.5px;overflow: hidden;} .thumb_select {position: absolute;bottom: calc(100% + 10px);left: 10px;color: #fff;background-color: rgb(0 0 0 / 0.8);border-radius: 4px;padding: 2px 4px;} .thumb_select .small_text {vertical-align: middle;margin: 0 4px;font-size: 11px;} .next_thumb, .prev_thumb {cursor: pointer;line-height: 1;display: inline-block;} /*Posts*/ .fs-14 {font-size: 14px;} /* .post .panel, .user-ad-container .panel-white {box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);border-radius: 10px;} */ .pin-icon {font-size: 11px;padding: 10px 15px 0;text-transform: uppercase;letter-spacing: 0.5px;color: #FF9800;font-family: 'Readex Pro', sans-serif;} .post .post-heading {padding: 20px 20px 15px;justify-content: space-between;align-items: normal; font-family: 'Roboto', sans-serif !important;} .post .post-heading > .valign {align-items: normal;} .post .post-heading .image, .user-ad-container .post-advertisement .ads-heading .image {margin-right: 15px;position: relative;} .post .post-heading .avatar, .user-ad-container .post-advertisement .ads-heading .avatar {width: 43px;min-width: 43px;height: 43px;border-radius: 50%;} .tag_post_status:not(.online) {display: none;} .tag_post_status .online {position: absolute;top: 38px;right: 1px;border-radius: 50%;width: 9px;height: 9px;background: #4CAF50;box-shadow: 0 0 0 2px white;} .tag_post_status2:not(.offline) {display: none;} .tag_post_status2 .offline {position: absolute;top: 38px;right: 1px;border-radius: 50%;width: 9px;height: 9px;background: #c6c6c6;box-shadow: 0 0 0 2px white;} .post .post-heading .meta .title, .user-ad-container .post-advertisement .meta .title {font-size: 0;} .post .post-heading .meta .title .name, .user-ad-container .post-advertisement .meta .title .name {display: inline-block;font-weight: 500;color: black;font-size: 15px;letter-spacing: 0.2px;} .post .post-heading .meta .title .pro-badge {padding: 0px 0px;line-height: 19px;width: 19px;font-weight: 500;vertical-align: top;vertical-align: text-bottom;} .post .post-heading .meta .title .pro-badge a {padding: 4px 4px 1px;margin: -4px -4px -1px;} .feeling-text {font-size: 14px;} .feeling-text i {vertical-align: middle;margin: -1px 0 0;width: 18px;height: 18px;background-size: 18px;} .feeling-text svg {margin: -1px 0 0;} .post .post-heading .meta .time, .user-ad-container .post-advertisement .meta .time {display: inline-block;font-size: 12.2px;color: #7f7f7f;} .post .post-heading .meta .time a, .user-ad-container .post-advertisement .meta .time a {color: #7f7f7f;} .tag_post_hdr_sub {flex-wrap: wrap;} .tag_post_hdr_sub .middot {margin: 0 5px;line-height: 1;} .tag_post_hdr_sub .tag_create_menu {min-width: 200px;left: 50%;transform: translateX(-50%);} .tag_post_hdr_sub .tag_create_menu > li > a:hover svg path {display: block;} .tag_post_hdr_menu {min-width: 22px;height: 22px;} .tag_post_hdr_menu .tag_create_menu {min-width: 220px;} .tag_post_hdr_menu .tag_create_menu > li > a {line-height: 34px;} .tag_post_men_disable {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;background-color: rgb(255 255 255 / 0.6);z-index: 1;display: none;} @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); .post .post-description {padding: 0 20px;font-family: 'Roboto', sans-serif !important;line-height: 22px;} .post .post-description p {font-size: 14px;overflow: hidden;} .read-blog-container {font-family: 'Roboto', sans-serif !important;line-height: 22px;font-size: 14px;} .post .post-description p:empty {margin: 0;} .post .post-description p a.hash, .post .post-description p+a.hash, .post .post-footer .comments-list .comment .tag_comm_body .comment-text a.hash {color: var(--main);} .tag_post_actions {margin: 15px -15px 0;padding: 0 0 10px;position: relative;justify-content: space-between;} .tag_post_actions .stat-item {cursor: pointer;font-weight: 500;font-size: 15px;margin: 0 10px;} .tag_post_actions .stat-item > span {vertical-align: middle;} .tag_post_actions .stat-item .icoo {padding: 9px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.06);margin: 0 7px;width: 40px;height: 40px;} .tag_post_actions .stat-item .icoo svg.feather {margin: 0;width: 22px;height: 22px;} .like-btn {position: relative;cursor: pointer;display: block;} .inline_post_count_emoji {width: 16px;height: 16px;display: inline-block;} .inline_post_count_emoji .emoji {transform: scale(0.1333);top: -324%;right: 324%;} .tag_post_react_btn > span {padding:3px 15px 3px 0px;border-radius:25px;border: 1px solid var(--body-bg);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;} @media screen and (max-width:520px) { .tag_post_react_btn > span { padding: 3px 5px 3px 0px !important;} .tag_post_react_btn svg, .tag_post_react_btn .inline_post_emoji, .tag_post_react_btn .inline_post_count_emoji, .tag_post_foot_acticon svg, .tag_post_foot_acticon svg.feather {margin: 0 0px 0 4px !important;} .post_comments {padding: 3px 4px 3px 0px !important;} .share {padding-right: 7px !important;} } .tag_post_react_btn svg, .tag_post_react_btn .inline_post_emoji, .tag_post_react_btn .inline_post_count_emoji, .tag_post_foot_acticon svg, .tag_post_foot_acticon svg.feather {padding: 9px;/*border-radius: 50%;background-color: rgba(0, 0, 0, 0.05);*/width: 35px;height: 35px;margin: 0 7px 0 4px;} .tag_post_foot_acticon.share .like-btn-mobile {display: none;} .tag_post_react_btn .inline_post_emoji, .tag_post_react_btn .inline_post_count_emoji {margin-right: 0px;} .tag_post_react_btn .inline_post_emoji .emoji, .tag_post_react_btn .inline_post_count_emoji .emoji {transform: scale(0.1833);top: -224%;right: 221%;} .tag_post_foot_stats {justify-content: space-between;padding: 0 0 5px;} .post-actions .stat-item {text-transform: lowercase;font-size: 13px;margin: 0 0 7px;} .post-actions .stat-item svg {margin: -2px 0 0;} .like-emo > .how_reacted {background: #fff;display: inline-flex;margin: 0 0 0 -4px;padding: 1.1px;border-radius: 50%;cursor: pointer;} .like-emo > .how_reacted:nth-child(1) {z-index: 3;margin: 0px;} .like-emo > .how_reacted:nth-child(2) {z-index: 2;} .like-emo > .how_reacted:nth-child(3) {z-index: 1;} .like-emo > .how_reacted:nth-child(4), .like-emo > .how_reacted:nth-child(5), .like-emo > .how_reacted:nth-child(6) {display: none;} .post-actions .how_many_reacts {margin: 0 2px;} .comment-options .wo-reaction-comment, .comment-options .wo-reaction-replay, .comment-options .wo-reaction-lightbox-comment, .blog-com-wrapper .wo-reaction-comment, .movies-com-wrapper .wo-reaction-comment, .blog-com-wrapper .wo-reaction-replay, .movies-com-wrapper .wo-reaction-replay {display: inline-block;} .tag_post_comm_reacts {margin-right: 10px;z-index: 1;position: relative;} .tag_post_comm_reacts .like-emo > .how_reacted {transform: scale(0.9);vertical-align: middle;} .tag_post_comm_reacts .like-emo .reaction {width: 16px;height: 16px;float: none;line-height: 1;} .tag_post_comm_reacts .like-emo .how_many_reacts {font-size: 12px;color: #888;} .load-more-comments {font-size: 12px;font-weight: 500;justify-content: space-between;padding: 0 0 10px;} .load-more-comments .tag_create_menu {min-width: 190px;} .tag_post_load_more_comms {padding: 0 45px 15px;} .tag_post_load_more_comms:empty {padding: 0;} .tag_post_load_more_comms .btn {line-height: 30px;border-radius: 2em;} .tag_sticky_coms {position: -webkit-sticky;position: sticky;bottom: 0;background-color: white;z-index: 9;margin: -15px;padding: 15px;border-radius: 10px;} .wo_comment_combo {position: relative;align-items: normal;margin: 0 -4.5px;} .wo_comment_combo .avatar {width: 36px;min-width: 36px;height: 36px;border-radius: 50%;margin: 0 4.5px;} .wo_comment_combo > .charsLeft-post {margin: 0;opacity: 1;} .wo_comment_combo > .charsLeft-post > span {line-height: 36px;font-weight: 500;font-size: 12px;position: absolute;width: 36px;height: 36px;border-radius: 50%;top: 0;left: 4.5px;background: rgb(0 0 0 / 0.5);color: #fff;text-align: center;} .wo_comment_combo > .charsLeft-post > span:empty {display: none;} .wo_comment_combo > .valign {border-radius: 18px;background-color: rgba(0, 0, 0, 0.06);width: 100%;margin: 0 4.5px;align-items: flex-end;} .wo_comment_combo .textarea {height: 36px;min-height: 36px;padding: 8px 10px;width: 100%;background: transparent;border-radius: 0;border: 0;} .wo_comment_combo .comment_combo_footer {padding: 7.5px 4.5px;} .wo_comment_combo .comment_combo_footer > * {margin: 0 3px;} .wo_comment_combo .comment_combo_footer .btn {padding: 0;background: transparent;line-height: 1;box-shadow: none;border: 0;} .wo_comm_emojis {width: 280px;overflow: hidden;overflow-y: auto;max-height: 250px;} .wo_comm_emojis .emoji_holder {display: inline-flex;margin: 4px;cursor: pointer;justify-content: center;align-items: center;height: 30px;width: 30px;} .wo_comm_emojis .emoji_holder span {font-size: 21px;} .tag_post_com_rec {position: relative;} .tag_post_com_rec > .btn {color: var(--main);} .comments_disabled {font-size: 12px;letter-spacing: 0.3px;} .btn-reg-comm-mobi {display: none;} .tag_vid_plyr, .tag_vid_plyr video {width: 100%;} .tag_edit_post_images {overflow-x: auto;white-space: nowrap;max-width: 100%;display: block;} .tag_edit_post_images > div {display: inline-block;vertical-align: middle;} /*Post Ad*/ .user-ad-container .post-advertisement .ads-heading {padding: 15px;} .user-ad-container .post-advertisement .ads-headline p {font-size: 15px;padding: 0 15px 2px;} .user-ad-container .post-advertisement .ads-cover {padding: 0 15px 15px;} /*Donation Posts*/ .wow_dontd_posts, .post-map, .post-fetched-url, .wo_post_fetch_offer {background: rgb(0 0 0 / 0.04);z-index: 1;border-radius: 8px;} .tag_dont_post_img {width: 35%;min-width: 35%;} .tag_dont_post_img span {display: block;} .tag_dont_post_img img {border-radius: 8px 0 0 8px;} .wow_dontd_posts_innr {width: 65%;min-width: 65%;} .wow_dontd_posts_left {padding: 10px;} .wow_dontd_posts_left b {margin: 0;font-size: 13px;color: #1da022;font-weight: 500;letter-spacing: 0.2px;} .wow_dontd_posts_left h4 {font-size: 16.5px;margin: 3px 0;color: #181818;overflow: hidden;max-height: 38.18px;} .wow_dontd_posts .fund_raise_bar .progress {min-width: auto;margin: 15px 0 0;background-color: rgb(0 0 0 / 0.1);} /*Post Product*/ .tag_post_prods {flex-direction: column;} .prod_full_size_slide {width: 100%;} .tag_post_prods .carousel {width: 100%;background-color: rgb(255 255 255 / 70%);border-radius: 8px;height: 320px;} .tag_post_prods .tag_lbox_blur_img {border-radius: 8px;opacity: .6;} .tag_post_prods .tag_lbox_blur_img_innr {filter: blur(40px);} .tag_post_prods_thumb {position: relative;z-index: 1;border-radius: 8px;} .tag_post_prods_thumb img {margin: auto;display: block;max-width: 320px;user-select: none;} .tag_post_prods .carousel .carousel-control {background: rgba(0, 0, 0, 0.7);bottom: auto;width: 44px;min-width: 44px;height: 44px;line-height: 44px;z-index: 9;transition: all .15s;} .wow_post_prod {margin: 15px 0 0;} .wow_post_prod_name {margin: 0 0 10px;font-size: 25px;font-family: 'Readex Pro', sans-serif;} .post p.wow_post_prod_price {font-weight: 500;margin: 0 0 5px;font-size: 17px;} .wow_post_prod_shead {font-size: 15px;color: #7d7d7d;} .tag_post_prods_btns {padding: 5px 0 10px;margin: 0 -5px;flex-wrap: wrap;} .tag_post_prods_btns .save-product {min-width: 36px;padding: 0 3px;height: 36px;background: transparent;box-shadow: inset 0 0 0 1.5px #c9c9c9;} .tag_post_prods_btns .save-product svg {margin: -2px 0 0;width: 19px;height: 19px;} .tag_post_prods_btns .save-product.active {box-shadow: inset 0 0 0 1.5px #FF9800;} .tag_post_prods_btns .save-product.active svg {color: #FF9800;fill: #FF9800;} .tag_post_prods_btns .btn-success {height: 36px;min-width: 160px;} .tag_post_prods_btns .btn {margin: 10px 5px 0;} .prod_full_size .tag_post_prods_btns .btn-success {flex: 1 1 auto;} .wow_post_prod_infos {position: relative;margin-top: 9px;} .post .wow_post_prod_infos p {font-size: 14.5px;line-height: 1.5;} .tag_post_more_prods > h3 {margin: 35px 0 15px;font-size: 22px;} /*Post Colored*/ .wo_actual_colrd_post {margin: 0 -15px;min-height: 370px;background-position: center;background-repeat: no-repeat;background-size: cover;justify-content: center;padding: 20px;} .wo_actual_colrd_post span {max-height: 370px;overflow-y: auto;font-size: 28px;font-weight: 600;line-height: normal;text-align: center;font-family: 'Readex Pro', sans-serif;} .wo_actual_colrd_post span a {color: inherit;text-decoration: underline;} /*Post Embed*/ .post-youtube iframe {border-radius: 8px;background: #000;} /*Post Map*/ .post-map-innr {padding: 15px 10px;font-family: 'Readex Pro', sans-serif;font-size: 22px;font-weight: 500;line-height: normal;} .post-map-innr svg {color: #e94335;background-color: rgb(233 67 53 / 0.2);min-width: 35px;width: 35px;height: 35px;margin: -5px 10px 0 0;} .post-map img {border-radius: 0 0 8px 8px;} /*Post Site Links*/ .post-fetched-url-con {position: relative;height: 0;width: 100%; padding-top: 51.25%;} .post-fetched-url-con img {border-radius: 8px 8px 0 0;} .post-fetched-url .fetched-url-text {padding: 10px;position: relative;} .post-fetched-url .fetched-url-text .url {font-weight: 500;font-size: 13px;letter-spacing: 0.2px;} .post-fetched-url .fetched-url-text .url img {min-width: 14px;width: 14px;height: 14px;} .post-fetched-url .fetched-url-text h4 {color: #222;margin: 6px 0;font-size: 17px;line-height: normal;} .post-fetched-url .fetched-url-text .description {overflow: hidden;max-height: 39px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;} /*Post Events*/ .wo_post_fetch_event .post-fetched-url-con {padding-top: 35%;} .wo_post_fetch_event .short_start_dt {left: 10px;bottom: calc(100% + 10px);} .wo_post_fetch_event .fetched-url-text {padding: 10px 100px 10px 10px;} .wo_post_fetch_event .fetched-url-text h4 {margin: 0 0 2px;} .wo_post_fetch_event .fetched-url-text .btn {position: absolute;right: 10px;top: 15px;line-height: 30px;font-size: 13px;min-width: 75px;} .wo_post_fetch_event .fetched-url-text .btn svg {display: none;} /*Post Blog*/ .wo_post_fetch_blog .postCategory {bottom: calc(100% + 10px);} /*Post Offer*/ .wo_post_fetch_offer .post-fetched-url-con {padding-top: 40%;} .wo_post_fetch_offer .fetched-url-text h4 {margin: 1px 0 8px;} .wo_post_fetch_offer .fetched-url-text b {margin: 5px 0 0;font-weight: normal;display: block;line-height: normal;} .wo_post_fetch_offer .fetched-url-text b svg {margin: -2px 0 0;} /*Post Files*/ .wo_shared_doc_file {font-size: 15px;border: 0;padding: 0;} .wo_shared_doc_file > a {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;padding: 10px;margin: 0 5px;} .wo_shared_doc_file > a > i {display: inline-block;font-size: 20px;text-align: center;vertical-align: middle;} /*Post Images*/ .tag_post_full_img {margin: 0 -15px;position: relative;overflow: hidden;border-radius: 0;background: rgb(0 0 0 / 0.04);/*max-height: calc(100vh - 200px);*/} .tag_post_full_img img {border-radius: 0;display: block;max-width: 100%;margin: 0 auto;} .tag_post_full_img > .embed-responsive, .tag_post_full_img > .tag_ap {flex: 1;} /*Post Stickers*/ .tag_post_full_stick {margin: 0 -15px;background-color: black;} .tag_post_full_stick img {max-width: 100%;margin: 0 auto;max-height: 480px;display: block;} /*Post Live*/ .tag_post_liv_count {left: 15px;top: 15px;} .live_link_style {position: absolute;top: 0;bottom: 0;width: 100%;right: 0;left: 0;z-index: 10;} .tag_hide_liv_comm {position: absolute;top: 10px;right: 10px;z-index: 10;color: white;filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 0.3));} .tag_post_live_comms {position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(transparent, rgb(0 0 0 / 0.4));padding: 50px 15px 0;} .tag_post_live_comms:after {display: none;} .tag_post_live_comms .live_comments .comment-heading .user {color: #fff;} .tag_post_live_comms .live_comments .tag_comm_body .comment-text {background-color: rgb(255 255 255 / 0.1);color: white;} .tag_post_liv_ended {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 15px;justify-content: center;z-index: 15;background-color: black;} .tag_post_liv_ended:empty {display: none;} .tag_post_liv_ended .empty_state {color: white;} .embed-responsive-1by1 {padding-bottom: 100%;} .tag_post_full_img>.embed-responsive .embed-responsive-item {position: absolute !important;} /*Post Multi Images*/ .tag_post_full_albm {position: relative;max-height: 600px;line-height: 1;margin: -1px -16px;align-items: normal;} .tag_post_full_albm:empty {margin: 0;} .blur_multi_images {position: absolute;z-index: 2;height: 100%;top: 0;right: 0;bottom: 0;left: 0;width: 100%;overflow: hidden;background-color: #000000;} .blur_multi_images .image_blur {width: 100%;height: 100%;} .album-image {position: relative;width: 100%;padding: 1px;} .album-image img {width: 100%;object-fit: cover;height: 100%;} .wo_adaptive_media, .wo_adaptive_media_4, .wo_adaptive_media_5 {overflow: hidden;position: relative;width: 100%;line-height: 1;} .wo_adaptive_media .album-image, .wo_adaptive_media_4 .album-image, .wo_adaptive_media_5 .album-image {display: inline-block;width: 50%;} .wo_adaptive_media .album-image {height: 50%;} .wo_adaptive_media .album-image:first-child {overflow: hidden;width: 100%;height: calc(50% + 10px);} .wo_adaptive_media_5 .album-image:nth-child(3), .wo_adaptive_media_5 .album-image:nth-child(4), .wo_adaptive_media_5 .album-image:last-child {width: 33.3333333%;} .width-2 {width: 50%;} .width-3 {width: 33.3333333%;} .album-collapse {width: 33.3333333%;position: relative;display: inline-block;padding: 1px;} .album-collapse span {position: absolute;top: 1px;right: 1px;bottom: 1px;left: 1px;background: rgb(0 0 0 / 0.5);color: #fff;font-size: 30px;justify-content: center;} /*Post Poll*/ .options {position: relative;} .wo_votes {margin: 0 0 10px;overflow: hidden;position: relative;border-radius: 2em;border: 1px solid #e4e4e4;} .wo_votes:hover {background-color:#f6f7f9} .wo_votes .poll-option {padding: 0 10px;font-weight: 500;cursor: pointer;border-radius: 2em;z-index: 1;position: relative;height: 34px;} .wo_votes .poll-option > span {position: absolute;left: 50%;transform: translateX(-50%);top: 7px;transition: all 230ms ease-in-out;max-width: calc(100% - 70px);} .wo_votes .result-bar-parent {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .wo_votes .result-bar {height: 100%;transition: width .3s;background-color: #686868;opacity: 0.1;} .wo_votes .answer-vote {font-size: 12px;font-weight: 500;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);} .options .total-votes {font-size: 13px;opacity: 0.8;} .wo_votes.active {border-color: #06b529;} .wo_votes.active .poll-option {color: #11b832;} .wo_votes.active .poll-option > span, .wo_votes.active_all .poll-option > span {left: 15px;transform: none;} .wo_votes.active .result-bar {background-color: #06b529;} /*Post Twitter*/ .twitter-tweet.twitter-tweet-rendered {margin: 10px 0 -15px !important;} /*Post Job*/ .wo_view_post_jobs {padding: 15px 0;} .wo_view_post_jcover {overflow: hidden;margin: 0 15px 15px;padding-bottom: 28%;position: relative;} .wo_view_post_jcover img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 8px;} .wo_view_post_jcover .dropdown {position: absolute;right: 15px;top: 15px;} .wo_view_post_jcover .dropdown-toggle {color: white;background-color: rgb(0 0 0 / 0.8);border-radius: 50%;} .wo_view_post_jhead {padding: 0px 15px;} .wo_view_post_jhead h2 {font-weight: 500;font-family: 'Readex Pro', sans-serif;font-size: 25px;letter-spacing: -0.5px;margin: 25px 0 20px;} .wo_view_post_jhead > .valign {align-items: normal;} .wo_view_post_jhead .avatar {width: 60px;min-width: 60px;height: 60px;margin-right: 15px;} .wo_view_post_jhead .avatar img {width: 100%;height: 100%;border-radius: 50%;} .wo_view_post_jhead h4 {margin: 0 0 3px;font-size: 15px;} .wo_view_post_jobs .jinfo_inner div {display: inline-block;font-size: 13px;} .wo_view_post_jobs .jinfo_inner .middot {margin: 0 3px;} .wo_view_post_jobs .wo_vew_apld_blocks {margin: 20px 15px;border-radius: 0;background: transparent;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 5px;flex-wrap: wrap;} .wo_view_post_jobs .wo_vew_apld_blocks > div {flex: 1;} .wo_view_post_jobs .wo_vew_apld_blocks b {margin: 0;font-weight: 500;text-transform: uppercase;font-size: 12px;} .wo_view_post_jobs .wo_vew_apld_blocks p {margin: 0;font-size: 15px;} .post .tag_vew_job_desc p {font-size: 14px;overflow: hidden;margin: 20px 0 0;} /*Reactions*/ .reactions-box {background: #ffffff;padding: 4px 0;position: absolute;bottom: 100%;z-index: 999;box-shadow: 0 0 6px rgb(0 0 0 / 30%);border-radius: 10px;cursor: default;display: none;margin: 0;} .reaction {list-style-type: none;cursor: pointer;justify-content: center;width: 48px;height: 48px;float: left;transition: all .25s ease;position: relative;border-radius: 10px;} .reaction:hover {background-color: rgb(0 0 0 / 0.06);} .reaction::after {display: inline-block;font-weight: 500;text-align: center;position: absolute;bottom: 90%;white-space: nowrap;color: #ffffff;line-height: 20px;font-size: 13px;padding: 0 10px;background-color: rgba(0, 0, 0, .75);border-radius: 2em;left: 50%;opacity: 0;transition: all .15s ease;transform: translateX(-50%);} .reaction:hover::after {opacity: 1;bottom: 100%;} .reaction .emoji {min-width: 120px;right: auto;left: auto;top: auto;} .reactions-box .reaction img {width: 39px;height: 39px;padding: 5px;} .post-actions .stat-item .inline_post_count_emoji.reaction {width: 16px;height: 16px;float: none;line-height: 1;} .post .reactions-box .reaction img {padding: 3px;} .post .inline_post_emoji > .reaction {width: 18px;height: 18px;float: none;line-height: 1;} .reaction-1 img {animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: bounce;transform-origin: center bottom;} .reaction-2 img {animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: heartBeat;animation-timing-function: ease-in-out;} .reaction-3 img {animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: swing;transform-origin: top center;} .reaction-4 img {animation-fill-mode: both;animation-duration: 1s;animation-iteration-count: infinite;animation-name: pulse;animation-timing-function: ease-in-out;} .reaction-5 img {animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: fadeInDown;} .reaction-6 img {animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;animation-name: headShake;animation-timing-function: ease-in-out;} @keyframes bounce { from, 20%, 53%, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transform: translate3d(0, 0, 0);} 40%, 43% {animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);transform: translate3d(0, -2px, 0) scaleY(1.1);} 70% {animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);transform: translate3d(0, -1px, 0) scaleY(1.05);} 80% {transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transform: translate3d(0, 0, 0) scaleY(0.95);} 90% {transform: translate3d(0, -1px, 0) scaleY(1.02);} } @keyframes heartBeat { 0% {transform: scale(1);} 14% {transform: scale(1.05);} 28% {transform: scale(1);} 42% {transform: scale(1.05);} 70% {transform: scale(1);} } @keyframes swing { 20% {transform: rotate3d(0, 0, 1, 2deg);} 40% {transform: rotate3d(0, 0, 1, -2deg);} 60% {transform: rotate3d(0, 0, 1, 0deg);} 80% {transform: rotate3d(0, 0, 1, -2deg);} to {transform: rotate3d(0, 0, 1, 0deg);} } @keyframes pulse { from {transform: scale3d(1, 1, 1);} 50% {transform: scale3d(1.05, 1.05, 1.05);} to {transform: scale3d(1, 1, 1);} } @keyframes fadeInDown { from {opacity: 1;transform: translate3d(0, -5%, 0);} to {opacity: 1;transform: translate3d(0, 0, 0);} } @keyframes headShake { 0% {transform: translateX(0);} 6.5% {transform: translateX(-2px) rotateY(-9deg);} 18.5% {transform: translateX(1px) rotateY(7deg);} 31.5% {transform: translateX(-1px) rotateY(-5deg);} 43.5% {transform: translateX(1px) rotateY(3deg);} 50% {transform: translateX(0);} } /*Shared Posts*/ .bs-callout {border: 1px solid #e6e6e6;border-radius: 8px;} .wow_shared_posts_p {margin-bottom: 12px;} .wow_shared_posts_p:empty {margin: 0;} .bs-callout .options .total-votes, .bs-callout .post-fetched-url {margin-bottom: 12px;} /*Timeline*/ .wo_user_profile .cardheader {position: relative;padding: 0;padding-bottom: 25%;} .tag_usr_prof_covr {overflow: hidden;} .tag_usr_prof_covr img {width: 100%;} .tag_user_prof_opts {position: absolute;top: 15px;right: 15px;z-index: 11;} .tag_user_prof_opts .dropdown-toggle {min-width: 36px;height: 36px;line-height: 36px;text-align: center;border-radius: 50%;color: white;background-color: rgba(0, 0, 0, 0.8);} .tag_user_prof_opts .dropdown-toggle svg {margin: -2px 0 0;width: 20px;height: 20px;} .user-cover-reposition-container {position: relative;} .user-cover-reposition-w, .user-reposition-container {position: relative;width: 100%;} .user-reposition-container {padding-bottom: 32.7%;overflow: hidden;display: none;} .user-reposition-container img {position: absolute;width: 100%;} .user-reposition-container .user-reposition-dragable-container {position: absolute;top: 15px;left: 15px;color: #fff;font-style: italic;text-shadow: 1px 1px 4px rgb(0 0 0 / 0.6);} .user-reposition-container .user-reposition-dragable-container svg {width: 18px;height: 18px;margin: -2px 0 0;background-color: white;color: black;border-radius: 50%;} .wo_user_profile .tag_page_name_hdr .event-info-cont-small {padding: 0px 0px 5px;} .wo_user_profile .user-avatar {width: 130px;height: 130px;padding: 0;position: relative;bottom: auto;margin: -70px 0 15px;} .wo_user_profile .user-avatar img {padding: 5px;background-color: white;position: relative;/*z-index: 5;*/} .wo_user_profile .user-avatar.unseen_story {padding: 4px;} .wo_user_profile .user-avatar.unseen_story:after {content: '';position: absolute;right: 2px;left: 2px;top: 2px;bottom: 2px;border-radius: 50%;z-index: 1;} .wo_user_profile .user-avatar.unseen_story img {padding: 2px;} .wo_user_profile .user-avatar .dropdown {z-index: 9;} .wo_user_profile .event-info-cont-small h3, .wo_user_profile .event-info-cont-small .event_cdown {padding: 0 5px;} .wo_user_profile .event-info-cont-small h3 .pro-badge {padding: 0px 0px;line-height: 22px;width:22px;font-weight: 500;} .wow_user_page_btns {flex-wrap: wrap;position: absolute;right: 15px;top: 25px;margin: 0 -4px;} .wow_user_page_btns .btn {margin: 0 4px;height: 36px;} .wo_user_profile .event-info-cont-small .social-links {padding: 12px 5px 2px;} .wo_user_profile .user-bottom-nav {margin: 15px -15px -10px;border-top: 1px solid #eee;} .wo_user_profile .user-bottom-nav ul {padding: 0 10px;margin: 0;overflow: hidden;overflow-x: auto;white-space: nowrap;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .wo_user_profile .user-bottom-nav ul li {display: inline-block;} .wo_user_profile .user-bottom-nav li a {padding: 15px 20px;display: block;text-align: center;position: relative;font-weight: 500;} .wo_user_profile .user-bottom-nav li a span { font-weight: normal; color:#8F8F92; line-height: 1; font-weight: 500; padding: 2px 3px; min-width: 20px; border-radius: 3px; font-size: 13px; display: inline-block; } .wo_user_profile .user-bottom-nav li .menuactive {color: var(--main);} .wo_user_profile .user-bottom-nav li .menuactive:after {content: '';position: absolute;height: 3px;background-color: var(--main);bottom: 0;right: 10px;left: 10px;border-radius: 3px 3px 0 0;} .wo_user_profile .tag_usr_prof_about {padding: 0 3px 7px;} .login_profile {color: #AFAFAF !important;} /*User Profile Media*/ .user_media_list_section {display: block;margin: 5px -5px -5px;overflow: hidden;} .user_media_list_section .photo-data, .user_media_list_section .video-data {width: 25%;position: relative;padding: 5px;overflow: hidden;float: left;} .user_media_list_section .photo-data a, .user_media_list_section .video-data a {position: relative;padding-bottom: 100%;display: block;overflow: hidden;background: #eee;border-radius: 5px;} .user_media_list_section .photo-data a:hover, .user_media_list_section .video-data a:hover {filter: brightness(0.9);} .user_media_list_section .photo-data a img, .user_media_list_section .video-data a video {top: 0;position: absolute;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;user-select: none;} .user_media_list_section_side .photo-data {width: 33.3333333%;} .user_media_list_section_side .photo-data:first-child {width: 66%;} /*User Photo Media Profile*/ .user_photo_list_section {display: block; margin: 8px -5px 2px;overflow: hidden;} .user_photo_list_section .photo-data{width: 25%;position: relative;padding: 5px;overflow: hidden;float: left;} .user_photo_list_section .photo-data a{position: relative;padding-bottom: 100%;display: block;overflow: hidden;background: #eee;border-radius: 5px;} .user_photo_list_section .photo-data a:hover{filter: brightness(0.9);} .user_photo_list_section .photo-data a img{top: 0;position: absolute;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;user-select: none;} .user_photo_list_section_side .photo-data {width: 20%;} .user_photo_list_section_side .photo-data:first-child {width: 20%;} /*User Activities*/ .tag_prof_activits .notification-list, .tag_prof_activits .notification-list .notification-text > span, .tag_prof_activits .notification-list .notification-text > span a, .tag_prof_activits .notification-list .ajax-time {color: #252525;} /*Profile Completion*/ .profile-completion-bar .hdr {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;margin-bottom: 15px;} .profile-completion-bar .circle-progress {width: 70px;height: auto;} .profile-completion-bar .circle-progress-value {stroke-width: 6px;stroke-linecap: round;stroke: var(--main);} .profile-completion-bar .circle-progress-circle {stroke-width: 3px;} .profile-completion-bar .circle-progress-text {font-weight: 500;font-size: 22px;fill: var(--main);} .profile-completion-bar .body {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;flex-wrap: wrap;margin: 0 -10px;} .profile-completion-bar .body .step {margin: 0 10px 15px;border: 1px solid rgb(0 0 0 / 15%);border-radius: 2em;padding: 8px 20px;font-weight: 500;text-decoration: none;} .profile-completion-bar .body .step.done {opacity: 0.7;cursor: default;background: rgb(76 175 80 / 18%);border-color: rgb(76 175 80 / 18%);text-decoration: line-through;} .profile-completion-bar .body .step svg {width: 20px;height: auto;margin-top: -2px;} /*Send Gift*/ .wo_send_gift {flex-wrap: wrap;margin: 0 -5px;max-height: calc(100vh - 180px);overflow: hidden;overflow-y: auto;} .wo_send_gift .gift-data {width: 20%;position: relative;padding: 5px;overflow: hidden;} .wo_send_gift .gift-data label {margin: 0;position: relative;padding-bottom: 100%;display: block;} .wo_send_gift .gift-data label input {visibility: hidden;position: absolute;} .wo_send_gift .gift-data label input + img {cursor:pointer;border-radius: 5px;transition: all 0.15s ease;top: 0;position: absolute;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;user-select: none;} .wo_send_gift .gift-data label > input:checked + img{box-shadow: 0 0 0 1.5px var(--main);} .tag_show_usr_gift {max-width: 100%;margin: 0 auto;display: block;max-height: calc(100vh - 180px);} /*Add to Family*/ .tag_add_family > .author {padding: 0px;} .tag_add_family .author .text p select {flex: 1 1 auto;box-shadow: none;border: 0;border-bottom: 1px solid #ddd;cursor: pointer;} /*Crop Image*/ .wo_crop_img_pic {text-align: center;} .wo_crop_img_pic img {max-height: 400px;max-width: 100%;} /*Upgraded*/ .wow_upgrd_ico svg {width: 120px;height: 120px;} .wow_upgrd_ico .tag_404_innr h2 {font-size: 32px;} .wow_upgrd_ico .tag_404_innr .btn {margin-top: 50px;} /*User Activation*/ .activate-code-form {display: none;} /*Video call*/ .remote-media, .video-con {position: relative;height: 100%;} .video-con {background: #000;height: 100vh;height: calc(var(--vh, 1vh) * 100);width: 100%;margin-top: -30px;} .remote-media h3 {position: absolute;width: 100%;text-align: center;color: #fff;margin: 0;font-family: 'Readex Pro', sans-serif;font-size: 26px;line-height: 1;top: 50%;transform: translateY(-50%);} .remote-media video {max-width: 100%;display: block;margin: 0 auto;height: 100vh;height: calc(var(--vh, 1vh) * 100);} .end_vdo_call {padding: 0 5px;min-width: 45px;height: 45px;line-height: 45px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 15px;} .end_vdo_call svg {margin: -2px 0 0;width: 22px;height: 22px;} .local-media video {width: 250px;height: 140px;position: absolute;top: 15px;right: 15px;background: #000;border-radius: 5px;text-align: center;border: 1.5px solid rgb(255 255 255 / 0.8);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);} /*Misc*/ .wo_radio_btn input[type=radio] {visibility:hidden} .wo_radio_btn label {cursor:pointer;position:relative;padding:0;margin-right:5px} .wo_radio_btn input[type=radio]+span {transition:all .4s;-webkit-transition:all .4s;padding:8px;display:block;margin:0 auto 5px;width:40px;height:40px;background-color:#e1e1e1;border-radius:50%} .wo_radio_btn input[type=radio]+span svg.feather {fill:#696969;margin:2px 0 0 2px} .wo_radio_btn input[type=radio]:checked+span {background-color:#4285F4} .wo_radio_btn input[type=radio]:checked+span svg.feather {fill:#D9E7FD} .owl-item,.slick-slider{-webkit-tap-highlight-color:transparent} .fluid_theatre_mode {z-index: 99 !important;} iframe {border:none;border-radius:3px;} .comment-edit input,.comment-reply input{font-size:13px;margin-top:10px;height:30px;border-radius:3px} .post .post_drop_menu_loading{text-align:center;padding:4.36px 0!important} .list-group-item.black-list,.list-group-item.gray-list{padding:10px;font-size:14px;transition:all .2s} .header-fixed1200{max-width:1100px} .post .post-footer .input-group-addon a{color:#444} .post .post-image .image{width:100%;height:auto} .comment-edit{display:none;margin-bottom:15px} .list-group-item{padding-left:15px} .list-group-item.black-list.active-list.users{background-color:#4c75a3!important} .list-group-item.black-list.active-list.pages{background-color:#ce3d3d!important} .list-group-item.black-list.active-list.groups{background-color:#f2b92b!important} .list-group-item.black-list.active-list.posts{background-color:#6abd46!important} .list-group-item.black-list a:hover{cursor:pointer;text-decoration:none} .list-group-item.gray-list{padding:8px!important;font-size:13px!important} .list-group-item.gray-list:hover{color:#444} .list-group-item.gray-list a:hover{cursor:pointer;text-decoration:none;color:#222} .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0;background-color:#f9f9f9;color:#444} .unsetheight{height:unset!important} textarea.postText{border:none;padding-top:12px;padding-left:50px;height:45px;box-shadow:none} .responsive-img{width:100%;max-width:100%} .ui-menu-item span{font-size:13px} .ui-menu-item img{width:32px;margin:3px;border-radius:3px} .small-mention{color:#888!important;font-size:11px!important} .margin{margin:5px} .font-13{font-size:13px} .no-padding-right{padding-right:0!important} .plus-images{position:relative} .plus-images .plus-images-num{position:absolute;top:30px;color:#fff;font-size:20px} .header-loading-sppiner{font-size:30px;text-align:center;margin-left:auto;margin-right:auto;display:block;color:#777} .wowonder-well{background-color:#fff;border: 1px solid #E8E8E8;border-radius: 15px;padding:15px 15px 1px;} .wowonder-well.one-well{padding-top:0} .sidebar-profile-style{padding-bottom:10px!important;margin-bottom:15px!important;border-radius:2px;box-shadow:0 1px 0 0 #e3e4e8,0 0 0 1px #f1f1f1;background-color:#fff} .page-likes{color:#999;font-size:12px} .page-likes span{margin:10px} .panel-group{border:1px solid #ededed} .panel-white .panel-footer,.panel-white .panel-heading{background-color:#fff;} .panel-one-post{margin:0 auto;width:80%} .panel-white{ border: 1px solid #E8E8E8; } .panel-white .panel-heading{color:#333} .gray-1{color:#999!important} .post-share{display:none} .post-share .social-btn{width:30px;height:30px;padding:5px;font-size:16px;line-height:20px} .active.fa-thumbs-up{color:#a84849} .active.fa-share-square-o{color:#5f764d} .active.fa-exclamation-circle{color:#fc9b1b} .filter-container{width:100%} .filter{width:14.4%!important} .filter-text{width:20.1%;font-size:13px} #select-status-media{width:100%;height:180px;max-height:300px;overflow:hidden;text-align:center;background:#f9f9f9;font-size:18px;cursor:pointer;border-radius:0;border:2px dashed #dadada} #select-status-media p{width:100%;height:100%;font-size:14px;display:table} #select-status-media p span{display:table-cell;vertical-align:middle} #select-status-media p span svg.feather{margin:0 0 5px;width:50px;height:50px;color:#cecece} #select-status-media img{width:100%;max-height:300px} .optional-field{opacity:.7} .opacity {opacity: 0.5; transition: all 1s;} .no-opacity {opacity: 1; transition: all 1s;} .post-edit{display:none;margin-bottom:15px} .user-lastseen{font-size:11px;color:#9197a3} .user-lastseen .small-last-seen{font-size:10px} .clear{clear:both} .btns{margin-top:10px} #icon{font-size:100px} .scroll-top-wrapper{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99999999;background-color:#777;color:#ededed;width:50px;height:48px;line-height:48px;right:30px;bottom:70px;padding-top:2px;transition:all .5s ease-in-out;border-radius:10px} .scroll-top-wrapper:hover{background-color:#888} .scroll-top-wrapper.show{visibility:visible;cursor:pointer;opacity:1} .scroll-top-wrapper i.fa{line-height:inherit} .available{color:green} .unavailable{color:red} .error-message,.success-message{font-size:15px;color:#fff;border-radius:5px;width:100%;padding:10px} .success-message{background-color:#89ba73} .error-message{background-color:#af5b5b} .active-like{color:#1eb2c4} .active-wonder{color:#a84849} .active-like-1{color:#1eb2c4} .active-like-2{color:#f25268} .active-like-3{color:#f3b715} .active-like-4{color:#f3b715} .active-like-5{color:#f3b715} .active-like-6{color:#f7806c} #comment-likes,#comment-wonders{color:#666} .online-text{color:#4caf50} .hidden{display:none} .padding-10{padding:10px} .white{color:#fff} .posts-container{margin-bottom:20px} .time{font-size:11px;color:#9197a3} .file-percent{color:#fff;display:none;text-align:center;margin:5px} .image-file{max-width:100%;margin:0 auto;text-align:center;} .message-details{color:#888;font-size:11px;margin-right:10px} .message-details:empty{padding-top:0} .media-video-file{width:100%;border-radius:5px;padding:3px;border:1px solid #e3e4e8} .media-download-btn{font-size:15px;margin-left:10px} .tab-container{background-color:#fff;padding:15px;border-top:0;border-bottom:1px solid #ededed;border-left:1px solid #ededed;border-right:1px solid #ededed} .tab-container .tab-container{border-bottom:0;border-top:0;border-left:0;border-right:0} .setting-saved-update-alert{color:#666;font-size:14px;margin-top:5px} table .setting-avatar{width:20px;float:left;margin-right:5px;border-radius:100px} table.setting-table .active{color:green} table.setting-table .pending{color:red} .hash {color: #252525;} .file-sharing-download-btn{position:absolute;z-index:1;margin-top:1px;right:10px;color:#fff;text-shadow:0 0 2px #333;font-size:20px} .recipient-chat-user .avatar{position:relative} .file-sharing-resize-btn{right:35px;cursor:pointer} .profile-top-line{width:100%;padding:2px;margin-top:-4px;border-top-right-radius:10px;border-top-left-radius:10px} .editer-emo{padding-top:10px} .wow_group_chat_image, .wow_group_chat_image img {min-height: 180px;max-height: 180px;} .btn-chat {width:50.2%;border-radius:0;font-size:12px;margin-top:0} .w100{width:100%;overflow:hidden} .record-chat-audio{padding:3px;color:#333} .chat-recording-time{color:#333;font-size:13px;} .blue-link{color:#365899} .ad-placement-header-footer{text-align:center} .ad-placement-header-footer iframe,.ad-placement-header-footer script{width:80%} .ad-placement-header-footer .content{margin-top:30px} .filter-by-home{display:none} .gray{color:#666} .api-ex-urls,.app-avatar{border-radius:3px} .second-user-color{color:#333} .sidebar-page-data {position:relative} .boosted-text{color:#e13c4c} .api-ex-urls{background:#a84849;color:#fff;padding:4px} .black-color{color:#666;font-weight:600} #modal-dialog-update-info{margin:60px auto} .app-avatar{width:30px;margin-right:7px} .hidden-mobile-image{width:100%} .green{color:#43a735;font-size:12px} .filter-margin{margin-bottom:20px} .emo-post-container{z-index:2;display:none;right:0;left:auto;background-color:#fff;padding:5px} .float-right{margin-top:5px;float:right} .user-username{color:#a84849;font-size:10px} .small-text{font-size:12px!important} .social-box{color:#fff;padding:10px 10px 0} .social-box .social-icon{color:#fff;font-size:40px;margin-top:10px} .social-box.facebook{background:#43609c} .social-box.google{background:#dc493c} .social-box.twitter{background:#659fcb} .social-box.linkedin{background:#0177b5} .social-box.instagram{background:#3f729b} .social-box.vk{background:#4c75a3} .last-btn{margin-bottom:0!important} .nopadding-left{padding-left:0!important} .light{background:#fcfcdb;transition:opacity 500 ease-in-out} .pricing {transition:all .2s ease-in-out;text-align:center} .overlay-black{background:url(../img/overlay-image.png);width:100%;padding:50%;height:100%;display:none;position:absolute;top:0;opacity:.5;left:0} .reply-textarea{padding-top:5px;resize:none} .announcements img,.blog-h-list .avatar img,.home-announcement img,.read-blog div,.read-blog iframe,.read-blog img,.read-blog p,.read-blog span,.small img{max-width:100%} #plans{padding:15px;width:80%} #plans ul li{font-size:16px} #plans ul li .green{font-size:16px!important} .red{color:red} .padding-right{padding-right:0} .events-tab-list{width:100%;border-bottom:1px solid #f2f2f2;background-color:#fff} .events-tab-list li,.events-tab-list li:hover{width:16.66666666%;font-weight:600;background-color:#a84849} .events-tab-list li a{width:100%;text-align:center;vertical-align:middle;font-size:13px;padding:10px;color:#fff;height:inherit} #select-cover{width:100%;overflow:hidden;max-height:300px} #select-cover img{width:100%} .active-e-tab{background-color:#a84849!important} .events-tab-content{width:100%;background:#fff;padding:15px} .events-content-wrapper{overflow:visible} .events-content-wrapper:last-child{margin-bottom:20px} .cover-container{width:100%;overflow:hidden;padding-top:0;background:#fff;border:1px solid #f9f9f9;border-radius:3px} .icon-no{width:18px} .cover-wrapper,.cover-wrapper img, .event-descripton {width:100%} .cover-wrapper{overflow:hidden;height:300px} .cover-footer h4{color:#9197a3;padding:10px 20px;font-size:17px;margin:0} .cover-footer div.btn-extra button{padding:5px 25px;color:#7b8496;overflow:hidden;margin:5px} .event-descripton,.invite-peple div.subhead{color:#9197a3;font-size:15px;background:#fff} .invite-peple{border-radius:3px} .invite-peple div.subhead{padding:5px 10px} .invite-peple form input{border:none;border-radius:0} .invite-peple form input:focus{border:none} .event-descripton{padding:15px} .slick-loading .slick-slide,.slick-loading .slick-track,.sound-controls {visibility:hidden} .put-me-here-text{padding:7px;font-size:12px;margin-bottom:-30px} .nav-names{margin-left:115px} .nav-names li{transition:background .2s} .comment-textarea{padding-top:5px;resize:none} #textarea_paypal{min-height:200px} .btn-bitcoin{background:#fc9b1b;color:#fff} .btn-paypal{background:#039ddd;color:#fff} #toggle,.affiliates-link{text-align:center} .affiliates-link .affiliates-desc{margin-top:10px} .affiliates-link .affiliates-desc a{color:green!important} .affiliates-link .affiliates-image img{width:100px;padding:2px;border:1px solid #ddd;border-radius:100%} .adv-mbr-search{width:100%;border-radius:1px;padding:10px;overflow:hidden} .fff{color:#fff} .w-100{width:100%;overflow:hidden} .flink,.flink:hover,.small{text-decoration:none} .adv-mbr-search i{vertical-align:middle} #forum-search-btn{width:10%} .blocksubhead-forum-header{color:#262626;font-size:13px} .blocksubhead,.help{padding:10px;overflow:hidden;margin-bottom:20px;font-weight:400;font-size:13px} #mbr-ls-cont{background-color:#f6f7f9} #search-forums{background:#fff;border-radius:15px;height:30px;margin-top:1px} .search-cont-inner{display:none} .text-v-middle{vertical-align:middle;padding:10px} .usr-offline{color:#a84849} .usr-online{color:green} .padd5x10{padding:5px 10px} .div-control{width:100%;padding:2px 12px;background-color:#fff;border:1px solid #ededed;border-radius:3px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .payment-history h3{padding:5px;margin-top:20px;font-size:18px} .payment-history .label-status{font-size:13px;font-weight:100;padding:2px 5px} .btn-nothing{border:0;padding:0;background:0 0} .btn-nothing:hover{text-decoration:underline} .reply-box{padding-top:5px} .blog-dd-menu{cursor:pointer} .blog_publ{margin-left:15px;margin-bottom:5px} .blog-category{padding:10px 0;overflow:hidden} .blog-list{width:100%;overflow:hidden} .blog-style{width:50%;overflow:hidden;float:left} .blog-style img{width:100%;height:70px} .blog-recom{width:100%;overflow:hidden} .blog-recom img{width:100%} .setting-well-p{padding:10px} .view-blog{color:#666;font-size:14px;line-height:17px} .rotate-90d{transform:rotate(-180deg)} .no_message{text-align:center;line-height:220px;font-size:13px} .colloape-panel-stg,.wo-content-shadow{box-shadow:0 1px 0 0 #e3e4e8,0 0 0 1px #f1f1f1} .colloape-panel-stg {margin:0;color:#666} .nearby-users-distance{background:#fff;padding:10px 15px;cursor:pointer;color:#333} div.mce-fullscreen {z-index: 9999 !important;} .mce-menu {z-index: 99999 !important;} .colloape-panel-stg{padding:15px 10px;background:#fff;overflow:hidden} .colloape-panel-stg i{color:#666} .nodisplay{display:none} .disabled{cursor:not-allowed;opacity:.7} @media screen and (max-width:990px) { .search-nearby-cont{padding-left:15px;border-left:none} } .group_tab_dropdown{color:#666} .group_tab_dropdown span{display:block;padding:5px 10px;clear:both;font-weight:400;font-size:12px;color:#555;text-shadow:none} .group_tab_dropdown span:hover{color:#262626;text-decoration:none;background-color:#f9f9f9} article,div,h1,h2,h3,h4,h5,p,span{word-wrap:break-word} .border-top{border-top:1px solid #ddd} .border-bottom{border-bottom:1px solid #ddd} .dropped-down{background-color:#e3e4e8!important} .bs-padding-left{padding-left:15px!important} .bs-padding-right{padding-right:15px!important} .bs-padding-right-x{padding-right:0!important} .bs-padding-left-x{padding-left:0!important} .padding-15{padding:5px 15px!important;font-size:13px!important;background-color:#fff!important} .modal.fade:before,.slick-track:after,.slick-track:before{content:''} .create-article-form .prv-img,.fluid,.search-artiles-form,.search-artiles-form input{width:100%;overflow:hidden} .no-padding-left{padding-left:0!important} .no-padding-both{padding:0!important} .search-artiles-form{padding:0 10px;margin-bottom:30px} .search-artiles-form .inner-addon .glyphicon{padding:0;margin:7px;color:#888} .search-artiles-form input{border-radius:0!important;background:0 0;border:0;border-bottom:1px solid #c6c6c6} .no-box-shadow{box-shadow:none!important} .blog-desc{font-size:15px;color:#666} .blog-ls-img{padding:0} .blog-ls-img img{width:100%;border-radius:3px} .postMeta--author-avatar{vertical-align:middle;padding-right:10px;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} .gray-list.active{font-weight:700} .form-control.url-input{width:100%!important;border:1px solid #f3f3f3} .modal-body {padding: 15px;} .ads-activation .active{color:#46af00} .danger-tab a,.warning-tab a{background-color:#d9534f;color:#fff} .theme.active{background-color:#f5f5f4} .gray-list.active a{color:#111} .admin-social-login-setting h4{font-size:16px} .loading-icon.lightbox-content{font-size:70px;color:#fff;margin-top:20%;text-align:center} .manage-users .admin-static:nth-child(1){border-top-left-radius:3px} .manage-users .admin-static:nth-child(4){border-top-right-radius:3px} #event-side-block div.btn-group{width:100%;margin-bottom:20px} .title a:focus,.title a:hover{text-decoration:none!important} .btn-cart:disabled{color:#fff} #forum-search div.inner-addon{border-bottom:1px solid #ddd;padding-bottom:30px} .bg-main tr th{color:#fff!important} .blog-dd-ul li a,.blog-dd-ul li span{padding:5px 15px;display:block} .hover-pointer:hover{text-decoration:underline} .blog-dd-ul li span:hover{cursor:pointer} .blog-dd-ul li a:hover{cursor:pointer} .blog-cat-img img{width:100%;height:120px} #insert-caht-alert div.alert{border-radius:0!important;text-align:center} .pac-item>span:last-child{display:none} .navbar-movies-mobile ul{width:100%} .navbar-movies-mobile-search-dropdown ul{padding:10px 5px;color:#333;border-radius:0!important} .lb-preloader svg,.pace-activity-parent{box-shadow:0 1px 6px 1px rgba(0,0,0,.17)} svg.feather{vertical-align:middle;margin-top:-4px;width: 19px;height:19px;} .list-group{border-radius:2px} .btn-whatsapp{color:#fff;background-color:#04aa24;border-color:rgba(0,0,0,.2)} .btn-whatsapp:hover{background-color:#03941f} .lb-preloader{background:rgba(0,0,0,.23);bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:99999;display:none} .lb-preloader svg{background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;padding:15px;border-radius:4px;width:65px;height:65px} .show_post_comm_mobi{display:none} .wo_game_list_info .page-website,.wo_game_list_info h3{word-break:break-all;white-space:nowrap;text-overflow:ellipsis} .no-padding-left-list {padding-left: 0px !important;margin-bottom: 0px !important;} .middot{margin:0 6px;font-size:13px;line-height:1.1;font-weight:700} .o-overlayLink{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none!important;background-color:rgba(0,0,0,0)} .widget-heading{padding:12px 15px 10px;font-size:15px;font-weight:600} .widget-heading svg.feather{background-color:#ededed;padding:7px;width:31px;height:31px;border-radius:50%;margin:-4px 5px 0 -2px;color:#fff} .widget-heading .edit-link{text-transform:uppercase;font-size:11px;margin:5px 0} .widget-heading h5{color:#90949c;display:inline;margin:0 1px} .wo_emoji_tab{box-shadow:0 0 2px #b7b7b7;background:#f5f5f5;border-radius:2px 2px 0 0} .wo_emoji_tab span{width:15.7%;padding:8px 1px;height:100%;cursor:pointer;display:inline-block;text-align:center} .wo_emoji_tab span.active{border-bottom:2px solid} .wo_emoji_tab span svg.feather{height:24px!important;width:24px!important;margin:0} .wo_emoji_p{font-size:15px;font-weight:700;margin:0;padding:9px 6px;color:#555;text-align:initial} .emoji_tab_pane{display:none;overflow-y:auto;height:250px;white-space:normal;text-align:center} .emoji_tab_pane .twa-lg{height:34px;width:34px;background-size:27px 27px;margin:0 5.5px;border-radius:3px;transition:all .1s ease} .emoji_tab_pane .twa-lg:hover{background-color:#e7e7e7} .emoboxtoppoint{height:0;width:0!important;border:solid transparent;pointer-events:none;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f5f5f5;top:-10px;position:absolute;left:100%;margin-left:-114px;-webkit-filter:drop-shadow(0 -3px 1px rgba(0,0,0,.14));filter:drop-shadow(0 -3px 1px rgba(0,0,0,.14))} .wo_emoji_chat{width:290px} .wo_emoji_chat span{width:15.55%} .wo_emoji_chat .emoji_tab_pane{height:310px} .wo_emoji_chat .emoboxtoppoint,.wo_emoji_msg .emoboxtoppoint{top:auto;border-top:10px solid #f5f5f5;border-bottom:0;bottom:-10px;-webkit-filter:drop-shadow(0 3px 1px rgba(0,0,0,.14));filter:drop-shadow(0 3px 1px rgba(0,0,0,.14));margin-left:-30px} .wo_emoji_msg .emoboxtoppoint{margin-left:-95px} .small-texts {font-weight: 100;} .like-btn-default {background-image: url('../reaction/wo.png');background-repeat: no-repeat;background-size: auto;background-position: -277px -446px;} .like-btn-emo {display: inline-block;margin: 0 6px -3px 0;width: 16px;height: 16px;} .like-btn-text-like {color:rgb(88, 144, 255);} .like-btn-text-wow,.like-btn-text-haha,.like-btn-text-sad { color:rgb(240, 186, 21)} .like-btn-text-love{color:rgb(242, 82, 104)} .like-btn-text-angry{color:rgb(247, 113, 75);} .like-details{margin-left:10px; color:#9197a3;font-size:12px; } .wo_who_react_this {display: inline-block;margin-left: -3px;} .inline_act_emoji {overflow: hidden;position: relative;margin-bottom: -5px;transform: scale(0.8);margin-right: 0;} #inline_emo_react { position: relative;} #inline_emo_react .wo_who_react_this {position: absolute;top: 0;right: 10px;background: #f9f9f9;border-radius: 50%;width: 23px;height: 23px;display: flex;align-items: center;justify-content: center;} #inline_emo_react .wo_who_react_this .inline_act_emoji {transform: scale(1);margin-bottom: 0px;} .neg_padd {margin-bottom: -15px;} .neg_padd table {margin-bottom:0;} .tag_about_img img {max-width: 100%;} #remote-media video{width:100%;} /*Editor*/ .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in, .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body, .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot, .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body > .mce-container {width: 100% !important;max-width: 546px;} .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-first {left: auto !important;right: 80px;} .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-last {left: auto !important;right: 10px;} .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox {width: calc(100% - 190px) !important;} .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox input {width: 100% !important;} /*Cookie*/ .cc-window {position: fixed;overflow: hidden;font-size: 14px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;z-index: 9999;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);border-radius: 5px;padding: 12px;left: 50%;transform: translateX(-50%);bottom: 15px;width: 100%;max-width: 900px;justify-content: space-between;background-color: white;} .cc-window.cc-invisible {display: none !important;} .cc-btn.cc-dismiss {cursor: pointer;transition: all 0.15s;padding: 0 15px;line-height: 34px;display: block;border-radius: 5px;background: var(--main);color: var(--main-color);} /*Secondary Toolbar*/ .tag_sec_toolbar {position: fixed;left: 0;bottom: 0;right: 0;height: 45px;width: 100%;z-index: 1030;background: #fff;border-top: 1px solid rgba(0,0,0,.0975);} .tag_sec_toolbar > div {justify-content: space-around;width: 120px;} .tag_sec_toolbar a {padding: 10.5px;display: block;line-height: 1;color: #333;} .tag_sec_toolbar .active a {color: var(--main);} /*Popup Notifications*/ .tag_pop_noti {position: fixed;-webkit-font-smoothing: antialiased;padding: 0;box-shadow: none;bottom: 15px;left: 15px;z-index: 999;min-width: 350px;max-width: 350px;} .tag_pop_noti .notifications-popup-list {padding: 2px; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 15%), 0 6px 10px 0 rgb(0 0 0 / 0%), 0 1px 18px 0 rgb(0 0 0 / 5%); border-radius: 10px;} .tag_pop_noti .notifications-popup-list:empty {padding: 0;box-shadow: none;} /*Video Processing*/ .vid_procss_alrt {position: absolute;top: 0;right: 0;bottom: 6px;left: 0;z-index: 22;margin: 0;backdrop-filter: blur(3px);background: linear-gradient(transparent, black);display: flex;align-items: flex-end;color: #fff;} .vid_procss_alrt > span {position: absolute;top: 10px;right: 10px;background: rgb(255 255 255 / 30%);border-radius: 50%;padding: 4.3px 3px;line-height: 1;} /*Chat Reactions*/ .tag_chat_reacts {padding: 0 !important;background: transparent;box-shadow: none !important;margin: 0;} .tag_chat_reacts .reactions-box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;box-shadow: 0 12px 28px 0 rgb(0 0 0 / 20%), 0 2px 4px 0 rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(255 255 255 / 50%);position: relative;flex-wrap: wrap;justify-content: center;border-radius: 2em;padding: 2px;min-width: 244px;} .tag_chat_reacts .reactions-box .reaction {width: 40px;height: 40px;border-radius: 50%;} .tag_chat_reacts .reactions-box .reaction::after {display: none;} .tag_chat_reacts .reactions-box .reaction .emoji {transform: scale(0.2667);} /*Chat Reply*/ .tag_reply_msg_bg {margin: 0 0 -5px;flex-direction: column;} .chat-messages-wrapper .outgoing .tag_reply_msg_bg .message-text, .tag_msg_wrapper.outgoing .tag_reply_msg_bg .message-text {color: #4b4f56 !important;background-color: #eaeaea !important;margin-left: auto;} .chat-messages-wrapper .incoming .tag_reply_msg_bg .message-text, .tag_msg_wrapper.incoming .tag_reply_msg_bg .message-text {background: transparent !important;margin-right: auto;} .chat-messages-wrapper .tag_reply_msg_bg .message-text:empty {display: none;} .chat-messages-wrapper .incoming .tag_reply_msg_bg .message-text::before, .tag_msg_wrapper.incoming .tag_reply_msg_bg .message-text::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: currentColor;border-radius: 16px;opacity: 0.1;} .tag_reply_msg_bg .tag_prods_list .product_info {padding: 5px 12px;border-radius: 16px;border: 1px solid #ddd;} .chat-messages-wrapper .tag_reply_msg_bg .tag_prods_list .product_info b, .message-contnaier .tag_reply_msg_bg .tag_prods_list .product_info b {color: rgb(0 0 0 / 90%);} .chat_reply_text, .message_reply_text, .message_reply_story_text {justify-content: space-between;padding: 9px 10px 0;margin: 0 -9px 5px;border-top: 1px solid #ddd;} .message_reply_text span, .chat_reply_text span, .message_reply_story_text span {flex: 1;box-shadow: -2px 0 0 0 #607d8b;padding: 0 5px;max-width: calc(100% - 22px);} .message_reply_text p, .chat_reply_text p, .message_reply_story_text p {margin: 0;font-size: 13px;} .message_reply_text p.message-user-image, .chat_reply_text p.message-user-image, .message_reply_story_text p.message-user-image {float: none;border-radius: 0;display: inline-block;margin: 0 5px;} .message_reply_text b, .chat_reply_text b, .message_reply_story_text b {margin: 0;font-weight: 500;font-size: 12px;vertical-align: middle;} .message_reply_text img, .chat_reply_text img, .message_reply_story_text img {width: 100%;height: 100%;border-radius: 5px;} .tag_msg_wrapper .message-text:empty {padding: 0;} .tag_msg_write .message_reply_text, .tag_msg_write .message_reply_story_text {margin: -10px -9px 10px;} /*Chat Stories*/ .tag_chat_story {max-width: 120px;width: 100%;min-width: 120px;margin: 0 0 -5px;} .chat-messages-wrapper .outgoing .tag_chat_story {margin-left: auto;} .tag_chat_story_innr {position: relative;cursor: pointer;padding-bottom: 150%;overflow: hidden;border-radius: 16px;} .tag_chat_story_innr img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .tag_chat_story_innr p {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0;color: #fff;justify-content: center;flex-direction: column;padding: 7px;background: rgb(0 0 0 / 40%);} .tag_chat_story_innr p svg {margin: 0 0 5px;} /*Comment Gif*/ .tag_comm_gifs {min-width: 280px;} .tag_comm_gifs .tag_chat_GIF {padding: 0 8px;} .tag_comm_gifs input.form-control {margin: 0;font-size: 14px;height: calc(1.5em + .75rem + 2px);} /*Story Reactions*/ .tag_story_react {overflow: hidden;overflow-x: auto;padding: 15px 0;} .tag_story_react .btn-reply-story {color: #fff;background: rgb(255 255 255 / 20%);border-radius: 2em;line-height: 39px;margin: 0 5px 0 auto;min-width: 90px;} .tag_story_react .reaction {transition: transform .25s ease;min-width: 48px;} .tag_story_react .reaction:last-child {margin-right: auto;} .tag_story_react .reaction:hover {transform: scale( 1.23077) translate(0, -3px);} .tag_story_react .reaction:after {display: none;} .tag_story_react .reaction.active {background: rgb(255 255 255 / 30%);} .tag_story_react .like-stat {margin: auto;color: #fff;} .tag_story_react .like-stat .like-emo:empty:before {content: ''attr(data-no-react)'';} .tag_story_react .like-stat .like-emo > .how_reacted {background: #000;} .tag_story_react .like-stat .like-emo .how_many_reacts {vertical-align: super;margin: 0 3px;} .tag_story_react .like-stat .inline_post_count_emoji {width: 24px;height: 24px;} .tag_story_react .like-stat .inline_post_count_emoji .emoji {transform: scale(0.2);top: -200%;right: 200%;} /*Insights*/ .tag_user_insight {margin: 0 0 25px;padding: 10px 0 0;} .tag_user_insight p.bold {font-size: 16px;color: var(--main);} .tag_user_insight p.bold::after {content: '';height: 1px;background: rgba(0, 0, 0, 0.1);flex-grow: 1;margin-left: 10px;} .tag_user_insight canvas {width: 100%;height: 100%;border-radius: 10px;} .tag_user_insight .counter {background: rgb(0 0 0 / 5%);border-radius: 10px;padding: 12px 15px;margin: 0 0 10px;font-family: 'Readex Pro', sans-serif;} .tag_user_insight .counter p {margin: 0 0 3px;text-transform: uppercase;font-weight: 500;opacity: 0.9;} .tag_user_insight .counter p svg {margin-top: -3px;width: 18px;height: 18px;opacity: 0.6;} .tag_user_insight .counter h2 {margin: 0;font-size: 26px;line-height: 1;} .tag_user_insight .tag_go_pro_user {margin: 0px 0 -15px;height: 138px;background: #baedea;padding: 19px;} .tag_user_insight .tag_go_pro_user .btn {background-color: #1bc3bb;} .tag_user_insight .tag_go_pro_user img {width: 120px;mix-blend-mode: overlay;} /*Weather*/ .tag_weather_box {width: 100%;max-width: 450px;} .tag_weather_box .modal-content {padding: 0;/*background: transparent;*/} .tag_weather {border-radius: 10px;padding: 20px;width: 100%;font-size: 16px;background-position: center;background-repeat: no-repeat;background-size: cover;/*color: white;background-color: #607D8B;*/} .tag_weather > .close, .tag_bday_box > .close {position: absolute;float: none;right: 10px;top: 10px;opacity: 0.4;z-index: 2;color: inherit;} .tag_weather_shadow {margin: -20px -20px 0;padding: 20px 20px 0;border-radius: 10px;} .tag_weather_hdr {justify-content: space-between;font-family: 'Readex Pro', sans-serif;margin-bottom: 40px;} .tag_weather_hdr p {font-weight: 500;font-size: 23px;line-height: 1.1;margin: 0;} .tag_weather_timezone {opacity: .8;font-size: 17px;} .tag_weather_currentTemp {text-align: center;font-family: 'Readex Pro', sans-serif;font-size: 105px;line-height: normal;} .tag_weather_currentTemp sup {font-size: 33px;vertical-align: super;top: -13px;} .tag_weather_condition {line-height: normal;margin: -25px 0 0;font-size: 20px;} .tag_weather_condition_sub:first-letter {text-transform: capitalize;} .tag_weather_icon svg {min-width: 130px;width: 130px;height: 130px;} .tag_weather_mdl {margin: 0 -10px;} .tag_weather_mdl > div {width: 33.3333333%;text-align: center;padding: 0 10px;} .tag_weather_mdl > div > div {position: relative;margin-bottom: 20px;padding: 20px 5px;} .tag_weather_mdl > div > div:before {content: '';background: currentColor;position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;border-radius: 7px;opacity: 0.07;} .tag_weather_mdl p {margin: 5px 0 0;font-size: 15px;} .tag_weather_forecast {margin: 0px -20px -20px;padding: 0px 20px 20px;} .tag_weather_forecast .fivedays {justify-content: space-between;padding: 5px 0;} .tag_weather_forecast .fivedays:last-child {padding-bottom: 0;} /*Add to Family*/ #add_to_family .family_mbr_detail {display: flex;align-items: center;} #add_to_family .family_mbr_avatar {flex: 0 0 auto;width: 40px;height: 40px;} #add_to_family .family_mbr_avatar img {width: 100%; height: 100%;border-radius:50%;} #add_to_family .family_mbr_name {margin:0;} #add_to_family .add_as_cont {margin-top:4px} .add_as_cont_list {display: flex;flex-wrap: wrap;margin: 0 -5px;} .add_as_cont_list label {display: block;margin: 10px 5px 0;} .add_as_cont_list label input {display: none;} .add_as_cont_list label div {cursor: pointer;font-weight: 500;border-radius: 2em;padding: 0 11px;line-height: 28px;font-size: 13px;} .add_as_cont_list label input:checked+div {background-color: var(--main);color: var(--main-color);} #add_to_family .add_to_family_alert div{border-radius:0!important;text-align:center} /*Product Review Stars*/ .pr_stars {display: flex;margin: -2px 0 6px;} .pr_stars .star {width: 18px;height: 18px;margin: 0 2px 0 0px;} .pr_stars .star path { fill: rgb(0 0 0 / 20%);} .pr_stars[data-stars] .star path {fill: #ff9800;} .pr_stars[data-stars="0"] .star path {fill: rgb(0 0 0 / 20%);} .pr_stars[data-stars="1"] .star:nth-child(1) ~ .star path {fill: rgb(0 0 0 / 20%);} .pr_stars[data-stars="2"] .star:nth-child(2) ~ .star path {fill: rgb(0 0 0 / 20%);} .pr_stars[data-stars="3"] .star:nth-child(3) ~ .star path {fill: rgb(0 0 0 / 20%);} .pr_stars[data-stars="4"] .star:nth-child(4) ~ .star path {fill: rgb(0 0 0 / 20%);} .pr_stars[data-stars="5"] .star:nth-child(5) ~ .star path {fill: rgb(0 0 0 / 20%);} /*Product Reviews*/ .check_reviews {background-color: #ededed;} .review_list {padding: 15px 15px 7px;margin-bottom: 20px;background-color: white;border-radius: 10px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 10%) 0px 1px 2px -1px;} .review-meta-desc {display: flex;align-items: center;font-size: 14.5px; width: auto; } .reviewMeta--author-avatar { margin-right: 10px; } .reviewMeta--author-avatar img { width: 40px; min-width: 40px; height: 40px; border-radius: 50%; } .reviewMeta--author-text { overflow: hidden; } .reviewMeta--author-text .linkk {font-weight: bold;font-size: 15px;display: block;text-decoration: none;color: inherit;} .prod_review-meta {position: relative;} .prod_review-meta .Review-rating {font-size: 20px;font-weight: bold;margin-top: 6px;position: relative;} .prod_review-meta:before {content: '★★★★★';position: absolute;z-index: auto;color: rgb(0 0 0 / 20%);left: 14px;font-size: 20px;font-weight: bold;} .prod_review-meta .Review-rating:first-letter { font-size: 15px; } .prod_review-meta .Review-rating.five_star {color: #388e3c;} .prod_review-meta .Review-rating.four_star {color: #4caf50;} .prod_review-meta .Review-rating.three_star {color: #ff9800;} .prod_review-meta .Review-rating.two_star {color: #ff7245;} .prod_review-meta .Review-rating.one_star {color: #ff3f31;} .create_prod_images .productimage-holder {display: flex;flex-wrap: wrap;overflow: hidden;padding: 0 15px;} .create_prod_images .productimage-holder .item {padding: 10px 4px;} .create_prod_images .productimage-holder .item img {max-width: 100%;height: auto;border-radius: 7px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 10%) 0px 1px 2px -1px;} /*Checkout*/ .ch_checkout_title .badge {font-weight: 500;} .ch_checkout_title select {padding: 3px 10px;border: 0;background: #38a7ff;font-size: 16px;vertical-align: middle;line-height: 1;color: #fff;border-radius: 8px;} .ch_cart .ch_title {display: flex;justify-content: space-between;position: relative;padding-left: 45px;padding-bottom: 15px;} .ch_cart .ch_title h4 {margin: 0;} .ch_cart .ch_title h4 svg {background-color: #2196f3;border-radius: 50%;padding: 6px;width: 30px;height: 30px;color: white;position: absolute;left: 0;} .ch_cart .ch_title p {margin: 5px 0 0;} .ch_prod_items_row {margin: 0 -5px;} .ch_main_items {padding: 20px 5px 0;position: relative;} .ch_main_items .prod_img {width: 100%;margin-bottom: 15px;position: relative;} .ch_main_items .prod_img img {border-radius: 10px;width: 100%;aspect-ratio: 1;object-fit: cover;} .ch_main_items .prod_img > div {font-weight: 500;color: #fff;position: absolute;bottom: 7px;right: 7px;background-color: rgb(0 0 0 / 80%);line-height: 25px;text-align: center;border-radius: 5px;padding: 0 6px;} .ch_main_items .prod_img > .btn {font-size: 13px;font-weight: 500;color: #fff;position: absolute;top: 7px;left: 7px;background-color: #f39100;line-height: 23px;text-align: center;border-radius: 5px;padding: 0 10px;border: 0;} .ch_main_items .prod_info {width: 100%;} .ch_main_items .prod_info h4 {margin: 0;font-size: 15px;letter-spacing: -0.03em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ch_main_items .prod_info h4 a {color: inherit;} .ch_main_items .prod_info p {display: none;} .ch_main_items .prod_info .price-wrap {margin-top: 7px;} .ch_qty_toggle {display: inline-flex;align-items: center;} .ch_qty_toggle .value-button {background-color: rgba(15, 21, 41, 0.1);line-height: 1;padding: 3px;border-radius: 4px;cursor: pointer;} .ch_qty_toggle input {outline: none;background-color: transparent !important;border: 0;margin: 0;padding: 2px 4px;font-weight: 500;font-size: 14.5px;border-radius: 5px;width: 30px;text-align: center;} .ch_qty_toggle input[type=number]::-webkit-inner-spin-button, .ch_qty_toggle input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .ch_main_items .closed {font-size: 15px;font-weight: bold;line-height: 25px;color: #fff;position: absolute;top: 25px;right: 10px;background-color: rgb(0 0 0 / 80%);width: 25px;height: 25px;text-align: center;border-radius: 5px;cursor: pointer;} .ch_total_price {text-align: end;padding: 25px 0 0;position: relative;} .ch_total_price h4 {font-size: 18px;margin: 0;} .ch_total_price p {margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size: 35px;word-break: break-all;} .ch_total_price .divider {margin: 25px 0 !important;} .ch_total_price .alert {text-align: center;} .ch_total_price .alert a {color: inherit;} .ch_summary {padding: 10px;margin-bottom: 20px;} .cart_chos_addrs {margin: 0;} .cart_chos_addrs input {display: none;} .cart_chos_addrs label {border-bottom: 1px solid rgba(0, 0, 0, 0.15);width: 100%;cursor: pointer;display: block;margin: 0;padding: 10px 10px 10px 45px;position: relative;transition: all 0.1s;user-select: none;} .cart_chos_addrs li:last-child label {border: 0;} .cart_chos_addrs label:hover {background-color: rgba(0, 0, 0, 0.05);} .cart_chos_addrs label:before {content: '';position: absolute;width: 18px;height: 18px;border: 2px solid rgba(0, 0, 0, 0.7);border-radius: 50%;transition: .2s;top: 15px;left: 10px;} .cart_chos_addrs label:after {content: '';display: block;height: 9px;width: 9px;background: #222;border-radius: 50%;opacity: 0;transition: .2s;position: absolute;top: 24px;left: 19px;transform: translate(-50%,-50%);} .cart_chos_addrs input:checked + label:before {border-color: #222;} .cart_chos_addrs input:checked + label:after {opacity: 1;} .cart_chos_addrs input:checked + label {color: #222;} .cart_chos_addrs label p {margin: 0;} .cart_chos_addrs label b {font-weight: 500;} .ch_summary .btn, .ch_total_price .btn, .ch_address .btn {min-width: 150px;} .ch_address .btn {margin-top: 15px;display: inline-block;} /*Wallet*/ .wallet_transactions > p {display: flex;justify-content: space-between;align-items: center;} /*Address Book*/ .wo_address_row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .wo_address_row > .col-md-6 {float: none !important;} .address_book {padding: 30px 0 0;} .address_book_innr { height: 100%;box-shadow: 0 0 0 1px #eee;border-radius: 10px;display: flex;align-items: center;width: 100%;justify-content: space-between;} .add_new_addrs {height: 100%;border-radius: 10px;background-color: rgb(0 0 0 / 5%);font-weight: 500;color: #323232;flex-direction: column;min-height: 150px;display: flex;justify-content: center;align-items: center;text-decoration: none !important;width: 100%;} .add_new_addrs svg { width: 38px; height: 38px; margin: 0 auto 10px; } .address_box { padding: 13px; border-radius: 6px; } .address_box .addrs_name { font-weight: 500; font-size: 18px; color: #222; } .address_box p { margin-bottom: 8px; } .address_box .addrs_phone { font-weight: 500; font-size: 14px; } .address_box .addrs_count {margin: 0;} .address_book_innr .row {margin: 0;padding: 0px 5px;flex: 0 0 auto;} .address_book_innr .row > div {padding: 0;width: 100%;float: none;} .address_book_innr .row > div .btn {border: 0;width: 40px;height: 40px;border-radius: 50%;padding: 0;line-height: 38px;display: block;margin: 6px;} /*Purchased*/ .my_purchased {position: relative;margin: 0 0 30px;padding: 15px;} .my_purchased .title {font-weight: 500;font-size: 19px;color: inherit;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;} .my_purchased .price svg, .my_purchased .foot svg {margin-top: -3px;} .my_purchased .foot {padding-top: 15px;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #e7e7e7;margin-top: 15px;} /*Order Details*/ .wo_order_detail_widget {padding: 15px;margin-bottom: 20px;} .wo_order_detail_widget > h5 {margin: 0 0 2px;} .wo_order_detail_widget > p {margin: 0;} .star_rating {display: flex;flex-direction: row-reverse; font-size: 30px; justify-content: flex-end;line-height: 1;} .star_rating input {display:none;} .star_rating label {color:#dcdcdc;cursor:pointer;font-size: 32px;margin: 0 0 5px;} .star_rating :checked ~ label {color:#EF8F12;} .star_rating label:hover, .star_rating label:hover ~ label {color:#fc0;} #write_product_review .upload-product-image {margin: 0;} #write_product_review #productimage-holder {padding: 0 6px;} #write_product_review #productimage-holder .thumb-image {width: 90px;height: 90px;} /*Customer Order*/ .cust_order_prices {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .cust_order_prices p {font-size: 29px;} /*Withdrawal*/ .wallet_holder_name {display: inline-flex;align-items: center;background: rgb(76 175 80 / 0.15);color: #4CAF50;border-radius: 10px;padding: 10px 20px;margin: 5px 0 20px;} .wallet_holder_name svg {background-color: #4CAF50;color: white;border-radius: 50%;padding: 9px;width: 42px;height: 42px;} .wallet_holder_name .infoz b {margin: 0;} .wallet_holder_name .infoz p {margin: 0;font-size: 42px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} /*Multi Affiliate*/ .multi_ref_sys {margin: 0 -5px;padding: 0;} .multi_ref_sys > li span {display: block;position: relative;padding: 0 20px;} .refs_caret {cursor: pointer;user-select: none;} .refs_caret::before {content: "\25B6";color: #7a7a7a;position: absolute;left: 0;top: 10px;} .refs_caret_down::before {transform: rotate(90deg);} .refs_nested {display: none;} .refs_active {display: block;} /*New Header Ads*/ .wo_ad_header_format {background-color: #fff;display: flex;align-items: center;flex-direction: row;flex: 1 0 0;position: relative;margin-bottom: 30px;border: 1px solid rgba(0,0,0,0.15);border-radius: 8px;overflow: hidden;} .wo_ad_header_format .sponsored {position: absolute;top: 0;margin: 10px;font-size: 14.5px;font-weight: bold;color: #fff;background-color: #ff9800;line-height: 25px;text-align: center;border-radius: 5px;padding: 0 6px;} .wo_ad_header_format .imgs {width: 35%;flex: 0 0 auto;} .wo_ad_header_format .imgs img {width: 100%;aspect-ratio: 16/9;object-fit: contain;} .wo_ad_header_format .details {padding: 20px;width: 100%;display: inline-flex;flex-direction: column;flex: 1 0 0;height: 100%;} .wo_ad_header_format .details > p:not(.small) {font-size: 28px;font-weight: bold;} .wo_ad_header_format .details time {display: block;border-top: 1px solid rgba(0,0,0,0.15);margin: 12px -20px -20px;padding: 15px 20px;} /*Full Product Post page*/ .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-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%;} .wo_post_prod_full {padding: 20px;} .wo_post_prod_full_img img {border: 0;width: 100%;aspect-ratio: 1;border-radius: 7px;} .wo_post_prod_full_img_slider {text-align: center;margin-top: 15px;white-space: nowrap;overflow-x: auto;} .wo_post_prod_full_img_slider img {aspect-ratio: 1;width: 60px;border-radius: 3px;margin: 2px;} .wo_post_prod_full_img_slider .is-selected img {box-shadow: 0 0 0 2px #4a4a4a;} .wo_post_prod_full_name {font-family: 'Readex Pro', sans-serif;font-size: 32px;} .wo_post_prod_full_price {font-size: 25px;color: var(--main);} .wo_post_prod_full_stars {margin: 10px 0;} .wo_post_prod_full_user {display: flex;align-items: center;border: 1px solid #e7e7e7;border-radius: 7px;padding: 10px;margin: 25px 0;} .wo_post_prod_full_user .avatar {margin: 0;width: 40px;height: 40px;flex: 0 0 auto;} .wo_post_prod_full_user h5 {margin: 0;font-size: 16px;} .wo_post_prod_full_user h5 b {display: block;margin: 0 0 2px;font-weight: normal;font-size: 14.5px;opacity: 0.8;} .wo_post_prod_full_user h5 a {color: inherit;} .wo_post_prod_full_btns .btn {line-height: 46px;padding: 0 24px;} .wo_post_prod_full_info {padding: 0;margin: 0;list-style: none;border: 0;margin-top: 25px;} .wo_post_prod_full_info li {display: flex;align-items: center;justify-content: space-between;} .wo_post_prod_full_info li > span {display: inline-flex;font-size: 15px;padding: 7px 0 0;align-items: center;} .wo_post_prod_full_info li > span svg {width: 14px;height: auto;} .wo_post_prod_full_info li > span:first-child { white-space: nowrap;position: relative;width: 30%;flex: 1 1 auto;} .wo_post_prod_full_info li > span:first-child:after {content: '';height: 1px;background: rgb(0 0 0 / 7%);flex-grow: 1;margin: 0 7px;} .wo_post_prod_full_info li > span:last-child {flex: 0 0 auto;} .wo_post_prod_full hr {margin: 20px 0 !important;} .wo_post_prod_full > p {margin: 0;font-size: 15px;line-height: 26px;} .wo_post_prod_full_related_prnt {padding: 20px 20px 1px;} .wo_post_prod_full_related {border: 1px solid #e8e8e8;border-radius: 10px;transition: all 0.2s;overflow: hidden;margin-bottom: 30px;} .wo_post_prod_full_related .img {display: block;} .wo_post_prod_full_related .img img {aspect-ratio: 1;width: 100%;} .wo_post_prod_full_related .info {padding: 10px;} .wo_post_prod_full_related .info .title {margin: 0 0 7px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .wo_post_prod_full_related .info .title a {color: inherit;} .wo_post_prod_full_related .info > div {margin-top: 3px;} .wo_post_prod_full_related .info > div svg {margin-top: -3px;} /*Error Messages*/ .wo_error_messages {margin: 0;text-align: center;font-weight: bold;font-size: 15px;} .wo_error_messages svg {width: 80px;height: auto;display: block;margin: 0 auto 20px;} /*Apps*/ .wo_side_apps {padding: 0px 13px 15px;} .wo_side_apps p {font-weight: 500;margin: 10px 2px 5px;} .wo_side_apps a {margin: 2px;width: calc(50% - 6px);display: inline-block;} .wo_side_apps a img {width: calc(100% + 2px);height: 50px;border-radius: 8px;margin: -1px;} /*Yandex Map*/ .yandex_ads_map {width: 100%;height: 250px;padding: 0;margin: 0;} .yandex_search_user, .yandex_search_product, .yandex_search_job, .yandex_search_publisher {position: absolute;background-color: #fff;max-height: 200px;overflow-y: auto;left: 0;right: 0;top: 100%;box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;z-index: 99;border-radius: 8px;padding: 2px 10px;border: 1px solid #e5e5e5;} .yandex_search_user:empty, .yandex_search_product:empty, .yandex_ads_map:empty, .yandex_search_job:empty, .yandex_search_publisher:empty {display: none;} .yandex_search_user p, .yandex_search_product p, .yandex_search_job p, .yandex_search_publisher p {border-bottom: 1px solid #e5e5e5;margin: 0;padding: 7px 0;} .yandex_search_user p:last-child, .yandex_search_product p:last-child, .yandex_search_job p:first-child, .yandex_search_publisher p:last-child {border: 0;} /*Green Audio Player*/ body .green-audio-player {box-shadow: none;} body .green-audio-player svg, body .green-audio-player img {width: 15px;height: 15px;} .green-audio-player svg path {fill: var(--main);} .green-audio-player .slider .gap-progress, .green-audio-player .slider .gap-progress .pin {background-color: var(--main) !important;} /*OneSignal*/ body #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher {right: 75px !important;height: 40px !important;width: 40px !important;} body #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button {width: 100% !important;height: 100% !important;} /*Banned Profile User*/ .wo_profile_banned_user {padding: 20px;} .wo_profile_banned_user img {max-width: 130px;} .wo_profile_banned_user p {font-size: 23px;} /*Post Options*/ .post .post-privacy-menu {max-width: 300px;min-width: 300px;} .post .post-privacy-menu > li > a {line-height: normal;padding: 8px 10px !important;white-space: normal;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .post .post-privacy-menu > li > a svg {flex: 0 0 auto;} .post .post-privacy-menu > li > a b {margin: 0;display: block;font-size: 14px;word-break: break-word;font-weight: 500;} .post .post-privacy-menu > li > a p {margin: 5px 0 0;font-size: 12px;word-break: break-word;font-weight: normal;opacity: 0.9;} /*Date Picker*/ body span.flatpickr-weekday {font-weight: 500;} /*Event Desc*/ .wo_event_desc {overflow: hidden;margin: 0;} @media (min-width:400px) { .payment_box {width: 360px;} } @media (min-width:480px){ .plyr--video .plyr__controls {padding:10px;padding:10px;padding-top:calc(10px * 5);padding-top:calc(10px * 5)} } @media (min-width:769px) { .modal-md {width:500px} .tag_sec_toolbar, .tag_logo_mobi, .post-actions .stat-item svg {display: none;} } @media (min-width:834px) { .middlecol {-ms-flex: 0 0 64%;flex: 0 0 64%;max-width: 64%;} .rightcol {-ms-flex: 0 0 36%;flex: 0 0 36%;max-width: 36%;} .col-lg-3.sidebar {padding-left: 0;} .wo_user_profile .col-lg-3.sidebar {padding-left: 15px;padding-right: 0;} .tag_blog_cats_coll > .wo_page_hdng > svg {display: none;} .tag_blog_cats_coll > .collapse {display: block !important;height: 100% !important;} } @media (min-width:992px) { .tag_scroll::-webkit-scrollbar {width: 11px;height: 11px;} .tag_scroll::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 12px;border: 3px solid #fff;} .tag_scroll::-webkit-scrollbar-button {display:none;} .tag_ads_left_col {width: 77%;border-right: 1px solid #ececec;} .tag_ads_right_col {width: 23%;} .tag_srch_rslt_usr_row {margin-left: -10px;margin-right: -10px;} .tag_srch_rslt_usr_row > .col-12 {padding-right: 10px;padding-left: 10px;} .tag_search_user_data_mobi {margin-bottom: 20px;} } @media (min-width:1351px) { .header-brand {display: block;position: fixed;top: 15px;left: 15px;z-index: 1000;} .tag_header > .search-container {position: fixed;left: 0;top: 85px;z-index: 900;width: 350px;} .tag_header > .search-container.show > form svg {transform: translateY(-50%) translateX(-10px);opacity: 0;} .tag_header > .search-container.show .search-input {padding: 10px;} .tag_header > .search-container .dropdown-menu {width: 100%;max-width: 350px;margin: 0;box-shadow: none;position: fixed;padding: 10px 15px 2px;left: 0;top: 125px;bottom: 0;background: var(--header-background);} .notification-list, .user-request-list, .messages-list, .show-message-link, .search-advanced-container a, .search-dropdown-result a, .hashtag-search-result a {position: relative;color: var(--header-color);} .tag_hdr_right {position: fixed;top: 15px;left: 0;z-index: 999;width: 350px;justify-content: flex-end;padding: 6.5px 10px;} .tag_hdr_right > .dropdown .dropdown-menu {margin: 0;width: 100%;max-width: 350px;position: fixed;top: 80px;left: 0;bottom: 0;border-radius: 0;box-shadow: none;max-height: 100%;overflow-y: auto;padding: 2px 10px;background: var(--header-background);overscroll-behavior-y: contain;} .tag_hdr_right > .dropdown .dropdown-menu .tag_switch_noti {background: transparent;position: relative;color: var(--header-color);} .tag_hdr_right > .dropdown .dropdown-menu .tag_switch_noti:before {opacity: 0.15;border-radius: 2em;} .tag_hdr_right > .dropdown .dropdown-menu .tag_switch_noti > li > a {color: var(--header-color);} .tag_hdr_right > .dropdown .dropdown-menu .tag_switch_noti > li > a.active {color: #000;} .tag_srch_recent, .tag_hdr_right > .dropdown .dropdown-menu .empty_state, .notification-list .notification-text > span, .tag_hdr_user_dropdown > li > a, .tag_hdr_user_dropdown > li > a:hover, .tag_hdr_user_dropdown > li > a:active, .tag_hdr_user_dropdown > li > a:focus, .turn-off-sound, .notification-list .notification-text > span a, .notification-list .ajax-time, .user-request-list .user-info .user-lastseen, .user-request-list .user-info > a, .tag_footer, .tag_footer .tag_footer_links a, .tag_sidebar_head, .tag_sidebar_section > a, .tag_hdr_user_submenu a, .tag_sett_sidebar > p.bold, .tag_footer .tag_footer_cright .dropup .dropdown-toggle {color: var(--header-color);} .tag_sidebar_section > a:hover, .tag_sett_sidebar > li > a, .tag_sett_sidebar > li > a:hover, .tag_sett_sidebar > li > a:active, .tag_sett_sidebar > li > a:focus {color: var(--header-color);opacity: 1;} .tag_toggle_mode:after, .tag_toggle_mode:before, .tag_sett_sidebar > hr {border-color: var(--header-color);} .tag_sett_sidebar {background-color: var(--header-background);} .tag_sidebar .sidebar_innr::-webkit-scrollbar-thumb, .tag_hdr_right > .dropdown .dropdown-menu::-webkit-scrollbar-thumb, .tag_sett_sidebar::-webkit-scrollbar-thumb {border-color: var(--header-background);} .messages-recipients-list, .messages-recipients-list .ajax-time, .messages-recipients-list .notification-text > span {color: #000;} .tag_stories_on_home .view-more-stories {right: -20px;} .tag_sett_sidebar > hr {opacity: 0.1;} } @media (max-width:1680px) { .read-blog-container .related-post {margin: 60px -60px;} .wow_main_float_head_img {margin: 0;} } @media (max-width:1580px) { .read-blog-container .related-post {margin: 60px -30px;} .tag_prods_slidr .slick-prev, .tag_prods_slidr .slick-next {background: transparent !important;width: auto;height: auto;} .tag_prods_slidr .slick-next {right: 20px;} .tag_prods_slidr .slick-prev {left: 20px;} } @media (max-width:1400px) { .wo_com_usr_lbox .slider .slick-prev {left: 0;right: auto;} .wo_com_usr_lbox .slider .slick-next {right: 0;left: auto;} .tag_comm_skels {width: 50%;} .tag_comm_skel .tag_comm_skels:last-child {display: none;} } @media (max-width:1350px) { body {padding-top: 60px !important;} header {margin: 0;} header > .container {position: relative;} .tag_sidebar {top: 60px;padding: 0;max-width: 250px;border-right: 1px solid #dcdcdc;box-shadow: none;background: var(--body-bg);} .tag_header_shadow {visibility: visible;opacity: 1;} .tag_header {padding-right: 192px;} .tag_hdr_right {position: fixed;top: 0;z-index: 1045;justify-content: flex-end;padding: 11px 15px;left: calc(100vw - 430px);} .tag_sidebar_section > a {width: 50%;} .tag_content {margin-left: 250px;} .chat-container {top: 0;height: calc(100% - 60px);} .header-brand img {max-height: 44px;} .tag_header > .search-container {width: 100%;} .tag_header > .search-container .dropdown-menu {left: 15px;right: 15px;box-shadow: 0 6px 12px rgba(0,0,0,.175);padding: 10px 15px 15px;} .notification-list, .user-request-list, .messages-list, .show-message-link, .search-advanced-container a, .search-dropdown-result a, .hashtag-search-result a, .notification-list .notification-text > span {position: relative;color: #252525;} .tag_hdr_right > .dropdown .dropdown-menu {box-shadow: 0 6px 12px rgba(0,0,0,.175);width: 100%;min-width: 350px;max-height: calc(100vh - 100px);overflow-y: auto;padding: 2px 10px;} .tag_home_filters.home {top: 60px;} .tag_page_title:not(.m5) {margin: 30px 0 10px;} .tag_fake_ad, .tag_footer_pc {display: none;} .tag_cr_blog_main > .container {max-width: 95%;} .tag_app_request {min-height: calc(100vh - 120px);} .wow_go_live_cont {height: calc(100vh - 60px);margin: 0;} .tag_live_sidebar, .tag_sett_sidebar {top: 60px;width: 250px;} .tag_maint_page {height: calc(100vh - 60px);} .tag_messages, .tag_startup {margin: -60px 0 0;} .tag_msg_user_list, .tag_msg_switch {width: 30%;min-width: 30%;} .tag_msg_user_chat {width: 70%;min-width: 70%;} .tag_show_fnd_bottom {left: 250px;} .tag_footer_mobi {display: block;} .video-con {margin: 0;} .video-con, .remote-media video {height: calc(100vh - 60px);height: calc(var(--vh, 1vh) * 100 - 60px);} } @media (max-width:1330px) { .tag_hdr_right {left: calc(100vw - 420px);} } @media (max-width:1310px) { .tag_hdr_right {left: calc(100vw - 410px);} } @media (max-width:1290px) { .tag_hdr_right {left: calc(100vw - 400px);} } @media (max-width:1270px) { .tag_hdr_right {left: calc(100vw - 390px);} .wo_imagecombo_lbox .comment-section, .tag_lboxside_skel_white, .tag_lbox_skel_foot {width:350px} .wo_imagecombo_lbox .story-img:not(.user_story_) {margin-right:350px;width:calc(100% - 350px)} .pricing_p_price span {display: block;margin: -3px 0 0 !important;} .tag_pro_users > div {width: 50%;} .tag_pro_users > div img {height: 130px;} } @media (max-width:1250px) { .tag_hdr_right {left: calc(100vw - 380px);} .tag_stories_on_home .tag_stories_mobi .status-list li {width: 16.6666667%;min-width: 16.6666667%;} } @media (max-width:1230px) { .tag_hdr_right {left: calc(100vw - 370px);} } @media (max-width:1210px) { .tag_hdr_right {left: calc(100vw - 360px);} } @media (max-width:1200px) { .tag_ads_left_col {border: 0 !important;width: 100%;} .tag_ads_right_col {width: 100%;margin-top: 25px;} .wow_frnd_map:not(.tag_nearby_pages_map) {height: 300px;} .tag_onboarding_prnt {padding: 0 5px !important;} .tag_games_left_pane {height: 100%;} .tag_pop_games, .story_lightbox .story-img:not(.tag_view_story_only_main), .tag_vw_story_skel {display: none;} .wow_games {max-height: none;} .tag_story_side {position: relative;width: 100%;height: 100%;} .tag_lbox_stories .status-list li {width: 20%;min-width: 20%;} .story_lightbox .story-img.tag_view_story_only_main {margin: 0 !important;width: 100%;} .create_story_navigation, .tag_view_story_only_side .tag_page_title .lbox_coms_navigation {display: inline-block;} .tag_view_count_story_mobi {display: block;} .tag_view_story_only_side {width: 100%;position: fixed;right: 0;left: 0;height: 100%;z-index: 1045;-webkit-transform: translateY(115%);transform: translateY(115%);transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);will-change: transform;padding: 1px 15px 15px;} .wo_imagecombo_lbox.stor_view_active .tag_view_story_only_side {-webkit-transform: none;transform: none;transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);} .tag_view_story_only_side .tag_page_title {font-size: 28px;margin: 15px 0 10px;border-bottom: 1px solid rgb(255 255 255 / 0.15);padding: 0 0 16px;} .create_story_navigation {color: #ececec;} } @media (max-width:1190px) { .tag_hdr_right {left: calc(100vw - 350px);} } @media (max-width:1170px) { .tag_hdr_right {left: calc(100vw - 340px);} } @media (max-width:1160px) { .tag_msg_wrapper {max-width: calc(100% - 115px);} } @media (max-width:1150px) { body.side_open {overflow: hidden !important;} nav.navbar.navbar-default {position: fixed;z-index: 1045;top: 0;left: 0;right: 0;width: 100%;background: var(--header-background);padding: 8px 0;} .tag_toggle_sidebar {display: inline-block;} .tag_sidebar {top: 0;border: 0 !important;max-width: 310px;width: calc(100% - 56px);-webkit-transform: translateX(-115%);transform: translateX(-115%);transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change: transform;background: #fff;box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);z-index: 1050;} .side_open .tag_sidebar {-webkit-transform: none;transform: none;transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);} .tag_hdr_right {left: calc(100vw - 330px);} .tag_content {margin-left: 0;} .tag_sidebar_mobi > .tag_sidebar_section_prnt {border-bottom: 1px solid rgba(0, 0, 0, 0.12);padding: 8px 0;} .tag_sidebar_mobi .tag_sidebar_section > a {width: 100%;height: calc(48px - 2 * 4px);margin: 8px 8px;padding: 0 8px;text-align: inherit;display: block;font-size: 14px;letter-spacing: 0.2px;line-height: 40px;} .tag_sidebar_mobi .tag_sidebar_section > a svg, .tag_sidebar_mobi .tag_sidebar_section > a img {display: inline-block;height: 24px;width: 24px;margin: 0 30px 0 8px;} .tag_sidebar_mobi .tag_sidebar_head, .tag_hide_prof_sett_hdr, .wow_liv_comments_feed:after {display: none;} .tag_sidebar_mobi .collapse {display: block;} .chat-container {width: 70px;padding: 0px 10px 80px;} .chat-opacity {width: 69px;} .tag_content.tag_chat_content {margin-right: 70px;} .chat-container .wow_chat_search {right: 10px;} .tag_cr_blog_side {width: 330px;} .tag_cr_blog_main {margin-right: 330px;} .wo_imagecombo_lbox .comment-section, .tag_lboxside_skel_white, .tag_lbox_skel_foot {width:320px} .wo_imagecombo_lbox .story-img:not(.user_story_) {margin-right:320px;width:calc(100% - 320px)} .tag_live_sidebar {width: 100%;top: auto;background: linear-gradient(transparent, black) !important;color: white !important;padding: 100px 15px 15px;} .tag_live_sidebar_foot {border-top-color: #3d3d3d;} .tag_live_sidebar .live_comments .comment-heading .user {color: #fff;} .tag_live_sidebar .live_comments .tag_comm_body .comment-text {background-color: rgb(255 255 255 / 0.15);} .tag_msg_user_list, .tag_msg_switch {width: 35%;min-width: 35%;} .tag_msg_user_chat {width: 65%;min-width: 65%;} .tag_sett_sidebar {top: auto;width: 100%;position: relative;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);border-radius: 10px;padding: 10px 0;z-index: auto;max-width: 725px;margin: auto;} .tag_show_fnd_bottom {left: 0;} .tag_content.tag_chat_content .tag_show_fnd_bottom {right: 70px;} .tag_stories_on_home .tag_stories_mobi .status-list li {width: 14.2857143%;min-width: 14.2857143%;} } @media (max-width:1130px) { .tag_hdr_right {left: calc(100vw - 320px);} } @media (max-width:1110px) { .tag_hdr_right {left: calc(100vw - 310px);} } @media (max-width:1090px) { .tag_hdr_right {left: calc(100vw - 300px);} } @media (max-width:1070px) { .tag_hdr_right {left: calc(100vw - 290px);} } @media (max-width:1050px) { .tag_hdr_right {left: calc(100vw - 280px);} } @media (max-width:1030px) { .tag_hdr_right {left: calc(100vw - 270px);} .tag_stories_on_home .tag_stories_mobi .status-list li {width: 16.6666667%;min-width: 16.6666667%;} } @media (max-width:1010px) { .tag_hdr_right {left: calc(100vw - 260px);} } @media (max-width:992px) { .tag_home_filters > .btn, .tag_comm_skel .tag_comm_skels:nth-child(2), .tag_startup_row > div.col-xl-4 {display: none;} .main-blog-sidebar{margin-top:40px} .user_media_list_section .photo-data, .user_media_list_section .video-data {width: 25%;} .user_photo_list_section .photo-data{width: 25%;} .wo_comthing_usr_innr .avatar {padding-top: 110%;} .wow_ads_lists .aemp .dropdown .dropdown-toggle, .tag_albums .dropdown .dropdown-toggle {opacity: 1;} .tag_comm_skels, .tag_startup_row > div {width: 100%;} .setting_navigation {display: inline-block;} .tag_sett_sidebar {max-width: 100%;display: none;} .tag_mobi_sett_page .tag_page_title {margin: 0 0 25px;} .user_media_list_section_side .photo-data {width: 33.3333333%;} .user_photo_list_section_side .photo-data {width: 33.3333333%;} .wo_create_job_box_img_btns .btn {margin-top: 12px;} } @media (max-width:990px) { .tag_hdr_right {left: calc(100vw - 250px);} .tab-container, .wowonder-well {margin-bottom:20px} .hidden-mobile-image {display:none} .sidebar-profile-style {display:none!important} } @media (max-width:970px) { .tag_hdr_right {left: calc(100vw - 237px);} .tag_go_pro_usrs .tag_pro_users {overflow-x: auto;} .tag_go_pro_usrs .tag_pro_users > div {width: calc(12.5% + 15px);min-width: calc(12.5% + 15px);} } @media (max-width:900px) { .tag_slide_upload_img .upload-product-image, .tag_slide_upload_img .thumb-image {width: 145px;height: 145px;} .wo_image_lightbox .story-img{min-width:100%;max-width:100%} .tag_create_blog {height: 100%;overflow-y: auto;} .tag_cr_blog_main {margin: 0 !important;height: 100%;} .tag_cr_blog_write {min-height: calc(100vh - 330px);} .tag_cr_blog_side {width: 100%;position: relative;height: 100%;top: auto;border: 0 !important;} .tag_pro_plans {flex-wrap: wrap;} .tag_pro_plan {flex: 1 50%;margin-top: 20px;} .tag_nearby_places img {display: none;} .tag_msg_user_list, .tag_msg_switch {width: 38%;min-width: 38%;} .tag_msg_user_chat {width: 62%;min-width: 62%;} .tag_lbox_stories .status-list li {width: 25%;min-width: 25%;} .tag_stories_on_home .tag_stories_mobi .status-list li {width: 20%;min-width: 20%;} } @media (max-width:840px) { .messages-container .message-media video{width:100% !important} .tag_job_jumbo {flex-direction: column;} .tag_job_jumbo > div.dropdown, .tag_job_jumbo > div.search-bar {width: 100%;} .tag_job_jumbo > div.dropdown > .btn {border: 2px solid #e8e8e8 !important;border-bottom: 0 !important;} .tag_job_jumbo > div.dropdown:first-child > .btn {border-radius: 2em 2em 0 0;} .tag_job_jumbo > div.search-bar input {border-radius: 0 0 2em 2em;} .tag_lbox_img_innr {padding: 0;} } @media (max-width:832px) { .tag_main_right_side, .tag_profile_widget_hide {display: none;} .tag_profile_row {flex-direction: column;} .tag_profile_row > .middlecol {order: 3;} .tag_profile_row > .rightcol {order: 2;} .wo_vew_apld_jobs {flex-direction: column;} .tag_vew_apld__job_side, .tag_vew_apld__job_main {min-width: 100%;width: 100%;padding: 19px 5px 0;} .tag_page_side_no_m {margin-bottom: 0px;} } @media (max-width:992px) { .user_media_list_section_side .photo-data {width: 33.3333333% !important;} .user_photo_list_section_side .photo-data:first-child {width: 50% !important;} .user_photo_list_section_side .photo-data {width: 25% !important;} } @media (max-width:800px) { .blog-cat-img img,.blog-ls-img img{margin-bottom:15px} .wo_imagecombo_lbox .story-img:not(.user_story_) {margin: 0 !important;width:100%;} .wo_imagecombo_lbox .comment-section {width: 100%;position: fixed;right: 0;left: 0;height: 100%;z-index: 1045;-webkit-transform: translateY(115%);transform: translateY(115%);transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);will-change: transform;padding: 15px 0 0;} .tag_lboxside_skel_white, .tag_lbox_skel_foot {width:100%;display: none;} .user_media_list_section .photo-data, .user_media_list_section .video-data {width: 33.3333333%;} .user_photo_list_section .photo-data {width: 33.3333333%;} .tag_evnt_map, .tag_mobi_lbox_comment-section, .tag_mobi_lbox_comment-section+hr, .tag_lbox_cooms_count > svg, .tag_lbox_toolbar .btn-toggle-lbox-info {display: none;} .wo_imagecombo_lbox.active .tag_lbox_toolbar, .wo_imagecombo_lbox.active .story-img .changer, .wo_imagecombo_lbox.active .tag_mobi_lbox_foot {opacity: 0;transition: all 0.2s;visibility: hidden;} .tag_mobi_lbox_foot {display: block;} .wo_imagecombo_lbox.com_active .comment-section {-webkit-transform: none;transform: none;transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);} .tag_lbox_cooms_count {margin: 0 0 15px;padding: 0 15px 15px;border-bottom: 1px solid #e7e8ec;} .lbox_coms_navigation {display: inline-block;} } @keyframes slidenavAnimation { from{opacity:0} to{opacity:1;margin-top:0} } @-webkit-keyframes slidenavAnimation { from{opacity:0} to{opacity:1;margin-top:0} } @media (max-width:780px) { .nav-names {display:none} .tag_msg_user_list, .tag_msg_user_chat {width: 100%;min-width: 100%;border: 0 !important;} .btn-message-select, .chat_navigation {display: inline-block;} .tag_msg_user_chat {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: white;z-index: 5;} .tag_msg_switch {width: 100%;min-width: 100%;} .tag_msg_participant .name {max-width: calc(100% - 100px);} .messages-recipients-list.active {background: transparent !important;} } @media (max-width:768px) { .tag_logo_pc, .tag_post_more_prods, .tag_create_dropup, .chat-all-container, .tag_hdr_droptoggle:before, .tag_my_reply_hd, .my-thread-reply-list > div.myfrmnme, .tag_sF_bar_pc, .post-actions .stat-item .hide-word-stat, .tag_stories_on_home+hr {display: none;} .tag_header {padding: 0 !important;} .tag_header > .search-container > form {margin: 0 0 0 15px;} .tag_content {margin: 0 !important;} .tag_sF_bar_mobi {display: block;} body {padding-bottom: 45px !important;} .tag_hdr_right {margin: 0;top: auto;bottom: 0;right: 0;left: 120px;justify-content: space-around;padding: 9px 15px;} .tag_hdr_right.flex-end {justify-content: flex-end;padding: 9 40px;} .tag_hdr_right > .dropdown, .profile-avatar-changer .btn svg {margin: 0;} .tag_hdr_droptoggle {padding: 10.5px;color: #333 !important;} .show > .tag_hdr_droptoggle {background: transparent;color: var(--main) !important;} .tag_hdr_droptoggle svg, .tag_hdr_user_droptoggle img {width: 24px;height: 24px;} .tag_hdr_right .new-update-alert {top: 4px;right: 0px;} .tag_hdr_right > .dropdown .dropdown-menu {position: fixed;top: 0;bottom: 45px;left: 0;right: 0;margin: 0;border-radius: 0;height: calc(100vh - 45px);height: calc(var(--vh, 1vh) * 100 - 45px);max-height: calc(100% - 45px);box-shadow: none;padding: 6px 10px;} .tag_home_filters.home {position: relative;top: auto;} .no-padding-right,.no-padding-right-mobile{padding-right:15px!important} .profile-userpic img{width:70%;height:70%} .blog-ls-box .article-image{max-height:none} .tag_404 {height: calc(100vh - 105px);} .tag_forum_memb_main_content li.my-thread-reply-list {flex-direction: column;align-items: normal;margin: 15px 0 0;} .tag_forum_memb_main_content li.my-thread-reply-list:first-child {margin: -15px 0 0;} .tag_forum_memb_main_content li.my-thread-reply-list > div {width: 100%;} .my-thread-reply-list > div.myfrmopt {text-align: inherit;margin: 0 -10px;} .tag_app_request {min-height: calc(100vh - 165px);} .wow_go_live_cont {height: calc(100vh - 105px);} .tag_live_sidebar {bottom: 45px;} .tag_messages, .tag_startup {margin: -60px 0 -45px;} .tag_market_title {flex-direction: column;} .tag_randm_plist {padding: 0 5px;} .tag_randm_plist .product_info {height: 255px;} .tag_randm_plist .product_info .valign {padding: 15px;flex-direction: column-reverse;text-align: center;} .tag_randm_plist .product_info .valign > div {padding: 12px 0 0 !important;position: relative;} .tag_randm_plist .product_info h2 {font-size: 28px;white-space: nowrap;text-overflow: ellipsis;} .tag_randm_plist .product_info b {font-size: 18px;font-weight: 400;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: rgb(0 0 0 / 0.8);line-height: 34px;padding: 0 16px;border-radius: 2em;color: #fff;} .tag_randm_plist .product_info b sup {font-weight: inherit;font-size: inherit;top: auto;} .tag_randm_plist .product_info .valign img {width: 160px;min-width: 160px;height: 160px;} .tag_show_fnd_bottom {z-index: 1045;left: 0 !important;right: 0 !important;} .fund_raise_btns {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;width: 100%;} .fund_raise_btns > * {width: 100%;} .fund_raise_btns .dropdown > .btn {width: calc(100% - 6px);} .fund_raise_btns .dropdown > .dropdown-menu {width: 100%;} .tag_sticky_coms {bottom: 45px;} .tag_mobi_hdr_not_title {display: block;font-size: 28px;margin: 15px 0;} .read-blog-container .read-content iframe {width: 100%;} .dt_bank_trans_modal .bank_info .bank_info_innr .row .col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .video-con, .remote-media video {height: calc(100vh - 105px);height: calc(var(--vh, 1vh) * 100 - 105px);} } @media (max-width:700px) { .blog-h-desc,.blog-h-list .avatar{display:block;width:100%} .blog-h-list .avatar{margin:0} .blog-h-list .avatar img{width:100%;object-fit:cover} .blog-h-desc .postCategory h5{position:absolute;top:30px} .wo_send_gift .gift-data {width: 25%;} .wow_read_blog_hdr_img_innr h2 {font-size: 46px;} .tag_cont_fluid {padding-right: 15px;padding-left: 15px;} .tag_cover_sec_bg {margin: 0 -15px;} .tag_aff_usr_head > img, .story_lightbox .story-img.tag_view_story_only_main .tag_lbox_toolbar {display: none;} .tag_lbox_stories .status-list li {width: 33.3333333333%;min-width: 33.3333333333%;} .tag_close_story_altr {display: inline-block;} .story_lightbox .story-img.tag_view_story_only_main .tag_lbox_story_view {width: 100%;min-width: auto;height: 100%;} .story_lightbox .story-img.tag_view_story_only_main .changer.next-btn {right: 0px;} .story_lightbox .story-img.tag_view_story_only_main .changer.previous-btn {left: 0px;} .tag_stories_on_home .tag_stories_mobi {margin: 0 -12px;} .tag_stories_on_home .tag_stories_mobi .status-list {margin: 0 -3px;overflow-x: auto;padding: 0 6px;} .tag_stories_on_home .tag_stories_mobi .status-list li {padding: 0 3px;width: calc(100% / 5 + 15px);min-width: calc(100% / 5 + 15px);} } @media (max-width:665px) { .wo_com_lbox_slide {padding: 0 10px;} .wo_create_job_box_flex {flex-wrap: wrap;} .wo_create_job_box_flex > div {padding: 0;} } @media (max-width:600px) { #postbutton, .change-avatar,.filter-text,span[class^=setting-tab-text], .tag_market_filters .dropdown .btn span.sort_latst_lang {display:none} .panel-one-post{margin:0 auto;width:100%} .ad-placement-header-footer iframe,.ad-placement-header-footer img,.ad-placement-header-footer script{width:100%} .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 10px;padding-left: 10px} .form.form-horizontal .col-md-6 {padding-right:15px;padding-left:15px} #bar_loading{top:0} .dropdown-menu>li{display:block} .blog-h-desc .postCategory h5{position:absolute;top:30px} .wo_send_gift .gift-data {width: 33.3333333333%;} .wow_mini_wallets {flex-direction: column;} .wow_mini_wallets_btns {column-gap:5px;} .tag_event_name_hdr {flex-direction: column;align-items: normal;} .wow_event_page_btns {padding: 15px 0 0 !important;text-align: center;} .wow_user_page_btns {position: absolute;top: auto;left: auto !important;right: 0;/*margin: 20px -4px 20px;*/} .wo_user_profile .event-info-cont-small .social-links {position: absolute;right: 0;top: 60px;padding: 0;} .wow_user_page_btns .btn-insight-user {width: 36px;min-width: auto;padding: 0;height: 36px;} .wow_user_page_btns .btn-insight-user svg {margin: 0;width: 20px;height: 20px;} } @media (max-width:575px) { .tag_search_user_data_mobi {margin-bottom: 12px;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;padding: 10px 0;} .tag_search_user_data_mobi > div:not(.user-follow-button) {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;max-width: calc(100% - 56px);-webkit-flex: 1 0;-ms-flex: 1 0;flex: 1 0;} .tag_search_user_data_mobi .user-popover {width: 100%;max-width: calc(100% - 80px);text-align: initial;} .tag_search_user_data_mobi .cover {display: none;} .tag_search_user_data_mobi .avatar {margin: 0;padding: 0 10px;} .tag_search_user_data_mobi .avatar img {width: 60px;height: 60px;} .tag_search_user_data_mobi .user_wrapper_link {margin: 0;} .tag_search_user_data_mobi .user-follow-button {padding: 0 10px;min-height: auto;min-width: 36px;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;} .tag_search_user_data_mobi .user-follow-button .btn {min-width: 36px;height: 36px;padding: 0 5px;} .tag_search_user_data_mobi .user-follow-button .btn svg {display: block;margin: 0 auto;width: 22px;height: 22px;} .tag_search_user_data_mobi .user-follow-button .btn .button-text {display: none;} } @media (max-width:570px) { .tag_read_blg_auth_blk > div:not(.author), .tag_boost_help svg {display: none;} .tag_read_blg_auth_blk > .author {padding: 0 !important;} .tag_read_blg_auth_blk .author .img-wrap {width: 80px;min-width: 80px;height: 80px;margin-right: 15px;} .tag_boost_page .author .img-wrap {width: 70px;min-width: 70px;height: 70px;margin-right: 15px;} .tag_go_pro_usrs .tag_pro_users > div {width: calc(14.2857142857% + 15px);min-width: calc(14.2857142857% + 15px);} .tag_go_pro_hdr {padding: 10px;} } @media (max-width:540px) { .tag_slide_upload_img .upload-product-image, .tag_slide_upload_img .thumb-image {width: 100px;height: 100px;} .greetalert > .btn {display: none;} .wow_side_usrs {width: calc(100% / 4 + 15px);} .modal.fade {padding: 0px !important;} .modal-dialog {width: 100%;} .wow_mat_mdl .modal-content {border-radius: 0;} .wo_user_profile .user-bottom-nav li a {padding: 15px 10px;} .wo_user_profile .user-bottom-nav li .menuactive:after {right: 0;left: 0;} .wow_mat_mdl .modal-footer {flex-direction: column-reverse;} .wow_mat_mdl .modal-footer .btn {width: 100%;display: block;margin: .25rem 0;} .tag_post_full_img {max-height: calc(100vh - 150px);} } @media (max-width:530px) { .user_media_list_section .photo-data, .user_media_list_section .video-data {width: 50%;} .user_photo_list_section .photo-data {width: 50%;} .wo_comment_combo > .valign {flex-wrap: wrap;} .wo_comment_combo > .valign .comment_combo_footer {width: 100%;-webkit-justify-content: flex-end;justify-content: flex-end;} .wo_comment_combo > .valign:not(.comment-toggle) .comment_combo_footer, .art-video-player .art-bottom .art-controls .art-control.art-control-pip {display: none;} .btn-reg-comm-mobi {display: inline-block;} } @media (max-width:520px) { body {padding-top: 52px !important;} .header-brand, .btn_goback:not(.moviz), .tag_msg_write .send-button span, .tag_pub_box_btns > span, .tag_prof_repos_hide, .tag_post_actions .stat-item .like-btn-mobile, .tag_stories_on_home .view-more-stories {display: none;} .tag_header > .search-container > form {margin: 0 !important;} .tag_header .search-input {height: 36px;} .tag_header > .search-container.show > form svg {transform: translateY(-50%) translateX(-10px);opacity: 0;} .tag_header > .search-container.show .search-input {padding: 10px;} .tag_header > .search-container .dropdown-menu {margin: 0;box-shadow: none;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;position: fixed;top: 47px;border-radius: 0;} .tag_header > .search-container.show .tag_toggle_search {display: block;} .tag_expand_search .header-brand {display: block;} .tag_expand_search .header-brand img {max-height: 36px;transform: translateZ(0);} .tag_expand_search.tag_header > .search-container > form {float: right;width: 0%;min-width: 36px;height: 36px;overflow: hidden;transition: width 0.2s;border-radius: 2em;} .tag_expand_search.tag_header .search-input {width: 100%;padding: 10px;white-space: nowrap;font-size: 0px;} .tag_expand_search.tag_header > .search-container .tag_toggle_search {position: relative;left: auto;right: auto;top: auto;} .tag_expand_search.tag_header > .search-container.show {position: fixed;left: 0;right: 0;padding: 0 10px;background: var(--header-background);margin: 0;} .tag_expand_search.tag_header > .search-container.show > form {width: calc(100% - 40px);} .tag_expand_search.tag_header > .search-container:not(.show) > form svg {left: 6px;opacity: 1;width: 24px;height: 24px;} .tag_expand_search.tag_header > .search-container.show .tag_toggle_search {display: inline-block;} .tag_expand_search.tag_header > .search-container.show .search-input {font-size: 14px;} .tag_sec_toolbar > div {width: 100px;} .tag_hdr_right {left: 100px;} .tag_hdr_right.low, .tag_show_fnd_bottom.low {z-index: auto;} .tag_hdr_right.flex-end {padding: 0 10px;} .messages-container {padding: 40px 16px 0;} .wo_jlist_headimg, .wo_view_post_jcover {height: 200px;} .tag_404 {height: calc(100vh - 97px);} .wow_read_blog_hdr_img_innr h2 {font-size: 38px;} .tag_read_blog {padding: 30px 5px;} .read-blog-container .related-post {margin: 60px -10px;padding: 20px;} .tag_cr_blog_hdr .wo_page_hdng {font-size: 0;} .tag_cr_blog_write {min-height: calc(100vh - 450px);} .tag_cr_blog_fields .blog_title {font-size: 30px;line-height: 35px;} .tag_cr_blog_fields .blog_description {font-size: 18px;} .tag_cr_blog_main > .container {max-width: none;} .tag_boost_page {flex-direction: column;align-items: normal;} .tag_boost_page > div.author {padding: 0 !important;} .tag_boost_page > div:not(.author) {padding: 5px 0 0 85px;} /* .post:not(.wo_imagecombo_lbox), .tag_pub_box_bg {margin-left: -10px;margin-right: -10px;} */ .tag_post_hdr_sub .tag_create_menu {left: auto;transform: none;right: -20px;} .wow_fcov_image {min-height: 250px;} .tag_cont_fluid {padding-right: 0;padding-left: 0;} .tag_cover_bg .card.hovercard, .tag_event_name_hdr {margin: 0px -10px;border-radius: 0;} .tag_cover_bg .card.hovercard .wow_content {box-shadow: none;} .wow_frnd_map:not(.tag_nearby_pages_map) {width: calc(100% + 20px);height: 200px;border-radius: 0;margin: -45px -10px 0;} .tag_onboarding_upprnt, .tag_onboarding_prnt {height: 100%;} .tag_onboarding {position: fixed;top: 52px;z-index: 1000;left: 0;right: 0;height: auto;bottom: 45px;} .tag_play_game_page {margin: 0;} .tag_game_play {height: calc(100vh - 127px);} .tag_pro_plan {flex: 1 100%;} .wo_group_profile .tag_cover_bg .card.hovercard, .wo_group_profile .tag_event_name_hdr, .wo_page_profile .tag_cover_bg .card.hovercard, .wo_page_profile .tag_page_name_hdr, .wo_user_profile .tag_cover_bg .card.hovercard, .wo_user_profile .tag_page_name_hdr {margin: 0px -15px;border-radius: 0;} .tag_cover_sec_bg {margin: 0;} .greetalert .small-texts {font-size: 28px;} .greetalert .close {top: 2px;} .skel_home_greet {height: 23px;width: 100%;max-width: 250px;margin: 1.5px 0 33px;} .tag_job_jumbo {margin: 20px 0px 25px;} .tag_post_actions {margin: 15px -13px 0;} .tag_post_actions .stat-item {margin: 0 6px;font-size: 14px;} .wow_go_live_cont {height: calc(100vh - 97px);} .tag_messages {position: fixed;margin: 0;top: 0;right: 0;bottom: 0;left: 0;} .tag_msg_user_list {min-height: 100%;height: 100%;} .tag_msg_user_chat {min-height: 100%;} .tag_messages > .wow_content, .tag_msg_user_chat .text-sender-container {height: 100%;} .tag_msg_container {height: calc(100% - 65px);position: fixed;width: 100%;top: 65px;left: 0;right: 0;} .tag_msg_write {padding: 10px;margin-bottom:50px;} .tag_msg_write .send-button {min-width: 40px;padding: 0;} .tag_msg_write .send-button svg, .feeling-type > .btn {display: inline-block;} .tag_market_filters .dropdown:first-child > .dropdown-menu {left: 50%;transform: translateX(-49%);} .tag_srch_filters > .dropdown, .tag_srch_fltr_country, .tag_srch_fltr_country select {width: 100%;} .tag_srch_filters > .dropdown .dropdown-toggle .caret, .tag_srch_fltr_country .caret {margin-left: auto;} .tag_sett_myinfo_row_main {margin: 0 -10px;} .tag_download_info {margin: 0;} .tag_download_info > .col-lg-4 {padding-left: 10px !important;padding-right: 10px !important;} .tag_select_info_dload {margin-bottom: 20px;} .tag_select_info_dload .empty_state {padding: 30px 5px;} .tag_aff_usr_share > div {width: 33.3333333%;} .tag_startup {position: fixed;height: 100%;width: 100%;margin: 0;top: 0;right: 0;bottom: 0;left: 0;min-height: 100%;} .tag_startup:before, .tag_startup:after {height: 0;} .tag_startup > .wow_content {height: 100%;border-radius: 0;} .tag_startup_row {height: 100%;} .tag_startup_row > div.col-xl-8 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;flex-grow: 1;height: 100%;} .tag_startup_row .tag_steps+hr {margin: 0;} .wow_usr_steps {flex: 1 1 auto;} .wow_usr_steps_cont {margin-top: auto;min-height: 56px;z-index: 9;} .tag_steps li div {padding: 0px 15px 0px 27px;} /*.post .post-description p, .post .post-heading .meta .title .name, .user-ad-container .post-advertisement .meta .title .name {font-size: 14px;}*/ .tag_post_prods .carousel {height: 250px;} .tag_post_prods_thumb img {max-width: 250px;} .wow_post_prod_name {margin: 0;font-size: 27px;} .post-fetched-url .fetched-url-text h4 {font-size: 16px;} .wow_dontd_posts > .valign {flex-direction: column;} .tag_dont_post_img, .wow_dontd_posts_innr {width: 100%;min-width: 100%;} .tag_dont_post_img img {border-radius: 8px 8px 0 0 !important;} .tag_post_full_albm {margin: -1px -15px;} .tag_main_pub_box > .modal-dialog, .tag_pub_box.modal-content, .tag_pub_box.modal-content > form.publisher-box {height: 100%;} .tag_pub_box.modal-content > form.publisher-box {overflow-y: auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;} .tag_pub_box.modal-content > form.publisher-box #post-textarea {height: 100%;} .wo_pub_txtara_combo {line-height: 1;max-height: inherit;overflow-y: auto;} .publisher-box textarea.postText {min-height: 200px;} .publisher-box.wo_pub_change_color .wo_pub_txtara_combo {min-height: 100%;overflow-y: auto;padding: 15px 0 0;} .publisher-box .publisher-box-footer .pub-footer-upper {display: block;text-align: center;white-space: nowrap;overflow-x: auto;} .tag_pub_box_btns {width: 35px;min-width: 35px;padding: 0;text-align: center;line-height: 35px;height: 35px;margin: 0 4px 10px;display: inline-block;} .tag_pub_box_btns svg {margin: 0;} .tag_pubbox_record {width: 30px;min-width: 30px;font-size: 0px;margin: 0 4px 10px;display: inline-block;vertical-align: middle;} .tag_pub_rectime {position: absolute;top: -12px;padding: 4px 7px;background-color: #F44336;left: calc(50% + 3px);transform: translateX(-50%);border-radius: 6px;box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.19);line-height: 1;font-size: 12px;color: white;bottom: auto;right: auto;white-space: nowrap;} .wo_user_profile .user-avatar {width: 110px;height: 110px;margin: -50px 0 15px;} .tag_sett_sidebar {border-radius: 0;position: fixed;top: 52px;bottom: 45px;} .wo_adaptive_media {max-height: 400px;} .comment-reply .wo_commreply_combo {margin-left: -40px;} .tag_home_filters.home .tag_page_nav {margin: 0 -15px 0 -7px;} .tag_home_filters.home .tag_page_nav li:last-child {padding: 0 15px 0 0;} .modal.fade, .modal.fade.show, .modal.fade .modal-dialog {transition: none !important;} .tag_msg_participant .name > p {font-size: 13px;} .tag_msg_toolbar > span > .btn {width: 30px;height: 30px;} .tag_msg_toolbar > span > .btn svg {width: 22px;height: 22px;} .tag_msg_participant {max-width: calc(100% - 120px);} .post .post-footer .comments-list .comment .comment-body .comment-options {margin: 3px -15px 0 -60px;padding: 0 15px 0 60px;} .post .post-footer .comments-list .reply .comment-body .comment-options {margin: 3px -15px 0 -98px;padding: 0 15px 0 98px;} .search-dropdown-result {max-height: calc(100vh - 170px);max-height: calc(var(--vh, 1vh) * 100 - 170px);} .cc-window {border-radius: 0;bottom: 0;} .cc-window .cc-compliance {width: 100%;padding: 10px 0 0;} .cc-btn.cc-dismiss {width: 100%;text-align: center;} .share_modal_social_icos > div a {font-size: 15px;} .tag_post_react_btn > span {font-size: 0;} .post .panel {margin-bottom: 10px;} .tag_stories_on_home .tag_stories_mobi .status-list {padding: 0 3px;} .tag_stories_on_home .tag_stories_mobi .status-list li {width: calc(100% / 4 + 8px);min-width: calc(100% / 4 + 8px);} .tag_stories_on_home .tag_stories_mobi .status-list li p {font-size: 13px;} .feeling-type {max-height: 100%;position: fixed;top: 0;height: 100%;border-radius: 0 !important;} .tag_post_people_know {margin: 0 -10px 15px;border-radius: 0;} .post .post-heading .avatar, .user-ad-container .post-advertisement .ads-heading .avatar {width: 42px;min-width: 42px;height: 42px;} .tag_post_status.online {top: 33px;} .tag_post_status.offline {top: 33px;} .tag_go_pro_usrs .tag_pro_users > div {width: calc(16.6666666667% + 15px);min-width: calc(16.6666666667% + 15px);} .video-con {height: 100%;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;} .remote-media *, .remote-media video:nth-child(2) {height: 100%;} .local-media video {width: 160px;} .post-deepsound iframe {height: 155px;} .tag_grpage_sett .wow_sett_content {padding: 10px 3px;} .post .panel, .tag_pub_box_bg, .tag_page_side_no_m, .tag_post_skel {box-shadow: none;} .tag_page_side_no_m {margin: 10px -10px -10px;} .tag_startup_steps li svg {display: inline-block;} .tag_startup_steps span {display: none;} .tag_post_skel {margin: 0 -10px 10px;} .fb_iframe_widget_fluid span, .fb_iframe_widget iframe {width: 300px !important;min-width: auto !important;} } @media (max-width:480px) { .tag_sec_toolbar > div {width: 80px;} .tag_hdr_right {left: 80px;} .read-blog .blog-author-info .media-body .user-follow-button,.wo_blogcomm_combo img{display:none} .read-blog .blog-author-info .media-body h4{padding-right:0} .show_post_comm_mobi {display:block} } @media (max-width:420px) { .owl-item .format-standard{height:320px} .wo_pro_features h2{margin-top:23px;margin-bottom:40px;font-size:27px} .wo_emoji_tab span{width:15.6%} .wo_emoji_msg{position:fixed;bottom:70px!important} .wo_send_gift .gift-data {width: 50%;} .wow_side_usrs {width: calc(100% / 3 + 15px);} .tag_lbox_stories .status-list li {width: 50%;min-width: 50%;} .tag_market_filters {flex-direction: column;align-items: normal;} .tag_market_filters > div {margin: 8px -5px 0;position: relative;} .tag_market_filters .dropdown {margin: 0 5px !important;position: static;} .tag_market_filters .dropdown .dropdown-menu {transform: none !important;left: 0 !important;right: 0 !important;} } @media (max-width:380px) { .tag_sec_toolbar > div {width: 70px;} .tag_hdr_right {left: 70px;} .tag_hdr_right > .dropdown .dropdown-menu {min-width: auto;} .tag_hdr_right > .dropdown .dropdown-menu .skel_noti_name {width: 100%;} } @media (max-width:345px) { .post .post-footer .comments-list .reply .comment-body .reactions-box {left: -30px;} } @media (max-width:320px) { .wo_send_gift .gift-data, .user_media_list_section .photo-data, .user_media_list_section .video-data {width: 100%;} } .unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .group_chat_avatar__{width:100%;max-height:137px;overflow:hidden;margin:0 0 20px} .group_chat_avatar__ img{max-width:100%;max-height:100%} .verify_color{color: #2b982b;} .unverify_color{color: #fb483a;} .gender_icon{display: block !important;margin: auto !important;width: 20px !important;height: 20px !important;} .reaction img {width: 100%;height: 100%;object-fit: cover;} .vid_analts_stat {display: flex;align-items: center;padding: 17px 17px 15px;border-radius: 7px;color: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .vid_analts_stat > svg {margin-right: 17px;margin-top: 0px;width: 30px;height: 30px;} .vid_analts_stat h2 {font-size: 12px;line-height: 16px;letter-spacing: 0.011em;margin-top: 0;margin-bottom: 3px;} .vid_analts_stat p {font-size: 24px;line-height: 32px;margin-bottom: 0;} /*Gift List*/ .nearby_gift_wrapper_innr {padding: 15px 5px;position: relative;/*border: 1px solid #ddd;*/border-radius: 10px;margin-bottom: 30px;} .nearby_gift_wrapper .gift_img img {width: 100%;height: 100%;border-radius: 3%;object-fit: cover;} .nearby_gift_wrapper .gift_wrapper_link {display: block;font-size: 15px;font-weight: 500;color: rgba(0,0,0,.9);margin-top: 12px;} .nearby_gift_wrapper .user-send-gift-button {padding: 15px 0 0;min-height: 51px;} .nearby_gift_wrapper .user-send-gift-button .btn svg {display: none;} .nearby_gift_user_name {max-width: 100%;white-space: nowrap;overflow: hidden;font-weight:bold;text-overflow: ellipsis;} /* VSeti styles */ /* Add here your custom css styles Example: p { text-align: center; color: red; } */ header { margin-bottom: 0; } .wo_user_profile .cardheader { position: relative; padding: 0; padding-bottom: 25%; } .tag_pub_box_bg_text { border:2px dashed #f0f2f5; border-radius:30px; transition:.3s; } .tag_pub_box_bg_text:hover { background:#f0f2f5; border: 2px solid #f0f2f5; } .tag_page_name_hdr h3 { font-weight: 600 !important; } .mystatus { margin-top:10px; max-width: 500px; } .tag_profile_search { border-radius: 200px; transition: box-shadow .2s linear; } .pro-badge { color: #ffffff; padding: 3px 10px 0; font-size: 10px; vertical-align: middle; line-height: 20px; display: inline-block; font-weight: 500; letter-spacing: 1px; /*box-shadow: rgb(116 51 255 / 46%) 0px 3px 6px 0px, #7433ff30 0px 0px 2px 0px;*/ } .tag_pub_box_bg_camlve svg, .tag_pub_box .modal-header .btn-default svg { width: 24px; height: 24px; margin: 0; } .wo_user_profile .user-avatar img { padding: 0; background-color: white; position: relative; /*z-index: 5;*/ } .wo_user_profile .user-bottom-nav li .menuactive:after { content: ''; height: 34px; width: auto; transform: translate(0%, -20%); position: absolute; background-color: var(--main); opacity: 0.1; right: 0; left: 0px; top: auto; bottom: auto; border-radius: 221px; } /* .wow_content { box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); } */ .filterby li a { border-radius: 41px; padding: 0 16px; transition: none; } .tag_page_nav li a { box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); } .tag_page_nav li.active a { box-shadow: 0 11px 8px 0 rgb(0 118 9 / 2%), 0 3px 9px 0 rgb(0 118 9 / 2%); } .tag_page_nav { overflow-x: initial; margin: 0px -7px -5px; padding: 12px 0 13px; white-space: nowrap; line-height: 1; } .wo_page_hdng { padding: 15px 20px 5px; border-bottom: 0px solid #eee; margin-top: -3px; margin-left: -20px; margin-right: -20px; font-weight: 500; color:#646464; font-size: 14px; } .all_gifts { color: #898989; font-weight: 300; font-size: 13px; } .wow_sett_content { padding: 3px 20px 20px; line-height: 24px; } .wo_user_profile .user-bottom-nav ul { border-radius: 0px 0px 11px 11px; } .wo_user_profile .user-bottom-nav { border-top: 0px solid #eee; } .tag_cover_sec_bg { /* position: absolute; */ top: auto; /* right: 0; */ /* bottom: 0; */ /* left: 0; */ /* overflow: hidden; */ /* margin: 0 -30px; */ } .tag_cont_fluid { padding-right: 0px; padding-left: 0px; padding-top: 25px; } .tag_usr_prof_covr { overflow: hidden; border-radius: 11px 11px 0px 0px; } .page-margin { margin: 15px 0; } .tag_home_filters { position: relative; padding: 17px 10px; margin: -10px -12px 2px; } .reactions-box { padding: 5px 9px; position: absolute; bottom: 100%; z-index: 999; box-shadow: 0 11px 18px 0 rgb(0 0 0 / 9%), 0 3px 17px 0 rgb(0 0 0 / 7%); border-radius: 112px; cursor: default; display: none; margin: 0; } /* .post .panel, .user-ad-container .panel-white { border: 1px solid rgb(102 102 102 / 15%); box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); border-radius: 10px; } */ .reaction { list-style-type: none; cursor: pointer; justify-content: center; width: 50px; height: 50px; float: left; transition: all .25s ease; position: relative; border-radius: 346px; } .pro-badge a { color: #ffffff; display: block; padding: 0px 5px; margin: 0px 0px; } .post .post-heading .meta .title .pro-badge a { padding: 4px 4px 1px; } .post .post-heading .meta .title .pro-badge img { margin: 0 0 0; } .wow_my_groups_info { background: #b5b5b50d; border-radius: 0px 0px 10px 10px; padding: 14px 16px 14px 16px; } .tag_pub_box_bg_text { border-radius: 288px; flex: 1 1 auto; line-height: 42px; height: 42px; } .tag_page_name_hdr .event-info-cont-small h3 { } .chat-container { border-left: 0px solid #dcdcdc; } .tag_navbar_top_side { border-right: 0px solid #dcdcdc; } hr { border-top: 0px solid rgba(0, 0, 0, .1); } /*.tag_navbar_top_side .sidebar_innr > .btn svg { box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); }*/ .btn-mat-raised { box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); } .wo_comment_combo .textarea { padding: 8px 15px; } .wo_comment_combo .comment_combo_footer > * { margin: 0 5px; } .chat-tab .online-toggle-hdr { box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); } .wow_user_page_btns .btn { margin: 0px 4px; height: 36px; border-radius: 150px; } .wow_user_page_btns { flex-wrap: wrap; gap:7px 0px; right: 15px; top: 25px; } .page-margin { box-sizing: border-box; } .profile-cover-changer .btn-file { border-radius: 150px; } .profile-cover-changer .btn-file.btn-sm svg, .tag_user_notif svg { margin: 0px 0 0; } .tag_pub_box .modal-header { border-bottom: 0px solid #e6ecf0; } .publisher-box .publisher-box-footer .pub-footer-upper { border-top: 0px solid #e6ecf0; } .tag_pub_box .modal-header .btn-main { border-radius: 7px; } .tag_pub_box_btns { border-radius: 7px; } .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu, .tag_navbar_top .tag_header > .search-container .dropdown-menu { padding: 10px 10px; border-radius: 15px; } .wow_htag { margin: 45px 0px 8px; } .wow_htag:before { border-radius: 15px; } .modal.fade.show { backdrop-filter: blur(7px); } .chat-opacity .empty_state .btn { padding: 0px 11px; border-radius: 7px; } .chat-opacity .empty_state { font-size: 11px; } .chat-opacity .empty_state .btn { font-size: 10px; } .user_media_list_section .photo-data, .user_media_list_section .video-data { position: relative; padding: 7px; overflow: hidden; float: left; } .user_media_list_section_side .photo-data:first-child { width: 33%; } .user_photo_list_section .photo-data{ position: relative; padding: 7px; overflow: hidden; float: left; } .user_photo_list_section_side .photo-data:first-child { width: 20%; } .wo_imagecombo_lbox .story-img, .wo_image_lightbox .story-img { background-color: #00000069; backdrop-filter: blur(7px); } .wo_imagecombo_lbox { background-color: #0e000000; } .tag_lbox_toolbar .btn, .story_lightbox .wo_story_header .wo_stor_h_opts { backdrop-filter: blur(7px); } .user-details .loading-user, .user-fetch { border-radius: 19px; } .panel { margin-bottom: 15px; } .fs-14 { margin: 2px; font-size: 14px; } .event-info-cont-small h3 { font-size: 25px; } .tag_prods_list .btn.contact svg, .tag_prods_list .btn.edit svg, .thumb-image-delete-btn svg { margin: 0px 0 0; } .event_info_blocks div { display: block; width: 100%; padding: 7px 5px 5px 36px; position: relative; font-size: 15px; } .album-image img { transition: transform 0.25s; width: 100%; object-fit: cover; height: 100%; border-radius:10px; } .tag_post_full_albm { position: relative; max-height: 600px; line-height: 1; margin: -1px -1px; align-items: normal; } .album-collapse { width: 33.3333333%; position: relative; display: inline-block; padding: 3px; } .album-collapse span { transition: background 0.25s; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; font-size: 30px; justify-content: center; border-radius:10px; } .image-file { max-width: 100%; margin: 0 auto; text-align: center; border-radius: 10px; } .chat-container .wow_chat_search.show { width: 250px; text-align: end; box-shadow: 0 11px 15px 0 rgb(0 0 0 / 2%), 0 3px 25px 0 rgb(0 0 0 / 19%); border-radius: 2em; } .thumb-image-delete-btn { min-width: 36px; position: absolute; padding: 0px 5px; right: 10px; top: 10px; backdrop-filter: blur(4px); border-radius: 50%; z-index: 1; } element.style { position: absolute; z-index: 2; left: 0px; top: 0px; bottom: 0px; height: 50%; pointer-events: none; width: 584px; } .tag_post_full_img { margin: 0 -1px; position: relative; overflow: hidden; border-radius: 7px; } .wo_actual_colrd_post { margin: 0 -1px; min-height: 370px; background-position: center; background-repeat: no-repeat; background-size: cover; justify-content: center; padding: 20px; border-radius: 7px; } .tag_navbar_top_side_all_sec { display: inline-grid; grid: auto/repeat(2,1fr); gap: 10px; } .who_react_modal { justify-content: space-between; padding: 0 24px; border-bottom: 0px solid #e4e4e4; margin: 0; flex-wrap: wrap; background: #85858529; border-radius: 10px 10px 0px 0px; } .load-more .btn span:not(.no_load_more_btn_span) { background: rgb(104 104 104 / 5%); box-shadow: 0 11px 15px 0 rgb(0 0 0 / 2%), 0 3px 25px 0 rgb(0 0 0 / 19%); } .pin-icon { font-size: 11px; text-transform: uppercase; letter-spacing: 0px; color: #00b324; font-family: 'Roboto', sans-serif; font-weight: 500; } li.filter-by-li .btn-mat svg { width: 0px; height: 0px; margin: 0px -3px 0 0; } .filterby li { box-shadow: 0px 0px 0px 1px rgb(102 102 102 / 5%); border-radius: 50px; margin: 0 10.28px; } .tag_audio_play { background: #7c7c7c0a; justify-content: center; padding: 15px 0px 15px; } .tag_page_name_hdr .user-avatar img { position: absolute; top: 50%; left: 67%; margin-right: -50%; transform: translate(-50%, -50%); width: 165px; height: 165px; border-radius: 50%; } .tag_page_name_hdr .user-avatar { bottom:-20px !important;} .wo_user_profile .user-avatar img { padding: 5px; position: relative; /*z-index: 5;*/ } .wo_user_profile .user-bottom-nav li a:hover { content: ""; top: 0px; bottom: 0px; padding: 7px 20px; border-radius: 50px; display: block; text-align: center; position: relative; font-weight: 500; background: #9191911f; transition: background-color .2s linear } .user_media_list_section .photo-data a:hover, .user_media_list_section .video-data a:hover { filter: brightness(0.9); transition: filter .2s linear; } .user_photo_list_section .photo-data a:hover { filter: brightness(0.9); transition: filter .2s linear; } .wo_user_profile .user-bottom-nav ul li { display: inline-block; padding: 0px 10px 0px 0px; } .tag_pub_box_bg_text:hover { background: #f0f2f5; height: 42px; transition: background-color .2s linear } .tag_pub_box_bg_text { background-color: #0000; padding-block: 1px; border: 2px dashed #f0f2f5; border-radius: 30px; transform: translate(0%, 0%); flex: 1 1 auto; line-height: 37px; height: 42px; color:#666; } .wo_user_profile .user-bottom-nav li a { content: ""; top: 0px; bottom: 0px; margin: 7px 0px; padding: 7px 20px; border-radius: 50px; display: block; text-align: center; position: relative; font-weight: 500; background-color: var(--header-background); border: 1px solid var(--body-bg); } .user_media_list_section .photo-data a, .user_media_list_section .video-data a { position: relative; padding-bottom: 100%; display: block; overflow: hidden; transition: filter .2s linear; } .user_photo_list_section .photo-data a { position: relative; padding-bottom: 100%; display: block; overflow: hidden; transition: filter .2s linear; } .tag_post_full_albm { position: relative; max-height: 600px; line-height: 1; margin: -1px -1px 12px; align-items: normal; } .container { width: 100%; margin: -2px auto; } .bs-callout { background: rgba(104, 104, 104, 0.05); border: 0px solid #e6e6e6; border-radius: 10px; } .tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu, .tag_navbar_top .tag_header > .search-container .dropdown-menu { animation-name: shutter-in-top; animation-duration: 0.4s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; padding: 10px 10px; border-radius: 15px; } @keyframes shutter-in-top { 0%{ transform: rotateX(-100deg); transform-origin: top; opacity: 0; } 100%{ transform: rotateX(0deg); transform-origin: top; opacity: 1; } } .wo_adaptive_media, .wo_adaptive_media_4, .wo_adaptive_media_5 { border-radius: 7px; overflow: hidden; position: relative; width: 100%; line-height: 1; } .tag_post_full_albm { overflow: hidden; position: relative; max-height: 600px; line-height: 1; margin: -1px -1px 12px; align-items: normal; border-radius: 7px; } .wo_adaptive_media .album-image, .wo_adaptive_media_4 .album-image, .wo_adaptive_media_5 .album-image { display: -webkit-inline-box; width: 50%; } .album-image { overflow: hidden; position: relative; width: 100%; padding: 3px; } .album-image img:hover { transform: scale(1.025); } .tag_post_full_img img:hover { transform: scale(1.025); } .tag_post_full_img img { transition: transform 0.25s; border-radius: 0; display: block; max-width: 100%; margin: 0 auto; } span.valign:hover { /*background: rgb(0 0 0 / 0.60);*/ } .post .panel, .user-ad-container .panel-white { border-radius: 15px; } .user_info_box h3 { font-size: 20px !important; font-weight: 600 !important; } @media screen and (min-width:1050px) { .user_info_box { margin-top: -70px !important; margin-left: 190px !important; } .social_links_profile { margin-left: 162px !important; } } .profile-cover-changer { opacity:0 ; transition:.2s; } .hovercard:hover .profile-cover-changer { opacity:1 !important; } @media screen and (max-width:1500px) { .sidebar_footer_mobile { display:none; } } @media screen and (min-width:1500px) { .tag_footer_mobi { display:none !important; } } .wo_page_profile .cardheader, .wo_sidebar_pages .cardheader { padding-bottom: 28% !important; } .tag_cover_bg .cardheader > img, .tag_usr_prof_covr { border-radius: 11px 11px 0px 0px; } .wo_group_profile .cardheader { padding-bottom: 28% !important; } /* .tag_home_filters { overflow:hidden; } */ .tag_page_nav { overflow-x: auto !important; margin: -10px -10px -2px !important; } /*дополнения*/ .display-block { display: block !important; } .header_mini_profile { background-color: #F9F9F9; border-radius: 8px; } .mb-2 { margin-bottom: 0.5rem !important; } .header_link_profile { background: #EFEFEF; border-radius: 8px 8px 0px 0px; padding: 10px; } .header_link_profile .menu_ava { max-height: 35px; border-radius: 50%; } .ms-3 { margin-left: 1rem !important; } .p-2 { padding: 0.5rem !important; } .d-flex { display: flex !important; } .ms-2 { margin-left: 0.5rem !important; } .header_profile li a { font-weight: 500; font-size: 14px; line-height: 16px; padding: 10px; color: #646464; /*display: flex;*/ align-items: center; } .mini_profile_btn a { text-decoration: none; font-weight: 500; font-size: 14px; line-height: 16px; align-items: center; padding: 8px; border-radius: 34px; color: #646464; transition: .2s; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: 10px; } .dropdown-item > span { padding: 0 5px; } .dropdown-snow{ display: block !important; width: 300px; position: absolute; inset: 0px auto auto 0px; margin: 0px; margin-top: 0px; transform: translate(-129px, 44px); } .tag_toggle_mode{ margin: 0; } .soc-links{ position: absolute; z-index: 10; right: 15px; bottom: 30px; background-color:#fff; border-radius:20px; padding:7px 15px; display: flex; column-gap: 12px; } .leftbar_footer{ position:relative; display: block; width:100%; margin-bottom:20px; } @media (max-width:992px) { .leftbar_footer{position:relative;display:none;width:100%;} } @media (max-width:520px) { .soc-links{position: absolute;z-index: 10;right: 10px;bottom: 10px;} } h3 img{ vertical-align: middle; } .count_box { border: 1px solid #EFEFEF; color: #AFAFAF !important; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; display: block; padding: 5px 12px; border-radius: 8px; text-decoration: none; transition: .2s; margin-right: 5px; } .head_brand { font-family: Montseratt; font-size:21px; margin-left: 12px; color:#000; margin-right: 34px; } .header-brand { display: flex; align-items:center; } .profile_count{ height: 30px; width:150px; margin-bottom:15px; } .profile_count img { border-radius: 50%; width: 35px; height: 35px; border: 4px solid #fff; margin-bottom:15px; } .profile_count a:not(:first-child) { margin-left: -10px; } .profile_count span { font-size: 12px; color: #878787; margin-left:10px; } .profile_count div { font-weight: 600; margin-left:10px; margin-bottom: -5px; } .dropmenuProfile{ position:relative; display: inline-block; } .dropmenubtn{ background-color: #fff; color:black; padding: 8px 8px; border: none; border-radius: 50%; width: auto; margin: 0 5px; } .dropmenuContent{ display: none; position:absolute; background-color: #fff; min-width: 200px; z-index: 1; right:0; border: 1px solid var(--body-bg); border-radius: 7px; padding: 7px; opacity: 0; transition: opacity 0.6s; box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); margin-top: 0px; } .dropmenuContent a{ color: var(--header-color); padding: 10px 10px; text-decoration: none; display: block; transition: 0.5s; } .dropmenuContent a:hover { background-color: #f0f2f58a; border-radius: 7px; color: var(--header-color); } .dropmenuProfile:hover .dropmenuContent{ display: block; opacity: 1; transition: opacity 0.6s; } .drop_filter { background-color: #fff; border: 1px solid #E8E8E8; border-radius: 36px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; } .btnset_filter { display: flex; } .btn_allpost { width: 111px; height: 38px; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #e8e8e8; border-radius: 50px 0px 0px 50px; font-family: 'Roboto Flex'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: #646464; } .btn_mypost { width: 111px; height: 38px; display: flex; justify-content: center; align-items: center; background: #FFFFFF; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #E8E8E8; border-radius: 0px 50px 50px 0px; font-family: 'Roboto Flex'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: #646464; } @media screen and (max-width:480px) { .btnset_filter { display: none !important; } } @media screen and (min-width:480px) { .drop_btn { display: none !important; } } .dropmenuContent a { color:#505050; } .dropmenuProfile .dropmenubtn{ background-color: var(--body-bg); } .dropmenuProfile:hover .dropmenubtn{ background-color: var(--body-bg); } .dropmenubtn > svg{ width:20px; transition: 0.5s; } .dropmenuProfile:hover .dropmenubtn > svg{ width:20px; transform: rotate(180deg); transition: 0.5s; } .dropmenuText{ margin-left:6px; } .rating{ position: relative; right:0; width:200px; height:14px; float: right; margin-bottom: 15px; } .rate_row { font-weight: 600; font-size: 14px; padding-bottom: 5px; } .ratingProcent{ position:relative; left:0; color: #343a40 !important; width:250px; } .ratingProcent-right{ position:relative; float:right; padding-bottom:20px; } .ratingBlue{ position:absolute; background-color:#2487C3; left:0; height:5px; border-radius: 15px; } .ratingGreen{ position:absolute; background-color:#24C33D; left:0; height:5px; border-radius: 15px; } .ratingOrange{ position:absolute; background-color:#F9BB00; left:0; height:5px; border-radius: 15px; } .ratingRed{ position:absolute; background-color:#F90000; left:0; height:5px; border-radius: 15px; } .ratingGrey{ position:absolute; background-color:var(--body-bg); right:0; height:5px; border-radius: 15px; border: 1px solid var(--body-bg); } .tag_ava_status { position: absolute; bottom: -3px; right: -15px; border-radius: 50%; width: 15px; height: 15px; background: #24C33D; box-shadow: 0 0 0 4px white; z-index:5; } .tag_ava_status2 { position: absolute; bottom: -3px; right: -15px; border-radius: 50%; width: 15px; height: 15px; background: #e4e4e4; box-shadow: 0 0 0 4px white; z-index:5; } @media (max-width:768px) { .profile_count{ position:relative; } .dropmenuContent{ margin-top: 10px; } } .notification-container { margin-right:20px !important; } @media screen and (max-width:1050px) { .tag_ava_status { position: absolute; bottom: 15px; right: 20px; border-radius: 50%; width: 15px; height: 15px; background: #4CAF50; box-shadow: 0 0 0 2px white; z-index:5; } .tag_ava_status2 { position: absolute; bottom: 15px; right: 20px; border-radius: 50%; width: 15px; height: 15px; background: #e4e4e4; box-shadow: 0 0 0 2px white; z-index:5; } .user_info_box { margin-top:25px; } .tag_page_name_hdr .user-avatar img { width: 127px !important; height: 127px !important; top: 46% !important; left: 51% !important; } } @media screen and (max-width:1500px) { .head_brand { margin-right:0px !important; } } @media screen and (max-width:400px) { .info_box { flex-direction: column !important; } .rating { width: 100%; margin:15px 0px; } .profile_count { width: 100%; } } @media screen and (min-width:400px) { .profile_count { border-right: 1px solid #dee2e6!important; } } .dropPhotoMenu{ display: none; position:absolute; background-color: #fff; min-width: 250px; z-index: 1; right:0; border: 1px solid var(--body-bg); border-radius: 7px; padding: 7px; opacity: 0; transition: opacity 0.6s; } .dropPhotoMenu a{ color: var(--header-color); padding: 10px 10px; text-decoration: none; display: block; transition: 0.5s; } .dropPhotoMenu a:hover { background-color: #e8e8e8; border-radius: 7px; color: var(--header-color); } img:hover .dropPhotoMenu{ display: block; } .dropmenuText{ margin-left:6px; } .count_pro_users{ padding: 4px 6px 3px 5px; background: #24C33D; border-radius: 90px; float: right; color: white; font-size: 10px !important; line-height: 14px; margin-top: 4px; } @media (max-width: 520px) { .tag_ava_status {bottom: 5px;right: 10px;} .tag_ava_status2 {bottom: 5px;right: 10px;} } .countGift { padding: 0px 8px; border: 1px solid #E8E8E8; border-radius: 90px; margin-left:10px; color:#AFAFAF; font-size: 12px !important; height: 26px; align-items: center; } .user_media_list_section .gift-data{ position: relative; padding: 7px; overflow: hidden; float: left; } .user_media_list_section_side .gift-data { width: 25%; } .user_media_list_section .gift-data a { position: relative; padding-bottom: 100%; display: block; overflow: hidden; transition: filter .2s linear; } .user_media_list_section .gift-data a img { top: 0; position: absolute; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; user-select: none; border-radius: 7px; } .btn_lang_profile { color:#979797 !important; } .pro_block_name { margin-left: 5px; font-weight: 500; } .pro_blocks { border-radius:10px; transition: .2s; padding:7px 5px; } .pro_blocks:hover { background-color: #f0f2f58a; } .p10 { padding: 10px; } .profile-avatar-changer { opacity:0; transition: .2s; } .user-avatar:hover > .profile-avatar-changer { opacity:1; transition: .2s; } .friends-data { width: 22%; display: inline-block; margin: 0 5px; padding: 5px 2px; } .friends_online_name { color:#646464; font-size: 12px; margin-top:7px; height: 20px; overflow: hidden; } .friends-data img { border-radius: 50%; width: 70px; height: 70px; } .friends-data:hover { background-color: #f0f2f50d; border-radius:10px; transition: .2s; } .menuactive > span { color: #00b324 !important; } .badges_row{ width:auto; margin: 10px 0px; } .badges{ padding: 3px 12px; display: inline-block; margin-right: 5px; border-radius: 15px; } .music { background: rgba(255, 139, 0, 0.2); color: #FF8B00 !important; } .music:hover { background: rgba(255, 139, 0, 0.3); color: #FF8B00 !important; } .youtube { background: rgba(0, 122, 255, 0.2); color: #007AFF !important;; } .youtube:hover { background: rgba(0, 122, 255, 0.3); color: #007AFF !important;; } .event_info_blocks .userInfo{ color: var(--main); } #more_info{ display: none; } .moreInfoButton{ background-color: #EFEFEF; border: none; color: #646464; padding: 10px 18px; text-align: center; text-decoration: none; display: inline-block; font-weight: 500; font-size: 14px; line-height: 16px; width: 100%; border-radius: 10px; transition: all 0.2s; margin-top:10px; } .moreInfoButton:hover{ transition: all 0.2s; background-color:#e9e9e9; } .wo_page_right_hdng{ padding: 0px 20px 5px 20px; border-bottom: 0px solid #eee; margin-left: -20px; margin-right: -20px; font-weight: 500; color: #646464; font-size: 14px; line-height: 25px; } .wo_page_right_hdng > a { margin-left: auto; } .event_info_blocks div span .ageUser{ font-size: 12px; color: #8E8E8E; } .post_comments { border: 1px solid var(--body-bg); border-radius: 25px; padding: 3px 15px 3px 0px; } .share { border: 1px solid var(--body-bg); border-radius: 25px; padding:3px 2px; } .feather-share { margin: 0 3px 0 3px !important; } .pagesImg{ display: inline-table; width: 50px; } .pagesText{ display:inline-table; } .pagesImg a img { width: 60px; height: 60px; object-fit: cover; margin-right: 10px; border-radius:50%; } .user-data {margin-bottom:7px;} .pagesText p { color:#999; } .pagesText span > a { font-weight: 500; color:#000; } .gift-data a img{ mix-blend-mode: normal; } .event_info_blocks div > img { position: absolute; left: 2px; top: 50%; transform: translateY(-50%); opacity: 0.9; width: 21px; height: 21px; } #gifts-cat{ display: inline-block; padding-bottom: 20px; } #gifts-cat ul{ display:contents; } #gifts-cat ul li{ display:inline-block; } #gifts-cat ul li a{ font-size: 12px; font-weight: bold; padding: 5px 6px; margin-right: 4px; } #gifts-cat ul .activeTab a{ background: var(--main); border-radius: 3px; color: var(--main-color); font-weight: bold; } #gifts-cat ul li a:hover{ background: #42bf2f; border-radius: 3px; color: var(--main-color); cursor: pointer; transition: .3s; } #gifts-cat ul li span.rowCnt{ font-size: 10px; text-align:center; color: var(--main-color); font-weight: bold; background: var(--main-hover); border-radius: 3px; padding: 3px 4px; } ul .activeTab a{ padding: 8px 20px; background: #006205; border-radius: 6px; color: #fff; font-weight: bold; } .progressTabs{ padding-bottom: 16px; margin: 0; overflow: hidden; overflow-x: auto; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .progressTabs span a{ display:inline-block; font-size: 0.8375rem; font-weight: 500; padding: 8px 20px; margin-right: 4px; color:#6e6e6e; border-radius: 8px; font-family: 'Roboto', sans-serif !important; } .progressTabs span a:hover{ background: #fff; color:#6e6e6e; box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); cursor: pointer; transition: .3s; } .progressTabs .activeTab a{ background: #fff; color:#6e6e6e; box-shadow: 0 11px 8px 0 rgb(0 0 0 / 2%), 0 3px 9px 0 rgb(0 0 0 / 2%); } .wow_achievements { background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06); border-radius: 10px; padding: 15px 15px 1px; } .ava_achievements{ display:flex; width:100px; margin:0 20px 15px 0; } .ava_achievements img{ border-radius:50%; border: 5px solid #dbdbdb; } .tag_page_name_hdr .achievements_user_info{ display:block; height:100%; width:100%; } .achievements_row{ width: 100%; padding-bottom: 10px; } .rowAchievements{ width: 24%; height: 30%; display: inline-table; text-align: center; }} .rProccess{ text-align: center; font-weight: bold; font-size: 16px; } .rowAchievements .rImg{ top: 0; } .rowAchievements .rName{ display: block; width:100%; } .rowAchievements .rProccess{ bottom: 0; width: 100%; text-align: center; font-weight: bold; font-size: 16px; } .colRight{ position: relative; width: 100%; padding-left: 15px; } .colL{ -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .colR{ -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; } .all_url { color: #8F8F92; } .countRow { font-weight: bold; margin-left:10px; color:#AFAFAF; font-size: 14px !important; height: 26px; } .cnt-1 { font-weight: bold; font-size: 21px; padding:3px 3px; background: none; } .cnt-1 img{ display:inline-block; } .BorderLine{ border-radius: 0%; border-right: 1px solid #fff; height: 100%; margin: 0 5px; } .rateProgress{ position:relative; display: block; right:0; width:350px; height:14px; float: right; margin: 0 15px; } .rate_row { font-weight: 600; font-size: 14px; padding-bottom: 5px; } .rProgress{ position:relative; left:0; color: var(--header-color) !important; width:350px; } .ratingProcent-right{ position:relative; float:right; padding-bottom:20px; } .ratingBlue{ position:absolute; background-color:#2487C3; left:0; height:5px; border-radius: 15px; } .ratingGreen{ position:absolute; background-color:#24C33D; left:0; height:5px; border-radius: 15px; } .ratingOrange{ position:absolute; background-color:#F9BB00; left:0; height:5px; border-radius: 15px; } .ratingRed{ position:absolute; background-color:#F90000; left:0; height:5px; border-radius: 15px; } .ratingGrey{ position:absolute; background-color:var(--body-bg); right:0; height:5px; border-radius: 15px; border: 1px solid var(--body-bg); } .UsersCnt{ display: initial; font-weight: bold; font-size: 25px; } .tableRow{ display: inline-block; padding: 10px; margin: 10px; border-radius: 10px; border: 1px solid var(--body-bg); width: 300px; } .achievements_user_info{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btn_tasks { display:flex; align-items:center; } .btn_tasks div:not(:first-child) { margin-left:10px; } .btn_hare, .btn_rating, .btn_activate, .btn_category { display:flex; align-items: center; padding: 7px 12px; border-radius: 45px; font-family: 'Roboto Flex'; font-style: normal; font-weight: 500; font-size: 14px; } .btn_hare img, .btn_rating img, .btn_activate img { margin-right:10px; } .btn_hare { background: #FF9E0036; color: #E39062; } .btn_rating { background: #00FF2C29; color: #5BB469; display: block ruby; } .btn_activate { background: #D6E4FF; color: #4781e8; } .btn_category { background: #a1a1a136; color: #6c6c6c; } /* .btn_hare:hover { background: #FF9E0070; color: #E39062; } .btn_rating:hover { background: #00FF2C4F; color: #5BB469; } */ .tasks { border: 1px solid #E8E8E8; border-radius: 8px; padding: 15px 13px; display:block; overflow:hidden; } .tasks h5 { font-family: 'Roboto Flex'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 16px; color: #646464; } .tasks p { font-family: 'Roboto', sans-serif !important; font-size: 12px; } .tasks_cover { display: flex; justify-content:end; } .tasks_cover img { width:40px; height:40px; object-fit:cover; } .tasks_progress { width:100%; background-color: #EFEFEF !important; border-radius: 47px; position:relative; display:block; border: 1px solid #E8E8E8; height:24px; } .tasks_progress_result { position:absolute; background: linear-gradient(90deg, #A5DB31 0%, #24C33D 100%); border-radius: 47px; top:0; left:0; text-align:center; color:#fff; font-size:12px; height:22px; } .tasks_status { color: #AFAFAF; font-weight: 400; font-size: 12px; line-height: 14px; } .rateText{ position:absolute; color: #fff; font-weight: bold; font-size: 14px; } .col9lg{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 60%; margin-top: 0px; margin-left: 60px; } .achievements_friends { display:flex; flex-direction: column; } .items_friends:not(:first-child) { margin-top:15px; } .items_friends { display:flex; align-items:center; } .items_friends_avatar img { width:60px; height:60px; border-radius:50%; object-fit:cover; } .items_friends_avatar { margin-right: 10px; } .items_friend_info a { margin-bottom:7px; font-weight: 600; font-size: 14px; line-height: 16px; color: #646464; display:block; } .items_friend_info div { display:inline-flex; } .items_friend_info img { width:20px; height:20px; margin-right:5px; } .items_friend_info { font-style: normal; font-weight: 600; font-size: 14px; line-height: 16px; color: #646464; } /* Шапка блока */ .block_headerOne { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; } .block_headerOne_title { display:flex; align-items:center; color: #646464; font-weight: 500; font-size: 14px; line-height: 16px; } .block_headerOne_count { border: 1px solid #E8E8E8; border-radius: 90px; color: #AFAFAF; font-weight: 500; font-size: 12px; line-height: 16px; padding: 3px 8px; margin-left:10px; } .block_headerOne_link a { color: #8F8F92; transition:.2s; } .block_headerOne_link a:hover, .block_headerOne_link a:focus { color: #666; } /* Шапка блока */ .achievements_result { font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; display:flex; justify-content:end; padding-top:15px; color: #AFAFAF; } .achievements_stats_lvl, .achievements_stats_points { position:absolute; right:-2px; transform: rotate(15.92deg); top:15px; } .achievements_stats { margin-top:20px; } .achievements_stats div h4 { color: #646464; font-weight: 500; font-size: 18px; line-height: 21px; margin-bottom:0px; } .achievements_stats div { border: 1px solid #E8E8E8; border-radius: 8px; position:relative; display:block; min-width:130px; overflow:hidden; color: #AFAFAF; font-weight: 500; font-size: 14px; padding:5px 10px; } .achievements_stats div:not(:first-child) { margin-left:10px; } .achievements_stats div:hover { background: #FFFFFF0A; cursor: pointer; } .achievements_info h3 { font-weight: 500; font-size: 19px; margin-bottom:2px; } .achievements_info p { color: #AFAFAF; font-weight: 500; font-size: 14px; line-height: 16px; } .achievements_avatar_img { width: 140px; height: 140px; border-radius: 50%; } .achievements_avatar { position:relative; display:block; height:140px; } .cover_lvl_1 { position: absolute; bottom: -15px; left: 8px; } .achievements_user { padding:20px 15px; } .w1-1 { width: 100%; overflow: hidden; margin: 0px; } .accept-btn{ background: #00b324bf; color: #fff; } .accept-btn:hover{ background: var(--main); color: #fff; } .delete-btn{ background: #dd0000a6; color: #fff; } .delete-btn:hover{ background: #ca1e1e; color: #fff; } .fl-r{float:right;right:40px;} .fl-l{float:left;} .tasks_cover_mobile { display: none; justify-content: end; } .tasks_cover_pc { display: flex; justify-content: end; } .avatar_mobile_img { width: 50px; height: 50px; border-radius: 50%; } .avatar_mobile { position:relative; display:block; height:39px; } .cover_lvl_1_mobile { position: absolute; bottom: -17px; left: 2px; } .cover_lvl_1_mobile img { max-width: 100%; } .tasks_cover_mobile img, .tasks_cover_pc img { height: 40px; object-fit: cover; } @media (max-width: 1500px) { .achievements_avatar { display: none; } .col9lg { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 0px; margin-left: 0px; } } @media (min-width: 820px) { .col10lg { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 0px; margin-left: 0px; } } @media (max-width: 820px) { .dropmenuContent { z-index: 5; } .dropmenuQuest { position: absolute; } .tasks_cover_mobile { display: flex; justify-content: end; } .tasks_cover_pc { display: none; justify-content: end; } .col10lg { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 0px; margin-left: 0px; } .col9lg { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 0px; margin-left: 0px; } .colRight{ padding-left: 0; } .colL{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .colR{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .tableRow{ display: block; width:100%; } .achievements_avatar { display: none; } } @media (max-width: 768px){ .tasks_cover_mobile > .dropmenuContent { margin-top: 40px; } } @media (min-width: 1500px) { .achievements_avatar_mobile { display: none; } .col10lg { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; margin-top: 0px; margin-left: -40px; } } .awards_box img { width:100%; height:100%; } .tag_pub_box .modal_header{ background: #fff; } .no_display, #no_display{ display: none; } .fl_r { float: right; } .fl_l { float: left; } .set_status_bg { background: #fff; border: 1px solid #E8E8E8; padding: 15px; position: absolute; margin-left: -9px; margin-top: 3px; width: 50%; z-index: 9; border: 1px solid #E8E8E8; box-shadow: 0px 15px 60px rgba(0, 0, 0, 0.1), 0px 64px 25px rgba(0, 0, 0, 0.01), 0px 36px 21px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.09), 0px 4px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1); border-radius: 15px; } .status_inp { background: #F5F5F5 !important; border: 1px solid #E8E8E8; border-radius: 8px; padding: 7px 40px 7px 10px; width: 100%; } .status_but button { padding: 3px 10px 3px 10px; } .button_div button { background: #24C33D; border-radius: 90px; cursor: pointer; color: #fff; width: 107px; height: 36px; display: flex; justify-content: center; align-items: center; margin-top: -10px; border: 0px; font-size: 12px; font-family: 'Roboto Flex'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; color: #FFFFFF; transition: 0.2s; position: relative; } .button_div button:hover { background-color: #00b925; } .status_but { margin-top: 5px; } .button_div { display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .status_text { margin-top: -10px; margin-left: 3px; color: #888; font-size: 12px; } .button_div_gray button { width: 87px; height: 36px; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 90px; display: flex; justify-content: center; align-items: center; color: #646464; font-family: 'Roboto Flex'; font-style: normal; margin-top: -10px; font-weight: 500; font-size: 12px; line-height: 16px; transition: .2s; cursor: pointer; } .button_div_gray button:hover { border-color: #9f9f9f; } .status_but button { padding: 3px 10px 3px 10px; } .button_div_gray { display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .margin_left { margin-left: 10px; } @media (max-width: 1000px){ .set_status_bg { padding: 5px; position: absolute; margin-left: -9px; margin-top: 3px; width: 100%; z-index: 9; border-radius: 15px; } } /* Страница с подписками Go pro */ .header_gopro h3 { font-weight: 600; font-size: 25px; line-height: 29px; color: #383838; max-width: 443px; margin:0 auto; } .header_gopro p { color: #AFAFAF; font-weight: 400; font-size: 14px; line-height: 16px; max-width: 565px; margin:15px auto 0px; } .yes_status_text{ position: absolute; right: 10px; top: 7px; cursor: pointer; } /* MSG */ .msg_container { height:90vh; width: 100%; overflow: hidden; } .msg_list_header { display: flex; } :root { --body-border:#E8E8E8; } /*AUDIO PLAYER*/ .ma_player {position: relative;top: 0;left: 0;right: 0;z-index: 99;} .ma_player .closed {bottom: -100px;transition: all 0.15s ease-in-out;} .player {height: 57px;background-color: #313131;color: #fff;position: relative;box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);z-index: 5;} .player .song_prog_mobi {position: absolute;top: 0;left: 0;right: 0;} .player .progress_container {position: relative;} .player .progress_container input[type=range] {position: absolute;bottom: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background-color: transparent;height: 2px;z-index: 3;cursor: pointer;} .player:hover .progress_container input[type=range], .player:hover .progress_container .audio-progress {height: 4px;} .player .progress_container input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;width: .75rem;height: .75rem;border-radius: 50%;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;opacity: 0;background: var(--main);} .player .progress_container input[type=range]::-moz-range-thumb {-webkit-appearance: none;width: .75rem;height: .75rem;border-radius: 50%;opacity: 0;background: var(--main);box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;} .player .progress_container input[type=range]::-ms-thumb {-webkit-appearance: none;width: .75rem;height: .75rem;border-radius: 50%;opacity: 0;background: var(--main);box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;} .player .progress_container input[type=range]::-moz-range-track {background: 0 0} .player:hover .progress_container input[type=range]::-webkit-slider-thumb {opacity: 1;} .player:hover .progress_container input[type=range]::-moz-range-thumb {opacity: 1;} .player:hover .progress_container input[type=range]::-ms-thumb {opacity: 1;} .player .progress_container .audio-progress {position: absolute;top: 0;left: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;height: 2px;background: 0 0;border: none;width: 100%;} .player .progress_container .audio-progress.audio-progress--played {z-index: 2} .player .progress_container .audio-progress.audio-progress--buffered {z-index: 1} .player .progress_container .amplitude-song-played-progress[value]::-webkit-progress-bar {background: none;} .player .progress_container .amplitude-song-played-progress[value]::-webkit-progress-value {background-color: var(--main);} .player .progress_container .amplitude-song-played-progress::-moz-progress-bar {background: none;background-color: var(--main);} .player .progress_container .amplitude-buffered-progress[value]::-webkit-progress-bar {background-color: #565656;} .player .progress_container .amplitude-buffered-progress[value]::-webkit-progress-value {background-color: #565656;} .player .progress_container .amplitude-buffered-progress::-moz-progress-bar {background: none;background-color: #565656;} .player .song_details {width: 33.3333333%;flex: 3 1;user-select: none;} .player .song_details .song_details_inner {width: 100%;position: relative;} .player .song_details .song_details_inner .song_art {width: 57px;height: 57px;float: left;} .player .song_details .song_details_inner .song_art img {width: 100%;height: 100%;object-fit: cover;display: block;background-color: #3e3e42;} .player .song_details .song_title {max-width: calc(100% - 55px);margin-left: 65px;padding-top: 16px;} .player .song_details .song_title h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;display: block;font-size: 16px;margin: 0;font-weight: 400;} .player .song_details .song_fav {cursor: pointer;display: inline-block;color: #c3c3c3;transition: all 0.2s;line-height: 1;margin-top: 7px;} .player .song_details .song_fav:hover {color:#fff;} .player .song_details .song_fav svg {width: 19px;height: 19px;} .player .song_details .song_time {display: inline-block;font-size: 13px;color: rgba(255, 255, 255, 0.5);margin-left: 8px;} .player .song_progress {position: relative;justify-content: center;width: 33.3333333%;flex: 3 1;} .player .song_progress .song_controls .amplitude-shuffle {margin-right: 20px;margin-top: -2px;} .player .song_progress .song_controls .amplitude-prev {color: #fff;transition: all 0.2s;cursor:pointer;} .player .song_progress .song_controls .amplitude-play-pause {width: 55px;height: 55px;cursor: pointer;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z' /%3e%3c/svg%3e");background-repeat: no-repeat;background-position: center;border-radius: 50%;padding: 0;min-width: auto;background-size: cover;transition: none;} .player .song_progress .song_controls .amplitude-play-pause.amplitude-playing {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z' /%3e%3c/svg%3e");} .player .song_progress .song_controls .amplitude-next {color: #fff;transition: all 0.2s;cursor:pointer;} .player .song_progress .song_controls .amplitude-repeat {margin-left: 20px;margin-top: -2px;} .player .song_progress .song_controls .amplitude-repeat.amplitude-repeat-on, .player .song_progress .song_controls .amplitude-shuffle.amplitude-shuffle-on {color: var(--main);} .player .song_progress_right {justify-content: flex-end;width: 33.3333333%;flex: 3 1;} .player .song_progress_right .volume_controls {display: flex;align-items: center;} .player .song_progress_right .volume_controls .amplitude-mute {width: 20px;height: 20px;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 3px;} .player .song_progress_right .volume_controls .amplitude-mute.amplitude-not-muted {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z' /%3e%3c/svg%3e");} .player .song_progress_right .volume_controls .amplitude-mute.amplitude-muted {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M3.63 3.63c-.39.39-.39 1.02 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z' /%3e%3c/svg%3e");} .player .song_progress_right .plyr_vol_mobi {position: relative;width: 130px;height: 4px;} .player .rangeSlider {position: absolute;background: none;border-radius: 4px;cursor: pointer;left: 0;right: 0;height: 4px;width: 130px;background-color: rgba(255, 255, 255, 0.15);} .player .rangeSlider .rangeSlider__fill {background: #ffffff;position: absolute;height: 100%;top: 0;left: 0;border-radius: 4px 0 0 4px;} .player .rangeSlider .rangeSlider__handle {display: inline-block;width: 13px;height: 13px;position: absolute;background: #fff;border-radius: 50%;top: -4px;opacity: 0;} .player .song_progress_right > .btn {padding: 0;border: 0;line-height: 1;background: transparent;color: white;margin-left: 15px;display: none;} .player .song_progress_right > .btn svg path.active_path {display: none;} .player .song_progress_right .song_queue {color: #fff;cursor: pointer;} .player .song_progress_right .song_queue {margin-left: 15px;} .ma_player_playlist.dropdown-menu {transform-origin: right bottom;min-width: 630px;width: 100%;bottom: 35px;background-color: #2b2b2b;} .ma_player_playlist.dropdown-menu:before {content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 11px 11px 0;bottom: -11px;right: -6px;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-color: #2b2b2b transparent transparent;} .ma_player_playlist .queue_head {padding: 4px 10px 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);} .ma_player_playlist .queue_head h4 {margin: 0;font-size: 17px;color: #fff;} .ma_player_playlist .queue_head span {margin-left: auto;color: #ff6357;font-weight: 500;font-size: 13px;cursor: pointer;} .ma_player_playlist .queue_list {height: calc(100vh - 200px);max-height: 520px;overflow-y: auto;} .ma_player_playlist .song {cursor:pointer;padding: 10px;position:relative;} .ma_player_playlist .song:hover, .ma_player_playlist .song.amplitude-active-song-container.amplitude-paused {background-color: rgba(255, 255, 255, 0.06);} .ma_player_playlist .song.amplitude-playing {background-color: rgba(255, 255, 255, 0.1);} .ma_player_playlist .song .song_icon_container {width: 40px;height: 40px;overflow: hidden;float: left;margin-right: 10px;position:relative;background-color: #3f3f3f;} .ma_player_playlist .song .song_icon_container img {width: 100%;height: 100%;object-fit: cover;} .ma_player_playlist .song.amplitude-playing .song_icon_container:before {content: '';width: 100%;height: 100%;position: absolute;display: block;z-index: 999;background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='80' viewBox='0 0 55 80' xmlns='http://www.w3.org/2000/svg' fill='%23FFF'%3e%3cg transform='matrix(1 0 0 -1 0 80)'%3e%3crect width='10' height='20' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='4.3s' values='20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3crect x='15' width='10' height='80' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='2s' values='80;55;33;5;75;23;73;33;12;14;60;80' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3crect x='30' width='10' height='50' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='1.4s' values='50;34;78;23;56;23;34;76;80;54;21;50' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3crect x='45' width='10' height='30' rx='3'%3e%3canimate attributeName='height' begin='0s' dur='2s' values='30;45;13;80;56;72;45;76;34;23;67;30' calcMode='linear' repeatCount='indefinite' /%3e%3c/rect%3e%3c/g%3e%3c/svg%3e") no-repeat rgba(0, 0, 0, 0.4);background-size: 70% 70%;background-position: 50% 50%;} .ma_player_playlist .song .song_duration {position: absolute;right: 10px;top: 50%;width: 45px;text-align: center;transform: translateY(-50%);font-size: 14px;color: rgba(255, 255, 255, 0.57);} .ma_player_playlist .song.amplitude-playing .song_duration {color: #fff;} .ma_player_playlist .song .song_meta_data {margin-right: 50px;} .ma_player_playlist .song .song_meta_data .song_title {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;font-size: 15px;font-weight: 500;margin: 0;} .ma_player_playlist .song .song_meta_data .song_artist {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: rgba(255, 255, 255, 0.56);line-height: normal;} .ma_player_playlist .song.amplitude-playing .song_title {color: var(--main);} .ma_player_playlist .song.amplitude-playing .song_artist {color: #fff;} .comm_img img { width:120px; height:120px; } .read__blog__content img { max-width: 100%; max-height: 580px; }