a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

 .thread-title-text{
    display:flex;
}
.thread-title-text .video-icon-size{
    margin-left:15px;
} 


::selection {
    background-color: #E13300;
    color: white;
}

::-moz-selection {
    background-color: #E13300;
    color: white;
}

:root {
    --input-border-heavy: #454545;
    --input-border-light: #313131;
}

html {
    font: 15px / 1.4 sans-serif;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    background-color: #242424;
}

body {
    /* overflow-y: scroll !important; */
    margin: 0;
}

.p-body-main--withSideNav .p-body-content {
    padding-left: 10px;
}

.block-tabHeader a {
    font-weight: 400;
    font-size: 15px;
    color: #FFCD02;
}

a {
    color: #003399;
    background-color: transparent;
    font-weight: normal;
    text-decoration: none;
}
#body {
    margin: 0 15px 0 15px;
    min-height: 96px;
}

/*p {
    margin: 0 0 10px;
    padding: 0;
    color: #000;
}*/

.itemList-itemTypeIcon.itemList-itemTypeIcon--audio::after {
    content: "\f001";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.p-pageWrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #FFF;
    /* padding-bottom: 30px; */
}
/*active class*/
span.username--staff.username--moderator.username--admin {
    color: #8B5D3B;
    font-weight: 600;
}
.active-submenu {
    font-weight: 700;
    background: #333333;
    border-left: 3px solid #FFCD02;
    padding-left: 7px;
}

.p-header {
    color: #FFCD02;
    background: #000000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block;
}

/* ************************************** */


.memberOverviewBlocks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.memberOverviewBlocks>li {
    width: 33.3%;
    max-width: 100%;
    padding: 6px 10px;
}

.memberOverviewBlock {
    display: flex;
    flex-direction: column;
}

.block-textHeader a {
    margin: 3px 0;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
    color: #FFCD02;
}

.memberOverviewBlock-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


.contentRow-figure {
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center;
}

.contentRow-main {
    flex: 1;
    min-width: 0;
    vertical-align: top;
    padding-left: 10px;
}

.contentRow-extra.contentRow-extra--large {
    font-size: 17px;
    color: #ffffff;
}

.contentRow-extra {
    float: right;
    padding-left: 6px;
    font-size: 11px;
}

.memberOverviewBlock-seeMore {
    background: #1b1b1b;
    border: 1px solid #313131;
    padding: 3px;
    text-align: center;
    margin-top: auto;
}

.memberOverviewBlock-list>li {
    margin: 6px 0;
}

.listHeap {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: -4px;
}

.listHeap>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: -1px;
    margin-top: 4px;
}

.avatar.avatar--s {
    width: 48px;
    height: 48px;
    font-size: 29px;
}

.avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

.tab-content-custom-tab {
    display: none
}

.tab-content-custom-tab.active {
    display: block;
}

.listInline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pairs.pairs--inline>dt,
.pairs.pairs--inline>dd {
    display: inline;
}

.pairs.pairs--inline {
    display: inline;
}

