html, body {height: 100%;} 
body { 
 overscroll-behavior-y: contain; 
} 
body {font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif;font-size: 14px;line-height: 1.428571429;color: #a09f9d;background-color: #232323;letter-spacing: 0.5px;} 
h1{font-size: 26px;overflow: hidden;text-overflow: ellipsis;} 
h2{font-size: 24px;margin-bottom: 10px;} 
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;} 
:focus { outline: none !important; outline: 0 !important;} 
 
.container, .container-fluid{padding: 0 !important;} 
.form-horizontal .form-group{margin-left: 0;margin-right: 0;} 
 
.show-modal{cursor: pointer;} 
h2 .btn-grey{vertical-align: 2px;} 
 
.footer {position: relative;height: 30px;clear:both;text-align: center;color: #a09f9d;font-size: 10px;line-height: 30px;} 
.footer a{color: #a09f9d} 
.footer a:hover, .footer span:hover{color: #FFFFFF;opacity: 0.75;} 
 
.svg-fa use, .svg-fa path{fill: currentColor;} 
.svg-far-fa-heart{width: 26px;height: 26px;vertical-align: -3px;} 
.svg-far-fa-heart{width: 23px;height: 21px;vertical-align: -3px;} 
 
.svg-fas-fa-mars-and-venus-burst{width: 24px;height: 24px;vertical-align: -7px;color: #ee5f96;} 
.svg-fas-fa-venus-mars{width: 24px;height: 24px;vertical-align: -7px;color: #5bbb66;} 
.svg-fas-fa-transgender{width: 24px;height: 24px;vertical-align: -9px;color: #d75fee;} 
.svg-fas-fa-mars-double{width: 24px;height: 24px;vertical-align: -7px;color: #3bb1ff;} 
.svg-fas-fa-mercury{width: 24px;height: 24px;vertical-align: -8px;color: #eb9320;} 
 
#menu-orientation .svg-fas-fa-mars-and-venus-burst{width: 20px;height: 20px;vertical-align: -6px;margin-right: 2px;} 
#menu-orientation .svg-fas-fa-venus-mars{width: 20px;height: 20px;vertical-align: -6px;margin-right: 2px;} 
#menu-orientation .svg-fas-fa-transgender{width: 20px;height: 20px;vertical-align: -6px;margin-right: 2px;} 
#menu-orientation .svg-fas-fa-mars-double{width: 20px;height: 20px;vertical-align: -6px;margin-right: 2px;} 
#menu-orientation .svg-fas-fa-mercury{width: 20px;height: 20px;vertical-align: -8px;margin-right: 2px;} 
 
.svg-fa-fa-search{width: 16px;height: 16px;vertical-align: -3px;} 
h1 .svg-fa-fa-search{width: 26.5px;height: 27px;vertical-align: -4px;} 
h2 .svg-fa-fa-search{width: 24.5px;height: 24px;vertical-align: -3px;} 
.search-completions .svg-fa-fa-search{width: 26px;height: 29px;vertical-align: -3px;} 
#iconSearch .svg-fa-fa-search{margin-left: 4px;} 
.svg-fab-fa-google{width: 16px;height: 16px;vertical-align: -3px; margin-right: 8px;} 
.svg-fab-fa-reddit-alien{width: 16px;height: 16px;vertical-align: -3px; margin-right: 8px;} 
.share-group .svg-fab-fa-reddit-alien{width: 18px;height: 18px;vertical-align: -3px; margin-right: 0px;} 
.svg-fab-fa-x-twitter{width: 16px;height: 16px;vertical-align: -3px; margin-right: 8px;} 
.share-group .svg-fab-fa-x-twitter{width: 18px;height: 18px;vertical-align: -3px; margin-right: 0;} 
.svg-fas-fa-envelope{width: 16px;height: 16px;vertical-align: -3px; margin-right: 8px;} 
.svg-fa-fa-sign-in-alt{width: 16px;height: 16px;vertical-align: -3px; margin-right: 8px;} 
 
.svg-fas-fa-rss{width: 16px;height: 16px;vertical-align: -3px;} 
h1 .svg-fas-fa-rss{width: 23px;height: 27px;vertical-align: -3px;} 
.svg-fas-fa-heart{width: 16px;height: 16px;vertical-align: -3px;} 
.svg-fas-fa-bookmark{width: 16px;height: 16px;vertical-align: -3px;} 
.svg-fas-fa-comment-dots{width: 16px;height: 16px;vertical-align: -3px;} 
h1 .svg-fas-fa-comment-dots{width: 26.5px;height: 26px;vertical-align: -3px;} 
.svg-fas-fa-bell{width: 16px;height: 16px;vertical-align: -3px;} 
.svg-fas-fa-upload{width: 16px;height: 16px;vertical-align: -3px;} 
.svg-fas-fa-gear{width: 18px;height: 18px;vertical-align: -5px;} 
.svg-fas-fa-circle-user{width: 16px;height: 16px;vertical-align: -3px;} 
.search-completions .svg-fas-fa-circle-user{width: 30px;height: 30px;vertical-align: -2px;} 
.svg-fas-fa-user-shield{width: 20px;height: 16px;vertical-align: -3px;} 
h1 .svg-fas-fa-user-shield{width: 33px;height: 26px;vertical-align: -3px;} 
 
.svg-fas-fa-exclamation-triangle{width: 16px;height: 16px;margin-right:4px; vertical-align: -2px;} 
.svg-fas-fa-clock-rotate-left{width: 26px;height: 26px;margin-right:10px; vertical-align: -2px;} 
.svg-fas-fa-xmark{width: 24px;height: 24px;vertical-align: -5px;margin-right: 7px;} 
h2 .svg-fas-fa-xmark{width: 16px;height: 16px;vertical-align: -4px;margin-right: 0;} 
.message-bar .svg-fas-fa-xmark{width: 16px;height: 16px;vertical-align: -4px;margin-right: 0;} 
.svg-fas-fa-arrow-alt-circle-up{width: 32px;height: 32px;} 
.svg-fas-fa-fire{width: 20px;height: 20px;vertical-align: -2px;margin-right: 5px;} 
 
.svg-fas-fa-eye-slash{width: 90px;height: 90px;color: #FFF;cursor: pointer;} 
.svg-fas-fa-camera{width: 14px;height: 13px;vertical-align: -1px;margin-right: 5px;} 
.btn-pink .svg-fas-fa-camera{width: 16px;height: 16px;vertical-align: -1px;color: #000;cursor: pointer;} 
.svg-fas-fa-video{width: 16px;height: 14px;vertical-align: -2px;margin-right: 5px;} 
.svg-fas-fa-eye{width: 16px;height: 14px;vertical-align: -2px;margin-right: 5px;} 
.user-info .svg-fas-fa-eye{width: 17px;height: 16px;vertical-align: -2px;margin-right: 5px;} 
.user-info.text-right .svg-fas-fa-eye{width: 16px;height: 14px;vertical-align: -2px;margin-right: 5px;} 
.svg-fas-fa-retweet{width: 16px;height: 14px;vertical-align: -2px;} 
.svg-fas-fa-check-circle{width: 14px;height: 14px;vertical-align: -2px;} 
.user-completions .svg-fas-fa-check-circle{width: 14px;height: 14px;vertical-align: -2px;margin-left: 5px;} 
h1 .svg-fas-fa-check-circle{width: 26.5px;height: 26px;vertical-align: -2px;} 
.user-profile .svg-fas-fa-check-circle{width: 16.5px;height: 16px;vertical-align: -2px;color: #3bb1ff;} 
.username .svg-fas-fa-check-circle{width: 21px;height: 21px;vertical-align: -2px;color: #3bb1ff;} 
 
.svg-fas-fa-home{width: 29px;height: 26px;vertical-align: -2px;margin-right: 5px;} 
.svg-fas-fa-user{width: 22px;height: 24px;vertical-align: -2px;margin-right: 5px;} 
 
.svg-fas-fa-circle-down{width: 42px;height: 42px;color: #FFF;} 
.svg-fas-fa-plus{width: 13px;height: 14px;vertical-align: -2px;} 
.dropdown-menu .svg-fas-fa-plus{width: 14px;height: 15px;vertical-align: -2px;} 
#add_more_box .svg-fas-fa-plus{width: 35px;height: 35px;} 
.svg-fas-fa-check{width: 13px;height: 14px;vertical-align: -2px;} 
 
.album-cover .svg-fas-fa-check{width: 70.5px;height: 84px;vertical-align: 0px;color: #fff;} 
 
button .svg-fas-fa-eye-slash{width: 17.5px;height: 14px;color: inherit;vertical-align: -2px;} 
.user-info .svg-fas-fa-eye-slash{width: 17.5px;height: 14px;color: inherit;vertical-align: -2px;} 
.dropdown-menu .svg-fas-fa-eye-slash{width: 17.5px;height: 14px;color: inherit;vertical-align: -3px;} 
h1 .svg-fas-fa-eye-slash{width: 33px;height: 26px;color: inherit;vertical-align: -3px;} 
.album-images .svg-fas-fa-camera{width: 14px;height: 13px;color: inherit;filter: drop-shadow(0 0 1px #000);opacity: 0.9;} 
.album-videos .svg-fas-fa-video{width: 16px;height: 14px;color: inherit;filter: drop-shadow(0 0 1px #000);opacity: 0.9;} 
.album-views .svg-fas-fa-eye{width: 16px;height: 14px;color: inherit;} 
.album-bottom-views .svg-fas-fa-eye{width: 16px;height: 14px;color: inherit;filter: drop-shadow(0 0 1px #000);opacity: 0.9;} 
 
.btn .svg-fas-fa-heart{width: 18px;height: 18px;vertical-align: -4px;} 
.btn .svg-far-fa-heart{width: 18px;height: 18px;vertical-align: -4px;} 
.btn .svg-fas-fa-retweet{width: 20px;height: 20px;vertical-align: -5px;} 
.btn .svg-fas-fa-bookmark{width: 13px;height: 18px;vertical-align: -5px;} 
.svg-far-fa-bookmark{width: 13px;height: 18px;vertical-align: -5px;} 
h1 .svg-far-fa-bookmark{width: 20px;height: 26px;vertical-align: -3px;} 
.svg-fas-fa-share{width: 17.5px;height: 19px;vertical-align: -5px;} 
.svg-far-fa-flag{width: 15.5px;height: 18px;vertical-align: -5px;} 
 
.svg-fas-fa-gear{width: 18px;height: 20px;vertical-align: -5px;} 
.svg-fas-fa-pencil{width: 17.5px;height: 15px;vertical-align: -4px;} 
.svg-fas-fa-pen{width: 17px;height: 16px;vertical-align: -3px;} 
.svg-fas-fa-globe{width: 17.5px;height: 15px;vertical-align: -4px;} 
.svg-fas-fa-images{width: 17.5px;height: 15px;vertical-align: -4px;} 
.svg-fas-fa-up-down-left-right{width: 15.5px;height: 15px;vertical-align: -4px;} 
.svg-fas-fa-trash-can{width: 17.5px;height: 15px;vertical-align: -2px;} 
.svg-fas-fa-link{width: 18px;height: 15px;vertical-align: -2px;} 
 
h2 .svg-fas-fa-comment{width: 24px;height: 24px;vertical-align: -2px;} 
h2 .svg-fas-fa-circle-plus{width: 24.5px;height: 24.5px;vertical-align: -2px;} 
.svg-fas-fa-paper-plane{width: 14.5px;height: 15px;vertical-align: -2px;} 
.svg-fas-fa-ellipsis{width: 17.5px;height: 20px;vertical-align: -5px;} 
.chat-message-right .svg-fas-fa-ellipsis{width: 15px;height: 19px;vertical-align: -2px;} 
.svg-fas-fa-ban{width: 15.5px;height: 15px;vertical-align: -2px;} 
h1 .svg-fas-fa-ban{width: 32.5px;height: 26px;vertical-align: -2px;} 
.svg-fas-fa-chevron-down{width: 20px;height: 20px;vertical-align: -4px;} 
.svg-fas-fa-rotate-right{width: 15.5px;height: 15px;vertical-align: -2px;} 
 
.svg-fas-fa-arrow-left{width: 15.5px;height: 19px;vertical-align: -3px;} 
.svg-fas-fa-paperclip{width: 12.5px;height: 14px;vertical-align: -3px;} 
.svg-fas-fa-table-cells-large{width: 14.5px;height: 14px;vertical-align: -2px;} 
.svg-fas-fa-user-check{width: 33px;height: 26px;vertical-align: -2px;} 
.svg-fas-fa-users{width: 18px;height: 14px;vertical-align: -2px;} 
h1 .svg-fas-fa-users{width: 33px;height: 26px;vertical-align: -2px;} 
.svg-fas-fa-user-plus{width: 18px;height: 14px;vertical-align: -2px;} 
h1 .svg-fas-fa-user-plus{width: 33px;height: 26px;vertical-align: -2px;} 
.svg-fas-fa-angle-right{width: 9.5px;height: 14px;vertical-align: -2px;} 
.svg-far-fa-bell{width: 23px;height: 26px;vertical-align: -2px;} 
.svg-fas-fa-hashtag{width: 26px;height: 30px;vertical-align: -2px;} 
 
 
@media screen and (max-width: 767px) { 
 .svg-fas-fa-home{width: 23px;height: 21px;vertical-align: -2px;margin-right: 5px;} 
 .svg-fas-fa-user{width: 18px;height: 20px;vertical-align: -2px;margin-right: 5px;} 
 h1 .svg-fas-fa-comment-dots{width: 20.5px;height: 20px;vertical-align: -3px;} 
 h1 .svg-fas-fa-rss{width: 16px;height: 21px;vertical-align: -3px;} 
 .svg-far-fa-heart{width: 23px;height: 21px;vertical-align: -3px;} 
 h1 .svg-far-fa-bookmark{width: 15px;height: 20px;vertical-align: -2px;} 
 h1 .svg-fas-fa-check-circle{width: 20.5px;height: 21px;vertical-align: -2px;} 
 h1 .svg-fas-fa-user-check{width: 25.5px;height: 20px;vertical-align: -2px;} 
 .username .svg-fas-fa-check-circle{width: 16px;height: 16px;vertical-align: -2px;color: #3bb1ff;} 
 h1 .svg-fas-fa-user-shield{width: 20.5px;height: 20px;vertical-align: -3px;} 
 h1 .svg-fas-fa-user-plus{width: 25.5px;height: 21px;vertical-align: -2px;} 
 h1 .svg-fas-fa-users{width: 25.5px;height: 21px;vertical-align: -2px;} 
 .svg-far-fa-bell{width: 18px;height: 20px;vertical-align: -2px;} 
 h1 .svg-fas-fa-ban{width: 21px;height: 21px;vertical-align: -2px;} 
 h1 .svg-fas-fa-eye-slash{width: 25.5px;height: 21px;color: inherit;vertical-align: -3px;} 
} 
 
.btn {padding:5px 8px;} 
.fa-lg{font-size:1.2em;} 
.bg-body{background-color: #232323 !important;} 
 
.p3{ 
 padding: 3px; 
} 
 
.bb{border-bottom: 1px solid #666666;} 
 
.panel-body .auth-left{ 
 float: left; 
 margin: 10px 10px 20px 10px; 
} 
 
.panel-body .auth-right{ 
 float: right; 
 margin: 10px 10px 20px 10px; 
} 
 
.op, .op:hover{ 
 color: #3bb1ff; 
 font-weight: bold; 
 font-size: 12px; 
} 
 
.badges{ 
 line-height: 32px; 
} 
.badges .badge{ 
 background-color: #3e3e3e;border-radius: 16px;padding: 4px 6px; 
} 
 
.title-menu-right{ 
 display: flex;align-items:center;justify-content:space-between; padding-left: 5px;padding-right: 5px; 
} 
 
.tooltip-inner { 
 max-width: 200px; 
 padding: 3px 8px; 
 color: #fff; 
 text-align: center; 
 background-color: #3e3e3e; 
 border-radius: .25rem; 
} 
 
.tooltip.in{ 
 opacity: 1; 
} 
 
.tooltip.top .tooltip-arrow{ 
 border-top-color: #3e3e3e; 
} 
 
.overflow-hidden{ 
 overflow: hidden; 
} 
 
.album-website{ 
 white-space: nowrap; 
 overflow: hidden; 
} 
 
.notification-badge{ 
 position: absolute;top:12px;left: 28px;width: 10px;height: 10px;background-color: #eb6395;border-radius:5px; 
} 
 
.notification { 
 align-items: center; 
 display: flex; 
 justify-content: flex-start; 
} 
 
.notification-image { 
 align-items: center; 
 display: flex; 
 justify-content: center; 
 width: 56px; 
} 
.notification-image i{ 
 display: flex; 
} 
 
.notification-info { 
 display: flex; 
 flex-direction: column; 
 padding: 0 0 0 10px; 
} 
 
.notification-body { 
 margin: 0;font-size: 14px; 
} 
 
#app{margin: 0 auto 0;} 
.free-space{min-height: 300px;padding-top: 20px;padding-bottom: 50px;} 
.free-space-box-mobile{border-top: 1px solid #3e3e3e;border-bottom: 1px solid #3e3e3e;padding: 10px;text-align: center;} 
#main {overflow:auto;padding-bottom:50px;min-height: 460px;} 
/*#app{min-height: 100%;margin: 0 auto -130px;} 
#main {overflow:auto;padding-bottom:130px;min-height: 460px;} 
.free-space{padding: 40px 20px;line-height: 20px;}*/ 
 
#home #app{min-height: 100%;margin: 0 auto -130px;position: relative;} 
#home footer{position: absolute;bottom: 0;margin: 0 auto;display: block;width: 100%;} 
#home-box{width: 340px;text-align: center;margin: 0 auto;padding-bottom: 100px;padding-top: 150px;} 
#home-box img{width: 150px;display: block;margin: 0 auto; margin-bottom: 30px;} 
#home-box .btn{margin: 0 auto;padding: 0;text-align: left;} 
@media(max-height:900px){#home-box{padding-top: 0;}} 
 
.lg-outer .lg-video-cont{height: 100% !important;} 
.lg-outer .lg-video{height: 100% !important;} 
.lg-outer .lg-img-wrap{padding: 0 !important;} 
 
.form-horizontal .radio{min-height: 32px;} 
 
.vjs-quality-selector .vjs-menu-button { 
 margin: 0; 
 padding: 0; 
 height: 100%; 
 width: 100%; 
} 
.vjs-quality-selector .vjs-icon-placeholder { 
 font-family: 'VideoJS'; 
 font-weight: normal; 
 font-style: normal; 
 font-size: 11px; 
} 
 
.vjs-quality-selector .vjs-icon-placeholder:before{ 
 line-height: 40px !important; 
} 
 
.blinking{ 
 animation:blinkingText 2s infinite; 
} 
@keyframes blinkingText{ 
 0%{ background-color: #eb6395; } 
 59%{ background-color: #eb6395; } 
 70%{ background-color: transparent; } 
 99%{ background-color: transparent; } 
 100%{ background-color: #eb6395; } 
} 
 
 
.vjs-quality-selector .vjs-icon-placeholder:before { 
 content: '\f110'; 
} 
.vjs-quality-changing .vjs-big-play-button { 
 display: none; 
} 
.vjs-quality-changing .vjs-control-bar { 
 display: flex; 
 visibility: visible; 
 opacity: 1; 
} 
.vjs-quality-selector .vjs-menu li{text-transform: none !important; width: 56px !important;line-height: 1.6em;} 
.vjs-quality-selector .vjs-menu{width: 56px !important;left: 0 !important;} 
 
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time, .vjs-time-divider, .video-js .vjs-duration, .vjs-no-flex .vjs-duration{display: block;} 
.video-js .vjs-time-control{padding: 0;min-width: 5px;padding-right: 2px;} 
 
.vjs-icon-placeholder::before{ 
 opacity: 0.9; 
} 
 
.duration{ 
 padding:2px 5px; border-radius: 4px; background-color:rgba(0,0,0,0.3);color: #ffffff;position: absolute;bottom: 10px;right: 10px;opacity: 0.9; 
} 
 
.f-left{float: left;} 
.f-right{float: right;} 
.w100{width: 100% !important;} 
 
.a-box{background-color: #232323;padding: 10px 0;position: relative;} 
.a-box-top{width: 300px;height: 100px; position: relative;margin: 0 auto;} 
.a-box-title{position: absolute;width: 20px;height: 13px;line-height: 11px;font-size: 11px;left: 0px;top: -13px;background-color: #232323;color: gray;text-align: center;} 
.tab-bottom{color: white;} 
.tab-bottom span{color: #eb6395;cursor: pointer;} 
 
#userInLive{background-color: #333;height: 40px;line-height: 40px;text-align: center;color: #FFF; white-space: nowrap;overflow: hidden;display: block;font-size: 15px;} 
#betaNav{position: absolute;top: 8px;right: 0;font-size: 8px;color: #eb6395;} 
#liveTitle{position: relative;} 
#betaLive{position: absolute;top: -4px;left: 84px;font-size: 8px;color: #eb6395;} 
#messageToAll{background-color: #333;line-height: 20px;text-align: center;color: #FFF; padding:10px;display: block;font-size: 12px;} 
 
/*********************** avatar **************************/ 
.edit-avatar{text-align: center;margin-bottom: 20px;} 
.edit-avatar .upload-avatar{width: 100px;margin: 0 auto;} 
.edit-avatar .fa-user-o{font-size: 60px;width: 100px;height: 100px; background: #4C4C4C;text-align: center;line-height: 100px;border-radius: 5px 5px 0 0; cursor: pointer;} 
.edit-avatar .change-avatar{background-color: #5A5A5A;width: 100px;display: block;margin: 0 auto;color: #bfbfbf;text-align: center;font-size: 10px;line-height: 20px;border-radius: 0 0 5px 5px;cursor: pointer;} 
.edit-avatar .upload-avatar:hover .change-avatar{color: #ffffff;} 
.file-avatar{display: none !important;} 
.upload-avatar .avatar{width: 100px;height: 100px;border-radius: 5px 5px 0 0;cursor: pointer;} 
 
/*********************** sponsors **************************/ 
.sp{float: left;padding: 0px 13px;position: relative;line-height: 50px;color: #ffffff;font-size: 14px;} 
.sp .sp-mention{position: absolute;width: 10px;height: 10px;line-height: 10px;font-size: 8px;right: -2px;top: 24px;background-color: #000;color: #bfbfbf;text-align: center;} 
.sp a{color: #ffffff;display: block;font-weight: bold;} 
 
.sp-mob{z-index:1001; width:100%; top:0; background-color: #000000;height: 46px;line-height: 44px;color: #bfbfbf;position: fixed;text-align: center;border-top: 1px solid #232323;border-bottom: 1px solid #232323;color: #ffffff;} 
.sp-mob div{height: 30px;white-space: nowrap;overflow: hidden;} 
.sp-mob .sp3, .sp-mob .sp4{border-right: 1px solid #232323;border-left: 1px solid #232323;} 
.sp-mob .sp-mob-mention{font-size: 8px;color: #bfbfbf;} 
.sp-mob a{color: #ffffff;display: inline-block;font-weight: bold;} 
 
.sp-go{cursor: pointer;} 
 
.top-bar{height: 40px;width: 100%;text-align: center;line-height: 40px;} 
.top-bar a{ 
 color: #FFF; 
 font-weight: bold; 
} 
.top-bar a span{ 
 background-color: #FFF;padding: 4px;border-radius: 4px;margin-left: 4px;font-weight: bold;color: #000; 
} 
.with-top-bar .sp-mob{ 
 top: 46px; 
 position: absolute; 
} 
 
.green-badge{ 
 position: absolute;top:12px;right: 3px;width: 10px;height: 10px;background-color: #5bbb66;border-radius:5px; 
} 
 
/*********************** search bar **************************/ 
#searchBar, #userSearchBar{margin-bottom: 20px;position: relative;} 
#searchBar #q, #userSearchBar #q-user{ 
 height: 50px; 
 background-color: #000 !important; 
 color: #bfbfbf; 
} 
#searchBar #q:focus, #userSearchBar #q-user:focus{ 
 box-shadow: 0 0 0; 
} 
 
#searchForm span{ color: #bfbfbf;} 
#searchForm #removeSearch{cursor: pointer;} 
#searchForm .form-control { padding: 6px 6px;} 
#searchForm #iconSearch .fa-search{ margin: 5px;} 
 
.stylish-input-group .input-group-addon{ 
 background: #000 !important; 
 border-radius: 0px; 
 border-right:0; 
 box-shadow:0 0 0; 
 border:0; 
} 
.stylish-input-group .form-control{ 
 border-right:0; 
 box-shadow:0 0 0; 
 border:0; 
 border-radius: 0px; 
} 
.stylish-input-group button{ 
 border:0; 
 background:transparent; 
} 
 
#suggestions{ 
 width: 100%; 
 background-color: #000; 
 z-index: 1000; 
 color: #bfbfbf; 
 top: 50px; 
 left: 0px; 
} 
#suggestions p { 
 height: 50px; 
 line-height: 50px; 
 border-top: 1px solid #232323; 
 margin: 0px; 
 padding: 0 10px; 
 z-index: 10000; 
 white-space: nowrap; 
 overflow: hidden; 
 display: flex; 
 align-items: center; 
 position: relative; 
} 
#suggestions p:hover { 
 background-color: #181818; 
 cursor: pointer; 
} 
#suggestions p.selected, #suggestions p.selected .fa-xmark{ 
 background-color: #181818; 
} 
 
#suggestions p i{ 
 font-size: 29px; 
 height: 50px; 
 line-height: 50px; 
 width: 40px; 
 text-align: center; 
} 
 
#suggestions p img{ 
 display: block; 
 width: 30px; 
 height: 30px; 
 margin: 10px 7px 10px 0px; 
 border-radius: 15px; 
 float: left; 
} 
#suggestions p span{ 
 height: 50px; 
 line-height: 50px; 
 margin-left: 7px; 
} 
 
#suggestions svg{margin-right: 10px;} 
 
#suggestions .fa-search, #suggestions .fa-clock-rotate-left{font-size: 28px;} 
 
#suggestions .fa-check-circle, #suggestions .fa-bolt{font-size: 14px; margin-left: 5px;width: auto;} 
 
#suggestions .fa-xmark{position: absolute;background-color: #000;right: 0px;font-size: 22px;padding-right: 6px;} 
#suggestions p:hover .fa-xmark{background-color: #181818;} 
 
#suggestions .suggestion-user-name{width: calc(100% - 50px);overflow: hidden;} 
 
/*********************** comments **************************/ 
.comments-title{margin-top: 20px;} 
.comment{ 
 margin: 10px 0;line-height: 20px;padding: 1px 0;position: relative; 
} 
.comment-content{ 
 margin-right: 35px;overflow: hidden; 
} 
 
.comment-content a i{ 
 font-size: 12px; 
} 
.comment-content a:hover i{ 
 color: #eb6395; 
} 
 
.comment-options{ 
 position: absolute;right: 0;top: 0; 
} 
.comment-options .btn-grey{border: none !important;color: #666666;} 
 
.leave-comment{ 
 border: 1px dashed #666666;line-height: 34px;border-radius: 2px;margin: 0 0 10px 0;padding: 0 20px;cursor: pointer; 
} 
 
.edit-comment-block{ 
 margin: 0!important; 
} 
.edit-comment-block .input-group{ 
 margin: 0!important; 
} 
 
.form-comment .input-group { 
 margin-bottom: 10px; 
 border: 1px dashed #666666; 
 background-color: #232323; 
} 
 
.form-comment .form-control{ 
 background-color: #232323 !important; 
 color: #a09f9d; 
 width: calc(100% - 40px) !important; 
} 
 
.form-comment .input-group-addon{ 
 background-color: #232323 !important; 
 color: #a09f9d; 
 cursor: pointer; 
} 
 
.form-comment .form-control:focus{ 
 border-color: #666666; 
 outline:0px !important; 
 outline-width: 0 !important; 
 -webkit-appearance:none!important; 
 box-shadow: none !important; 
 -moz-box-shadow: none!important; 
 -webkit-box-shadow: none!important; 
} 
 
 
/*********************** tabs menu **************************/ 
 
#tabs{height: 43px; 
overflow: hidden; 
white-space: nowrap; 
display: flex; 
} 
.menu-tab{line-height: 40px;color: #bfbfbf;padding: 0 15px;} 
.menu-tab:hover, .menu-tab:focus, .menu-tab.selected{color: #eb6395;border-bottom: 3px solid #eb6395;cursor: pointer;} 
 
/*********************** user list **************************/ 
.user-list{margin-bottom: 15px;line-height: 40px;color: #A09F9D;} 
.user-list-name{display: flex;align-items:center;overflow: hidden;} 
.user-list-name a:active, a:focus{color: #FFFFFF;} 
.user-list-avatar img{width: 36px;height: 36px;border-radius: 18px;} 
.user-list-icon .default-avatar{width:36px;height: 36px;border-radius: 36px;background: #3e3e3e;font-size: 20px;text-align: center;color: #a0a0a0;line-height: 35px;display: block;} 
 
 
 
#doneButton{float: right;} 
.close{color: #bfbfbf;text-shadow:none; opacity:1;font-size: 27px;} 
.close:hover{color: #bfbfbf;opacity:0.8;} 
 
.media-group{margin-bottom: 10px;position: relative;} 
.media-details{padding: 5px 0 0 0} 
.media-title{line-height: 20px; min-height: 20px;width: calc(100% - 60px);float: left;display: block;margin: 0;font-size: 14px;color: #747472;} 
.media-options{width: 40px;line-height: 20px;position: absolute;top: 10px;right: 10px;z-index: 10;} 
 
.content-editable:empty:before {content: attr(placeholder);} 
.content-editable:hover:after {background-image: url('/img/edit.png');background-size: 15px 15px;display: inline-block;width: 15px; height: 15px;margin-left:10px;content:"";} 
.content-editable:empty:focus:before, .content-editable:focus:after {content: "";background-image: none;} 
.content-editable:hover:after img{width: 20px;height: 20px;} 
 
#title_editable, #collection_title_editable{border: 1px dashed #666666;color: #999999; 
 line-height: 20px; 
 min-height: 20px; 
 padding: 10px;} 
 
 #tags{ 
 border: 1px dashed #666666; 
 color: #999999; 
 line-height: 36px; 
 padding: 10px; 
 min-height: 54px; 
 margin-bottom: 10px; 
 } 
 
 #tag_input{ 
 border: none; 
 color: #999999; 
 background-color: transparent; 
 display: inline-block; 
 width: 250px; 
 } 
 
input::placeholder{ 
 color: #999999; 
} 
 
 .tag{ 
 border: 1px solid #666666 !important; 
 color: #A09F9D; 
 border-radius: 2px; 
 background-color: transparent; 
 padding: 6px 0 6px 6px; 
 display: inline-block; 
 margin: 3px; 
 line-height: 20px; 
 background-color: #232323; 
 cursor: move; 
 } 
 
.long-text{ 
 
 text-overflow: ellipsis; 
 height: 60px; 
 
} 
 
.read-more, .read{cursor: pointer;} 
 
.static-links{ 
 margin-bottom: 10px;text-align: center;font-size: 10px;border-top: 1px solid #232323;padding-top: 10px; 
} 
.static-links a{ 
 color: #a09f9d; 
} 
 
.tag .delHashtag { 
 margin-left: 5px; 
 cursor: pointer; 
} 
 
.tag .delHashtag:after { 
 content: "x"; 
 padding: 7px 7px 7px 5px; 
} 
 
#legend-area{ 
 width: 100%;resize: none; 
 border: 1px dashed #666666;color: #999999;background-color: transparent; 
 padding: 10px;line-height: 20px; 
} 
 
.nav a span.hidden-lg{margin-left: 8px;} 
.nav .fa-lg{margin-right: 5px;} 
 
.form-group-bottom{margin-bottom: 0;} 
#user_message{background:#eb6395;position:fixed;margin:0 auto;padding:5px;right:0;left:0;top:10px;line-height: 30px;color: #fff;display: none;z-index: 1500;width: 200px;border-radius:5px;text-align: center;} 
 
a{color: #eb6395;} 
a:active, a:visited, a:focus{text-decoration: none;} 
a:hover{color: #FFFFFF;text-decoration: none;} 
 
.other-login-methods .btn{width: 57px;} 
.other-login-methods.btn-fa .fa{display: inline;float: none;border-right: none;} 
 
.sign-in .dropdown-menu a{color: #a09f9d;padding: 10px 15px;font-weight: bold;} 
.sign-in .dropdown-menu li{padding: 0;} 
.sign-in .dropdown-menu li i{width: 20px;} 
.navbar-collapse .hidden-sm i{width: 20px;} 
 
.sign-in .fa-mars-and-venus-burst{color: #ee5f96;} 
.sign-in .fa-venus-mars, .o-straight{color: #5bbb66;} 
.sign-in .fa-transgender, .o-trans{color: #d75fee;} 
.sign-in .fa-mars-double, .o-gay{color: #3bb1ff;} 
.sign-in .fa-mercury, .o-hentai{color: #eb9320;} 
 
.pink{color: #eb6395 !important;} 
.blue{color: #3bb1ff;} 
.white{color: #ffffff;} 
.dark{color: #333333;} 
.pull-right{float: right !important;} 
 
.link-account{color: gray;} 
.link-account:hover{color: #fff;text-decoration: none;} 
 
.w-100{width: 100% !important;} 
.w-70{width: 70% !important;} 
.w-50{width: 50% !important;} 
.ta-center{text-align: center;} 
 
#user{margin: 20px 5px 0 5px;} 
#user .avatar{width: 150px;height: 150px;border-radius:75px;} 
#user .default-avatar{width: 150px;height: 150px;border-radius:75px;display: block;background: #3e3e3e;font-size: 88px;text-align: center;color: #a0a0a0;line-height: 150px;margin: 0 auto;} 
 
 
#user .fa-user-circle{font-size: 150px;} 
#user .username{margin: 10px 0 10px 0;} 
#user .bio{margin: 0 0 0 0;} 
#user .website{line-height: 20px;margin-top: 10px;white-space: nowrap;overflow: hidden;} 
#user .user-info{font-size: 14px;margin: 0px;} 
#user .avatar-container{position: relative;} 
#user .avatar-container img, #user .avatar-container i, #user_edit .default-avatar{cursor: pointer;} 
#user .pen-box{ 
 font-size: 16px; 
 border-radius: 16px; 
 position: absolute; 
 bottom: 3px; 
 right: calc(50% - 70px); 
 cursor: pointer; 
 background-color: #eb6395; 
 width: 36px; 
 height: 36px; 
 line-height: 36px; 
 text-align: center; 
 border-radius: 18px; 
 color: #1b1b1b; 
} 
#user .pen-box:hover, #user .avatar-container img:hover + .pen-box, #user .avatar-container .default-avatar:hover + .pen-box{ 
 color: #ffffff; 
} 
 
#goTop{position: fixed;bottom: 0px;right: 10px;color: #a09f9d;font-size: 32px;display: none;cursor: pointer;z-index: 10;height: 32px;line-height: 32px;bottom: 10px;} 
 
#next{ position: fixed; 
 bottom: 5px; 
 right: 5px; 
 color: #a09f9d; 
 font-size: 42px; 
 display: block; 
 cursor: pointer; 
 z-index: 10; 
 width: 42px; 
 height: 42px; 
 line-height: 42px; 
 border-radius: 50%; 
 color: #000; 
 opacity: 0.3; 
 text-align: center; 
 } 
#next .fa-stack{width: 32px;height: 32px;line-height: 32px;} 
#next .fa-circle{font-size: 36px;} 
 
#bubble{ 
 position: fixed; 
 bottom: 10px; 
 right: 10px; 
 background-color: #a09f9d; 
 font-size: 14px; 
 cursor: pointer; 
 z-index: 10; 
 display: inline-block; 
 color: #232323; 
 padding: 6px 10px; 
 text-transform: uppercase; 
 font-weight: bold; 
 border-radius: 16px; 
} 
 
#bubble .fa-angle-right, .bubble-mobile .fa-angle-right{margin-left: 4px;} 
 
.bubble-mobile, .bubble-mobile:hover, .bubble-mobile:focus{ 
 font-size: 14px; 
 cursor: pointer; 
 display: block; 
 color: #232323; 
 padding: 6px 10px; 
 text-transform: uppercase; 
 font-weight: bold; 
 border-radius: 16px; 
 margin: 20px 25px; 
 text-align: center; 
} 
 
 
.separator{ 
 margin-top:10px; 
 border-top: 1px solid #484848; 
 border-bottom: 1px solid #484848; 
} 
 
.bb{ 
 border-bottom: 1px solid #484848; 
} 
 
.page-content .separator{ 
 margin: 10px 0 0 0; 
} 
 
 
.nat-top{ 
 margin-top:10px; 
 border-top: 1px solid #484848; 
} 
 
#bubble:hover{ 
 background-color: #FFFFFF; 
} 
#goTop:hover{ 
 color: #FFFFFF; 
} 
 
#title_modified{display: none;color: #eb6395;font-weight: bold;} 
 
.upload{width: 100%;position: relative;} 
.uploading-img, .encoding-img{width: 100%;} 
.upload .waitlist{position: absolute;top: 5px;left: 5px;z-index: 2;} 
.progress-pourcent{text-align: center;padding: 10px;} 
.progress-bar{height: 5px;width: 1px;background-color: #fff;border-radius:5px;margin-bottom: 10px;} 
 
.panel-default>.panel-heading { background-color: transparent; border-color: transparent; color: #fff;} 
.panel-heading {padding: 15px;border-bottom: none;} 
 
h4{font-size: 18px;} 
.panel{background-color: #1b1b1b;border: 0px;border-radius: 5px;} 
 
#add_more_file{display: none;} 
input{color: #111;} 
#add_more_box{text-align: center;margin-bottom:10px;padding: 30px;border: 1px dashed #666666;cursor: pointer;} 
#done_box{text-align: center;padding: 10px;} 
#add_more_button{margin: 50px 0 20px 0;} 
 
#legend{ 
 font-size: 14px;color: #999999;line-height: 20px;min-height: 20px;overflow: hidden; 
} 
 
#legend_editable{ 
 border: 1px dashed #666666;margin: 0 0 10px 0;font-size: 14px;color: #999999;line-height: 20px;min-height: 20px;padding: 10px 20px; 
} 
 
.navbar-right{margin-right: 0;} 
.nav .avatar img{width: 38px;height: 38px;} 
.nav .avatar a{padding: 15px 25px 10px 20px;} 
.navbar-logo img{display: block;height: 30px;float: left;margin: 10px 10px 10px 0;} 
.navbar-logo img.mini{height: 22px;margin: 15px 10px 13px 10px;width: 100px;} 
 
.navbar-inverse{background-color: #000;border: none;margin-bottom: 0px;} 
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text{color: #a09f9d;font-size: 12px; font-weight: bold;} 
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{color: #ffffff;} 
.navbar-inverse .navbar-toggle { 
 font-size: 12px; 
 line-height: 18px; 
 margin-top: 6px; 
 margin-bottom: 6px; 
 font-weight: bold; 
} 
 
#nav-right,#nav-sign-in{padding-right: 0px;} 
 
.dropdown-menu{right: 0px;left:auto;min-width: 165px !important;margin: 3px -1px 0 0px;color: white;background-color: #232323;font-size: 12px;line-height: 12px;padding: 0px;border: 1px solid #666666 !important;border-radius: 2px;} 
.dropdown-menu li{color: white;padding: 9px 14px;color: #a09f9d;cursor: pointer;white-space: nowrap;} 
.dropdown-menu li i{padding-right: 5px;} 
.dropdown-menu > li:hover, .dropdown-menu > li:focus {color: #262626;text-decoration: none;background-color: #f5f5f5;} 
 
 
.btn-primary {color: #ffffff;background-color: #e7614e;} 
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {color: #ffffff;background-color: #e13921;border-color: #c4301b;} 
.btn-default {color: #ffffff;background-color: #171717;border-color: #171717;} 
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #ffffff;background-color: #0a0a0a;border-color: #000000;} 
.btn-pink{ background-color: #eb6395;color: #1b1b1b;border-radius: 2px;} 
.btn-pink:hover {background-color: #db467e;color: white;} 
 
.btn-grey{border: 1px solid #666666 !important;color: #A09F9D;border-radius: 2px;background-color: transparent;} 
.btn-grey:focus{color: #A09F9D;} 
.btn-grey:hover{border-color: #eb6395 !important;color: #eb6395 !important;} 
 
.btn{border-color: transparent;} 
.btn:hover{color: #ffffff;text-decoration: none;} 
.btn > span { display: inline-block; text-align: center; line-height: 36px; font-size: 12px; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase;} 
.btn b{font-weight: normal;} 
 
.btn-fa { margin-top: 10px; margin-bottom: 10px;} 
.btn-fa .fab,.btn-fa .fa, .btn-fa .fa-brands{display: block;width: 40px; text-align: center; line-height: 36px;float: left; border-right: 1px solid #e3759f;} 
 
.btn-link { color: gray; font-size: 12px;} 
.btn-link-pink { color: #eb6395; font-size: 12px;} 
 
.btn-lg-240 {width: 240px;} 
 
.btn-small{font-size: 12px !important;padding:4px 8px !important;} 
 
.dt, kbd kbd, label { font-weight: normal;} 
 
.modal-header {padding: 10px 15px;border-bottom: 1px solid #111;background-color: #151515;} 
.modal-title {margin: 0;line-height: 1.428571429;color: #ffffff;font-weight: 500;font-family: inherit;} 
.modal-content {background-color: #232323;color: #eee;border-radius: 4px;border: none;} 
.modal-footer{border-top: none;} 
 
.user-info{line-height: 40px;font-size: 20px;height: 40px;color: #A09F9D;margin: 0 0 10px 0;white-space: nowrap;} 
.user-info .fa-user-circle{color: #A09F9D;vertical-align: top;line-height: 40px;height: 40px;font-size: 36px;margin-right: 5px;} 
 
.user-info .avatar{margin: 2px 5px 0 0;width: 36px;height: 36px;border-radius: 18px;display: inline-block;vertical-align: top;} 
.user-info .default-avatar{margin: 2px 5px 0 0;width: 36px;height: 36px;border-radius: 18px;display: inline-block;vertical-align: top;background: #3e3e3e;font-size: 20px;text-align: center;color: #a0a0a0;line-height: 36px;} 
.user-completions .default-avatar{margin: 0 7px 0 0px !important;width: 30px;height: 30px !important;border-radius: 15px;display: inline-block;vertical-align: top;background: #3e3e3e;font-size: 18px;text-align: center;color: #a0a0a0;line-height: 30px !important;} 
 
.user-info button{vertical-align: top;margin-top: 3px;min-width: 32px;} 
.username{white-space: nowrap;color: #eb6395;} 
.username h1{color: #eb6395;margin: 0 10px 0 0;display: inline-block;max-width: calc(100% - 192px);} 
.username #user_icon{margin-right: 0px;} 
.username #user_name{margin: 0 10px 0 0;max-width: calc(100% - 192px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;font-size: 20px;display: inline-block;} 
.username #user_name i, .username #user_name:hover i{color: #eb6395;font-size: 16px;} 
.username .fa-check-circle, .username .fa-bolt{font-size: 18px;} 
.username #user_name_hidden{color: #A09F9D;} 
h1.username .fa-check-circle, h1.username .fa-bolt{font-size: 20px;height: auto;line-height: inherit;} 
.username .ero-badge{height: 40px;line-height: 36px;} 
.user-info.text-right{font-size: 14px;} 
.user-info.text-right .btn{margin-top: -3px; vertical-align: middle;} 
.user-info .btn{padding: 5px;} 
 
.user-verified{color: #3bb1ff !important;} 
.user-badge{color: #fcd63f !important;} 
 
 
.album{position: relative;padding-bottom: 10px;padding-left: 5px !important;padding-right: 5px !important;} 
 
@media screen and (max-width: 479px) { 
 .album:nth-child(2n+1) { 
 clear: left; 
 } 
} 
 
@media screen and (min-width: 480px) and (max-width: 767px) { 
 .album:nth-child(3n+1) { 
 clear: left; 
 } 
} 
 
@media screen and (min-width: 768px) and (max-width: 991px) { 
 .album:nth-child(4n+1) { 
 clear: left; 
 } 
} 
@media screen and (min-width: 992px) { 
 
 .album:nth-child(6n+1) { 
 clear: left; 
 } 
} 
 
.album .album-thumbnail-container{position: relative;padding-top: 100%;} 
 
.album .album-thumbnail{position: absolute;top: 0;left: 0;width: 100%;height: auto; border-radius: 4px;cursor: pointer;z-index: 1;} 
.album .album-bottom-right{color: #ffffff;position: absolute;bottom: 2px;right:7px;z-index: 2; opacity:0.9;text-shadow: 0 0 2px #000;} 
.album .album-top-right{color: #ffffff;position: absolute;top: 2px;right:7px;z-index: 2; opacity:0.9;text-shadow: 0 0 2px #000;} 
.album .album-bottom-views{color: #ffffff;position: absolute;bottom: 2px;left: 7px;z-index: 2; opacity:0.9;text-shadow: 0 0 2px #000;} 
.album-bottom-views .fa-eye{color: #ffffff;margin-right: 5px;} 
.album .btn.album-delete {color: #ffffff; padding: 6px 8px;} 
.album .album-privacy-icon{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 90px;width: 90px;opacity: 0.7;text-shadow: 0 0 2px #000;z-index: 2;} 
.album .album-reposter{color: #ffffff;position: absolute;top: 0px;left: 12px;right: 12px;z-index: 2;opacity: 0.75;overflow: hidden;height: 20px;text-shadow: 0 0 2px #000;white-space: nowrap;height: 20px;line-height: 20px;} 
.album .album-badge{position: absolute;top:5px;right: 5px;background-color: #eb6395;border-radius:10px;z-index: 11;width: 10px;height: 10px;} 
 
 
.album .album-cover{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 80px;width: 80px;opacity: 0.7;text-shadow: 0 0 2px #000;z-index: 2;} 
.album .album-cover i{font-size: 80px;cursor: pointer;color: #fff;} 
 
.album .album-link{ 
 position: absolute;width: 100%;height: 100%;z-index: 10;top:0;left: 0; 
} 
 
.album .album-infos{padding-top: 8px;display: flex;overflow: hidden;} 
.album .album-infos .avatar{width: 24px;height: 24px;border-radius: 24px;display: block;position: relative;left: 0;margin-right: 8px;} 
.album .album-infos .default-avatar{flex-basis: 24px;flex-grow: 0;flex-shrink: 0;height: 24px;border-radius: 24px;background: #3e3e3e;font-size: 14px;text-align: center;color: #a0a0a0;line-height: 24px;margin-right: 8px;} 
.album .album-infos .album-title{display: block;color: #FFF;opacity:0.75;line-height: 16px;max-height: 32px;overflow: hidden;margin-bottom: 2px;} 
.album .album-infos .album-user{line-height: 16px;} 
 
#albums.row{margin-left: 0px !important;margin-right: 0px !important;} 
#albums .album-thumbnail{display: none;} 
#albums .album-thumbnail.active{display: block;} 
 
.media-group .img{ 
 width:100%; 
 display:flex; 
 justify-content:center; 
 position:relative; 
 overflow:hidden; 
} 
 
.media-group .img .img-box{ 
 max-height: 70svh; 
 position: relative; 
 z-index: 2; 
 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.media-group .img-front{ 
 position: absolute; 
 inset: 0; 
 width: auto !important; 
 height: auto !important; 
 max-width: 100%; 
 max-height: 100% !important; 
 display: block; 
 margin: auto; 
 z-index: 2; 
} 
 
.media-group .img-blur{ 
 position:absolute; 
 inset:0; 
 width:100%; 
 height:100%; 
 opacity:0.5; 
 z-index:1; 
 pointer-events:none; 
} 
 
.media-group .img-back{ 
 width:100%; 
 height:100%; 
 object-fit:cover; 
 object-position: top; 
 filter: blur(15px); 
 display:block; 
} 
 
.media-group .img, .video{position: relative;overflow: hidden;cursor: pointer;} 
 
.display-none {display:none;} 
 
.nav .avatar i { font-size: 20px;} 
 
.mb-0{margin-bottom: 0px !important;} 
.mt-0{margin-top: 0px !important;} 
.ml-0{margin-left: 0px !important;} 
.mr-0{margin-right: 0px !important;} 
 
.mb-5{margin-bottom: 5px;} 
.ml-5{margin-left: 5px;} 
.mr-5{margin-right: 5px;} 
.mt-5{margin-top: 5px;} 
 
.mb-8{margin-bottom: 8px;} 
.mt-8{margin-top: 8px;} 
 
.mb-10{margin-bottom: 10px;} 
.ml-10{margin-left: 10px;} 
.mr-10{margin-right: 10px;} 
.mt-10{margin-top: 10px;} 
 
.mb-20{margin-bottom: 20px;} 
.ml-20{margin-left: 20px;} 
.mr-20{margin-right: 20px;} 
.mt-20{margin-top: 20px;} 
 
.bg {position: fixed;text-align: right;width: 100%;height: 100%;} 
.bg img {right: 0px;position: absolute;height: auto;width: auto;margin: auto;background-size: auto auto;min-width: 100%;min-height: 100%;opacity: 0.1;} 
 
.form-control { border-radius: 2px; border: 1px solid #4C4C4C;background-color: #1b1b1b !important;color: #a09f9d;} 
.form-control:focus { 
 border-color: #eb6395; 
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); 
} 
 
 
.home-text-center{line-height:2em; margin-bottom:30px;} 
.home-explore{display: block;margin-top:28px;color: #a09f9d;line-height:32px;} 
 
.content_text {font-family: sans-serif;font-weight: 300;color: #bfbfbf;padding: 3px;} 
.content_text .toc_h {font-weight: 700;font-size: 16px;margin-top: 25px;} 
 
i.fa.fa-camera {margin-right: 5px;} 
i.fa.fa-video { margin-right: 5px;} 
 
.user-info .fa-cog,.user-info .fa-share-alt, .user-info .fa-bookmark-o{margin-right: 0px;} 
 
.fa-pencil{margin-left: 5px;} 
 
.pagination{margin-bottom: 10px !important;} 
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #fff; background-color: #eb6395; border: none;} 
.pagination>li>a, .pagination>li>span { color: #fff;background-color: #000;border:none;padding: 8px 16px;} 
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #777; background-color: #000; border: none;cursor: default;} 
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #eb6395;border: none;} 
 
#zoomImage .modal-dialog{position: relative;display: table;overflow-y: auto; overflow-x: auto;width: auto;margin: 0 auto;} 
#zoomImage #imgModal{width: auto;height: auto;max-width: calc(100vw - 30px);max-height: calc(100vh - 30px);} 
#zoomImage{cursor: pointer;} 
 
.share-group .btn-pink{margin-bottom: 5px;} 
 
#modal_pls_login{text-align: left;} 
 
.album-rearrange-grid .album{cursor: move;} 
 
.album-cover-grid .album{cursor: pointer;} 
 
.video-js { 
 font-size: 14px !important; 
} 
 
.video-js .vjs-play-progress { 
 background: #eb6395 !important; 
} 
.video-js .vjs-control-bar { 
 background-color: rgba(0, 0, 0, 0.6) !important; 
} 
.video-js .vjs-big-play-button{ 
 font-size: 8em !important; 
 line-height: 1.5em !important; 
 height: 1.5em !important; 
 width: 1.5em !important; 
 border: 0 !important; 
 border-radius: 6px !important; 
 left: 50% !important; 
 top: 50% !important; 
 margin-left: -0.75em !important; 
 margin-top: -0.75em !important; 
 background-color: rgba(0,0,0,0.3) !important; 
} 
 
.vjs-fade-out { 
 display: block; 
 visibility: hidden !important; 
 opacity: 0 !important; 
} 
 
.vjs-poster, .video-js .vjs-control, .vjs-big-play-button { 
 outline: none !important; 
 outline: 0 !important; 
} 
 
.vjs-resolution-button .vjs-menu-icon:before { 
 content: '\f110'; 
 font-family: VideoJS; 
 font-weight: normal; 
 font-style: normal; 
 font-size: 1.8em; 
 line-height: 1.67em; 
} 
 
.vjs-resolution-button .vjs-resolution-button-label { 
 font-size: 1em; 
 line-height: 3em; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 text-align: center; 
 box-sizing: inherit; 
} 
 
.vjs-resolution-button .vjs-menu .vjs-menu-content { 
 width: 4em; 
 left: 50%; /* Center the menu, in it's parent */ 
 margin-left: -2em; /* half of width, to center */ 
} 
 
.vjs-resolution-button .vjs-menu li { 
 text-transform: none; 
 font-size: 1em; 
} 
 
.video-js.vjs-portrait { 
 padding-top: 60vh; 
} 
 
.video-js.vjs-portrait { 
 width: 100%; 
 max-width: 100%; 
 height: 0; 
} 
 
.play{position: absolute;left:50%;top:50%;margin-left:-0.75em;margin-top: -0.75em;z-index: 2;font-family: VideoJS; 
 font-weight: 400; 
 font-style: normal;} 
.play:before {content: '\f101';} 
 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ 
 padding-left: 5px;padding-right: 5px; 
} 
 
.mn-outer{margin-left: 0px !important;} 
.mn-container-adsby.mn-container-adsby_position_right{ 
 display: none !important; 
} 
 
.mn-thumb__label{ 
 height: auto !important; 
 max-width: 100% !important; 
 max-height: 90px !important; 
 overflow: hidden !important; 
 padding-top: 8px !important; 
 padding-bottom: 20px !important; 
} 
 
 
.mn-thumb__label-title{ 
 padding: 0px !important; 
} 
 
 
.mn-thumb__label-title a{ 
 color: #FFF !important; 
 opacity: 0.75 !important; 
 line-height: 16px !important; 
 max-height: 32px !important; 
 overflow: hidden !important; 
 font-size: 13px !important; 
 overflow: hidden !important; 
} 
 
.mn-thumb__label-brand{ 
 padding: 0 !important; 
} 
 
.mn-thumb__label-brand a{ 
 font-size: 13px !important; 
 color: #a09f9d !important; 
 line-height: 16px !important; 
 max-height: 16px !important; 
 overflow: hidden !important; 
 padding: 0px !important; 
} 
.mn-thumb__label-title-link, .mn-thumb__label-brand-link{ 
 font-family: "Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif !important; 
 letter-spacing: 0.5px !important; 
 font-weight: normal !important; 
} 
 
.mn-thumb__img{ 
 border-radius: 4px !important; 
} 
 
.mn-thumb-live-badge{ 
 background-color: transparent !important; 
} 
 
.navbar{ 
 top:0px; 
 width: 100%; 
} 
 
#app-navbar-collapse{ 
 margin: 0 -5px; 
} 
 
/* chat */ 
 
#chat-box{ 
 z-index: 100; 
 position: fixed; 
 width: 100%; 
 height: calc(100% - 121px); 
 top: 61px; 
 margin: 0 auto; 
 left: 0; 
 right: 0; 
 color: #A09F9D; 
} 
#chat-box .container{ 
 position: relative;height: 100%; 
} 
#chat-box .btn-grey{ 
 border: 0!important; 
 color: #666; 
} 
#chat-box #user-top{ 
 display: flex;align-items:center; 
} 
#chat-box .image-avatar{ 
 border-radius: 20px; 
} 
 
#chat-messages{ 
 position: absolute; 
 top:60px; 
 height: calc(100% - 120px); 
 width: 100%; 
 overflow-y: scroll; 
 padding: 10px 0 10px 10px; 
 background-color: #1b1b1b;border-radius: 5px; 
 
} 
 
#chat-top{ 
 position: absolute;top: 0;height: 50px;width: 100%;background-color: #232323;display: flex;justify-content: space-between;padding: 0 21px 0 10px; 
 
} 
 
#chat-box #chat-top .btn-grey{ 
 color: #999; 
} 
 
#chat-top .btn{ 
 height: 100%; 
} 
 
#chat-bottom{ 
 position: absolute;bottom: 0;height: 50px;width: 100%; 
} 
#chat-bottom .report-invite { 
 flex: 1 1 auto;margin-left: 10px; 
} 
 
.chat-message{ 
 margin: 0;line-height: 22px;position: relative;display: flex;margin-bottom: 5px; 
} 
.chat-message .chat-message-left{ 
 flex: 1 1 auto;word-break: break-all; 
} 
.chat-message .chat-user{ 
 color: #FFFFFF;opacity: 0.75; 
} 
.chat-message .chat-user-2{ 
 color: #FFFFFF; 
} 
 
.chat-message .chat-message-right{ 
 margin-right: 1px; 
} 
 
.chat-message .chat-message-right .btn{ 
 line-height: 9px; 
} 
 
#chat-bottom #message{ 
 height: 48px;background-color: #232323; 
} 
#chat-bottom #message:focus{ 
 box-shadow: unset; 
} 
#chat-bottom .input-group-addon{ 
 color: #999;cursor: pointer;background-color: #232323!important; 
} 
#chat-bottom #chat-inputs{ 
 border: 1px dashed #666666;border-radius: 2px; 
} 
#chat-bottom #chat-request-buttons{ 
 display: flex;align-items: center;height: 100%; 
} 
 
/* custom scrollbar */ 
::-webkit-scrollbar { 
 width: 20px; 
} 
 
::-webkit-scrollbar-track { 
 background-color: transparent; 
} 
 
::-webkit-scrollbar-thumb { 
 background-color: #666; 
 border-radius: 20px; 
 border: 6px solid transparent; 
 background-clip: content-box; 
} 
 
::-webkit-scrollbar-thumb:hover { 
 background-color: #666; 
} 
 
/* suggested-users */ 
.suggested-users{ 
 padding: 10px 0 20px 0; 
} 
.suggested-users .avatar{ 
 width: 80%;height: 80%;border-radius: 500px; 
} 
.suggested-users .username-box{ 
 overflow: hidden;text-overflow: ellipsis;color: #eb6395;padding: 0 0 10px 0; 
} 
.suggested-users .username{ 
 font-size: 14px; white-space: nowrap;overflow: hidden; 
} 
.suggested-users .default-avatar{position:relative; width:80%;padding-top:80%;border-radius: 500px;background: #3e3e3e;text-align: center;color: #a0a0a0;display: block;margin: 0 auto;} 
 
.suggested-users .avatar-letter{ 
 margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;font-size: 34px;width: 50px;height: 50px;line-height: 50px; 
} 
 
/* related-searches */ 
#related-searches{ 
 padding: 5px 0 20px 0; 
} 
.related-search{ 
 color: #fff; 
 background-color: #000; 
 border: none; 
 padding: 8px 16px; 
 margin:5px; 
 display: inline-block; 
 border-radius: 4px; 
} 
.related-search:hover{ 
 background-color: #eb6395; 
} 
 
 
/* mobile */ 
@media(max-width:767px){ 
 
 .duration{ 
 font-size:12px; 
 } 
 
 .suggested-users, #related-searches{ 
 border-bottom: 1px solid #484848; 
 } 
 
 /* chat */ 
 #chat-box{ 
 width:100%; 
 height: calc(100% - 97px); 
 top: 97px; 
 } 
 
 #chat-messages{ 
 top: 50px; 
 border-radius: 0px; 
 height: calc(100% - 100px); 
 } 
 
 #chat-bottom #chat-inputs{ 
 border: 1px solid transparent; 
 } 
 
 h1,h2{font-size: 20px;} 
 .media-title{min-height: 20px;} 
 .video-js .vjs-big-play-button{font-size: 3em !important;} 
 
 h1.username .fa-check-circle, h1.username .fa-bolt{ 
 font-size: 16px; 
 } 
 
 body{ 
 padding-top:96px; 
 } 
 body#home{ 
 padding-top:0px; 
 } 
 
 .navbar{ 
 position: fixed; 
 top:46px; 
 border-bottom: 1px solid #232323; 
 } 
 
 .with-top-bar .navbar{ 
 position: absolute; 
 } 
 
 .top-bar{ 
 height: 46px; 
 line-height: 46px; 
 top: 0; 
 position: absolute; 
 } 
 
 .with-top-bar .navbar{ 
 top:92px; 
 } 
 
 .media-group{ 
 scroll-margin-top: 97px; 
 margin-left: -5px; 
 margin-right: -5px; 
 } 
 
 .message-bar{ 
 position:relative; 
 width: 100%; 
 background-color: #000000; 
 height: 38px; 
 line-height: 38px; 
 text-align: center; 
 font-weight: bold; 
 } 
 .message-bar .fa-xmark{ 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 font-size: 18px; 
 height: 38px; 
 width: 32px; 
 line-height: 38px; 
 text-align: center; 
 color: #232323; 
 } 
} 
 
@media(max-width:479px){ 
 
 #user .avatar{width: 100px;height: 100px;border-radius:50px;} 
 #user .default-avatar{width: 100px;height: 100px;border-radius:50px;font-size: 58px;line-height: 100px;} 
 
 
 .suggested-users .username{ 
 font-size: 13px;; 
 } 
 
 .mn-thumb{ 
 width: 50% !important; 
 height: auto; 
 padding: 0 5px 0 5px !important; 
 margin: 0px !important; 
 } 
 
 .album .album-infos .album-title { 
 
 font-size: 13px; 
 margin-bottom: 0px; 
 } 
 .album .album-infos .album-user { 
 
 font-size: 13px; 
 } 
} 
 
@media(min-width:480px){ 
.mn-thumb{ 
 width: 33.33% !important; 
 height: auto; 
 padding: 0 5px 0 5px !important; 
 margin: 0px !important; 
} 
 
} 
 
 
@media(min-width:768px){ 
.mn-thumb{ 
 width: 185px !important; 
 height: 185px !important; 
 padding: 0 5px 0 5px !important; 
 margin: 0px !important; 
} 
.mn-thumb__img{ 
 border-radius: 4px !important; 
 width:175px !important; 
 height:175px !important; 
} 
 
} 
@media(min-width:992px){ 
.mn-thumb{ 
 width: 159.98px !important; 
 height: 159.98px !important; 
 padding: 0 5px 0 5px !important; 
 margin: 0px !important; 
} 
.mn-thumb__img{ 
 width:149.98px !important; 
 height:149.98px !important; 
} 
 
} 
@media(min-width:1200px){ 
.mn-thumb{ 
 width: 193.33px !important; 
 height: 193.33px !important; 
 padding: 0 5px 0 5px !important; 
 margin: 0px !important; 
} 
.mn-thumb__img{ 
 width:183.33px !important; 
 height:183.33px !important; 
} 
 
} 
 
@media(min-width:1400px){ 
 .container{width: 1320px;} 
} 
 
 
iframe { 
 margin: 0 auto; 
 display: block; 
} 
#iframe{overflow: hidden; 
 margin: 20px 5px 0 5px; 
 background-color: #333; 
} 
 
@media(max-width:315px){#live_cam{display:none;}} 
 
@media(max-width:345px){ 
 .sp{padding: 0px 5px;} 
 .green-badge{right: 0px;} 
} 
 
@media(max-width:400px){ 
 .video-js .vjs-menu-button-inline:before{width: 0px !important;} 
 .vjs-resolution-button, .vjs-play-control, .vjs-volume-menu-button, .vjs-fullscreen-control{width: 3em !important;} 
 .vjs-resolution-button .vjs-menu .vjs-menu-content {width: 3em;} 
} 
 
@media (max-width: 992px) { 
 
 .notification-badge{ 
 top:6px; 
 } 
 
 .navbar-toggle{margin-right: 0px;} 
 .navbar-header { 
 float: none; 
 } 
 .navbar-left,.navbar-right { 
 float: none !important; 
 } 
 .navbar-toggle { 
 display: block; 
 } 
 .navbar-collapse { 
 border-top: 1px solid transparent; 
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
 } 
 .navbar-fixed-top { 
 top: 0; 
 border-width: 0 0 1px; 
 } 
 .navbar-collapse.collapse { 
 display: none!important; 
 } 
 .navbar-nav { 
 float: none!important; 
 margin-top: 7.5px; 
 } 
 .navbar-nav>li { 
 float: none; 
 } 
 .navbar-nav>li>a { 
 padding-top: 10px; 
 padding-bottom: 10px; 
 } 
 .collapse.in{ 
 display:block !important; 
 } 
 
 /*.nav .fa-lg{font-size: 1.4em;}*/ 
} 
 
/******* #searchModal **********/ 
 
#searchModal .modal-content { 
 min-height: 475px; 
} 
 
@media (max-width: 992px) { 
 .fs_modal { 
 padding-left: 0 !important; 
 padding-right: 0 !important; 
 overflow-x: hidden !important; 
 } 
 
 .fs_modal .modal-dialog { 
 width: 100% !important; 
 height: 100% !important; 
 margin: 0 !important; 
 padding: 0 !important; 
 } 
 
 .fs_modal .modal-content { 
 width: 100% !important; 
 min-height: 100% !important; 
 margin: 0 !important; 
 border: 0 !important; 
 border-radius: 0 !important; 
 height: auto; 
 } 
} 
 
.tab-footer-2{ 
 border-bottom: 1px solid #484848; 
} 
 
.exo-native-widget{ 
 width: 100% !important; 
} 
 
.exo-native-widget-item-container{ 
 padding: 0 5px 10px 5px !important; 
 flex-basis: calc(100%/2)!important; 
} 
.exo-native-widget-item-image{ 
 border-radius: 4px !important; 
} 
 
.exo-native-widget-item-image-ratio{ 
 padding-top: 100% !important; 
} 
 
.exo-native-widget-item-content{ 
 padding-top: 8px !important; 
 padding-bottom: 20px !important; 
 height: auto !important; 
} 
 
.exo-native-widget-item-title{ 
 color: #FFF !important; 
 opacity: 0.75 !important; 
 line-height: 16px !important; 
 max-height: 32px !important; 
 overflow: hidden !important; 
 font-size: 13px !important; 
 font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif !important; 
} 
 
.exo-native-widget-item-brand{ 
 font-size: 13px !important; 
 font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif !important; 
 color: #a09f9d !important; 
 line-height: 16px !important; 
 max-height: 16px !important; 
 overflow: hidden; 
} 
 
.exo-native-widget-item-content-box{ 
 position: relative !important; 
 padding: 0 5px !important; 
} 
 
/* safari */ 
@supports (-webkit-touch-callout: none) { 
 input[type="text"], 
 input[type="email"], 
 input[type="password"], 
 input[type="search"], 
 input[type="tel"], 
 input[type="url"], 
 input[type="number"], 
 textarea, 
 select { 
 font-size: 16px !important; 
 } 
 
 #searchForm span, .search-completions span, #userSearchForm span{font-size: 16px;} 
 
} 
 
/* colections */ 
.collection-topbar { 
 display: flex; 
 align-items: center; 
 padding: 20px 5px 10px 5px; 
} 
 
.collection-edit-bar { 
 display: flex; 
 justify-content: flex-end; 
 padding: 0 5px 10px 5px; 
} 
 
.collection-topbar .icon-btn { 
 width: 40px; 
 height: 40px; 
 flex: 0 0 40px; 
 border: none; 
 background: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 color: #A09F9D; 
} 
.collection-topbar .icon-btn:hover{ 
color: #eb6395; 
} 
 
.collection-topbar .title { 
 flex: 1; 
 margin: 0 8px; 
 text-align: left; 
 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 
}