.pairs {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.contentRow-header {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
}

.blockLink:hover {
    background: #333333;
    text-decoration: inherit;
}

.toggleTarget.is-active {
    display: block;
    height: auto;
    opacity: 1;
}

.categoryList-link {
    display: block;
    flex-grow: 1;
    padding: 6px 6px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.categoryList-label {
    margin-left: auto;
    align-self: center;
    padding-right: 6px;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.videopopup {
    display: none;
}

.videopopup.is-active {
    display: block;
}

.fancybox-sidebar.is-active {
    display: block;
}

.fancybox-sidebar {
    background: #121212;
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 360px;
    z-index: 700;
    overflow-y: auto;
    display: none;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: inherit;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-has-sidebar .fancybox-sidebartoggle {
    display: block;
}

.fancybox-sidebartoggle {
    display: none;
    text-align: right;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-content {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-show-sidebar .fancybox-inner {
    right: 360px;
}

.avatar.avatar--xs {
    width: 32px;
    height: 32px;
    font-size: 19px;
}

.avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

/* ***************************************** */
.p-header-inner {
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
}

.p-header-inner {
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.p-header-content {
    padding: 6px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
}

.p-header-logo {
    vertical-align: middle;
    margin-right: auto;
}

.p-header-logo a {
    color: inherit;
    text-decoration: none;
}

.p-header-logo.p-header-logo--image img {
    vertical-align: bottom;
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

nav.navbar.navbar-inverse {
    background-color: #000000;
}

li.active a {
    background-color: #1b1b1b !important;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

li.active a {
    color: #ffffff !important;
    font-weight: 700;
}

ul.nav.navbar-nav li a {
    color: #FFCD02;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

ul.dropdown-menu {
    text-align: left;
    font-size: 13px;
    color: #ffffff;
    background: #121212;
    border-radius: 3px;
    border-top: 3px solid #FFCD02;
}

li.dropdown.open span.menu-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 28px;
    left: 82%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top-width: 0;
    border-bottom-color: #ffcd02;
}

li.dropdown.open {
    color: #333333 !important;
    text-decoration: none;
    /* background-color: rgba(255, 205, 2, 0.5) !important; */
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35) !important;
}

.dropdown.open a.main_menu {
    color: #333333 !important;
    text-decoration: none;
    background-color: rgba(255, 205, 2, 0) !important;
}

ul.dropdown-menu li a:hover {
    color: #000000;
    border-left: 4px solid;
    text-decoration: none;
    background: #333333;
    border-left-color: rgba(255, 205, 2, 0.5);
    padding-left: 10px !important;
    width: 100%;
}

nav.navbar.navbar-inverse {
    /* min-height: unset; */
    padding: 0px 12px;
    /* margin-bottom: 0px; */
}

ul.nav.navbar-nav.navbar-right li {
    border-top-left-radius: 4px;
    background-color: #242424;
    margin: 0px 2px;
}

ul.dropdown-menu li a {
    color: #FFF !important;
    font-size: 13px !important;
    padding-left: 10px !important;
}

/* login page */
h1.p-title-value {
    font-size: 24px;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
    font-weight: 400;
    color: #242424;
    padding: 0;
    word-wrap: break-word;
    /* background-color: #242424; */
    margin: 20px 0px;
    text-decoration: none !important;
}

.login_wrap form {
    color: #ffffff;
    background: #121212;
    border-width: 1px;
    border-style: solid;
    border-top-color: #313131;
    border-right-color: #383838;
    border-bottom-color: #454545;
    border-left-color: #383838;
    border-radius: 4px;
}

.p2 {
    background-color: #242424 !important;
    border-radius: 4px;
    display: block !important;
}

.p2 .col-form-label-sm {
    background: #242424 !important;
    border-right: none !important;
    border-width: 1px;
    border-style: solid;
    border-top-color: #313131;
    border-bottom-color: #454545;
}

.form-group.row {
    padding: 0px;
    margin: 0px !important;
}

.col-form-label-sm {
    border-right: 1px solid transparent;
    background: #1b1b1b;
    border-color: #313131;
    text-align: right;
    padding: 25px 10px 25px 10px;
    margin: 0px !important;
    font-weight: 400 !important;
}

html {
    font: 15px / 1.4 sans-serif;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    background-color: #242424;
}

.form-control-sm {
    margin: 18px 0px 18px 0px;
}

input {
    font-size: 15px;
    color: #ffffff !important;
    background: #1f1f1f !important;
    border: 1px solid #383838 !important;
    border-top-color: var(--input-border-heavy);
    border-right-color: var(--input-border-light);
    border-bottom-color: var(--input-border-light);
    border-left-color: var(--input-border-heavy);
    border-radius: 4px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.form-control:focus {
    outline: 0;
    background: #121212 !important;
    --o-border-heavy: #ffd21c !important;
    --o-border-light: #f2c200 !important;
    box-shadow: none !important;
    border-color: #f2c200 !important;
}

.login_wrap a {
    color: #ffffff;
    text-decoration: none;
    font: 15px / 1.4 sans-serif;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
    font-weight: 400;
}

input.form-check-input {
    width: 20px !important;
    color: #ffe682 !important;
    display: inline-block;
    min-width: 1em;
    height: 20px;
    text-align: left;
    -webkit-appearance: auto !important;
    border-color: #ffe682 !important;
    margin-top: 10px;
}

.space_wrap {
    margin: 30px 0px;
}

.login_wrap button {
    color: #000000 !important;
    background: #FFCD02 !important;
    min-width: 80px;
    border-color: #e8ba00 #ffd21c #ffd21c #e8ba00 !important;
    min-width: 120px;
    font-size: 13px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: 10px;
}

.p-body-w {
    background-color: #FFF;
    /* background-color: #242424; */
    padding: 30px 0px;
    /* border-top: 1px solid #454545; */
    margin: 0px !important;
}

a.videoItem {
    /* height: 120px; */
/* background-color: #ffcd00;*/
    background-color: #000000;
    display: block;
}

.p-lr {
    margin: 5px 0px;
}

.col-p {
    padding: 0px;
}

.cat_wr {
    margin-top: 20px;
}

.p-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin-bottom: -5px;
}

.p-body-header .p-title-value {
    font-size: 24px !important;
    font-weight: 400 !important;
    min-width: 0px;
    margin: 0px auto 5px 0px !important;
}

.p-title-pageAction {
    margin-bottom: 5px;
}

.button.button--icon--bolt>.button-text:before,
a.button.button--icon--bolt>.button-text:before {
    content: "\f0e7";
    width: 0.75em;
    display: inline-block;
    text-align: center;
}

.button.button--icon>.button-text:before,
a.button.button--icon>.button-text:before,
.button.button--icon .button-icon,
a.button.button--icon .button-icon {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button,
a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space-collapse: collapse;
    text-wrap: nowrap;
    font-size: 13px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    /* color: rgb(51, 51, 51); */
    color: #FFF;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    transition: background-color 0.125s ease 0s, border-color 0.125s ease 0s, color 0.125s ease 0s;
    border-radius: 4px;
    /* background: rgb(255, 255, 255); */
    background:#000;
    border-color: rgb(242, 242, 242) rgb(255, 255, 255) rgb(255, 255, 255) rgb(242, 242, 242);
}
.tab-memberpages {
    margin-top: 0px !important;
}
i.fal.fa-video.fa-4x {
    font-size: 16px;
color:#FFF;
}
.block-container {
    color: #ffffff;
    background: #121212;
    border-width: 1px;
    border-style: solid;
    border-top-color: #313131;
    border-right-color: #383838;
    border-bottom-color: #454545;
    border-left-color: #383838;
    border-radius: 4px;
}
.card p a {
    color: #000;
    font-weight: 600;
}
.block-header {
    padding: 10px 0px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    /* background: #333333; */
    /* border-bottom: 1px solid #313131; */
    /* background: linear-gradient(0deg, #333333, #232323); */
}

.block.block--category {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 20px;
}

.block-header a {
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

.block-body {
    list-style: none;
    margin: 0;
    padding: 0;
}

.node-body {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.node-icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 46px;
    padding: 10px 0 10px 10px;
}

.node-icon i {
    display: block;
    line-height: 1.125;
    font-size: 32px;
}

.node-icon i:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #99801b;
}

.node-main {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.node-title {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
}

a {
    color: #ffffff;
    text-decoration: none;
}

.node-stats {
    display: table-cell;
    width: 140px;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
}

.node-stats>dl.pairs.pairs--rows:first-child {
    padding-left: 0;
}

.node-stats>dl.pairs.pairs--rows {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 3px;
}

.pairs.pairs--rows {
    display: inline-table;
    margin-right: 6px;
}

.pairs {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.pairs.pairs--rows>dt {
    display: table-row;
    font-size: 80%;
}

.pairs>dt {
    padding: 0;
    margin: 0;
    color: #ffffff;
}

.pairs.pairs--rows>dd {
    display: table-row;
}

.pairs>dd {
    padding: 0;
    margin: 0;
}

.node-extra {
    display: table-cell;
    vertical-align: middle;
    width: 280px;
    padding: 10px;
    font-size: 13px;
}

.node-extra-icon {
    padding-right: 10px;
    float: left;
}

.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none !important;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.node-extra-icon .avatar {
    width: 36px;
    height: 36px;
    font-size: 22px;
}

.avatar.avatar--xs {
    width: 32px;
    height: 32px;
    font-size: 19px;
}

.avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

.node-extra-row {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: #ffffff;
}

.listInline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.listInline>li {
    display: inline;
    margin: 0;
    padding: 0;
}

.u-dt[title] {
    border: none;
    text-decoration: none;
}

.p-body-sidebar {
    padding-left: 10px;
}

.sideBannerTop {
    display: block;
    width: 100%;
    height: 200px;
    /* background-color: #ffcd00; */
    margin-bottom: 1rem;
}

.block {
    margin-bottom: 20px;
}

.block-minorHeader {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 17px;
    color: #FFCD02;
}

.block-row.block-row--minor {
    font-size: 13px;
}

.block-row {
    margin: 0;
    padding: 6px 10px;
}

.block-row:before,
.block-row:after {
    content: " ";
    display: table;
}

.block-footer {
    padding: 6px 10px;
    font-size: 12px;
    color: #ffffff;
    background: #1b1b1b;
    border-top: 1px solid #313131;
    background: linear-gradient(180deg, #1b1b1b, #161616);
}

.block-footer:not(.block-footer--split) .block-footer-counter {
    float: left;
}

.block-minorHeader a {
    color: inherit;
    text-decoration: none;
}

.contentRow {
    display: flex;
}

.contentRow-figure {
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center;
}

.contentRow-main.contentRow-main--close {
    padding-left: 6px;
}

.contentRow-main:before {
    content: '';
    display: block;
    margin-top: -0.18em;
}
.avatar.avatar--xxs {
    width: 24px;
    height: 24px;
    font-size: 14px;
}

.pairs.pairs--justified>dt {
    float: left;
    max-width: 100%;
    margin-right: 6px;
}

.pairs>dt:after {
    content: ":";
}

.pairs.pairs--justified>dd {
    float: right;
    text-align: right;
    max-width: 100%;
}

.shareButtons--iconic .shareButtons-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
}

.shareButtons--iconic .shareButtons-button {
    text-align: center;
}

.shareButtons-button {
    float: left;
    margin-right: 3px;
    padding: 6px;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 35px;
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.shareButtons--iconic .shareButtons-button>i {
    min-width: 20px;
}

.shareButtons-button.shareButtons-button--brand>i {
    font-family: 'Font Awesome 5 Brands';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shareButtons-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shareButtons--iconic .shareButtons-button>span {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.shareButtons-button>span {
    font-weight: 400;
    font-size: 15px;
}

.shareButtons-button.shareButtons-button--facebook:hover {
    background-color: #3B5998;
}

.shareButtons-button.shareButtons-button--facebook>i:before {
    content: "\f39e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--twitter:hover {
    background-color: #1DA1F3;
}

.shareButtons-button.shareButtons-button--twitter>i:before {
    content: "\f099";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--pinterest:hover {
    background-color: #bd081c;
}

.shareButtons-button.shareButtons-button--pinterest>i:before {
    content: "\f231";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--tumblr:hover {
    background-color: #35465c;
}

.shareButtons-button.shareButtons-button--tumblr>i:before {
    content: "\f173";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--reddit:hover {
    background-color: #FF4500;
}

.shareButtons-button.shareButtons-button--reddit>i:before {
    content: "\f281";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--whatsApp:hover {
    background-color: #25D366;
}

.shareButtons-button.shareButtons-button--whatsApp>i:before {
    content: "\f232";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--email:hover {
    background-color: #1289ff;
}

.shareButtons-button.shareButtons-button--email>i:before {
    content: "\f0e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--share {
    cursor: pointer;
}

.shareButtons-button.shareButtons-button--share:hover {
    background-color: #787878;
}

.shareButtons-button.shareButtons-button--share>i:before {
    content: "\f1e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--link {
    cursor: pointer;
}

.shareButtons-button.shareButtons-button--link:hover {
    background-color: #787878;
}

.shareButtons-button.shareButtons-button--link>i:before {
    content: "\f0c1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.sideBannerBottom,
.sideBannerBottom img {
    display: block;
    width: 100%;
    height: 300px;
    background-color: #ffcd00;
}

/* footer css */
.p-footer {
    font-size: 13px;
    color: #333333;
    background: #1f1f1f;
}

.p-footer a {
    color: #FFCD02;
}

.p-footer-inner {
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 10px;
}

@supports (padding: max(0px)) {
    .p-footer-inner {
        padding-left: max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right));
    }
}

.p-footer-row {
    margin-top: 20px;
}

.p-footer-row:before,
.p-footer-row:after {
    content: " ";
    display: table;
}

.p-footer-row:after {
    clear: both;
}

.p-footer-row-main {
    float: left;
    margin-bottom: 10px;
}

.p-footer-row-opposite {
    float: right;
    margin-bottom: 10px;
}

.p-footer-linkList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.p-footer-linkList:before,
.p-footer-linkList:after {
    content: " ";
    display: table;
}

.p-footer-linkList:after {
    clear: both;
}

.p-footer-linkList>li {
    float: left;
    margin-right: .5em;
}

.p-footer-linkList>li:last-child {
    margin-right: 0;
}

.p-footer-linkList>li a {
    padding: 2px 4px;
    border-radius: 2px;
}

.p-footer-linkList>li a:hover {
    text-decoration: none;
    background-color: rgba(255, 205, 2, 0.1);
}

.p-footer-rssLink>span {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 1.44em;
    height: 1.44em;
    line-height: 1.44em;
    text-align: center;
    font-size: .8em;
    background-color: #FFA500;
    border-radius: 2px;
}

.p-footer-rssLink .fa-rss {
    color: white;
}

.p-footer-copyright {
    margin-top: 20px;
    text-align: center;
    font-size: 11px;
}

.p-footer-debug {
    margin-top: 10px;
    text-align: right;
    font-size: 11px;
}

@media (max-width: 650px) {

    .p-footer-row-main,
    .p-footer-row-opposite {
        float: none;
    }

    .p-footer-copyright {
        text-align: left;
        padding: 0 4px;
    }
}

.u-srOnly {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

ul.p-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    line-height: 1.5;
}

.p-breadcrumbs:before,
.p-breadcrumbs:after {
    content: " ";
    display: table;
}

.p-breadcrumbs>li {
    float: left;
    font-size: 13px;
}

.p-breadcrumbs>li a {
    display: inline-block;
    vertical-align: bottom;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.p-breadcrumbs>li:after {
    content: "\f105";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
ul.p-breadcrumbs a {
    color: #2E2E2E;
}
.p-breadcrumbs>li:after,
.p-breadcrumbs>li:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 90%;
    color: #2E2E2E;
}

.p-body-header {
    margin-bottom: 10px;
    margin-top: 14px;
}

.p-body-main {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: auto;
    min-height: 1px;
}

.p-body-sideNavCol,
.p-body-contentCol,
.p-body-sidebarCol {
    display: table-column;
}

.p-body-content {
    display: table-cell;
    vertical-align: top;
}

.block-outer {
    /* padding-bottom: 6px; */
}

/* .block-container{
    margin-right: 15px;
} */
.block-outer:before,
.block-outer:after {
    content: " ";
    display: table;
}

.block-outer-opposite,
.block-row-opposite {
    float: right;
}

.buttonGroup {
    display: inline-block;
    vertical-align: top;
}

.buttonGroup>.button:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.button.button--link,
a.button.button--link {
    background: #121212;
    color: #ffffff;
    border-color: #2c2c2c #454545 #454545 #2c2c2c;
}

.buttonGroup>.button {
    float: left;
}

@media (min-width: 650px) {}

.block-container:not(.block-container--noStripRadius)> :first-child,
.block-topRadiusContent,
.block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.block-filterBar {
    padding: 6px 10px;
    font-size: 13px;
    color: #ffffff;
    background: #333333;
    border-bottom: 1px solid #454545;
    background: linear-gradient(0deg, #333333, #232323);
}

.filterBar {
    display: flex;
}

.block-filterBar .filterBar-menuTrigger {
    margin-right: -5px;
}

[data-xf-click],
a[tabindex] {
    cursor: pointer;
}

.filterBar-menuTrigger {
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
    border-radius: 4px;
    text-decoration: none;
    padding: 1px 5px;
}

.filterBar-menuTrigger:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    unicode-bidi: isolate;
}

.menu.menu--wide {
    width: 350px;
    max-width: calc(100% - 10px);
}

.menu {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.25s ease, -xf-opacity 0.25s ease;
    transition: all 0.25s ease, -xf-opacity 0.25s ease;
    position: absolute;
    z-index: 200;
    margin: 8px 0 0;
    min-width: 240px;
    max-width: 320px;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
}

.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 13px;
    color: #ffffff;
    background: #121212;
    border-radius: 3px;
    border-top: 3px solid #FFCD02;
}

.menu-header {
    padding: 6px 15px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 17px;
    color: #ffffff;
    background: #333333;
    border-bottom: 1px solid #313131;
    background: linear-gradient(0deg, #333333, #232323);
}

.menu-content> :last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.menu-row {
    margin: 0;
    padding: 6px 15px;
}

.structItemContainer {
    border-collapse: collapse;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.structItemContainer>.structItem:first-child,
.structItemContainer>.structItemContainer-group:first-child>.structItem:first-child {
    border-top: none;
}

.structItem {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid #292929;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.structItem-cell.structItem-cell--icon {
    width: 52px;
    position: relative;
}

.structItem-cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 8px;
}

.structItem-iconContainer {
    position: relative;
}

.block-outer .showIgnoredLink,
.showIgnoredLink.showIgnoredLink--subtle {
    font-size: 13px;
    color: #ffffff;
}

.showIgnoredLink.is-hidden {
    display: none !important;
}

.p-breadcrumbs>li:last-child a {
    font-weight: 700;
}

.p-breadcrumbs:after {
    clear: both;
}

.structItem-iconContainer .avatar {
    width: 36px;
    height: 36px;
    font-size: 22px;
}

.structItem-statuses,
.structItem-extraInfo {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.structItem-parts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

.structItem-parts>li {
    display: inline;
    margin: 0;
    padding: 0;
}

.structItem-status--sticky::before {
    content: "\f08d";
    width: 0.75em;
    display: inline-block;
    text-align: center;
}

.structItem-status::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 90%;
    color: #ffffff;
}

.structItem-statuses>li,
.structItem-extraInfo>li {
    float: left;
    margin-left: 8px;
}

.structItem-title {
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.structItem-minor {
    font-size: 12px;
    color: #ffffff;
}

.structItem-cell.structItem-cell--meta {
    width: 135px;
}

.structItem-cell.structItem-cell--latest {
    width: 190px;
    text-align: right;
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd {
    width: 40px;
    padding-left: 4px;
}

.structItem-iconContainer .avatar.avatar--xxs {
    width: 24px;
    height: 24px;
    font-size: 14px;
}

.button.button--wrap,
a.button.button--wrap {
    white-space: normal;
}

.button.is-disabled,
a.button.is-disabled {
    color: #ffffff;
    background: #212121;
    cursor: default;
    border-color: #151515 #2e2e2e #2e2e2e #151515;
    margin-top: 8px;
}

.buttonGroup>.button:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.buttonGroup>.button:not(:first-child) {
    border-left: none;
}

.buttonGroup:before,
.buttonGroup:after {
    content: " ";
    display: table;
}

.block-outer:after {
    clear: both;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 768px) {
    .container {
        /* max-width: 780px; */
    }
}

.p-body-sideNav {
    display: table-cell;
    vertical-align: top;
    width: 250px;
}

.block-footer:before,
.block-footer:after {
    content: " ";
    display: table;
}

.block-footer:after {
    clear: both;
}

.listInline.listInline--comma>li:nth-last-child(n+2)::after,
.listInline.listInline--customField>li:nth-last-child(n+2)::after {
    content: ", ";
}

.listInline.listInline--bullet>li+li::before {
    content: "\00B7\20";
}

span.avatar-u4-s {
    text-transform: capitalize;
}

.p-body-sideNav {
    display: table-cell;
    vertical-align: top;
    width: 250px;
}

img.thumb {
    height: 120px;
    width: 150px;
}

.tabs--standalone .tabs-tab {
    padding: 6px 10px 3px;
    border-bottom: 3px solid transparent;
    color: #fff;
}

.blockLink {
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    cursor: pointer;
}

/* **************** */
.blockLink.is-selected {
    font-weight: 700;
    background: #333333;
    border-left: 3px solid #FFCD02;
    padding-left: 7px;
}

.blockMessage.blockMessage--highlight.blockMessage--small.blockMessage--center {
    font-size: 13px;
    padding: 6px;
    color: #ffffff;
    background: #333333;
    text-align: center;
}

.label.label--subtle.label--smallest {
    color: #ffffff;
    background: #1b1b1b;
    border-color: #343434;
    display: inline-block;
    padding: 1px 0.35em;
    border: 1px solid #343434;
    border-radius: 4px;
    font-size: 80%;
    line-height: 1.26;
    text-decoration: none;
}

.tabs-tab {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    font-weight: inherit;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-size: 15px;
    padding: 6px 10px;
    border-bottom: 3px solid transparent;
}

h2.block-tabHeader.tabs.hScroller {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    color: #FFCD02;
    background: #ffffff;
    border-bottom: 1px solid #383838;
}

.block-tabHeader .tabs-tab.is-active,
.block-tabHeader .tabs>input:checked+.tabs-tab--radio {
    background: none;
    color: #333333;
    border-color: #FFCD02;
}

.formRow {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

.formRow>dt {
    border-right: 1px solid transparent;
    background: #1b1b1b;
    border-color: #313131;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
}

element.style {}

.formRow>dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

.formRow>dt,
.formRow>dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

.inputList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inputGroup {
    display: flex;
    align-items: stretch;
    max-width: 100%;
}

.inputGroup.inputGroup--joined .inputGroup-text {
    border: 1px solid #383838;
    border-top-color: var(--input-border-heavy);
    border-right-color: var(--input-border-light);
    border-bottom-color: var(--input-border-light);
    border-left-color: var(--input-border-heavy);
    background: #1f1f1f;
    text-align: center;
    padding: 3px 6px;
}

.inputDate .inputDate-icon::before {
    content: "\f133";
    width: 0.88em;
    display: inline-block;
    text-align: center;
}

.input.input--date {
    max-width: 150px;
}

.inputDate .inputDate-icon {
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    font-size: 1.0em;
    font-style: normal !important;
    line-height: .75em;
    vertical-align: -15%;
    cursor: pointer;
    width: 45px;
    justify-content: center;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input {
    font-size: 15px;
    color: #ffffff;
    background: #1f1f1f;
    border: 1px solid #383838;
    border-top-color: var(--input-border-heavy);
    border-right-color: var(--input-border-light);
    border-bottom-color: var(--input-border-light);
    border-left-color: var(--input-border-heavy);
    border-radius: 4px;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.inputGroup.inputGroup--joined .inputGroup-text:last-child {
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.inputGroup .inputGroup-text {
    flex-grow: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 6px;
}

select.input,
.input.input--select {
    padding-right: 1em !important;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:%23ffffff;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important; */
    background-size: 1em !important;
    background-repeat: no-repeat !important;
    background-position: 100% !important;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.iconic>input {
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    left: 0;
    width: auto;
    height: auto;
}

.iconic {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.iconic>input[type=checkbox]+i:after {
    content: "\f14a";
    width: 0.88em;
    display: inline-block;
    text-align: center;
}

.iconic>input[type=checkbox]+i:before {
    content: "\f0c8";
    width: 0.88em;
    display: inline-block;
    text-align: center;
}

.iconic>input:checked+i:before {
    opacity: 0;
}

.iconic>input+i:before,
.iconic>input+i:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.iconic>input:checked+i:after {
    opacity: 1;
}

.iconic .iconic-label:before {
    content: '';
    display: inline-block;
    width: 0.5em;
}

.iconic>input+i {
    display: inline-block;
    min-width: 1em;
    height: 0.9em;
    text-align: left;
}

.formRow .iconic>i,
.inputGroup .iconic>i,
.inputChoices .iconic>i,
.block-footer .iconic>i,
.dataList-cell .iconic>i,
.message-cell--extra .iconic>i,
.formRow.dataList-cell--fa>a>i,
.inputGroup.dataList-cell--fa>a>i,
.inputChoices.dataList-cell--fa>a>i,
.block-footer.dataList-cell--fa>a>i,
.dataList-cell.dataList-cell--fa>a>i,
.message-cell--extra.dataList-cell--fa>a>i,
.formRow .iconic svg,
.inputGroup .iconic svg,
.inputChoices .iconic svg,
.block-footer .iconic svg,
.dataList-cell .iconic svg,
.message-cell--extra .iconic svg,
.formRow.dataList-cell--fa>a svg,
.inputGroup.dataList-cell--fa>a svg,
.inputChoices.dataList-cell--fa>a svg,
.block-footer.dataList-cell--fa>a svg,
.dataList-cell.dataList-cell--fa>a svg,
.message-cell--extra.dataList-cell--fa>a svg {
    color: #ffcd02;
    fill: currentColor;
}

.formSubmitRow-main {
    position: relative;
}

.formSubmitRow-bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.9);
    border-top: 1px solid #454545;
}

.formSubmitRow-controls {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.button.button--primary,
a.button.button--primary {
    color: #000000;
    background: #FFCD02;
    min-width: 80px;
    border-color: #e8ba00 #ffd21c #ffd21c #e8ba00;
}

.formSubmitRow-controls>.button:first-child:last-child {
    min-width: 120px;
}

.button.button--icon--search>.button-text:before,
a.button.button--icon--search>.button-text:before {
    content: "\f002";
    width: 1em;
    display: inline-block;
    text-align: center;
}

.formSubmitRow {
    position: relative;
}

.formSubmitRow>dt {
    display: none;
}

.formSubmitRow>dd {
    width: 100%;
    padding: 0;
}

.inputList>li {
    margin-top: 6px;
}

.inputChoices {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#filter_form {
    opacity: 1;
    position: absolute;
    right: -11px;
    top: 22px;
    /* right: 85px;
    top: 450px; */
}

.inputGroup .inputGroup-splitter {
    display: inline-block;
    width: 6px;
    flex-shrink: 0;
}

select.input,
.input.input--select {
    padding-right: 1em !important;
    background-image: url('http://giforum.us.com/assets/img/arrow.svg') !important;
    background-size: 1em !important;
    background-repeat: no-repeat !important;
    background-position: 100% !important;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.menu-footer {
    padding: 6px 15px;
    font-size: 12px;
    color: #ffffff;
    background: #1b1b1b;
    border-top: 1px solid #313131;
    background: linear-gradient(180deg, #1b1b1b, #161616);
}

.menu-footer:before,
.menu-footer:after {
    content: " ";
    display: table;
}

.menu-footer:not(.menu-footer--split) .menu-footer-controls {
    float: right;
}

.menu-footer:after {
    clear: both;
}

.filterBar-filters {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-filterBar .filterBar-filterToggle:hover,
.block-filterBar .filterBar-menuTrigger:hover {
    text-decoration: none;
    background: #545454;
}

.filterBar-filterToggle:hover {
    text-decoration: none;
}

.block-filterBar .filterBar-filterToggle {
    background: #434343;
}

.filterBar-filterToggle {
    display: flex;
    text-decoration: none;
    color: inherit;
    padding: 1px 8px;
    border-radius: 4px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    column-gap: 2px;
    margin-right: 6px;
}

.filterBar-filterToggle-label {
    opacity: .75;
    margin-right: 2px;
}

.filterBar-filterToggle:hover:after {
    opacity: 1;
}

.filterBar-filterToggle:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 80%;
    vertical-align: bottom;
    content: " \f00d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    opacity: .5;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    position: relative;
    bottom: -2px;
}

.filterBar-filterToggle i.fa--xf {
    align-self: center;
}

/* ************************ */

/*media css*/
.menu.menu--wide.active {
    display: block;
    opacity: 1;
}

h3.itemInfoRow-title {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.itemList-itemOverlay {
    width: 100%;
    /* height: 52px; */
    bottom: -140px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 4px;
    overflow: hidden;
}

.itemList-item.js-inlineModContainer {
    flex: auto;
    width: 187.5px;
    max-width: 300px;
    margin: 3px;
    position: relative;
    overflow: hidden;
}

.itemList-item.js-inlineModContainer:hover .itemList-itemOverlay {
    bottom: 0;
}

.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}

.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}

.itemList-itemTypeIcon.itemList-itemTypeIcon--video:after {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 24px;
}

.itemList-itemTypeIcon.itemList-itemTypeIcon--video {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 100;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-text-stroke-color: #000000;
    -webkit-text-stroke-width: thin;
    color: #fff;
    opacity: 0.6;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.itemList-itemTypeIcon.itemList-itemTypeIcon--album::after {
    content: "\f07c";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 24px;
}

.itemList-itemTypeIcon {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 100;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-fill-color: #ffffff;
    -webkit-text-stroke-color: #000000;
    -webkit-text-stroke-width: thin;
    color: #fff;
    opacity: 0.6;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/* Add your existing CSS styles here */
.tabs-tab.active {
    /* Add your active tab styling here */
}

.tab-content.active {
    /* Add your active content styling here */
}

.block-body.tab-content.custom.tab.active {
    display: block;
}

.block-body.tab-content.custom.tab {
    display: none;
}

body {
    color: #fff;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container {
    display: inline-block;
}

.select2 {
    line-height: normal;
}

.select2 .select2-selection.input {
    cursor: text;
}

.select2 .select2-selection {
    padding: 0;
    margin: 0;
    display: block;
}

.select2 .select2-selection ul {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.select2 .select2-selection ul .select2-search.select2-search--inline {
    float: left;
}

.select2 .select2-selection ul .select2-search {
    flex-grow: 1;
    min-width: 0;
}

.select2 .select2-selection ul .select2-search .select2-search__field {
    color: inherit;
    border: none !important;
    padding: 1px 0;
    margin-top: 5px;
    background: transparent;
    min-width: 100%;
    max-width: 100%;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

.iconic>input[type=radio]+i:after {
    content: "\f058";
    width: 1em;
    display: inline-block;
    text-align: center;
}

.iconic>input[type=radio]+i:before {
    content: "\f111";
    width: 1em;
    display: inline-block;
    text-align: center;
}

.iconic>input:checked+i:before {
    opacity: 0;
}

.inputNumber-button--up::before {
    content: "\f067";
    width: 0.88em;
    display: inline-block;
    text-align: center;
}

.inputNumber-button--down::before {
    content: "\f068";
    width: 0.88em;
    display: inline-block;
    text-align: center;
}

.inputNumber-button {
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffcd02;
    font-size: 1.0em;
    font-style: normal !important;
    line-height: .75em;
    vertical-align: -15%;
    width: 45px;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input[type=number],
.input.input--number {
    text-align: right;
    max-width: 150px;
}

.input:focus,
.input.is-focused {
    outline: 0;
}

/*media css*/
.menu.menu--wide.active {
    display: block;
    opacity: 1;
}

.filterBar {
    position: relative;
}

h3.itemInfoRow-title {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.filterBar .menu.menu--wide.active {
    right: -11px;
    top: 22px;

}

.itemList-itemOverlay {
    width: 100%;
    /* height: 52px; */
    bottom: -140px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 4px;
    overflow: hidden;
}

.itemList-item.js-inlineModContainer {
    flex: auto;
    width: 187.5px;
    max-width: 300px;
    margin: 3px;
    position: relative;
    overflow: hidden;
}

.itemList-item.js-inlineModContainer:hover .itemList-itemOverlay {
    bottom: 0;
}

.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}

.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}

.itemList-itemTypeIcon.itemList-itemTypeIcon--video:after {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 24px;
}

.itemList-itemTypeIcon.itemList-itemTypeIcon--video {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 100;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-text-stroke-color: #000000;
    -webkit-text-stroke-width: thin;
    color: #fff;
    opacity: 0.6;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* ***************end filter css ********* */
/**********************css for vedio images*/
.albums-images-section {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
}

.blockMessage.blockMessage--highlight {
    width: 100%;
    display: block;
}

/**********************end css for vedio*/


/* *************start message page csss*********** */
.p-body-main {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: auto;
    min-height: 1px;
}

.p-body-sideNavCol,
.p-body-contentCol,
.p-body-sidebarCol {
    display: table-column;
}

.p-body-content> :last-child,
.p-body-pageContent> :last-child,
.p-body-sideNav> :last-child,
.p-body-sideNavContent> :last-child,
.p-body-sidebar> :last-child {
    margin-bottom: 0;
}

.p-body-content> :first-child,
.p-body-pageContent> :first-child,
.p-body-sideNav> :first-child,
.p-body-sideNavContent> :first-child,
.p-body-sidebar> :first-child {
    margin-top: 0;
}

@supports (scroll-padding-top: 10px) html:not(.has-browser-safari) .u-anchorTarget {
    height: 0;
    margin-top: 0;
}

.u-anchorTarget {
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
}

.block--messages .block-container {
    background: none;
    border: none;
}

.block-outer:empty {
    display: none;
}

.message-cell.message-cell--main {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.u-anchorTarget {
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
}

.message-inner {
    display: flex;
}

.block--messages .message-inner:last-of-type .message-cell:first-child {
    border-bottom-left-radius: 3px;
}

.block--messages .message-inner:first-of-type .message-cell:first-child {
    border-top-left-radius: 3px;
}

.block--messages .message-inner .message-cell {
    border-radius: 0;
}

.message-cell.message-cell--user {
    flex: 0 0 140px;
}

.message-cell.message-cell--user,
.message-cell.message-cell--action {
    position: relative;
    background: #1b1b1b;
    border-right: 1px solid #383838;
    min-width: 0;
}

.message-cell {
    display: block;
    vertical-align: top;
    padding: 10px;
}

.message-avatar {
    text-align: center;
}

.message-avatar-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0.5em;
}

.avatar.avatar--m {
    width: 96px;
    height: 96px;
    font-size: 58px;
}

.message-name {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    margin: 0;
}

[dir=auto] {
    text-align: left;
}

.message-userTitle {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin: 0;
}

.message-userBanner.userBanner {
    display: block;
    margin-top: 3px;
}

.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
    color: #ffffff;
    background: #333333;
    border-color: #4d4d4d;
    border-color: #ffcd02;
}

.userBanner {
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
}

.userBanner strong {
    font-weight: inherit;
}

.message-userArrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #383838;
}

.message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: #121212;
}

.message-main {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.message-attribution.message-attribution--split {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.message-attribution {
    color: #292929;
    font-size: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #292929;
}

.message-attribution:before,
.message-attribution:after {
    content: " ";
    display: table;
}

.message-attribution-main {
    float: left;
}

.u-dt[title] {
    border: none;
    text-decoration: none;
}

.message-attribution.message-attribution--split .message-attribution-opposite {
    margin-left: auto;
}

.message-attribution-opposite.message-attribution-opposite--list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.message-attribution-opposite.message-attribution-opposite--list>li:first-child {
    margin-left: 0;
}

.message-content {
    position: relative;
}

.message-content {
    flex: 1 1 auto;
    min-height: 1px;
}

.message-body:last-child {
    margin-bottom: 0;
}

.message-body {
    margin: 10px 0;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
}

.message-body:before,
.message-body:after {
    content: " ";
    display: table;
}

.message-attribution-gadget {
    display: inline-block;
    margin: -3px -7px;
    padding: 3px 7px;
}

.message-content .js-selectToQuoteEnd {
    height: 0;
    font-size: 0;
    overflow: hidden;
}

.message-footer {
    margin-top: auto;
}

.message .reactionsBar {
    margin-top: 10px;
    padding: 6px;
}

.reactionsBar {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.25s ease, -xf-opacity 0.25s ease;
    transition: all 0.25s ease, -xf-opacity 0.25s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
    background: #1b1b1b;
    border: 1px solid #313131;
    border-left: 2px solid #FFCD02;
    padding: 6px;
    font-size: 12px;
    margin-top: 6px;
}

.message-historyTarget {
    margin-top: 10px;
}

.toggleTarget {
    display: none;
    -webkit-transition: all 0.25s ease, -xf-height 0.25s ease;
    transition: all 0.25s ease, -xf-height 0.25s ease;
    overflow: hidden;
    height: 0;
    opacity: 0;
}

.message-attribution-opposite a:hover {
    text-decoration: none;
    color: #000000;
}

.message-attribution-opposite.message-attribution-opposite--list>li {
    margin-left: 14px !important;
}

.message-actionBar .actionBar-set {
    margin-top: 10px;
    font-size: 13px;
}

.actionBar-set.actionBar-set--external {
    float: right;
    margin-right: -3px;
}

.actionBar-set.actionBar-set--external>.actionBar-action:last-child {
    margin-right: 0;
}

.actionBar-action {
    display: inline-block;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 5px;
}

.actionBar-action.actionBar-action--reply:before {
    content: "\f3e5";
    width: 1.125em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
}

.actionBar-action:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 90%;
}

[data-xf-click],
a[tabindex] {
    cursor: pointer;
}

.actionBar-set.actionBar-set--internal {
    float: left;
    margin-left: -3px;
}

.actionBar-action {
    display: inline-block;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 5px;
}

footer.message-footer {
    border-top: 1px solid #292929;
}

.block--messages .message,
.block--messages .block-row {
    color: #ffffff;
    background: #121212;
    border-width: 1px;
    border-style: solid;
    border-top-color: #313131;
    border-right-color: #383838;
    border-bottom-color: #454545;
    border-left-color: #383838;
    border-radius: 4px;
}

.block-outer.block-outer--after {
    padding-top: 6px;
    padding-bottom: 0;
}

.blockMessage:before,
.blockMessage:after {
    content: " ";
    display: table;
}

.blockMessage.blockMessage--none {
    background: none;
    border: none;
    color: #ffffff;
    padding: 0;
}

.shareButtons-label {
    float: left;
    margin-right: 3px;
    color: #ffffff;
    min-height: 35px;
    line-height: 35px;
}

.shareButtons--iconic .shareButtons-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
}

.shareButtons--iconic .shareButtons-button {
    text-align: center;
}

.shareButtons-button {
    float: left;
    margin-right: 3px;
    padding: 6px;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 35px;
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.shareButtons--iconic .shareButtons-button>i {
    min-width: 20px;
}

.shareButtons-button.shareButtons-button--brand>i {
    font-family: 'Font Awesome 5 Brands';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shareButtons-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shareButtons-button.shareButtons-button--facebook>i:before {
    content: "\f39e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.shareButtons-button.shareButtons-button--brand>i {
    font-family: 'Font Awesome 5 Brands';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shareButtons--iconic .shareButtons-button>span {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.shareButtons-button>span {
    font-weight: 400;
    font-size: 15px;
}

article.message-body.js-selectToQuote p,
article.message-body.js-selectToQuote strong,
article.message-body.js-selectToQuote p,
article.message-body.js-selectToQuote span {
    color: #fff !important;
}

.note-editor.note-frame.panel.panel-default,
.panel-default>.panel-heading,
.note-editor .btn-default {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #454545;
}

article.message.message--post.js-post.js-inlineModContainer {
    margin-bottom: 20px;
}

a#postComment {
    background-color: #FFCD02;
    color: #000;
    padding: 2px 12px;
    font-weight: 600;
}

blockquote {
    background: #242424;
    border: 1px solid #313131;
    border-left: 3px solid #FFCD02;
    margin: 0.5em 0;
    padding: 6px 10px;
    font-size: 13px;
    display: flow-root;
}

blockquote[data-quote]:before {
    display: block;
    content: attr(data-quote) ":";
    font-size: 13px;
    color: #FFCD02;
    background: #333333;
    padding: 6px 10px;
    margin: -6px -10px 6px -10px;
}

blockquote p {
    background: #242424 !important;
}



/* *********************popup css******** */
.fancybox-button.fancybox-button--nw>i:before {
    content: "\f08e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.fancybox-button.fancybox-button--fsenter>i:before {
    content: "\f065";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.fancybox-button.fancybox-button--close>i:before {
    content: "\f00d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

.fancybox-button>i {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.videopopup.fancybox-container:hover .fancybox-infobar,
.videopopup.fancybox-container:hover .fancybox-toolbar,
.videopopup.fancybox-container:hover .fancybox-caption,
.videopopup.fancybox-container:hover .fancybox-navigation .fancybox-button {
    opacity: 1;
    visibility: visible;

}

/* ***************end */

.block-container>.block-formSectionHeader:first-child,
.block-body--collapsible .block-formSectionHeader:first-child,
.block-header+.block-formSectionHeader {
    border-top: none;
}

.block-formSectionHeader--small {
    font-size: 15px;
}

.block-formSectionHeader {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 17px;
    color: #FFCD02;
    border-top: 1px solid #383838;
    border-bottom: 1px solid #292929;
}

.itemList-item.js-inlineModContainer {
    max-width: 184px !important;
}

.itemList-item.js-inlineModContainer img.xfmgThumbnail-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.tooltip.tooltip--bookmark,
.tooltip.tooltip--share {
    max-width: 100%;
    width: 340px;
    padding: 0 15px;
}

.tooltip--bookmark .tooltip-content,
.tooltip--member .tooltip-content,
.tooltip--share .tooltip-content {
    color: #FFF;
    background: #333333;
    padding: 0;
    text-align: left;
    border: 1px solid #d8d8d8;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
}

.tooltip--share.tooltip--bottom .tooltip-arrow:after {
    top: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #fefefe;
}

.tooltip--share.tooltip--bottom .tooltip-arrow {
    top: -10px;
    left: 84%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: #d8d8d8;
}

.shareInput-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.shareInput-button>i:before {
    content: "\f0c5";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

/* menu link */
nav.navbar.navbar-inverse {
    border-bottom: 0px;
    border-radius: 0px;
}

.p-sectionLinks-list .p-navEl-link,
.p-sectionLinks-list .p-navEl-splitTrigger {
    padding-top: 6px;
    padding-bottom: 6px;
}

li.dropdown.active,
li.dropdown.active a,
li.dropdown.active span.caret.dropdown-toggle {
    font-weight: 700;
    background: #FFCD02 !important;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #000 !important;
}

.p-sectionLinks-list .p-navEl-link {
    padding: 0 8px;
}

.p-sectionLinks {
    font-size: 13px;
    color: #000;
    background: #FFCD02 !important;
    border-bottom: 1px solid #454545;
}

.p-sectionLinks-inner {
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 2px;
    padding-right: 2px;
}

@supports (padding: max(0px)) .p-sectionLinks-inner {
    padding-left: max(2px, env(safe-area-inset-left));
    padding-right: max(2px, env(safe-area-inset-right));
}

.p-sectionLinks-inner:before,
.p-sectionLinks-inner:after {
    content: " ";
    display: table;
}

.hScroller {
    overflow-y: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
}

.hScroller-scroll.is-calculated {
    overflow-x: scroll;
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.hScroller-scroll {
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow-x: hidden;
}

.p-sectionLinks-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.p-sectionLinks-list>li {
    display: inline-block;
}

.p-sectionLinks-list .p-navEl {
    font-size: 13px;
}

.p-navEl:after {
    clear: both;
}

span.caret.dropdown-toggle {
    color: #FFCD02;
    display: inline-block;
    border-top: 7px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

li.dropdown a {
    display: inline-block !important;
    padding: 8px 0px !important;
}

li.dropdown {
    padding: 0px 10px;
}

li.dropdown:hover {
    text-decoration: none;
    background: rgb(255 205 2 / 12%);
    color: #FFCD02;
}

.p-sectionLinks-list .p-navEl-link,
.p-sectionLinks-list .p-navEl-splitTrigger {
    padding-top: 6px;
    padding-bottom: 6px;
}

.p-sectionLinks-list .p-navEl-link {
    padding: 0 8px;
}

.p-sectionLinks-list a {
    color: inherit;
}

.p-navEl-link {
    float: left;
    /* -webkit-transition: opacity 0.25s ease, background 0.25s ease; */
    /* transition: opacity 0.25s ease, background 0.25s ease; */
}

.submenuitems {
    padding: 8px 0px 5px;
    display: none;

}
.sub_Cat .categoryList-link {
    padding-left: 14px;
}
.submenuitems.active {
    display: block;
}

a.dropdown-toggle.active {
    color: #ffffff;
    font-weight: 700;
    background: #1b1b1b;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.overlay {
    position: relative;
    margin: 40px auto 10px;
    margin-top: 4vh;
    width: 100%;
    max-width: 800px;
    background: #242424;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-top-color: #313131;
    border-right-color: #383838;
    border-bottom-color: #454545;
    border-left-color: #383838;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    outline: none;
}

.overlay>.overlay-title:first-child,
.overlay .overlay-firstChild {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.overlay .overlay-title {
    display: block;
}

body.is-modalOpen .overlay-container,
body.is-modalOpen .offCanvasMenu {
    overflow-y: scroll !important;
}

.overlay-container.is-active {
    /* display: block; */
    /* opacity: 1; */
}

.overlay-container {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    background: rgba(0, 0, 0, 0.35);
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.overlay-title {
    display: none;
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    background: #333333;
    border-bottom: 1px solid #313131;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: linear-gradient(0deg, #333333, #232323);
}

.overlay>.overlay-content>*:last-child,
.overlay .overlay-lastChild {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.blocks:last-child {
    margin-bottom: 0;
}

/* a.videoItem img {
    object-fit: cover;
    width: 100%;
    height: 120px;
} */

.sideBannerTop img {
    width: 100%;
    height: 200px;
}

.memberOverviewBlocks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.memberOverviewBlocks>li {
    width: 33.3%;
    max-width: 100%;
    padding: 6px 10px;
}

.memberOverviewBlock {
    display: flex;
    flex-direction: column;
}

.block-textHeader a {
    margin: 3px 0;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
    color: #FFCD02;
}

.memberOverviewBlock-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contentRow.contentRow--alignMiddle {
    align-items: center;
}

.contentRow-figure {
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center;
}

.contentRow-main {
    flex: 1;
    min-width: 0;
    vertical-align: top;
    padding-left: 10px;
}

.contentRow-extra.contentRow-extra--large {
    font-size: 17px;
    color: #ffffff;
}

.contentRow-extra {
    float: right;
    padding-left: 6px;
    font-size: 11px;
}

.contentRow-title {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 15px;
}

.memberOverviewBlock-seeMore {
    background: #1b1b1b;
    border: 1px solid #313131;
    padding: 3px;
    text-align: center;
    margin-top: auto;
}

.memberOverviewBlock-list>li {
    margin: 6px 0;
}

.listHeap {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: -4px;
}

.listHeap>li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: -1px;
    margin-top: 4px;
}

.avatar.avatar--s {
    width: 48px;
    height: 48px;
    font-size: 29px;
}

.avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

.tab-content-custom-tab {
    display: none
}

.tab-content-custom-tab.active {
    display: block;
}

.block-row.block-row--separated {
    padding-top: 12px;
    padding-bottom: 12px;
}

.contentRow-minor {
    font-size: 13px;
    color: #ffffff;
}

.listInline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pairs.pairs--inline>dt,
.pairs.pairs--inline>dd {
    display: inline;
}

.pairs.pairs--inline {
    display: inline;
}

.pairs {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.contentRow-header {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
}

.blockLink:hover {
    background: #333333;
    text-decoration: inherit;
}

.contentRow-extra.contentRow-extra--largest {
    font-size: 24px;
    color: #8c8c8c;
}
/* media page css */
.collapsed-content {
    display: none;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.videopopup {
    display: none;
}

.videopopup.is-active {
    display: block;
}

.fancybox-sidebar.is-active {
    display: block;
}

.fancybox-sidebar {
    background: #121212;
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 360px;
    z-index: 700;
    overflow-y: auto;
    display: none;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: inherit;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-has-sidebar .fancybox-sidebartoggle {
    display: block;
}

.fancybox-sidebartoggle {
    display: none;
    text-align: right;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* display: none; */
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-content {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-show-sidebar .fancybox-inner {
    right: 360px;
}

@media(min-width:992px) {
    .mobile-header {
        display: none
    }
}

@media(max-width:992px) {

    /* ********************header */
    header.p-header {
        display: none;

    }

    .row.p-body-w {
        display: grid;
        gap: 10px 2px
    }

    .navbar.navbar-inverse {
        display: none;
    }

    /* ******************************************* */
    .p-pageWrapper {
        display: block;
        overflow: auto;
    }

    .mobile-header {
        display: block;
        padding-left: 10px;
        overflow: hidden;
    }

    .mobile-header .p-header-logo.p-header-logo--image img {
        width: 65px;
    }

    .navbar.navbar-inverse.active ul.nav.navbar-nav.navbar-right {
        display: none;
    }

    .mobile-header .d-flex {
        display: flex;
        place-items: center;
        gap: 10px;
    }

    .navbar.navbar-inverse.active {
        display: block;
    }

    .tabs.tabs--standalone .hScroller {
        height: 40px;
    }

    .memberOverviewBlocks>li {
        width: 50% !important;
    }

    h2.block-tabHeader.tabs.hScroller {
        height: 38px;
    }

}

@media(max-width:768px) {
    .p-body-main {
        display: block;
    }

    .p-body-content {
        display: block;
    }

    nav.navbar.navbar-inverse.active ul.nav.navbar-nav li a {
        display: flex;
        justify-content: space-between;
        place-items: center;
    }

    nav.navbar.navbar-inverse.active .dropdown.open .menu-arrow {
        display: none;
    }

    .formRow>dt,
    .formRow>dd {
        width: 100%;
        display: block;
        text-align: left;
    }

    .memberOverviewBlocks>li {
        width: 100% !important;
    }

    .p-body-sideNav {
        margin-bottom: 13px;
        width: 100%;
        display: block;
    }

    .p-body-main--withSideNav .p-body-content {
        padding-left: 0px;
        display: block;
    }

    .p-body-main--withSideNav .tab-content-custom-tab.p-body-content.active {
        display: block;
    }

    .p-body-main--withSideNav .tab-content-custom-tab.p-body-content {
        display: none;
    }

    .form-group.row .col-form-label {
        width: 100%;
        text-align: left;
    }

    .login_wrap {
        padding: 20px 30px;
    }

    .form-group.row .col-sm-6.col-md-6.col-lg-8 {
        padding: 10px 8px;
    }

    .form-horizontal .form-group {
        margin-left: 10px;
    }

    .node-body {
        display: grid;
    }

    .fancybox-slide {
        padding: 10px !important;
    }

    .fancybox-infobar,
    .fancybox-toolbar,
    .fancybox-caption,
    .fancybox-navigation .fancybox-button {
        opacity: 1;
        visibility: visible;
    }

    /* .fancybox-show-sidebar .fancybox-inner {
        right: 0;
        height: 393px;
    } */
}

.mobile-header .p-nav-menuTrigger i:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

.modal-content {
    background: #000;
}
.cat_wrap_data {
    background: rgba(0,0,0,0.35);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #313131;
}

#modelAdd_media .modal-dialog {
    width: 800px;
}

.modal  .modal-dialog .modal-header .close {
    margin-top: 0px;
}
.modal-header .close {
    margin-top: -30px;
    font-size: 30px !important;
    color: #fff;
}

h5#exampleModalLabel {
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    padding-right: 10px;
    padding-left: 10px;
}
.cat_wrap_data .contentRow-minor {
    padding-top: 10px;
}
.blocks-textJoiner {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 6px;
}
.blocks-textJoiner>span {
    display: table-cell;
    position: relative;
}
.blocks-textJoiner>span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #d8d8d8;
}
.blocks-textJoiner>span {
    display: table-cell;
    position: relative;
}
.blocks-textJoiner>em {
    display: table-cell;
    padding: 0 10px;
    width: 1%;
    white-space: nowrap;
    font-size: 24px;
    line-height: 1;
    font-style: normal;
    text-align: center;
}
.u-depth1 {
    padding-left: 1em;
}
.cat_wrap_data .modal-body {
    padding: 0px;
}

@media(min-width:992px) {
    .mobile-header {
        display: none
    }
}

@media(max-width:992px) {

    /* ********************header */
    header.p-header {
        display: none;

    }

    .row.p-body-w {
        display: grid;
        gap: 10px 2px
    }

    .navbar.navbar-inverse {
        display: none;
    }

    /* ******************************************* */
    .p-pageWrapper {
        display: block;
        overflow: auto;
    }

    .mobile-header {
        display: block;
        padding-left: 10px;
        overflow: hidden;
    }

    .mobile-header .p-header-logo.p-header-logo--image img {
        width: 65px;
    }

    .navbar.navbar-inverse.active ul.nav.navbar-nav.navbar-right {
        display: none;
    }

    .mobile-header .d-flex {
        display: flex;
        place-items: center;
        gap: 10px;
    }

    .navbar.navbar-inverse.active {
        display: block;
    }

    .tabs.tabs--standalone .hScroller {
        height: 40px;
    }

    .memberOverviewBlocks>li {
        width: 50% !important;
    }

    h2.block-tabHeader.tabs.hScroller {
        height: 38px;
    }

}

@media(max-width:768px) {
    .p-body-main {
        display: block;
    }

    .p-body-content {
        display: block;
    }

    nav.navbar.navbar-inverse.active ul.nav.navbar-nav li a {
        display: flex;
        justify-content: space-between;
        place-items: center;
    }

    nav.navbar.navbar-inverse.active .dropdown.open .menu-arrow {
        display: none;
    }

    .formRow>dt,
    .formRow>dd {
        width: 100%;
        display: block;
        text-align: left;
    }

    .memberOverviewBlocks>li {
        width: 100% !important;
    }

    .p-body-sideNav {
        margin-bottom: 13px;
        width: 100%;
        display: block;
    }

    .p-body-main--withSideNav .p-body-content {
        padding-left: 0px;
        display: block;
    }

    .p-body-main--withSideNav .tab-content-custom-tab.p-body-content.active {
        display: block;
    }

    .p-body-main--withSideNav .tab-content-custom-tab.p-body-content {
        display: none;
    }

    .form-group.row .col-form-label {
        width: 100%;
        text-align: left;
    }

    .login_wrap {
        padding: 20px 30px;
    }

    .form-group.row .col-sm-6.col-md-6.col-lg-8 {
        padding: 10px 8px;
    }

    .form-horizontal .form-group {
        margin-left: 10px;
    }

    .node-body {
        display: grid;
    }

    .fancybox-slide {
        padding: 10px !important;
    }

    .fancybox-infobar,
    .fancybox-toolbar,
    .fancybox-caption,
    .fancybox-navigation .fancybox-button {
        opacity: 1;
        visibility: visible;
    }

    /* .fancybox-show-sidebar .fancybox-inner {
        right: 0;
        height: 393px;
    } */
}

.mobile-header .p-nav-menuTrigger i:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}
li.categoryList-item {
    padding: 0;
    text-decoration: none;
    font-size: 15px;
}

.categoryList-itemRow {
    display: flex;
    min-width: 0;
}

.categoryList {
    list-style: none;
    margin: 0;
    padding: 0;
}
/*media category page css start */
  /*media css*/
        .menu.menu--wide.active{
            display: block;
            opacity: 1;
        }
h3.itemInfoRow-title {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.itemList-itemOverlay {
    width: 100%;
    /* height: 52px; */
    bottom: -140px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 4px;
    overflow: hidden;
}
.itemList-item.js-inlineModContainer {
    flex: auto;
    width: 187.5px;
    max-width: 300px;
    margin: 3px;
    position: relative;
    overflow: hidden;
}
.itemList-item.js-inlineModContainer:hover .itemList-itemOverlay {
    bottom: 0;
}
.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}
.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--video:after {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 24px;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--video{
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 100;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-text-stroke-color: #000000;
    -webkit-text-stroke-width: thin;
    color: #fff;
    opacity: 0.6;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
/*media category page css end */

/*upload img icon css start*/
 .fileuploades,.media-upload{
       position: relative;
    background: #1f1f1f;
    border-radius: 5px;
    padding: 3px 12px;
}

    .fileuploades input{
        opacity: 0;
        position: absolute;
    }
    .fileuploades .mediaList-inner--upload::before {
    content: "\f093";
    display: inline-block;
    text-align: center;
}
li .mediaList-button{
    width: 160px;
    height: 110px;
    margin-top: 4px;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.fileuploades .mediaList-inner::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    display: block;
}
.formRow-explain {
    font-size: 12px;
    margin-top: 10px;
}

.mediaList-inner--link::before {
    content: "\f0ee";
    width: 1.28571429em;
    display: inline-block;
        font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    text-align: center;
}
.mediaList.mediaList--buttons{
        display: flex;
    list-style: none;
    gap: 16px;
}
.thumb{
  margin: 24px 5px 20px 0;
  width: 150px;
  float: left;
}
#blah {
  border: 2px solid;
  display: block;
  background-color: white;
  border-radius: 5px;
}
.modal-content {
    background-color: #000;
}
.modal-content a {
    color: #003399;
    text-decoration: none;
}
button.btn.btn-secondary {
    color: #000;
}
/*upload img icon css end*/

/* upload css new start */

#uploadPreview,.uploadPreview_album{
    margin-top:20px;
}
#uploadPreview div#row_div ,.uploadPreview_album div#row_div {
    background: #1f1f1f;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #454545;
    margin: 10px 2px;
}
#uploadPreview img.thumb ,.uploadPreview_album img.thumb{
    height: 112px;
    width: 112px;}

    #uploadPreview .contentRow-extra ,.uploadPreview_album .contentRow-extra{
    margin-top: 17px;}
    .typesList .typesList-type--image::before {
    content: "\f03e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.typesList .typesList-type::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.typesList .typesList-type--video::before {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.typesList .typesList-type--audio::before {
    content: "\f001";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.typesList .typesList-type--embed::before {
    content: "\f0ee";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
/* upload css new end */
.p-lr {
    margin: 30px 0px;
}
.inputChoices-explain {
    display: block;
    font-style: normal;
    font-size: 13px;
    color: #8c8c8c;
}

.inputChoices>.inputChoices-choice .iconic {
    position: static;
}
.inputChoices>.inputChoices-choice:last-child {
    margin-bottom: 0;
}
.inputChoices>.inputChoices-choice {
    margin-bottom: 6px;
    padding-left: 1.5em;
}
.inputChoices>.inputChoices-choice {
    position: relative;
}
.inputChoices>.inputChoices-choice .iconic>input+i {
    position: absolute;
    left: 0;
}
.cus_error p {
    color: red;
    font-weight: 600;
}

.cus_error {
    padding: 12px;
    background: #FFCD02;
}
.customimageupload img 
{
            width: 180px;
            object-fit: cover;
            height: 170px;
 }
 /*your media page css start */

        /*media css*/
        .menu.menu--wide.active{
            display: block;
            opacity: 1;
        }
h3.itemInfoRow-title {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.itemList-itemOverlay {
    width: 100%;
    /* height: 52px; */
    bottom: -140px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 4px;
    overflow: hidden;
}
.itemList-item.js-inlineModContainer {
    flex: auto;
    width: 187.5px;
    max-width: 300px;
    margin: 3px;
    position: relative;
    overflow: hidden;
}
.itemList-item.js-inlineModContainer:hover .itemList-itemOverlay {
    bottom: 0;
}
.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}
.itemInfoRow-status {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--video:after {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 24px;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--video{
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 100;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-text-stroke-color: #000000;
    -webkit-text-stroke-width: thin;
    color: #fff;
    opacity: 0.6;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
    .albums-images-section{
      display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
}
.blockMessage.blockMessage--highlight{
    width: 100%;
    display: block;
}
 /*your media page css end */


 .block-row.block-row--clickable.block-row--separated.fauxBlockLink.sub_Cat {
    padding-left: 25px;
}

.mediaList-placeholder:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f030";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    vertical-align: middle;
    color: #fff;
    margin: 2px 12px;
}

span.contentRow-extra.u-jsOnly {
    margin-top: 17px;
}
.image.itemList-.itemList-itemTypeIcon--audio:after {
    content: "\f001";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    position: absolute;
}
.image.itemList-.itemList-itemTypeIcon--audio {
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    font-size: 114px;
}

.image.itemList-.itemList-itemTypeIcon--video:after {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    position: absolute;
}
.image.itemList-.itemList-itemTypeIcon--video {
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    font-size: 114px;
}
/*.itemList-itemTypeIcon.itemList-itemTypeIcon--video::after {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
     position: absolute;
}
.itemList-itemList-itemTypeIcon--vedio{
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    font-size: 114px;
}*/
span.xfmgThumbnail-icon, .xfmg-audio {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    -webkit-text-stroke-color: #eee;
    -webkit-text-stroke-width: 1px;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
}

span.xfmgThumbnail-icon::before {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}

span.xfmg-audio::before {
        content: "\f001";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
a.med_al {
    padding: 6px 12px;
    display: block;
}

ol.categoryList.toggleTarget.is-active {border-bottom-color: #454545 !important;border-bottom: 1px solid;padding: 5px;margin-bottom: 8px;}
.customimageupload img {
    width: 180px;
    object-fit: cover;
    height: 170px;
     }
     .p-description {
        width: 100%;
    }
    ul.mediaList.mediaList--buttons i {
        text-align: center;
        display: block;
    }
    ul.typesList.listInline.listInline--bullet span {
        padding: 6px;
    }
    
    /*new css video*/

    .my-custom-header .navbar.navbar-inverse .container-fluid{
        margin-right: 0;
}
.my-custom-header .navbar.navbar-inverse{
        width: 100%;
display: flex;
}
.my-custom-header{
display: flex;
width: 100%;
max-width: 100%;
align-items: end;
}
.bg-black{
background: black;

}
.nav.navbar-nav.navbar-right a{
        color: #000 !important;
        font-weight: 600;

}
.nav.navbar-nav.navbar-right li{
          color: #000 !important;
background: #f4d535 !important;
border-radius: 4px;

}
.my-custom-header ul.nav.navbar-nav li a {
color: #fff ;}
@media (max-width: 992px){
    .navbar.navbar-inverse {
display: none !important;
}
.my-custom-header {
display: inherit;
padding: 0;
}
.navbar.navbar-inverse.active {
display: block !important;
}
}

a.videoItem.ads-img img,
a.videoItem.ads-img {
height: 220px;
}
.container.giform-comment-section .mainbox {
    padding: 0 !important;
  }
  .srap {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px;
    margin: 5px 0px;
}
  .container.giform-comment-section .card h4,
  .container.giform-comment-section .card span,
  .container.giform-comment-section .card p {
    color: #000;
  }

  .comment-name span:nth-last-child(1) {
    border-right: 0px solid #000000a2;
  }
  .comment-name span:first-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
  .comment-name span {
    border-right: 1px solid #000000a2;
    width: 100%;
    padding-left: 7px;
    color: #000;
  }
  .card p {
    margin: 3px 0px;
}
  .comment-name {
    justify-content: space-between;
    display: flex;
    margin-bottom: 18px;
  }
  .copyright p,
  .copyright span{
color: #fff;
  }
  .copyright{
      border-top: 1px solid #625e5e;
          display: flex;
  justify-content: space-between;
  padding: 12px 3px;
  }
  .my-footer .p-footer-row img{
          width: 75px;
  }
  .my-footer .p-footer-row{
display: flex;
  justify-content: space-between;
  align-items: center;
  }
  .my-footer .p-footer-row:before,.my-footer .p-footer-row:after {
  content: none;
}
 .p-footer.my-footer a {
  color: #fff;
}
.footer-social-icons span{
  margin-left: 15px;
}

.top_header_gifourm .post-section .slide-wrapper img {
    width: 80px !important;
    height: 80px !important;
}