<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@import url("bootstrap.min.css");*/

@import url("style.css");
/*@import url("custom-fonts.css");*/

/*@import url('https://fonts.googleapis.com/css?family=Mukta:200,400,500,600,700|Roboto+Mono:400,500,700');*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Raleway:300,400,500,600,700,800');
/*@import url("flexslider.css");*/

/*@import url("select2.css");
@import url("select2-bootstrap.css");*/

/*@import url("giftanimation.css");*/

@import url("emojionearea.min.css");
body {
   background-color: #f6f7f9; 
  font-family: 'Lato', sans-serif;
  color: #5D5D5D;
  font-size: 15px;
  line-height: 26px;
}

label,
optgroup,
dt,
badge,
close {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

.sidebar{
  position: relative;
  height: 100%;
  margin: 5px 0;
}
.sidebar-inner{
  width: 100%;
  position: absolute;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: transparent !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999 !important;
  font-size: 13px !important;
  font-weight: 400;
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(234, 234, 234, 1) !important;
  font-size: 11px !important;
}

/*input::-moz-placeholder {
  color: rgba(234, 234, 234, 1) !important;
  font-size: 11px !important;
}*/

input:-ms-input-placeholder {
  color: rgba(234, 234, 234, 1) !important;
  font-size: 11px !important;
}

button.close {
  font-size: 28px;
  color: #8e8e8e;
  opacity: 1;
}

.pointer-none {
  pointer-events: none;
}
.text-right {
  text-align: right;
}

.img-ht {
  height: 305px;
  width: 100%;
  object-fit: cover;
}
.payment-lock {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  pointer-events: none;
}

/*.hideContentParent,
.hideMainPatronScreen {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  pointer-events: none;
}*/

button:hover,
button:active,
button:focus,
.btn-default:active:focus,
.btn-default.active,
.btn-default:focus,
.btn-default.active:focus {
  outline: none;
}

.toastmessage {
  background-color: #d544da;
}
/* .demo {
  .u-absoluteCenter();
  .u-flexCenter();
  flex-direction: column;
  :first-child {
    margin-bottom: 20px;
  }
} */

.menu-left .progress1 {
  transform: rotate(-90deg);
}

.menu-left .progress__meter,
.menu-left .progress__value {
  fill: none;
}

.menu-left .progress__meter {
  stroke: transparent;
}

.menu-left .progress__value {
  /*stroke: #f77a52;*/
}
.menu-left .profile-img-progress {
  bottom: 0;
  position: absolute;
  top: 6px;
  left: 4px
} 
.custom-checkbox-label .custom-checkbox input[type=checkbox]+label::before {
  /*border-radius: 50%;*/
  border: 1px solid #A9A9A9;
  box-shadow: 0px 3px 6px #00000036;
}

.relative {
  position: relative;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.border {
  border: 1px solid #eee;
}
.capitalize{
  text-transform: capitalize !important;
}
.margin_-10 {
  margin: -10px !important;
}

.btn-primary-edited:hover,
.btn-primary-edited:active {
  outline: none;
}

.btn-primary-edited:hover,
.btn-secondary-edited:hover {
  /* background-image: linear-gradient(to right, rgba(122, 95, 244, 1) 0%, rgba(146, 84, 217, 1) 30%, rgba(198, 60, 160, 1) 60%, rgba(245, 38, 108, 1)100%); */
  background-color: #d544da;
  color: #FFF;
  text-decoration: none;
}

.full-width {
  width: 100% !important;
}

.btn-primary-edited {
  color: #fff !important;
  border-radius: 38px;
  width: 180px;
  height: 40px;
  background-color: transparent;
  border-color: transparent;
  border: none;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  box-shadow: 1px 9px 20px 0px rgba(150, 150, 150, 0.44);
  text-align: center;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none !important;
  display: inline-block;
  padding: 0px 15px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.btn-secondary-edited {
  color: #d544da;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  border-radius: 38px;
  width: 180px;
  height: 40px;
  background-color: #fff;
  border-color: transparent;
  border: none !important;
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28)!important;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 40px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  padding: 0px 15px;
}
.btn-text {
  color: #fff;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 40px;
  padding: 0px 15px;
  text-decoration: none;

}
.btn-text:hover,
.btn-text:active {
  color: #d544da;
  text-decoration: none;
}
.display-block {
  display: block;
}

.display-none {
  display: none;
}
.reset-btn {
  color: #3838c6;
  font-family: 'Roboto Mono', monospace;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
  border: none !important;
  /*float: right;*/
  margin-top: 0px;
}
.reset-btn i {
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  vertical-align: middle;
  padding-right: 8px;
}
.reset-btn span {
  border-bottom: 2px solid #3838c6;
}
.p-0 {
  padding: 0px !important;
}

.m-0 {
  margin: 0 !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-t-10 {
  padding-top: 10px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}
.p-b-15{
  padding-bottom:15px;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-b-60 {
  margin-bottom: 60px;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-5 {
  padding-right: 5px;
}
.p-t-5 {
  padding-top: 5px;
}

.p-40 {
  padding: 40px;
}

.mb_30 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mb_20 {
  margin-bottom: 20px;
}
.plr-30 {
  padding-right: 30px;
  padding-left: 30px;
}
.plr-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.m-l-15 {
  margin-left: 15px;
}

.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-r-15{
  padding-right:15px;
}
.m-t-3{
  margin-top:3px;
}
a[data-toggle="tooltip"].tooltip-view:hover {
  text-decoration: none;

}
.tooltip-inner {
  background-color: #000;
  color: #fff;
}

.tooltip-arrow {
  border-top: 5px solid #000;
}
a[data-tooltip]:after  {
  background: black;
  border: 2px solid white;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* .grid-sizer,
.grid-item {
  width: 50%;
  display:block;
} */
.support-creator-modal .modal-dialog,
.subscription-packages .modal-dialog,
.thankyou-modal .modal-dialog,
.Vip-ticket-shop-modal .modal-dialog {
  max-width: 380px;
  margin: 10px auto;
}
.subscription-thanku {
  background-color: #e8e8e8;
  font-size: 16px;
}
.subscribtion-Border-Message {
  padding: 15px 0px;
  margin-top: 15px;
  border: none;
}
.payment-details-popup {
  background-color: rgba(0, 0, 0, 0.64);
}

.patron-wrapper .trumbowyg-editor {
  min-height: 230px !important;
  margin-top: 40px;
}
.inactive-overlay {
  height: 100%;
}
.inactive-overlayht {
  height: calc(100% - 47px);
}
.inactive-overlay-wrapper {
  width: 100%;
  /*background-image: url(../images/link-post-holder.png);*/
  z-index: 3;
  position: relative;
  height: calc(100% - 47px);
  display: block;
  margin: 0 auto;
  width: 90%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
}
.ui-menu.ui-widget {
  position: fixed;
}
.inactive-overlay-wrapper .inactive-overlay-content {
  display: block;
}
.inactive-overlay-wrapper .video-holder {
  height: 55vh;
  min-height: 535px;
  margin: 0 auto;
  width: 100%;
 }
.inactive-overlay-wrapper .canvasparent.broadcaster-video-height {
  width: 100%;
}
.inactive-overlay-wrapper-activity {
  width: 100%;
  z-index: 3;
  position: relative;
  height: calc(100% - 47px);
}
.inactive-overlay-wrapper .inactive-overlay {
  display: block;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.inactive-overlay-wrapper .inactive-overlay .event-view-holder{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.inactive-overlay-wrapper .inactive-overlay .event-view-holder .live{
  padding: 0 15px;
  border-radius: 6px;
  width: auto;
}

.inactive-overlay-wrapper .inactive-overlay .event-view-holder .ppv {
  margin-right: 10px;
}

.inactive-overlay-wrapper .inactive-overlay .event-view-holder .event-view-holder-item{
  display: none;
}

.inactive-overlay-wrapper .inactive-overlay-content .text-content {
  font-size: 20px;
  line-height: 34px;
}

.inactive-overlay-wrapper-activity .inactive-overlay {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  pointer-events: none;
  display: block;
}
.inactive-overlay-wrapper-activity .inactive-overlay-content {
  font-size: 20px;
  line-height: 34px;
  display: block;
}

.inactive-overlay-wrapper-activity .inactive-overlay-content .icon-locked {
  font-size: 35px;
}

.inactive-overlay-content {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 color: #fff;
 font-size: 35px;
 text-align: center;
 line-height: 40px;
 font-weight: 600;
 display: block;
 z-index: 1;
 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
}
.inactive-overlay-content .text-content {
  font-size: 18px;
  line-height: 26px;
}
.bidders {
  font-size: 15px;
  color: #b5b5b5;
}
.forgot-password .forgot-modal-sm,
.enter-email-modal .email-modal-sm {
  width: 435px;
  margin-left: 601.5px;
 }
 .enter-email-modal {
  background-color: rgba(0, 0, 0, 0.77);
 }
.enter-email-modal .modal-dialog {
  width: 435px;
  left: -5px;
}
.width120 {
  width: 120px;
}
.marginright60 {
  margin-right: 60px;
}
.full-width {
  width: 100%;
}
.no-border {
  border: none;
}
.goto-sign ul.nav-tabs&gt;li.active&gt;a {
  border-bottom: 2px solid #d544da !important;
}
.goto-sign ul.nav-tabs&gt;li&gt;a {
  border-bottom: 2px solid transparent;
}
.goto-sign ul.nav-tabs&gt;li&gt;a,
.goto-sign ul.nav-tabs&gt;li&gt;a:hover,
.goto-sign ul.nav-tabs&gt;li&gt;a:focus {
  font-size: 20px;
  color: #5D5D5D;
  border: 0;
}
.goto-sign ul.nav-tabs&gt;li {
    width: 48%;
}
.goto-sign .login-card .login-fb {
  background-color: #1665b5;
}
.goto-sign .login-card .login-social {
  width: 100%;
  height: 40px;
  color: white;
  border-radius: 38px;
  vertical-align: middle;
  line-height: 36px;
  font-size: 17px;
  border: 0;
}
.goto-sign .login-card .login-social i {
    font-size: 16px;
    vertical-align: middle;
    line-height: 32px;
    padding-right: 10px;
}
.goto-sign .login-card .login-insta {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    width: 80%;
}
.goto-sign .login-card .login-yb {
    background-color: #cc181e;
    width: 80%;
}
.goto-sign .modal-dialog {
  margin: 10px auto;
  width: auto;
  max-width: 480px;
}

/*********/
.datepicker &gt; .datepicker_header {
  background-color: #f7f7f7;
}
.datepicker &gt; .datepicker_header &gt; a:hover {
  background-color: transparent !important;
  text-decoration: none !important;
  color: #d544da !important;
}
.datepicker &gt; .datepicker_header &gt; a {
  color: #d544da !important;
}
.datepicker &gt; .datepicker_header &gt; a[title="Previous month"] {
  line-height: 27px;
  padding-top: 0;
  padding-bottom: 0;
}

.datepicker &gt; .datepicker_inner_container {
  background-color: #fff !important;
}

.datepicker &gt; .datepicker_inner_container &gt; .datepicker_calendar &gt; .datepicker_table &gt; tbody &gt; tr &gt; td {
  font-size: 14px;
}
.datepicker &gt; .datepicker_inner_container &gt; .datepicker_calendar &gt; .datepicker_table &gt; tbody &gt; tr &gt; td.wday_sun {
  color: #d544da;
  font-weight: 400;
}
.datepicker &gt; .datepicker_inner_container &gt; .datepicker_timelist &gt; div.timelist_item {
  font-size: 14px;  
}
/***************************Side fixed menu Start**********************************/

.display-event-none {
  display: none;
  pointer-events: none;
}
/*
.menu-left {
  position: fixed;
  z-index: 6;
  padding: 48px 0 0 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #7b5ef2 0%, #b942ae 51%, #ef2a72 100%);
  display: inline-block;
  white-space: nowrap;
  width: 60px;
  transition: width .4s;
  vertical-align: middle;
  overflow: hidden;
}

.menu-left .mCSB_inside&gt;.mCSB_container {
  margin-right: 0px;
}

.menu-left .mCSB_scrollTools {
  width: 5px;
}

.menu-left ul {
  padding: 0;
  margin-bottom: 60px;
  min-height: 560px;
}

.menu-left .item {
  height: 60px;
  overflow: hidden;
  color: #fff;
  margin-top: 10px;
  vertical-align: middle;
  line-height: 60px;
}

.menu-left:hover {
  width: 300px;
}

.menu-left .item.active,
.menu-left .item:hover,
.menu-left .item:active {
  background:rgba(0, 0, 0, 0.20);
}
.menu-left .item.active .profile-img-progress .progress1 stop,
.menu-left .item:hover .profile-img-progress .progress1 stop,
.menu-left .item:active .profile-img-progress .progress1 stop {
  stop-color: rgb(255, 255, 255);
}
.menu-left .item a:focus,
.menu-left .item a:active,
.menu-left .item a:visited,
.menu-left .item a:hover {
  text-decoration: none !important;
}

.menu-left .item .menu-left-profile-img {
  vertical-align: middle;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  object-fit: cover;
  margin: 10px 6px 10px 8px;
}

.menu-left .item a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  display: block;
}

.menu-left .menu-icon {
  width: 40px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 27px;
  vertical-align: middle;
  font-weight: 500;
  display: inline-block;
  line-height: 50px;
  margin: -4px 10px 0 10px;
}

.sub-menu-text {
  width: 230px;
  background-color: #fff;
  left: 60px;
  position: fixed;
  z-index: 1;
  padding-top: 65px;
  top: 0px;
  bottom: 0;
  text-transform: uppercase;
}

.sub-menu-text ul {
  list-style-type: none;
  padding-left: 0px;
}

.sub-menu-text ul li {
  padding:10px 15px; 
}

.sub-menu-text ul li a {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  vertical-align: middle;
  line-height: 35px;
  padding: 0 15px;
  color: #000;
  border-radius: 35px;
  display: inline-block;
  text-decoration: none;
}

.sub-menu-text ul li a:hover,
.sub-menu-text ul li.active a {
  text-decoration: none;
  background-color: #5d46ce;
  color: #fff;
}

.sub-menu-text ul li a:hover,
.sub-menu-text ul li a.focus {
  text-decoration: none;
}

.sub-menu-text ul li a span {
  font-size: 18px;
  vertical-align: middle;
  line-height: 60px;
  font-weight: 700;
}
.sub-menu-text ul li a .icon-new-edit-profile,
.sub-menu-text ul li a .icon-meetandgreet {
  font-weight: 500;
}*/
/***************************Side fixed menu Ends **********************************/

/*******text tab starts ********/

/*.main-content {
  background-color: white;
}
*/
.main-content {
  overflow:hidden;
}
.background-gray {
  background-color: #f4f4f4;
}

.text-tab {
  /*padding-top: 80px;*/
  padding-bottom: 40px;
  /* padding-right: 0;
  padding-left: 0; */
}

.text-tab .navigation ul {
  display: table;
  width: 100%;
  list-style: none;
  color: #a7b2b8;
  padding: 0;
  font-size: 13px;
  font-family: 'Roboto Mono', monospace;
}

.text-tab .navigation ul li {
  /* display: table-cell; */
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.text-tab .navigation ul li a {
  display: block;
  font-size: 13px;
  color: #000;
  padding: 0;
  text-decoration: none;
  width: auto;
  text-transform: capitalize;
  margin: 0px 10px;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  border-radius: 38px;
  /*height: 40px;*/
  background-color: #fff;
  border-color: transparent;
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28);
  text-align: center;
  line-height: 20px;
  padding: 5px 15px;
  white-space: nowrap;
}

.text-tab .navigation ul li.active a {
  /*color: #d544da;*/
}

.text-tab .navigation ul li a [class*="icon-"] {
  vertical-align: initial;
  margin-right: 10px;
  color: #d544da;
  font-size: 16px;
  vertical-align: middle;
  line-height: 39px;
}

.text-tab .navigation ul li.active a [class*="icon-"] {
  color: #5c46ce;
}

.text-tab .navigation a:hover,
.text-tab .navigation a:active,
.text-tab .navigation a:focus {
  /*border-bottom:1px solid #d544da;*/
  color: #d544da;
  background-image: none;
}

/*******text tab ends ********/
.patron-setting .patron-tabs-padding {
  padding: 30px;
}
.profile-edit .new-tab,
.patron-edit .new-tab,
.meetandgreet .new-tab,
.shop-setting .new-tab,
.general-setting .new-tab {
  padding: 20px 30px;
}

.mg-tips-section {
  margin-top: 0;
}

.new-tab.meetandgreet .mg-tips-section {
  margin-top: 72px;
}

.category-section-onboarding .mg-tips-section {
  margin-top: 0px;
}

.mg-tips-section h4 {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  color: #2F2F2F;
  font-size: 16px;
  border: none;
  padding: 0;
}
.mg-tips-section .mg-tips-content {
  color: #a19898;
  font-size: 16px;
  font-weight: 200;
}
.mg-tips-section .mg-tips-content .mg-tips-points span {
  font-weight: 500;
}
.profile-edit .mg-tips-section .mg-tips-img,
.profileTab .mg-tips-section .mg-tips-img,
.mg-tips-section .mg-tips-img {
  height: 85px;
  width: 100%;
}
.mg-tips-top-section .sub-heading-tip{
  margin: 0;
  color: #000000;
  font-size: 14px;
  font-family: 'Roboto Mono', monospace;
}
/* .mg-tips-section .mg-tips-content ul {
  list-style-type: none;
  text-align: left;
  padding: 0;
} */

.mg-tips-section .mg-tips-content p {
  text-align: left;
}

/* .mg-tips-section .mg-tips-content ul li:not(:last-child) {
  padding-bottom: 15px;
} */

/* .mg-tips-section .mg-tips-content .step-size {
  font-size: 16px;
} */
.tips-inner {
  padding: 20px 15px;
}
.disable-div {
  /*opacity: 0.6;*/
  background-color: #f9f9f9 !important;
  color: #cacaca;
  pointer-events: none;
  position: relative;
}
.disable-div:before {
  position: absolute;
  content: '\e9fb';
  font-size: 12px;
  font-family: 'icomoon' !important;
  color: #fff;
  width: 25px;
  height: 25px;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-radius: 50%;
  top: -8px;
  right: -8px;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}
.complete-profile-sider .progress {
  height: 15px;
  background-color: #e8e8e8;
  border-radius: 8px;
}
.complete-profile-sider .progress-bar {
  border-radius: 8px;
}
.complete-profile-sider .progress-bar-success {
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
}
.complete-profile-sider .tips-card {
  box-shadow: 0px 1px 19px 4px rgba(223, 223, 223, 0.48);
  background-color: #fff;
  margin-bottom: 20px;
  padding: 12px 6px;
  cursor: pointer;
}
.tips-card .info-icon {
  font-size: 25px;
  color: #bababa;
  line-height: 65px;
  vertical-align: middle;
  text-align: center;
  padding-left: 2px;
}
.tips-card .padding-profile {
  padding-left: 2px;
  padding-right: 0;
}
.edit-profile-main-menu .login-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container div {
  margin-right: 8px;
}
.edit-profile-main-menu .landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .img-content-container.broadcaster-statistics {
  left: 27%;
}
.edit-profile-main-menu .timeline-wrapper {
  /*width: 130%;*/
}
.complete-profile-sider .sub-dec {
  font-size: 13.5px;
  line-height: 20px;
  margin-bottom: 18px;
  font-weight: 400;
}
.complete-profile-sider .complete-profile-header {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 17px;
  color: #5D5D5D;
  margin-top: 0;
  margin-bottom: 20px;
}
.complete-profile-sider .header {
  font-family: 'Roboto Mono', monospace;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.complete-profile-sider .sub-info {
  font-size: 13px;
  line-height: 20px;
}
.mg-tips-content .mg-tips-points {
  padding-left: 0px;
  list-style: none;
}

.mg-tips-content .mg-tips-points .mg-tips-points-list {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.mg-tips-content .mg-tips-points li {
  padding-left: 20px;
  position: relative;
  text-align: left;
}

.create-event-modal .create-ticket [data-toggle] {
  position: relative;
  display: inline-block;
  color: #5D5D5D;
  font-size: 16px;
}

.call-tooltip .tooltip {
  width: 380px;
  font-size: 15px;
  font-weight: 400;
}
.create-coupon .icon-existing-icon {
  line-height: 25px;
}
.create-coupon .icon-existing-icon .pass-usage {
  text-decoration-color: #d544da !important;
  display: block;
  color: #d544da;
  cursor: pointer;
  text-decoration: underline;
}
.create-coupon .icon-existing-icon .pass-usage .pass-usage-count {
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
  display: inline;
  font-size: 16px;
}
.create-event-modal .create-ticket [data-toggle]:hover,
.create-event-modal .create-ticket [data-toggle]:focus {
  text-decoration: none;
}
.create-ticket-modal .flexslider-pass-width {
  width: 62%;
}
.create-ticket-modal .flexslider-pass-width.width_100{
  width:100% !important;
}
.mg-tips-content .mg-tips-points li:before {
  content: "â€¢ ";
  color: #d544da;
  display: inline-block;
  font-size: 24px;
  position: absolute;
  left: 0;
}
.pending-order-main .padding-pending-order {
  padding: 30px;
}
.profile-videoTab .main-header,
.profile-edit .main-header,
.edit-profile-setting .main-header,
.product-details  .main-header,
.patron-edit .main-header,
.subscriptions-setting .main-header,
.subscriptions-add-posts .main-header,
.subscriptions-overview .main-header,
.subscribers-post-list .main-header,
.meetandgreet .main-header,
.scheduleEvent-main .main-header,
.createTicketTab .main-header, 
.PassesTab-main .main-header,
.shop-setting .main-header,
.show-products .main-header,
.pending-order-main .main-header,
.create-new-products-main .main-header,
.order-listing .main-header,
.dashboard-setting .main-header,
.Event-Requests .main-header,
.dashboard-subscriptions .main-header,
.patron-subscription  .main-header,
.subscriber-creators .main-header,
.general-setting .main-header,
.privacy-lable-style .main-header,
.faq-page .main-header,
.community-Rules .main-header,
.payment .main-header,
.terms-conditions .main-header,
.blocked .main-header {
  color: #2F2F2F;
  font-size: 30px;
  font-weight: 400;
  margin-top: 0;
} 
.profile-edit .text-action-btn span {
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
}
.edit-profile-setting .label-edited,
.createTicketTab .label-edited,
.product-details .label-edited,
.forum-add-post .label-edited,
.payment-details-popup .label-edited,
.checkout-page .label-edited,
.payment-mode .label-edited,
.privacy-lable-style .label-edited,
.request-pop-up .label-edited,
.cashout-balance-modal.cashout-balance-user-details .label-edited {
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 600;
}
.edit-profile-setting .new-sub-text,
.createTicketTab .new-sub-text,
.product-details .new-sub-text,
.forum-add-post .new-sub-text,
.payment-details-popup .new-sub-text,
.checkout-page .new-sub-text,
.create-gift-pass-modal .new-sub-text {
  color: #A69D9D;
  font-weight: 200;
  font-size: 15px;
}

.new-sub-text.lineht20 {
  line-height: 20px;
}

.edit-profile-setting .new-sub-text.profile-atlernate-name-text {
  position: absolute;
  top: 24px;
  left: 0;
}

.my-supporters-dashboard .no-forum-btn {
  /* margin-left: 10px; */
}

.my-supporters-dashboard .supporters-list .all-tier,
.my-supporters-dashboard .supporters-list .supporters-text,
.exit-survey-dashboard .supporters-list .all-tier,
.exit-survey-dashboard .supporters-list .supporters-text {
  height: 40px;
  width: 200px;
}

.div-margintop {
  margin-top: 22px;
}
.terms-conditions .text-lowercase {
  text-transform: lowercase;
}
.payment .payment-card-credit-setting {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  vertical-align: middle;
}
.payment .number span {
  font-size: 17px;
}
.payment .payment-card-delete-setting {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  vertical-align: middle;
  color: #d544da;
}
.edit-profile-main-menu .edit-profile-setting .profile-wrapper {
  padding: 25px;
}
.edit-profile-setting .username {
  background-color: transparent;
  color: #2F2F2F;
  cursor: auto;
  padding: 0;
  font-size: 16px;
  border: 0;
  pointer-events: none;
}
.edit-profile-setting .text-outline-btn {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  border: 0;
  background-color: transparent;
}
.edit-profile-setting .handle-sub-text {
  color: #A19898;
  font-size: 16px;
  font-weight: 200;
  padding-top: 15px;
}
.edit-profile-setting .edited-handle-holder .meetandgreet-handle-copy {
  margin-left: -3px;
}
.edit-profile-setting .add-url-holder {
  position: absolute;
  top: 12px;
  left: 10px;
  font-size: 16px;
  font-weight: 500;
}

.edit-profile-setting .add-btn {
  position: absolute;
  top: 0;
  right: 0;
  /* padding: 0; */
  height: 100%;
  background: #f3f3f3;
  border-radius: 0;
}

.edit-profile-setting .add-btn .addition-icon {
  font-size: 18px;
  font-weight: 700;
}

.edit-profile-setting .delete-link-holder {
  position: absolute;
  top: 24px;
  right: 10px;
  font-size: 16px;
  font-weight: 500;
}
.edit-profile-setting .setting-form-inputs {
  padding-left: 35px;
  padding-right: 35px
}

.edit-profile-setting .setting-form-inputs.url-input-link {
  padding-right: 110px;
}

.edit-profile-setting .add-url-holder.url-input-top,
.edit-profile-setting .delete-link-holder.url-input-top {
  top: 15px;
}
.edit-profile-setting .url-input {
  padding-left: 35px;
  padding-right: 45px;
}
.profile-edit .text-action-btn .btn-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  color: #4A4A4A;
  font-size: 15px;
  display: inline-block;
  padding-left: 6px;
}
.profile-edit .btn-primary-edited.publish-now-btn{
  text-transform: capitalize;
}
.profile-edit .profile-info-container {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
}

.profile-edit .profile-info-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: 0.5s ease;
  z-index: 10;
}

.profile-edit .profile-info-container:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .5);
  z-index: 10;
}

.profile-edit .profile-info-container .edit-button-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: opacity .35s ease;
  transform: translate(-50%, -50%);
}

.profile-edit .profile-info-container .edit-button-overlay .btn{
  display: block;
}

.profile-edit .profile-info-container .edit-button-overlay .btn + .btn{
  margin-top: 20px;
}

/*.profile-edit .profile-info-container .edit-button-overlay:hover a {
  color: white;
  text-decoration: none;
}
*/

.profile-edit .profile-info-container .edit-button-overlay a:hover {
  color: white;
  text-decoration: none;
}

.profile-edit .profile-info-container:hover .edit-button-overlay {
  opacity: 1;
  z-index: 10;
}

.profile-edit .profile-info-container .userprofile .usercoversection .coverpic-parent {
  height: 200px;
}

.profile-edit .profile-info-container .userprofile .useravatar {
  width: 100px;
  height: 100px;
  left: 5px;
}

.profile-edit .profile-info-container .userprofile .usercoversection .user-detail-sec {
  left: 115px;
}

.profile-edit .profile-info-container .userprofile .usercoversection .user-detail-sec .username {
  font-size: 22px;
}

.profile-edit .profile-info-container .userprofile .avatarsec .action-buttons {
  width: auto;
}

.profile-edit .profile-info-container .userprofile .avatarsec .action-buttons .status-info {
  width: 140px;
  height: 35px;
  line-height: 29px;
}

.profile-edit .profile-info-container .userprofile .user-detail-sec {
  width: 100%;
  padding-left: 0px;
}

.profile-edit .profile-title {
  border-bottom: 1px solid #d0cdcd;
}

.profile-edit .profile-info-container .about-patron {
  border: 1px solid #dfdfdf;
  margin: 15px 18px;
}

.profile-edit .profile-info-container .about-patron h3 {
  font-size: 20px;
  margin: 0;
}

.profile-edit .profile-info-container .about-patron .social-activity-info h4 {
  font-size: 18px;
}

.profile-edit .profile-info-container .about-patron p {
  font-size: 13px;
}

.profileTab .profile-settings .width150 {
  width: 150px;
}
.profile-settings .box-outline{
  border: 1px solid #E2E2E2;
  /* padding: 5px; */
}
.patron-setting .nav-pills&gt;li&gt;a {
  padding: 0;
}

.patron-setting .nav-pills&gt;li&gt;a {
  border-radius: 10px;
}

.patron-setting .nav-pills {
  display: flex;
  align-items: stretch;
  /* Default */
  justify-content: space-between;
}

.profile-wrapper .profile-settings .video-upload {
  overflow: visible;
  margin-right: 15px;
}

.nav-pills li {
  display: block;
  flex: 0 1 auto;
  /* Default */
  list-style-type: none;
}

.patron-setting .tier-edit,
.subscriber-creators .tier-edit {
  border: 0;
  border-color: transparent;
  color: #d544da;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  background-color: transparent;
  letter-spacing: 1.2px;
  float: right;
}

.patron-setting .tier-edit:hover,
.subscriber-creators .tier-edit:hover {
  border: 1;
  border-color: solid #d544da;
  color: #5D5D5D;
}

.patron-tabs {
  padding: 30px 40px;
}

.product-tabs {
  cursor: pointer;
  padding: 30px 40px;
}

.patron-tabs .connecting-line,
.product-tabs .connecting-line {
  z-index: 0;
  background: #adadad;
  transform: translateY(-50%);
  height: 1px;
  position: absolute;
  width: 70%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
}

.patron-tabs .patron-tabs-inner ul,
.product-tabs .patron-tabs-inner ul {
  display: table;
  width: 100%;
  list-style: none;
}
.patron-setting .tier-description {
  word-wrap:break-word;
  overflow: hidden;
}

.patron-setting .tier-description-short {
  word-wrap: break-word;
  word-break: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 68px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
  line-height: 22px;
}

.patron-tabs .nav-pills&gt;li .icon-sucess-b {
  position: absolute;
  top: -5px;
  right: 5px;
  z-index: 1;
  border-radius: 50%;
  padding: 5px;
  background: #d544da;
  color: white;
  border: 2px solid #fff;
}

.patron-tabs .nav-pills&gt;li,
.product-tabs .nav-pills&gt;li {
  display: table-cell;
  text-align: center;
  float: right;
  width: 33.1%;
  vertical-align: middle;
  line-height: 30px;
  position: relative;
}
.patron-wrapper .patron-tabs-padding .nav.nav-pills {
  margin-left: -6px;
  margin-right: -6px;
}
.patron-tabs .nav-pills .icon-setup,
.product-tabs .nav-pills .icon-setup {
  font-size: 20px;
  vertical-align: middle;
  font-weight: 500;
}

.patron-tabs .nav-pills&gt;li a,
.product-tabs .nav-pills&gt;li a {
  color: #adadad;
  background-color: #ffffff;
  border-radius: 100px;
  border: 2px solid #adadad;
  margin: 10px 18px;
  font-weight: 600;
  z-index: 1;
  padding: 5px 0px;
}

.patron-tabs .nav-pills&gt;li a {
  margin: 10px 8px;
}

.patron-tabs .nav-pills&gt;li a i {
  vertical-align: middle;
  font-weight: 600;
  margin-right: 6px;
  font-size: 20px;
}

.patron-tabs .nav-pills&gt;li.active a,
.patron-tabs .nav-pills&gt;li.active&gt;a:hover,
.patron-tabs .nav-pills&gt;li.active&gt;a:focus {
  /* color: #d544da;
  background-color: #fff;
  border-color: #d544da; */
  color: #FFF;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-color: #d544da;
}

/*.patron-tabs .nav-pills&gt;li .icon-sucess-b {
  visibility: hidden;
}
*/
/*.patron-tabs .nav-pills&gt;li.active  .icon-sucess-b {
  visibility: hidden;
}

.patron-tabs .nav-pills&gt;li.active~li .icon-sucess-b {
  visibility: visible;
}*/

.patron-tabs .nav-pills&gt;li a[data-subscriptionsteptick="0"] +.icon-sucess-b {
  visibility: hidden;
}

.patron-tabs .nav-pills&gt;li a[data-subscriptionsteptick="1"] +.icon-sucess-b {
  visibility: visible;
}

.patron-tabs .nav-pills&gt;li.active:hover,
.patron-tabs .nav-pills&gt;li.active {
  color: #fff;
}


/*.patron-tabs .nav-pills&gt;li.active~li a {
  color: #d544da;
  background-color: #fff;
  border-color: #d544da;
}*/

.patron-tabs .nav-pills&gt;li.active a[data-subscriptionsteptick="1"] {
  color: #fff;
}

.patron-tabs .nav-pills&gt;li a[data-subscriptionsteptick="1"] {
  /* color: #FFF;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-color: #d544da; */
  color: #d544da;
  background-color: #fff;
  border-color: #d544da;
}

.patron-tabs .nav-pills&gt;li+li:after {
  content: " ";
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 5px solid transparent;
  border-left-color: #adadad;
  left: auto;
}

.patron-tabs .patron-tabs-inner li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #d544da;
  transition: 0.1s ease-in-out;
}

.patron-tabs .nav-pills&gt;li.active:after {
  border-left-color: #d544da;
}

.patron-tabs .nav-pills&gt;li+li.active:before {
  content: '';
  position: absolute;
  right: 0;
  height: 2px;
  width: 50%;
  background-color: #d544da;
  top: 50%;
  transform: translateY(-50%);
}

.patron-tabs .nav-pills&gt;li.active~li:after {
  content: " ";
  position: absolute;
  right: -11px;
  top: 51%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 5px solid transparent;
  border-left-color: #d544da;
  left: auto;
}

.patron-tabs .nav-pills&gt;li.active~li:before {
  content: '';
  position: absolute;
  left: 50%;
  height: 2px;
  width: 100%;
  background-color: #d544da;
  top: 50%;
  z-index: 0;
}
.patrons-tab-content{
  min-height:650px;
}
.patrons-tab-content .about_padding {
  padding: 0 0 30px 0;
}

.patrons-tab-content .patronTab .patron-home-posts .postby-title {
  text-transform: uppercase;
  color: #9a9a9a;
  margin: 0;
  font-size: 18px;
}

.patrons-tab-content .sidebar{
  position: relative;
  height: 100%;
}
.patrons-tab-content .sidebar-inner{
  width: 100%;
  position: absolute;
}
.link-url-row .btn-secondary-edited {
  width: 100%;
}

.outer-ticket-box {
  overflow: hidden;
  padding: 4px;
}

.ticket-box {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
}

.ticket-box:after,
.ticket-box:before,
.ticket-box-bottom:after,
.ticket-box-bottom:before {
  content: "";
  position: absolute !important;
  z-index: 100;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
}

.ticket-box-bottom:before {
  top: 150px;
  left: -25px;
  box-shadow: inset 0px 2px 4px #f7f7f7;
}

.ticket-box-bottom:after {
  top: 150px;
  right: -25px;
  box-shadow: inset 0px 2px 4px #f7f7f7;
}

.ticket-box:after {
  top: -25px;
  right: -25px;
  box-shadow: inset 0px -2px 4px #f7f7f7;
}

.ticket-box:before {
  top: -25px;
  left: -25px;
  box-shadow: inset 0px -2px 4px #f7f7f7;
}

.create-ticket-modal .modal-dialog,
.create-event-modal .modal-dialog {
  width: 700px;
}

.create-product-inner .grid-item {
  width: 45%;
  margin: 0;
}

.create-product-inner .mCSB_inside&gt;.mCSB_container {
  margin-right: 0px;
}

.create-product-inner .mockup {
  margin-top: 20px;
}

#userImagesListing .grid-item {
  display: inline-block;
  width: 45%;
  height: 85px;
}

#userImagesListing .grid-item .img-container {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border: 1px solid #dedede;
  object-position: center;
}

.create-product-inner .upload-image {
  width: 45%;
  height: 80px;
  position: absolute;
  margin: 26px 5px 5px 5px;
  cursor: pointer;
}

.patron-setting .pass-code {
  margin: 0px 15px 0px 0px;
  width: 110px;
  height: 34px;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 35px;
  color: #fff;
  border-radius: 6px;
  padding: 5px 10px;
}
.profileTab .patron-wrapper .patron-setting {
  padding: 20px 25px;
}
.profileTab .patron-wrapper .patron-setting .row-edited {
  margin-left: -15px;
  margin-right: -15px;
}
.mt-20 {
  margin-top: 20px;
}

.create-product-inner .upload-container {
  width: 100%;
  height: 100%;
}

.create-product-inner .upload-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.create-product-inner .upload-image .cover-image-upload {
  top: -10px !important;
}

.create-product-inner .with-placeholder:before {
  content: '';
  width: 45%;
  height: 100px;
  display: inline-block;
  margin: 0 5px;
}

.create-product-inner .imageuploadprogress {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

.create-product .nav-pills&gt;li {
  position: relative;
}

.create-product .nav-pills&gt;li .icon-sucess-b {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 1;
  border-radius: 50%;
  padding: 5px;
  background: #d544da;
  color: white;
}

.create-product .nav-pills&gt;li .icon-sucess-b {
  visibility: hidden;
}

.create-product .nav-pills&gt;li.active~li .icon-sucess-b {
  visibility: visible;
}

.create-product .nav-pills&gt;li.active .icon-sucess-b {
  visibility: hidden;
}

#post_type {
  padding: 0px;
}

.schedule-event .existing-schedule-event .image-container,
.forumTab .existing-schedule-event .image-container {
  height: 300px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  position: relative;
  cursor: pointer;
}

.schedule-event .existing-schedule-event .custom-dropdown-menu {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
}



.schedule-event .existing-schedule-event .custom-dropdown-menu .dropdown-toggle {
  display: block;
  text-decoration: none;
  color: #737373;
  font-size: 16px;
}

.schedule-event .existing-schedule-event .right-side-content {
  position: absolute;
  top: -16px;
  right: 20px;
  text-align: right;
}

.schedule-event .existing-schedule-event .right-side-content .float-round-btn {
  cursor: pointer;
  font-size: 17px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  border: 1px solid #e3e3e3;
  color: #d544da;
  line-height: 40px;
  vertical-align: middle;
}

.schedule-event .existing-schedule-event .right-side-content .btn-margin {
  margin-right: 10px;
}

.schedule-event .existing-schedule-event .right-side-content .float-round-btn span {
  font-weight: 700 !important;
}

.schedule-event .existing-schedule-event .content .event-title {
  color: #5D5D5D;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  font-weight: 600;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 28px;
}

.schedule-event .existing-schedule-event .content .title {
  color: #5D5D5D;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -display: -webkit-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  /* line-height: 25px; */
  line-height: 31px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.schedule-event .existing-schedule-event .content .title.custom-color{
  color: #2f2f2f;
}
.schedule-event .existing-schedule-event .content .event-date span {
  color: #d544da;
}

.schedule-event .existing-schedule-event .content .description {
  max-height: 45px;
}
/*---------Creator home Meet and greet -----------*/
.meet-and-greet-holder .existing-schedule-event .month-name {
  font-family: 'Roboto Mono', monospace;
  font-size: 16px;
  font-weight: 500;
  color: #2f2f2f;
  /* border-bottom: 2px solid #cccccc; */
  border-bottom: 2px solid #e0e1e3;
  display:inline-block;
}
.meet-and-greet-holder .existing-schedule-event .month-name span {
  /* border-bottom: 2px solid #cccccc; */
  border-bottom: 2px solid #e0e1e3;
  padding-bottom: 5px;
}
.meet-and-greet-holder .existing-schedule-event .line {
  border-bottom: 1px solid #888b8f;
  width: 38px;
  padding-top: 5px;
}
.meet-and-greet-holder .existing-schedule-event .month-date {
  font-family: 'Roboto Mono', monospace;
  /* font-size: 55px;
  font-weight: 500;
  color: black;
  margin: 16px 0px; */
  font-weight: 500;
  /* color: black; */
  color: #2f2f2f;
  margin: 0;
  height: 55px;
  line-height: 1;
  font-size: 55px;
  margin-top: 5px;
}
.meet-and-greet-holder .existing-schedule-event .time {  
  /* color: #808080; */
  color:#a59d9d;
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  font-weight: 600;
}
.meet-and-greet-holder .image-wrapper {
  /* width: 32%; */
}
.meet-and-greet-holder .event-content {
  /* width: 48.5%; */
} 
.meet-and-greet-holder .image-wrapper .timer-holder {
  display:inline-block;
  /* position: absolute;
  bottom: 12px;
  left: 16%;
  transform: translateX(-9%); */
}
.meet-and-greet-holder .image-wrapper .share-btn-holder{
  float: right;
  padding: 5px 0;
  display:inline-block;
}
.meet-and-greet-holder .image-wrapper .share-btn-holder .btn-secondary-edited.event-share{
  width: auto;
}
.meet-and-greet-holder .image-wrapper .timer-holder .timer-wrapper {
  /* box-shadow: 0px 0px 3px 0px rgba(150, 150, 150, 0.28); */
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28);
  background-color: #fff;
  padding: 0 10px;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  width: 51px;
  height: 51px;
}
.meet-and-greet-holder .image-wrapper .timer-holder .timer-wrapper +.timer-wrapper {
  margin-left: 4px;
} 
.meet-and-greet-holder .image-wrapper .timer-holder .timer-wrapper .number {
  font-size: 22px;
  font-weight: 500;
  padding-top: 4px;
  /* color: red; */
  color:#fb3e42;
}

.meet-and-greet-holder .image-wrapper .timer-holder .timer-wrapper .number[value="0"] {
  color: #000;
}
.meet-and-greet-holder .image-wrapper .timer-holder .timer-wrapper .sub-content {
  /* color: #b2b3b5; */
  color: #a19898;
  font-size: 10px;
  margin-top: -5px;
  font-weight: 500;
}
.meet-and-greet-holder .image-holder .image-container {
  height: 273.5px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  position: relative;
  cursor: pointer;
}
.meet-and-greet-holder .event-content .title {
  font-size: 28px;
  /* color: black !important; */
  color:#2f2f2f;
  font-weight: 600;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 32px;
}
.meet-and-greet-holder .event-content .desc {
  font-size: 16px;
  color: black;
  font-weight: 500;
  margin-top:10px;
}
.meet-and-greet-holder .broadcaster-posts .post-bottom-info.p_30{
  padding:30px;
  text-align: left;
}
.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment{
  margin-top: 30px;
}
.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment .event,
.upcoming-events-container .upcomingvideos-container .like-view-comment-holder  .event,
.meet-and-greet-holder .upcomingvideos-container .like-view-comment-holder .event,
.meetandgreet-tab .existing-schedule-event-list .like-view-comment-holder .event,
.meet-and-greet-holder .existing-schedule-event-list .like-view-comment-holder .event {
  cursor:pointer;
  width:auto;
}
.meet-and-greet-holder.upcoming-events-container .broadcaster-posts .post-bottom-info .like-view-comment .event,
.meet-and-greet-holder.schedule-event .broadcaster-posts .post-bottom-info .like-view-comment .event{
width:auto;
}

.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment .icon {
  /*color: #d544da;*/
  margin-right: 0px;
  vertical-align: middle;
  line-height: 25px;
  background-color: transparent;
}
.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment .icon.edited-golive {
  font-weight: 500;
}
 .schedule-event .icon.existing-events {
  color: #fff;
 }
.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment .btn-secondary-edited:hover {
  color: #FFF !important;
}
.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment .icon.icon-shareIcon,
.meet-and-greet-holder .broadcaster-posts .post-bottom-info .like-view-comment .icon.icon-favoriteOutline{
  font-weight: 600;
  vertical-align: baseline;
}
.meet-and-greet-holder.schedule-event .broadcaster-posts .post-bottom-info .like-view-comment .icon,
.meet-and-greet-holder.upcoming-events-container .broadcaster-posts .post-bottom-info .like-view-comment .icon{
  vertical-align:baseline;
}
/*---------Creator home Meet and greet ends-----------*/
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}

.profile-edit .profile-info-container .timeline-item {
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  padding: 16px;
  /*margin: 0 auto;*/
  max-width: 472px;
  min-height: 200px;
  margin-bottom: 10px;
  overflow: hidden;
}

.profile-edit .profile-info-container .animated-background {
  /*-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;*/
  background: #f6f7f8;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.profile-edit .profile-info-container .background-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.profile-edit .profile-info-container .outlined .background-masker {
  border: 1px solid #ddd;
}

.profile-edit .profile-info-container .outlined:hover .background-masker {
  border: none;
}

.profile-edit .profile-info-container .outlined:hover .background-masker:hover {
  border: 1px solid #ccc;
  z-index: 1;
}

.profile-edit .profile-info-container .background-masker.header-top,
.profile-edit .profile-info-container .background-masker.header-bottom,
.profile-edit .profile-info-container .background-masker.subheader-bottom {
  top: 0;
  left: 40px;
  right: 0;
  height: 10px;
}

.profile-edit .profile-info-container .background-masker.header-left,
.profile-edit .profile-info-container .background-masker.subheader-left,
.profile-edit .profile-info-container .background-masker.header-right,
.profile-edit .profile-info-container .background-masker.subheader-right {
  top: 10px;
  left: 40px;
  height: 8px;
  width: 10px;
}

.profile-edit .profile-info-container .background-masker.header-bottom {
  top: 18px;
  height: 6px;
}

.profile-edit .profile-info-container .background-masker.subheader-left,
.profile-edit .profile-info-container .background-masker.subheader-right {
  top: 24px;
  height: 6px;
}

.profile-edit .profile-info-container .background-masker.header-right,
.profile-edit .profile-info-container .background-masker.subheader-right {
  width: auto;
  left: 300px;
  right: 0;
}

.profile-edit .profile-info-container .background-masker.subheader-right {
  left: 230px;
}

.profile-edit .profile-info-container .background-masker.subheader-bottom {
  top: 30px;
  height: 10px;
}

.profile-edit .profile-info-container .background-masker.content-top,
.profile-edit .profile-info-container .background-masker.content-second-line,
.profile-edit .profile-info-container .background-masker.content-third-line,
.profile-edit .profile-info-container .profile-edit .profile-info-container .background-masker.content-second-end,
.profile-edit .profile-info-container .background-masker.content-third-end,
.profile-edit .profile-info-container .background-masker.content-first-end {
  top: 40px;
  left: 0;
  right: 0;
  height: 6px;
}

.profile-edit .profile-info-container .background-masker.content-top {
  height: 20px;
}

.profile-edit .profile-info-container .background-masker.content-first-end,
.profile-edit .profile-info-container .background-masker.content-second-end,
.profile-edit .profile-info-container .background-masker.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 60px;
  height: 8px;
}

.profile-edit .profile-info-container .background-masker.content-second-line {
  top: 68px;
}

.profile-edit .profile-info-container .background-masker.content-second-end {
  left: 420px;
  top: 74px;
}

.profile-edit .profile-info-container .background-masker.content-third-line {
  top: 82px;
}

.profile-edit .profile-info-container .background-masker.content-third-end {
  left: 300px;
  top: 88px;
}
.meetgreet-main-menu .back-to-main,
.shop-main-menu .back-to-main {
  display: none;
  padding-top: 15px;
  padding-left: 20px;
}
.edit-profile-main-menu .back-to-main {
  display: none;
  padding-top: 15px;
  padding-left: 40px;
 }
 .edit-profile-main-menu .profile-videoTab .back-to-main {
  padding-left: 20px;
 }
.meetgreet-main-menu .profile-wrapper {
  padding: 10px 20px 20px 20px;
} 
.edit-profile-main-menu .profile-wrapper {
  padding: 0px 20px 20px 20px;
}
.meetgreet-main-menu .back-to-main .back-to-main-a,
.edit-profile-main-menu .back-to-main .back-to-main-a,
.shop-main-menu .back-to-main .back-to-main-a {
  font-size: 18px;
  color: #ababab;
  text-decoration: none;
  line-height: 30px;
  vertical-align: middle;
}
/*.meetgreet-main-menu .ptb-20,
.edit-profile-main-menu .ptb-20 {
  padding-top: 0px;
}*/
/*
.meetgreet-main-menu .back-to-main .back-to-main-a span,
.edit-profile-main-menu .back-to-main .back-to-main-a span,
.shop-main-menu .back-to-main .back-to-main-a span {
  vertical-align: middle;
  line-height: 31px;
}
.shop-main-menu .show-products .header {
  margin-top: 15px;
}
.shop-main-menu .show-products .back-to-main {
  padding-left: 30px;
}
.shop-main-menu .requestedproducts .back-to-main {
  padding-left: 0px;
}
.shop-main-menu .product-details .sell-product {
  padding-top: 0px;
}
.shop-main-menu .patronTab.order-listing .back-to-main {
  padding-left: 30px;
}
.shop-main-menu .patronTab.order-listing .product-tracking {
  padding-top: 0px;
}
.patronTab.order-listing .product-tracking {
  padding-top: 20px;
  padding-bottom: 20px;
}
.shop-main-menu .back-main-btn {
  display: block;
}
.meetgreet-main-menu .patron-pass .paddingtb,
.meetgreet-main-menu .create-ticket .paddingtb {
  padding-top: 0px;
}*/
.order-listing .product-tracking .trackPadding {
  padding-top: 6px;
}
.paddingtb {
  padding-top: 20px;
  padding-bottom: 20px;
}
a:focus {
  outline: 0 !important;
}

.whitebg {
  background: white;
}

.greenbg {
  background: #009400;
}

.bluebg {
  background: #008dce;
}

.redbg {
  background: #da0000;
}

.greybg {
  background: #959595
}

.brand-col {
  color: #d544da;
}

.brand-col:hover {
  color: #d544da;
}

.gold {
  color: #F1C40F;
}

.blackbg {
  background: #000;
}

.padding-zero {
  padding: 0;
}

.outline-btn {
  background-color: transparent;
  border: 1px solid #fc245f;
  padding: 6px 6px;
}

.bgbidchatlogo {
  color: #d544da;
}

input.form-control[readonly]{
  background-color: transparent;;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input.number-input,
input.price-input,
.custom-select select.form-control,
.patron-setting select.form-control,
input.merchInput
  {
  /*border: 0;
  border-bottom: 1px solid #E2E2E2;*/
  border: 1px solid #eaeaea;
  padding-top: 20px;
  padding-bottom: 20px;
 /* margin-top: -2px;
  margin-bottom: 10px;*/
  border-radius: 0;
  box-shadow: none;
  color: #A19898;
  font-size: 15px;
  font-weight: 200;
  height: 100%;
  padding: 9px 12px;
}
input[type="number"] {
  border: 1px solid #eaeaea;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 0;
  box-shadow: none;
  color: #A19898;
  font-size: 15px;
  font-weight: 200;
  height: 100%;
  padding: 9px 12px;
}

textarea.form-control {
  border: 1px solid #eaeaea;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 6px;
  margin-bottom: 6px;
  border-radius: 0;
  box-shadow: none;
  color: #A19898;
  font-size: 15px;
  font-weight: 200;
  height: 100%;
  padding: 9px 12px;
}
textarea.form-control.border_0{
  border:0;
}
/*input[type="email"] {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
}

input[type="password"] {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
}

input[type="date"] {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
}

input[type="number"] {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
}

textarea.form-control {
  box-shadow: none;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #E2E2E2;
}*/

/*textarea.form-control:focus {
  border-bottom: 1px solid #d544da;
}*/

input.number-input {
  /*border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;*/
  padding: 0 0 0 15px;
}
input.price-input {
  /*border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;*/
  padding: 0 0 0 25px;
}
/*.custom-select select.form-control {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
}
*/
/*.custom-select select.form-control:focus {
  border-bottom: 1px solid #d544da;
}*/
.grey {
  color: #5D5D5D;
}
.empty-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.p-b-5 {
  padding-bottom: 5px;
}
.ellipsisTwoLine {
  max-height: 43px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 16px;
}

.bgbidchatlogo:before {
  position: absolute;
  content: "\e918";
  font-size: 50px;
  font-family: 'icomoon' !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.disabledsetting {
  opacity: .4;
  pointer-events: none;
}

.inline-block {
  display: inline-block !important;
}

.semibold {
  font-weight: 600;
}

.font16 {
  font-size: 16px;
}

.noresize-textarea {
  resize: none;
}

.opacity-zero {
  opacity: 0;
}

.no-pointer-event {
  pointer-events: none;
}

.display-none {
  display: none;
}

.display-none-important {
  display: none !important;
}

.default-cursor {
  cursor: default !important;
}

.icon-dollar:before {
  content: "$";
  /*font-family: 'muktaregular', sans-serif !important;*/
  font-weight: 400 !important;
}

/***************************videoloader**********************************/

.video-loader-parent {
  display: none;
  position: absolute;
  /*background: black;*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 13;
}

.video-loader-text {
  bottom: 75px;
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 4px #1C1C2E;
}

.videoloader {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.videoloader:before {
  content: '\e94a' !important;
  font-family: 'icomoon' !important;
  background: red;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 25px;
  /* text-indent: -6px; */
  text-align: center;
  color: #fff;
}

.videoloader:after {
  content: '';
  background: rgba(255, 0, 0, 0.52);
  border-radius: 50%;
  width: 55px;
  display: inline-block;
  height: 55px;
  box-shadow: 0px -15px 0px 0px rgba(198, 198, 198, 0.47), 15px 10px 0px 0px rgba(198, 198, 198, 0.47), -15px 10px 0px 0px rgba(198, 198, 198, 0.47);
  animation: spin .9s linear infinite;
  -webkit-animation: spin .9s linear infinite;
  transform-origin: center;
}

/******************satteliteloader*****************************/

.satteliteloader {
  display: none;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 50%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 50%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 50%, rgba(0, 0, 0, 1) 100%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 13;
}

.satteliteloader .text {
  color: #e8e8e8;
  font-size: 16px;
  display: block;
  white-space: nowrap;
  margin-top: 7px;
}

.sattelite-text-parent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.signalContainer {
  display: inline-block;
  position: relative;
  margin-bottom: 11px;
}

.signalContainer img {
  width: 60px;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.signalContainerL {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -30px;
  left: -30px;
  transform-origin: bottom right;
  transform: rotate(-50deg);
  -webkit-transform-origin: bottom right;
  -webkit-transform: rotate(-50deg);
  overflow: hidden;
}

.signalContainerL .signalStrength,
.signalContainerL .signalStrength:before,
.signalContainerL .signalStrength:after {
  position: absolute;
  border-radius: 50%;
  border: 2px solid #fff;
  bottom: -10px;
  right: -10px;
  opacity: 0;
}

.signalContainerL .signalStrength {
  width: 20px;
  height: 20px;
  animation: fade 1s linear infinite;
}

.signalContainerL .signalStrength:before {
  content: '';
  width: 35px;
  height: 35px;
  animation: fade 1s linear infinite;
}

.signalContainerL .signalStrength:after {
  content: '';
  width: 42px;
  height: 42px;
  animation: fade 1s linear infinite;
}

.signalContainerR {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -30px;
  right: 22px;
  transform-origin: bottom right;
  transform: rotate(140deg);
  -webkit-transform-origin: bottom right;
  -webkit-transform: rotate(140deg);
  overflow: hidden;
}

.signalContainerR .signalStrength,
.signalContainerR .signalStrength:before,
.signalContainerR .signalStrength:after {
  position: absolute;
  border-radius: 50%;
  border: 2px solid #fff;
  bottom: -10px;
  right: -10px;
}

.signalContainerR .signalStrength {
  width: 20px;
  height: 20px;
  animation: fade 1s linear infinite;
}

.signalContainerR .signalStrength:before {
  content: '';
  width: 35px;
  height: 35px;
  animation: fade 1s linear infinite;
}

.signalContainerR .signalStrength:after {
  content: '';
  width: 42px;
  height: 42px;
  animation: fade 1s linear infinite;
}

/*************************small-loader**************************************/

.small-loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  /*transform: translateX(-47%);*/
  z-index: 1;
  border: 7px solid #d8d8d8;
  border-radius: 50%;
  border-top: 7px solid #d544da;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*********************loader-with-text****************************************  */

.loader-with-text {
  display: none;
  text-align: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1501;
  background-color: rgba(255, 255, 255, 0.6);
}

.loader-with-text .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader-with-text .loader-inner {
  margin: 13px auto;
  border: 7px solid #d8d8d8;
  border-radius: 50%;
  border-top: 7px solid #d544da;
  width: 50px;
  height: 50px;
  -webkit-animation: l_spin 2s linear infinite;
  animation: l_spin 2s linear infinite;
}

.loader-with-text .text-inner {
  /* font-weight: bold; */
  font-weight: 600;
  color: #4a4a4a;
  text-transform: uppercase;
  background: #f9f9f9;
  padding: 2px;
  border-radius: 100px;
  padding: 10px 33px;
}

/*************************small-loader-fixed**************************************/

.small-loader-fixed {
  display: none;
  position: fixed;
  z-index: 1501;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.small-loader-fixed .small-loader-fixed-content {
  top: 50%;
  left: 50%;
  /*transform: translateX(-47%);*/
  position: absolute;
  border: 7px solid #d8d8d8;
  border-radius: 50%;
  border-top: 7px solid #d544da;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  -webkit-animation: l_spin 2s linear infinite;
  animation: l_spin 2s linear infinite;
}

@-webkit-keyframes l_spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes l_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/****************************************custom loader****************************************/

.mainloader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 1600;
  /*display: none;*/
}

.mainloader:before {
  content: "\e918";
  font-family: 'icomoon' !important;
  top: 50%;
  left: 50%;
  font-size: 60px;
  color: #d544da;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.mainloader .loader-container {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
}

.mainloader svg {
  width: 200px;
  height: auto;
}

.mainloader svg path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  fill: red;
  stroke: #d544da;
  stroke-width: 1;
  fill-opacity: 0;
}

.mainloader svg path.speaker {
  -webkit-animation: draw 6s infinite;
  animation: draw 6s infinite;
}

.mainloader svg path.alpha-b {
  -webkit-animation: draw 6s infinite .25s;
  animation: draw 6s infinite .25s;
}

.mainloader svg path.alpha-i {
  -webkit-animation: draw 6s infinite .5s;
  animation: draw 6s infinite .5s;
}

.mainloader svg path.alpha-i-dot {
  -webkit-animation: draw 6s infinite .5s;
  animation: draw 6s infinite .5s;
}

.mainloader svg path.alpha-d {
  -webkit-animation: draw 6s infinite .75s;
  animation: draw 6s infinite .75s;
}

.mainloader svg path.alpha-c {
  -webkit-animation: draw 6s infinite 1s;
  animation: draw 6s infinite 1s;
}

.mainloader svg path.alpha-h {
  -webkit-animation: draw 6s infinite 1.25s;
  animation: draw 6s infinite 1.25s;
}

.mainloader svg path.alpha-a {
  -webkit-animation: draw 6s infinite 1.5s;
  animation: draw 6s infinite 1.5s;
}

.mainloader svg path.alpha-t {
  -webkit-animation: draw 6s infinite 1.75s;
  animation: draw 6s infinite 1.75s;
}

@-webkit-keyframes draw {
  0% {
    fill-opacity: 0;
  }
  50% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 0;
  }
}

@keyframes draw {
  0% {
    fill-opacity: 0;
  }
  50% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
  100% {
    fill-opacity: 0;
  }
}

.heart-button:active:focus {
  outline: 0;
}

.customlabel {
  font-size: 16px;
  font-weight: 600;
  color: #2F2F2F;
}

.vip-icon,
.icon-vip {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  color: #FFFFFF;
  text-align: center;
  line-height: 15px;
  width: 24px;
  height: 14px;
  font-size: 10px;
  margin-right: 2px;
  background: -webkit-linear-gradient(#FF134F, #FF6039) no-repeat;
  background: linear-gradient(#FF134F, #FF6039) no-repeat;
}

.vip-icon:before,
.icon-vip:before {
  content: "VIP";
  display: inline-block;
  position: relative;
  /*font-family: "Gibson-Regular", sans-serif !important;*/
  font-weight: 400 !important;
  /* top:-1px; */
}

.vipicon-golive {
  margin-top: 17px;
}

.line-behind-text {
  position: relative;
  z-index: 1;
  margin: 15px 0;
}

.line-behind-text:before {
  border-top: 1px solid #565656;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 150px;
  right: 0;
  bottom: 0;
  width: 30%;
  z-index: -1;
}

.line-behind-text:after {
  border-top: 1px solid #565656;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 150px;
  bottom: 0;
  width: 30%;
  z-index: -1;
}

.line-behind-text span {
  background: transparent;
  padding: 0 10px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  box-shadow: none;
  outline: 0;
}

.brand-background {
  background-color: #d544da;
}

.height-100-per {
  height: 100%;
}

.no-margin {
  margin: 0;
}

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

.rounded-button,
.rounded-button:hover {
  height: 40px;
  padding: 0 30px;
  line-height: 40px;
  border-radius: 4px;
  color: #fff;
  width: 100%;
}
.confirmPayment-main-modal .confirmPayment-btn {
  width: 85px;
}
.rounded-button [class*="icon-"] {
  margin-right: 5px;
}

.font20 {
  font-size: 20px;
}

.pl_20 {
  padding-left: 20px;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile+label {
  cursor: pointer;
  /* "hand" cursor */
}

.popup-title {
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  color: #d544da;
}
.main-title-sub-decs {
  font-size: 16px;
}
.new-tab .content-listing-tabs .parent-menu-content h4.sub-text-title,
.sub-text-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  color: #2F2F2F;
  font-size: 16px;
  border: none;
  padding: 0;
  line-height: 22px;
}

.content-listing-tabs .parent-event-holder .sub-text-title {
  margin-top: 15px;
}

.content-listing-tabs .parent-event-holder .sub-text-holder {
  margin-top: 8px;
}

.content-listing-tabs .parent-event-holder {
  position: relative;
}

.main-event-btn-holder {
  position: absolute;
  top: 15px;
  right: 0px;
}

.parent-menu-content .content-description .event-sub-text-holder-margin {
  margin-top: 10px;
}

.sub-text-title + p  {
  color: #a19898;
  font-size: 16px;
  font-weight: 200;
}
.sub-menu-text.meetandgreet-sub-menu ul li a span {
  font-weight: 500;
}
.section-top {
  margin-top: 40px;
  margin-bottom: 30px;
}

.section-top h3 {
  color: #d544da;
  text-transform: uppercase;
  font-size: 18px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  margin: 10px 0;
}

.section-top-inner {
  margin: 0px 0 20px 0;
  padding-left: 30px;
}

.section-top-inner h3 {
  color: #d544da;
  text-transform: uppercase;
  font-size: 18px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  margin: 10px 0;
}

.section-top-inner h4 {
  color: #7b7b7b;
  text-transform: uppercase;
  font-size: 14px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  margin-top: 20px;
}

.title_group {
  font-size: 29px;
  color: #333;
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
}

.section-top .input {
  margin-left: 5px;
  padding-left: 5px;
  border-radius: 3px;
  width: 300px;
}

.flexslider {
  background: none;
  border: none;
  box-shadow: none;
  margin: 0px;
  overflow: hidden;
  border-radius: 0;
}

.flex-direction-nav a {
  width: 50px;
  height: 50px;
}

.homepage-slider-container {
  padding-top: 25%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.homepage-slider-container .flexslider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /*  cursor: pointer;*/
}

.select-parent {
  /*margin-left: 9px;*/
}

.textdivider {
  position: relative;
  margin: 20px 0;
}

.live[data-isLive="0"] {
  display: none;
}

.live[data-isLive="1"] {
  display: block;
}

.live[data-isLive="0"],
.live[data-live="0"],
.live-new[data-isLive="0"] {
  display: none;
}

.live[data-isLive="1"],
.live[data-live="1"] {
  display: block;
}

.live-new[data-isLive="1"] {
  display: inline-block;
}

.private-call[data-isPrivate="0"] {
  display: none;
}

.private-call[data-isPrivate="1"] {
  display: block;
}

.verify[data-verified="0"] {
  display: none;
}

.verify[data-verified="1"] {
  display: inline;
}

.is-featured-video[data-isFeaturedVideo="0"] {
  display: none;
}

.is-featured-video[data-isFeaturedVideo="1"] {
  display: block;
}

.featured-video2[data-isFeaturedVideo="0"] {
  display: none;
}

.featured-video2[data-isFeaturedVideo="1"] {
  display: block;
}

.verified[data-verified="0"] {
  display: none;
}

.verified[data-verified="1"] {
  display: block;
}

.paid[data-paid="1"] {
  display: inline;
}

.paid[data-paid="0"] {
  display: none;
}

/****** reset *****/

.margin-0 {
  margin: 0;
}

.margin-r-0 {
  margin-bottom: 0;
}

.margin-l-0 {
  margin-left: 0;
}

.margin-t-0 {
  margin-top: 0;
}

.margin-b-0 {
  margin-bottom: 0;
}

/**********************************loader********************************/

#processLoader {
  display: none;
}

.loader {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

/* LOADER 2 */

.loader-2 span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 35px 5px;
}

.loader-2 span:nth-child(1) {
  /*background-color: #f44336;*/
  background-color: #da4ddf;
  animation: bounce 1s ease-in-out infinite;
}

.loader-2 span:nth-child(2) {
  /*background-color: #4caf50;*/
  background-color: #da4ddf;
  animation: bounce 1s ease-in-out 0.33s infinite;
}

.loader-2 span:nth-child(3) {
  /*background-color: #ffeb3b;*/
  background-color: #da4ddf;
  animation: bounce 1s ease-in-out 0.66s infinite;
}

.loader-2 span:nth-child(4) {
  /*background-color: #03a9f4;*/
  background-color: #da4ddf;
  animation: bounce 1s ease-in-out 1s infinite;
}
.margin-mg {
  margin-left: 70px;
}
.margin-icons {
  margin-right: -45px;
}
@keyframes bounce {
  0%,
  75%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

/****** menu styles ******/
.body-bg-white .search-btn input[type=text] {
  background-color: #fff;
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28);
  width: 135px;
  padding-left: 36px;
  padding-right: 33px;
  z-index: 0;
  right: 0;
  margin: 0;
}

.search-btn input[type=text] {
  color: #5D5D5D;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  border-radius: 38px;
  height: 40px;
  background-color: transparent;
  border-color: transparent;
  border: none !important;
  background-color: transparent;
  box-shadow: none;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  padding: 0px 46px 0 20px;
  width: 0px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  right: -8px;
  z-index: 1;
  bottom: 2px;
  cursor: pointer;
}
.search-nodata {
  position: absolute;
  top: 38px;
  right: 0;
  width: 225px;
  color: #5D5D5D;
  padding: 10px;
  white-space: nowrap;
  border: 1px solid #ddd;
  background: #fff;
 text-align: center;
}
.search-nodata:empty{
  display: none;
}
.search-loader {
  position: absolute;
  top: 38px;
  width: 225px;
  padding: 10px;
  white-space: nowrap;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  right: 0px;
  height: 50px;
  z-index: 2;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  /*height: 64px;*/
}
.lds-ellipsis div {
  position: absolute;
  top: -6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 100%);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

/*.search-btn input[type=text]:before {
  content: "\e924";
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: #d544da;
}*/
.search-btn.margintop-search {
  margin-top: 3px;
}
/*.body-bg-white .search-btn input[type=text]:before {
  content: "SEARCH";
} */

.body-bg-white .search-btn .icon-search {
  position: absolute;
  top: 10px;
  left: 12px;
  color: #d544da;
  font-weight: 600;
  font-size: 16px;
  right: auto;
  cursor: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.body-bg-white .search-btn .icon-search:hover {
  cursor: none;
}
.search-btn .icon-search {
  position: absolute;
  color: #c7c7c7;
  font-weight: 600;
  top: 0px;
  right: 0px;
  font-size: 23px;
  padding: 5px;
}
.search-btn .icon-search:hover {
  cursor: pointer;
}
.search-btn input[type=text]:focus + .icon-search {
  color: #d544da;
}
/*.search-btn input[type=text]:valid,*/
.search-btn input[type=text]:focus {
  width: 225px;
  text-align: left;
  cursor: text;
}

.search-toggle {
  font-size: 18px;
  border: 1px solid #eaeaea;
  background: transparent;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: none;
  text-align: center;
  padding: 0;
}

@media(max-width:450px) {
  .search-toggle {
    font-size: 18px;
    height: 30px;
    width: 30px;
    font-size: 15px;
    margin-top: 7px
  }
}

.profile-menu {
  position: relative;
  margin-left: 15px;
}

.profile-menu .profile_image {
  display: block;
  margin-bottom: 12px;
}

.profile-menu.hover .profile-menu-sub {
  display: block;
}

.profile-menu .profile-menu-sub {
  position: absolute;
  width: 240px;
  background: #fff;
  right: -10px;
  list-style: none;
  z-index: 12;
  border: 1px solid #DBDBDB;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 0;
  display: none;
}

.profile-menu .profile-menu-sub .message-count {
  right: 7px;
  position: absolute;
  background: #d544da;
  color: white;
  padding: 3px 8px;
  border-radius: 20px;
  font-size: 10px;
}

.profile-menu .profile-menu-sub .message-count:empty {
  display: none;
}

.profile-menu .profile-menu-sub:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ffffff;
  top: -6px;
  transform: rotate(45deg);
  right: 20px;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: #dedede;
}

.profile-menu .profile-menu-sub li {}

.profile-menu .profile-menu-sub li a {
  text-decoration: none;
  cursor: pointer;
  padding: 12px 14px;
  display: block;
  color: #484848;
}

.profile-menu .profile-menu-sub .share-btn-parent {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile-menu .profile-menu-sub .share-btn {
  color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 0;
  line-height: 25px;
  margin-left: 6px;
  font-size: 12px;
  cursor: pointer;
}

.profile-menu .profile-menu-sub .share-btn:active:focus {
  outline: none;
}

.profile-menu .profile-menu-sub .share-btn+.share-btn {
  margin-left: 6px;
}

.profile-menu .profile-menu-sub li a:hover {
  background: #f3f3f3;
  z-index: 1;
  color: #ed3b53;
  position: relative;
}

.profile-menu .profile-menu-sub li a:hover span {}

.profile-menu .profile-menu-sub li a span {
  margin-right: 5px;
  font-weight: 600;
}
.profile-menu .profile-menu-sub li a .font-weight400 {
  font-weight: 400;
}
.profile-menu .profile-menu-sub li+li {
  border-top: 1px solid #dedede;
}

@media screen and (max-width: 768px) {
  .container {
    /*width: 480px;*/
  }
  .navbar-right {
    margin: 0;
    float: right;
  }
  .search-toggle {
    display: block;
  }
  .search-toggle:active:focus {
    outline: 0;
  }
  .placeholderVideobg {
    padding: 0 0 15px 0;
  }
  .topform .searchparent {
    position: absolute;
    top: 80px;
    z-index: 41;
    left: 0;
    width: 100%;
    padding: 10px;
    margin: 0;
    background: #fff;
    display: none;
  }
  .profile-menu .profile-menu-sub {
    position: fixed;
    top: 55px;
    z-index: 41;
    left: 0;
    width: 100%;
    padding: 10px;
    margin: 0;
    background: #fff;
    border: 1px solid #f1f1f1;
  }
  .topform .searchparent .searchform {
    width: 100% !important;
  }
  .data-search {
    width: 100%;
  }
  .section-top .input,
  .section-top .select-parent {
    margin-left: 0;
    width: 100%;
  }
  .pading-left {
    padding: 0;
  }
  .profile-menu .profile-menu-sub:before {
    content: none;
  }
  .home-tabs-menu ul li {
    width: 100%;
  }
  .home-tabs-menu ul li a,
  .home-tabs-menu ul li a:focus,
  .home-tabs-menu ul li a:active {
    padding: 12px 30px !important;
    text-align: left;
    outline: 0;
  }
}

/*---------------Login Page---------------*/

/*---------------Login Page ---------------*/

.login-theme .navbar-default {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #fff !important;
  position: fixed;
}

.login-theme .navbar-brand {
  margin-top: 15px;
}

.login-theme .navbar-default .navbar-brand .brand-col {
  color: #fff;
  font-size: 40px;
}

.login-theme .nav&gt;li&gt;a:hover,
.login-theme .nav&gt;li&gt;a:focus {
  background-color: transparent;
}

.login-page .user-login-parent {
  /*margin-top: 55px;*/
}

.login-page .user-login-parent .login-skew-img-parent {
  -webkit-transform: skew(-210deg);
  -moz-transform: skew(-210deg);
  transform: skew(-210deg);
  position: absolute;
  left: -260px;
  /*background: #675CBB;
  opacity: 0.8;*/
  /*border-bottom-right-radius: 110px;
  overflow: hidden;*/
  padding-right: 0;
}

.login-page .user-login-parent .login-page-minht {
  /* min-height: 600px;
  height: 100vh; */
}

.login-page .user-login-parent .login-skew-img-parent .image-holder {
  width: 100%;
  height: 90vh;
  min-height: 600px;
  background-size: 100%;
  overflow: hidden;
  border-bottom-right-radius: 110px;
}

.login-page .user-login-parent .login-skew-img-parent .image-holder .image-container {
  width: 130%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: skew(210deg);
  -webkit-transform: skew(210deg);
  -moz-transform: skew(210deg);
  background-position: center;
}

.login-page .user-login-parent .login-skew-content-parent {
  /*position: absolute;*/
  /* z-index: 3; */
  /*transform: skew(210deg);
  -webkit-transform: skew(210deg);
  -moz-transform: skew(210deg);*/
  /* right: 5vh;
  position: absolute;
  overflow: visible; */
  /* top: 15vh; */
  /* width: 75%; */
}

.login-page .user-login-parent .image-holder.creator-profile-cover-img::before {
  background-image: linear-gradient(to left, #7745c000 -60%, #3529a700 100%);
}

.login-page .user-login-parent .image-holder::before {
  background-image: linear-gradient(to left, #7745C0 -60%, #3529A7 100%);
  position: absolute;
  top: 0;
  opacity: 0.90;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 1;
  border-bottom-right-radius: 110px;
}

.login-page .user-login-parent .img-content-container {
  /* margin-top: 0px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); */
}

.login-page .user-login-parent .img-content-container .title {
  font-size: 28px;
  font-weight: 200;
  word-spacing: 6px;
  letter-spacing: 2px;
}

.login-page .user-login-parent .img-content-container .title .mg-title {
  font-weight: 400;
  font-size: 45px;
  line-height: 1.3;
  margin-top: 15px;
}

.login-page .user-login-parent .img-content-container .title .mg-title1 {
  font-weight: 400;
  font-size: 25px;
}

.login-page .user-login-parent .img-content-container .carousel-control.right {
  background-image: none;
}

.login-page .user-login-parent .img-content-container .carousel-indicators {
  bottom: -40px;
}

.login-page .user-login-parent .img-content-container .carousel-control {
  width: 0;
  text-shadow: none;
  background-color: transparent;
}

.login-page .user-login-parent .img-content-container .carousel-inner .item .item-text {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
}

.login-page .user-login-parent .img-content-container .subtagline {
  font-size: 20px;
  font-weight: 200;
  word-spacing: 6px;
  letter-spacing: 2px;
  line-height: 45px;
}

.no-shadow {
  box-shadow: none;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card {
  padding: 15px 30px 30px;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .login-social {
  width: 100%;
  height: 40px;
  color: white;
  border-radius: 38px;
  vertical-align: middle;
  line-height: 36px;
  font-size: 17px;
  border: 0;
  padding: 0 25px;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .login-fb {
  background-color: #1665b5;
  width: auto;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .login-insta {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .login-yb {
  background-color: #cc181e;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .login-social i {
  font-size: 16px;
  vertical-align: middle;
  line-height: 32px;
  padding-right: 10px;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .tab-content {
  margin-top: 20px;
}

.login-page .user-login-parent .login-skew-content-parent .login-content .login-card .login-button {
  margin: 20px 0 0 0;
}

.login-page .user-login-parent .profile-users .profile1 {
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
  position: absolute;
  top: 11vh;
  right: 18vh;
  width: 300px
}

.login-page .user-login-parent .profile-users .profile2 {
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
  position: absolute;
  top: 65vh;
  right: 5vh;
}

.login-page .user-login-parent .profile-users .profile3 {
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
  position: absolute;
  top: 60vh;
  right: 60vh;
}

.login-page .user-login-parent .profile-users .profile1 img,
.login-page .user-login-parent .profile-users .profile2 img,
.login-page .user-login-parent .profile-users .profile3 img,
  {
  height: 100%;
  width: 100%;
  object-fit: cover;
  cursor: pointer;
}

.creator-parent .login-card ul.nav-tabs&gt;li {
  width: 100%;
}

/*---------------Login Page  ends---------------*/
.forumAdd-modal .patron-setting .nav-pills&gt;li&gt;a {
  width: 95px;
  height: 75px;
  padding-top: 10px;
}
.forumAdd-modal .patron-setting .patron-row {
  margin-right: -15px;
  margin-left: -15px;
}

.forumAdd-modal .modal-header {
  padding: 10px 20px;
}

.forumAdd-modal .forum-title {
  font-size: 20px;
}

.forumTab .like-view-comment,
.patrons-tab-content .like-view-comment {
  /*pointer-events: none;*/
}
/*----Shop home TAb----*/
/*.shop-homeTab .shop img {
  height: auto;
}*/
.shop-homeTab .price-section .discount-price {
  font-size: 20px;
  font-weight: 200;
  padding-right: 10px;
  position: relative;
}

.featured-shop-section .price-section .discount-price {
  font-size: 16px;
  font-weight: 500;
  padding-right: 5px;
  position: relative;
}

.featured-shop-section .price-section  .price {
  color: #d544da;
  font-size: 20px;
  font-weight: 500;
}

.shop-homeTab .price-section .price-holder,
.featured-shop-section .price-section .price-holder {
  padding-top: 6px;
}

.featured-shop-section .top-selling-productslisting .price-section .price {
  font-size: 18px;
}

.shop-homeTab .price-section .price {
  font-size: 24px;
}

.shop-homeTab .max-height {
  height: 100%;
}

.shop-modal.shop-details .flex-control-thumbs li {
  height: 50px;
}

.shop-modal.shop-details .flex-control-thumbs li img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.shop-homeTab .ribbon-box {
  height: 100%;
}
.featured-shop-section .price-section .discount-price:before {
  content: '';
  position: absolute;
  font-weight: 200;
  font-size: 24px;
  top: 9px;
  background-color: #d544da;
  transform: rotate(-18deg);
  width: 88%;
  height: 1.5px;
}

.shop-homeTab .price-section .discount-price:before {
  content: '';
  position: absolute;
  font-weight: 200;
  font-size: 40px;
  top: 9px;
  background-color: #d544da;
  transform: rotate(-25deg);
  width: 88%;
  height: 1.5px;
}
.shop-homeTab .shop-btn-section {
  border-bottom: 1px solid #efefef;
  padding-bottom: 9px;
}
.shop-homeTab .shop-btn-section .btn-primary-edited {
  width: 160px;
}
.shop-homeTab [data-toggle] {
    position: relative;
    display: inline-block;
    color: #5D5D5D;
    font-size: 16px;
}
.shop-homeTab .call-tooltip {
  cursor: pointer;
}
.shop-homeTab .call-tooltip:before {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #d544da;
}
.shop-homeTab .call-tooltip .price-hover {
  display: none;
}
.shop-homeTab .ribbon-box {
  position: relative;
}
.shop-homeTab .ribbon {
  position: absolute;
  right: -5px; 
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; 
  height: 75px;
  text-align: right;
}
.shop-homeTab .ribbon span {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.shop-homeTab .ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #d544da;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #d544da;
}
.shop-homeTab .ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #d544da;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #d544da;
}
.shop-homeTab .call-tooltip:hover .price-hover {
  display: block;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  color: #fff;
  top: -80px;
  right: -100px;
  width: 250px;
  padding: 10px;
  font-weight: 200;
}
.shop-homeTab .main-shop-image img {
  height: auto;
}
.shop-homeTab .shop .title {
  font-size: 20px;
}
.word-wrap {
  word-wrap: break-word;
}
.title.clip-text{
  display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap:break-word;
}
.title.clip-text-one-line,
.reply-section-clip-text-one-line {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap:break-word;
  line-height: 1.5;
  height: 26px;
}
.shop-homeTab .call-section {
  font-size: 15px;
  color: #808080;
}
.shop-homeTab .call-section .call-section-icon {
  font-size: 24px;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 500;
  margin-right: 2px;
}
 .shop-homeTab .decs {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap:break-word;
  height: 47px;
  margin-bottom: 16px;
  margin-top: 10px;
  color: #333;
  position: relative;
 }

 @-moz-document url-prefix() {

    .shop-homeTab .decs:before {
      background: transparent;
      bottom: -5px;
      position: absolute;
      right: 0;
      float: right;
      content: '\2026';
      margin-left: -3rem;
      width: 2rem;
      background: #fff;
    }
    .shop-homeTab .decs:after {
      content: '';
      background: #fff;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1;
    }
  }

 .shop-homeTab .decs.shop-desc-view{
  -webkit-line-clamp: 2;
  word-wrap:break-word;
 }
.post-type-blog-preview .blog-preview-content .sub-description {
  font-size: 13px;
  color: grey;
  font-family: 'Roboto Mono', monospace;
}
/*---------------Landing Home Page  starts---------------*/
.landing-creator-main {
  margin: 0 auto;
  position: absolute;
   top: 11vh;
  /* right: 25vh; */ 
  right: 244px;
  top: 107px;
}
.landing-creator-main.creator-landing {
  /* top: 18vh; */
  top: 176px;
}

.landing-creator-main .landing-img-holder {
  width: 210px;
  height: 210px;
}
.landing-img-holder-small {
  width: 160px;
  height: 160px;
}
.creator-landing .landing-img-holder {
  width: 250px;
  height: 250px;
}
.landing-creator-main.creator-left {
  /* top: 42vh;
  right: 60vh; */
  top: 290px;
  right: 450px;
}
.landing-creator-main.creator-right {
  /* top: 55vh;
  right: 5vh; */
  top: 455px;
  right: 49px;
}
.home-video-section .video-broadcaster-name {
  font-size: 20px;
  margin: 5px 0 0px 0;
  color: #5D5D5D;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  height: 58px;
}

 .home-video-section .video-icons.icon-thumbs-up-hand-symbol {
  cursor: pointer;
 }
 .home-video-section .video-icon-insider {
  vertical-align: middle;
  line-height: 25px;
  margin-right: 15px;
 }
.m-t-20 {
  margin-top: 20px;
}
.landing-creator-main.shop-creator-left {
  /* top: 35vh;
  left: 0vh; */
  /* top: 342px; */
  top:257px;
  left: 0px;
  right: 0;
}
.landing-creator-main .ie-supported-img {
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  border-radius: 50%;
  box-shadow: 0px 20px 40px 0px rgba(88,88,88,0.4);
  cursor: pointer;
}

.landing-creator-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 20px 40px 0 rgba(88, 88, 88, 0.4);
}
.landing-img-holder-small .landing-creator-img {
  box-shadow: 0 20px 40px 0 rgba(88, 88, 88, 0.28);
}
.profile-right .landing-profile-holder {
  position: absolute;
  right: 35px;
}
.profile-left .landing-profile-holder {
  bottom: -2vh;
  position: absolute;
  left: 0vh;
}
.profile-left .landing-profile-holder .round-btn {
  background: #fff;
  color: #9e9e9e;
}
.landing-profile-holder .round-btn {
  background: #4a3ec8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  border: none;
  vertical-align: middle;
  box-shadow: 0 20px 40px 0 rgba(88, 88, 88, 0.4);
  text-align: center;
  line-height: 40px;
}
.profile-right .landing-profile-holder .btn-icon-heart {
  /* top: -2vh;
  right: -5vh; */
  top: -19px;
  right: -49px;
  position: absolute;
}

.profile-left .landing-profile-holder .btn-icon-heart {
  /* top: -8vh;
  right: 0vh; */
  top: -79px;
  right: 0px;
  position: absolute;
}
.profile-right .landing-profile-holder .btn-icon-share {
  position: absolute;
  /* top: 1vh;
  right: 1vh; */
  top: 10px;
  right: 10px;
}

.profile-left .landing-profile-holder .btn-icon-share {
  position: absolute;
  /* top: -3vh;
  right: -4vh; */
  top: -30px;
  right: -39px;
}
.landing-profile-holder .round-btn i {
  font-weight: 600;
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
  border: none;
}
.landing-profile-holder .btn-icon-share i {
  font-size: 19px;
  line-height: 38px;
}
.landing-home .form-page.login-page {
  min-height: 600px;
}
.body-bg-white {
  /* background-color: #fff; */
}
.landing-home .landing-title {
  font-weight: 200;
  font-size: 66px;
}

.landing-home .landing-title.lineht {
  line-height: 120px;
}
.landing-home .user-login-parent .landing-page-minht {
  min-height: 600px;
  height: 70vh;
}
.landing-home .user-login-parent .login-skew-img-parent .image-holder {
  width: 100%;
  height: 70vh;
  min-height: 600px;
}
.landing-home .user-login-parent .img-content-container .subtagline.lineht {
  line-height: 35px;
  margin-top: 35px;
}
.landing-home .user-login-parent .profile-users .profile1.landing-profile {
  top: 15vh;
}
.landing-home .user-login-parent .profile-users .profile3.landing-profile {
  top: 42vh;
  right: 75vh;
}
.landing-home .user-login-parent .profile-users .profile2.landing-profile {
  top: 55vh;
}
.landing-home .landing-menu-tabs .home-tabs-menu {
  margin-bottom: 0px;
  background-color: transparent;
  border-color: transparent;
  padding-top: 25px;
  /*margin-top: 20;*/

}

.live-feed-end .creator-profile-menu .landing-menu-tabs .timeline-zone {
  padding-left: 20px;
}
.landing-menu-tabs .profile-menu-options ul li + li {
  margin-left: 50px;
}

.creator-profile-menu {
  margin-bottom: 0px;
  background-color: #fff;
  border-color: transparent;
  padding: 5px;
}

.landing-menu-tabs .profile-menu-options .nav {
  display: table;
  width: 100%;
  list-style: none;
}

.landing-menu-tabs .profile-menu-options .nav li {
  display: table-cell;
  text-align: center;
  padding: 0;
  margin: 0;
}

.landing-menu-tabs .profile-menu-options .nav li.content-left {
  text-align: left;
}

.landing-menu-tabs .profile-menu-options .nav li.content-right {
  text-align: right;
}

.landing-home .landing-menu-tabs .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.landing-home .landing-menu-tabs .container-fluid    ul li{
cursor:pointer;
}
.landing-home .landing-menu-tabs .home-tabs-menu ul li a {
  text-transform: none;
  font-weight: 200;
  font-family: 'Mukta', sans-serif !important;
  font-size: 20px;
 /* color: #837f7f;*/
}
.landing-home .landing-menu-tabs .home-tabs-menu ul li.active a {
  border-bottom: 2px solid #d544da;
  color: #d544da;
}
.landing-home .landing-menu-tabs .home-tabs-menu ul li a:before {
  display: none;
}
.landing-home .content .landing-title-text {
  padding-top: 50px;
  font-size: 42px;
  word-spacing: 1px;
  letter-spacing: 1px;
  font-weight: 200;
}
.landing-home .content .landing-title-text .landing-bolder-text {
  font-weight: 400;
}
.landing-home .content .tabs-info {
  padding-top: 50px;
}
.landing-home .content .tabs-info .col-md-4 {
  width: 29.5%;
}
.landing-home .content .tabs-info .margin-tabs {
  margin: 0px 40px;
}
.landing-home .content .tabs-info .tabs-info-icon {
  width: 66px;
  padding-bottom: 20px;
}
.landing-home .content .tabs-info .sub-text {
  font-size: 16px;
  font-weight: 200;
  line-height: 30px;
}
.landing-home .ticket-section.single-tab-feature .content .col-div-img {
  background-image: linear-gradient(to bottom, #d544da 0%, #d544da 51%, #d544da 100%);
  min-height: 430px;
  border-top-right-radius: 280px;
  border-bottom-right-radius: 280px;
  margin-top: 15px;
}
.landing-home .single-tab-feature .col-div-image {
  position: absolute;
  left: 200px;
  /*top: -60px;*/
  /*height: 490px;*/
  /*height: 100%;*/
  bottom: 0px;
}
.landing-home .single-tab-feature .content .main-text {
  font-size: 55px;
  padding-bottom: 25px;
}
.landing-home .single-tab-feature .content .main-sub-text {
  font-size: 35px;
  font-weight: 200;
  padding-bottom: 16px;
}
.landing-home .single-tab-feature .content .sub-text {
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
}
.landing-home .merchandise-section.single-tab-feature .content .col-div-img {
  background-color: #5241ca;
  min-height: 430px;
  border-top-left-radius: 280px;
  border-bottom-left-radius: 280px;
  margin-top: 15px;
}
.landing-home .merchandise-section.single-tab-feature .content .col-div-img .col-div-image {
  position: absolute;
  left: 170px;
  top: -160px;
  height: 590px;
}
.landing-home .subscriptions-section.single-tab-feature .content .col-div-img .col-div-image {
  position: absolute;
  right: 200px;
  top: -34px;
  height: 677px;
}
.landing-home .subscriptions-section .subscription-col-bg {
  height: 230px;
  position: absolute;
  overflow: hidden;
  bottom: -1px;
  width: 100%;
  z-index: -1;
  border-bottom: 10px solid #d544da;
}
.landing-home .subscriptions-section .subscription-col-bg:before,
.landing-home .subscriptions-section .subscription-col-bg:after {
  content: '';
  position: absolute;
  bottom: 0;
  transform: skew(30deg);
  transform-origin: bottom right;
}
.landing-home .subscriptions-section .subscription-col-bg:before {
  height: 100%;
  width: 45%;
  left: 0;
  background: linear-gradient(to bottom, #d544da 0%, #d544da 51%, #d544da 100%);
  border-radius: 0 30px 0 0;
}
.landing-home .subscriptions-section .lineht {
  line-height: 45px;
}
.landing-home .subscriptions-section .subscription-col-bg:after {
  height: 60px;
  width: 100%;
  left: 44.9%;
  background: #6e303000;
  border-radius: 0 0 0 30px;
  box-shadow: -20px 34px 0px 0px #fe5a36;
}
.landing-home .subscriptions-section .subscription-border {
  min-height: 570px;
  /*border-bottom: 10px solid #d544da;*/
}
.landing-home .transparent-fees-section {
  background-color: #f3f3f3;
}
.landing-home .transparent-fees-section .percentage {
  font-size: 24px;
  font-weight: 200;
  margin-left: 30px;
  margin-right: 30px;
}
.landing-home .transparent-fees-section .percentage .percentage-green {
  font-weight: 400;
  color: #369c63;
}
.landing-home .transparent-fees-section .percentage .percentage-blue {
  font-weight: 400;
  color: #473ac2;
}
.landing-home .transparent-fees-section .percentage .percentage-red {
  font-weight: 400;
  color: #f81f43;
}
.landing-home .transparent-fees-section .transparent-fees-tabs-menu ul li a {
  font-size: 20px;
  color: #5D5D5D;
}

.landing-home .transparent-fees-section .transparent-fees-tabs-menu ul li a:hover,
.landing-home .transparent-fees-section .transparent-fees-tabs-menu ul li a:active {
  color: #d544da;
}
.landing-home .creators-section .main-text {
  font-weight: 200;
  font-size: 45px;
}
.landing-home .creators-section .image-holder {
  width: 90px;
  height: 90px;
  object-fit: cover;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.landing-home .creators-section .image-holder .image-container {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.landing-home .creators-section .image-holder .live{
    line-height: 18px;
    height: 26px;
    border-radius: 4px;
}


.landing-home .creators-section .content .creators .single-creators {
  box-shadow: 1px 9px 25px 7px rgba(193, 192, 192, 0.16);
  margin: 15px;
  padding: 20px 20px 0 20px;
  position: relative;
  border-bottom: 3px solid #d544da;
}
.creators a:hover,
.creators a {
  color: #5D5D5D;
  text-decoration: none;
}
.creators .description {
  padding: 40px 8px 0px 8px;
  height: 116px;
  word-wrap: break-word;
}
.creators  .creator-name {
  text-transform: uppercase;
  padding-bottom: 20px;
}

.creators  .creator-name.creator-name-ellipse {
  padding-bottom: 0;
  word-break: break-word;
  word-wrap: break-word;
  line-clamp: 2;
  height: 60px;
  line-height: 26px;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 12px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
}

.creators .btn-container {
  padding-bottom: 15px;
}
.creators .btn-container .btn {
  background-color: transparent;
}
.creators .btn-container button + button {
  padding: 0px 15px;
}
.creators .btn-container button .icon-favoriteOutline {
  font-size: 25px;
  font-weight: 600;
}
.creators .btn-container button .icon-shareIcon {
  font-size: 22px;
  font-weight: 600;
}
/*.body-bg-white .landing-menu li a.active,
.body-bg-white .navbar-nav&gt;li&gt;a:hover {
    border-bottom: 2px solid #FFF;
    color: #FFF;
}*/
.landing-home .apps-section .apple img {
  box-shadow: 1px 9px 25px 7px rgba(193, 192, 192, 0.16);
  border-radius: 72px;
}
.landing-home .creators-section .content .creators .single-creators .creators-content {

}
.creators .image-holder .verify-top {
  position: absolute;
  top: 0px;
  right: -7px;
}
.landing-home  .custom-home-progress{
  height: 18px;
  border-radius: 0;
  margin: 0 30px;
}
.single-creators .broadcaster-icons {
  padding: 15px 0px;
  font-size: 16px;
}
.single-creators .broadcaster-icons i {
  font-size: 25px;
  font-weight: 600;
  vertical-align: middle;
  line-height: 36px;
  padding-right: 12px;
}
.single-creators .broadcaster-icons .heart-broadcaster-text {
  font-size: 16px;
  color: #5D5D5D;
}
.landing-home  .custom-home-progress .green{
  background-color: #359c64;
}

.landing-home  .custom-home-progress .blue{
  background-color: #473ac2;
}

.landing-home  .custom-home-progress .red{
  background-color: #f81f43;
}


.body-bg-white .learn-more-btn,
.body-bg-white .go-live-button,
.body-bg-white  .nav-wallet-user/*,
.body-bg-white .search-toggle,
.body-bg-white .searchparent*/ {
  display: none !important;
}
.body-bg-white .landing-menu {
  margin-right: 70px;
  margin-top: 10px;
}
.body-bg-white .create-page,
.body-bg-white .landing-menu,
.body-bg-white .explore-creators {
  display: block;
  font-size: 16px;
  font-weight: 200;
}
.body-bg-white .landing-menu li a {
  color: #fff;
}
.landing-menu-active {
  border-bottom: 2px solid #FFF;
}
.sticky .landing-menu-active {
  border-bottom: 2px solid #d544da;
}
/* .body-bg-white .navbar-default .navbar-nav&gt;li&gt;a:hover, 
.body-bg-white .navbar-default .navbar-nav&gt;li&gt;a:focus {
  color: #fff;
} */
.body-bg-white .topform {
  margin-top: 15px;
}
.login-theme.body-bg-white .navbar-brand {
  margin-top: 20px;
}
.body-bg-white .landing-menu .btn-secondary-edited {
  width: 120px;
}
.marginb50 {
  margin-bottom: 50px;
}

.landing-home .creator-landing .user-login-parent .img-content-container .subtagline.lineht {
  line-height: 45px;
}
.landing-home.creator-landing .user-login-parent .creator.profile-users .profile1.landing-profile {
  right: 25vh;
  top: 22vh;
  width: 400px;
}
.creator-landing .creators-category .creators-categories-btn {
  /*width: 20%;*/
  margin-top: 45px;
}
.creator-landing .creators-section .creators .row.creators-wrapper {
  margin: 20px -60px 20px -60px;
}
.login-theme.body-bg-white .navbar-default .nav-login-btn {
  display: inline-block;
  margin-top: -57px;
  margin-right: 45px;
}
.login-theme.body-bg-white .navbar-default .nav-login-btn a {
  width: 135px;
}
.upcoming-events .featured-user3 .content.event .description.descriptionht {
  height: 45px;
}
/*---------------Landing Home Page  endss---------------*/
/*---------------Blog Page  strts---------------*/
.blog-setting-margin {
  /* margin-top: 55px; */
}
.blog-img-holder .img-ht {
     height: 114px; 
    width: 100%;
    object-fit: cover;
}
.full-blog-width .blog-preview-content .tier-details span,
.full-blog-width .blog-preview-content .tier-details.tier-style,
.post-content-detail .post-heading .broadcaster-info .tier-details.tier-style {
    font-size: 13px;
    color: grey;
    font-family: 'Roboto Mono', monospace;
}
.full-blog-width .blog-preview-content .tier-details.tier-style .post-type-icon,
.post-content-detail .post-heading .broadcaster-info .tier-details.tier-style .post-type-icon {
  margin-right: 5px;
  font-size: 15px;
  font-weight: 600;
  vertical-align: middle;
}
.full-blog-width .blog-preview-content .blog-dec {
  font-size: 16px;
  color: #777;
  line-height: 1.9;
}
/*---------------Blog Page  endss---------------*/
.login-container {
  margin: 70px 0;
}

/*.bgcontainer{
  background: url('../images/reff-new.jpg') no-repeat;
  background-size: cover;
}*/

.login-card {
  padding: 35px 30px 30px;
  background-color: transparent;
}

.login-card ul.nav-tabs {
  border: 0;
}

.login-card ul.nav-tabs&gt;li&gt;a,
.login-card ul.nav-tabs&gt;li&gt;a:hover,
.login-card ul.nav-tabs&gt;li&gt;a:focus {
  font-size: 20px;
  color: #5D5D5D;
  border: 0;
}

.login-card ul.nav-tabs&gt;li.active&gt;a {
  border-bottom: 2px solid #d544da !important;
}

.login-card ul.nav-tabs&gt;li {
  width: 50%;
}

.login-card .tab-content {
  margin-top: 40px;
}

.login-card .form-control {
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #909090;
}

.login-bidchat-b-icon {
  font-size: 50px;
  margin-bottom: 30px;
  margin-top: 2px;
}

.login-card .login-button {
  margin: 40px 0 0 0;
}

.login-card .checkbox {
  display: inline;
}

.circular-btn {
  width: 40px;
  height: 40px;
  color: white;
  border-radius: 50%;
}

.circular-btn+.circular-btn {
  margin-left: 15px;
}

.signUpTerms {
  margin-top: 20px;
}

.big-logo {
  margin-top: 140px;
  font-size: 85px;
}

.tagline {
  font-size: 25px;
  margin: 20px 0;
}

/*
.subtagline {
  margin: 25px 0;
}
*/

.badgeholder {
  padding: 8px;
}

.badgeholder img {
  width: 150px;
}

.broadcaster-container {
  /*  height: 730px;*/
  width: 100%;
  padding: 10px 0;
}

.broadcaster-search {
  padding-right: 45px;
}

.pading-bottom {
  padding-bottom: 15px;
}

.pading-left {
  padding-left: 0;
}

.white-color {
  color: white;
}

.padding-zero {
  padding: 0 !important;
}

.card {
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
}

.img-rounded {
  border-radius: 50%;
}

/* color code from www.flatcolorsui.com */

.a3 {
  color: #27AE60 !important;
}

.a5 {
  color: #3498DB !important;
}

.a7 {
  color: #34495E !important;
}

.a9 {
  color: #EA4C88 !important;
}

.a12 {
  color: #8E44AD !important;
}

.a14 {
  color: #F39C12 !important;
}

.a15 {
  color: #E74C3C !important;
}

.a13 {
  color: #F1C40F !important;
}

/************************gradients*******************************/

.redGrad,
.event-date-time.redGrad {
  background-image: -webkit-linear-gradient(137deg, #FF3B30 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #FF3B30 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #FF3B30 35%, transparent 80%);
}

.orangeGrad,
.event-date-time.orangeGrad {
  background-image: -webkit-linear-gradient(137deg, #FF9500 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #FF9500 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #FF9500 35%, transparent 80%);
}

.yellowGrad,
.event-date-time.yellowGrad {
  background-image: -webkit-linear-gradient(137deg, #FFCC00 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #FFCC00 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #FFCC00 35%, transparent 80%);
}

.greenGrad,
.event-date-time.greenGrad {
  background-image: -webkit-linear-gradient(137deg, #4CD964 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #4CD964 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #4CD964 35%, transparent 80%);
}

.tealblueGrad,
.event-date-time.tealblueGrad {
  background-image: -webkit-linear-gradient(137deg, #5AC8FA 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #5AC8FA 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #5AC8FA 35%, transparent 80%);
}

.blueGrad,
.event-date-time.blueGrad {
  background-image: -webkit-linear-gradient(137deg, #007AFF 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #007AFF 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #007AFF 35%, transparent 80%);
}

.purpleGrad,
.event-date-time.purpleGrad {
  background-image: -webkit-linear-gradient(137deg, #5856D6 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #5856D6 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #5856D6 35%, transparent 80%);
}

.pinkGrad,
.event-date-time.pinkGrad {
  background-image: -webkit-linear-gradient(137deg, #FF2D55 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #FF2D55 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #FF2D55 35%, transparent 80%);
}

.padding15 {
  padding: 15px;
}
/* NEW bROADCASTER INFO PAGE - ASHA - START */
.user-login-parent .creator-users{
  position: absolute;
  right: 0;
  top:75px;
}
.landing-creator-main.creator-landing.broadcaster-profile-pic{
  /* top: 125px;
  right: 200px; */
  top:0;
  right:0;
  position:static;
}
.creator-landing.broadcaster-profile-pic .landing-img-holder{
  width: 230px;
  height: 230px;
}
.profile-right .landing-profile-holder .btn-icon-heart.profile-pic-btn-one{
  top: -220px;
  right: 108px;
  position: absolute;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-two{
  top: -164px;
  /* right: -100px; */
  right: 80px;
  position: absolute;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-three{
  top: -105px;
  /* right: -75px; */
  right: 83px;
  position: absolute;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-four{
  top: -48px;
  /* right: -75px; */
  right: 105px;
  position: absolute;
  cursor: pointer;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-four .rotate-icon{
transform: rotate(90deg);
/* padding:13px; */
cursor: pointer;
position: absolute;
/* left: 10px;
top: 7px; */
left: 0px;
top: 0px;
border-radius: 50%;
width: 40px;
height: 40px;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-four .rotate-icon .icon-more{
  padding: 12px;
  position: absolute;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-four ul{
  color:black;
  top:118%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.profile-right .landing-profile-holder .btn-icon-share.profile-pic-btn-four ul:before{
  content: '';
  position: absolute;
  top: -2%;
  right: 13px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: #ffffff;
  width: 14px;
  height: 14px;
  z-index: 1;
  border-color: #949494;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info{  
  /* display: inline-block; */
  color:black;
  width: 400px;
  /* min-width: auto; */
  /* left: 86%;
  top: 87%;
  transform: translate(-50%, -50%); */
  left:0;
  top:0;
  transform: none;
  position:static;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info .support-btn-holder{
  vertical-align: middle;
  display: inline-block ;
  margin-left: 15px;
  margin-right: 15px !important;
  margin-top: 15px;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info .patron-count{
  color: inherit;
  vertical-align: -webkit-baseline-middle;
}

.login-page .user-login-parent .img-content-container.broadcaster-profile-info .patron-count:hover,
.login-page .user-login-parent .img-content-container.broadcaster-profile-info .patron-count:focus{
  text-decoration:none;
}

.login-page .user-login-parent .img-content-container.broadcaster-profile-info .support-btn{
  width: 100px;
  text-transform: capitalize;
  cursor:pointer;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info .patron-count .count{
  font-size: 30px;
  vertical-align: middle;
  font-weight: 600;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info .patron-count .title{
  font-size: 20px;
  color:gray;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: middle;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info .patron-count .title.title-preview{
  vertical-align: sub;
}
.login-page .user-login-parent .img-content-container.broadcaster-profile-info
.landing-home h1.landing-title{
  font-weight: 700;
  font-size: 36px;
  height: 66px;
  line-height: 66px;
}
.broadcaster-home .login-page .user-login-parent .img-content-container .subtagline {
  font-size: 18px;
  font-weight: 200;
  
}
.broadcaster-home .user-login-parent .img-content-container .subtagline.lineht{
  line-height: 35px;
  margin-top:0;
  word-spacing: 0px;
  letter-spacing: 0px;
  word-wrap: break-word;
}
.landing-home .broadcaster-profile-info .landing-title{
  font-weight: 600;
  font-size: 32px;
  word-break: break-all;
  word-wrap: break-word;
}
.login-page .user-login-parent .img-content-container.broadcaster-statistics{
  top: 90%;
  left: 30%;
}
.login-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container{
  font-size: 18px;
}
.login-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container div{
  margin-right: 30px;
}
.login-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container .about-title{
  margin-left: 5px;
  color: #9393b1;
  font-weight: 600;
  letter-spacing: 1px;
  text-shadow: 0px 2px 20px #00000082;
}
.login-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container #userfollowers button,
.login-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container #userfollowing button {
  border: none;
  background-color: transparent;
}
.landing-home .landing-title {
  font-weight: 200;
  font-size: 66px;
}
.info-box .package-btn button{
margin:5px 0;
} 

/* NEW bROADCASTER INFO PAGE - ASHA - END */
.broadcaster {
  cursor: pointer;
}

.broadcaster .broadcaster-details {
  padding: 15px;
}

.broadcaster a {
  text-decoration: none;
}

.broadcaster a .broadcaster-stats {
  color: #5D5D5D;
}

.broadcaster .avatar-sec .live {
  bottom: auto;
  top: 10px;
  left: 30px;
}

.broadcaster .broadcaster-details .user-desc {}

.broadcaster .broadcaster-details .broadcaster-name {
  width: 85%;
  margin-bottom: 10px;
  display: block;
  /* font-weight: bold; */
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.broadcaster .paid[data-paid="1"]+.broadcaster-name {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}

.broadcaster .verified2,
.single-creators .verified2 {
  /*background-image: -webkit-linear-gradient( 50deg, rgb(255, 219, 76) 0%, rgb(255, 205, 2) 100%);
background-image: -moz-linear-gradient( 50deg, rgb(255, 219, 76) 0%, rgb(255, 205, 2) 100%);
background-image: linear-gradient( 50deg, rgb(255, 219, 76) 0%, rgb(255, 205, 2) 100%);
padding: 5px;
border-radius: 50%;
color: white;*/
  color: #127fff;
  font-size: 25px;
}

.broadcaster .verify {
  position: absolute;
  top: 0;
  right: 0;
}

.broadcaster .heart-button,
.single-creators .broadcaster-heart.heart-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.single-creators .hashtags {
  font-size: 14px;
}
.broadcaster .heart-button i {}

.broadcaster .avatar {
  width: 100%;
  height: 260px;
  object-fit: cover;
  background-size: cover;
  vertical-align: initial;
  background-position: center;
}

.broadcaster .description {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 42px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
}

.broadcaster .avatar-sec {
  position: relative;
  overflow: hidden;
}

.broadcaster .avatar-sec a {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.broadcaster .avatar-sec:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 40px;
  background: #fff;
  left: 0;
  bottom: -20px;
  transform: skewY(-5deg);
}

/*.featured-user .broadcaster-name {
  font-size: 16px;
  color: #969696;
  text-decoration: none;
}

.featured-user:hover .broadcaster-name {
  text-decoration: none;
  color: #d544da;
}*/

.hashtags {
  color: #2196f3;
  font-size: 12px;
}

.hashtags span {
  display: inline-block;
}

.hashtags span+span {
  margin-left: 6px;
}

.description {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 65px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
}

.blog-bottom {
  margin-bottom: 15px;
  text-align: center;
  vertical-align: middle;
}

.bottom-content .item-icon {
  line-height: 30px;
}

.heart-button,
.share-button {
  background-color: transparent;
  font-size: 0;
  padding: 0;
  font-size: 20px;
}
.heart-color[data-follow="1"],
.heart-color[data-following="1"] {
  color: #d544da !important;
}

.heart-button .icon-favoriteOutline[data-following="1"]:before {
  content: "\e91f";
} 
.heart-color[data-follow="0"],
.heart-color[data-following="0"] {
  color: #5D5D5D;
}


.landing-creator-main.profile-right .heart-color[data-follow="0"], 
.landing-creator-main.profile-right .heart-color[data-following="0"] {
  color: #fff;
}
.grey-color {
  color: #7f7f7f;
}

.font20 {
  font-size: 20px;
}

.animate-heart {
  animation: zoomIn .5s;
}

/*.featured-user .bottom-content {
  padding: 10px 0;
  border-top: 1px solid #f1f1f1;
  font-size: 13px;
}*/

.full-width-image {
  width: 100%;
}
.width-auto {
  width: auto !important;
}
.user-cover-sec {
  position: relative;
  padding-bottom: 60px;
  cursor: pointer;
}

.user-cover-sec .user-photo {
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.user-cover-sec .user-photo img {
  margin: 0 auto 5px auto;
  border: 3px solid white;
  vertical-align: middle;
}

/*.featured-user-content {
  padding: 0 15px;
}*/

/*.featured-user-content .img-rounded {
  height: 60px;
}*/

.featured-event {
  cursor: pointer;
  /*border-radius: 3px;
    overflow: hidden;*/
}

.featured-event .group-icon {
  position: absolute;
  right: 8px;
  bottom: 18px;
}

.featured-event .bottom-content {
  /*padding: 15px;*/
  border-top: 1px solid rgba(255, 255, 255, 0.33);
  padding-top: 10px;
}

.featured-event .bottom-content .broadcaster-name {
  width: calc(100% - 90px);
  float: left;
  text-overflow: ellipsis;
  /* height: 25px; */
  overflow: hidden;
  padding-top: 6px;
  white-space: nowrap;
}

.featured-event .bottom-content img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.featured-event-top {
  position: relative;
}

.featured-event .group-icon .heart-button {
  float: right;
  line-height: initial;
}

.featured-event .group-icon .heart-button[data-follow="1"]+.remind {
  opacity: 0;
  visibility: hidden;
}

.featured-event .group-icon .remind {
  color: white;
  margin-right: 6px;
  transition: .5s;
}

.featured-event .rightsec {
  /*width: calc(100% - 70px);*/
  width: 100%;
  /*padding-left: 10px;*/
}

.featured-event-top img {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
  object-fit: cover;
  background-color: grey;
}

.featured-event-top .image-container {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-color: grey;
}

.featured-event .img-rounded {
  height: 40px;
}

.featured-event-top .featured-event-content {
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.13);
  /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);*/
  bottom: 0;
  padding: 15px 15px 10px;
}

.featured-event .broadcaster-name {
  margin-left: 10px;
}

.featured-event-top .description {
  margin-bottom: 0;
}

.featured-event-top .title {
  color: white;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 16px;
}

.event-date-time {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  color: white;
  /*margin-left: 15px;*/
  width: 100%;
  font-size: 15px;
  text-align: right;
  line-height: 18px;
  padding: 10px;
  background-image: -webkit-linear-gradient(137deg, #d8003f 35%, transparent 80%);
  background-image: linear-gradient(-43deg, #d8003f 35%, transparent 80%);
  background-image: -moz-linear-gradient(137deg, #d8003f 35%, transparent 80%);
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.event-date-time .time {
  font-size: 11px;
}

.event-date-time span {
  /*display: block;
  text-align: center;*/
}

.featured-container {
  /*  height: 690px;*/
  width: 100%;
}

.upcomingvideos-container {
  width: 100%;
  min-height: auto;
  /*   max-height: 650px;*/
}

/*.featured-user .img-rounded {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
}*/

/*.featured-user .full-width-image {
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
}*/

.video-container {
  /*  height: 660px;*/
  width: 100%;
  padding: 10px 0;
  min-height: 650px;
}

.video-container-group {
  margin-bottom: 80px;
}

.videos-listing {
  margin-bottom: 30px;
  position: relative;
}
.videos-listing .video-thumbnail-container.video-ht{
  margin-bottom: 10px;
  
}

.videos-listing .video-thumbnail-container.video-ht .video-parent{
   overflow: hidden;
   transition: .3s;
}
 
.videos-listing a:active,
.videos-listing a:focus {
  text-decoration: none;
}
.videos-listing .video-thumbnail-container.video-ht video {
  height: 150px;
  width: 100%;
  vertical-align: middle;
  object-fit: cover;
}
.videos-listing a:hover {
  text-decoration: none;
}
.home-video-section .video-container-group .video-container .bottom-content {
  position: absolute;
  bottom: 10px;
  left: 15px;
}

.home-video-section .video-container-group .video-container .video-icons,
.video-modal .video-new-icons .video-icons {
  color: #FFF;
  margin-right: 8px !important;
  vertical-align: middle;
  line-height: 25px;
  font-size: 18px;
  text-shadow: 0 1px 4px rgba(0, 0, 0);
 }
 .video-modal .video-new-icons .video-icon-insider {
  text-shadow: 0 1px 4px rgba(0, 0, 0);
  color: #fff;
  vertical-align: middle;
  line-height: 25px;
  margin-right: 15px;
  font-size: 15px;
 }
  .video-modal .video-new-icons .video-date-display {
  font-size: 15px;
  line-height: 25px;
  vertical-align: middle;
  padding-top: 3px;
 }
 .home-video-section .video-container-group .video-container .video-icon-insider {
  text-shadow: 0 1px 4px rgba(0, 0, 0);
  color: #fff;
 }
.home-video-section .video-container-group .video-container .date {
  padding-top: 5px;
  text-align: left;
  color: #a2a2a2;
}
.home-video-section .video-container-group .video-container .video-options-dropdown {
  position: absolute;
  top: 10px;
  right: 6px;
  text-decoration: none;
} 
.home-video-section .video-container-group .video-container .video-options-dropdown .dropdown-menu-right {
  right: 6px;
}
.home-video-section .video-container-group .video-container .video-options-dropdown .dropdown-toggle {
  text-decoration: none;
  text-shadow: -1px 2px 6px rgb(0, 0, 0);
  color: #fff;
 }
.home-video-section .video-container-group .video-container .play-ico {
  color: #FFF;
  font-size: 37px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-video-section .video-container-group .grid-sizer {
  width: 50%;
}
.home-video-section .video-container-group .video-container .video-dec {
  text-align: left;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  /*max-height: 80px;*/
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin: 4px 0 8px 0;
  font-size: 14px;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  word-wrap:break-word;
  line-height: 20px;
  color: grey;
}
.videos-listing .is-featured-video {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 63px;
  height: 63px;
  overflow: hidden;
  border-radius: 3px;
}

.videos-listing .featured-video2 {
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 25px;
  color: #0087ff;
  z-index: 2;
}

.videos-listing .featured-video2:before {
  content: "";
  position: absolute;
  width: 15px;
  left: 5px;
  top: 9px;
  height: 13px;
  z-index: 0;
  background: white;
  z-index: -1;
}

.videos-listing .is-featured-video span {
  position: absolute;
  top: 12px;
  color: white;
  background: #127fff;
  /* padding: 2px 15px; */
  font-size: 11px;
  left: -20px;
  transform: rotateZ(-45deg);
  width: 105px;
  text-align: center;
  transform-origin: bottom;
  height: 20px;
  line-height: 20px;
  box-shadow: 0 0 1px 0 rgba(33, 33, 33, 0.25);
}

.videos-listing .is-featured-video:before,
.videos-listing .is-featured-video:after {
  content: '';
  position: absolute;
  background: #00408a;
  background: #00408a;
}

.videos-listing .is-featured-video:before {
  width: 5px;
  height: 20px;
  bottom: 0;
  left: 0;
  transform: skewY(41deg);
  transform-origin: left;
}

.videos-listing .is-featured-video:after {
  width: 20px;
  height: 5px;
  top: 0px;
  right: 0;
  transform: skewX(41deg);
  transform-origin: left;
  z-index: -1;
}

.video-thumbnail-container {
  position: relative;
}

.video-desc-container {
  padding: 0 15px 15px;
}

.video-desc-container .video-heading .video-head-wrapper {
  padding: 15px 15px 5px 15px;
  position: relative;
}

.video-desc-container .video-heading .video-head-wrapper .broadcaster-img {
  display: inline-block;
  padding: 0;
}

.video-desc-container .video-heading .video-head-wrapper .broadcaster-img img {
  height: 50px;
  width: 50px;
  object-fit: cover;
}

.video-desc-container .video-heading .video-head-wrapper .broadcaster-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  margin-top: 2px;
}

.video-desc-container .video-heading .video-head-wrapper .broadcaster-info h4 {
  margin-bottom: 0px;
  font-weight: 600;
}

.video-desc-container .video-heading .video-head-wrapper .broadcaster-info .patronListDate {
  position: relative;
  font-size: 13px;
  color: grey;
}

.video-desc-container .video-options-dropdown {
  /* position: absolute;
  right: 10px;
  top: 6px; */
  position: absolute;
  top: 10px;
  right: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.video-desc-container .video-options-dropdown a {
  display: block;
  text-decoration: none;
  width: 30px;
  font-size: 16px;
  color: #737373;
  text-align: right;
  cursor: pointer;
}

.dropdown-menu.custom {
  border-radius: 0;
}

.video-desc-container .video-options-dropdown .dropdown-menu li {}

.dropdown-menu.custom li button {
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  line-height: 30px;
  padding: 0 15px;
  outline: 0;
  text-align: left;
}

.dropdown-menu.custom li button:hover {
  background-color: #ececec;
}

.videos-listing .video-thumbnail-container {
  /*height: 300px;*/
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  /*cursor: pointer;*/
}

.videos-listing .video-thumbnail-container [class*="icon-"]{
  cursor: pointer;
}

.videos-listing .video-thumbnail-container .image-container {
  height: 210px;
  background-size: cover;
  background-position: center;
}

.videos-listing .video-thumbnail-container .image-container .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  background: rgba(0, 0, 0, .4);
  text-align: center;
  font-size: 20px;
  color: #fff;
  display: block;
}

/*.videos-listing .description {
  padding: 15px 30px;
  height: 65px !important;
}*/

.videos-listing .like-view-comment {
  font-size: 18px;
  cursor: default;
  padding-right: 30px;
}

.videos-listing .like-view-comment .icon {
  color: #d544da;
  margin-right: 0px;
  vertical-align: middle;
  line-height: 25px;
}

.videos-listing .like-view-comment .sub-text {
  font-size: 15px;
  font-weight: 400;
  padding-left: 5px;
}

.videos-listing img {
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}

.videos-listing .image-container {
  height: 150px;
  background-size: cover;
}

.videos-listing .image-container {
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
}

.videos-listing .broadcaster-name {
  /*height: 33px;*/
  font-size: 16px;
  margin: 8px 0 0 0;
  color: #d544da;
  /* font-weight: bold; */
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 18px;
}

.videos-listing .paid[data-paid="1"]+.broadcaster-name {
  vertical-align: bottom;
  width: 65%;
  display: inline-block;
}
.full-height {
  height: 100%;
}
.videos-listing .description {
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  height: 50px;
  padding: 0px 15px;
  margin-top: 6px;
}
.forum-add-post .patron-setting .nav-pills&gt;li&gt;a {
  width: 100px;
  height: 70px;
}
.profile-page .broadcaster-name {
  width: 90%;
}

.videos-listing .bottom-content i {
  margin-right: 5px;
}

.videos-listing .bottom-content&gt;span {
  margin-right: 10px;
}

.video-thumbnail-container .date {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.66);
  color: white;
  padding: 3px;
  font-size: 11px;
  padding: 6px 14px;
  border-radius: 4px;
}

/*.video-container .bottom-content i{
  margin-right: 5px;
}
.video-container .bottom-content &gt; span{
  margin-right: 10px;
}*/

.watched[data-watched="1"] {
  display: block;
}

.watched[data-watched="0"] {
  display: none;
}

.video-thumbnail-container .watched {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.66);
  color: white;
  font-size: 11px;
  padding: 6px 14px;
  border-radius: 4px;
}

.data-search {
  margin: 5px 0 0 0;
}

.data-search .custom-checkbox input[type=checkbox]+label {
  padding-left: 30px;
}

.data-search .custom-checkbox input[type=checkbox]+label::before {
  left: 0;
}

.data-search .custom-checkbox input[type=checkbox]:checked+label::after {
  left: 0;
}

.data-search .form-group {
  position: relative;
  font-family: 'Mukta', sans-serif !important; 
  /*font-family: Gibson-Regular, sans-serif !important;*/
  font-weight: 400 !important;
}
.featured-user3 .content .scheduledbroadcasts-name {
  width: 100%;
  text-align: left;
  display: block;
}
.featured-user3 .content.event .scheduledbroadcasts-dec {
  height: 40px !important;
  text-align: left;
  width: 100%;
}
.data-search .form-group .form-control {}

.data-search .form-group:before {
  font-family: 'icomoon' !important;
  position: absolute;
  width: 50px;
  line-height: 34px;
  right: 0px;
  text-align: center;  
}
.data-search .form-group.icon-search:before{
  line-height: normal;
  top: 16px;
}

.data-search select.form-control {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #E2E2E2;
}

.data-search select.form-control:focus {
  /* border-color: #d544da; */
}

/**********************navbar**********************/

.navbar {
  height: 80px;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  /* height: 55px;
  position: fixed; */
  height: 55px;
  width: 100%;
  position: fixed;
  z-index: 13;
}

.go-live-button,
.go-live-button:hover {
  background-color: white;
  border: 2px solid #d544da;
  border-radius: 100px;
  color: #d544da;
  width: 100px;
}

.go-live-button:active:focus {
  outline: 0;
}

.top-profile-image {
  height: 35px;
  width: 35px;
  object-fit: cover;
  cursor: pointer;
}

.marginzero {
  margin: 0;
}

.settingicon {
  margin-top: 7px;
}

.topform {
  margin-top: 10px;
}

.topform .searchparent {
  margin-right: 25px;
}

.topform .searchparent .search-field {
  position: relative;
}

.topform .searchparent .searchform {
  width: 400px;
  height: 40px;
  /*font-family: Gibson-Regular, sans-serif;*/
  font-weight: 400;
  border-radius: 0;
}

.topform .searchparent .search-field:before {
  position: absolute;
  width: 50px;
  line-height: 40px;
  right: 0px;
  text-align: center;
  /* font-weight: bold;*/
  font-weight: 600;
}

.navbar-nav&gt;li a.round-btn,
.navbar-nav&gt;li a.round-btn:hover,
.navbar-nav&gt;li a.round-btn:focus {
  height: 35px;
  padding: 0 30px;
  line-height: 35px;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  text-decoration: none;
}

.navbar-brand {
  margin-top: 15px;
  padding: 0;
  display: inline-block;
}

.navbar-brand i {
  font-size: 38px;
}

@media(max-width:450px) {
  .navbar-brand {
    margin-top: 26px;
  }
  .navbar-brand i {
    font-size: 30px;
  }
}

/*****************************footer***************************/

.footer {
  background-color: #0c0c0c;
  padding: 2px 0 0 0;
}

.footer .footer-brand {
  font-size: 28px;
}

.footer .footer-title {
  /*font-family: 'Gibson-Light', sans-serif;*/
  color: #808080;
  font-size: 13px;
  margin: 0px 0 30px 0;
}

.footer .socialicon-list {
  margin-top: 17px;
}

.footer .socialicon-list li a {
  display: inline-block;
}

.footer .socialicon-list li a i {
  display: inline-block;
  box-shadow: 0 0 0px 1px #808080;
  color: #808080;
  padding: 9px;
  font-size: 19px;
  border-radius: 31px;
}

.footer .socialicon-list li a:hover {
  text-decoration: none;
}

.footer .footer-tagline {
  margin-top: 25px;
  font-size: 20px;
  color: white;
}

.footer .copyrightText {
  margin-top: 34px;
  color: #fff;
}

.navbar-toggle {
  margin-top: 25px;
}

/*********************menu************************/

.new-menu {
  position: relative;
}

/*.new-menu:hover .menu-content {
  display: block;
}*/

.new-menu .profile-image {
  cursor: pointer;
}

.menu-content {
  display: none;
  position: absolute;
  top: 50px;
  width: 200px;
  z-index: 99;
  right: 0;
}

.displayblock {
  display: block;
}

/***********************************Profile**************************************/

.left-nav-col {
  padding: 10px;
}

.v-tabs {
  border-bottom: 0px;
}

.v-tabs i {
  margin-right: 10px;
  width: 18px;
  text-align: center;
  display: inline-block;
}

.v-tabs li a {
  color: #484848;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  margin-right: 0;
}

.nav-tabs&gt;li&gt;a:hover {}

.v-tabs&gt;li.active&gt;a {
  color: #d544da !important;
  border: 0px !important;
  background-color: #fff;
  margin-right: 0;
}

.v-tabs&gt;li.active i {
  color: #d544da;
}

.stats i {
  margin-right: 13px;
}

.setting-button {
  background-color: #d544da;
  color: white;
  border: 0px;
}

.privacy-div {
  padding: 35px 0;
  margin-bottom: 35px;
}

.privacy-div .col-two {
  padding: 0 30px 30px;
}

.privacy-div .col-one {
  padding: 0 30px;
}

.privacy-div .col-one .section-top-inner {
  border-top: 1px solid #ececec;
  padding-top: 30px;
}

.privacy-div .col-two+.col-two {
  border-left: 1px solid #ececec;
}

/*.privacy-div h3 {
  font-family: 'Gibson-Regular', sans-serif;
}*/

/*.profile-tab-content{
  min-height: 800px;
}*/

.setting-margin {
  /* margin-top: 40px; */
  margin-top: 115px;
}

.profile-page-height {
  /*min-height: 800px;*/
  padding-bottom: 80px;
  padding-top: 20px;
}

/******************suggested****************************/

.suggested {
  margin-bottom: 25px;
  width: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.suggested .live {
  bottom: 6px;
  left: 5px;
  transform: translateX(0%);
}

.suggested button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}

.suggested .img-rounded {
  height: 40px;
}

.suggested .image-parent {
  height: 120px;
  width: 130px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
}

.suggested .image-parent a {
  cursor: pointer;
}

.suggested .image-parent:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 40px;
  background: #fff;
  right: -22px;
  transform: skewX(-15deg);
}

.suggested .image-parent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.suggested .image-parent .image-container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.suggested .image-parent .image-container[style*="profileplaceholder_"] {
  background-size: 150% auto;
  background-position: -38px center;
}

.suggested .video-details .broadcaster-name {
  margin: 10px 0 0px 0;
  color: #d544da;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.suggested .video-details .hashtags {
  margin-top: 5px;
}

.suggested .paid[data-paid="1"]+.broadcaster-name {
  display: inline-block;
  vertical-align: bottom;
  line-height: 18px;
  width: calc(100% - 77px);
}

.suggested .content {
  width: calc(100% - 165px);
}

.suggested .desc {
  height: 35px;
  margin-bottom: 5px;
  margin-top: 3px;
  font-size: 12px;
}

.suggested .hashtag {}

.suggested .hashtag span {}

.suggested .hashtag span+span {
  margin-right: 5px;
}

.suggested .bottom-content {
  font-size: 12px;
}

/*.suggested .verify[data-verified="1"] + .live {
bottom: 5px;
top: auto;
}*/

.bottom-content .margin-left {
  margin-left: 8px;
}

.bottom-content .broadcaster-stats {
  font-size: 13px;
}

.bottom-content .broadcaster-stats span+span {
  margin-left: 5px;
}

.bottom-content .broadcaster-stats span i {
  margin-right: 5px;
}

.bottom-content .group-icon {
  line-height: 40px;
}

.bottom-content .group-icon i+i {
  margin-left: 5px;
}

@media(max-width:425px) {
  .suggested .paid {
    font-size: 8px;
    padding: 3px 5px;
  }
}

/*********************wallet****************************/

.wallet-div {
  margin-bottom: 20px;
  position: relative;
}

.wallet-div .icon-parent {
  width: 100%;
  height: 100%;
}

.wallet-div .pading-right {
  padding-right: 1px;
}

.wallet-div .icon-parent i {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.wallet-div .content {
  padding: 15px;
  padding-left: 25px;
  border-left: 1px solid #ececec;
}

.wallet-div .content p:first-of-type {
  margin-bottom: 6px;
}

.wallet-div h3 {
  color: #d544da;
  /*text-transform: uppercase;*/
  font-size: 21px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  margin: 11px 0;
}

.wallet-div button {
  min-width: 132px;
  border: 1px solid #d544da;
  background: transparent;
  color: #d544da;
  margin-top: 6px;
  font-size: 16px;
  transition: all 0.3s;
}

.wallet-div button:hover {
  /* background: #d544da;
  color: white;
  margin-top: 6px; */
}

.wallet-div .wallet-icon {
  position: absolute;
  height: 100%;
}

.bidchat-coin {
  font-size: 18px;
  background: #ffbc11;
  border-radius: 50%;
  color: #ffd01f;
  box-shadow: 1px 2px 0 0 rgba(255, 163, 9, 0.87) inset;
  vertical-align: initial;
  display: inline-block;
  margin-right: 5px;
  border: 3px solid #ffd01f;
  text-shadow: 1px 1px 1px #ff9a08;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 31px;
}

.bidchat-coin-value {
  font-size: 23px;
}

.buy-coins-button {
  background-color: #d544da;
  color: white;
  padding: 9px 20px;
  margin-top: 10px;
  margin-bottom: 50px;
  box-shadow: -1px 2px 8px 1px rgba(0, 0, 0, 0.23);
}

.buy-coins-button:hover {
  color: white;
}

.coin-div {}

/********************************dashboard********************************/

.dashboard h3 {
  color: #d544da;
  text-transform: uppercase;
  font-size: 21px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  margin: 20px;
}

.dashboard hr {
  margin-bottom: 0;
}

.dashboard ul {
  /*padding:0 15px;*/
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.dashboard .type {
  font-size: 18px;
}

.dashboard li {
  padding: 15px 10px 15px 6px;
}

.dashboard li+li {
  margin-top: 10px;
}

.dashboard li:last-child {
  border-bottom: 0px;
}

.dashboard i {
  font-size: 20px;
}

.dashboard .icon-like {
  color: #009688;
}

.dashboard .icon-view {
  color: #03A9F4;
  ;
}

.dashboard .icon-favorite {
  color: #F44336;
}

.dashboard .icon-bid {
  color: #795548;
}

.dashboard .icon-balance {
  color: #ffc107;
}

/*************************onoffswitch*************************/

.onoffswitch {
  margin-top: 8px;
}

.tgl {
  display: none;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
  box-sizing: border-box;
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl+.tgl-btn::-moz-selection {
  background: none;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
  background: none;
}

.tgl+.tgl-btn {
  outline: 0;
  display: inline-block;
  width: 4em;
  height: 2em;
  margin: 0;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.tgl+.tgl-btn:after {
  left: 0;
}

.tgl+.tgl-btn:before {
  display: none;
}

.tgl:checked+.tgl-btn:after {
  left: 50%;
}

.tgl-ios+.tgl-btn {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #e8eae9;
}

.tgl-ios+.tgl-btn:after {
  border-radius: 2em;
  background: #fff;
  -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.tgl-ios+.tgl-btn:hover:after {
  will-change: padding;
}

.tgl-ios+.tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}

.tgl-ios+.tgl-btn:active:after {
  padding-right: .8em;
}

.tgl-ios:checked+.tgl-btn {
  background: #d544da;
  border: none;
}

.tgl-ios:checked+.tgl-btn:active {
  box-shadow: none;
}

.tgl-ios:checked+.tgl-btn:active:after {
  margin-left: -.8em;
}

/* user profile tab */

/* user profile tab */

/* ******************enable patron club START - flexbox - asha *********************** */

.cursor-default {
  cursor: default;
}

.padding_5 {
  padding: 5px;
}
.patron-tabs .patron-setting.p_0{
  padding:0 !important;
}
.profile-settings .category-btn {
  min-width: 180px;
  width: auto;
}

.profile-settings .content .subscription-setting-info-box {
  margin: 0px;
  position: relative;
  /*
  text-align: center;*/
  border: 1px solid #E2E2E2;
  padding: 5px 15px 5px 15px;
}

.profile-settings .content {
  position: relative;
}

.profile-settings .content .profile-edit-info-box .down-button {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: -28px;
}

.profile-settings .content .subscription-setting-info-box .down-button {
  position: absolute;
  display: inline-block;
  right: 20px;
  bottom: -22px;
}

.profile-settings .content .down-button .down-btn {
  /* text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #d544da;
  color: white;
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
  border: 0; */
  pointer-events: all;
  font-size: 20px;
  width: 35px;
  height: 35px;
  background-color: #d544da;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d544da;
}

.down-btn .icon-up-arrow,
.down-btn .icon-down-arrow {
  font-size: 12px;
  line-height: 35px;
  color: #fff;
}

.down-btn .icon-down-arrow {
  font-size: 12px;
  line-height: 35px;
  color: #fff;
}

.profile-settings .flexslider-title {
  padding: 10px 40px;
  /* text-align: center;*/
}

.profile-settings .flexslider {
  /* padding: 0 40px 30px 40px; */
  padding: 0 0px 30px 0px;
}
.profile-settings .flexslider ul{
  padding:0 40px;
}
.profile-settings .flexslider .flex-viewport {}

.profile-settings .flexslider .flex-control-nav {
  bottom: 0;
}

.profile-settings .flexslider ul li .flex-prev,
.profile-settings .flexslider ul li .flex-next {
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
}
.profile-settings .flexsliderProfileEdit.flexslider ul li .flex-prev{
  left: 0;
  opacity: 1;
}
.profile-settings .flexsliderProfileEdit.flexslider ul li .flex-next{
  right: 0;
  opacity: 1;
}
.profile-settings .flexslider ul li .flex-prev:before,
.profile-settings .flexslider ul li .flex-next:before {
  font-size: 20px;
  text-align: center;
}

/***************** enable patron club END - flexbox  - asha ************************** */

.editProfile-modal .select-category .item .img-container {
  width: 80px;
  height: 80px;
  box-shadow: 0px 3px 7px 0px #d2d2d2, inset 0 0 0 2px white;
}

.editProfile-modal .select-category .item[data-subCatSelected="1"] .img-container:after {
  width: 80px;
  height: 80px;
  top: 0px;
  left: 0px;
  font-size: 25px;
  line-height: 80px;
}

.profile-wrapper {
  padding: 20px;
}

.profileTab .profile-wrapper .tab-title {
  margin: 30px 0;
}

.profileTab .profile-wrapper h2 {
  display: inline-block;
}

.profileTab .profile-wrapper .content-top-right {
  display: inline-block;
  float: right;
  /*  margin-top: 15px;*/
}

.profileTab .profile-wrapper .profile-settings .new-profile-image-upload,
.onboardingTab .new-tab .new-profile-image-upload {
  position: relative;
}

.profileTab .profile-wrapper .profile-settings .new-profile-image-upload img,
.onboardingTab .new-tab .new-profile-image-upload .upload-profile-img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 4px solid #fff;
  border-radius: 50%;
}

.profileTab .profile-settings .access-to-see .control-button-wrap {
  position: relative;
  padding: 0 30px;
}

.profileTab .profile-settings .access-to-see .common-icon-style {
  position: absolute;
  left: 0px;
  top: 4px;
}

.profileTab .profile-settings h5 {
  margin-bottom: 20px;
}

.profileTab .profile-settings .access-to-see .custom-checkbox {
  position: absolute;
  right: 0;
  top: 0;
}

.profile-setings textarea:focus {
  border-color: #d544da;
}

.profile-settings {
  padding: 30px;
}

.ptb_15 {
  padding: 15px 0;
}

.profile-image-div-copy {
  position: relative;
  /*z-index: 5;*/
}

.profile-image-div-copy img {
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
  border: 3px solid #fff;
  border-radius: 50%;
}

.profile-settings .handle-holder {
  position: absolute;
  top: 9px;
  left: 28px;
  pointer-events: none;
}
.profile-settings .handle-holder .light-gray{
  color:lightgray;
}
/*.profile-settings .handle-holder-padding {
  padding-left: 160px;
}*/
.profile-settings .form-horizontal .username-holder .username {
  background-color: transparent;
  border: none;
  color: #151516 !important;
  padding-left: 12px;
  font-size: 14px;
  box-shadow:none;
  margin:0;
}
.profile-settings .cover-photo-div {
  padding-bottom: 15px;
}

.p-l-5 {
  padding-left: 5px;
}

.profile-settings .cover-photo-div img {
  width: 100%;
  /*height: 114px;*/
  height: 213px;
  object-fit: cover;
}

.profile-settings .cover-photo-div,
.onboardingTab .new-tab .cover-photo-div {
  position: relative;
}
.cover-photo-div.cover-maintain-div{
  width: 100%;
  padding-top: 31%;
  /* 1:1 Aspect Ratio */
  position: relative;
}
.cover-photo-div.cover-maintain-div img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.profile-settings .cover-photo-upload {
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: -15px;
  /* right: 13px; */
  right: 5px;
  background-color: rgba(157, 157, 157, 0.7);
  color: white;
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
}

.save-btn {
  width: 190px;
  margin: 0 0 15px;
  border-radius: 0;
}

.text-left {
  text-align: left !important;
  float: left;
}

.profile-edit-info-box .tap-text {
  display: block;
}

.profile-settings .sub-text,
.patron-setting .sub-text,
.create-coupon .sub-text,
.broadcaster-posts .post-bottom-info .sub-text,
.live-event-access-modal .sub-text {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.create-ticket .add-ticket-form-div .sub-text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.create-ticket-modal .ticket-edit-info-box .flexslider ul li .flex-prev {
  width: 22px;
  height: 22px;
  transform: translateY(10%);
  right: -1px;
}
.create-ticket-modal .ticket-edit-info-box .flexslider ul li .flex-prev:before {
  font-size: 16px;
}
.ticket-name-flex.flexslider .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 0px;
}
.ticket-name-flex.flexslider .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 0px;
}
.profile-settings .icon-copy {
  font-size: 20px;
  vertical-align: middle;
  color: #d544da;
}

.profile-settings .icon-delete {
  font-size: 20px;
  vertical-align: middle;
  /* font-weight: bold;*/
  cursor: pointer;
}

.profile-settings .icon-copy-link {
  color: #A7A7A7;
}

textarea {
  resize: none;
}

.profile-settings textarea .form-control {
  border: 0 !important;
  border-bottom: 1px solid black;
  border-radius: 0;
  box-shadow: none;
}

.profile-settings .social-links-div {
  background-color: #F8F8F8;
  margin: 15px 0;
}

.profile-settings .flexsliderProfileEdit {
  position: relative;
  padding-bottom: 30px;
}

.profile-settings .flexsliderProfileEdit .flex-viewport {
  max-height: 200px;
  padding-bottom: 30px;
}

.profile-settings .flexsliderProfileEdit .flex-control-nav {
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 0;
  z-index: 12;
}

.profile-settings .flexsliderProfileEdit .flex-direction-nav .flex-nav-prev {}

.profile-settings .flexsliderProfileEdit .flex-direction-nav .flex-nav-next {}

.flexsliderPatronSetting .down-button {
  bottom: -22px !important;
}

.flex-control-paging li a {
  background: #FFFFFF;
}

.flex-control-paging li a.flex-active {
  background: #CCCCCC;
}

.flex-control-paging li a.flex-active:hover {
  background: #CCCCCC;
}

.flex-control-paging li a:hover {
  background: #FFFFFF;
}

.profile-settings .content .info-box {
  border: 1px solid #E2E2E2;
  padding: 5px 15px 5px 15px;
  margin: 0px 0px 20px 0px;
  /* margin-top: 15px; */
  margin-bottom: 30px;
}

.profile-settings textarea.form-control,
.form-horizontal .form-group textarea.form-control,
.product-final-print .form-group textarea.form-control {
  box-shadow: none;
  border-radius: 0;
  /*border: 0;
  border-bottom: 1px solid #E2E2E2;*/
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: 1px solid #eaeaea;
}

.form-group .moz-height{
  height: 100%;
  padding: 9px 12px;
}
/*.form-group textarea.form-control:focus {
  border-bottom: 1px solid #d544da;
  border-color: #d544da;
}*/

/*.profile-settings textarea.form-control:focus {
  border-color: #d544da;
}
*/
.pt_7 {
  padding-top: 7px;
}

.pt_0 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/*.mb_30 {
  margin-bottom: 30px;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.075);
}*/

/********************************** profile sidebar - asha******************************* */

.common-icon-style {
  font-size: 20px;
  vertical-align: middle;
}

/*
.profile-sidebar-content .preview-profile {
  border-radius: 0;
}*/

.plr-10 {
  padding: 0 10px;
}

.plr_15 {
  padding-left: 15px;
  padding-right:15px;
}
.profile-sidebar-content .panel-group .plr-10 {
  padding: 0 10px;
}

.profile-side-menu {
  background-color: white;
  padding: 0;
}

.profile-side-menu img {
  border: 3px solid #d544da;
}

.profile-side-menu .profile-view {
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.m_0 {
  margin: 0;
}

.profile-side-menu .profile-preview {
  position: relative;
}

.profile-side-menu .profile-heading {
  /* position: absolute;
  top: 80px;
  left: 50px; */
  padding-bottom: 15px;
  /* padding-top: 10px; */
  text-align: center;
  /*  font-size: 36px;*/
  color: #5D5D5D;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*line-height: 65px;*/
  /* max-height: 50px; */
  padding-left: 15px;
  padding-right: 15px;
  line-height: 30px;
  max-height: 60px;
}

.position-abs {
  position: absolute;
  top: 0px;
}

.profile-side-menu .profile-sidebar-content {
  /* padding-top: 200px; */
  padding-top: 60px;
}

.profile-side-menu .profile-preview-btn {
  /* position: absolute;
  top: 125px;
  left: 50px;
  border-radius: 0; */
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
}

.profile-side-menu .profile-preview-btn .btn-primary {
  width: 190px;
}

.mt_30 {
  margin-top: 30px;
}

.mtb_30 {
  margin: 30px 0;
}

.panel-group .panel-heading+.panel-collapse&gt;.panel-body,
.panel-group .panel-heading+.panel-collapse&gt;.list-group {
  border: 0px;
}

.profile-side-menu .profile-sidebar-content ul li {
  border-bottom: 1px solid #d544da;
}

.profile-side-menu .profile-sidebar-content .panel .panel-heading .panel-title a {
  text-decoration: none;
  display: block;
}

.profile-side-menu .panel-default&gt;.panel-heading+.panel-collapse&gt;.panel-body {
  border: 0;
}

.fa-caret-down {
  transition: all .4s ease;
}

.active .fa-caret-down {
  transform: rotate(180deg);
}

.profile-side-menu .profile-menu-header {
  /* padding-top: 15px; */
}

.profile-side-menu .profile-sidebar-content .profile-menu-content ul li {
  margin: 0 20px;
}

.profile-side-menu .profile-sidebar-content .profile-menu-content ul li a:hover {
  background-color: transparent;
}

.profile-side-menu .profile-sidebar-content .profile-menu-content ul li a {
  padding: 10px 0;
}

.profile-side-menu .profile-menu-header h4 a {
  color: #484848;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  margin-right: 0;
}

.profile-side-menu .profile-sidebar-content .profile-menu-content ul li.active&gt;a {
  color: #484848 !important;
}

.profile-sidebar-content .panel-heading {
  /* padding: 10px 30px; */
  border: 0;
  background: transparent;
  border-left: 5px;
  border-radius: 0;
  border-style: solid;
  border-color: transparent;
}

.profile-sidebar-content .panel-heading a {
  border: 0;
  background: transparent;
}

.profile-sidebar-content .panel-heading a:hover {
  border: 0;
  background: transparent;
}

.sidebar-menu-items .list-group .panel-heading .menu-name {
  /* font-size: 18px; */
  vertical-align: middle;
  /* font-family: 'muktasemibold', sans-sefrif;*/
  font-weight: 600;
}

.sidebar-menu-items .list-group .sub-menu .list-group-item {
  padding-left: 0px;
  margin-left: 60px;
  padding-right: 0px;
  margin-right: 60px;
  border: 0;
  background: transparent;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 0;
}

.sidebar-menu-items .list-group .sub-menu .list-group-item.active {
  color: #d544da;
}

.sidebar-menu-items .list-group .sub-menu .list-group-item:active {
  /* color: #d544da; */
}

.sidebar-menu-items .list-group .collapse .list-group-item:last-child {
  border-radius: 0;
}

.sidebar-menu-items .list-group a:hover {
  background: transparent;
}

.profile-sidebar-content .panel-heading.active {
  border-color: #d544da;
}

.profile-sidebar-content .panel {
  -webkit-box-shadow: 0;
  box-shadow: none;
}

.profile-sidebar-content .panel-default {
  border-color: transparent;
}

div+a[aria-expanded="true"] {
  display: block;
  /* background-color: #2cc438; */
  border-left: 5px solid #d544da;
  padding: 10px 20px
}

div+a[aria-expanded="false"] {
  display: block;
  /* background-color: #2cc438; */
  border-left: 5px solid transparent;
  padding: 10px 20px
}

.ml_15 {
  margin: 0 15px;
}

.m_5 {
  margin: 5px;
}

.mlr_18 {
  margin: 0 18px !important;
}

.m_15 {
  margin: 15px;
}

.p_15 {
  padding: 15px;
}

.prop-btn {
  border-radius: 0;
  color: #fff;
  background-color: #d544da;
  border-color: #da203f;
  width: 100px;
}

/* ******************  profile- sidebar css ends ********************* */

/* **************  patron posts css starts- asha *****************/

.patronTab .profile-wrapper {
  padding: 40px;
}

.patronTab .profile-wrapper .tab-title {
  margin: 30px 0;
}

.patronTab .profile-wrapper .tab-title h2,
.forumTab .profile-wrapper .tab-title h2 {
  font-size: 36px;
  margin-left: 15px;
  margin-right: 15px;
}

.patronTab .broadcaster-posts .post-heading,
.forumTab .broadcaster-posts .post-heading,
.post-content-detail .post-heading {
  padding: 0px 0 10px 0;
}

.patronTab .broadcaster-posts .patron-head-wrapper,
.forumTab .broadcaster-posts .patron-head-wrapper {
  padding: 15px 15px 5px 15px;
  position: relative;
}
.patronTab .broadcaster-posts .patron-head-wrapper .bid-amount,
.forumTab .broadcaster-posts .patron-head-wrapper .bid-amount {
  bottom: 5px;
  position: absolute;
  right: 15px;
  font-family: 'Roboto Mono', monospace;  
}
.patronTab .broadcaster-posts .patron-head-wrapper .custom-dropdown-menu,
.forumTab .broadcaster-posts .patron-head-wrapper .custom-dropdown-menu,
.subscribers-posts-section .custom-dropdown-menu {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}

.subscribers-posts-section .custom-dropdown-menu a{
  color: #fff;
  text-decoration: none;
}

.patronTab .broadcaster-posts .patron-head-wrapper .custom-dropdown-menu .dropdown-menu.custom {}

.patronTab .broadcaster-posts .patron-head-wrapper .custom-dropdown-menu .dropdown-toggle,
.forumTab .broadcaster-posts .patron-head-wrapper .custom-dropdown-menu .dropdown-toggle {
  display: block;
  text-decoration: none;
  color: #737373;
  font-size: 16px;
}

.broadcaster-posts .post-heading .broadcaster-info .bold {
  font-weight: 600;
}

.broadcaster-posts {
  /* height: 475px; */
}

.forumTab .broadcaster-posts .post-heading .forum-heading {
  width: calc(100% - 60px);
  padding-right: 10px;
  margin-top: 0px;
}

.forumTab .broadcaster-posts .post-heading .forum-heading h4 {
  color: #5D5D5D;
  cursor: pointer;
  word-wrap: break-word;
  word-break: break-word;
  margin: 0px;
  line-height: 25px;
}
.patronTab .broadcaster-posts .post-heading .broadcaster-info,
.forumTab .broadcaster-posts .post-heading .broadcaster-info {
  width: calc(100% - 70px);
}

.patronTab .broadcaster-posts .post-heading .broadcaster-info h4,
.forumTab .broadcaster-posts .post-heading .broadcaster-info h4,
.forumTab .broadcaster-posts .post-heading .forum-heading h4 {
  margin-bottom: 0px;
  /* font-weight: bold;*/
  font-weight: 600;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
  height: 26px;
}

.patronTab .broadcaster-posts .post-heading .broadcaster-info .patronListDate,
.forumTab .broadcaster-posts .post-heading .broadcaster-info .patronListDate {
  padding-left: 10px;
  position: relative;
  font-family: 'Roboto Mono', monospace;
}

.patronTab .broadcaster-posts .post-heading .broadcaster-info .patronListDate:before,
.forumTab .broadcaster-posts .post-heading .broadcaster-info .patronListDate:before {
  /* content: '.'; 
  position: absolute;
  top: -7px;
  left: 2px;*/
}

.patronTab .broadcaster-posts .post-content .image-placeholder,
.forumTab .broadcaster-posts .post-content .image-placeholder {
  height: 300px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  cursor: pointer;
}

.patronTab .broadcaster-posts .post-bottom-info,
.forumTab .broadcaster-posts .post-bottom-info {
  border: none;
  position: relative;
  bottom: 0;
  /* background-color: #ea5353; */
  left: 0;
  right: 0;
  /* padding: 24px 15px 5px 15px; */
  /* pointer-events: none;*/
  padding: 0 15px;
}

.patronTab .broadcaster-posts .post-bottom-info .btn-container,
.forumTab .broadcaster-posts .post-bottom-info .btn-container  {
  position: absolute;
  top: -20px;
  right: 20px;
}

.patronTab .broadcaster-posts .post-bottom-info .btn-container .float-round-btn,
.forumTab .broadcaster-posts .post-bottom-info .btn-container .float-round-btn {
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  /* line-height: 45px; */
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  /* box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.24); */
  border: 1px solid #e3e3e3;
}

.broadcaster-posts .post-bottom-info .btn-container .float-round-btn span {
  color: #d544da;
  line-height: 35px;
}

.broadcaster-posts .post-bottom-info .btn-container button span {
  padding: 0;
  /* vertical-align: middle; */
}

.broadcaster-posts .post-bottom-info .btn-container h6 {
  text-align: right;
}

.broadcaster-posts .post-bottom-info .btn-container .btn-comment {
  float: right;
  cursor: pointer;
}

.broadcaster-posts .post-bottom-info .post-title {
  /* white-space: pre-line; */
  white-space: normal;
  padding-top: 8px;
  /* max-height: 45px; */
  /* font-weight: bold;*/
  font-weight: 600;
  /* padding-right: 70px;*/
  display:inline-block;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
}
.broadcaster-posts .post-bottom-info .post-title.my-post-title{
  line-height: 1.5;
  height: 42px;
}
.patronTab .tier-placer,
.patronTab .tier-placer {
  margin-top: 10px;
  color: #007500;
}

.patronTab .broadcaster-posts .post-bottom-info .description,
.forumTab .broadcaster-posts .post-bottom-info .description {
  max-height: 80px;
  height: auto;
}

.blog-widget .description {
  max-width: 100% !important;
}

.patronTab .broadcaster-posts .post-bottom-info .hash-tags,
.forumTab .broadcaster-posts .post-bottom-info .hash-tags {
  padding: 0;
  margin-right: 10px;
}

.patronTab .broadcaster-posts .post-bottom-info .patron-wrapper,
.forumTab .broadcaster-posts .post-bottom-info .patron-wrapper {
  margin-top: 10px;
  max-height: 120px;
  transition: max-height 0.25s ease-in-out;
  min-height: auto;
  overflow: hidden;
  position: relative;
  padding: 0;
}

.profileTab .patron-tabs {
  padding-top: 0;
  padding-bottom: 50px;
}

.profileTab .patron-tabs .next-prev-div {
  position: absolute;
  bottom: 0;
  right: 45px;
}

.patronTab .broadcaster-posts .post-bottom-info .patron-wrapper:after,
.forumTab .broadcaster-posts .post-bottom-info .patron-wrapper:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 75px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgb(255, 255, 255), #fff);
  display: none;
}

.patronTab .broadcaster-posts .post-bottom-info .patron-wrapper.more-content:after,
.forumTab .broadcaster-posts .post-bottom-info .patron-wrapper.more-content:after,
.creator-left-sidebar .main-content .patron-wrapper.more-content:after {
  display: block;
}
.creator-left-sidebar .main-content .patron-wrapper:after{
  display: none;
}

.patronTab .broadcaster-posts .post-bottom-info .patron-wrapper .more,
.forumTab .broadcaster-posts .post-bottom-info .patron-wrapper .more,
.creator-left-sidebar .main-content .more {
  bottom: 10px;
  position: absolute;
  z-index: 1;
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  display: none;
}

.patronTab .broadcaster-posts .post-bottom-info .patron-wrapper.more-content .more,
.forumTab .broadcaster-posts .post-bottom-info .patron-wrapper.more-content .more,
.creator-left-sidebar .patron-wrapper.main-content .more {
  display: block;
}

.patronTab .broadcaster-posts .post-bottom-info .patron-wrapper .patron-desc,
.forumTab .broadcaster-posts .post-bottom-info .patron-wrapper .patron-desc {
  padding: 0 0 25px 0;
  word-wrap:break-word;
}

.patronTab .broadcaster-posts .post-bottom-info .like-view-comment,
.schedule-event .existing-schedule-event .content .like-view-comment,
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment {
  font-size: 18px;
  cursor: default;
}

.patronTab .broadcaster-posts .post-bottom-info .like-view-comment .sub-text,
.schedule-event .existing-schedule-event .content .like-view-comment .sub-text,
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment .sub-text {
  padding-left: 5px;
  padding-right:15px;
}

.patronTab .broadcaster-posts .post-bottom-info .like-view-comment .icon,
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment .icon {
  padding: 0;
  margin-right: 20px;
}
.forumTab .broadcaster-posts .post-bottom-info {
  min-height: 0;
}
.patronTab .broadcaster-posts .post-bottom-info .like-view-comment .sub-text,
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment .sub-text,
.schedule-event .existing-schedule-event .content .like-view-comment .sub-text {
  font-size: 15px;
  font-weight: 400;
}
.post-bottom-info .like-view-comment .sub-text .count-styling{
  color: #d544da;
  padding-right: 5px;
}
.patronTab .broadcaster-posts .post-bottom-info .like-view-comment [class*="icon-"],
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment [class*="icon-"] {
  color: #d544da;  
  margin-right: 0px;
  vertical-align: middle;
  line-height: 25px;
  background-color:transparent;
}

.patronTab .broadcaster-posts .post-bottom-info .like-view-comment [class*="icon-"]+[class*="icon-"],
.forumTab .broadcaster-posts .post-bottom-info .like-view-comment [class*="icon-"]+[class*="icon-"],
.schedule-event .existing-schedule-event .content .like-view-comment [class*="icon-"]+[class*="icon-"] {
  margin-left: 15px;
}
.schedule-event .existing-schedule-event-list {
  padding-bottom: 25px;
}
.schedule-event .existing-schedule-event-list .existing-schedule-event .broadcaster-posts{
  margin: 0;
}
.schedule-event .existing-schedule-event-list{
  padding-top: 30px;
}
.schedule-event .existing-schedule-event-list .existing-schedule-event .card{
  margin-bottom: 30px;
}
.next-prev-div {
  /*  text-align: right;
  padding: 0 30px 30px 30px;*/
  margin-bottom: 20px;
}

.patron-wrapper .next-prev-div .btn {
  border: 1px solid #d544da;
}

.next-prev-div .btn {
  background: white;
  width: 35px;
  height: 35px;
  line-height: 31px;
  color: #d544da;
  border-radius: 0;
  padding: 0;
}

.next-prev-div .btn span {
  vertical-align: middle;
}

.next-prev-div .btn+.btn {
  margin-left: 15px;
}

/* **************  patron posts css ends- asha *****************/

.userprofile {}

.userprofile button {
  /* border: 0;
  background: none;
  text-shadow: inherit; */
}

.userprofile .actionbutton {
  background: none;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  font-size: 20px;
}

.userprofile .donatebtn {
  display: none;
}

.userprofile .featured-event-btn {
  display: none;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  text-shadow: none;
}

@keyframes pulse {
  0% {
    color: white;
  }
  50% {
    color: #FFEB3B;
  }
  100% {
    color: white;
  }
}

@-webkit-keyframes pulse {
  0% {
    color: white;
  }
  50% {
    color: #FFEB3B;
  }
  100% {
    color: white;
  }
}

.profile-info-container {
  position: relative;
}

.profile-info-container .userprofile {
  border-radius: 100px 0 0 100px;
  /* top: -38px; */
  position: relative;
}

.userprofile .cover-photo {
  height: 315px !important;
  position: relative;
  color: #fff;
  text-shadow: 0 2px 4px #1C1C2E;
}

.userprofile .usercoversection .user-detail-sec {
  text-shadow: none;
  color: #5D5D5D;
  margin-top: 45px;
  position: absolute;
  left: 180px;
  font-weight: 400;
}

.userprofile .usercoversection .coverpic-parent {
  height: 330px;
  object-fit: cover;
  position: relative;
  color: #fff;
  text-shadow: 0 2px 4px #1C1C2E;
  z-index: 1;
}

.userprofile .usercoversection .options-menu {
  background-color: #f4f4f4;
  border-color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 0;
  margin-bottom: 0px;
  /* bottom: -30px;
  position: absolute;
  background-color: transparent;
  border: 0;
  box-shadow: none; */
  /* bottom: 0px;
  position: absolute;
  border: 0;
  box-shadow: none;
  margin-bottom: 0px; */
}

.profile-info-container .options-menu {
  /*background-color: #f4f4f4;
  border-color: #ffffff;*/
  text-align: center;
  position: absolute;
  bottom: 0;
  margin-bottom: 0px;
  box-shadow: none;
  left: 70px;
  right: 0px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
}

.profile-info-container .options-menu ul {
  text-align: left;
  padding-left: 125px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: inline-block;
}

.profile-info-container .options-menu ul li {
  padding-top: 0px;
}

.profile-info-container .options-menu ul li a {
  padding: 10px 30px !important;
  /* font-size: 12px; */
  font-size: 18px;
  text-transform: capitalize;
  /* font-family: 'muktasemibold', sans-serif !important; */
  font-weight: 600;
  color: #5D5D5D;
  background: transparent;
  border-bottom: 3px solid transparent;
  outline: 0;
}

.profile-info-container .options-menu ul li a:active {
  color: #d544da;
  border-bottom: 3px solid #d544da;
  text-transform: capitalize;
  font-size: 18px;
}

.profile-info-container .options-menu ul li.active a {
  text-transform: capitalize;
  font-size: 18px;
}

.profile-info-container .options-menu .btn-container {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 7px;
}

.profile-info-container .options-menu .btn-container a:hover {
  text-decoration: none;
}

.profile-info-container .options-menu .btn-container .float-round-btn {
  pointer-events: all;
  font-size: 20px;
  width: 35px;
  height: 35px;
  background-color: transparent;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d544da;
}

.profile-info-container .options-menu .btn-container .float-round-btn span {
  color: #d544da;
  line-height: 40px;
  vertical-align: middle;
}

.userprofile .usercoversection .options-menu .nav-tabs {
  background-color: #f4f4f4;
  border: 0;
  bottom: 0px;
  position: absolute;
  box-shadow: none;
  /* background-color: #f4f4f4; */
  margin-bottom: 0px;
}

.userprofile .usercoversection .options-menu .share-btn {
  border-right: 0 !important;
  float: right;
  width: 70px;
}

.userprofile .usercoversection .options-menu ul li span a i {
  display: inline-block;
  box-shadow: 0 0 0px 1px #d544da;
  color: #d544da;
  padding: 9px;
  border-radius: 31px;
}
.navbar-default .hidden-options-menu {
  background-color: transparent;
  border-color: transparent;
  border: none;
  margin-bottom: 0;
  box-shadow: none;
}
.navbar-default .hidden-options-menu .options-content {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-default .hidden-options-menu .options-content .left-side-content {
  line-height: 52px;
  vertical-align: middle;
}
.navbar-default .hidden-options-menu .profile-pic {
  width: 35px;
  height: 35px;
}
.navbar-default .hidden-options-menu .broadcaster-name {
  margin-right: 35px;
}
.navbar-default .hidden-options-menu .broadcaster-name h4 {
  color: #5D5D5D;
  font-weight: 400;
  font-size: 18px;
  vertical-align: middle;
  line-height: 55px;
  margin: 0;
}
.navbar-default .hidden-options-menu .options-content .side-content {
  margin-left: 65px;
}
.navbar-default .hidden-options-menu ul li.active a {
  padding: 0px 0px 5px 0px !important;
}
.navbar-default .hidden-options-menu ul li.active a {
  /* border-bottom: 2px solid #d544da; */
  border:0;
}
.navbar-default .hidden-options-menu ul li.active a .item-name{
  border-bottom: 2px solid #d544da;
  padding-bottom:5px; 
}
.navbar-default .hidden-options-menu ul li + li {
  margin-left: 35px;
  margin-right: 0px;
}
.navbar-default .hidden-options-menu .header-icon {
  font-size: 25px;
  color: #d4d4d4;
  line-height: 55px;
  vertical-align: middle;
  padding-right: 12px;
}
.navbar-default .hidden-options-menu ul li.active .header-icon {
  color: #d544da;
}
.navbar-default .hidden-options-menu .arrow-header span {
  line-height: 55px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 700;
  color: #a7a3a3;
  margin-right: 25px;
  margin-left: -10px;
 }
.hidden-options-menu {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
  background-color: #ffffff;
  margin-bottom: 40px;
  text-align: center;

}

.hidden-options-menu .options-content {
  margin-top: 50px;
  padding-top: 17px;
  padding-bottom: 8px;
  z-index: 5;
}

.hidden-options-menu .options-content .left-side-content {
  display: flex;
}

.hidden-options-menu .options-content .left-side-content .broadcaster-profile-pic-div {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.hidden-options-menu .options-content .side-content {
  display: block;
  margin-left: 15px;
}

.hidden-options-menu .options-content .side-content .broadcaster-name {
  text-align: left;
}

.hidden-options-menu .options-content .side-content .broadcaster-name h4 {
  color: #5D5D5D;
  margin: 0 0 10px 0;
  font-weight: 700;
}

.profile-pic {
  background-clip: padding-box;
  background-size: cover;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 50%;
  vertical-align: middle;
}

.hidden-options-menu ul {
  /* padding-top: 40px; */
  /* padding-bottom: 0px; */
  text-align: left;
  /* padding-left: 250px; */
  display: inline-block;
  /* padding-bottom: 18px; */
  text-align: left;
}

.hidden-options-menu ul li {
  display: inline-block;
}

.hidden-options-menu ul li.active a {
  padding: 0px 0px 10px 0px !important;
  text-decoration: none;
  color: #d544da;
  border-bottom: 3px solid #d544da;
}

.hidden-options-menu ul li a {
  text-decoration: none;
}

.hidden-options-menu .btn-container {
  /* display: inline-block; */
  /* transform: translateY(-50%); */
  display: block;
  float: right;
  /* padding-top: 20px; */
  display: block;
}

.hidden-options-menu .btn-container a:hover {
  text-decoration: none;
}

.hidden-options-menu .btn-container .float-round-btn {
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: transparent;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d544da;
  vertical-align: middle;
}

.hidden-options-menu .btn-container .support-btn {
  vertical-align: middle;
  margin-left: 10px;
  width: 125px !important;
  height: 45px !important;
}

.hidden-options-menu .btn-container .float-round-btn span {
  color: #d544da;
  line-height: 50px;
}

.user-actions-follow-button {
  text-align: left !important;
}

.userprofile .usercoversection .options-menu ul {
  /* padding-top: 10px;
  padding-bottom: 10px; */
  text-align: left;
  padding-left: 250px;
}

.userprofile .usercoversection .options-menu ul li {
  border-right: 1px solid #d544da;
  margin: 20px 0;
}

.userprofile .usercoversection .options-menu ul li .facebook-link {
  padding: 12px 0 0 2px;
  position: absolute;
  right: 0;
  top: 0;
}

.facebook-link .user-actions {
  display: flex;
}

.facebook-link .user-actions .fb-link-btn {
  border-radius: 50%;
  width: auto;
  height: auto;
}

.userprofile .usercoversection .options-menu ul li:nth-child(3) {
  border-right: 0;
}

.userprofile .usercoversection .options-menu ul li a {
  text-shadow: none;
  padding-bottom: 20px;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 22px;
  text-decoration: none;
}

.userprofile .usercoversection:after {
  content: '';
  position: absolute;
  width: 100%;
  /* background: rgba(0, 0, 0, 0.22); */
  z-index: 0;
  top: 0;
  height: 100%;
  left: 0;
}

.userprofile .usercoversection img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}

.userprofile .usercoversection .coverpic-parent {
  /*height: 100%;
  z-index: 1;*/
}

.profile-edit .profile-info-container .profile-details-div .usercoversection .avatarsec .user-detail-sec .user-more-info a {
  font-size: 12px;
}

.profile-info-container .profile-details-div {
  /*height: 165px;*/
  background-color: #fff;
}

.profile-info-container .home-specific-height {
  height: 165px;
}

.userprofile .usercoversection .coverpic-parent:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
}

.userprofile .actionButtons {
  position: absolute;
  z-index: 4;
  right: 8px;
  bottom: 0;
}

.userprofile .custom-dropdown-menu a {
  text-decoration: none;
  cursor: pointer;
  margin-left: 5px;
}

.userprofile .custom-dropdown-menu button {
  text-shadow: none;
  color: #565656;
}

.userprofile .actionButtons .rightsec {
  right: 7px;
  top: 10px;
  position: absolute;
}

.userprofile .actionButtons .leftsec {
  right: 8px;
  bottom: 0;
  position: absolute;
}

.userprofile .actionButtons .leftsec .dropdown-toggle {
  vertical-align: middle;
}

.userprofile .followstatssec {
  margin-top: 6px;
  /*margin-left: -6px;*/
}

.userprofile .followstats {
  display: inline-block;
}

.userprofile .followstats.following button {
  padding-left: 0;
}

.userprofile .followstats button {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  text-transform: uppercase;
  /*color: gray;*/
}

.userprofile .user-detail-sec .icon-influencer {
  color: #f44336;
  margin-right: 5px;
  font-size: 20px;
  vertical-align: sub;
}

.userprofile .followstats+.followstats {
  margin-left: 5px;
}

.userprofile .userdescription {
  margin-top: 10px;
  font-size: 16px;
}

.userprofile .avatarsec {
  position: relative;
  /* bottom: 25px; */
  bottom: 40px;
  /*  right: 30px; */
  left: 20px;
  text-align: center;
  /* z-index: 3; */
  z-index: 1;
}

.userprofile .avatarsec .influencer {
  margin: 4px 0px;
}

.userprofile .video-player {
  height: 330px;
  padding: 15px;
  background-color: #232323;
  margin: 22px 15px 15px 15px;
}

.userprofile .useravatar {
  border: 4px solid #fff;
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  /* float: left; */
  top: 25px;
  left: -30px;
}

/*.userprofile .dropdown-menu li{
  padding: 5px;
}*/

.userprofile button:focus {
  outline: 0;
}

.userprofile .user-detail-sec {
  padding-top: 12px;
  /* width: calc(100% - 154px); */
  width: calc(100% - 670px);
  float: left;
  text-align: left;
  padding-left: 25px;
}

.userprofile .action-buttons {
  float: right;
  width: calc(100% - 700px);
  text-align: right;
  margin-top: 50px;
  padding-right: 50px;
  padding-top: 12px;
}

.userprofile .action-buttons .action-side-btn-patron {
  background-color: transparent;
  width: 130px;
  height: 70px;
  border-radius: 0;
  white-space: normal;
  border: 1px solid #d544da;
  text-shadow: none;
  color: black;
  font-size: 20px;
}

.userprofile .action-buttons .action-side-btn-support {
  background-color: #d544da;
  width: 130px;
  height: 70px;
  border-radius: 0;
  white-space: normal;
  border: 1px solid #d544da;
  text-shadow: none;
  color: white;
  font-size: 20px;
}

.userprofile .action-buttons .action-side-btn-patron .numbered-data {
  font-size: 28px;
  color: #d544da;
}

.action-buttons .status-info {
  border-radius: 38px;
  background-color: transparent;
  border-color: transparent;
  border: 1px solid #d544da;
  text-align: center;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  text-decoration: none;
  display: inline-block;
  padding: 0px 15px;
  vertical-align: middle;
  margin-left: 10px;
  width: 180px;
  height: 40px;
  color: #5D5D5D;
  text-shadow: none;
  margin-right: 15px;
}

.action-buttons .status-info .count {
  font-size: 20px;
  color: #d544da;
  vertical-align: middle;
  margin: 5px;
}

.action-buttons .status-info .status-name {
  vertical-align: middle;
}

.userprofile .action-buttons .support-btn {
  vertical-align: middle;
  margin-left: 10px;
  width: 125px !important;
  height: 45px !important;
}

.userprofile .useravatar .verify {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 1;
  color: #127fff;
  font-size: 25px;
}

.userprofile .useravatar .icon-verified {
  text-shadow: none;
}

.userprofile .useravatar .icon-verified:before {
  z-index: 1;
  position: relative;
}

.userprofile .useravatar .icon-verified:after {
  position: absolute;
  content: "";
  top: 8px;
  right: 4px;
  bottom: 6px;
  left: 4px;
  z-index: 0;
  background-color: white;
}

.userprofile .useravatar img {
  border-radius: inherit;
  height: 100%;
  width: 100%;
  object-fit: cover;
  cursor: pointer;
}

.userprofile .username {
  font-size: 30px;
  color: #5D5D5D;
  /*font-family: muktasemibold;*/
  font-weight: 600;
}

.userprofile .user-more-info {
  margin: 15px 0;
}

.userprofile .user-more-info .user-url a {
  color: #5A81FF;
  text-decoration: none;
  cursor: pointer;
}

.profile-edit .about-patron {
  padding: 15px;
  margin: 5px 0;
}

.live-activity {
  padding-bottom: 15px;
  height: 360px !important;
}

.live-activity .activity-box {
  /* margin: 0 0 0 15px; */
  padding: 0 5px;
  font-weight: 600;
  height: 260px;
  text-align: center;
}

.live-activity .activity-box h4 {
  color: #5D5D5D;
  margin: 30px;
  margin-bottom: 0px;
  margin-top: 15px;
}

.live-activity .activity-box .followers-list {
  list-style: none;
  padding-left: 0;
  padding-top: 10px;
  text-align: left;
  overflow: auto;
  /* height: 200px; */
  height: 230px;
}

.live-activity .activity-box .followers-list ul li .follower {
  color: green;
}

.about-patron .tier-image {
  margin: 15px 0;
}

.detailsec {
  text-align: center;
  margin-top: 10px;
}

.about-patron .starred-text {
  font-size: 13px;
  font-weight: 600;
}

.patrons-tab-content .about-patron .home-social-display .social-count:before {
  content: "";
  height: 2px;
  left: 20px;
  color: grey;
}

.social-activity-block {
  /*margin: 15px;
  background-color: #f4f4f4;
  padding: 5px 15px;*/
}

.home-social-display .social-activity-block .social-activity-info h4 {
  margin: 0;
  font-weight: 400;
  font-size: 28px;
}

.home-social-display .social-activity-block .activity-name {
  margin: 0;
}
.broadcaster-content{
  margin-top:30px;
  margin-bottom:60px;
}
.broadcaster-content .broadcaster-hide{
  display:none;
}
.broadcaster-content .broadcaster-remove-card{
  padding:0;
  box-shadow:none;
  background-color: transparent;
}
.about-patron .about-patron-buttons {
  text-align: center;
  font-size: 0;
  /* margin: 15px 0; */
}

.about-patron .about-patron-buttons span {
  width: 50%;
  display: inline-block;
  padding: 5px;
}

.about-patron .about-patron-buttons .icon-follow {
  width: auto;
}

.about-patron .about-patron-buttons .icon-feedmessage {
  width: auto;
}

.about-patron .about-patron-buttons button {
  /* margin: 10px 5px; */
  width: 100%;
}

.about-patron .about-patron-text {
  margin: 15px;
  text-align: center;
}

.about-patron .about-patron-buttons .about-info-btn {
  background-color: transparent;
  /* border: 1px solid #d544da; */
  width: 100%;
  min-height: 80px;
  height: auto;
  border-radius: 0;
  white-space: normal;
  /* word-spacing: 130px; */
  font-size: 16px;
  padding: 5px;
  line-height: 18px;
}

.about-patron .about-patron-buttons .about-info-btn p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 18px;
  max-height: 36px;
  height: auto;
}

.about-patron .about-patron-buttons .about-info-btn .numbered-data {
  color: #d544da;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.about-patron .about-patron-buttons .about-info-btn .activity-type {
  font-weight: 700;
  margin: 0;
}

.about-patron .about-patron-buttons .save-btn {
  border-radius: 0;
}

.filter-card {
  margin: 30px 15px;
}
.filter-card .sidetab-header,
.patron-packages-tab .sidetab-header{
  color: gray;
  margin: 0;
  display: inline-block !important;
}
.filter-card .roboto-styling,
.patron-packages-tab .roboto-styling{
  font-family: 'Roboto Mono', monospace;
  font-size:15px;
  font-weight:600;
  color:black;
}
.filter-card .header,
.patron-packages-tab .header {
  /* padding: 15px; */
  padding-bottom: 5px;
  border-bottom:2px solid #cccccc;
}

.filter-card .header .all-posts-btn {
  float: right;
  margin: 10px 0 10px 0;
  width: 50%;
}

.filter-card .filter-card-content {
  /* margin: 15px; */  
}

.filter-card .filter-card-content .title {
  /* border-bottom: 1px solid #eeeeee; */
  color: #878787;
  margin:30px 0;
}

.filter-card .filter-card-content h4 {
  color: gray;
  font-weight: 400;
  font-size: 17px;
}

.filter-card .filter-card-content .content {
  /* padding: 15px 0; */
  position: relative;
}

.filter-card .filter-card-content .content-tag {
  /* padding: 15px 0; */
  position: relative;
  padding-bottom: 15px;
}

.filter-card .filter-card-content .content-tag&gt;button {
  display: inline-block;
  border: 1px solid #3838c6;
  border-radius: 25px;
  color: #3838c6;
  background-color: transparent;
  margin: 5px;
  padding: 5px 15px;
  cursor: pointer;
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  font-weight: 600;
}
.filter-card .filter-card-content .filter-date{
  border: 2px solid #cccccc;
  border-radius: 5px;
  padding: 5px;
  background: white;
  padding-left: 30px;
}
.filter-card .filter-card-content .filter-date .filter-date-input{
  border: 0;
  z-index: 0;
}
.filter-card-content .content-tag button.active {
  color: white !important;
  background-color: #3838c6 !important;
}

.filter-card .filter-card-content .content-tag&gt;button:focus {
  /* color: white;
  background-color: #d544da; */
}

.filter-card .filter-card-content .content-type {
  /* padding: 15px 0; */
  position: relative;
  padding-bottom: 15px;
}

.filter-card .filter-card-content .content-type&gt;button {
  display: inline-block;
  border: 1px solid #3838c6;
  border-radius: 25px;
  color: #3838c6;
  background-color: transparent;
  margin: 5px;
  padding: 5px 15px;
  cursor: pointer;
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  font-weight: 600;
}

.filter-card-content .content-type button.active {
  color: white !important;
  background-color: #3838c6 !important;
}

.filter-card-content .input-group-addon {
  border: 0;
  background: transparent;
}

.filter-card .filter-card-content .content .icon-upcoming-events-solid {
  position: absolute;
  /*top: 4px;
   right: 0; */
  font-size: 24px; 
  cursor: pointer;
  left:15px;
  top:10px;
}
.filter-card .filter-search .form-control:focus {
  /* border-color: #3838c6; */
}
.filter-card .filter-search .search-inp {
  padding-left: 25px;
  background-color: transparent;
}
.filter-card .filter-search .icon-search {
  position: absolute;
  top: 25px;
  left: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #3838c6;
}
.filter-card .filter-card-content .see-all {
  cursor: pointer;
}
.videoWidth-home {
  width: 55%;
}
.videoWidth-tips-home {
  width: 20%;
}
.new-video .videos-listing .video-thumbnail-container {
  height: 240px;
}
.new-video .videos-listing .video-thumbnail-container .image-container {
  height: 100%;
}

.plr_0 {
  padding-left: 0;
  padding-right: 0;
}
.pr_25 {
  padding-right: 25px;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_15 {
  margin-bottom: 15px;
}

.mt_55 {
  margin-top: 55px;
}

.mt_5 {
  margin-top: 5px;
}

.user-profile .about-patron {
  padding: 15px;
}

.patrons-tab-content .posts-title {
  font-weight: 600;
  color: #5D5D5D;
}

.meetandgreet-tab .patron-packages-tab {
  /* background-color: white; */
  /* margin: 5px 0; */
  margin:30px 15px;
}

.patrons-tab-content .patron-packages-tab {
  margin: 30px 0px 0px 15px;
  cursor: default;
}

.creator-sidebar .patrons-tab-content .patron-packages-tab {
  margin: 30px 5px 0px 5px;
}

.meetandgreet-tab .request-event-btn{
  text-align: center;

}
.patrons-tab-content .patron-packages-tab .about-patron {
  /* margin: 15px; */
  padding-bottom: 15px;
  border:0;
}
.patrons-tab-content .patron-packages-tab .about-patron ul{
  list-style: none;
}
.package-subscribe-div .bullets-detail ul{
  list-style: none;
  padding:0;
}
.text-capitalize{
  text-transform:capitalize !important;
}
.patrons-tab-content .patron-packages-tab .about-patron .heart-style{
  padding: 5px;
  font-weight: 600;
}
.forumTab.broadcaster-content .broadcaster-posts .patron-head-wrapper .custom-dropdown-menu {
  top: 5px;
}
.patrons-tab-content .patron-packages-tab .about-patron ul li:before,
.package-subscribe-div .bullets-detail ul li:before{
  content: 'âœ“';
  padding-right:10px;
  color: #d544da;
  position: absolute;
  left:2px;
}
.patrons-tab-content .patron-packages-tab .about-patron ul li,
.package-subscribe-div .bullets-detail ul li{
  color:gray;
  position: relative;
  padding-left: 20px;
}
.patrons-tab-content .patron-packages-tab .patron-package-tire {
  /* margin-left: 15px; */
  /*font-weight: 600;*/
}

.patrons-tab-content .patron-packages-tab .patron-package-tire h4 {
  margin-bottom: 0;
  color: #5D5D5D;
  word-wrap:break-word;
  line-height: 26px;
  word-break: break-word;
}

.patrons-tab-content .patron-packages-tab .patron-package-tire p {
  font-size: 15px;
  color: #d544da;
  font-weight: 500;
}

.patrons-tab-content .patron-packages-tab ul {
  /* padding-left: 30px; */
  padding:0;
}

.image-placeholder {
  background-color: #eee;
  display: flex;
  height: 300px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.content-div {
  height: 250px;
  padding: 15px;
  border: 1px solid #f4f4f4;
}

.patron-feeds {
  margin-top: 5px;
  position: relative;
}

.pos-relative {
  position: relative;
  padding-bottom: 50px;
}

.live-video-section {
  margin-bottom: 15px;
}

.live-video-section i {
  color: #d544da;
}

.live-video-section .live-label {
  display: inline-block;
  padding-left: 5px;
}

.patron-default-video-div .video-holder .video-play-icon,
.broadcaster-posts .post-content .audio-holder .video-play-icon,
.broadcaster-posts .post-content .video-holder .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  background: rgba(0, 0, 0, .4);
  text-align: center;
  font-size: 20px;
  color: #fff;
  display: block;
  cursor: pointer;
}

.live-video-section .patron-default-video-div .video-holder .video-play-icon:before,
.broadcaster-posts .post-content .audio-holder .video-play-icon:before,
.broadcaster-posts .post-content .video-holder .video-play-icon:before,
  {
  display: inline-block;
  margin-right: -5px;
}
.patron-default-video-div#welcomeVidHolder{
  margin-bottom:30px;
}
.patron-default-video-div .video-holder {
  position: relative;
  width:100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.patron-default-video-div .feed-info {
  padding-bottom: 15px
}

.patron-default-video-div .feed-info h4 {
  margin: 0;
  padding: 10px 0;
}

.patron-default-video-div .feed-info p {
  padding: 0 30px;
}

.broadcaster-posts {
  margin: 0px 0px 16px 0px;
  position: relative;
  /* padding: 15px; */
}

.broadcaster-posts .post-heading {
  /* padding: 15px 15px 30px 0; */
  padding: 15px;
}

.broadcaster-posts .post-heading .broadcaster-img {
  display: inline-block;
  padding: 0;
}

.broadcaster-posts .post-bottom-info .post-detail-parent {
  cursor: pointer;
}
.broadcaster-posts .post-bottom-info .post-detail-parent.my-post-detail{
  cursor:default;
}
.broadcaster-posts .post-bottom-info .post-detail-parent .post-type-icon{
  padding-right:5px;
  position: absolute;
  top: 24px;
}
.post-content-detail .comment-list .like-view-comment i {
  font-size: 16px;
  vertical-align: middle;
  line-height: 25px;
}

.post-content-detail .previous-section,
.comment-section .previous-section {
  cursor: pointer;
  text-decoration: underline;
}

.post-content-detail .post-heading .broadcaster-img {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.post-content-detail .comment-btn {
  border: 0;
  font-size: 35px;
  background: transparent;
}
.post-content-detail .comment-btn.mt_6{
  margin-top:6px;
}
.post-content-detail .reply-comment-btn {
  border: 0;
  font-size: 28px;
  background: transparent;
}

.post-content-detail .comment-section {
  /* width: 86%; */
}

.broadcaster-posts .post-heading .broadcaster-img img,
.post-content-detail .post-heading .broadcaster-img img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  cursor: pointer;
}

.broadcaster-posts .post-heading .broadcaster-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  margin-top: 5px;
}

.post-content-detail .post-heading .broadcaster-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  margin-top: 15px;
}

.broadcaster-posts .post-heading .broadcaster-info h4,
.post-content-detail .post-heading .broadcaster-info h4 {
  margin: 0;
  color: #5D5D5D;
  display: inline;
  cursor: pointer;
  word-wrap: break-word;
  word-break: break-word;
}

.broadcaster-posts .post-heading .broadcaster-info p {
  margin: 0;
}

.broadcaster-posts .post-heading .broadcaster-info .tier-details,
.post-content-detail .post-heading .broadcaster-info .tier-details {
  font-size: 13px;
  color: grey;
  font-family: 'Roboto Mono', monospace;
}
.broadcaster-posts .post-heading .broadcaster-info .tier-details .tierSection .post-type-icon{
  padding-right:5px;
  vertical-align: middle;
}
.broadcaster-posts .post-heading .broadcaster-info .tier-details .tierSection .post-type-icon.icon-unblock{
  font-size: 15px;
  font-weight: 600;
}
.broadcaster-posts .post-bottom-info {
  border: 1px solid #eeeeee;
  padding: 15px;
  position: relative;
  min-height: 126px;
}
.broadcaster-posts .post-bottom-info.auto-height {
  min-height: auto;
}
.broadcaster-posts .post-bottom-info .activities {
  margin-right: 20px;
  cursor: pointer;
}

/* .broadcaster-posts .post-bottom-info span:nth-child(even) {
  padding-right: 20px;
} */

.broadcaster-posts .post-bottom-info .bold {
  font-weight: 600;
}

.broadcaster-posts .post-bottom-info h4 {
  color: #5D5D5D;
}

.broadcaster-posts .content-div h4 {
  color: #5D5D5D;
}

.broadcaster-posts .post-bottom-info .right-side-content {
  position: absolute;
  top: -25px;
  right: 35px;
  text-align: right;
}

.broadcaster-posts .post-bottom-info .right-side-content .float-round-btn {
  background: transparent;
  right: 0px;
  white-space: no-wrap;
  text-align: center;
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #e3e3e3;
}

.broadcaster-posts .post-bottom-info .right-side-content .float-round-btn span {
  padding: 0;
  line-height: 45px;
  color: #d544da;
}

.userprofile .detailsec {
  /*padding: 15px;*/
  /*margin-top: 45px;
  text-align: center;*/
}

.userprofile .favorite[data-follow="1"] {
  color: #f44336;
}

.userprofile .favorite[data-follow="0"] {
  color: white;
}

@media(max-width:768px) {
  .userprofile .useravatar {
    float: none;
    width: 100px;
    height: 100px;
  }
  .userprofile .avatarsec {
    right: 10px;
    left: 10px;
  }
  .userprofile .user-detail-sec {
    float: none;
    padding: 0 10px;
    width: 100%;
    text-align: center;
  }
  .userprofile .user-detail-sec .user-url {
    text-decoration: none;
    color: blue;
    font-size: 17px;
  }
  .userprofile .userdescription {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .userprofile .username {
    font-size: 20px;
  }
  .userprofile .useravatar .verify {
    top: -7px;
    right: 2px;
    z-index: 1;
  }
}

.blogssection {
  margin-top: 5px;
  padding: 0;
}

.blog-video {
  /*padding: 13px 0;*/
}

.blog-video .left-sec {
  width: 300px;
  height: 200px;
  float: left;
}

.blog-video .left-sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-video .right-sec {
  width: calc(100% - 300px);
  float: left;
  padding: 15px;
}

.blog-video .right-sec .col2 {
  padding-right: 0;
}

.blog-video .video-title {
  font-size: 20px;
}

.blog-video .play-btn {
  background: transparent;
  border: 1px solid #d544da;
}

.blogssection .videoplayer {
  height: 150px;
  background-color: grey;
}

.blogssection .blog-play-btn {
  position: absolute;
  top: 50%;
  color: white;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 0;
  line-height: 60px;
  padding-top: 3px;
  padding-left: 5px;
}

.broadcaster-video { 
  position: relative;
  /* width: 90%;
  margin: 85px auto 0 auto;   */
  /* height:100vh; */
  height: calc( 100vh - 48px);
  padding-top: 56px;
  min-height: 800px;

  /* margin-top:55px; */
  /*background: linear-gradient(to bottom, rgba(74, 62, 200,1), rgba(74,62,200,0.8));*/
}
.broadcaster-video .placeholderVideobg {
  padding-top: 0px;      
  padding-right: 15px;     
  /* padding-left: 130px;            
  padding-right: 75px;       */
}
.broadcaster-video .placeholderVideobg .canvasparent {
  width: 100%;
  height: 400px;
}
.broadcaster-video .placeholderVideobg .canvasparent.broadcaster-video-height {  
 
  /* height: 55vh; */
  min-height: 535px;
  height: calc(100vh - 250px);
  margin: 0 auto;
  width: 90%;
  /* margin-left: 85px; */
}
.broadcaster-video .placeholderVideobg .canvasparent.broadcaster-video-height .jwplayer .jw-media .jw-video{
  object-fit: contain;
}
.broadcaster-video .userdatatabs.broadcasterprofile {
  padding-top: 30px;
}
.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .avatar.profile-pic {
  width: 35px;
  height: 35px;
  margin: 0px 10px;
}
.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .feedmessage.auto-width {
  width: auto;
  padding: 0;
  color: #b5b5b5;
  word-wrap:break-word;
}
.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .live-indicator {
  display: inline-block;
  float: left;
  padding: 0px 15px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  background-color: red;
  margin-left: 30px;
  margin-right: 30px;
}
.broadcaster-video .stats-container .live-indicator{
  display: inline-block;
  float: left;
  padding: 5px 20px;
  border-radius: 20px;
  font-weight: 600;
  color: #525252;
  /* margin-left: 30px; */
  margin-right: 30px;
  background-color: red;
  color: white;
  font-family: 'Roboto Mono', monospace;
  
}
.broadcaster-video .stats-container .social-activity{
margin:7px 15px 7px 0;

}

.broadcaster-video .stats-container .social-activity.align-icons {
  vertical-align: middle;
}

.broadcaster-video .stats-container .social-activity.align-icons i.icon-view {
  font-size: 20px;
  vertical-align: top;
}

.broadcaster-video .stats-container .social-activity.align-icons .count {
  vertical-align: top;
}

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .live-indicator p{
  margin:0;
  font-family: 'Roboto Mono', monospace;
}
.broadcaster-video .stats-container .live-indicator p{
  margin:0;
  font-size:16px;
}
.broadcaster-video .userdatatabs.userdatatabs-height {  
  /* padding-top: 55px; */
  /* height: 100vh; */
  /* max-height: 575px;
  height: 575px; */
  /* height: auto; */  
  height: 100%;
  padding-top:0;

}
.broadcaster-video .userdatatabs.userdatatabs-height .tab-content{
  /* max-height: 575px;
  height: 523px; */
  /* height:auto; */
  /* height: 86.6vh; */
  height: 100%;
  padding: 0;
  /* background-color: black; */
  background-color: #2f2f2f;
  border: 1px solid black;  
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), #333333);
}
.broadcaster-video .userdatatabs.userdatatabs-height .tab-content .tab-pane{
  height: 100%;
}

.broadcaster-video .placeholderVideobg .btn-container{
  position: absolute;
  bottom: 15px;
}
.broadcaster-video .placeholderVideobg .btn-container .round-btn{
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  padding: 0;
  border: 1px solid #e3e3e3;
}
.broadcaster-video .placeholderVideobg .btn-container .round-btn i{
  font-weight: 600;
  color: #4a3ec8;
  line-height: 2;
  vertical-align: middle;
  font-size: 22px;
}
.broadcaster-video .placeholderVideobg .btn-container .round-btn i.icon-like2{
  font-weight:400;
}

.userdatatabs .activityfeedcontainer .activityfeed.custom-scrollbar{
  /* height:auto; */
  /* height: 442px; */
  overflow: auto;
  /* padding: 0 0 15px 0; */
  /* height: 76vh; */
  /* height: calc(100vh - 175px); */
  height: 100%;

  padding: 0 30px;
}
.broadcaster-posts.recent-post-list .post-content[data-posttype="archive"] .image-placeholder .video-play-icon{
  display:block;
}
.broadcaster-posts.recent-post-list .post-content[data-posttype="moment"] .image-placeholder .video-play-icon{
  display:block;
}
.recent-post-list  .post-bottom-info[data-posttype="video"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\e9d7";
}
.recent-post-list  .post-bottom-info[data-posttype="audio"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\e9ae";
  font-weight: 600;
}
.recent-post-list  .post-bottom-info[data-posttype="photo"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\e9d3";
}
.recent-post-list  .post-bottom-info[data-posttype="blog"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\e9dc";
}
.recent-post-list  .post-bottom-info[data-posttype="text"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\ea2f";
  font-size: 20px;
}
.recent-post-list  .post-bottom-info[data-posttype="archive"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\e9df";
  font-size: 18px;
}
.recent-post-list  .post-bottom-info[data-posttype="moment"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\e9de";
  font-size: 18px;
}
.recent-post-list  .post-bottom-info[data-posttype="podcast"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\ea2b";
  font-size: 18px;
}
.recent-post-list  .post-bottom-info[data-posttype="link"] .post-detail-parent .truncate .post-type-icon:before{
  content: "\ea02";
  font-size: 18px;
}
/* .recent-post-list [data-posttype="archive"] .post-bottom-info:before{
  content: "\e9c3";
} */
.create-ticket .ticket-image[data-eventimageselected="1"]:before{
  content: "\e958";
  font-family: 'icomoon' !important;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid white;
  color: white;
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  z-index: 1;
}
.setting-margin .width-col-10 {
  width: 87%;
}
.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem.live-profile{
  /* padding: 30px 0;
  margin: 0; */
  padding: 30px;
  margin: 0; 
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), #333333);
}
.userdatatabs .activityfeedcontainer .activityfeed .up-next-text{
  margin: 30px 10px;
}
.userdatatabs .activityfeedcontainer .activityfeed .up-next-text h5{
  font-size: 13px;
  font-family: 'Roboto Mono', monospace;
  color: #b5b5b5;
}
.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem{
  margin: 15px 0;
}
.userdatatabs .activityfeedcontainer.bidtab .activityfeed.custom-scrollbar{
  /* height:auto; */
  /* height: 525px; */
  overflow: auto;
  padding: 0 30px 15px 30px;
  margin-left:0;
  /* height:84vh; */
  /* height: calc(100vh - 300px); */
  height: calc(100vh - 320px);

}
.broadcaster-video .stats-container i{
  font-size: 21px;
  font-weight: 600;
  margin-right: 5px;
  vertical-align: sub;
}
.broadcaster-video .stats-container i.icon-view{
  font-size: 16px;
  vertical-align: top;
}
.broadcaster-video .stats-container i.icon-like2{
  font-weight:400;
}
.broadcaster-video .stats-container .count{
  font-size: 14px;
  font-weight: 600;
}
.broadcaster-video .live {
  position: static;
  /* display: inline-block; */
  transform: translateX(0);
  margin-right: 10px;
  width: 40px;
  /* height: 24px; */
  line-height: 24px;
  float: left;
  padding: 0;
  text-align: center;
}
.upcoming-events-container .live[data-isLive="0"], 
.upcoming-events-container .live[data-live="0"], 
.upcoming-events-container .live-new[data-isLive="0"] {
  display: none;
}
.upcoming-events-container .live[data-isLive="1"], 
.upcoming-events-container .live[data-live="1"], 
.upcoming-events-container .live-new[data-isLive="1"],
.meet-and-greet-holder .live[data-islive="1"] {
  display: inline-block;
}

.recent-post-list .live[data-isLive="1"]{
 display: inline-block;
}

.recent-post-list .live,
.upcoming-events-container .live{
    position: static !important;
    transform: translate(0) !important;
  -webkit-transform: translate(0) !important;
  margin-right: 10px;
  vertical-align: middle;
}


.meet-and-greet-holder .live,
.creator-carousel .creator-slider .upcoming-event .live {
  position: absolute;
  top: 15px;
  bottom: auto;
  left: 40px;
  padding: 0 15px;
  font-size: 13px;
  border-radius: 6px;
}
.broadcaster-video .paid {
  display: none;
  margin-right: 10px;
  width: 62px;
  line-height: 24px;
  float: left;
  padding: 0;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
}

.broadcaster-video .stats-container {
  display: inline-block;
  padding: 0px 15px;
  line-height: 24px;
  border-radius: 2px;
}

.private-live-container {
  vertical-align: top;
  float: left;
}

@media (max-width:425px) {
  .broadcaster-video .stats-container {
    display: block;
    padding-left: 0;
    margin-top: 5px;
  }
  .video-stats-button i:first-child {
    margin-left: 0px !important;
  }
  .private-live-container {
    vertical-align: top;
    float: none;
  }
}

@media (max-width:768px) {
  .blog-video .left-sec {
    width: 100%;
    float: none;
  }
  .blog-video .right-sec {
    width: 100%;
    float: none;
  }
}

.userdatatabs {
  height: 400px;
  padding: 0;
}

.broadcasterprofile ul.nav-tabs&gt;li&gt;a,
.broadcasterprofile ul.nav-tabs&gt;li&gt;a:hover,
.broadcasterprofile ul.nav-tabs&gt;li&gt;a:focus,
.broadcasterprofile .nav-tabs&gt;.active&gt;a,
.broadcasterprofile .nav-tabs&gt;.active&gt;a:hover,
.broadcasterprofile .nav-tabs&gt;.active&gt;a:focus {
  /*border-top: 2px solid transparent !important;*/
}

.broadcasterprofile ul.nav-tabs&gt;li&gt;a {
  color: #555;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
}
.broadcasterprofile ul.nav-tabs&gt;li&gt;a{
    background-color: black;
}
.broadcasterprofile .color-black ul.nav-tabs&gt;li.active&gt;a {
  border: 0;
  border-radius: 0;
  border-top: 2px solid #d544da !important;
  color: #d544da;
}

.broadcasterprofile ul.nav-tabs&gt;li&gt;a {
  border: 0;
  border-radius: 0;
  border-top: 2px solid transparent !important;
}

.broadcasterprofile i {
  margin-right: 5px;
}

.userdatatabs .nav-tabs {}

.userdatatabs .nav-tabs li {
  width: 50%;
}

.userdatatabs .nav-tabs li a {
  padding: 12px;
  display: block;
  text-align: center;
  margin: 0;
  outline: 0;
}

.userdatatabs .tab-content {
  padding: 0 0 8px 0;
  height: 355px;
  background: #fff;
  border: 1px solid #efefef;
  border-top: 0;
}

.userdatatabs .activityfeedcontainer {
  /* padding: 10px 10px 0 10px; */
  height: calc(100% - 67px);

}

.userdatatabs .activityfeedcontainer .activityfeed {
  /* height: 275px; */
  overflow: auto;
  padding: 0 0 15px 0;
}

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem {}

/*.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem+.activityfeeditem {
  margin-top: 8px;
}*/

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .avatar {
width: 50px;
  height: 50px;
  /* float: left; */
  border-radius: 50%;
  margin-right: 12px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .hovercontentdisplay:hover&gt;.miniprofile-popup {
  visibility: visible;
}

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .feedmessage {
    width: calc(100% - 65px);
    /* float: left; */
    padding: 0px 0px 0 8px;
    /* background: #ececec; */
    border-radius: 6px;
    /* margin-top: -6px; */
    color: #7a7a7a;
    font-weight: 600;
    word-wrap: break-word;
    overflow: hidden;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
}

.userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .feedmessage.gold {
  color: #F1C40F;
}

.userdatatabs .activityfeedcontainer .activityfeedinput {
  padding: 10px;
}

.userdatatabs .activityfeedcontainer .activityfeedinput .textarea {
  width: calc(100% - 50px);
  float: left;
  position: relative;
  /* margin-right: 15px; */
}

.userdatatabs .activityfeedcontainer .activityfeedinput .textarea:before {
  /* content: ''; */
  position: absolute;
  top: 50%;
  right: -6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: #f5f5f5;
  width: 14px;
  height: 14px;
  z-index: 1;
  border-color: #d8d8d8;
  border-width: 1px 1px 0px 0px;
  border-style: solid;
}

.userdatatabs .activityfeedcontainer .activityfeedinput .textarea input {
  resize: none;
  width: 100%;
  height: 50px;
  border-radius: 0;
  background: #f5f5f5;
  border: 1px solid #d8d8d8;
  padding: 5px;
  vertical-align: middle;
}

.userdatatabs .activityfeedcontainer .activityfeedinput .sendfeed {
  width: 50px;
  height: 50px;
  /* border-radius: 50%; */
  background: #f44336;
  /* background: #8BC34A; */
  border: 0;
  color: #fff;
  font-size: 19px;
  float: left;
}
.userdatatabs .activityfeedcontainer .activityfeedinput .sendfeed .send-btn{
  font-size: 14px;
}
.userdatatabs .activityfeedcontainer .activityfeedinput .sendfeed span[class*="icon-"] {
  vertical-align: middle;
  margin-right: -5px;
  line-height: 0;
}

/* global styles */

.live {
  background-image: -webkit-linear-gradient(50deg, #e15637 0%, #d8003f 100%);
  background-image: linear-gradient(50deg, #e15637 0%, #d8003f 100%);
  background-image: -moz-linear-gradient(50deg, #e15637 0%, #d8003f 100%);
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  padding: 3px 8px;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  border-radius: 2px;
  text-shadow: none;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  animation: blink 1s linear infinite;
  -webkit-animation: blink 1s linear infinite;
      border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.36);
    height: 26px;
}

.private-call {
  display: none;
  background-image: -webkit-linear-gradient( 50deg, rgb(23, 80, 198) 0%, rgb(29, 98, 240) 100%);
  background-image: linear-gradient( 50deg, rgb(23, 80, 198) 0%, rgb(29, 98, 240) 100%);
  background-image: -moz-linear-gradient( 50deg, rgb(23, 80, 198) 0%, rgb(29, 98, 240) 100%);
  color: #fff;
  line-height: 24px;
  height: 24px;
  float: left;
  text-transform: uppercase;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 2px;
  text-shadow: none;
  pointer-events: all;
}

.paid {
  background-image: -webkit-linear-gradient(50deg, #ff9500 0%, #ff5e3a 100%);
  background-image: linear-gradient(50deg, #ff9500 0%, #ff5e3a 100%);
  background-image: -moz-linear-gradient(50deg, #ff9500 0%, #ff5e3a 100%);
  color: #fff;
  margin-right: 4px;
  text-transform: uppercase;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 2px;
}

@keyframes blink {
  0% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}

.verified {
  position: absolute;
  background-image: -webkit-linear-gradient( 50deg, rgb(255, 219, 76) 0%, rgb(255, 205, 2) 100%);
  background-image: -moz-linear-gradient( 50deg, rgb(255, 219, 76) 0%, rgb(255, 205, 2) 100%);
  background-image: linear-gradient( 50deg, rgb(255, 219, 76) 0%, rgb(255, 205, 2) 100%);
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
  text-shadow: none;
}

.verified:before {
  content: "\e958";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: #fff;
}

.videos-listing:hover,
.featured-event:hover,
.broadcaster:hover,
.featured-user:hover,
.featured-user3:hover,
.card-product-tile:hover {
  transform: translateY(-5px);
}

.videos-listing:hover {
  transform: none !important;
}

.videos-listing,
.featured-event,
.broadcaster,
.featured-user,
.featured-user3,
.card-product-tile {
  margin-bottom: 30px;
  transform: translateY(0px);
  transition: .5s;
}

/**************************GO LIVE PAGE*****************************/

.social-btn {
  width: 50px;
  height: 50px;
  font-size: 22px;
  color: #fff;
}

.social-btn+.social-btn {
  margin-left: 10px;
}

.go-live-page .custom-checkbox label img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
  vertical-align: bottom;
}

.go-live-page .custom-checkbox label {
  font-size: 16px !important;
}

.go-live-page .go-live-no-bidders {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.go-live-page .custom-checkbox .checkbox-container {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  /*  margin-right: 25px;*/
}

.icon-copy-link.goLive-icon {
  display: inline-block;
  border-radius: 4px;
  padding: 5px;
  color: #fff;
  background: #274fcc;
}

.go-live-page .disable-controls {
  opacity: 0.5;
  pointer-events: none;
}

.go-live-page .video-stats-button .private-call {
  margin-right: 10px;
}

.go-live-page .video-stats-button span {
  margin-right: 5px;
}

.go-live-page .callTimer-parent {
  position: absolute;
  top: 50%;
  z-index: 12;
  left: 50%;
  transform: translate(-50%, -50%);
}

.go-live-page .extendCall {
  animation: zoomIn 1s infinite;
  -webkit-animation: zoomIn 1s infinite;
  color: #24b29d;
  font-size: 30px;
  text-align: center;
}

.go-live-page .callTimer {
  animation: zoomIn 1s infinite;
  -webkit-animation: zoomIn 1s infinite;
  color: red;
  font-size: 55px;
  text-align: center;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}

.go-live-page .time-label {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  color: white;
}

.go-live-page .time-label .icon-bull {
  color: red;
  margin-right: 5px;
}

.go-live-page .liveUserPopup {
  width: 170px;
  height: 40px;
  /* border: 1px solid black; */
  position: relative;
  border-radius: 60px 20px 20px 60px;
  overflow: hidden;
  margin-top: 6px;
}

/*.go-live-page .liveUserPopup .userImage{
  width: 60px;
  height: 60px;
  float: left;
}
.go-live-page .liveUserPopup .userImage img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}*/

.go-live-page .liveUserPopup .userDesc {
  padding-left: 52px;
  padding-top: 5px;
  padding-right: 11px;
  color: white;
}

.go-live-page .upcomingCallerPopup {
  /* width: 160px;
  height: 40px;
  border: 1px solid black;
  position: relative;
  border-radius: 60px 20px 20px 60px; */
  /* overflow: hidden; */
  width: 171px;
  height: 40px;
  /* border: 1px solid black; */
  position: relative;
  /* border-radius: 60px 20px 20px 60px; */
  /* overflow: hidden; */
}

.go-live-page .upcomingCallerPopup .userImage {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  border: 4px solid rgba(0, 0, 0, 0.50);
  top: 0;
  left: 0;
  overflow: hidden;
}

.go-live-page .upcomingCallerPopup .userImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.go-live-page .upcomingCallerPopup .userDesc {
  /* padding-left: 52px; */
  /* padding-right: 11px; */
  color: white;
  position: absolute;
  /* top: 2px; */
  left: 34px;
  right: 0;
  /* border: 1px springgreen solid; */
  overflow: hidden;
  padding: 11px 12px;
  /* white-space: normal; */
  /* text-overflow: ellipsis; */
  border-radius: 0 0px 0px 0;
}

.go-live-page .upcomingCallerPopup .userDesc:after {
  content: '';
  position: absolute;
  top: -5px;
  /* bottom: -7px; */
  /* right: -7px; */
  left: -40px;
  border-radius: inherit;
  /* border: 1px solid red; */
  box-shadow: 0px 0px 0px 240px rgba(0, 0, 0, 0.35);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: -1;
}

.go-live-page .liveUserPopup .userDesc h3,
.go-live-page .upcomingCallerPopup .userDesc h3 {
  margin: 0;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 2px;
  padding-left: 5px;
}

/*.go-live-page .liveUserPopup .userDesc .inline{
    color: #7f7f7f;
}*/

.go-live-page .liveUserPopup .userImage {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  border: 4px solid rgba(0, 0, 0, 0.50);
  top: 0;
  left: 0;
}

/*.go-live-page .liveUserPopup .userImage img{
      object-fit: cover;
    width: 100%;
    height: 100%;
}*/

.go-live-page .liveUserPopup .userImage:after {
  content: '';
  position: absolute;
  top: -7px;
  bottom: -7px;
  right: -7px;
  left: -7px;
  border-radius: inherit;
  /* border: 1px solid red; */
  box-shadow: 0px 0px 0px 240px rgba(0, 0, 0, 0.35);
}

.go-live-page .liveUserPopup .userImage img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.go-live-page .go-live-setting-section {
  margin: 40px 0 80px;
}

.go-live-page .go-live-setting-section .setting-section .hashtag-buttons .hash-label {
  padding: 0 10px;
  margin: 0;
  height: 28px;
  line-height: 30px;
  vertical-align: middle;
}

.go-live-page .brodcasterstatsimage {
  padding-top: 136px;
  text-align: center;
}

.go-live-page .brodcasterstatsimage img {
  height: 280px;
}

.go-live-page .broadcast-partners {
  /*margin-top: 15px;*/
}

.go-live-page .hastag-button {
  background-color: rgb(225, 51, 98);
  color: #ffffff;
  letter-spacing: 1px;
  padding: 10px 18px;
  border-radius: 58px;
  border: 1px solid #d544da;
}

.go-live-page .setting-group {
  /* height: 500px;*/
  margin-bottom: 20px;
}

.go-live-page .golive-image {
  padding-top: 130px;
}

.go-live-page .golive-image img {
  height: 540px;
}

.go-live-page .go-live-stats {
  padding-top: 90px;
}

.go-live-page .setting-form-inputs {
  resize: none;
  border-radius: 0
}

.go-live-page .setting-section {
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  padding: 30px 30px 30px 30px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.go-live-page .go-live-setting-section .icon-live.vert-align { 
  vertical-align: middle;
  line-height: 27px;
}



.winning-list-item .winner-holder {
  float: left;
  margin: 0px 10px;
  vertical-align: middle;
  line-height: 16px;
  width: calc(100% - 70px);
}

.go-live-page .deck-list .winning-list-item .username.winner-name.caller-list-live {
  width: calc(100% - 65px);
  line-height: 45px;
  padding-left: 10px;
  float: none;
  margin: 0;
}

.go-live-page .deck-list .winning-list-item .username.winner-name {
  float: initial;
  margin: 0 0 6px 0;
  vertical-align: middle;
  line-height: 20px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
}

.winning-list-item .caller-type-holder {
  padding: 0 10px;
  vertical-align: middle;
  display: none;
  font-size: 14px;
  line-height: 26px;
  border-radius: 20px;
}

/*lucky winners users*/
.winning-list-item[data-callertagtype="1"] .lucky-winner {
  color: #FD7474;
  border: 1px solid #FD7474;
  display: inline-block;
}

/*Tier Pass users*/
.winning-list-item[data-callertagtype="2"] .subscriber {
  color: #A70DBA;
  border: 1px solid #A70DBA;
  display: inline-block;
}

/*Tier Pass users*/
.winning-list-item[data-callertagtype="3"] .free-pass {
  color: #5890FF;
  border: 1px solid #5890FF;
  display: inline-block;
}

/*Ticket users*/
.winning-list-item[data-callertagtype="4"] .ticket-holder {
  color: #d544da;
  border: 1px solid #d544da;
  display: inline-block;
}

.take-call-greencol {
  background-color: #16A085;
}

.extend-call-color {
  background-color: #27AE60;
}

.hang-up-color {
  background-color: #F39C12;
}

.block-user-color {
  background-color: #E74C3C;
}


/*Go live css by */
.go-live-page .night-mode {
  position: absolute;
  right: 16px;
  top: 9px;
 }
.black-theme {
  background: #000;
  -webkit-transition: width 1.0s ease, margin 1.0s ease;
  -moz-transition: width 1.0s ease, margin 1.0s ease;
  -o-transition: width 1.0s ease, margin 1.0s ease;
  transition: width 1.0s ease, margin 1.0s ease;
}

/*#disablegoliveheaderfooter .search-field input[type="text"] {
  border-bottom: 1px solid #fbfbfb;
}*/

.black-theme .navbar-default {
  background-color: #000000;
  border-color: #000;
}

.black-theme .navbar-default .topform .searchparent .searchform {
  background: rgba(255, 255, 255, 0);
}

.black-theme .navbar-default input[type="text"] {
  border-bottom: 1px solid #e2e2e21f;
}

.black-theme .navbar-default input[type="text"]:focus {
  border-bottom: 1px solid #d544da;
}

.black-theme .modal-content {
  background-color: #333;
  color: #a2a2a2;
}
.black-theme .menu-left {
  background: #1e1e1e;
}
.black-theme .modal-content .modal-header .modal-title {
  color: #cbcbcb;
}

.black-theme .modal-content .modal-header .close {
  color: #f7f7f7;
}

.black-theme .hash-item-popup .hash-item {
  color: #b5b5b5;
}

.black-theme .hash-item-popup .hash-item+.hash-item {
  border-top: 1px solid #484848;
}

.black-theme .modal-content input[type="text"] {
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid #e2e2e21f;
}

.black-theme .modal-content input[type="text"]:focus {
  border-bottom: 1px solid #d544da;
}

.black-theme .navbar-default .go-live-button,
.black-theme .navbar-default .go-live-button:hover {
  background-color: #ffffff21;
  border: 2px solid #777777;
  color: #777777;
}

.black-theme .navbar-default .header-cart-btn i {
  color: #777777;
}

.black-theme .go-live-page .setting-section,
.black-theme .go-live-page .golivevideotabstyle {
  /*background-color: rgba(255, 255, 255, 0.08);*/
  background-color: rgb(13, 13, 13);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid #232323;
}

.black-theme .go-live-page a:hover {
  text-decoration: none;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .setting-group .more-info .more-info-title {
  background-color: rgba(49, 46, 46, 0.42);
  color: #888888;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .setting-group .more-info .more-info-title span {
  border: 0.5px solid #2d2c2c;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .setting-group .more-info a {
  color: #989494;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .more-info .golive-more-info:hover,
.go-live-page .go-live-setting-section .setting-section .setting-group .more-info .golive-more-info:focus,
.go-live-page .go-live-setting-section .setting-section .setting-group .more-info .golive-more-info:active {
  text-decoration: none !important;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .message-box {
  z-index: 1;
  position: absolute;
  top: 45%;
  left: 25%;
  text-align: center;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .setting-group .message-box .camera-main-message {
  color: #cbcbcb;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .setting-group .message-box .camera-sub-message {
  color: #777;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .go-live-title {
  border-bottom: 1px solid #4f4f4f;
  padding-bottom: 15px;
  color: #cbcbcb;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .go-live-title span {
  color: #d544da;
}

.black-theme .go-live-page .go-live-share a:hover,
.black-theme .go-live-page .go-live-share a:focus {
  text-decoration: none;
}

.black-theme .go-live-page .go-live-share a[data-original-title] {}

.black-theme .go-live-page .go-live-setting-section .setting-section .setting-group .info-box {
  border: 1px solid #232323;
  margin: 0px;
  padding: 15px;
  color: #888888;
}

.go-live-setting-section .setting-section select.form-control {
  border-bottom: 1px solid #e2e2e21f;
  background: rgba(255, 255, 255, 0);
  color: #888;
}

.black-theme .go-live-setting-section .setting-section select.form-control:focus {
  border-bottom: 1px solid #d544da;
}

.go-live-page .custom-checkbox input[type=checkbox]+label::after {}

.black-theme .custom-checkbox input[type=checkbox]+label::before {
  border: 1px solid #e2e2e21f;
  background: rgba(255, 255, 255, 0);
  left: 0;
}

.black-theme .custom-checkbox input[type=checkbox]+label::after {
  left: 0;
}

.black-theme .custom-checkbox input[type=checkbox]+label {
  padding-left: 35px;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .hashtag-buttons .hash-label {
  padding: 0px 8px;
  color: #cbcbcb;
  background: #636161;
}

.black-theme .go-live-setting-section .setting-section .tgl-ios+.tgl-btn,
.black-theme .golivevideotabstyle .go-live-text-tab .onoffswitch .tgl-ios+.tgl-btn,
.black-theme .golivevideotabstyle .go-live-text-tab .night-mode .tgl-ios+.tgl-btn {
  border: 0;
}

.black-theme .go-live-setting-section .setting-section .tgl-ios+.tgl-btn,
.black-theme .golivevideotabstyle .go-live-text-tab .onoffswitch .tgl-ios+.tgl-btn,
.black-theme .golivevideotabstyle .go-live-text-tab .night-mode .tgl-ios+.tgl-btn {
  background: #252525;
}

.black-theme .go-live-setting-section .setting-section .tgl-ios:checked+.tgl-btn,
.black-theme .golivevideotabstyle .go-live-text-tab .onoffswitch .tgl-ios:checked+.tgl-btn,
.black-theme .golivevideotabstyle .go-live-text-tab .night-mode .tgl-ios:checked+.tgl-btn {
  background-color: #626060;
}

.black-theme .go-live-setting-section .setting-section .tgl-ios:checked+.tgl-btn:after,
.black-theme .golivevideotabstyle .go-live-text-tab .onoffswitch .tgl-ios:checked+.tgl-btn:after,
.black-theme .golivevideotabstyle .go-live-text-tab .night-mode .tgl-ios:checked+.tgl-btn:after {
  background: #cbcbcb;
}

.black-theme .go-live-page .source-selection-audio .test-audio-btn[data-active="0"] span:after {
  height: 22px;
  background: #b1afaf;
  left: 10px;
  top: 3px;
}

.black-theme .go-live-page .go-live-setting-section .go-live-share .share-popup-btn,
.black-theme .go-live-page .go-live-setting-section .stream-popup-btn,
.black-theme .go-live-setting-section .setting-section select.form-control,
.black-theme .golive-video-feed .go-live-text-tab .post-day-access input.plus-input-box {
  border: 1px solid #3e3e3e;
  color: #a7a7a7;
}

.black-theme .go-live-page .go-live-setting-section .go-live-share .share-popup-btn:before {
  content: "\e9cf";
  font-family: 'icomoon' !important;
}

.black-theme .go-live-page .go-live-setting-section .stream-popover .stream-popup-btn:before {
  content: "\e97c";
  font-family: 'icomoon' !important;
}

.black-theme .go-live-page .go-live-setting-section .go-live-share .share-popup-btn label,
.black-theme .go-live-page .go-live-setting-section .stream-popover .stream-popup-btn label {
  margin-bottom: 0;
  line-height: 22px;
}

.black-theme .popover.top {
  background: #333;
  color: #a2a2a2;
}

.black-theme .popover.right {
  background: #333;
  color: #a2a2a2;
}
.popover.top .popover-content .custom-checkbox input[type=checkbox]+label::after {
  left: 1px;
}
.popover.right .popover-content .content-info .image-holder .image-container {
  height: 130px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  position: relative;
  cursor: pointer;
}

.popover.right .popover-content .content-info .title {
  color: #efefef;
  font-size: 18px;
  font-weight: 400;
  height: auto;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  word-wrap: break-word;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.popover.right .popover-content .content-info .content .event-date label {
  color: #a2a2a2;
}

.popover.right .popover-content .content-info .content .desc {
  max-height: 60px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  word-wrap: break-word;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-top: -15px;
  -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
}

.popover.right .popover-content {
  padding: 0;
}

.black-theme .popover.right&gt;.arrow {
  top: 10% !important;
}

.popover.right&gt;.arrow {
  top: 6% !important;
  border-right-color: rgba(157, 154, 154, 0.45);
}

.black-theme .popover.right&gt;.arrow:after {
  border-right-color: #333;
}

.black-theme .popover.top&gt;.arrow:after {
  border-top-color: #333;
}

.content-Stream {
  width: 400px;
}

.black-theme .popover-content p {
  border-bottom: 1px solid #a2a2a2;
  color: #a2a2a2;
}

.popover-content p {
  border-bottom: 1px solid #efefef;
  padding-bottom: 0px;
  color: #5D5D5D;
  margin-top: -15px;
  margin-bottom: 27px;
  font-size: 16px;
  margin-right: 45px;
}
.popover.top .social-btn{
  padding:0;
  width: auto;
  height: auto;
  color: #5D5D5D;
  font-size: 16px;
  background: transparent;
}


.popover.top .social-btn i {
    width: 35px;
    height: 35px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 35px;
    padding: 0;
    display: inline-block;
    border: 0;
    margin-right: 10px;
}
.golive-video-feed .go-live-text-tab {

}
.black-theme .go-live-page .go-live-setting-section .social-btn span {
  vertical-align: middle;
  line-height: 30px;
}

.black-theme .go-live-setting-section .setting-section .tgl-ios+.tgl-btn:after,
.black-theme .golivevideotabstyle .go-live-text-tab .onoffswitch .tgl-ios+.tgl-btn:after,
.black-theme .golivevideotabstyle .go-live-text-tab .night-mode .tgl-ios+.tgl-btn:after {
  background: #6b6b6b;
}

.black-theme .go-live-setting-section .setting-section .btn-primary-edited,
.black-theme .golivevideotabstyle .btn-primary-edited,
.go-live-page .go-live-setting-section .btn-primary-edited {
  box-shadow: none;
}

.black-theme .go-live-page .golivevideotabstyle .golive-video-feed .facebook-reactions {
  border: 1px solid #232323;
  /*background-color: #131313;*/
  background-color: #0d0d0d;
}

.go-live-page .golivevideotabstyle .golive-video-feed .facebook-reactions {
  border: 1px solid #efefef;
  background-color: #fff;
  margin-right: 15px;
  margin-left: 0;
  padding: 6px 0px;
}

/*.black-theme .go-live-page .golive-video-feed {
  padding: 30px;
  margin-bottom: 0px;
}*/

.black-theme .go-live-page .userdatatabs .tab-content {
  /*background: #131313;*/
  background: #0d0d0d;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid #232323;
  border-top: 0;
}

.black-theme .go-live-page .nav-tabs {
  border-bottom: 1px solid #232323;
}

.black-theme .go-live-page .golive-video-feed ul.nav-tabs&gt;li.active&gt;a {
  border-top: 2px solid #cbcbcb !important;
  color: #505050;
  font-size: 22px;
}

.black-theme .go-live-page .nav-tabs&gt;li.active&gt;a,
.black-theme .go-live-page .nav-tabs&gt;li.active&gt;a:hover,
.black-theme .go-live-page .nav-tabs&gt;li.active&gt;a:focus {
  /*background-color: #131313;*/
  background-color: #0d0d0d;
  border-top: 1px solid #232323;
  border-left: 1px solid #232323;
  border-right: 1px solid #232323;
  border-bottom: 1px solid transparent;
  margin: 0;
}

.black-theme .go-live-page .nav-tabs&gt;li.active&gt;a:hover,
.black-theme .go-live-page .nav-tabs&gt;li.active&gt;a:focus {
  font-size: inherit;
  line-height: inherit;
}

.black-theme .go-live-page .go-live-text-tab {
  color: #888888;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .go-live-title {
  border-bottom: 1px solid #4f4f4f;
  padding-bottom: 15px;
  margin-right: 15px;
}
.black-theme .go-live-page .nav&gt;li&gt;a:hover, 
.black-theme .go-live-page .nav&gt;li&gt;a:focus {
  background-color: #fff;
}
.black-theme .go-live-page .nav-tabs&gt;li&gt;a:hover {
  background-color: #fff;
  padding-bottom: 4px;
}
.userdatatabs .nav-tabs li a {
  padding: 12px 12px 13px 12px;
}
.black-theme .go-live-page .golive-video-feed ul.nav-tabs&gt;li&gt;a {
  color: #505050;
}
.go-live-page .golivevideotabstyle .golive-video-feed .facebook-reactions.youtube-reactions {
  margin-right: 0;
  margin-left: 15px;
}

.black-theme .go-live-page .golive-video-feed .userdatatabs h5 {
  color: #cbcbcb;
}

.go-live-page .final-broadcaster .go-live-setting-section .setting-section {
  margin-top: 51px;
}

.go-live-page .brodcasterstatsimage {
  padding-top: 50px;
}

.black-theme .go-live-page .final-broadcaster .go-live-setting-section .setting-section .setting-group .section-top-inner h3 {
  color: #cbcbcb;
}
.black-theme .go-live-page .nav-tabs&gt;li {
  margin-bottom: -8px;
}
.go-live-page .go-live-setting-section .setting-section .source-selection-audio .test-audio-btn {
  color: #fff;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  padding: 4px;
  border-radius: 6px;
  margin-top: 7px;
  border: 0;
}

.go-live-page .go-live-setting-section .setting-section .social .vertical-align {
  vertical-align: middle;
  line-height: 40px;
}

.go-live-page .go-live-setting-section .setting-section .setting-group {
  /*height: 320px;*/
}

.go-live-page .go-live-setting-section .setting-section .setting-group .hashwid {
  margin-left: -10px;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .info-box {
  border: 1px solid #efefef;
  padding: 20px 15px 33px 22px;
  margin-right: 0px;
  min-height: 490px;
  /*margin-top: 10px;*/
}

.go-live-page .go-live-setting-section .setting-section.width30 {
  width: 30%;
}

.go-live-page .go-live-setting-section .setting-section .social .social-btn {
  width: 38px;
  height: 38px;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 45px;
  padding: 0;
  border: 0;
}

.go-live-page .go-live-setting-section .setting-section .go-live-title {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 15px;
  margin-right: 15px;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .go-live-title-div {
  border-bottom: 1px solid #232323;
}

.black-theme .go-live-page .go-live-setting-section .setting-section .go-live-title-div h3,
.black-theme .go-live-page .go-live-setting-section .setting-section .go-live-title-div h5 {
  color: #cbcbcb;
}
.go-live-page .night-mode h5 {
  color: #d544da;
}

.go-live-page .go-live-setting-section .setting-section .go-live-title-div {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 8px;
  margin-right: 0;
}

.go-live-page .night-mode h5 {
  margin-right: 15px;
  margin-top: 0px;
  margin-bottom: 0;
  line-height: 35px;
  vertical-align: middle;
  font-size: 16px;
  padding-right: 8px;
}

.go-live-page .night-mode .icon-big {
  font-size: 18px;
  line-height: 34px;
  vertical-align: middle;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .message-box .camera-main-message {
  color: #fff;
  font-size: 20px;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .message-box .camera-sub-message {
  color: #b9b5b5;
  font-size: 16px;
  padding-top: 5px;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .more-info {
  position: absolute;
  z-index: 1;
  top: 18%;
  left: 0px;
  font-size: 28px;
}

.go-live-page a:hover {
  text-decoration: none;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .green-room-holder {
  display: inline-block;
  position: absolute;
  top: 10%;
  right: 33px;
  z-index: 1;
  color: #fff;
  font-size: 20px;
  animation: fade 1.5s linear infinite;
  text-shadow: 1px 1px 8px #000;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .green-room-holder span {
  padding-right: 12px;
  font-size: 26px;
  vertical-align: middle;
  line-height: 26px;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.49);
}

.go-live-page .go-live-setting-section .setting-section .setting-group .more-info .more-info-title {
  background-color: rgb(228, 228, 228);
  line-height: 25px;
  font-size: 17px;
  padding: 5px 8px;
  color: #888888;
  vertical-align: middle;
  /*border-radius: 1px;*/
  font-weight: 400;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .more-info .more-info-title span {
  font-size: 13px;
  border: 0.5px solid #888888;
  border-radius: 50%;
  padding: 4px;
  margin-right: 6px;
}

.go-live-page .go-live-setting-section .setting-section .setting-group .golive-btn-spacer {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.go-live-page .go-live-setting-section .setting-section .source-selection-audio .test-audio-btn {
  color: #d544da;
  background-color: transparent;
  font-size: 22px;
  background-image: none;
  position: absolute;
  right: 5px;
  top: 56px;
  margin: 0;
  padding: 0;
}
.golive-close {
  position: absolute;
  top: 16px;
  right: 22px;
}
.go-live-page .golive-video-feed .userdatatabs .enable-free-lineht {
  line-height: 32px;
}
.go-live-page .video-stats-button .golive-icons .video-icons {
  color: #FFF;
  margin-right: 8px;
  vertical-align: middle;
  line-height: 25px;
  font-size: 18px;
  text-shadow: 0 1px 4px rgba(0, 0, 0);
}
.go-live-page .video-stats-button .golive-icons .goLive-icons-text {
  font-size: 16px;
  vertical-align: middle;
  line-height: 26px;
  margin-right: 15px;
}
.black-theme .go-live-page .golive-video-feed .userdatatabs .section-top-inner .plus-minus-box.btn-default {
  color: #c5c5c5;
  background-color: #6b6b6b;
}
.go-live-page .social-btn {
  width: 35px;
  height: 35px;
  font-size: 18px;
  padding: 0;
}
.go-live-page .social-btn.facebook {
  background-color: #266eb5;
}
.go-live-page .social-btn.btn:hover,
.go-live-page .social-btn.btn:hover, 
.go-live-page .social-btn.btn:focus, 
.go-live-page .social-btn.btn.focus {
  color: #fff;
}
.go-live-page .social-btn i {
  vertical-align: middle;
  line-height: 35px;
}
.go-live-page .go-live-setting-section .go-live-share .share-popup-btn,
.go-live-page .go-live-setting-section .stream-popup-btn {
  /*padding: 5px 80px 8px 60px;
  background: #33333382;*/
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  line-height: 25px;
  color: #5D5D5D;
  position: relative;
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
  padding: 6px 12px;
  /* line-height: 20px; */
  margin-top: 10px;
}
.go-live-page .go-live-setting-section .icon-go-live-solid {
  font-size: 17px;
  vertical-align: middle;
  line-height: 40px;
}
.go-live-page .go-live-setting-section .go-live-share {
  font-size: 16px;
  /*margin: 20px 20px 20px 0px;*/
  width: calc(50% - 10px);
}

.go-live-page .go-live-setting-section .stream-popover {
  width: calc(50% - 10px);
  margin-left: 15px;
}

.go-live-page .go-live-setting-section .go-live-share span {
  padding-right: 5px;
}

.go-live-page .go-live-setting-section .go-live-share .share-popup-btn:before,
.go-live-page .go-live-setting-section .stream-popover .stream-popup-btn:before {
  /*border-right: 2px solid rgb(19, 19, 19);
  position: absolute;*/
  height: 100%;
  left: 0;
  top: 0;
  vertical-align: middle;
  width: 38px;
  margin-right: 15px;
}

.popover.top {
  background: #fff;
  color: #5D5D5D;
  line-height: 38px;
  vertical-align: middle;
  padding: 15px 10px;
  max-width: 400px;
  min-width: 250px;
  z-index: 1;
}

.popover.right {
  background: #232323;
  color: #efefef;
  line-height: 38px;
  vertical-align: middle;
  /*padding: 15px 10px;*/
  min-width: 250px;
  top: 285px;
  width: 500px;
  border: 0;
  box-shadow: 0px 1px 20px 4px #94949459;
}

.popover.right&gt;.arrow:after {
  border-right-color: #2f2c2c;
}

/*Go live css by */

.go-live-page .advanced-setting-btn {
  /*position: absolute;
  right: 0;
  top: 0;*/
  /*border: 2px solid #d544da;
  background: #d544da;
  color: #ffffff;*/
  margin-bottom: 15px;
}

.go-live-page .default-setting-btn {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #f7f7f7;
  background: transparent;
  color: #d544da;
  font-size: 26px;
}

.go-live-page .source-selection-audio .form-control {
  /*width: 200px;*/
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.go-live-page .source-selection-audio .test-audio-btn span {
  position: relative;
  display: inline-block;
  line-height: 28px;
}

.go-live-page .source-selection-audio .test-audio-btn {
  margin-top: 8px;
}

.go-live-page .source-selection-audio .test-audio-btn[data-active="0"] span:after {
  position: absolute;
  content: '';
  width: 2px;
  height: 20px;
  background: #5f5a5a;
  transform: rotate(45deg);
  transform-origin: center;
  left: 9px;
  top: 2px;
}

.go-live-page .advanced-setting-btn i {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
}

.go-live-page .setting-section .textarea {
  margin-bottom: 10px;
}

.go-live-page .hastag-button+.hastag-button {
  margin-left: 5px;
}

.go-live-page .hastag-button:focus {
  outline: 0;
}

.go-live-page .golivevideotabstyle {
  margin-top: 94px;
}

.advanced-setting-button-parent {
  margin: 30px 0 20px 0;
}

.advanced-setting-button-parent button {}

.advanced-setting-button-parent button:hover {
  color: white;
}

.go-live-page .go-live-btn {
  background-color: #f44336;
  color: white;
  padding: 6px 41px 6px 52px;
  height: 45px;
  font-size: 25px;
  /*font-family: 'Gibson-Light', sans-serif;*/
  position: relative;
  border-radius: 9px;
  font-weight: 400;
}

.go-live-page .go-live-btn:before {
  content: "";
  position: absolute;
  left: 12px;
  top: 8px;
  height: 28px;
  background-color: #F44336;
  width: 28px;
  border-radius: 50%;
  border: 2px solid white;
}

.slotholder .btn {
  background-color: #d544da;
  color: white;
  border-radius: 3px 3px 0 0;
  width: 100%;
}

.go-live-page .slot {
  border: 1px solid #e96d81;
  border-bottom: 0;
  border-top: 0;
  height: 90px;
  width: 112px;
}

/*.go-live-page .slot-container h4 {
  margin-top: 70px;
}
*/
.go-live-page .margin-top {
  margin-top: 25px;
}

.go-live-page .wslot-item-selected {
  color: #d544da;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
}

.go-live-page .wslot-item {}

.go-live-page .stats {
  list-style: none;
  padding: 0;
}

.go-live-page .stats li {
  margin-bottom: 20px;
}

.go-live-page .golive-button span {
  margin-right: 15px;
}

.go-live-page .source-selection .form-control {
  margin-top: 8px;
  margin-bottom: 0;
}

.go-live-page .golive-video-container {
  position: relative;
}

.go-live-page .golive-video-container:after {
  content: '';
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
}

.go-live-page .golive-video-container .golive-action-buttons {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}

.go-live-page .golive-video-container .golive-action-buttons {
  padding: 15px;
  z-index: 1;
}

.go-live-page .golive-video-container .golive-action-buttons .btn {
  border-radius: 35px;
  color: #fff;
  /*padding: 8px 15px;*/
  width: 115px;
  height: 35px;
  vertical-align: middle;
  line-height: 22px;
}
.go-live-page .golive-video-container .golive-action-buttons .btn span {
  vertical-align: middle;
  line-height: 19px;
}
.go-live-page .golive-video-container .golive-action-buttons .btn .icon-pause {
  font-size: 12px;
}
/*.go-live-page .goLive-timer .time-label.golive-timer-inner {
  top: 95px;
  right: 2px;
  z-index: 15;
  font-size: 18px;
}*/
.go-live-page .goLive-timer .sattelite-text-parent.goLive-signal {
  top: 5px;
  right: 8px;
  left: auto;
  z-index: 12;
  transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  padding: 0 0 0 70px;
  height: 50px;
}

.go-live-page .goLive-timer .sattelite-text-parent.goLive-signal:before{
  content: '';
  position: absolute;
  top: 15px;
  width: 13px;
  height: 12px;
  background: red;
  left: 24px;
  border-radius: 50%;
  z-index: 1;
}
.go-live-page .goLive-timer .signalContainer {
  left: 0;
  display: inline-block;
  position: absolute;
}
.go-live-page .goLive-timer .sattelite-text-parent .text.text-center {
  margin: 20px 0 0 0;
}
.go-live-page .goLive-timer .time-label.golive-timer-inner .icon-bull {
  top: 12px;
  right: 2px;
}
.go-live-page .goLive-timer .air,
.go-live-page .goLive-timer .time-label.golive-timer-inner {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  display: block;
  margin-bottom: 6px;
  z-index: 15;
  margin-top: 5px;
  bottom: auto;
  top: auto;
  right: auto;
}
.go-live-page .goLive-timer  .signalContainer img {

}
.go-live-page .golive-video-container .golive-action-buttons .btn.block-btn {
  background-color: #ff0000;
}
.go-live-page .golive-video-container .upcoming-callers {
  /* position: absolute;
  top: 80px;
  left: 20px;
  z-index: 2; */
  position: absolute;
  right: 0;
  bottom: 51px;
  z-index: 2;
}

.go-live-page .golive-video-container .upcoming-callers ul {
  /* padding: 0;
  margin: 0;
  list-style: none;
  width: 195px;
  height: 300px;
  overflow: hidden; */
  padding: 0;
  margin: 0;
  list-style: none;
  height: 84px;
  width: 171px;
  /* height: 107px; */
  overflow: hidden;
  /* padding-bottom: 56px; */
}

.go-live-page .golive-video-container .upcoming-callers ul li+li {
  margin-top: 2px;
}

.go-live-page .golive-video-container .upcoming-callers .upcoming-caller-item {
  overflow: hidden;
  border-radius: 50px;
  position: relative;
}

.go-live-page .golive-video-container .upcoming-callers .upcoming-caller-item .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  float: left;
  position: relative;
}

.go-live-page .golive-video-container .go-live-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
}

.go-live-page .golive-video-container .upcoming-callers .upcoming-caller-item .username:before {
  content: '';
  position: absolute;
  box-shadow: 0px 0px 0px 300px rgba(152, 150, 150, 0.38);
  width: 50px;
  height: 50px;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: -1;
}

.go-live-page .golive-video-container .upcoming-callers .upcoming-caller-item .avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid rgba(152, 150, 150, 0.38);
}

.go-live-page .golive-video-container .upcoming-callers .upcoming-caller-item .username {
  position: absolute;
  padding: 8px 10px 8px 33px;
  top: 50%;
  overflow: hidden;
  left: 28px;
  transform: translateY(-50%);
  border-radius: 70px;
  color: #FFF;
  font-size: 12px;
  width: 130px;
}

.go-live-page .golive-video-container .golive-action-buttons .btn span {
  margin-right: 5px;
}

.go-live-page .golive-video-container .golive-action-buttons .btn+.btn {
  margin-left: 7px;
}

.go-live-page .source-selection .select-parent {
  margin-bottom: 0;
  width: 50%;
}

.go-live-page .video-output,
.go-live-page .video-feed {
  width: 100%;
  vertical-align: middle;
  -webkit-transform: scaleX(-1);
  /* Webkit */
  transform: scaleX(-1);
}

.go-live-page .golive-video-feed {
  padding: 30px 15px 30px 30px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid #efefef;
}

.black-theme .go-live-page .golive-video-feed {
  background-color: transparent;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
}

.go-live-page .golive-video-feed .userdatatabs {
  height: 490px;
  padding-right: 15px;
}

.go-live-page .golive-video-feed .userdatatabs .nav-tabs&gt;li {
  width: 42px;
  font-size: 20px;
}

.go-live-page .golive-video-feed ul.nav-tabs&gt;li.active&gt;a {
  border-radius: 0;
  border-top: 2px solid #d544da !important;
  color: #d544da;
}

.go-live-page .golive-video-feed ul.nav-tabs&gt;li&gt;a {
  color: #cbcbcb;
  border-radius: 0;
  border-top: 2px solid transparent !important;
  font-size: 26px;
}
.go-live-page  .userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .avatar {
  width: 40px;
  height: 40px;
}
.go-live-page .userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .feedmessage {
  /*margin-top: -3px;*/
  line-height: 22px;
  /*padding: 0px 0px 8px 8px;*/
}

.go-live-page .userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .feedmessage .activity-username {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
}

.black-theme .go-live-page .userdatatabs .activityfeedcontainer .activityfeed .activityfeeditem .feedmessage {
  color: #bbbbbb;
}
.go-live-page .icon-vip {
  width: 30px;
  height: 18px;
  font-size: 15px;
}
.go-live-page .golive-video-feed .userdatatabs .activityfeedcontainer .activityfeed {
  /*height: 350px;*/
  height: 290px;
}

.go-live-page .golive-video-feed .userdatatabs .activityfeedcontainer .facebook-comments {
  height: 350px;
  overflow-y: auto;
}

.go-live-page .userdatatabs .activityfeedcontainer .facebook-comments .activityfeeditem+.activityfeeditem {
  margin-top: 15px;
}

.go-live-page .userdatatabs .activityfeedcontainer .facebook-comments .facebook-time {
  font-size: 14px;
  margin-right: 8px;
  margin-left: 5px;
}

.go-live-page .end-broadcast-btn {
  margin-top: 15px;
  padding: 0 15px;
}

.go-live-page .golive-video-feed .userdatatabs .tab-content {
  padding: 10px;
  /*height: 437px;*/
  height: 370px;
}

.go-live-page .golive-video-feed .userdatatabs .activityfeedcontainer {
  padding: 0;
}

/*.go-live-page .golive-video-feed .userdatatabs h5 {
  margin: 20px 0 20px 0;
  color: #7b7b7b;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Gibson-SemiBold'; 
  font-weight: 600;
  color: #e13350;
}
*/
.go-live-page .golive-video-feed .userdatatabs p {
  margin: 0 0 40px 0;
  line-height: 24px;
}

.go-live-page .golive-video-feed .userdatatabs .section-top-inner {
  margin: 30px 0 30px 0;
}

.go-live-page .deck-list {
  height: 360px;
  overflow: auto;
}

.go-live-page .deck-list .winning-list {
  padding: 0;
  list-style: none;
}

.go-live-page .deck-list .winning-list li+li {
  margin-top: 10px;
}

.go-live-page .deck-list .winning-list .winning-list-item .avatar {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.go-live-page .deck-list .winning-list .winning-list-item .avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.go-live-page .deck-list .winning-list .winning-list-item.next-caller .username {
  margin: 8px 10px 8px 0px;
  vertical-align: middle;
  line-height: 20px;
  float: none;
}

.go-live-page .deck-list .winning-list .winning-list-item .username {
  float: left;
  margin: 14px 10px;
  vertical-align: middle;
  line-height: 16px;
}
.facebook-comments .feedmessage-decs {
  word-wrap:break-word;
  padding-right: 10px;
}
.inverted {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.facebook {
  background-color: #336699;
}

.twitter {
  background-color: #1da1f2;
}

.google {
  background-color: #ea4335;
}

.youtube {
  background-color: #F61C0D;
}

.instagram {
  background-color: #c536a4;
}

.go-live-page .advanced-setting,
.go-live-page .default-setting-btn {
  display: none;
}

.go-live-page .advanced-tab .advanced-setting,
.go-live-page .advanced-tab .default-setting-btn {
  display: block;
}

.go-live-page .advanced-tab .default-setting {
  display: none
}

.go-live-page .go-live-stats-container {
  margin-bottom: 25px;
}

.go-live-page .go-live-setting-section .simple-text {
  margin-bottom: 25px;
}

.facebook-reactions {
  display: inline-block;
  /* line-height: 40px; */
  border: 1px solid hsl(0, 0%, 85%);
  border-radius: 3px;
  margin-bottom: 8px;
  background-color: #f4f4f4;
  margin-left: 15px;
}

.facebook-reactions.left-sec {
  width: 78%;
}

.facebook-reactions.right-sec {
  width: 18%;
  /* margin-left: 6px; */
}

.facebook-reactions .logo-parent {
  line-height: 39px;
  margin-top: 15px;
}

.facebook-reactions .item {
  display: inline-block;
  margin: 8px 21px 3px 0;
  position: relative;
  width: 62px;
}

.facebook-reactions .item:last-child {
  margin-right: 15px;
}

.facebook-reactions .live {
  top: 50%;
  /* transform: translateX(-50%); */
  bottom: auto;
  left: 54px;
  transform: translate(0, -50%);
  display: inline;
  /* height: 30px; */
  line-height: 15px;
  font-size: 11px;
  box-shadow: none;
  height: 23px;
  border-radius: 4px;
  letter-spacing: 0;
}

.facebook-reactions .live[data-live="0"]:after {
  content: "OFFLINE";
}

.facebook-reactions .live[data-live="0"] {
  animation: none;
  background: #a9a9a9;
}

.facebook-reactions .live[data-live="1"]:after {
  content: "LIVE";
}

.facebook-reactions .item img {
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.facebook-reactions .f-logo {
  width: 30px;
  margin-bottom: 2px;
  margin-left: 12px;
}

.facebook-reactions .simple-text {
  line-height: initial;
}

.facebook-reactions .count {
  /* font-family: 'Gibson-Semibold',sans-serif; */
  font-weight: 600;
  position: absolute;
  top: -5px;
  left: 34px;
  background-color: #6b6a6a;
  color: white;
  padding: 2px 5px;
  border-radius: 13px;
  line-height: 1;
}

/*********************************Referral*************************************/

.referral {
  margin-bottom: 50px;
}

.referral h3 {
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  line-height: 35px;
  margin-top: 0;
}

.referral h3 i {
  font-size: 15px;
}

.referral .reff-image {
  position: relative;
  overflow: hidden;
}

.referral .inside-reff {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
}

.referral .inside-reff p {
  font-size: 16px;
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  text-align: center;
}

.referral .inside-reff button {
  margin: 6px 0;
  padding: 0;
}

.referral .invitesec {
  margin-top: 10px;
}

/****************************video modal*******************************/

.video-modal {}

.video-modal .jw-sharing-link {
  display: none !important;
}

.video-modal .product-on-video {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.69);
  color: white;
  width: 220px;
  height: 75px;
  overflow: hidden;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}

.video-modal .product-on-video .rightsec {
  width: calc(100% - 75px);
  float: left;
  padding-left: 10px;
  padding-top: 3px;
}

.video-modal .product-on-video img {
  width: 75px;
  height: 75px;
  object-fit: contain;
  margin: 0px;
  border-radius: 0px;
  float: left;
}

.video-modal .product-on-video .prod-title {
  color: white;
  margin-right: 3px;
}

.video-modal .product-on-video .prod-description {
  color: #b3b3b3;
  font-size: 11px;
  line-height: 14px;
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  height: 27px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  margin-top: 3px;
  margin-bottom: 2px;
}

.video-modal .callers img {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  object-fit: cover;
  margin-right: 10px;
  cursor: pointer;
}

.video-modal .product-on-video .price {
  font-size: 12px;
  color: #F44336;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
}

div[button="mainvideolikebtn"][data-popupliked="1"] .jw-dock-image,
div[button="popupvideolikebtn"][data-popupliked="1"] .jw-dock-image {
  background-image: url(../images/like-video-active.png) !important;
  background-repeat: no-repeat;
}

.video-modal .jw-sharing-dock-btn .jw-dock-image {
  background-image: url(../images/share-video.png);
  background-repeat: no-repeat;
}

.video-modal .image-name-sec&gt;div {
  display: inline;
}

.video-modal .callers span+span:before {
  font-family: 'icomoon' !important;
  content: "\e94e";
  background-color: #4CAF50;
  color: white;
  margin-right: 10px;
  padding: 10px;
  border-radius: 50%;
}

.video-modal .broadcasterDetail {
  font-size: 20px;
  color: white;
}

.video-modal .modal-body {
  position: relative;
  background: #000;
}

.video-stats-button {
  position: absolute;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
  height: 100px;
  z-index: 1;
  pointer-events: none;
  color: white;
  padding: 15px 20px 0;
  font-size: 13px;
}

.video-modal .video-description {
  font-size: 18px;
  margin-top: 10px;
  color: white;
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
}

.video-modal .close {
  border: 2px solid white;
  /*padding: 6px;*/
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  font-weight: lighter;
  opacity: 0.3;
}

.video-modal .modal-body {
  padding: 0;
}

.video-modal .modal-footer {
  text-align: left;
}

.video-stats-button i {
  margin-left: 15px;
  margin-right: 3px;
}

/*.video-modal .jw-controls {
  position: relative;
  padding: 0px;
}*/

.video-modal .jw-slider-horizontal .jw-knob {
  width: 0.7em;
  height: 0.7em;
  border-radius: 0.55em;
  background-color: #F44336;
  top: -0.225em;
}

.video-modal .modal-footer,
.video-modal .modal-header {
  border: 0px;
}

.video-modal .jw-progress {
  background-color: #F44336;
}

.video-modal .jw-controls:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100px;
  margin: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 32%, rgba(0, 0, 0, 0.22) 99%, rgba(0, 0, 0, 0.22) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 32%, rgba(0, 0, 0, 0.22) 99%, rgba(0, 0, 0, 0.22) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 32%, rgba(0, 0, 0, 0.22) 99%, rgba(0, 0, 0, 0.22) 100%);
  z-index: 1;
  left: 0;
}

.video-modal .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: 0px;
}

.video-modal .enlargedProfile {}

.video-modal .enlargedProfile img {
  width: 100%;
  height: auto;
}

/*.video-modal .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display:before {
     content: '\e94a' !important;
       font-family: 'icomoon' !important;
       background: red;
       border-radius: 50%;
       z-index: 1;
       position: absolute;
       width: 56px;
       height: 56px;
       line-height: 56px;
       font-size: 25px;
       text-indent: -6px;
       text-align: center;
       color: #fff;
}*/

body .jw-error {
  display: none !important;
}

.video-modal .jw-state-error .jw-title {
  display: none !important;
}

.video-modal .jw-state-error .jw-title-primary {
  display: none !important;
}

.video-modal .jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing .jw-dock {
  opacity: 1;
  visibility: visible;
}

.video-modal .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display:before {
  content: 'S&amp;S' !important;
  font-family: 'icomoon' !important;
  background: #d544da;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  /*  top: 7px;
  left: 10px;*/
  width: 56px;
  height: 56px;
  /* line-height: 56px; */
  line-height: 55px;
  font-size: 16px;
  font-weight: bold;
  /* text-indent: -6px; */
}

.video-modal .jwplayer .jw-plugin-sharing .jw-sharing-icon-container .jw-sharing-icon-link {
  display: none;
}

.video-modal .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display:after {
  content: '';
  content: '';
  background: rgba(0, 0, 0, 0.52);
  border-radius: 50%;
  width: 55px;
  display: inline-block;
  height: 55px;
  box-shadow: 0px -15px 0px 0px rgba(198, 198, 198, 0.47), 15px 10px 0px 0px rgba(198, 198, 198, 0.47), -15px 10px 0px 0px rgba(198, 198, 198, 0.47);
  animation: spin .9s linear infinite;
  -webkit-animation: spin .9s linear infinite;
  transform-origin: center;
}

.video-modal .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display {
  -webkit-animation: none;
  animation: none;
}

.video-modal .jwplayer .jw-controlbar-left-group .jw-icon-rewind,
.video-modal .jwplayer .jw-display-controls .jw-display-icon-rewind {
  display: none;
}

.video-modal .jw-display-icon-container.jw-background-color {
  background-color: rgba(33, 33, 33, 0) !important;
}

@media (max-width:425px) {
  .video-modal .modal-body {
    height: 250px !important;
  }
  .video-modal .broadcasterDetail {
    font-size: 16px;
  }
  .video-modal .video-description {
    font-size: 14px;
  }
  .broadcaster-video-height-small {
    height: 250px !important;
  }
}

.modal-backdrop {
  opacity: 0.8 !important;
}

/*******************************autocomplete************************************/

.ui-menu {
  border-top: 0;
}

.ui-menu .ui-menu-item.search_form {
  margin-top: 0px;
  list-style: none;
}

.ui-menu .ui-menu-item.search_form .ui-menu-item-wrapper {
  padding: 6px;
  /*white-space: nowrap;*/
}

.ui-menu .ui-menu-item.search_form .ui-menu-item-wrapper.ui-state-active {
  margin: 0;
  border: 0;
  color: #333;
  background-color: #efefef;
  border: none;
}

.ui-menu .ui-menu-item.search_form .ui-menu-item-wrapper img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  margin-right: 6px;
  border: 2px solid #dcdcdc;
}

.ui-menu .ui-menu-item.search_form .ui-menu-item-wrapper a {
  display: block;
}

.ui-menu .ui-menu-item.search_form .ui-menu-item-wrapper.ui-state-active a {
  color: #333
}

.ui-menu .ui-menu-item.search_form+.search_form {
  border-top: 1px solid #f5f5f5;
}

.search_form a {
  text-decoration: none;
  line-height: 35px;
  padding-left: 5px;
}

.search_form a:hover,
.search_form a:link {
  text-decoration: none;
}

.search_form .name {
  width: calc(100% - 50px);
}

.search_form.ui-menu .ui-menu-item {
  height: auto;
  list-style: none;
}

.ui-menu .ui-menu-item.search_form:hover {}

.ui-menu-item.search_form .ui-menu-item-wrapper:hover {
  background-color: #f5f5f5;
  border: none;
}

.ui-widget-content a {
  color: #5D5D5D;
}

.ui-widget.ui-widget-content {
  border: 1px solid #f5f5f5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
  width: 225px !important;
}

/************************* faq-page*****************************/

.faq-page {
  margin-bottom: 50px;
}

.faq-page h5 {
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  font-size: 17px;
}

.faq-page h3 {
  color: #d544da;
  text-transform: uppercase;
  font-size: 18px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
}

/***********************Community Rules***********************/

.community-rules {
  margin-top: 40px;
  min-height: 700px;
}
.community-rules-title {
  color: #d544da;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}
/*****************forgot Password*************************/

.forgot-password {
  background-color: rgba(0, 0, 0, 0.77);
}
.forgot-password .modal-dialog {
  width: auto;
  max-width: 435px;
  margin: 10px auto;
}
.instagram-email .modal-dialog {
  width: 435px;
}
.instagram-email .payment_sec {
  padding-top: 25px;
}
/*@media (min-width: 768px) {
  .forgot-password .modal-dialog {
    width: 435px;
  }
}*/

/*.forgot-password .title {
  font-size: 25px;
  margin-bottom: 17px;
  margin-top: 25px;
  font-family: 'Gibson-Light', sans-serif;
}*/

.forgot-password p {
  color: grey;
}

.forgot-password .submit {}

/*.forgot-password .submit:hover {
  color: white;
}*/

/***************** Credit card popup *************************/

.credit-card-box {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .credit-card-box.modal-dialog {
    width: 320px;
    margin: 30px auto;
  }
}

/*.credit-card-box .close {
  font-weight: lighter;
}*/

.credit-card-box .panel {
  background-color: transparent;
  margin-bottom: 0px;
}

.credit-card-box .modal-content {
  background-color: white;
  overflow: hidden;
}

.credit-card-box .modal-header {
  border: 0px;
}

.credit-card-box .panel-body {
  padding: 0px;
}

.credit-card-box .form-control,
.credit-card-box .input-group-addon {
  border-radius: 0;
  height: 38px;
}

.credit-card-box .panel-title {
  display: inline;
  /* font-weight: bold;*/
  font-weight: 600;
}

.credit-card-box .modal-body {
  padding-top: 0;
  background-color: white;
}

.credit-card-box label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #2F2F2F;
}

.credit-card-box .add-card {
  color: #ffffff;
  background-color: #00bcd4;
  border: 0px;
}
.btn-secondary-edited.add-card-btn{
  width:auto !important;
}
.subscribed-btn .subscribed-symbol{
  font-size: 18px;
  font-weight: 600;
  vertical-align: middle;
}
.subscribed-btn .text{
  vertical-align: middle;
}
.credit-card-box .card-type-bg {
  margin-bottom: 3px;
}

.credit-card-box .ctype {
  text-transform: uppercase;
}

.credit-card-box .card-type-bg input {
  background-position: 3px 4px;
  background-image: url(../images/cardimages.png);
  background-size: 44px auto;
  background-repeat: no-repeat;
  padding-left: 52px;
}

.credit-card-box .card-type-bg input[data-cardType="visa"] {
  background-position: 3px -37px;
}

.credit-card-box .card-type-bg input[data-cardType="mastercard"] {
  background-position: 3px -120px;
}

.credit-card-box .card-type-bg input[data-cardType="maestro"] {
  background-position: 3px -162px;
}

.credit-card-box .card-type-bg input[data-cardType="visa_electron "] {
  background-position: 3px -78px;
}

.credit-card-box .card-type-bg input[data-cardType="discover "] {
  background-position: 3px -203px;
}

.credit-card-box .card-type-bg input[data-cardType="amex"] {
  background-position: 3px -243px;
}

.toast_message {
  background: rgba(0, 0, 0, 0.88);
  position: fixed;
  /* position: absolute; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1500;
  padding: 10px 15px;
  border-radius: 36px;
  box-shadow: 0px 0px 12px rgba(181, 181, 181, 0.73);
  display: none;
  min-width: 280px;
  text-align: center;
  color: #fff;
}

.toast_message:before {
  content: '';
}

.toast_message:after {
  content: '';
}

/*****************SHOP MODAL*****************************/



/*****************SHOP MODAL*****************************/

.shop-modal {}

.shop-modal .title {
  /* font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  font-size: 25px;
  color: #333333;
  line-height: 32px;
  word-wrap: break-word;
  /*word-break: break-all; */
}

.shop-modal .share-container {
  position: relative;
}

.shop-modal .share-container .product-user-height {
  height: 40px;
}

.shop-modal .share-container .share-buttons {
  /* position: absolute;
  top: 0;
  right: 0;
  z-index: 1; */
  text-align: right;
}

.shop-modal .share-buttons .small-rounded {
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
}

.shop-modal .sharelink-overlay {
  display: none;
  position: absolute;
  padding: 15px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.57);
  z-index: 12;
}

.shop-modal .sharelink-overlay input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.shop-modal .sharelink-overlay .close {
  color: white;
  opacity: 1;
}

.shop-modal .shop-variant {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #c5c5c5;
  min-width: 60px;
  border-radius: 3px;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  /*margin-right: 10px;*/
  margin-bottom: 10px;
  word-break: break-word;
  word-wrap: break-word;
}

.shop-modal .shop-variant +.shop-variant {
  margin-left: 10PX;
}

.shop-modal .select-text {
  margin-top: 10px;
}

.shop-modal .price2 {
  font-size: 23px;
}

.shop-modal .shop-variant[data-isitemselected="1"] {
  border: 2px solid #d544da;
}

.shop-modal .btn-container .btn {
  min-width: 100px;
  margin-right: 5px;
  margin-top: 15px;
}

.share-container.showhide-share .share-buttons {
  display: none;
}

.share-container.showhide-share .sharelink-overlay {
  display: block;
}

.shop-modal .top-sec {
  margin-bottom: 20px;
}

.shop-modal .top-sec .shop-product-title{
  width: 90%;
}

.shop-modal .share-buttons .small-rounded:active:focus {
  outline: 0;
}

.shop-modal .share-buttons .small-rounded+.small-rounded {
  margin-left: 5px;
}

.shop-modal .title2 {
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  font-size: 22px;
  color: #333333;
}

.shop-modal .price {
  font-size: 18px;
  color: #f44336;
}

.shop-modal .vendor-share {
  padding: 15px 15px 0;
}

.shop-modal .vendor-share span {
  font-size: 20px;
  text-transform: uppercase;
}

.shop-modal .vendor {
  text-transform: uppercase;
  /* font-size: 12px; */
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
}

.shop-modal .listing {
  margin-top: 10px;
}


.shop-modal .buybtn {
  background-color: #f44336;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 17px;
  color: white;
}

.shop-modal .modal-body {
  position: relative;
  padding: 15px 15px 25px;
}

.shop-modal .p-row {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 10px;
}

.shop-modal .slides .img {
  height: 300px;
  width: 100%;
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/*.shop-modal .sharebutton {
  background-color: transparent;
  color: #484848;
  position:absolute;
  top:0;
  right:0;
  border: 1px solid #c3c3c3;
  float: right;
}
.shop-modal .sharebutton:hover {
  background-color: rgb(241, 241, 241);
}*/

.shop-modal .flex-control-thumbs li {
  width: 70px;
  float: left;
  margin: 0;
}

.shop-modal .price {
  font-size: 18px;
  color: #f44336;
}

.shop-modal .vendor-share {
  padding: 15px 15px 0;
}

.shop-modal .vendor-share span {
  font-size: 20px;
  text-transform: uppercase;
}

.shop-modal .vendor {
  text-transform: uppercase;
  /* font-size: 12px; */
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
}

.shop-modal .listing {
  margin: 10px 0 20px;
}

.shop-modal .info {
  white-space: pre-line;
  margin-bottom: 10px;
  word-wrap:break-word;
}

.shop-modal .desc {
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 600;
}

.shop-modal .buybtn {
  background-color: #f44336;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 17px;
  color: white;
}

.shop-modal .modal-body {
  position: relative;
  padding: 15px 15px 25px;
}

.shop-modal .p-row {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 10px;
}

.shop-modal .slides img {
  height: 300px;
  width: auto;
  margin: 0 auto;
}

.shop-modal .sharebutton {
  background-color: transparent;
  color: #484848;
  /* font-family: 'Gibson-Semibold',sans-serif; */
  font-weight: 600;
  border: 1px solid #c3c3c3;
  float: right;
}

.shop-modal .sharebutton:hover {
  background-color: rgb(241, 241, 241);
}

.shop-modal .flex-control-thumbs li {
  width: 70px;
  float: left;
  margin: 0 4px;
}

.shop-modal .slides .easyzoom-flyout&gt;img {
  min-height: 500px;
}

.shop-modal .flexslider .slides li {
  text-align: center;
}

/**********************SHOP*****************************/

.show-products .header {
  margin-top: 30px;
}

.show-products .gradient-div {
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(236, 236, 236, 0.35));
}

.shop {
  /*transition: all 0.2s ease-in;*/
}

.shop .shop-profile-thumb {
  width: 30px;
  border-radius: 50%;
  height: 30px;
  float: left;
}

.shop .custom-dropdown-menu {
  right: -10px;
  position: absolute;
  top: -3px;
}

.shop .custom-dropdown-menu a {
  color: grey;
  text-decoration: none;
  cursor: pointer;
  text-shadow: -2px 1px rgb(255, 255, 255);
}

.shop .vendor {
  font-size: 13px;
  text-transform: uppercase;
  /* font-family: 'Gibson-Semibold'; */
  font-weight: 600;
  color: #808080;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: calc(100% - 30px);
  padding-left: 8px;
}

.shop:hover {
  /* transform: translateY(-3px);*/
}

.shop img {
  height: 225px;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}

.shop .product-show-img img {
  height: 225px;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
}

.shop-homeTab .shop .image-container{
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*.shop-homeTab .videos-listing {
  margin-bottom: 20px;
}*/

/*.shop-homeTab .creator-right-sidebar .featured-shop-section {
  margin: -5px 5px 15px 5px;
}*/

.shop-homeTab .shop .ticket-container {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.shop-homeTab .vipticket-shop .content,
.shop-homeTab .shop .content {
  height: auto;
}
.shop-homeTab .shop .content.creator-shop-title{
  padding: 6px;
  margin: 0;
}
.shop .image-container {
  height: 225px;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
  background-size: cover;
  margin-bottom: 8px;
}

.shop .content {
  max-height: 52px;
  margin-top: 10px;
}

.shop .price {
  font-size: 18px;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  color: #d544da;
  padding-left: 5px;
}

.shop .vendor-details {
  margin: 0 0 10px 0;
  vertical-align: middle;
  line-height: 16px;
}

.shop .title {
  font-size: 18px;
  padding-right: 0;
  white-space: normal;
  word-wrap:break-word;
}
.shop .title.title-ht {
  height: 30px;
}

.shop .shop-products {
  width: calc(100% - 100px);
  margin-left: 15px;
}

.shop .shop-products-price {
  position: absolute;
  top: 0px;
  right: 10px;
}

.shop-homeTab .shop .desc{
  max-height: 110px;
  height: auto;
}

.shop .desc {
  max-height: 50px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  word-wrap: break-word;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-top: 0;
  word-break: break-all;
  word-wrap: break-word;
  position: relative
}

 @-moz-document url-prefix() {

    .shop .desc:before {
      bottom: -2px;
      position: absolute;
      right: 0;
      float: right;
      content: '\2026';
      margin-left: -2rem;
      width: 2rem;
      background: #fff;
      padding-left: 3px;
    }
    .shop .desc:after {
      content: '';
      background: #fff;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1;
    }
  }

.shop .card {
  padding-top: 15px;
}

/*******************edit profile*****************************/

.profilecontent ul.nav-tabs&gt;li&gt;a,
.profilecontent ul.nav-tabs&gt;li&gt;a:hover,
.profilecontent ul.nav-tabs&gt;li&gt;a:focus {
  color: #555555;
  border: 0;
}

.profilecontent .preview-profile {
  position: absolute;
  right: 20px;
  top: 20px;
}

.profilecontent ul.nav-tabs&gt;li.active&gt;a {
  border-bottom: 2px solid #d544da !important;
  color: #d544da;
}

.profilecontent .setting-form-inputs {
  border-radius: 2px;
}

.cover-image-container {
  position: relative;
}

.profilecontent {
  padding: 0 20px;
}

.profilecontent .save-btn {
  width: 130px;
  margin: 25px 0;
}

.profilecontent textarea {
  resize: none;
}

.profilecontent .video-input-label {
  margin-top: 4px;
  padding: 3px 22px;
  /* background-color: #d8d8d8; */
  border-radius: 2px;
  border: 1px dashed #adadad;
  color: #757575;
  font-weight: lighter;
}

.profilecontent .video-input-label i {
  margin-right: 5px;
}

.profile-video-upload-sec {
  padding: 10px 15px;
}

.profile-video-upload-sec .video-input-label {
  margin-top: 4px;
  padding: 3px 22px;
  /* background-color: #d8d8d8; */
  border-radius: 2px;
  border: 1px dashed #adadad;
  color: #757575;
  font-weight: lighter;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 170px;
  vertical-align: middle;
  text-align: center;
}

.profile-video-upload-btn {
  margin-bottom: 3px;
  padding: 4px 12px;
  width: 80px;
}

.profile-video-upload-sec .video-input-label i {
  margin-right: 5px;
}

.cover-image-container #profilePageCover {
  height: 210px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.cover-image-container .up-button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(193, 193, 193, 0.5);
  color: white;
  z-index: 5;
}

/*.cover-image-container:after{
  content: "";
  position: absolute;
  bottom: 0;
  top:0;
  width: 100%;
  background: rgba(0, 0, 0, 0.17);
}*/

.profile-image-div {
  /*position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translateY(-50%);
  left: 30px;
  top: 50%;*/
  /*position: absolute;
   
    transform: translateX(-50%);
    left: 50%;
    top: 64%;*/
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 80%;
  z-index: 5;
}

.profile-image-div img {
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 150px;
  border: 4px solid #fff;
  border-radius: 50%;
}

.center-pills {
  display: inline-block;
  margin-bottom: 25px;
}

.centered-pills li {
  width: 118px;
}

.profilecontent .nav-tabs {
  border: 0px;
}

.up-button2 {
  padding: 5px 2px 2px 2px;
  text-align: center;
  width: 31px;
  position: absolute;
  top: 0px;
  right: 13px;
  background-color: rgba(193, 193, 193, 0.5);
  color: white;
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
}

.up-button {}

.up-button label input,
.up-button2 label input {
  display: none;
}

/* .cover-image-upload {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    z-index: 5;
    padding: 6px 10px;
    font-weight: normal;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 12px;
} */

.cover-image-upload {
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: -15px;
  /* right: 13px; */
  right: 0px;
  background-color: #CCCCCC;
  color: white;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}

.cover-image-upload i {
  /* margin-right: 5px */
}

.profile-image-upload {
  /* padding: 5px; */
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 0px;
  right: 13px;
  /* background-color: rgba(0, 0, 0, 0.7); */
  background-color: #CCCCCC;
  color: white;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}

.profile-image-upload input,
.cover-image-upload input,
.onboardingTab .new-tab .new-profile-image-upload input {
  display: none;
}

.form-group2 label {
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  color: #565656;
}

.mmargin-top {
  margin-top: 25px;
}

.littlemargin-bottom {
  margin-bottom: 5px;
}

.profileusername {
  margin-top: 45px;
  /* margin-left: 210px; */
  font-size: 26px;
  /*    padding: 30px 194px 26px;*/
  /* margin-top: 22px; */
  /* text-align: center; */
  /*padding: 86px 0 26px;*/
  /* margin-top: 22px; */
  /*position: absolute;
    margin-bottom: 25px;
    font-size: 28px;
 
    top: 50%;
    transform: translateY(-50%);
    left: 24%;
      z-index: 5;*/
}

.onoffcontainer {
  padding-top: 30px;
}

.savebtn-container .buy-coins-button {
  margin-bottom: 20px;
}

.optionalvideo .uploadifive-button {
  background-color: #e9e9e9;
  color: #767473;
  border-radius: 0;
  background-image: none;
  border: 0;
  text-shadow: none;
  color: #767473;
  width: 100% !important;
  text-transform: capitalize;
  text-align: left !important;
  padding: 2px 13px;
  height: auto !important;
  font-weight: normal;
  font-size: 14px !important;
  /*font-family: 'Gibson-Light', sans-serif !important;*/
  font-weight: 400 !important;
  cursor: pointer;
}

/*************************************Toggle Specific styles*************************/

input[type='checkbox'].toggle {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 53px;
  height: 26px;
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
  position: relative;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  box-shadow: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type='checkbox'].toggle:hover:after {
  background-color: #c7c7c7;
}

input[type='checkbox'].toggle:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #aeaeae;
  top: 2px;
  left: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type='checkbox']:checked.toggle {
  -moz-box-shadow: inset 0 0 0 15px #4CAF50;
  ;
  -webkit-box-shadow: inset 0 0 0 15px #4CAF50;
  ;
  box-shadow: inset 0 0 0 15px #4CAF50;
  ;
}

input[type='checkbox']:checked.toggle:after {
  left: 29px;
  background-color: #fff;
}

.onoffcontainer input[type='checkbox'].toggle:focus {
  outline: 0;
}

/* hash tag poppup */

.hash-item-popup {}

.hash-item-popup .hash-item-group,
.subscribe-podcast-modal .hash-item-group {
  padding: 0;
  list-style: none;
  height: 350px;
  overflow: auto;
}

/* share floating */

.share-floating {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
  cursor: pointer;
}

.share-floating ul {
  padding: 0;
}

.share-floating ul li {}

.share-floating ul li a {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}

/*****************************Blocked Users**************************************/

.blocked .blocked-users-header {
  /*border-bottom: 1px solid gray;*/
  margin-left: 15px;
  margin-right: 15px;
}

.blocked hr {
  margin-bottom: 0;
}

.blocked ul {
  /* padding: 0 10px; */
  padding: 15px 20px 0 20px;
  /*padding:0;*/
  list-style-type: none;
  margin-bottom: 0;
}

.blocked .name {
  font-size: 15px;
  /* padding-top: 9px; */
  padding-left: 10px;
  line-height: 40px;
  /*margin-top: 3px;*/
}

.blocked li {
  border-bottom: 1px solid #ececec;
  /*border-bottom: 11px solid #f4f4f4;*/
  padding: 10px 0px 9px 0px;
}

.blocked li:last-child {
  border-bottom: 0px;
}

.blocked i {}

.blocked img {
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.blocked .buy-coins-button {
  margin-bottom: 5px;
}
.blocked .unblock-btn .icon-unblock{
  font-weight: 600;
  font-size: 16px;
}
.blocked .unblock-btn span {
  /* margin-left: 5px; */
}

.unblock-btn {
  /* background-color: transparent;
  border: 1px solid #F44336;
  color: #F44336; */
  font-size: 15px;
  border: 0;
  border-color: transparent;
  color: #d544da;
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 500;
  background-color: transparent;
}

.unblock-btn:hover {
  /* color: #F44336;
  background-color: rgba(244, 67, 54, 0.08); */
  border: 1px;
  color: #5D5D5D;
}

.blocked ul li {
  padding-top: 15px;
  padding-bottom: 15px;
}

.blocket-users-list li button {
  width: auto;
}
.blocked .blocked-user-content {
  /* border-top: 1px solid gray; */
  /* padding-top: 10px; */
}
.blocked-user-content .alignment {
  line-height: 2.5;
}

/**********************************USER PROFILE POPUP***************************************/

.userprofile-popup {}

.userprofile-popup .modal-body {
  padding: 0;
}

/*.userprofile .actionbutton {
  background: none;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  font-size: 20px;
}*/

.userprofile-popup .usercoversection {
  height: 210px;
  position: relative;
  color: #fff;
  /*text-shadow: 0 2px 4px #1C1C2E;*/
}

.userprofile-popup .usercoversection:after {
  content: '';
  position: absolute;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
  height: 50px;
  top: 0;
  left: 0;
}

.userprofile-popup .usercoversection img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}

.userprofile-popup .actionButtons {
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  z-index: 1;
}

.userprofile-popup .actionButtons .rightsec {
  right: 0;
  position: absolute;
}

.userprofile-popup .actionButtons .rightsec i {
  margin-right: 10px;
  color: #f44336;
  vertical-align: text-bottom;
}

.userprofile-popup .actionButtons .leftsec {
  left: 0;
  position: absolute;
}

.userprofile-popup .actionButtons .leftsec .heart-color {
  font-size: 25px;
}

.userprofile-popup .actionButtons .rightsec {
  font-size: 25px;
}

.userprofile-popup .followstatssec {
  margin-top: 10px;
}

.userprofile-popup .followstats {
  display: inline-block;
  padding-top: 10px;
}

.userprofile-popup .followstats p:first-child {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6b6b6b;
}

.userprofile-popup .followstats button {}

.userprofile-popup .followstats:nth-child(2) {
  /*
     border-right: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
*/
}

.userprofile-popup .avatarsec {
  position: absolute;
  top: 54px;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.userprofile-popup .useravatar {
  border: 4px solid #fff;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
}

.userprofile-popup .useravatar img {
  border-radius: inherit;
}

.userprofile-popup .username {
  padding-top: 12px;
  font-size: 25px;
}

.userprofile-popup .modal-header {
  padding-right: 0;
}

.userprofile-popup .close {
  font-weight: lighter;
  opacity: 0.3;
  color: white;
  border: 2px solid white;
  padding: 6px;
  width: 36px;
  border-radius: 66px;
}

.userprofile-popup .detailsec {
  padding: 20px 15px;
  border-top: 1px solid #d8d6d6;
  margin-top: 13px;
}

.userprofile-popup .modal-content {
  background-color: transparent;
  border: 0px;
  box-shadow: none;
}

.userprofile-popup .content-background {
  background-color: white;
}

/***** edit description modal *****/

.modal-xs {
  width: 400px;
}

.video-desc-popup {}

.video-desc-popup .video-desc-thumb {
  margin-bottom: 0px;
}

.video-desc-popup .video-desc-thumb img {
  width: 100%;
}

.transparent-head .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0;
}

.transparent-head .modal-content .modal-header {
  padding: 15px 0;
  border: 0;
}

.transparent-head .modal-content .modal-body {
  background: #fff;
  padding-top: 0;
}

.transparent-head .modal-content .modal-footer {
  background: #fff;
}

.transparent-head .modal-header .close {
  width: 35px;
  height: 35px;
  border: 2px solid #fff;
  opacity: 0.3;
  color: #fff;
  border-radius: 50%;
}

.video-desc-popup .form-group textarea {
  border-radius: 0;
  resize: none;
  border: 1px solid #e8e8e8;
  box-shadow: none;
}

/******************************hash tag popup*******************************/

.hash-item-popup {}

.hash-item-popup .modal-title {
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  color: #d544da;
}

.hash-item-popup .form-group {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .hash-item-popup .modal-dialog {
    width: 350px;
    margin: 30px auto;
  }
}

.hash-item-popup .hash-item,
.subscribe-podcast-modal .hash-item {
  margin: 5px 2px;
  letter-spacing: 1px;
  padding: 8px 12px;
  cursor: pointer;
  color: #555;
  font-size: 15px;
}

.hash-item-popup .hash-item+.hash-item,
.subscribe-podcast-modal .hash-item+.hash-item {
  border-top: 1px solid #e4e4e4;
}

/***** home tabs menu *****/

.home-tabs-menu {
  /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); */
  background-color: #ffffff;
  border-color: #ffffff;
  /*border: 1px solid transparent;*/
  /*    background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
  margin-bottom: 40px;
  text-align: center;
  /* margin-top: 80px; */
  /*margin-top: 55px;*/
  /* border-top: 2px solid #f4f4f4; */
}

.home-tabs-menu ul,
.hidden-options-menu ul {
  display: inline-block;
}

.home-tabs-menu ul li,
.hidden-options-menu ul li {
  display: inline-block;
  /*margin-right: 20px;*/
}

.home-tabs-menu ul li a,
.hidden-options-menu ul li a,
.hidden-options-menu ul li a:focus,
.home-tabs-menu ul li a:focus {
  /* padding: 10px 30px; */
  text-transform: capitalize;
  color: #5D5D5D;
  background: transparent;
  border-bottom: 3px solid transparent;
  outline: 0;
  font-weight: 700;
  font-family: 'roboto mono' !important;
  font-size: 14px;
}

.home-tabs-menu ul li a:hover,
.hidden-options-menu ul li a:hover {
  background: transparent;
}

.home-tabs-menu ul li a:before {
  display: inline-block;
  font-size: 22px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  font-family: 'icomoon' !important;
}

.home-tabs-menu ul li.active a {
  color: #d544da;
  border-bottom: 3px solid #d544da;
  /* padding-bottom: 23px !important;
  font-size: 25px;
  vertical-align: middle;
  text-decoration: none;
  text-transform: capitalize; */
}

.home-tabs-menu .tab-content {
  margin-top: 25px;
}

.home-tabs-menu-container&gt;.tab-content .data-search {
  margin: 0 0 30px 0;
}

.home-tabs-menu-container&gt;.tab-content {
  min-height: 700px;
  padding-bottom: 90px;
}

.home-tabs-menu-container&gt;.tab-content .eventsCarousel {
  margin-bottom: 30px;
}

.home-tabs-menu-container .icon-refresh {
  /* font-weight: bold;*/
  font-weight: 600;
}

@media (max-width:1200px) {
  .home-tabs-menu ul li a,
  .home-tabs-menu ul li a:focus {
    padding: 10px;
    font-size: 10px;
    text-transform: uppercase;
    /* font-family: 'Gibson-SemiBold' !important; */
    /* font-family: 'muktasemibold', sans-serif !important; */
    font-weight: 600;
    color: #484848;
    background: transparent;
    /*border-bottom: 3px solid transparent;*/
    outline: 0;
  }
  .home-tabs-menu ul li a:before {
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px 0 0;
  }
}

/********************************payment option*********************************/

.payment {}

.payment-option {
  padding-bottom: 10px;
}

.payment h3 {
  color: #d544da;
  text-transform: uppercase;
  font-size: 18px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
}

.payment .add-btn {
  margin-top: 9px;
  border: 1px solid #bbbbbb;
  background: transparent;
  color: #5a5a5a;
}

.payment .delete-btn {
  border: 1px solid #d544da;
  color: #d544da;
  background-color: transparent;
}

.payment .listing {
  line-height: 35px;
}

.payment .listing+.listing {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.payment .listing:last-child {
  margin-bottom: 0px;
  border-bottom: 0;
}

.payment .number {
  padding-top: 5px;
}

.payment .number i {
  margin-right: 10px;
  vertical-align: middle;
}

.payment .top-row {
  margin-bottom: 10px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e6e6e6;
}

/********************custom dropdown***************************/

.custom-dropdown-menu.open&gt;.dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.custom-dropdown-menu .dropdown-menu {
  opacity: .3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1, 0);
  display: block;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

/***************************buy-bidcoin-modal *********************************/
.buy-bidcoin-modal .subscription-details {
  padding: 0 15px;
}
.buy-bidcoin-modal .subscription-details .amount-sty {
  color: #d544da;
  font-weight: 600;
}
.buy-bidcoin-modal {}

.buy-bidcoin-modal .main-tabs {
  margin-bottom: 30px;
}
/* .buy-bidcoin-modal .nav-tabs&gt;li.active&gt;a:hover, 
.buy-bidcoin-modal .nav-tabs&gt;li.active&gt;a:focus {
  font-size: 15px;
} */
.buy-bidcoin-modal .product-list {}

.buy-bidcoin-modal ul.nav-tabs&gt;li&gt;a,
.buy-bidcoin-modal ul.nav-tabs&gt;li&gt;a:hover,
.buy-bidcoin-modal ul.nav-tabs&gt;li&gt;a:focus,
.buy-bidcoin-modal .nav-tabs.nav-justified&gt;.active&gt;a,
.buy-bidcoin-modal .nav-tabs.nav-justified&gt;.active&gt;a:hover,
.buy-bidcoin-modal .nav-tabs.nav-justified&gt;.active&gt;a:focus {
  border: 0;
}

.buy-bidcoin-modal ul.nav-tabs&gt;li&gt;a {
  color: #555;
}

.buy-bidcoin-modal .money-box {
  margin: 11px 0;
  border: 1px solid #cecece;
  padding: 5px 0;
  border-radius: 2px;
}

.buy-bidcoin-modal .money-box input {
  margin-top: 14px;
}

.buy-bidcoin-modal .money-box .amount span {
  color: #d544da;
}

.buy-bidcoin-modal ul.nav-tabs&gt;li.active&gt;a {
  border: 0;
  border-bottom: 2px solid #d544da !important;
  color: #d544da;
}

.buy-bidcoin-modal .product-list-item {
  margin-bottom: 23px;
  padding: 20px 15px;
  border: 1px solid #f3f3f3;
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}

.buy-bidcoin-modal .product-list-item:hover {
  background-color: #f7f7f7;
}

.buy-bidcoin-modal .product-list-item i {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #cecece;
  font-size: 18px;
}

.buy-bidcoin-modal .receipt {
  border: 1px solid #eaeaea;
  padding: 10px 0px;
}
.buy-bidcoin-modal .receipt .subscribeDesc{
  word-wrap:break-word;
}
.buy-bidcoin-modal .product-name {
  font-size: 24px;
  padding-top: 10px;
  line-height: 30px;
  word-wrap: break-word;
  word-break: break-word;
  /* font-family: 'Gibson-Light'; */
}

.buy-bidcoin-modal .coins {
  color: #d544da;
}

.buy-bidcoin-modal .dollar {
  font-size: 24px;
}

.buy-bidcoin-modal .proceed-pay {
  background-color: #F44336;
  color: white;
}

.buy-bidcoin-modal .add-card {
  border: 1px solid #bbbbbb;
  background: transparent;
  color: #5a5a5a;
  margin-top: 6px;
  /* font-size: 16px; */
  margin: 20px 0;
  float: right;
}

.buy-bidcoin-modal .credit-cards {
  display: block;
  font-size: 17px;
  font-weight: lighter;
}

.buy-bidcoin-modal .card-list {
  margin-top: 15px;
}

.buy-bidcoin-modal .card-list label:only-child {
  margin: 20px 0;
}

.buy-bidcoin-modal .credit-cards input {
  vertical-align: middle;
  margin: 0 20px 0 0;
}

.buy-bidcoin-modal .money-input label {
  line-height: 34px;
}

.buy-bidcoin-modal .money-input .input-group {
  width: 40%;
  float: right;
}

/************************direct message popup*******************************/

.direct-message-popup textarea {
  resize: none;
}
.direct-message-popup .modal-dialog {
  width: 420px;
}
.direct-message-popup .modal-header {}

.direct-message-popup .send-btn {
  width: 100px;
}

/*@media (min-width: 768px) {
  .direct-message-popup .modal-dialog {
    width: 450px;
  }
}*/

/***** edit description modal *****/

.modal-xs {
  width: 400px;
}

.video-desc-popup {}

.video-desc-popup .form-group {
  margin-bottom: 2px;
}

.video-desc-popup .modal-footer {
  border-top: 0px;
}

.video-desc-popup .modal-body {
  padding-bottom: 1px;
}

.video-desc-popup .video-desc-thumb {
  margin-bottom: 0px;
}

.video-desc-popup .video-desc-thumb img {
  width: 100%;
}

.transparent-head .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0;
}

.transparent-head .modal-content .modal-header {
  padding: 15px 0;
  border: 0;
}

.transparent-head .modal-content .modal-body {
  background: #fff;
  padding-top: 0;
}

.transparent-head .modal-content .modal-footer {
  background: #fff;
}

.transparent-head .modal-header .close {
  width: 35px;
  height: 35px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  opacity: 0.3;
  font-weight: lighter;
}

.video-desc-popup .form-group textarea {
  border-radius: 0;
  resize: none;
  border: 1px solid #e8e8e8;
  box-shadow: none;
}

/**************************following modal******************************/

.followingmodal {}

.followingmodal .followingcontainer {
  height: 550px;
  overflow-y: scroll;
}

.followingmodal ul {
  list-style-type: none;
  padding: 0;
}

.followingmodal .modal-body {
  padding-bottom: 15px;
  /* padding-right: 0px; */
  padding-top: 0;
}

.followingmodal .list-itemm {
  padding: 9px 0;
  border-bottom: 1px solid rgb(206, 206, 206);
  position: relative;
}

.followingmodal a:link,
.followingmodal a:visited,
.followingmodal a:hover,
.followingmodal a:active {
  text-decoration: none;
  color: #272727;
}

.followingmodal .list-itemm img {
  width: 55px;
  height: 55px;
  object-fit: cover;
}

.followingmodal .list-itemm .left-sec {
  width: 55px;
  height: 55px;
  float: left;
}

.followingmodal .list-itemm .verify {
  position: absolute;
  top: -4px;
  right: -4px;
  color: #127fff;
  font-size: 20px;
}

.followingmodal .list-itemm .icon-verified:before {
  z-index: 1;
  position: relative;
}

.followingmodal .list-itemm .icon-verified:after {
  position: absolute;
  content: "";
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  z-index: 0;
  background-color: white;
}

.followingmodal .list-itemm .rightsec {
  width: calc(100% - 65px);
  float: left;
}

.followingmodal .name {
  font-size: 18px;
}

.followingmodal .rightsec i {
  margin-right: 5px;
}

.followingmodal .icon-influencer {
  color: #f44336;
}

.followingmodal .icon-influencer+span {
  margin-right: 10px;
}

.followingmodal .desc {
  word-wrap: break-word;
  max-height: 75px;
  min-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  margin-top: 3px;
  color: #333;
}

.followingmodal .modal-title {
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  color: #d544da;
}

.followingmodal .heart-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}
.followingmodal .heart-button i {
  font-weight: 700;
  font-size: 22px;
}
/***************************thank you modal*******************************/

.thankyou-modal .modal-header {
  border-bottom: 0px;
}
.thankyou-modal .thank-you-margin {
  margin-left: 18px;
}

@media (min-width: 768px) {
  .thankyou-modal .modal-dialog {
    width: 432px;
    margin: 30px auto;
  }
}

.thankyou-modal .modal-body {
  padding-top: 0;
}

.thankyou-modal .icon-parent {
  font-size: 70px;
  color: #d544da;
  margin-bottom: 10px;
}

.thankyou-modal .receipt {
  border: 1px solid #eaeaea;
  padding: 10px 0px;
  margin-top: 20px;
}

.thankyou-modal p {
  text-align: center;
}

.thankyou-modal .product-name {
  font-size: 18px;
  padding-top: 10px;
}

.thankyou-modal .coins {
  color: tomato;
}

.thankyou-modal .dollar {
  font-size: 18px;
}

.thankyou-modal .subscription-thankyou-message *{
  line-height: initial;
}
.thankyou-modal .subscription-thankyou-message {
  max-height: 200px;
  overflow-y: auto;
  margin-top: 30px;
}
/*****************go to sign in modal***********************/

.goto-signin .btn {
  height: 40px;
  border: 0px;
  color: white;
  text-shadow: none;
}

.goto-signin .modal-content {
  padding-bottom: 15px;
}

.goto-signin .form-control {
  height: 40px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .goto-signin .modal-dialog {
    width: 430px;
  }
}

/*.goto-signin .signin {
  background-color: #F44336;
}*/

.goto-signin .textdivider {}

/**********************loyalty*****************************/

.loyalty {}

@media (min-width: 768px) {
  .loyalty .modal-dialog {
    width: 350px;
    margin: 30px auto;
  }
}

.loyalty .modal-header {
  border-bottom: 0px;
  padding: 9px 15px 0px 15px;
}

.loyalty .congrats {
  font-size: 24px;
  /* font-family: 'Gibson-SemiBold', sans-serif; */
  font-weight: 600;
  color: #f6ae00;
}

.loyalty.modal-body {
  padding-top: 0px;
}

.loyalty img {
  height: 170px;
}

.loyalty .imgbag {}

.loyalty p {
  font-size: 20px;
  /* font-family: 'Gibson-SemiBold', sans-serif; */
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 16px;
}

.loyalty .loyaltymessage span {
  color: #d544da;
}

/************************schedule-event********************************/

.schedule-event {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 15px;
}

.schedule-event form {
  width: 100%;
}

.schedule-event .leftsec {
  position: relative;
  display: inline-block;
  margin-right: 70px;
}

.schedule-event .rightsec {
  padding: 25px 15px 15px 15px;
}

.schedule-event .leftsec img {
  width: 460px;
  height: 259px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: grey;
}

.schedule-event .featured-event-content {
  /* width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.22);
  bottom: 0; */
  padding: 15px 0;
}

.schedule-event .uploadbutton {
  position: absolute;
  right: 2px;
  width: 32px;
  height: 32px;
  top: 50%;
  z-index: 5;
}

.schedule-event textarea {
  resize: none;
}

.schedule-event .rightsec label {
  font-weight: normal;
  /*  color: #2f2f2f;*/
  font-size: 15px;
}

.schedule-event .description {
  margin-bottom: 0;
}

.schedule-event .title {
  width: calc(100% - 140px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.schedule-event .event-data-height {
  line-height: 23px;
}

.schedule-event .date {
  font-size: 13px;
  width: 140px;
  vertical-align: middle;
  float: right;
  text-align: right;
}

.featured-user3 .event-data-height {
  line-height: 23px;
}

.schedule-event .rightsect {
  /*width: calc(100% - 70px);
  padding-left: 10px;*/
  width: 100%;
}

.schedule-event .desc {
  word-wrap: break-word;
}

.schedule-event .pading-right0 {
  padding-right: 0;
}

.schedule-event .savebtn {
  background-color: #03A9F4;
  padding: 9px 16px;
  color: white;
  opacity: 1;
}

.schedule-event .delbtn {
  background-color: #F44336;
  padding: 9px 0px;
  color: white;
  opacity: 1;
  border-radius: 38px;
}

/*.schedule-event .existing-schedule-event .event-share {
  display: inline-block;
  background: transparent;
  border: transparent;
}
*/

.schedule-event .event-date-time {
  /*padding: 0;*/
}

.schedule-event .event-date-time span:first-child {
  padding-top: 5px;
}

.schedule-event .event-date-time span:last-child {
  padding-bottom: 5px;
}

.datepicker_header a[class*="icon-"]:before {
  content: none;
}

.datepicker&gt;.datepicker_header&gt;.icon-close {
  padding: 0px !important;
  margin: 7px;
}

.schedule-event .upload-button {
  margin-top: 25px;
}

.schedule-event .upload-button label {
  border: 1px solid #ccc;
  color: #757575;
  padding: 8px 22px;
  border-radius: 4px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: pointer;
}

.schedule-event .upload-button label i {
  margin-right: 10px;
}

.schedule-event .upload-button input {
  display: none;
}

@media (max-width: 990px) {
  .schedule-event .leftsec {
    margin-right: 0px;
    margin-top: 20px;
  }
  .schedule-event {
    /* text-align: center; */
  }
}

@media (max-width: 540px) {
  .schedule-event .rightsec {
    width: 100%;
  }
  .schedule-event .leftsec {
    width: calc(100% - 30px);
    padding: 0;
  }
  .schedule-event .leftsec img {
    width: 100%;
    height: auto;
  }
}

/***************fetured user2**************/

.featured-user2 {
  cursor: pointer;
  position: relative;
  margin-bottom: 30px;
  /*border-radius: 3px;
    overflow: hidden;*/
}

.featured-user2 .profile-container {
  position: relative;
}

.featured-user2 .profile-container img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.featured-user2 .profile-container .image-container {
  height: 300px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.featured-user2 .profile-container:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.48) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.48) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.48) 100%);
}

.featured-user2 .heart-button {
  /*position: absolute;
top: 7px;
right: 9px;
z-index: 10;*/
  pointer-events: all;
}

.featured-user2 .verify {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ffcd02;
  font-size: 25px;
}

.featured-user2 .icon-verified:before {
  z-index: 1;
  position: relative;
}

.featured-user2 .icon-verified:after {
  position: absolute;
  content: "";
  top: 8px;
  right: 4px;
  bottom: 6px;
  left: 4px;
  z-index: 0;
  background-color: white;
}

.featured-user2 .influencer {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 10;
}

.featured-user2 .influencer i {
  color: #f44336;
  margin-right: 5px;
}

.featured-user2 .content {
  pointer-events: none;
  color: white;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 16px 15px 7px;
  /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.48) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 100%);*/
}

.featured-user2 .content .broadcaster-name {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 16px;
}

.featured-user2 .content .description {
  color: white;
  font-size: 13px;
  height: 56px;
}

.featured-user2 .live {
  top: 13px;
  left: 29px;
  bottom: auto;
}

/***************fetured user3**************/

.featured-user3 {
  cursor: pointer;
  position: relative;
  margin-bottom: 30px;
  /* height: 322px; */
  /*border-radius: 3px;
    overflow: hidden;*/
}

.featured-user3 .content {
  position: relative;
  padding: 15px;
}

.featured-user3 .description {
  line-height: 23px;
  font-weight: 400;
}

.featured-user3 a {
  height: 100%;
  display: block;
}

.featured-user3 .profile-container {
  position: relative;
}

.featured-user3 .profile-container .image-container {
  height: 190px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.featured-user3 .heart-button {
  /*position: absolute;
top: 7px;
right: 9px;
z-index: 10;*/
  pointer-events: all;
  /* position: absolute;
top: 10px;
left: 15px; */
  font-size: 30px;
}

.featured-user3 a:hover,
.featured-user3 a:visited,
.featured-user3 a:link {
  text-decoration: none;
}

.featured-user3 .content .broadcaster-name {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 16px;
  color: #333;
}

.featured-user3 .content.event .description {
  font-size: 13px;
  height: 35px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
}

.featured-user3 .live-new {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  transform: translateX(0);
  /* display: inline-block; */
  padding: 2px 8px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.featured-user3 .date {
  font-size: 13px;
  width: 140px;
  vertical-align: middle;
}

.featured-user3 .event-name {
  width: calc(100% - 140px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.featured-user3 .btn-container {
  position: absolute;
  top: -20px;
  right: 20px;
}

.featured-user3 .btn-container .round-btn {
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  /* line-height: 45px; */
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  /* box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.24); */
  border: 1px solid #e3e3e3;
}

.featured-user3 .btn-container i {
  /* font-weight: bold; */
  font-weight: 600;
}

.featured-user3 .btn-container .heart-button i {
  /* font-weight: bold;*/
  font-weight: 600;
}

*/ .featured-user3 .content {
  position: absolute;
  bottom: 0;
  /* background-color: #ea5353; */
  left: 0;
  right: 0;
  padding: 24px 15px 5px 15px;
  pointer-events: none;
}

.featured-user3 .content.event {
  padding: 24px 15px 10px 60px;
}

/* .featured-user3 .content.event .description{
  margin-bottom: 5px;
} */

.featured-user3 .date-container {
  position: absolute;
  left: 15px;
  top: 35px;
}

.featured-user3 .date-container .event-date {
  color: #929294;
  font-size: 25px;
}

.featured-user3 .btn-container .heart-button i {
  font-size: 22px;
  line-height: 45px;
  color: black;
}

.featured-user3 .heart-button[data-follow="1"] i:before,
.featured-user3 .heart-button[data-follows="1"] i:before {
  content: "\e905";
  color: #f44336;
}

/***** suggested-page ****/

.suggested-page {
  margin-top: 25px;
  margin-bottom: 25px;
}

.suggested-page .suggested .image-parent {
  height: 120px;
  width: 115px;
}

.suggested-page .suggested .image-parent .verify {
  position: absolute;
  color: #127fff;
  left: 4px;
  top: 2px;
  font-size: 20px;
}

.suggested-page .suggested .image-parent .verify i:before {
  z-index: 1;
  position: relative;
}

.suggested-page .suggested .image-parent .verify i:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 3px;
  left: 3px;
  bottom: 5px;
  background: #fff;
  z-index: 0;
}

.suggested-page .suggested .content {
  width: calc(100% - 148px);
}

/***** messages page *****/

.message-page {
  /* margin-top: 30px; */
  margin-bottom: 80px;
}

.message-page .chat_box {
  padding-right: 0;
  background-color: rgba(244, 244, 244, 0.54);
  box-shadow: 10px 1px 20px 0px rgba(232, 232, 232, 0.78);

}

.message-page .right-message-column {
  padding-left: 22px;
}

.message-page .chat_head {
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  /* font-family: 'Gibson-SemiBold'; */
  font-weight: 600;
  padding: 22px 0 0px 15px;
  padding-bottom: 28px;
  border-bottom: 1px solid #f7f7f7;
}

/*.message-page .chat_body {
  padding-right: 10px;
}*/
.message-page .chat_body .user-item[data-msgselect="1"] {
  background-color: #ffffff;
  border-left: 4px solid #d544da;
}
.message-page .chat_body .user-item[data-msgselect="0"] {
  background-color: transparent;
  border-left: 4px solid transparent;
}
.message-page .chat_body .user-item {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #ededed;
  padding: 10px;
}

.message-page .chat_body .user-item{
  background-color: transparent;
}

.mCustomScrollBox {
  margin-bottom: 15px;
}
.message-page .chat_body .user-item+.user-item {}

.message-page .scrollit {
  overflow: hidden;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.message-page .emojionearea.form-control {
  height: 54px;
  resize: none;
  border-radius: 0;
  box-shadow: none;
  background-color: #f7f7f7;
}

.form-control:focus {
  outline: 0;
  box-shadow: none;
  border-color: #ccc;
}

.message-page .chat_body .avatar {
  float: left;
  border: 1px solid rgb(235, 235, 235);
  margin-right: 0;
  border-radius: 50%
}

.message-page .chat_body .avatar img {
  vertical-align: middle;
  border: 2px solid #fff;
  border-radius: inherit;
  object-fit: cover;
  width: 50px;
  height: 50px;
}

.message-page .chat_body .user-desc {
  float: left;
  width: calc(100% - 52px);
  padding-left: 9px;
}

.message-page .emogi-triger {
  position: absolute;
  right: 5px;
  top: 5px;
  background: transparent;
  border: 0;
  padding: 1px 3px;
}

.message-page .message-placeholder {
  position: relative;
  height: 380px;
}

.message-page .message-placeholder .inner {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -25%);
  left: 50%;
}

.message-page .message-placeholder i {
  font-size: 100px;
  color: #d4d4d4;
}

.message-page .message-placeholder h1 {
  color: #d4d4d4;
}

.message-page .message-placeholder p {
  font-size: 18px;
  /* margin-top: 25px; */
  color: #d4d4d4;
}

.emojionearea .emojionearea-editor {
  min-height: 53px;
  max-height: 53px;
}

.emojionearea .emojionearea-editor::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.message-page .send-message {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #d544da;
  border: 0;
  color: #fff;
  font-size: 19px;
  float: left;
}

.message-page .send-message:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.message-page .send-message:active {
  outline: 0;
  background: #b737bb;
}

.message-page .send-message span[class*="icon-"] {
  vertical-align: middle;
  margin-right: -5px;
  line-height: 0;
}

.message-page .chat_body .user-desc h5 {
  font-size: 15px;
  margin: 6px 90px 4px 0;
  /* font-weight: bold;*/
  font-weight: 600;
  color: rgba(27,27,27,0.9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-page  .scrollit2 {
  overflow: hidden;
  height: 418px;
}
.message-page .chat_body .user-desc .msg {
  margin: 0;
  display: inline-block !important;
  width: 100%;
  margin-left: 6px;
  font-size: 14px;
}

.message-page .chat_body .user-item .date {
  position: absolute;
  top: 8px;
  right: 24px;
  color: #c1c1c1;
  font-size: 11px;
}
.message-page .chat_body {
  background-color: rgba(244, 244, 244, 0.54);
  /*margin-bottom: 20px;*/
}
.message-page .user-detail-sec {
  border-bottom: 1px solid #f7f7f7;
  padding: 15px 0;
  /*margin-bottom: 15px;*/
}

.message-page .user-detail-sec .avatar {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgb(235, 235, 235);
  border-radius: 50%;
}

.message-page .user-detail-sec .avatar img {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

.message-page .user-detail-sec .username {
  display: inline-block;
  color: rgba(27,27,27,0.9);
  margin-left: 6px;
  font-size: 18px;
}

.message-page .message-input {
  border-top: 1px solid #e6e6e6;
  padding: 3px 20px;
  border-radius: 3px;
}

.message-page .message-input textarea {
  resize: none;
  border-radius: 0;
  box-shadow: none;
  background-color: #f7f7f7;
}

.message-page .message-input textarea::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.message-page .message-send-btn {
  background-color: #F44336;
  color: white;
  text-transform: uppercase;
  width: 100%;
  margin-top: 7px;
  padding: 10px 12px;
}

.message-page .send-btn-parent {
  padding-right: 2px;
  padding-left: 15px;
  padding-top: 12px;
}

.messager-name {
  display: inline-block;
  color: #949494;
}

.message-date {
  float: right;
  font-size: 14px;
  color: #949494;
  display: inline-block;
}

.message-page .message-content {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.message-page .desc {
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  line-clamp: 1;
  height: 24px;
}

.message-page .textarea:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background-color: #f7f7f7;
  width: 14px;
  height: 14px;
  z-index: 1;
  border-color: #d8d8d8;
  border-width: 1px 1px 0px 0px;
  border-style: solid;
}
/*-------------------*/
.message-page .chat-right-section {
  /*

  */
}
.directMessageBidchatHeader {
  /*     padding-bottom: 10px; */
  color: #7b7a7a;
  /* font-weight: bold; */
  font-weight: 600;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  border: 1px solid #f6f6f6;
  border-bottom: 0;
  white-space: normal;
}

.directMeassageInfo .directMessageUserInfo,
.directMeassageInfo .message_info,
.directMeassageInfo .directMessageCharityInfo {
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0.02);
  padding: 10px;
  border: 1px solid #f6f6f6;
  border-top: 0;
  white-space: normal;
}

.directMeassageInfo .directMessageUserInfo:after {
  content: '';
  clear: both;
  display: block;
}

.directMeassageInfo .message_info:after {
  content: '';
  clear: both;
  display: block;
}

.directMeassageInfo .directMessageCharityInfo:after {
  content: '';
  clear: both;
  display: block;
}

.directMeassageInfo .directMessageUserInfo+.directMessageCharityInfo {
  margin-top: -10px;
}

.directMessageUserInfo:after {
  content: '';
  clear: both;
  display: block;
}

.directMessageUserInfo img,
.directMessageCharityInfo img {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 2px solid #fff;
}

.directMessageUserInfo img,
.directMessageBidchatHeader img,
.directMessageCharityInfo img {
  margin-right: 10px;
  vertical-align: middle;
}

.directMessageUserInfo .usr_img,
.directMessageCharityInfo .usr_img {
  float: left;
}

.directMessageBidchatHeader img {}

.directMessageUserInfo .charity_info_msg,
.directMessageCharityInfo .charity_info_msg {
  float: left;
  max-width: calc(100% - 50px);
}

.directMessageUserInfo .directMessageAmountBidcoinScore {
  color: #e3a727;
}

.directMessageCharityInfo .userName,
.directMessageUserInfo .userName {
  color: #0382a0;
  margin: 5px 0 5px 0;
  display: inline-block;
}

.directMessageTextRow {
  overflow: hidden;
  margin-bottom: 8px;
  min-width: 190px;
}

.directMessageTextRow .direcMessagPullleft {
  float: left;
}

.directMessageTextRow .direcMessagPullright {
  float: right;
}

.messageList {
  padding: 10px 20px 0;
  position: relative;
  margin: 0 0 15px 0;
  display: inline-block;
}

.messageList[data-own="1"] {
  width: 100%;
}

.messageList[data-own="1"] .userImage {
  float: right;
  margin-left: 8px;
}

.messageList[data-own="1"] .messageContainer {
  background-color: rgba(218, 218, 218, 0.53);
  /* border-radius: 4px 0px 4px 4px; */
  border-radius: 15px 15px 0 15px;
  box-shadow: 0px 3px 6px 1px rgba(84, 84, 84, 0.04);
  float: right;
  color: #525252;
  /* background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%); */
}

.messageList[data-own="1"] .messageContainer .messager-name {
  color: #111;
  font-weight: 700;
}

.messageList[data-own="1"] .messageContainer .message-date {
  color: #949494;
}

/* .messageList[data-own="1"] .messageContainer:before {
  content: '';
  position: absolute;
  background: inherit;
  width: 15px;
  height: 15px;
  right: -4px;
  transform: skewX(-35deg);
  box-shadow: 3px 2px 1px -1px rgba(255, 0, 31, 0.04);
  top: 0px;
  border-radius: 0 2px 0 0;
} */

.messageList[data-own="0"] .messageContainer .message {
  color: #fff;
}

.messageList[data-own="0"] {
  width: 100%;
}

.messageList[data-own="0"] .userImage {
  float: left;
  margin-right: 8px;
}

.messageList[data-own="0"] .messageContainer {
  background-color: white;
  /* border-radius: 0px 4px 4px 4px; */
  border-radius: 15px 15px 15px 0;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.04);
  float: left;
}

/* .messageList[data-own="0"] .messageContainer:before {
  content: '';
  position: absolute;
  background: inherit;
  width: 15px;
  height: 15px;
  left: -5px;
  transform: skewX(35deg);
  box-shadow: -3px -2px 1px -1px rgba(255, 0, 31, 0.04);
  top: 0px;
  border-radius: 2px 0 0 0;
} */

.messageList[data-own="0"] .messageContainer * {
  z-index: 1;
  position: relative;
}

.messageList[data-own="0"] .messageContainer .message {
  color: #333;
}

.messageList[data-own="0"] .messageContainer .timer {
  color: #c8c8c8;
}

.messageList:after {
  content: '';
  clear: both;
  display: block;
}

.messageList .userImage {
  background: #fff;
  border-radius: 50%;
  padding: 2px;
  display: none;
}

.messageList .userImage img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  vertical-align: middle;
}

.messageList .messageContainer {
  /* display:table; */
  position: relative;
  /* padding: 8px; */
  padding: 15px;
  /* max-width: calc(100% - 60px); */
  max-width: 90%;
  min-width: 200px;
}

.messageList .messageContainer .message {
  color: #fff;
  word-wrap:break-word;
  white-space: pre-line;
  z-index: 1;
  position: relative;
}

.messageList .messageContainer .timer {
  font-size: 9px;
  margin-top: 6px;
  color: #ffa8b7;
}

/*********************video-overlay*****************************/

.video-gift-button,
.video-gift-button:hover {
  position: absolute;
  top: 50%;
  margin-left: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  /* color: white; */
  padding: 7px 20px 7px 20px;
  transform: translateY(-50%);
  font-size: 20px;
  border-radius: 3px;
  border-radius: 0 30px 30px 0;
  webkit-animation: colorchange 2s infinite;
  animation: colorchange 2s infinite;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}

.colorchange {
  webkit-animation: colorchange 2s infinite;
  animation: colorchange 2s infinite;
}

@keyframes colorchange {
  0% {
    color: #d544da;
  }
  50% {
    color: white;
  }
  100% {
    color: #d544da;
  }
}

@-webkit-keyframes colorchange {
  0% {
    color: #d544da;
  }
  50% {
    color: white;
  }
  100% {
    color: #d544da;
  }
}

/**************************all gift stuff**************************************/

.all-gift-stuff {
  position: absolute;
  width: 100%;
  z-index: 5;
  bottom: 0;
  /* padding-top: 10px; */
  background: rgba(0, 0, 0, 0.24);
}

.all-gift-stuff .gift-list {
  width: calc(100% - 181px);
  overflow: auto;
  white-space: nowrap;
  display: inline-block;
}

.all-gift-stuff .close2 {
  border: 0;
  width: auto;
  opacity: 0.3;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

.placeholderVideobg .all-gift-stuff .close2 {
  right: 10px;
}

.all-gift-stuff .giftmodal {
  padding: 8px 15px 8px;
}

.all-gift-stuff .gift-item {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-right: 4px;
  text-decoration: none;
  color: black;
  background: white;
  border-radius: 5px;
  padding: 5px 4px;
  transition: 0.3s;
}

.all-gift-stuff .gift-item:hover {
  transform: translateY(-5px);
}

.all-gift-stuff .coin-val {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  /* font-size: 13px; */
  padding-top: 4px;
  color: #4c4c4c;
}

.all-gift-stuff .gift-item img {
  height: 40px;
  width: 40px;
  margin-right: 0;
  border-radius: 0;
}

.all-gift-stuff .balance {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  text-align: center;
}

.all-gift-stuff .bidchat-coin {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 25px;
}

.all-gift-stuff .coins-remaining {
  line-height: 32px;
  font-size: 22px;
  /* font-weight: lighter; */
  color: #ffbc11;
}

.all-gift-stuff .addcoin,
.all-gift-stuff .addcoin:hover {
  background: transparent;
  border: 2px solid #ffbc11;
  color: #ffbc11;
  text-transform: uppercase;
  margin-top: 5px;
}

.all-gift-stuff .slider-parent {
  padding-top: 40px;
}

.all-gift-stuff .tip-button-parent {
  margin: 7px 0;
}

.all-gift-stuff .ui-slider .ui-slider-handle,
.all-gift-stuff .ui-slider .ui-slider-handle:focus {
  width: 1.6em;
  border-radius: 50%;
  top: -0.7em;
  height: 1.6em;
  left: -.6em;
  text-decoration: none;
  text-align: center;
  background-color: #ffbc11;
  border: 0px;
  outline: 0px;
}

.all-gift-stuff .ui-slider.ui-slider-horizontal {
  height: 0.4em;
}

/***************blur**************/

.blurred {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

/******************report user*************************/

@media (min-width: 768px) {
  .report-user .modal-dialog {
    width: 400px;
  }
}

.report-user label {}

.report-user label input {
  vertical-align: middle;
  margin-top: 2px;
}

/*******************fixed tabs******************************/

.fixed-tabs {
  position: fixed;
  /* z-index: 12; */
  z-index: 1;
  top: 0;
  width: 100%;
}

.tabcontent-padding {
  padding-top: 95px;
}

@media screen and (max-width: 1024px) {
  /*.fixed-tabs {
    position: static;
  }*/
  /*.homepage-tab .nav{
    display: none;
  }*/
  /*.select-tab-parent{
  display: block;
}*/
  /*.tabcontent-padding {
    padding-top: 0;
  }*/
  .homepage-slider-container .flexslider {
    min-height: auto;
  }
  .footer .footer-title {
    line-height: 14px;
  }
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 13;
}

@media screen and (max-width: 1024px) {
  .footer {
    position: static;
    width: 100%;
  }
}

.footer .badgeholder img {
  width: 100px;
}

.footer .socialicon-list li a i {
  padding: 8px;
  font-size: 14px;
}

.footer .c-name {
  display: none;
}

.footer .copyrightText {
  margin-top: 0;
}

.footer .socialicon-list {
  margin-top: 6px;
}

.footer .footer-title {
  margin: 0;
  line-height: 40px;
}

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */

.text-xs-left {
  text-align: left;
}

.text-xs-right {
  text-align: right;
}

.text-xs-center {
  text-align: center;
}

.text-xs-justify {
  text-align: justify;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}

/*************************bidtab**************/

.bidtab {}

.bidtab .title {
  text-align: center;
  font-size: 16px;
  color: darkgrey;
  /* text-transform: uppercase; */
  margin-top: 5px;
}

.bidtab .top-bidder {
  background-color: #333333;
  padding: 5px 5px 7px 5px;
}

.bidtab .simple-text {
  position: absolute;
  top: 50%;
  width: 100%;
  font-size: 14px;
  transform: translateY(-50%);
}

.bidtab .top-bidderparrent {
  padding: 6px;
  background-color: #424242;
  border-radius: 3px;
}

.bidtab .top-bidder img {
  width: 40px;
  height: 40px;
  float: left;
  border: 2px solid white;
  border-radius: 50%;
}

.bidtab .top-bidder .rightsec {
  width: calc(100% - 42px);
  float: left;
  color: white;
  padding-left: 8px;
}

.bidtab .placeholder-text {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 100%;
  left: 0;
}

.bidtab .bidqueue {
  height: 182px;
  overflow: auto;
  position: relative;
}

.bidtab .bidprofilelist {
  height: 57px;
  margin-top: 8px;
}

.bidbutton-parent {
  background-color: #424242;
  padding: 9px;
}

.bidbutton-parent .btn {
  width: 30%;
  font-size: 17px;
  letter-spacing: 1px;
  border: 0;
}

.bidbutton-parent span {
  color: #c3c3c3;
  padding-left: 13px;
  text-transform: uppercase;
  word-spacing: 1px;
  vertical-align: middle;
  font-size: 13px;
}

@media (max-width:425px) {
  .bidbutton-parent span {
    font-size: 10px;
  }
}

/*.bidqueue .bidque-item {
  padding: 2px 0;
  font-size: 15px;
}*/

.bidqueue ul {
  counter-reset: section;
  list-style: none;
  padding: 8px;
}

.bidqueue li {
  padding: 8px 15px;
  border: 1px dashed #767681;
  border-bottom: 0;
  background-color: #E9E9EE;
}

.bidqueue li:before {
  color: grey;
  counter-increment: section;
  content: "" counter(section) " : ";
}

.bidqueue li+li {
  border-top: 0;
}

.bidqueue li.datalimit {
  border-bottom: 1px dashed #767681;
}

.bidqueue .datalimit~li {
  border: 0;
  background-color: transparent;
}

.bidqueue li.nodatalimit,
.bidqueue li.nodatalimit~li {
  border: 0;
  background-color: transparent;
}

.duration-info-parent {
  /* margin-top: 7px; */
  line-height: 32px;
}

.topbidcontainer:first-child {
  padding-right: 6px;
}

.topbidcontainer:last-child {
  padding-left: 6px;
}

.top-bidder .duration {
  /*line-height: 37px;*/
  color: white;
  font-size: 12px;
}

.top-bidder .textinfo {
  text-align: center;
  color: white;
  /*padding: 9px 15px;*/
  font-size: 12px;
  border: 1px dashed #F44336;
}

/**********************************select for tabs**************************************/

.select-tab-parent {
  /*display: none;*/
  padding: 5px 0;
}

.select-tab-parent select {
  border-radius: 0;
  height: 40px;
  /* font-family: 'Gibson-SemiBold', sans-serif; */
  font-weight: 600;
  font-size: 13px;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #dadada;
}

@media screen and (max-width: 1024px) {
  /*.homepage-tab .nav{
    display: none;
  }

.select-tab-parent{
  display: block;
}*/
}

@media screen and (max-width: 768px) {
  .select-tab-parent {
    width: 100%;
  }
}

/**********************miniprofile-popup************************/

.miniprofile-popup {
  display: none;
  position: absolute;
  width: 270px;
  height: auto;
  padding: 0px;
  background-color: white;
  top: 50%;
  left: 20%;
  border-radius: 3px;
  z-index: 1050;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
  margin-top: 5px;
}

.miniprofile-popup .user-coverpic-sec {
  height: 100px;
  background-size: cover;
}

.miniprofile-popup .user-coverpic-sec img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.miniprofile-popup .user-propic {
  /* width: 80px; */
  display: inline-block;
  /* height: 80px; */
  position: absolute;
  bottom: -20px;
  left: 10px;
}

.miniprofile-popup .user-propic img {
  width: 70px;
  border-radius: 50%;
  border: 3px solid white;
  height: 70px;
  object-fit: cover;
  box-shadow: 0px 2px 5px 1px rgba(134, 134, 134, 0.34);
}

.miniprofile-popup .username {
  /*position: absolute;
    bottom: 15px;
    left: 95px;*/
    text-shadow: 0 2px 4px #1C1C2E;
    font-size: 17px;
    color: white;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.miniprofile-popup .form-group {
  margin-left: 6px;
  margin-right: 6px;
}
.miniprofile-popup .user-description {
  word-wrap:break-word;
  overflow: hidden;
}
.miniprofile-popup .text-decs {
  word-wrap:break-word;
  overflow: hidden;
}
.miniprofile-popup .send-btn {
  width: 80px;
  height: 35px;
  line-height: 35px;
}
.miniprofile-popup .bottom-sec {
  padding: 8px;
}

.miniprofile-popup .followstats {
  margin-left: 73px;
  margin-bottom: 7px;
  color: #444444;
}

.miniprofile-popup .followstats&gt;span {
  color: #797979;
  /* text-transform: uppercase; */
  font-size: 13px;
  /* font-family: 'Gibson-Semibold'; */
  font-weight: 600;
  margin-left: 10px;
}

.miniprofile-popup .profile-link {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 8px;
  text-align: center;
}

.miniprofile-popup .profile-link .btn-link {
  color: #d544da;
  padding: 5px 20px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #d544da;
}

.miniprofile-popup .user-parent {
  position: absolute;
  bottom: 3px;
  left: 92px;
  right: 10px;
}

.miniprofile-popup .influencer {
  color: white;
  text-shadow: 0 2px 4px #1C1C2E;
}

.miniprofile-popup .influencer i {
  color: #F44336;
  margin-right: 5px;
}

.miniprofile-popup .icon-favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0, 0, 0);
}

.miniprofile-popup a,
.miniprofile-popup a:hover {
  color: #797979;
  text-decoration: none;
}

.miniprofile-popup .loading-text {
  padding: 5px;
  text-align: center;
}

.miniprofile-popup .user-coverpic-sec {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

@media (max-width: 480px) {
  .miniprofile-popup {
    left: 0 !important;
  }
}

/********************donate-modal************************/

@media (min-width: 768px) {
  .donate-modal .modal-dialog {
    width: 500px;
  }
}

.donate-modal .input-group-btn button {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  width: 40px;
}

.donate-modal .money-input label {
  line-height: 34px;
}

.donate-modal .money-input .input-group {
  width: 40%;
  float: right;
}

.donate-modal .money-box {
  margin: 11px 0;
  border: 1px solid #cecece;
  padding: 5px 0;
  border-radius: 2px;
}

.donate-modal .money-box input {
  margin-top: 14px;
}

.donate-modal .amount-title {
  font-size: 16px;
}

.donate-modal .amount span {
  color: #d544da;
}

.donate-modal .credit-cards {
  display: block;
}

.donate-modal .card-list {
  margin-top: 15px;
}

.donate-modal .card-list label:only-child {
  margin: 20px 0;
}

.donate-modal .credit-cards {
  display: block;
  font-size: 17px;
  font-weight: lighter;
}

.donate-modal ul.nav-tabs&gt;li&gt;a {
  color: #555;
}

.donate-modal .card-list input {
  vertical-align: sub;
  margin-right: 13px;
}

.donate-modal .card-list input {
  vertical-align: sub;
  margin-right: 13px;
}

.donate-modal .credit-btn-parent {
  margin: 18px 0;
}

.donate-modal .proceed-pay {
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
}

.donate-modal .charity-text-img img {
  width: 100px;
  height: 60px;
  object-fit: cover;
  float: left;
}

.donate-modal .charity-text-img .text {
  width: calc(100% - 100px);
  float: left;
  padding-right: 15px;
  font-size: 16px;
}

.donate-modal ul.nav-tabs&gt;li.active&gt;a {
  border: 0;
  border-bottom: 2px solid #d544da !important;
  color: #d544da;
}

.donate-modal .add-card {
  border: 1px solid #bbbbbb;
  background: transparent;
  color: #5a5a5a;
  margin-top: 6px;
  /* font-size: 16px; */
  margin: 20px 0;
  float: right;
}

.donate-modal .amount-tab {
  display: inline-block;
  float: right;
}

.donate-modal .amount-tab .one-time-payment {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

/************************charity-modal*******************************/

.charity-modal {}

.charity-modal .inner {
  width: 100%;
  top: 50%;
  position: absolute;
}

@media (min-width: 768px) {
  .charity-modal .modal-dialog {
    width: 800px;
  }
}

.charity-modal .charity-parent {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}

.charity-modal .rightsec {
  width: 200px;
  float: left;
}

.charity-modal .leftsec {
  width: calc(100% - 200px);
  float: left;
  padding-right: 10px;
}

.charity-modal .desc {
  height: auto;
  /* max-height: 65px; */
  /* min-height: 10px; */
  margin: 0;
}

.charity-modal .charity-title {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 18px;
}

.charity-modal .cause {
  text-transform: uppercase;
  margin-bottom: 4px;
}

.charity-modal .charity-image {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.charity-modal .donatebtn i {
  margin-right: 5px;
}

.charity-modal .profilelink {
  margin-top: 6px;
  display: block;
  word-wrap:break-word;
}

@media (max-width:768px) {
  .charity-modal .rightsec {
    width: 100px;
  }
  .charity-modal .leftsec {
    width: calc(100% - 100px);
    font-size: 13px;
  }
  .charity-modal .charity-title {
    font-size: 16px;
  }
}

/***********************cashout-balance-modal*****************************************/

@media (min-width: 768px) {
  .cashout-balance-modal .modal-dialog {
    width: 450px;
  }
}

.cashout-balance-modal .coin-div {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  padding: 11px 11px;
  margin-bottom: 11px;
}

.cashout-balance-modal .btn {
  /*font-family: 'Gibson-Light', sans-serif;*/
  font-weight: 400;
  margin-top: 20px;
}

/*********************twitch-popup &amp; periscope-popup**********************/

.twitch-popup .info-btn,
.periscope-popup .info-btn {
  margin-left: 7px;
  background: rgba(0, 0, 255, 0);
  padding: 0;
  width: 20px;
  height: 20px;
  vertical-align: initial;
  border-radius: 50%;
  color: #808080;
}

.twitch-popup .input-popover,
.periscope-popup .input-popover {
  background: transparent;
  padding: 0;
}

.twitch-popup .input-group input,
.periscope-popup .input-group input {
  border-right: 0;
}

.twitch-popup .input-group i,
.periscope-popup .input-group i {
  /* font-weight: bold; */
  font-weight: 600;
  color: grey;
}

.twitch-popup .input-group .trigger,
.periscope-popup .input-group .trigger {
  text-decoration: none;
  display: inline-block;
  padding: 6px;
  background-color: #e8e8e8;
  width: 25px;
  height: 25px;
  border-radius: 80%;
  margin-right: 3px;
  color: #888888;
}

/***********************custom checkbox*************************************/

.custom-checkbox input[type=checkbox] {
  opacity: 0;
  float: left;
  display: none;
}

.custom-checkbox .checkbox-container-home {
  display: inline-block;
  margin-top: 5px;
}

.custom-checkbox input[type=checkbox]:disabled+label {
  opacity: 0.5;
}

.custom-checkbox input[type=checkbox]+label {
  /*  margin: 0 15px 0 20px;*/
  position: relative;
  /*width: 25px;*/
  height: 25px;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0;
}

.pl35 {
  padding-left: 35px;
}

.custom-checkbox input[type=checkbox]+label~label {
  margin: 0 15px 0 40px;
}

.custom-checkbox input[type=checkbox]+label::before {
  content: ' ';
  position: absolute;
  /*left: -32px;*/
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  display: block;
  background: white;
  border-radius: 2px;
  border: 1px solid #A9A9A9;
}

.custom-checkbox input[type=checkbox]+label::after {
  content: "\e958";
  font-family: 'icomoon' !important;
  position: absolute;
  /*left: -32px;*/
  top: 1px;
  width: 23px;
  height: 23px;
  display: block;
  z-index: 1;
  -ms-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  color: #d544da;
  text-align: center;
}

.custom-checkbox input[type=checkbox]:checked+label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/**********************************download-app-modal************************/

.download-app-modal {}

@media (min-width: 768px) {
  .download-app-modal .modal-dialog {
    width: 380px;
    margin: 30px auto;
  }
}

/********************************new-broadcast-btn**********************************/

.new-broadcast-btn {
  display: none;
  position: absolute;
  padding: 8px 30px;
  border-radius: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-transform: uppercase;
  z-index: 1;
}

.new-broadcast-btn-after {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
}

/**********************blogvideo-modal******************/

.blogvideo-modal video {
  width: 100%;
  background-color: #d0d0d0;
}

/***********************product-tracking********************************/

.product-tracking {
  /* padding: 15px 0 5px;*/
}

.product-tracking .order-edit {
  font-size: 15px;
  border: 0;
  border-color: transparent;
  color: #d544da;
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 500;
  background-color: transparent;
}

.product-tracking .order-edit:hover,
.product-tracking .order-edit:active {
  border: 1px;
  border-color: solid #d544da;
  color: #5D5D5D;
}

.product-tracking .title {
  margin-bottom: 10px;
  font-size: 16px;
}

.product-tracking .col {
  padding-right: 0;
}

.product-tracking .all-orders {
  padding: 0px 15px;
}

.product-tracking .product-item {
  padding: 15px 0;
  line-height: 34px;
}

.product-tracking .product-item a {
  text-decoration: none;
  color: #333;
}

.product-tracking .paymentreceived {
  display: inline;
  border: 1px solid #d4d4d4;
  padding: 7px 20px;
  border-radius: 2px;
  background-color: #e8e8e8;
  text-transform: uppercase;
}

/**************************go-live-scheduled-event*************************/

.go-live-scheduled-event-modal .featured-event {
  cursor: default;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .go-live-scheduled-event-modal .modal-dialog {
    width: 410px;
  }
}

.go-live-scheduled-event-modal .featured-event:hover {
  transform: translateY(0);
}

.go-live-scheduled-event-modal .col1 {
  padding-right: 6px;
}

.go-live-scheduled-event-modal .col2 {
  padding-left: 6px;
}

.go-live-scheduled-event-modal .modal-footer .schedule-event-btn {
  border-right: 1px solid #696868;
}

.go-live-scheduled-event-modal .modal-footer .schedule-event-btn .schedule-event-primary-btn {
  border: 0;
  border-color: transparent;
  color: #d544da;
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 500;
  background-color: transparent;
  font-size: 16px;
}

.go-live-scheduled-event-modal .modal-footer .schedule-event-btn .schedule-event-primary-btn:hover {
  color: #fff;
}

.go-live-scheduled-event-modal .modal-header {
  border-bottom: 1px solid #5a5a5a;
}

.go-live-scheduled-event-modal .modal-footer {
  border-bottom: 1px solid #5a5a5a;
}

/**************************go-live-scheduled-event*************************/

.featured-event-modal .featured-event {
  cursor: default;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .featured-event-modal .modal-dialog {
    width: 410px;
  }
}

.featured-event-modal .featured-event:hover {
  transform: translateY(0);
}

.featured-event-modal .col1 {
  padding-right: 6px;
}

.featured-event-modal .col2 {
  padding-left: 6px;
}

/**********************connecting-modal********************/

.connecting-modal .col1 {
  padding-right: 6px;
}

.connecting-modal .col2 {
  padding-left: 6px;
}

@media (min-width: 768px) {
  .connecting-modal .modal-dialog {
    width: 320px;
  }
}

.connecting-modal .item {
  margin-bottom: 10px;
}

.connecting-modal .item:last-child {
  margin-bottom: 0;
}

.connecting-modal .item img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.connecting-modal .item .goLive-icon {
  margin-right: 5px;
}

.connecting-modal .item .title {
  display: inline-block;
}

.connecting-modal .item .list-icon {
  line-height: 25px;
}

.connecting-modal .item .list-icon.icon-sucess-b {
  line-height: 25px;
  color: #4caf50;
}

.connecting-modal .item .dynamic[data-connection="0"]:before {
  content: "\e93a";
  font-family: 'icomoon' !important;
  -webkit-animation: l_spin 2s linear infinite;
  animation: l_spin 2s linear infinite;
  display: inline-block;
}

.connecting-modal .item .dynamic[data-connection="1"]:before {
  content: "\e958";
  font-family: 'icomoon' !important;
  color: #4caf50;
}

.connecting-modal .item .dynamic[data-connection="2"]:before {
  content: "\e957";
  font-family: 'icomoon' !important;
  color: #f44336;
}

/*****************video controls hide*******************/

div[data-hidecontrol="1"] .jw-controlbar {
  /*display: none;*/
}

div[data-hidecontrol="1"] .jw-media {
  pointer-events: none;
}

/*************************canvas animation**************************/

.animation-canvas {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

/******************************star shower*********************************/

.star-shower {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 14;
  pointer-events: none;
  background-image: url("../images/pattern1.png"), url("../images/pattern2.png"), url("../images/pattern3.png");
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation: snow 2s linear infinite;
  animation: snow 2s linear infinite;
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 000px 600px, 000px 400px, 000px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 000px 600px, 000px 400px, 000px 300px;
  }
}

/*.......................responsive broadcaste-search-parent.........................*/

@media screen and (max-width: 768px) {
  .broadcaste-search-parent .form-group {
    width: calc(100% - 50px);
    float: left;
    margin-right: 5px;
  }
  .broadcaste-search-parent .form-group input {
    width: 100%;
  }
  .broadcaste-search-parent .btn {
    float: left;
  }
}

.refresh-container {
  margin-bottom: 15px;
}
.refresh-container .refresh-btn:focus,
.refresh-btn:focus{
  background-color: transparent;
  border-color: #ccc;
}
/******************profile blog video*****************/

.profile-blog-video {
  height: 224px;
  width: 373px;
  background-color: #9a9a9a;
}

@media (max-width:425px) {
  .profile-blog-video {
    width: 100%;
  }
}

/********cropper-height*******/

.cropper-height {
  height: 400px;
}

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

@media (min-width: 768px) {
  .change-browser .modal-dialog {
    width: 400px;
    margin: 30px auto;
  }
}

/********joinnowbutton**/

.joinnowbutton {
  /*margin-left: 10px;*/
}

/**************navbar-header*****************/

@media (max-width: 768px) {
  .navbar-header {
    /* margin-left: 0px !important; */
  }
}

/****************************mobile-phone-app-download*********************/

.mobile-phone-app-download {}

.mobile-phone-app-download .modal-dialog {
  margin: 0;
  background-image: url(../images/web-mobile-banner.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.mobile-phone-app-download .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0;
}

.mobile-phone-app-download .phone-background {
  /*background-image: url(../images/mobile-phone.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
    width: 223px;
    left: 0;
    top: 38px;
    background-size: contain;
    position: absolute;
    background-color: rgba(36, 136, 84, 0.23);*/
  background-image: url(../images/mobile-phone.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 54%;
  width: 75%;
  left: 0;
  top: 7%;
  background-size: contain;
  position: absolute;
}

.mobile-phone-app-download .top-text {
  /*position: absolute;
    top: 40px;
    right: 24px;*/
  position: absolute;
  top: 8%;
  right: 5%;
}

.mobile-phone-app-download .download-text {
  /* font-family: 'Gibson-Semibold'; */
  font-weight: 600;
  opacity: 0.7;
  color: white;
  font-size: 13px;
  line-height: 13px;
}

.mobile-phone-app-download .app-text {
  font-size: 23px;
  color: white;
  line-height: 23px;
}

.mobile-phone-app-download .bottom-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
}

.mobile-phone-app-download .bottom-content .btn {
  text-shadow: none;
  background-color: rgba(255, 255, 255, 0);
  border-color: #fff;
  color: white;
  padding: 8px 0;
}

.mobile-phone-app-download .or-sec {
  color: #ffffff;
  margin: 7px 0;
}

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

/*@media (max-width: 768px){
 .video-search-form input.form-control {
    width: 100%;
  }
}*/

@media (min-width: 768px) and (max-width: 990px) {
  .video-search-form input.form-control {
    width: 135px;
  }
}

.full-screen-button {
  display: none;
  position: absolute;
  bottom: 6px;
  right: 5px;
  background: transparent;
  border: 0;
  width: 35px;
  height: 35px;
  z-index: 1;
  border: 1px solid #fff;
}

.full-screen-button span {
  font-family: jw-icons;
  content: "\E608";
  opacity: 1;
  color: #fff;
}

/* disabled header footer when go live active */

body.disableactions {}

body.disableactions nav.navbar.navbar-default,
body.disableactions .container-fluid.footer,
body.disableactions .main-tab-selection {
  opacity: .95;
  pointer-events: none;
}

/* shop page */

.custom-profile-detail-style{
  padding-bottom: 0;
  height: 100vh;
  background: #fff;
  overflow: auto;
}

.product-details-page .product-details-section {
  margin: 30px 0 0 0;
}

.product-details-page .sharedshopcontainer {
  /*margin: 0 0 30px 0;*/
  background-color: #fff;
}

.product-details-page .related-products-container{
  padding-top: 30px;
  background-color: #f6f7f9;
}

.product-details-page .sharedshopcontainer .user-profile-link {
  position: absolute;
  top: 70px;
  left: 40px;
  text-decoration: none;
}

.product-details-page .sharedshopcontainer .user-profile-link:hover,
.product-details-page .sharedshopcontainer .user-profile-link:focus {
  color: #d544da;
}

.product-details-page .sharedshopcontainer .user-profile-link img {
  width: 40px;
  border-radius: 50%;
  object-fit: 40px;
  margin-right: 10px;
}

.product-details-page .sharedshopcontainer .user-profile-link span {
  /* font-weight: bold; */
  font-weight: 600;
  color: #5D5D5D;
}

.product-details-page .product-details-section .image-section {
  padding: 20px;
}

.product-details-page .shop-modal .share-container .share-buttons {
  z-index: 12;
}

.product-details-page .flex-control-thumbs {
  position: absolute;
  width: 85px;
  top: 0;
  bottom: 0;
  overflow: auto;
  z-index: 12;
  margin-top: 30px;
}

.product-details-page .shop-modal .slides li {
  text-align: center;
}

.product-details-page .shop-modal .slides img {
  width: auto;
  height: auto;
}

.product-details-page .shop-modal .slides a&gt;img {
  height: 500px;
}

.product-details-page .shop-modal .slides .easyzoom-flyout&gt;img {
  min-height: 500px;
}

.product-details-page .shop-modal {
  min-height: 600px;
}

.product-details-page .shop-modal .noproduct {
  padding: 15% 0;
  text-align: center;
}

.product-details-page .shop-modal .slides {
  margin-left: 70px;
  padding: 30px 0;
}

.product-details-page .flex-control-thumbs li {
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  background: white;
  width: 60px;
  height: 60px;
}

.product-details-page .flex-control-thumbs li:hover {
  border-color: #99999b;
}

.product-details-page .flex-control-thumbs li+li {
  margin-top: 5px;
}

.product-details-page .flex-control-thumbs li img {
  width: 50px;
  margin: 5px auto;
}

.product-details-page .flex-direction-nav {
  display: none;
}

.product-details-page .shop-modal .top-sec .title {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  color: #6d6d6d;
}

.product-details-page .shop-modal .price {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 28px;
}

.product-details-page .shop-modal .title {}

.product-details-page .shop-modal .info {
  font-size: 16px;
  color: #6d6d6d;
  line-height: 28px;
}

.product-details-page .shop-modal .variant,
.product-details-page .shop-modal .single-varient-option {
  line-height: 34px;
}

.product-details-page .shop-modal .single-varient-option {
  border: 2px solid #d544da;
  width: auto;
}

.product-details-page .shop-modal .buy-button {
  margin-bottom: 80px;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  padding: 0;
  width: 100%;
}

.product-details-page select.form-control {
    box-shadow: none;
    border-radius: 0;
    border: 2px solid #d544da;
    color: #6d6d6d;
}

.btn-group-align .left-col {
  padding-right: 7px;
}

.btn-group-align .right-col {
  padding-left: 7px;
}

.product-details .sell-product .info-box {
  border: 1px solid #f5f5f5;
  padding: 15px;
  margin-bottom: 30px;
}

.product-details .sell-product .product-detail-form-div .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}

@media (max-width: 480px) {
  .product-details-page .product-details-section .image-section {
    padding-bottom: 0;
  }
  .product-details-page .shop-modal .slides {
    margin-left: 0;
    padding-bottom: 0;
  }
  .product-details-page .flex-control-thumbs li img {
    width: 40px;
  }
  .product-details-page .flex-control-thumbs li {
    width: 50px;
    height: 50px;
  }
  .product-details-page .shop-modal .slides a&gt;img {
    height: 280px;
  }
  .product-details-page .sharedshopcontainer .user-profile-link {
    right: auto;
    left: 15px;
  }
}

/********************create-product***********************

.create-product {
  margin: 20px auto;
  overflow: hidden;
  margin-bottom: 100px;
}

.create-product .header {
  padding: 0 15px;
}

.create-product .main-heading {
  margin-top: 15px;
}

.create-product .disabled-input {
  cursor: default;
  background: white;
}

.create-product .product-title {
  padding-left: 30px;
}

.create-product .product-tabs {
  /*margin-bottom: 25px;*/
  /* width: 100%; */
/* } */

.create-product .createproduct-inner&gt;.nav-tabs {
  position: relative;
  /* margin: 40px auto; */
  margin-bottom: 0;
  /* border-bottom-color: #e0e0e0; */
  border: 0;
  display: inline-block;
  width: 100%;
}

.create-product .create-product-inner {
  margin-top: 25px;
}

.create-product .createproduct-inner&gt;.nav-tabs:after {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -2px;
  /* width: 100%; */
  border-bottom: 1px solid #e0e0e0;
  content: "";
  height: 8px;
  /* background: red; */
  display: block;
}

.create-product&gt;div.create-product-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.create-product .createproduct-inner&gt;.nav-tabs&gt;li.active&gt;a,
.create-product .createproduct-inner&gt;.nav-tabs&gt;li.active&gt;a:hover,
.create-product .createproduct-inner&gt;.nav-tabs&gt;li.active&gt;a:focus {
  color: #555555;
  cursor: default;
  border-color: transparent;
  border-bottom-color: transparent;
}

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

span.round-tab i {
  color: #555555;
}

.create-product .createproduct-inner li.active span.round-tab {
  background: #fff;
  border: 2px solid #d544da;
}

.create-product .createproduct-inner li.active span.round-tab i {
  color: #d544da;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.create-product .createproduct-inner&gt;.nav-tabs&gt;li {
  width: 25%;
}

.create-product .createproduct-inner li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #d544da;
  transition: 0.1s ease-in-out;
}

.create-product .createproduct-inner li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #d544da;
}

.create-product .createproduct-inner&gt;.nav-tabs&gt;li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

.create-product .createproduct-inner&gt;.nav-tabs&gt;li a:hover {
  background: transparent;
}

.create-product .tab-pane {
  position: relative;
  padding: 25px 20px 20px 20px;
}

.create-product h3 {
  /*margin-top: 0;*/
}

.create-product .pricing-row {
  /* line-height: 34px; */
}

.create-product .pricing-row .pricefont {
  font-size: 16px;
  padding-top: 30px;
}

.create-product .pricing-row .pricefont span {
  margin-left: 10px;
}

@media( max-width: 585px) {
  .create-product {
    /* width: 90%; */
    height: auto !important;
  }
  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .create-product .createproduct-inner&gt;.nav-tabs&gt;li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .create-product .createproduct-inner li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}

/*.create-product .grid-item .grid-item-inner,*/

.create-product .product-item .product-item-inner {
  margin: 5px 5px 25px 5px;
  /* border: 1px solid #cacaca; */
}

.create-product .image-grid {
  /*border: 1px solid #d0d0d0;
    padding: 15px;
    border-radius: 4px;*/
  height: 428px;
  /*overflow-y: auto;*/
}

.create-product .grid-item {
  display: inline-block;
  width: 122px;
  margin: 5px;
}

.create-product .mCSB_inside&gt;.mCSB_container {
  margin-right: 14px;
}

.create-product .banner-holder img {
  width: 100%;
  height: auto;
}

.create-product .grid-item .img-container {
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /*cursor: pointer;*/
}

.create-product .deletebutton {
  display: none;
  color: #444444;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0;
  border-radius: 0%;
  background: rgba(255, 255, 255, 1);
}

.create-product .choose-btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  /* width: 54%; */
  transform: translate(-50%, -50%);
  height: 30px;
  text-align: center;
  padding: 0 14px;
  border-radius: 0%;
}

.create-product .grid-item:hover .deletebutton,
.create-product .grid-item:hover .choose-btn {
  display: block;
}

.create-product .product-item .img-container {
  height: 250px;
  background-size: cover;
  background-position: center;
}
.create-product .product-item[data-prodlistdivmodel="iPhone Case"] .product-item-inner .img-container,
.create-product .product-item[data-prodlistdivmodel="Samsung Case"] .product-item-inner .img-container {
  background-size: contain;
  background-repeat: no-repeat;
} 
.create-product .product-item .title {
  font-size: 16px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 48px;
  line-height: 25px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}

.create-product .product-item .product-status-tag {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  padding: 2px 9px;
  color: white;
  background: #d544da;
}

.create-product .product-item .bottom-content {
  /*padding-bottom: 15px;*/
}

.create-product .product-item .description {
  /* height: 60px; */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 25px;
  height: 45px;
  display: none !important;
}

.create-product .product-item .price {
  font-size: 18px;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  color: #f44336;
}

.small-product-item {
  outline: #e5e5e5 solid 1px;
  display: inline-block;
  font-size: 16px;
  width: 100px;
  margin: 0 7px 18px 7px;
  vertical-align: top;
}

@media (max-width:480px) {
  .small-product-item {
    width: calc(50% - 14px);
  }
}

.create-product .small-product-item .img-container {
  height: 100px;
  background-size: cover;
  background-position: center;
}

.create-product .small-product-item .title {
  padding: 5px 6px;
  line-height: 1.2;
}

.create-product .small-product-category {
  padding: 25px 0;
}

.create-product .small-product-category+.small-product-category {
  border-top: 1px solid #dedede;
}

.create-product .product-subtabs ul.nav-tabs&gt;li&gt;a,
.create-product .product-subtabs ul.nav-tabs&gt;li&gt;a:hover,
.create-product .product-subtabs ul.nav-tabs&gt;li&gt;a:focus,
.create-product .product-subtabs .nav-tabs&gt;.active&gt;a,
.create-product .product-subtabs .nav-tabs&gt;.active&gt;a:hover,
.create-product .product-subtabs .nav-tabs&gt;.active&gt;a:focus {
  /*border: 0;*/
}

/*.create-product .product-subtabs ul {
  display: table;
  width: 100%;
  list-style: none;
}
.create-product .product-subtabs ul li {
  display: table-cell;
  text-align: center;
}*/

.create-product .product-subtabs ul.nav-tabs&gt;li&gt;a {
  color: #555;
  padding: 10px 8px;
}

.create-product .product-subtabs .nav-tabs {
  border-bottom: 1px solid #efefef;
  margin: 0px 20px;
}

.create-product .simple-text {
  margin-bottom: 10px;
}

.create-product .product-subtabs ul.nav-tabs&gt;li.active&gt;a {
  border: 0;
  border-bottom: 2px solid #d544da !important;
  color: #d544da;
}

.create-product .product-subtabs .tab-content {
  padding: 0 15px;
}

.create-product .color-list {
  height: 40px;
  overflow: hidden;
}

.create-product .color-list&gt;span {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #e5e5e5;
  margin: 0 2px 0 0;
  background-color: #fff;
}

.create-product .upload-button {
  margin-bottom: 10px;
  margin-top: 15px;
}

.create-product .upload-button label {
  border: 1px solid #ccc;
  color: #757575;
  padding: 8px 22px;
  border-radius: 4px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: pointer;
}

.create-product .guidelines ul {
  padding-left: 15px;
}

.create-product .upload-button label i {
  margin-right: 10px;
}

.create-product .upload-button input {
  display: none;
}

.create-product .nav-pills&gt;li {
  width: 25%;
  text-align: center;
  margin: 0;
  line-height: 20px;
}

.create-product .nav-pills&gt;li.active a,
.patron-tabs .nav-pills&gt;li.active&gt;a:hover,
.patron-tabs .nav-pills&gt;li.active&gt;a:focus {
  /* color: #d544da;
  background-color: #ffffff;
  border-color: #d544da; */
  color: #FFF;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-color: #d544da;
  cursor: pointer;
}

.create-product .nav-pills&gt;li a i {
  vertical-align: middle;
  /* font-weight: bold; */
  font-weight: 600;
  margin-right: 6px;
  font-size: 20px;
}

/* .create-product .nav-pills &gt; li a:disabled {
  cursor:default;
} */

/* .create-product .nav-pills &gt; li.active:after{
  display:none;
} */

.create-product .nav-pills&gt;li+li.active:before {
  content: '';
  position: absolute;
  right: 0;
  height: 2px;
  width: 50%;
  background-color: red;
  top: 50%;
}

.create-product .nav-pills&gt;li.active~li:before {
  content: '';
  position: absolute;
  left: 50%;
  height: 2px;
  width: 100%;
  background-color: #d544da;
  top: 50%;
  z-index: 0;
}

.create-product .nav-pills&gt;li.active:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 7px solid transparent;
  border-left-color: #d544da;
  left: auto;
}

.create-product .nav-pills&gt;li:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 7px solid transparent;
  border-left-color: #adadad;
  left: auto;
}

.create-product .nav-pills&gt;li:nth-child(1):after {
  display: none;
}

.create-product .connecting-line {
  z-index: 0;
  background: #adadad;
  transform: translateY(-50%);
}

.create-product .nav-pills&gt;li {
  float: right;
}

.create-product .nav-pills&gt;li.active~li a {
  /* color: #4CAF50;
  border-color: #4CAF50; */
  /* color: #FFF;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-color: #d544da; */
  color: #d544da;
  background-color: #ffffff;
  border-color: #d544da;
  cursor: pointer;
}

.create-product .nav-pills&gt;li.active~li:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 7px solid transparent;
  border-left-color: #d544da;
  left: auto;
}

.create-product {
  /* padding-top: 25px; */
  padding: 0px 10px 10px 10px;
  margin-top: 0px;
}

.create-product .grid-item-screenshot {
  display: inline-block;
  width: 109px;
  margin: 5px;
}

.create-product .createproduct-inner {
  /* width: 95%;
  margin: 0 auto;
  padding: 0 20px; */
  width: 100%;
  margin: 0 auto;
  padding: 30px 0px;
}

.create-product .nav-pills&gt;li a {
  color: #adadad;
  background-color: #ffffff;
  border-radius: 100px;
  border: 2px solid #adadad;
  margin: 10px 20px;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  margin: 10px 15px;
  font-weight: 600;
  padding: 10px 10px;
  z-index: 1;
  cursor: default;
}

.create-product .grid-item {
  display: inline-block;
  width: 120px;
  margin: 5px;
}

.create-product .print-files-page .new-custom-checkbox {
  display: inline-block;
  margin-right: 11px;
}

@media(max-width:768px) {
  .create-product .nav-pills&gt;li a {
    color: #adadad;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #adadad;
    margin: 0 2px;
    /* font-family: 'Gibson-Semibold', sans-serif; */
    font-weight: 600;
    padding: 5px 0px;
    font-size: 10px;
    cursor: default;
  }
  .create-product .createproduct-inner {
    width: 97%;
    margin: 0 auto;
    padding: 0;
  }
  .create-product .nav-pills&gt;li.active:after {
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(2, 1);
    opacity: 1;
    margin: 0 auto;
    bottom: auto;
    border: 3px solid transparent;
    border-left-color: #d544da;
    left: auto;
  }
  .create-product .nav-pills&gt;li.active:after {
    border-left-color: #d544da;
  }
  .create-product .nav-pills&gt;li:after {
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(2, 1);
    opacity: 1;
    margin: 0 auto;
    bottom: auto;
    border: 3px solid transparent;
    border-left-color: #adadad;
    left: auto;
  }
  .create-product .nav-pills&gt;li.active~li:after {
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(2, 1);
    opacity: 1;
    margin: 0 auto;
    bottom: auto;
    border: 3px solid transparent;
    border-left-color: #d544da;
    left: auto;
  }
  .create-product .mockup-controls .btn {
    display: inline-block;
    /* width: 102px !important; */
  }
}

.generate-mockup {
  min-height: 700px;
}

.generate-mockup .image-grid-tabs&gt;li {
  width: 50%;
}

.generate-mockup .imagegrid-parent .tab-pane {
  padding: 0;
}

.generate-mockup .continue-btn {
  width: 140px;
  margin: 0 5px;
}

.mockup .canvas-container {
  margin: 0 auto;
}

.mockup-controls .btn-success {
  width: 102px;
  margin-right: 3px;
}

.color-item {
  display: inline-block;
  margin-right: 2px;
}

.color-item label {
  cursor: pointer;
  width: 22px;
  height: 22px;
  /*background-color: #F44336;*/
  border: 1px solid transparent;
  /* background-color: white; */
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.71);
  position: relative;
}

.color-item input {
  width: 0;
  height: 0;
  display: none;
}

.color-item input:checked+label {
  box-shadow: inset 0 0 0 1px white;
  border: 1px solid #525252;
}

.color-item input:checked+label:after {
  position: absolute;
  content: "\e958";
  font-family: 'icomoon' !important;
  color: white;
  top: -3px;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: 12px;
  text-align: center;
}

.pointer {
  cursor: pointer;
}

.mini-mockups .mini-mockup-item {
  display: inline-block;
  width: 100px;
  margin-bottom: 12px;
}

.mini-mockups .mini-mockup-item .top-part {
  /*width: 100px;
    height: 100px;*/
}

.mini-mockups .mini-mockup-item .main-image {
  width: 100px;
  height: 100px;
}

.mini-mockups .mini-mockup-item .deletebtn {
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 8px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #F44336;
  color: white;
}

.print-files-page .generated-image {
  width: 100%;
}

.print-file-item {
  cursor: pointer;
  margin-right: 5px;
}

.print-file-item .generated-image {
  width: 100px;
  height: 100px;
}

.print-file-item input {
  position: absolute;
  top: 0;
  left: 0;
}

/******************************download-app-link*************************/

.download-app-link {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.79);
  padding: 10px;
  z-index: 1050;
}

.download-app-link .btn {
  color: white;
  background: transparent;
  border: 1px solid white;
  word-spacing: 2px;
}

.download-app-link .close {
  opacity: 1;
  position: absolute;
  top: 5px;
  right: 10px;
}

.download-app-link .download-btn {
  width: 100%;
  margin-top: 10px;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .wallet-div .wallet-icon {
    display: none;
  }
  .form-group2 label {
    font-size: 13px;
  }
  .profileusername {
    margin-top: 75px;
  }
  .profilecontent .preview-profile {
    top: 35px;
  }
  .suggested-page .suggested .image-parent {
    width: 110px;
  }
  .suggested-page .suggested .content {
    width: calc(100% - 130px);
  }
  .dashboard i {
    font-size: 15px;
  }
}

.error-404 {
  margin: 140px 0;
}

.error-404 h3 {
  font-size: 75px;
  margin-bottom: 30px;
}

.error-404 p {
  font-size: 20px;
}

@media (max-width: 480px) {
  .error-404 {
    margin: 180px 0;
  }
  .error-404 h3 {
    font-size: 55px;
  }
  .error-404 p {
    font-size: 15px;
  }
}

/*********************shopping-cart**********************/

.shopping-cart {}

.shopping-cart .shop-item {
  /*margin-bottom: 10px;*/
  padding: 15px 0;
  /*border: 1px solid #cacaca;*/
}

.shopping-cart .shop-item .left-sec {
  width: 150px;
}

.shopping-cart .left-secs .img-container {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100px;
  height: 75px;
  background-position: center;
  margin: auto;
  cursor: pointer;
  margin-right: 0;
  margin-left: 0;
}
.shopping-cart .left-secs.col-xs-2 {
  width: 13.5%;
}
.shopping-cart input.plus-input-box {
  width: 80px;
}
.shopping-cart .remove-btn {
  background-color: transparent;
  border: transparent;
  font-size: 21px;
  vertical-align: middle;
  margin-top: 20px;
}
.shopping-cart .remove-btn i,
.checkout-page .remove-btn i {
  font-weight: 600;
  color: #d544da;
}
.shopping-cart .cart-price {
  color: #d544da;
  font-weight: 700;
  font-size: 20px;
}
.shopping-cart .right-secs.col-xs-6 {
  width: 52%;
}
.shopping-cart .button-set {
  margin-top: 15px;
}
.shopping-cart .quantity-no {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.shopping-cart .price {
  font-size: 18px;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  color: #f44336;
  margin-bottom: 13px;
}

.shopping-cart .shop-item .right-sec {
  width: calc(100% - 150px);
  padding-left: 25px;
}

.shopping-cart .shop-item+.shop-item {
  border-top: 1px solid #f0f0f0;
}
.shopping-cart .varient-elp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }
.shopping-cart .pricing {
  border-top: 1px solid #cacaca;
  padding-top: 15px;
}

.shopping-cart .checkout-btn {
  margin-top: 15px;
}

.shopping-cart .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
}

.shopping-cart .input-group .btn {
  padding: 3px 10px;
}

.shopping-cart .input-group input {
  height: 28px;
  padding: 3px 10px;
  cursor: default;
}

.shopping-cart .all-items {
  height: 450px;
  overflow: auto;
}

.shopping-cart .remove i {
  margin-right: 5px;
}

.shopping-cart .cart-empty {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  color: #8c8c8c;
}

.shopping-cart .cart-empty i {
  font-size: 75px;
}
.shopping-cart .cart-empty h3 {
  margin: 0;
}

@media (max-width:320px) {
  .shopping-cart .shop-item .left-secs {
    width: 100px;
  }
  .shopping-cart .shop-item .right-secs {
    /* width: 100%; */
    padding-left: 8px;
    width: calc(100% - 100px);
  }
  .shopping-cart .left-secs .img-container {
    width: 100%;
    height: 67px;
  }
  .shopping-cart .title {
    font-size: 16px;
  }
  .shopping-cart .price {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .shopping-cart .all-items {
    height: 370px;
  }
  .shopping-cart .price-box .font20 {
    font-size: 16px;
  }
}

@media (max-width:768px) {
  .shopping-cart .remove i {
    margin-right: 0;
  }
}

@media (max-width:992px) {
  .shopping-cart .price-box {
    margin-bottom: 15px;
  }
}

/*********************header-cart-button**************************/

.header-cart-btn {
  float: left;
  /* line-height: 35px; */
  margin-left: 15px;
  /* box-shadow: inset 0 0 0 1px #d544da; */
  /* width: 35px; */
  padding: 5px 5px;
  /* border-radius: 50%; */
  text-decoration: none;
  cursor: pointer;
}

.header-cart-btn i {
  color: #c7c7c7;
  font-size: 25px;
  /* font-weight: bold; */
  font-weight: 600;
}
.header-cart-btn i:focus,
.header-cart-btn:active {
  color: #d544da;
}
.header-cart-btn:hover {
  text-decoration: none;
}

.header-cart-btn .count {
  position: absolute;
  top: 0px;
  right: -3px;
  background: #d544da;
  color: #ffffff;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 55%;
  line-height: 20px;
  /* padding: 2px 3px; */
}

.header-cart-btn-extra {
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 15px;
}

@media (max-width:450px) {
  .navbar-nav&gt;li .joinnowbutton a.round-btn {
    padding: 0 12px;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    margin-top: 7px;
  }
  .header-cart-btn-extra {
    margin-right: 7px;
    margin-top: 2px;
    margin-left: 7px;
  }
  .header-cart-btn {
    margin-top: 5px
  }
}

/*******************subscribed-channel******************************************  */

.subscribed-channel {}

.subscribed-channel .verify {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #127fff;
  font-size: 25px;
}

.subscribed-channel .icon-verified:before {
  z-index: 1;
  position: relative;
}

.subscribed-channel .icon-verified:after {
  position: absolute;
  content: "";
  top: 7px;
  right: 4px;
  bottom: 12px;
  left: 4px;
  z-index: 0;
  background-color: white;
}

.subscribed-channel .live {
  top: 10px;
  bottom: auto;
  left: 10px;
  transform: translateX(0);
}

.subscribed-channel .top-sec {
  height: 120px;
  background-position: center;
  background-size: cover;
}

.subscribed-channel .profile-pic {
  height: 80px;
  width: 80px;
  background-position: center;
  background-size: contain;
  border: 2px solid white;
  position: absolute;
  bottom: -20px;
  left: 20px;
  box-shadow: 0px 2px 4px 0px #c3c3c3;
}

.subscribed-channel .channel {
  margin-bottom: 30px;
}

.subscribed-channel .bottom-sec {
  padding: 30px 15px 5px 15px;
}

.subscribed-channel .title {
  font-size: 18px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subscribed-channel .subscribe-btn {
  position: absolute;
  bottom: 8px;
  right: 9px;
  background-color: rgba(0, 0, 0, 0.45);
  color: white;
  border: 2px solid white;
  border-radius: 0;
  padding: 4px 14px;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.12);
}

.subscribed-channel .validity {
  margin: 0 0 10px;
}

.subscribed-channel .mainpage {
  line-height: 25px;
}

.subscribed-channel .mainpage .count {
  color: #4caf50;
  width: 110px;
  text-align: right;
}

.subscribed-channel .mainpage .title {
  font-size: 16px;
  width: calc(100% - 110px);
}

/* .validity[data-valid="0"]{
    color: #f44336;
  }
   .validity[data-valid="1"]{
    color: #ffc107;
  } */

.validity {
  color: #4caf50;
  margin-top: 5px;
}

.subscribed-channel .dropdown {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.subscribed-channel .dropdown li i {
  /* font-weight: bold; */
  font-weight: 600;
  /* vertical-align: text-top; */
  margin-right: 8px;
  line-height: 30px;
  color: #d544da;
}

.subscribed-channel .dropdown a:hover,
.subscribed-channel .dropdown a:active {
  text-decoration: none;
}

.channel-search-form button i {
  /* font-weight: bold; */
  font-weight: 600;
}

@media(max-width:768px) {
  .channel-search-form .form-group {
    display: inline-block;
  }
  .channel-search-form .c-search-form {
    width: calc(100% - 50px);
  }
  .channel-search-form button {
    vertical-align: initial;
  }
}

/***************** package-list-modal*************************  */

.package-list-modal {}

/* @media (min-width: 768px){
.package-list-modal .modal-dialog {
    width: 450px;
}
} */

.package-list-modal .item {
  margin-bottom: 6px;
  min-width: 120px;
  margin-right: 10px;
}

/* .package-list-modal .item button{
    width: 100px;
        border-radius: 0 3px 3px 0;
  } */

.package-list-modal .img-container {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  float: left;
}

.package-list-modal .packages {
  width: calc(100% - 165px);
  float: left;
  padding-left: 15px;
  /* border-left: 1px solid #dadada; */
  margin-left: 15px;
}

.package-list-modal .simple-text {
  font-size: 16px;
  /* font-weight: bold; */
  font-weight: 600;
  margin-bottom: 10px;
}

.package-list-modal .bottom-text {
  margin-top: 10px;
}

@media (max-width:768px) {
  .package-list-modal .img-container {
    width: 250px;
    float: none;
  }
  .package-list-modal .packages {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .package-list-modal .modal-dialog {
    width: 660px;
  }
}

/**********************paid-channel-setting****************************  */

.paid-channel-setting {
  padding: 15px;
}

.paid-channel-setting .custom-checkbox {
  margin-top: 5px;
}

.paid-channel-setting .package-item {
  margin-bottom: 8px;
}

.paid-channel-setting .package-item i {
  margin-right: 2px;
}

.paid-channel-setting .package-item .package-description-container {
  margin: 10px 0 0;
  clear: both;
}

.paid-channel-setting .package-item .package-card {
  border: 1px solid white;
  padding: 10px;
  margin: 0 0 25px 0;
  /* box-shadow: 0px 0px 3px 0px #cccccc; */
  box-shadow: 0px 0px 3px 2px #d0d0d0;
  border-left: 4px solid #d544da;
}

.paid-channel-setting .package-card .package-type {
  /* font-weight: bold; */
  font-weight: 600;
  color: #e13350;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 34px;
}

.paid-channel-setting .package-card .custom-checkbox label:after {
  font-size: 14px;
}

.paid-channel-setting .package-item .input-group {
  margin-right: 5px;
}

.paid-channel-setting .package-item .package-description-container textarea {
  resize: none;
  padding: 5px 8px;
  font-size: 13px;
  width: 100%;
  height: 80px;
  border: 1px solid #eaeaea;
  vertical-align: middle;
}

.paid-channel-setting .all-pakages {
  border-left: 1px solid #eeeeee;
}

.paid-channel-setting .border-top {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #dedede;
}

.paid-channel-setting .category-btn {
  border-radius: 25px;
  padding: 6px 20px;
}

.paid-channel-setting .save-btn {
  width: 100px;
}

.hidden-overflow {
  overflow: hidden;
}

.paid-channel-setting input[type=number]::-webkit-inner-spin-button,
.paid-channel-setting input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.paid-channel-setting .input-group .input-parent {
  float: left;
  position: relative;
}

.paid-channel-setting .input-group input {
  text-align: left;
  padding-left: 16px;
}

.paid-channel-setting .input-group .input-parent:before {
  content: "$";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}

.paid-channel-setting .channel-description {
  resize: none;
  padding: 5px 8px;
  font-size: 13px;
  width: 100%;
  margin: 10px 0;
  height: 80px;
}

.paid-channel-setting .channel-description::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9d9d9d;
}

.paid-channel-setting .channel-description::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9d9d;
}

.paid-channel-setting .channel-description:-ms-input-placeholder {
  /* IE 10+ */
  color: #9d9d9d;
}

.paid-channel-setting .channel-description:-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d;
}

@media(max-width:425px) {
  .paid-channel-setting .package-card .toggle-switch {
    margin-top: 10px;
  }
}

/***********************select-category*******************************  */

.select-category {}

.select-category .item {
  cursor: pointer;
  margin-bottom: 10px;
}

.select-category .item .img-container {
  background-position: center;
  background-size: cover;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  /* border: 5px solid white;  */
  margin: 0 auto;
  box-shadow: 0px 3px 7px 0px #d2d2d2, inset 0 0 0 5px white;
  position: relative;
}

/*.select-category .modal-dialog {
  width: 800px;
}*/

.select-category .modal-body {
  height: 610px;
  overflow-y: auto;
}

.select-category .item[data-subCatSelected="1"] .img-container:after,
.select-category .item[data-FilterCatSelected="1"] .img-container:after {
  content: "\e958";
  font-family: 'icomoon' !important;
  width: 110px;
  height: 110px;
  background-color: rgba(0, 0, 0, 0.39);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  text-align: center;
  font-size: 44px;
  font-weight: lighter;
  color: white;
  line-height: 120px;
}

.select-category .item .category-title {
  font-size: 16px;
  margin-top: 15px;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  height: 48px;
}

@media(max-width:768px) {
  .select-category .item .img-container {
    width: 80px;
    height: 80px;
  }
  .select-category .item[data-subCatSelected="1"] .img-container:after,
  .select-category .item[data-FilterCatSelected="1"] .img-container:after {
    width: 70px;
    height: 70px;
    line-height: 80px;
    font-size: 28px;
  }
}

/* *******************bidchat-earning************************ */

.bidchat-earning table {
  margin-bottom: 0;
}

.bidchat-earning table tr:last-child {
  /* font-weight: bold; */
  font-weight: 600;
}

@media (min-width: 768px) {
  .bidchat-earning .modal-dialog {
    width: 400px;
    margin: 30px auto;
  }
}

.buy-bidcoin-modal .add-card-btn {
  margin: 30px 0;
}

/* ********************** bidcredit-modal***************************************** */

@media (min-width: 768px) {
  .bidcredit-modal .modal-dialog {
    width: 750px;
  }
}

.bidcredit-modal .main-tabs {
  margin-bottom: 15px;
}

.bidcredit-modal .package-list {
  height: 320px;
  overflow: auto;
}

.bidcredit-modal .simple-text {
  margin-bottom: 20px;
}

.proceed-to-pay-button {
  width: auto;
  float: right;
}

.add-card-btn {
  margin: 30px 0;
}

/* *******************sell-product****************************** */

.sell-product {
  padding-top: 20px;
  padding-bottom: 20px;
}

.sell-product h2 {
  font-size: 36px;
}

.sell-product .product-deatil {
  padding: 30px 40px;
}

.sell-product .product-deatil .header {
  padding: 50px 20px 20px 20px;
}

.sell-product .product-deatil .header h4 {
  /* padding-left: 15px; */
}

.sell-product .product-deatil .product-detail-form-div {
  /* padding: 10px 0 0 15px; */
}

.sell-product .product-deatil .product-detail-form-div form .form-group {
  padding: 20px 0;
  margin-bottom: 0;
}

.sell-product .product-deatil .product-images-list {
  padding: 15px 0;
}

.sell-product .product-deatil .add-varients-div {
  padding: 20px 0 0 0;
}

.sell-product .pricing-row {
  line-height: 34px;
}

.sell-product .pricing-row .pricefont {
  font-size: 16px;
}

.sell-product .pricing-row .pricefont span {
  margin-left: 10px;
}

.sell-product .generated-image {
  height: 350px;
}
.sell-product .product-images-list .all-images{
  overflow-x: auto;
  white-space: nowrap;
  padding-top: 10px;
}
.sell-product .product-images-list .all-images .image-sizing{
  display: inline-block;
  width: 170px;
  margin: 15px;
 /* cursor: pointer;*/
  position: relative;
}
.variant-help {
  font-size: 14px;
  padding-left: 5px;
  cursor: pointer;
}

.sell-product .all-images {
  /* margin-top: 25px; */
}

.mobileshop-controller-class .m-container .sell-product .all-images .scrollmenu {
  overflow: auto;
  white-space: nowrap;
}

.mobileshop-controller-class .m-container .sell-product .all-images .scrollmenu .image-sizing {
  width: 35%;
  display: inline-block;
}

.mobileshop-controller-class .m-container .sell-product .all-images .scrollmenu .image-sizing+.image-sizing {
  margin-left: 10px;
}

.mobileshop-controller-class .m-container .sell-product .all-images .scrollmenu .image-sizing .image-container {
  width: 100%;
  padding-top: 100%;
}

.mobileshop-controller-class .back-button-mob{
  display: none;
}

.sell-product .all-images .product-image-holder {
  display: inline-block;
  width: 170px;
  margin: 15px;
  cursor: pointer;
  position: relative;
}

.sell-product .all-images .little-margin-bottom {
  margin-bottom: 10px;
}

.sell-product .all-images .image-container {
  display: inline-block;
  /* width: 138px;
  height: 138px; */
  background-color: green;
  margin-right: 15px;
  position: relative;
  /* margin-bottom: 10px; */
  margin: 15px 0;
  width: 170px;
  height: 106px;
  /* margin: 15px; */
  padding-top: 0px;
}

.sell-product .all-images .custom-margin {
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 15px;
}

.sell-product .image-container img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: cover;
}

.sell-product .image-container:before {
  content: "\e958";
  font-family: 'icomoon' !important;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  color: #fff;
  /*background-color: rgba(0, 0, 0, 0.43);*/
  font-size: 13px;
  border-radius: 50%;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.48);
  line-height: 28px;
  text-align: center;
  z-index: 2;
  cursor: default;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.46);
}

.sell-product .image-container .delete-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  /*padding: 6px;
  background: rgb(255, 255, 255);
  color: black;
  width: 30px;
  height: 30px;*/
  padding: 0;
  background-color: #d544da;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.46);
  color: #fff;
  z-index: 2;
  border-radius: 50%;
  font-size: 13px;
  line-height: 26px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: 2px solid transparent;
}

.sell-product .image-container .delete-btn i {
  vertical-align: middle;
  line-height: 29px;
}

.sell-product .inline-middle {
  display: inline-block;
  vertical-align: middle;
}

.sell-product .upload-button {}

.sell-product .upload-button label {
  text-align: center;
  /* height: 138px;
  width: 138px; */
  display: inline-block;
  vertical-align: middle;
  /* border: 1px dashed #0c0c0c;
  color: #757575; */
  /* padding: 37px 22px; */
  /* border-radius: 4px; */
  margin-bottom: 0;
  /* box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); */
  cursor: pointer;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: -15px;
  /* right: 13px; */
  right: -15px;
  background-color: #CCCCCC;
  color: white;
  border-radius: 50%;
  z-index: 2;
}

.sell-product .upload-button label i {
  /* font-size: 45px; */
  display: block;
  margin-bottom: 10px;
  margin-top: 8px;
}

.sell-product .upload-button input {
  display: none;
}

.sell-product .variant .delete-btn {
  /* background-color: #F44336;
  display: inline-block;
  margin-top: 25px; */
  border: 0;
  border-color: transparent;
  color: #d544da;
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 500;
  /* background-color: #dddddd; */
  border-radius: 0;
  display: inline-block;
}

.sell-product .variant .delete-btn:hover {
  color: #5D5D5D;
  background: transparent;
}

.sell-product .variant .sub-text {
  display: block;
}

.sell-product .simple-text {
  padding-top: 20px;
}

.sell-product .variant {
  /* margin-bottom: 10px */
  margin-bottom: 20px;
  border: 1px solid #E2E2E2;
  padding: 20px;
}

.sell-product .variant:first-child .delete-btn {
  display: none;
}

.selling-price-parent {
 position: relative;
}

.selling-price-parent input {
 padding-left: 20px;
 height: 41px;
 padding-top: 0;
 padding-bottom: 0; 
}

.selling-price-parent:before {
 content: "$";
 position: absolute;
 left: 8px;
 top: 4px;
 line-height: 34px;
}
.final-selling-product .selling-price-parent:before {
 left: 22px;
 top: 4px;
}

/* *************************requestedproducts***************************** */

.outer-padding {
  padding: 10px 30px 30px !important;
}

.custom_padding {
  padding: 15px 0 !important;
}

.requestedproducts {
  padding: 15px;
}

.requestedproducts .all-labels {
  /* margin-bottom: 10px; */
  /* font-weight: bold; */
  font-weight: 600;
  padding: 0 15px;
  font-size: 0;
}

.requestedproducts .all-labels-shopSetting {
  padding: 0 0 5px 0 !important;
  border-bottom: 1px solid lightgrey;
}

.requestedproducts .all-labels .item {
  display: inline-block;
  width: 16.3%;
  position: relative;
  font-size: 14px;
}

.requestedproducts .all-orders .list-group-item {
  font-size: 0;
}

.requestedproducts .all-orders .list-group-item-shopSetting {
  font-size: 0;
  border: 0;
  border-bottom: 1px solid lightgrey;
  border-radius: 0;
  margin-top: 5px;
  padding: 15px 0;
}

.requestedproducts .all-orders .list-group-item .btn-view-details {
  font-size: 15px;
  border: 0;
  border-color: transparent;
  color: #d544da;
  font-weight: 500;
  background-color: transparent;
  padding: 0;
}

.requestedproducts .all-orders .item {
  display: inline-block;
  width: 16.3%;
  vertical-align: middle;
  font-size: 15px;
  word-wrap: break-word;
  word-break: break-word;
}

.requestedproducts .all-orders .item[data-label="Image"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  height: 100px;
}

.requestedproducts .btn-fulfilled {
  pointer-events: none;
  background-color: #4caf50;
  color: white;
}

.requestedproducts .btn-fulfilled-shopSetting {
  pointer-events: none;
  background-color: white;
  color: #4caf50;
  padding: 0;
}

.requestedproducts .btn-fulfilled[data-fulfilled="0"] {
  pointer-events: all;
  background-color: #f44336;
  color: white;
  font-size: 15px;
}

.requestedproducts .btn-fulfilled-shopSetting[data-fulfilled="0"] {
  pointer-events: all;
  background-color: white;
  color: #f44336;
}

.requestedproducts .btn-fulfilled-shopSetting[data-fulfilled="1"],
.requestedproducts .btn-fulfilled-shopSetting[data-fulfilled="2"] {
  text-decoration: none;
}

.requestedproducts .btn-fulfilled[data-fulfilled="2"] {
  pointer-events: none;
  background-color: #ffc107;
  color: white;
}

.requestedproducts .btn-fulfilled-shopSetting[data-fulfilled="2"] {
  pointer-events: none;
  background-color: white;
  color: #ffc107;
}

@media(max-width:768px) {
  .requestedproducts .all-labels {
    display: none;
  }
  .requestedproducts .all-orders .item {
    width: 100%;
    clear: both;
    text-align: right;
    margin-bottom: 5px;
  }
  .requestedproducts .all-orders .item:before {
    /* font-weight: bold; */
    font-weight: 600;
    margin-right: 10px;
    float: left;
  }
  .requestedproducts .all-orders .item:before {
    content: attr(data-label);
  }
  .requestedproducts .all-orders .item[data-label="Image"] {
    background-position: right;
    height: 90px;
  }
}

.orderfulfillment select.form-control {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
}

.orderfulfillment select.form-control:focus {
  border-color: #d544da;
}

/* .requestedproducts .product-inner{
  border:1px solid #d4d4d4;
  border-radius: 3px;
}
.requestedproducts .product-inner .left-sec{
  width: 150px;
  height: 150px;
  background-position: center;
  background-size: contain;
}
.requestedproducts .product-inner .right-sec{
  width:calc(100% - 150px);
  padding: 15px;
} */

/* ***************************** variant-help******************************** */

.variant-help img {
  /* width:870px; */
  width: 100%;
}

/* ********************************video-screenshot ************************************************** */

@media (min-width: 1025px) {
  .video-screenshot .modal-dialog {
    width: 1170px;
  }
}

.video-screenshot .screenshot-video-container {
  height: 400px;
  background-color: #ececec;
}

@media (max-width:425px) {
  .video-screenshot .screenshot-video-container {
    height: 160px;
  }
}

.video-screenshot .video-listing {
  height: 400px;
  overflow-y: auto;
}

.video-screenshot .search-filter {
  margin-bottom: 10px;
}

.video-screenshot .search-filter .custom-checkbox {
  padding-top: 5px;
}

.video-screenshot .search-filter select,
.video-screenshot .video-search-form input {
  width: 100%;
}

.video-screenshot .videos-listing .image-container {
  height: 110px;
}

.video-screenshot .videos-listing .broadcaster-name {
  margin-bottom: 6px;
}

.video-screenshot .simple-text {
  position: absolute;
  top: 50%;
  text-align: center;
}

.video-screenshot .player-parent:before {
  content: "\e918";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'icomoon' !important;
  font-size: 49px;
  transform: translate(-50%, -50%);
  color: #d544da;
}

/* ************************new custom checkbox**************************************** */

.new-custom-checkbox {
  position: relative;
  margin: 8px 0;
}

.new-custom-checkbox+.custom-checkbox {
  margin-top: 20px;
}

.new-custom-checkbox input {
  display: none;
}

.new-custom-checkbox input:checked+label:after {
  -webkit-transform: rotateZ(-45deg) scale(1);
  transform: rotateZ(-45deg) scale(1);
}

.new-custom-checkbox input:checked+label:before {
  -webkit-animation: popanim 0.3s 1;
  animation: popanim 0.3s 1;
}

.new-custom-checkbox label {
  cursor: pointer;
  padding-left: 28px;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  position: relative;
}

.new-custom-checkbox label:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid #b3b3b3;
  left: 0;
  box-sizing: border-box;
  border-radius: 4px;
}

.new-custom-checkbox label:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 6px;
  border-left: 3px solid #d544da;
  border-bottom: 3px solid #d544da;
  -webkit-transform: rotateZ(-45deg) scale(0);
  transform: rotateZ(-45deg) scale(0);
  border-bottom-left-radius: 3px;
  top: 7px;
  left: 4px;
  -webkit-transition: 0.3s all cubic-bezier(0.41, 0.71, 0.7, 1.52);
  transition: 0.3s all cubic-bezier(0.41, 0.71, 0.7, 1.52);
}

@-webkit-keyframes popanim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes popanim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* ******************************hide-for-screenshot-product*************************************** */

.hide-for-screenshot-product {
  display: none !important;
}

.show-for-screenshot .pricefont {
  font-size: 16px;
}

/***********************checkout**************************/

.checkout-page {
  margin-top: 90px;
  margin-bottom: 110px;
}

.checkout-page .card {
  padding-bottom: 25px;
}

.checkout-page .section-top-inner {
  margin: 0;
}

.checkout {
  padding: 0 15px 15px 15px;
}

.checkout-tabs .nav-tabs {
  border-bottom: 0;
}

.checkout-tabs ul.nav-tabs&gt;li&gt;a,
.checkout-tabs ul.nav-tabs&gt;li&gt;a:hover,
.checkout-tabs ul.nav-tabs&gt;li&gt;a:focus,
.checkout-tabs .nav-tabs&gt;.active&gt;a,
.checkout-tabs .nav-tabs&gt;.active&gt;a:hover,
.checkout-tabs .nav-tabs&gt;.active&gt;a:focus {
  border: 0;
}

.checkout-tabs ul.nav-tabs&gt;li {
  margin-right: 10px;
  padding: 5px 10px;
}

/*.checkout-tabs ul.nav-tabs&gt;li:first-child{
   
          padding-left: 0;
}*/

.checkout-tabs ul.nav-tabs&gt;li&gt;a,
.checkout-tabs ul.nav-tabs&gt;li&gt;a:hover {
  color: #555;
  padding: 0;
  background-color: transparent;
}

.checkout-tabs .nav-tabs&gt;li&gt;a&gt;i {
  /*transform: rotate(180deg);*/
  display: inline-block;
  margin-left: 10px;
  font-size: 11px;
  position: absolute;
  right: -20px;
  transform: rotate(180deg) translateY(-50%);
}
.checkout-tabs .country-sel {
  height: 42px;
  border: 1px solid #eaeaea;
}
.checkout-tabs ul.nav-tabs&gt;li.active&gt;a,
.checkout-tabs ul.nav-tabs&gt;li.active&gt;a:hover {
  border: 0;
  color: #d544da;
  font-size: 15px;
}

.checkout-tabs ul.nav-tabs&gt;li:first-child {
  padding-left: 0;
}
.width190 {
  width: 190px;
}
.checkout-tabs .card-type-bg input {
  background-position: 2px 2px;
}
.well.backgrd-color {
  background-color: rgba(243, 243, 243, 0.27);
}
.checkout-tabs .pay-btn {
  width: 100px;
}
.checkout-page .total-amt {
  color: #d544da;
  font-weight: 600;
}
.checkout-page .checkout-tabs .radio label, 
.checkout-page .checkout-tabs .checkbox label {
  padding-left: 0px;
}
.checkout-page .remove-btn {
  background-color: transparent;
  border: transparent;
  font-size: 21px;
  vertical-align: middle;
  margin-top: 11px;
}
/* .checkout-tabs .all-addresses .address:first-child .remove-btn{
    display: none;
} */

.paypal-btn {
  background-color: #ffc520;
  padding: 10px 20px;
  margin-top: 20px;
}

.paypal-btn img {
  height: 20px;
}

.payment-method-item {
  padding: 0px 0px 10px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
}

.side-cart {
  padding: 15px;
  margin-bottom: 25px;
}

.side-cart .product-image {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.side-cart .p-name {
  width: calc(100% - 120px);
  padding: 0 20px;
}

.side-cart .p-price {
  width: 70px;
}

.side-cart .item {
  /*border-bottom: 1px solid #e0e0e0;*/
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.side-cart .product-count {
  position: absolute;
  top: 0;
  left: 38px;
  background: #d544da;
  color: white;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}

.side-cart .list-parent {
  max-height: 405px;
  overflow-y: auto;
  padding-right: 5px;
  min-height: 60px;
}

.sub-price {
  padding: 13px 0 0 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin: 14px 0;
}

.sub-price .item {
  margin-bottom: 10px;
}

/************************bid-campaign***********************  */

.bid-campaign-modal {}

.bid-campaign-modal .owner-info .left-sec {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: contain;
  background-position: center;
}

.bid-campaign-modal .owner-info .right-sec {
  width: calc(100% - 40px);
  padding-left: 10px;
  line-height: 40px;
  font-size: 16px;
}

.bid-campaign-modal .video-image-container {
  margin: 15px 0;
  background-color: #e4e4e4;
  height: 300px;
}

.bid-campaign-modal .share-btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid white;
  color: white;
}

.bid-campaign-modal .img-container {
  background-size: cover;
  background-position: center;
  height: 100%;
}

.bid-campaign-modal video {
  width: 100%;
  height: 100%;
}

.bid-campaign-modal video+div {
  position: absolute;
  width: 100%;
  top: 50%;
}

@media (min-width: 768px) {
  .bid-campaign-modal .modal-dialog {
    width: 500px;
    margin: 30px auto;
  }
}

/************************bid-campaign********************************/

.bid-campaign {
  margin-top: 25px;
  margin-bottom: 25px;
}

.bid-campaign .leftsec {
  position: relative;
  display: inline-block;
  margin-right: 70px;
  padding: 15px 0 0 15px;
}

.bid-campaign .rightsec {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 25px 15px 15px 15px;
  width: 400px;
}

.bid-campaign .leftsec img {
  width: 460px;
  height: 350px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: grey;
}

.bid-campaign .leftsec video {
  width: 460px;
  height: 350px;
  background-color: grey;
}

.bid-campaign .uploadbutton {
  position: absolute;
  right: 2px;
  width: 32px;
  height: 32px;
  top: 50%;
  z-index: 5;
}

.bid-campaign textarea {
  resize: none;
}

.bid-campaign .rightsec label {
  font-weight: normal;
  /*  color: #2f2f2f;*/
  font-size: 15px;
}

.bid-campaign .description {
  margin-bottom: 0;
}

.bid-campaign .title {
  color: white;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 20px;
}

.bid-campaign .rightsect {
  /*width: calc(100% - 70px);
    padding-left: 10px;*/
  width: 100%;
}

.bid-campaign .desc {
  word-wrap: break-word;
}

.bid-campaign .pading-right0 {
  padding-right: 0;
}

.bid-campaign .savebtn {
  background-color: #03A9F4;
  padding: 9px 16px;
  color: white;
  opacity: 1;
  margin-bottom: 15px;
}

.bid-campaign .delbtn {
  background-color: #F44336;
  padding: 9px 0px;
  color: white;
  opacity: 1;
  margin-bottom: 15px;
}

.bid-campaign .event-date-time {
  /*padding: 0;*/
}

.bid-campaign .event-date-time span:first-child {
  padding-top: 5px;
}

.bid-campaign .event-date-time span:last-child {
  padding-bottom: 5px;
}

.bid-campaign .upload-button {
  margin-top: 25px;
}

.bid-campaign .upload-button label {
  border: 1px solid #ccc;
  color: #757575;
  padding: 8px 22px;
  border-radius: 4px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: pointer;
}

.bid-campaign .upload-button label i {
  margin-right: 10px;
}

.bid-campaign .upload-button input {
  display: none;
}

@media (max-width: 990px) {
  .bid-campaign .leftsec {
    margin-right: 0px;
    margin-top: 20px;
  }
  .bid-campaign {
    text-align: center;
  }
}

@media (max-width: 540px) {
  .bid-campaign .rightsec {
    width: 100%;
  }
  .bid-campaign .leftsec {
    width: calc(100% - 30px);
    padding: 0;
  }
  .bid-campaign .leftsec img,
  .bid-campaign .leftsec video {
    width: 100%;
    height: auto;
  }
}

.custom-radio {
  display: inline-block;
}

.custom-radio+.custom-radio {
  margin-left: 15px;
}

.custom-radio label {
  cursor: pointer;
}

.custom-radio input {
  width: 0;
  height: 0;
  display: none;
}

.custom-radio input+label:before {
  width: 20px;
  height: 20px;
  /* background-color: red; */
  display: inline-block;
  vertical-align: middle;
  content: "";
  box-shadow: 0 0 0 1px #7d7d7d;
  border-radius: 50%;
  margin-right: 8px;
}

.custom-radio input:checked+label:before {
  background-color: #d544da;
  box-shadow: 0 0 0 1px #949494, inset 0 0 0 4px #ffffff;
}

.bid-campaign-share-modal .btn-default {
  background: transparent;
  border: 0;
}

.bid-campaign-share-modal .btn-default:active {
  background: transparent;
  box-shadow: none;
  border: 0;
}

@media (min-width: 768px) {
  .bid-campaign-share-modal .modal-dialog {
    width: 420px;
  }
}

/***************************bidcampaign-payment-modal *********************************/

.bidcampaign-payment-modal {}

.bidcampaign-payment-modal .main-tabs {
  margin-bottom: 30px;
}

.bidcampaign-payment-modal .product-list {}

.bidcampaign-payment-modal ul.nav-tabs&gt;li&gt;a,
.bidcampaign-payment-modal ul.nav-tabs&gt;li&gt;a:hover,
.bidcampaign-payment-modal ul.nav-tabs&gt;li&gt;a:focus,
.bidcampaign-payment-modal .nav-tabs.nav-justified&gt;.active&gt;a,
.bidcampaign-payment-modal .nav-tabs.nav-justified&gt;.active&gt;a:hover,
.bidcampaign-payment-modal .nav-tabs.nav-justified&gt;.active&gt;a:focus {
  border: 0;
}

.bidcampaign-payment-modal ul.nav-tabs&gt;li&gt;a {
  color: #555;
}

.bidcampaign-payment-modal .money-box {
  margin: 11px 0;
  border: 1px solid #cecece;
  padding: 5px 0;
  border-radius: 2px;
}

.bidcampaign-payment-modal .money-box input {
  margin-top: 14px;
}

.bidcampaign-payment-modal .money-box .amount span {
  color: #d544da;
}

.bidcampaign-payment-modal ul.nav-tabs&gt;li.active&gt;a {
  border: 0;
  border-bottom: 2px solid #d544da !important;
  color: #d544da;
}

.bidcampaign-payment-modal .product-list-item {
  margin-bottom: 23px;
  padding: 20px 15px;
  border: 1px solid #f3f3f3;
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}

.bidcampaign-payment-modal .product-list-item:hover {
  background-color: #f7f7f7;
}

.bidcampaign-payment-modal .product-list-item i {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #cecece;
  font-size: 18px;
}

.bidcampaign-payment-modal .receipt {
  border: 1px solid #eaeaea;
  padding: 10px 0px;
}

.bidcampaign-payment-modal .product-name {
  font-size: 24px;
  /*font-family: 'Gibson-Light';*/
  font-weight: 400;
}

.bidcampaign-payment-modal .coins {
  color: tomato;
}

.bidcampaign-payment-modal .dollar {
  font-size: 24px;
}

.bidcampaign-payment-modal .proceed-pay {
  background-color: #F44336;
  color: white;
}

.bidcampaign-payment-modal .add-card {
  border: 1px solid #bbbbbb;
  background: transparent;
  color: #5a5a5a;
  margin-top: 6px;
  /* font-size: 16px; */
  margin: 20px 0;
  float: right;
}

.bidcampaign-payment-modal .credit-cards {
  display: block;
  font-size: 17px;
  font-weight: lighter;
}

.bidcampaign-payment-modal .card-list {
  margin-top: 15px;
}

.bidcampaign-payment-modal .card-list label:only-child {
  margin: 20px 0;
}

.bidcampaign-payment-modal .credit-cards input {
  vertical-align: middle;
  margin: 0 20px 0 0;
}

.bidcampaign-payment-modal .money-input label {
  line-height: 34px;
}

.bidcampaign-payment-modal .money-input .input-group {
  width: 40%;
  float: right;
}

@media(min-width:768px) {
  .bidcampaign-payment-modal .modal-dialog {
    width: 500px;
  }
}

/* *******************************************mobileshop-controller-class********************************************* */

.mobileshop-controller-class {
  height: 100%;
}

.mobileshop-controller-class .create-product .mockup-controls .btn {
  width: 128px;
  margin: 2px 5px;
}

.mobileshop-controller-class .generate-mockup&gt;.col-xs-12 {
  /* padding: 0; */
}

/* .mobileshop-controller-class .generate-mockup .grid-item {
  display: inline-block;
  width: 28%;
  margin: 2px 4px;
} */

/* .mobileshop-controller-class .generate-mockup .grid-item .img-container{
  padding-top: 100%;
  background-size: cover;
  background-position: center;
  height: 74px;
} */

.mobileshop-controller-class .generate-mockup .continue-btn {
  width: 128px;
  margin: 5px;
}

.mobileshop-controller-class .print-files-page .submit-btn {
  width: 100%;
}

.mobileshop-controller-class .create-product .grid-item .choose-btn {
  height: 25px;
}

.width250 {
  width: 250px !important;
}

.mobileshop-controller-class .create-product .grid-item .deletebutton {
  width: 25px;
  height: 25px;
}

.mobileshop-controller-class .profile-page-height.setting-margin {
  margin: 0;
  /* padding-bottom: 0; */
  overflow: auto;
  /* padding-bottom: 60px; */
}

.mobileshop-controller-class .create-product .my-row {
  margin: 0 -15px;
}

.mobileshop-controller-class .create-product .section-top-inner {
  margin: 0;
}

.mobileshop-controller-class .easyzoom {
  width: 100%;
}

.mobileshop-controller-class .product-details-section {
  margin: 0;
}

.mobileshop-controller-class .product-details-section .flex-control-thumbs {
  margin: 35px 0 0;
}

.mobileshop-controller-class .product-details-page .shop-modal .slides a&gt;img {
  height: 280px;
}

.mobileshop-controller-class .product-details-page .btn-group-align .right-col {
  padding-left: 15px;
}

.mobileshop-controller-class .product-details-page .shop-modal .buy-button {
  margin-bottom: 15px;
  background: #e13350;
  border-color: #da203f;
  box-shadow: none;
  border-radius: 0;
  font-family: Gibson,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 14px;
}

.mobileshop-controller-class .product-details-page .buy-button-parent {
  width: 100%;
}

.mobileshop-controller-class .checkout-page .m-fixed-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  padding: 9px 12px;
  float: none;
  width: 100%;
}

.mobileshop-controller-class .checkout-page {
  margin-bottom: 55px;
}

.mobileshop-controller-class .checkout-page-style-custom.checkout-page {
  margin:0;
  padding: 0;
  margin-bottom: 40px;
}

.mobileshop-controller-class .create-product.padding-top {
  padding-top: 20px;
}

.mobileshop-controller-class .create-product {
  padding-top: 0px;
  margin: 0;
  box-shadow: none;
}

.mobileshop-controller-class .create-product .tab-pane {
  padding: 10px 15px 15px 15px;
}

.mobileshop-controller-class .padding-zero-for-mobile {
  padding: 0 !important;
}

.mobileshop-controller-class .product-details-page .shop-modal .share-container .share-buttons,
.mobileshop-controller-class .hide-for-mobileshop,
.mobileshop-controller-class .navbar,
.mobileshop-controller-class .toptabs,
.mobileshop-controller-class .footer,
.mobileshop-controller-class .download-app-link,
.mobileshop-controller-class .banner-holder,
.mobileshop-controller-class .profile-page-height .left-nav-col,
.mobileshop-controller-class .product-details-page .sharedshopcontainer .user-profile-link {
  display: none !important;
}

.mobileshop-controller-class .create-product .product-item .product-item-inner {
  margin: 5px 0px 15px 0px;
}

.mobileshop-controller-class .generate-mockup .full-btn {
  width: 270px;
  margin: 15px 0 0;
}

.mobileshop-controller-class .sell-product .fullwidth-btn {
  width: 100%;
  /* margin: 15px 0 0; */
}

.mobileshop-controller-class .profile-page-height {
  min-height: auto;
  background: white;
}

/* ****************************************screenshot-product-only-class********************************************** */

.screenshot-product-only-class .create-product .grid-item {
  width: 150px;
}

/* **************************canvas-image-preview*********************************** */

.canvas-image-preview .easyzoom-flyout&gt;img {
  min-height: 700px;
  width: auto;
}
.canvas-image-preview .flex-direction-nav a:before {
  font-size: 18px;
  display: block;
}
.canvas-image-preview .flex-direction-nav a {
  width: 60px;
  height: 60px;
  text-align: center;
}
/* ****************************landing-page**************************************** */

.landing-page .top-banner .top-bg {
  width: 100%;
  height: auto;
}

.landing-page .top-banner .c-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* padding: 280px 0;
  background-image: url(../images/landingpage/landing-page-top-banner.png);
  background-size: cover; */
}

.landing-page .extralarge-text {
  font-size: 50px;
}

.landing-page .stream-live-to img {
  height: 30px;
  margin-left: 25px;
}

.landing-page .top-banner h1 {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}

.light-grey-bg {
  background-color: #dfdfdf;
}

.landing-page .section-padding {
  padding: 30px 0;
}

.landing-page .section-padding-large {
  padding: 40px 0;
}

.landing-page .high-text {
  line-height: 36px;
}

@media(max-width:768px) {
  .landing-page .top-banner .c-container {
    text-align: center;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    top: 50%;
  }
  .landing-page .top-banner h1 {
    font-size: 20px;
    margin-top: 12px;
  }
  .landing-page .top-banner h3 {
    font-size: 15px;
    margin-top: 0;
  }
  .landing-page .stream-live-to .img-parent {
    display: block;
  }
  .landing-page .stream-live-to img {
    height: 21px;
    margin-left: 18px;
    margin-top: 10px;
  }
  .landing-page .top-banner .btn {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 3px;
  }
}

.automargin {
  margin-left: auto;
  margin-right: auto;
}

.light-grey-color {
  color: #ccc;
}

.landing-page .gradient-background-first {
  background: #e83b42;
  background: -moz-linear-gradient(top, #e83b42 0%, #c82a4f 100%);
  background: -webkit-linear-gradient(top, #e83b42 0%, #c82a4f 100%);
  background: linear-gradient(to bottom, #e83b42 0%, #c82a4f 100%);
}

.landing-page .gradient-background-first .phoneimg {
  height: 200px;
}

.landing-page .gradient-background-first .img-group img+img {
  margin-left: 15px;
}

.landing-page .gradient-background-first .content {
  margin-top: 75px;
}

.landing-page .meet-fans .video-inside-image {
  background-image: url(../images/landingpage/landing-page-meet-fans.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 50px auto 10px auto;
  padding-top: 50%;
  position: relative;
}

.landing-page .meet-fans .video-parent {
  position: absolute;
  left: 50%;
  top: 6%;
  transform: translateX(-50%);
  width: 59.8%;
  height: 76%;
  overflow: hidden;
}

.landing-page .meet-fans .video-parent video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width:1024px) {
  .landing-page .meet-fans .video-inside-image {
    padding-top: 32%;
  }
  .landing-page .meet-fans .video-parent {
    width: 38.8%;
    height: 75%;
  }
}

.landing-page .gradient-background-second {
  background: #6d54b2;
  background: -moz-linear-gradient(top, #6d54b2 0%, #934baf 100%);
  background: -webkit-linear-gradient(top, #6d54b2 0%, #934baf 100%);
  background: linear-gradient(to bottom, #6d54b2 0%, #934baf 100%);
}

.landing-page .gradient-background-second .feature-list .item {
  padding: 10px 50px;
}

.landing-page .gradient-background-second .feature-list .item img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.landing-page .selfie-container {
  background-color: #b6b6b6;
}

.landing-page .selfie-container img {
  height: 420px;
}

@media(min-width:768px) {
  .landing-page .selfie-container .text-content {
    padding-top: 168px;
  }
}

@media(max-width:768px) {
  .landing-page .selfie-container {
    padding: 50px 0;
  }
  .landing-page .selfie-container img {
    width: 100%;
    height: auto;
  }
}

.landing-page .gradient-background-third {
  background: #e83b42;
  background: -moz-linear-gradient(top, #e83b42 0%, #c82a4f 100%);
  background: -webkit-linear-gradient(top, #e83b42 0%, #c82a4f 100%);
  background: linear-gradient(to bottom, #e83b42 0%, #c82a4f 100%);
}

.landing-page .gradient-background-third img {
  height: 450px;
}

.landing-page .gradient-background-third .sell-anything h4,
.landing-page .gradient-background-third .sell-anything h5 {
  margin-top: 20px;
}

.landing-page .my-accordion a {
  text-decoration: none;
  color: white;
}

.landing-page .gradient-background-third .panel {
  margin-bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  border: 0px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.landing-page .gradient-background-third .panel-collapse&gt;.panel-body {
  border-top: 0;
  padding: 0;
}

@media(min-width:769px) {
  .landing-page .gradient-background-third .sell-anything {
    padding-top: 60px;
  }
  .landing-page .gradient-background-third .img-container img {
    margin-left: -70px;
  }
}

@media(max-width:768px) {
  .landing-page .gradient-background-third {
    padding-bottom: 50px;
  }
  .landing-page .gradient-background-third img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

.landing-page .fees img {
  margin-top: 50px;
  margin-bottom: 30px;
}

.landing-page .gradient-background-fourth {
  background: #6d54b2;
  background: -moz-linear-gradient(top, #6d54b2 0%, #934baf 100%);
  background: -webkit-linear-gradient(top, #6d54b2 0%, #934baf 100%);
  background: linear-gradient(to bottom, #6d54b2 0%, #934baf 100%);
}

.landing-page .gradient-background-fourth .item img {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  border-radius: 50%;
  border: 5px solid white;
}

.landing-page .gradient-background-fourth .flex-broadcasters {
  margin-top: 65px;
}

.landing-page .gradient-background-fourth .item h4 {
  text-align: center;
}

.landing-page .subscription .item {
  margin-bottom: 40px;
}

.landing-page .subscription .item img {
  width: 55px;
  margin-bottom: 10px;
}

@media (min-width:769px) {
  .landing-page .sponsored .featurelist {
    padding-top: 25px;
  }
}

.landing-page .sponsored .content {
  margin-top: 35px;
}

.landing-page .gradient-background-five {
  background: #e83b42;
  background: -moz-linear-gradient(top, #e83b42 0%, #c82a4f 100%);
  background: -webkit-linear-gradient(top, #e83b42 0%, #c82a4f 100%);
  background: linear-gradient(to bottom, #e83b42 0%, #c82a4f 100%);
  margin-bottom: 48px;
}

@media(max-width:768px) {
  .landing-page .gradient-background-five {
    margin-bottom: 0px;
  }
}

.landing-page .gradient-background-five .buttonlist {
  margin-top: 35px;
}

.landing-page .gradient-background-five .bottom-signin {
  background-color: #7a87dc;
  margin-left: 15px;
}

.landing-page .flexslider.raiseawareness {
  padding-bottom: 15px;
}

.landing-page .flexslider.raiseawareness .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -9px;
  text-align: center;
}

.landing-page .dynamic_text:before {
  content: open-quote;
}

.landing-page .dynamic_text:after {
  content: close-quote;
}

.landing-page .dynamic_text-top:before {
  content: open-quote;
}

.landing-page .dynamic_text-top:after {
  content: close-quote;
}

.custom-pills {
  /* width:40%;
  margin:0 auto;
  font-size: 0; */
}

.custom-pills.nav&gt;li&gt;a {
  padding: 0;
  color: #333;
  font-size: 18px;
}

.custom-pills li {
  float: none;
  display: inline-block;
}

.custom-pills li+li {
  margin-left: 20px;
}

.custom-pills li+li:before {
  content: "\2022";
  position: absolute;
  left: -14px;
  top: 1px;
  font-size: 17px;
}

.custom-pills.nav-pills&gt;li.active&gt;a,
.custom-pills.nav-pills&gt;li.active&gt;a:hover,
.custom-pills.nav-pills&gt;li.active&gt;a:focus {
  color: #d544da;
  background-color: transparent;
}

.custom-pills li.active a {}

/* ***************************************self-product******************************************* */

.self-product .screenshot-video-container {
  height: 400px;
  background-color: #ececec;
}

.self-product .screenshot-video-container .vid-container {
  border-radius: 5px;
}

@media (max-width:425px) {
  .self-product .screenshot-video-container {
    height: 160px;
  }
}

.self-product .video-listing {
  height: 560px;
  overflow-y: auto;
}

@media(max-width:768px) {
  .self-product .video-listing {
    overflow-x: auto;
    overflow-y: hidden;
    height: 180px;
    /* border:1px solid red; */
    margin-bottom: 15px;
  }
  .self-product .videos-listing {
    margin-bottom: 0px;
  }
  .self-product .video-listing-parent {
    /* white-space: nowrap; */
    height: auto;
    /* border: 1px solid green; */
    overflow-x: auto;
  }
  .self-product .screenshot-video-parent {
    /* display: inline-block; */
    float: left;
    width: 250px;
  }
  .self-product .screenshot-video-parent:first-child {
    padding-left: 0;
  }
}

.self-product .take-screenshot-btn-parent {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 50px;
  right: 8px;
  opacity: 0.5;
}

.self-product .screenshot-video-container:hover .take-screenshot-btn-parent {
  display: block;
}

/* @media(max-width:768px){
  .self-product .take-screenshot-btn-parent{
    position: relative;
    z-index: 0;
    bottom: auto;
    right: auto;
    opacity: 1;
    background: white;
    padding-bottom: 5px;
  }
} */

.self-product .search-filter {
  margin-bottom: 10px;
}

.self-product .search-filter .custom-checkbox {
  padding-top: 5px;
}

.self-product .search-filter select,
.self-product .video-search-form input {
  width: 100%;
}

.self-product .videos-listing .image-container {
  height: 110px;
}

.self-product .videos-listing .broadcaster-name {
  margin-bottom: 6px;
}

.self-product .simple-text {
  position: absolute;
  top: 50%;
  text-align: center;
}

.self-product .player-parent:before {
  content: "\e918";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'icomoon' !important;
  font-size: 49px;
  transform: translate(-50%, -50%);
  color: #d544da;
}

.self-product .createproduct-inner&gt;.nav-tabs&gt;li {
  width: 33.3%;
}

.self-product .connecting-line {
  width: 70%;
}

.self-product .mockup-controls .btn {
  width: 102px;
  display: block;
  margin-bottom: 10px;
}

.self-product .create-product .grid-item {
  display: inline-block;
  width: 100px;
  margin: 5px;
}

.learn-more-btn {
  margin-right: 17px;
}

.learn-more-btn .btn {
  padding: 8px 16px;
}

.learn-more-btn a {
  /* background-color: white; */
  background-color: #d544da;
}

/* *::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}



*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}


*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
} */

.shop-create-product-placeholder {
  height: 423px;
  background-color: white;
  position: relative;
  border-radius: 3px;
}

.shop-create-product-placeholder .top-part {
  background-image: url(../images/tshirts.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  height: 265px;
}

.shop-create-product-placeholder .bottom-part {
  padding: 15px;
}

.shop-create-product-placeholder .top-part:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.21);
}

.shop-create-product-placeholder .btn {
  width: 90%;
  margin: 25px auto 0 auto;
  text-transform: uppercase;
}

/* .shop-create-product-placeholder .btn{
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  padding: 11px 12px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.43);
  border: 1px solid white;
  color:white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
}
.shop-create-product-placeholder .btn :active:focus{
  background-color: rgba(0, 0, 0, 0.43);
  border: 1px solid white;
} */

.self-product .take-screenshot-btn {
  width: 200px;
}

.self-product .take-screenshot-btn+.take-screenshot-btn {
  margin-left: 15px;
}

.self-product .take-screenshot-btn:disabled {
  cursor: default;
}

.self-product .hide-video-controls .jw-icon-hd,
.self-product .hide-video-controls .jw-icon-fullscreen,
.self-product .hide-video-controls .jw-icon-volume,
.self-product .hide-video-controls .jw-icon-cc {
  display: none;
}

.self-product .jw-slider-horizontal .jw-buffer,
.self-product .jw-slider-horizontal .jw-progress,
.self-product .jw-slider-horizontal .jw-rail {
  height: 0.1em !important;
}

.self-product .img-container-placeholder {
  text-align: center;
  border: 1px solid #cccbcb;
  border-radius: 3px;
  line-height: 82px;
  /* height: 100%; */
  background-color: #e2e2e2;
  font-size: 30px;
  color: #bfbfbf;
}

.self-product .video-desc-container {
  padding: 0 15px 3px;
}

.create-product .preview-box .grid-item .img-container {
  height: 82px;
  background-size: cover;
  background-position: center;
}

.self-product .nav-pills&gt;li {
  width: 25%;
  text-align: center;
  margin: 0;
}

.self-product .nav-pills&gt;li.active a {
  color: #d544da;
  background-color: #ffffff;
  border-color: #d544da;
}

.self-product .nav-pills&gt;li a i {
  vertical-align: middle;
  /* font-weight: bold; */
  font-weight: 600;
  margin-right: 6px;
  font-size: 20px;
}

/* .self-product .nav-pills &gt; li a:disabled {
  cursor:default;
} */

/* .self-product .nav-pills &gt; li.active:after{
  display:none;
} */

.self-product .nav-pills&gt;li.active:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 7px solid transparent;
  border-left-color: #d544da;
  left: auto;
}

.self-product .nav-pills&gt;li:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 7px solid transparent;
  border-left-color: #adadad;
  left: auto;
}

.self-product .nav-pills&gt;li:nth-child(2):after {
  display: none;
}

.self-product .connecting-line {
  z-index: 0;
  background: #adadad;
  transform: translateY(-50%);
}

.self-product .nav-pills&gt;li {
  float: right;
}

.self-product .nav-pills&gt;li.active~li a {
  color: #4CAF50;
  border-color: #4CAF50;
}

.self-product .nav-pills&gt;li.active~li:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(2, 1);
  opacity: 1;
  margin: 0 auto;
  bottom: auto;
  border: 7px solid transparent;
  border-left-color: #4CAF50;
  left: auto;
}

.self-product .create-product {
  padding-top: 25px;
}

.self-product .create-product .grid-item-screenshot {
  display: inline-block;
  width: 109px;
  margin: 5px;
}

.self-product .createproduct-inner {
  width: 95%;
  margin: 0 auto;
  padding: 0 20px;
}

.self-product .nav-pills&gt;li a {
  color: #adadad;
  background-color: #ffffff;
  border-radius: 100px;
  border: 2px solid #adadad;
  margin: 10px 30px;
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
}

.self-product .preview-box {
  /* white-space: nowrap; */
  /* height:100px; */
  /* overflow-x: auto; */
  /* height:125px; */
  width: 100%;
}

.minheight-placeholdertext {
  padding: 200px 0;
}

@media(max-width:768px) {
  .self-product .self-product-row {
    margin: 0;
  }
  .self-product .self-product-col {
    padding: 0;
  }
  .minheight-placeholdertext {
    padding: 40vh 0;
  }
  .self-product .preview-box {
    /* white-space: nowrap; */
    /* height:100px; */
    /* overflow-x: auto; */
    height: 125px;
  }
  .self-product .nav-pills&gt;li a {
    color: #adadad;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #adadad;
    margin: 0 2px;
    /* font-family: 'Gibson-Semibold', sans-serif; */
    font-weight: 600;
    padding: 5px 0px;
    font-size: 10px;
  }
  .self-product .createproduct-inner {
    width: 97%;
    margin: 0 auto;
    padding: 0;
  }
  .self-product .nav-pills&gt;li.active:after {
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(2, 1);
    opacity: 1;
    margin: 0 auto;
    bottom: auto;
    border: 3px solid transparent;
    border-left-color: #d544da;
    left: auto;
  }
  .self-product .nav-pills&gt;li:after {
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(2, 1);
    opacity: 1;
    margin: 0 auto;
    bottom: auto;
    border: 3px solid transparent;
    border-left-color: #adadad;
    left: auto;
  }
  .self-product .nav-pills&gt;li.active~li:after {
    content: " ";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) scale(2, 1);
    opacity: 1;
    margin: 0 auto;
    bottom: auto;
    border: 3px solid transparent;
    border-left-color: #4CAF50;
    left: auto;
  }
  .self-product .create-product .grid-item-screenshot {
    width: 90px;
  }
  .self-product .take-screenshot-btn {
    width: 116px;
    font-size: 12px;
  }
  .self-product .generate-mockup .continue-btn {
    margin: 5px;
    font-size: 12px;
    padding: 6px 0px;
  }
  .self-product .create-product .mockup-controls .btn {
    display: inline-block;
    /* width: 102px !important; */
  }
}

.hide-scrennshot-component-parent .hide-scrennshot-component {
  display: none !important;
}

/* *****************************vipticket************************************** */

.vipticket {
  margin-top: 15px;
  /* padding-top: 25px; */
  margin-bottom: 100px;
  padding-bottom: 25px;
}

/* .vipticket .ticket-image-list{
  white-space: nowrap;
  height:400px;
} */

.vipticket .ticket-listing-grid {
  height: 400px;
}

.vipticket .ticket-image {
  display: inline-block;
  width: 285px;
  position: relative;
  cursor: pointer;
  /* margin-right: 15px; */
  margin: 7px;
}

@media(max-width:425px) {
  .vipticket .ticket-image {
    width: 100%;
    margin: 7px 0;
  }
}

.create-ticket .ticket-image[data-vipImageSelected="1"] .ticket-del-btn,
.create-ticket .ticket-image[data-eventimageselected="1"] .ticket-del-btn {
  display: none;
}

.create-ticket .ticket-image[data-vipImageSelected="1"]:before,
.create-ticket .ticket-image[data-eventimageselected="1"]:before {
  content: "\e958";
  font-family: 'icomoon' !important;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid white;
  color: white;
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  z-index: 1;
}

.create-ticket .ticket-image[data-vipImageSelected="1"]:after,
.create-ticket .ticket-image[data-eventimageselected="1"]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
}

.create-ticket .ticket-image[data-eventimageselected="1"]:after {
  pointer-events: none;
}

.create-ticket .ticket-image[data-vipImageSelected="1"]:after {
  pointer-events: none;
}

.vipticket .ticket-image img {
  width: 100%;
}

.vipticket .upload-button input {
  display: none;
}

.vipticket .upload-button {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border-radius: 4px;
  width: 160px;
  cursor: pointer;
  background-color: #d544da;
  color: white;
  line-height: 24px;
  font-weight: normal;
  margin-top: 0;
  /* margin-left: 10px; */
  margin-right: 8px;
}

@media(max-width:425px) {
  .vipticket .upload-button {
    width: 100%;
    margin-right: 0;
  }
}

.vipticket .ticket-del-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: #F44336;
  color: white;
  /* border: 1px solid white; */
  font-size: 12px;
  width: 30px;
  height: 30px;
  /* text-align: center; */
  padding: 0;
  line-height: 30px;
  /* font-weight: lighter; */
}

.vipticket .input-parent:before {
  content: "$";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}

.vipticket .input-parent input {
  padding-left: 18px;
}

.vipticket .preview-parent img[src*="placeholder"] {
  height: 397px;
}

.vipticket .preview-parent {
  margin-bottom: 20px;
}

.vipticket .shop .image-container {
  background-position: center;
}

.vipticket .savebtn {
  padding: 6px 0;
}

.vipticket .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vipticket .flex-container .flex-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 5px;
}

.vipticket .flex-container .flex-item:first-child {
  margin-left: 0;
}

.vipticket .flex-container .flex-item:last-child {
  margin-right: 0;
}

.vipticket .flex-container .bigbtn {
  -webkit-box-flex: 6;
  -ms-flex-positive: 6;
  flex-grow: 6;
}

.vipticket-shop:hover {
  transform: none;
}

.coupon-create .image-container {
  height: 150px;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-position: center;
  background-size: cover;
}

.vipticket .cost-parent {
  margin-bottom: 5px;
}

.vipticket .cost-parent label {
  margin-bottom: 0;
}

.vip-tag {
  border-radius: 3px 3px 0 0;
  position: relative;
  /* background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%); */
  background-image: linear-gradient(to top, #c5d4f1 0%, #6991c7 100%);
  text-align: center;
  font-size: 17px;
  color: white;
  padding: 15px 12px;
  overflow: hidden;
  letter-spacing: 1px;
}

/* .vip-tag:before{
  content: '';
  transform: rotate(30deg);
  width: 280px;
  top: -10px;
  height: 100px;
  background: -webkit-linear-gradient(top, transparent, rgba(255, 255, 255, .3), transparent);
  position: absolute;
  -webkit-animation: shine 4s ease-in-out infinite;
} */

/*.vipticket-shop {
  cursor: pointer;
}*/

.vipticket-shop .content {
  padding: 15px;
  position: relative;
  /*height: 150px;*/
}

.vipticket-shop .content h4 {
  color: #7d7c7c;
  margin-top: 0px;
  font-weight: 600;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 21px;
  font-size: 22px;
  height: 25px;
}

.vipticket-shop .content .description {
  padding-left: 0;
  padding-right: 0;
  color: #969696;
}

.vipticket-shop .custom-dropdown-menu {
  /* right: 15px;
  position: absolute;
  top: 18px; */
  right: 15px;
  position: absolute;
  top: 5px;
  z-index: 5;
}

.vipticket-shop .custom-dropdown-menu a:hover,
.vipticket-shop .custom-dropdown-menu a:focus {
  text-decoration: none;
}

.vipticket-shop .custom-dropdown-menu span {
  /*color: #5D5D5D;*/
  
}

.vipticket-shop .custom-dropdown-menu .dropdown-toggle {
  color: #d544da;
  text-shadow: 0px 0px 12px rgba(167, 167, 167, 0.7098039215686275);
}

.vipticket-shop .desc {
  /* max-height: 80px; */
  height: 75px;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  word-wrap: break-word;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
}

.vipticket-shop .bottom-content .price {
  font-size: 34px;
  font-weight: 700;
}

.vipticket-shop .bottom-content .expiry-date {
  margin-top: 8px;
  color: #909090;
  font-size: 14px;
}
/*.vipticket-shop .bottom-content .expiry-date +.expiry-date {
  border-left: 1px solid #7d7c7c;
}*/

.vipticket-shop .event-date {
  font-size: 16px;
  color: #7b7b7b;
}

/*.vipticket-shop .price {
  padding-left: 0;
  color: #f44336;
}
*/

@-webkit-keyframes shine {
  0%,
  100% {
    left: -500px
  }
  50% {
    left: 10px
  }
}

/* ****************************buy-vip-ticket-modal***************************** */

.buy-vip-ticket-modal .price {
  font-size: 18px;
  color: #f44336;
}

.buy-vip-ticket-modal .text-clamp {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* line-height: 28px; */
  margin-top: 15px;
}

.buy-vip-ticket-modal .buybtn {
  width: 110px;
}

.buy-vip-ticket-modal .buy-price-parent {}

.buy-vip-ticket-modal .simple-text {
  margin-top: 10px;
  max-width: 365px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 26px;
}

.buy-vip-ticket-modal .buttonset-parent {
  margin-top: 5px;
}

@media (min-width: 768px) {
  .buy-vip-ticket-modal .modal-dialog {
    width: 400px;
  }
}

/* **********************************vipticket-share***************************************** */

.vipticket-share {
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: 100px;
  padding-bottom: 15px;
}

.vipticket-share .title {
  color: #585858;
}

.vipticket-share .price {
  font-size: 22px;
  color: #f44336;
  margin-right: 7px;
}

.vipticket-share .simpledetails-parent label {
  margin-right: 5px;
}

.vipticket-share .btn-set-parent {
  margin-top: 5px;
}

.vipticket-share .buybtn {
  width: 100px;
}

/* *****************************go live upfated***************************************** */

.live-video-feed-user {
  position: absolute;
  width: 170px;
  height: 170px;
  overflow: hidden;
  right: 0;
  bottom: 140px;
  z-index: 14;
}

.live-video-feed-user .vip-holder {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
  color: #F1C40F;
}

.live-video-feed-user .sharp-image-holder {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 45%;
  left: 50%;
}

.live-video-feed-user .sharp-image-holder img {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  border-radius: 50%;
}

.live-video-feed-user .sharp-image-holder:before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  z-index: 0;
  -webkit-animation: xpulse 1.8s infinite 0.8s;
}

.live-video-feed-user .sharp-image-holder:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  z-index: 0;
  -webkit-animation: xpulse 1.8s infinite;
}

.live-video-feed-user .blur-image-holder {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background-size: cover;
  background-color: #000;
  opacity: 0.7;
}

.live-video-feed-user .detail-holder {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
}

.live-video-feed-user .detail-holder .name {
  /*width: calc(100% - 140px);*/
  padding: 0 10px;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
}

.live-video-feed-user .detail-holder .inner-text {
  font-size: 12px;
  margin-bottom: 3px;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}

.live-video-feed-user .vip-holder {}

@-webkit-keyframes xpulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
  }
}

/* ************************************ticket-listing*********************************** */

.ticket-listing .card {
  padding-bottom: 15px;
}

.ticket-listing .expiry-parent {
  height: 25px;
}

.tag-expired {
  color: #F44336;
}

.is-redeemed {
  position: absolute;
  right: 5px;
  bottom: 44px;
  transform: rotateZ(-47deg);
  color: #4ecd6f;
  padding: 0px 8px;
  border: 2px dashed #4ecd6f;
  /* font-family: 'Gibson-Semibold'; */
  font-weight: 600;
  border-radius: 3px;
}

.is-coupon-deactivated {
  position: absolute;
  right: 33px;
  bottom: 65px;
  transform: rotateZ(-21deg) scale(1.3);
  color: #fc2163;
  padding: 0 12px;
  border: 2px dashed #f44336;
  font-weight: 600;
  border-radius: 3px;
  font-size: 14px;
  background-color: white;
  opacity: 0.8;
  height: 26px;
  line-height: 25px;
  vertical-align: middle;
}

.is-expired {
    position: absolute;
    right: 73px;
    bottom: 65px;
    transform: rotateZ(-21deg) scale(1.3);
    color: #fc2163;
    padding: 0px 65px;
    border: 2px dashed #f44336;
    font-weight: 600;
    border-radius: 3px;
    font-size: 14px;
    background-color: white;
    opacity: 0.8;
    vertical-align: middle;
    display: none;
}

.is-redeemed-pass {
    position: absolute;
    right: 32px;
    bottom: 65px;
    transform: rotateZ(-21deg) scale(1.3);
    color: #71be73;
    padding: 0px 30px;
    border: 2px dashed #4ecd6f;
    font-weight: 600;
    border-radius: 3px;
    font-size: 14px;
    background-color: white;
    opacity: 0.8;
    vertical-align: middle;
    display: none;
}

[data-is_expired="1"] .is-expired {
  display: block;
}

[data-isredeemed="1"] .is-redeemed-pass{
    display: block;
}

.break-word{
  word-wrap: break-word;
}
@keyframes xpulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
  }
}

/* ************************coupon-create*************************** */

.pass-card {
  background-color: #fff;
  height: 165px;
  float: left;
  position: relative;
  box-shadow: 0 1px 4px rgba(187, 187, 187, 0.28);
  margin: 20px 0;
}

.pass-cardLeft {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* .pass-cardRight {
  border-left: 2px dashed rgba(150, 150, 150, 0.36);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  &amp;:before,
  &amp;:after {
    content: "";
    position: absolute;
    display: block;
    width: .9em;
    height: .9em;
    background: #fff;
    border-radius: 50%;
    left: -.5em;
  }
  &amp;:before {
    top: -.4em;
  }
  &amp;:after {
    bottom: -.4em;
  }
} */

.pass-card .image-container {
  height: 165px;
  padding-left: 0px;
  object-fit: cover;
  background-repeat: no-repeat;
  width: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.pass-card .coupon-code {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 10px;
  color: white;
  padding: 4px;
  font-size: 16px;
  border: none;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  box-shadow: 1px 9px 20px 0px rgba(150, 150, 150, 0.68);
  text-align: center;
  border-radius: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  line-height: 25px;
  background-color: #d544da;
}

.cardWrap .pass-card .title {
  font-size: 18px;
}

.cardWrap .pass-card .pass-ellipsisTwoLine {
  /*padding-top: 5px;*/
  height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 24px;
  font-size: 14px;
  word-break: break-word;
  word-wrap: break-word;
  position: relative;
}



@-moz-document url-prefix() {
  .cardWrap .pass-card .pass-ellipsisTwoLine:before,
  .search-top-one-line:before,
  .clip-text-one-line:before {
    bottom: 2px;
    position: absolute;
    right: 0;
    float: right;
    content: '\2026';
    margin-left: -3rem;
    width: 3rem;
    background: #fff;
    padding-left: 0px;
  }
  .cardWrap .pass-card .pass-ellipsisTwoLine:after {
      content: '';
      background: #fff;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1;
  }
  .search-top-one-line,
  .clip-text-one-line {
    word-break: break-all;
    height: 35px;
  }
  .search-top-one-line:before,
  .clip-text-one-line:before {
    /*width: 0px;*/
    bottom: 2px;
  }
}

.cardWrap .pass-card .custom-dropdown-menu {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  /*text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);*/
}

.cardWrap .pass-card .pass-cardRight-text {
  padding-left: 15px;
  display: inline-block;
}

.cardWrap .pass-card .pass-cardRight-code {
  vertical-align: middle;
  line-height: 38px;
  padding-top: 40px;
  font-size: 17px;
  text-align: center;
}

.cardWrap .pass-card .custom-dropdown-menu a {
  color: #5D5D5D !important;
}

.cardWrap .pass-card .custom-dropdown-menu a:hover {
  text-decoration: none;
  color: #d544da;
}

.event-passes-section .single-pass-holder,
.event-ticket-section .single-ticket-holder,
.event-section .single-event-holder {
  text-align: center;
  padding: 12px;
}

.event-passes-section .single-pass-holder .pass-holder-img,
.event-ticket-section .single-ticket-holder .ticket-holder-img {
  width: 100%;
  height: 170px;
}

.event-section .single-event-holder .event-holder-img {
 /* width: 230px;*/
  height: 200px;
}

.event-section .single-event-holder .event-holder-image img {
  width: 225px;
  height: 140px;
}

.event-passes-section .single-pass-holder .pass-holder-img img,
.event-ticket-section .single-ticket-holder .ticket-holder-img img,
.event-section .single-event-holder .event-holder-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.event-passes-section .single-pass-holder .pass-text,
.event-section .single-event-holder .event-text {
  padding: 10px 0 0px 0;
  line-height: 24px;
}

.event-ticket-section .single-ticket-holder .ticket-text {
  padding: 15px 0;
  line-height: 22px;
  height: 112px;
}

.event-passes-section .single-pass-holder button {
  width: 280px;
  margin-bottom: 18px;
  margin-top: 30px;
}

.event-ticket-section .single-ticket-holder button {
  width: 280px;
  margin-bottom: 18px;
  margin-top: 14px;
}

.event-section .single-event-holder button {
  width: 260px;
  margin-bottom: 18px;
  margin-top: 40px;
}

.coupon-create {
  margin-bottom: 100px;
}

.coupon-create&gt;.card {
  padding-top: 25px;
  padding-bottom: 25px;
}

.coupon-create .create-sec {
  border-right: 1px solid #dedede;
}

.coupon-create .coupon-img {
  width: 100%;
}

@media(max-width:768px) {
  .coupon-create .create-sec {
    border-right: 0px;
  }
}

.coupon-create .created-coupon {
  margin-bottom: 20px;
}

.coupon-create .created-coupon .ellipsisTwoLine {
  line-height: 20px;
}

.coupon-create .created-coupon .card {
  height: 305px;
}

.coupon-create .created-coupon .bottom-sec {
  padding: 15px;
}

.coupon-create .coupon-share-btn,
.cardWrap .pass-card .coupon-share-btn {
  right: 0px;
  top: 0px;
  color: #d544da;
  height: 45px;
  background-color: transparent;
  border: transparent;
  font-size: 18px;
  padding-right: 20px;
  line-height: 45px;
}

.cardWrap .pass-card .coupon-share-btn i {
  font-weight: 700 !important;
}

.round-share-btn {
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d4d4d4;
  box-shadow: 1px 9px 20px 0px rgba(150, 150, 150, 0.68);
}

.round-share-btn:focus {
  outline: 0;
}

.round-share-btn i {
  /* font-weight: bold; */
  font-weight: 600;
}

.coupon-create .created-coupon .round-share-btn {
  position: absolute;
  top: -23px;
  right: 18px;
  box-shadow: 1px 9px 20px 0px rgba(150, 150, 150, 0.68)
  /* box-shadow: 0px 1px 2px 0px #989898; */
}

.coupon-create .created-coupon .round-share-btn i {
  margin-top: -2px;
  display: block;
}

.coupon-create .created-coupon .custom-dropdown-menu {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
}

.coupon-create .created-coupon .custom-dropdown-menu a {
  text-decoration: none;
}

.coupon-create .created-coupon .description {
  height: auto;
  margin-bottom: 15px;
  font-size: 16px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
}

.coupon-create .coupon-list {
  height: 400px;
}

/* ******************************* guidelines-modal************************************* */

.guidelines-modal .modal-body {
  height: 400px;
  overflow-y: scroll;
}

.guidelines-modal ul {
  padding-left: 15px;
}

/************************** global css styles for new designs ***********************************/

.main-button-solid {
  color: #fff;
  background-color: #a51830;
  border-color: #6b101f;
  width: 130px;
}

.outlined-button {
  min-width: 132px;
  border: 1px solid #d544da;
  background: transparent;
  color: #d544da;
  font-size: 16px;
}

.outlined-button:hover {
  background: #d544da;
  color: white;
}

.navbar-brand i {
  font-size: 40px;
}

.card .card-feature {
  cursor: pointer;
  position: relative;
  margin-bottom: 30px;
  height: 322px;
  transform: translateY(0px);
  transition: .5s;
}

.card .card-feature a {
  height: 100%;
  display: block;
  text-decoration: none;
}

.card .card-feature .profile-container {
  position: relative;
}

.card .card-feature .profile-container .image-container {
  height: 190px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.card .card-feature .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 15px 5px 15px;
  pointer-events: none;
}

.card .card-feature .content .title {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 16px;
  color: #333;
}

.card .card-feature .content .description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 65px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
  -webkit-line-clamp: 3;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.card .card-feature .content .float-button-container {
  position: absolute;
  top: -20px;
  right: 20px;
}

.card .card-feature .content .float-button-container .round-button {
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #e3e3e3;
}

.card .card-feature .content .float-button-container i {
  /* font-weight: bold; */
  font-weight: 600;
}

.icon-round-button-share {
  pointer-events: all;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #e3e3e3;
}

.p_0 {
  padding: 0 !important;
}

.m_0 {
  margin: 0;
}

/* .rounded-button{
  background-color: white;
  border: 2px solid #d544da;
  border-radius: 100px;
  color: #d544da;
  width: 100px;
} */

.cover-picture-placeholder {
  height: 210px;
  object-fit: cover;
  width: 100%;
}

.profile-picture-placeholder {
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 150px;
  border: 4px solid #fff;
  border-radius: 50%;
}

.display {
  display: none;
}

/********* floating label for form template ***************/

/* .form-group { 
  position:relative; 
  margin-bottom:20px; 
}
.floating-input , .floating-select {
  font-size:14px;
  padding:4px 4px;
  display:block;
  width:100%;
  height:30px;
  background-color: transparent;
  border:none;
  border-bottom:1px solid #757575;
}

.floating-input:focus , .floating-select:focus {
     outline:none;
     border-bottom:2px solid #5264AE; 
}

label {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-18px;
  font-size:14px;
  color:#5264AE;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:14px;
  color:#5264AE;
} */

/* active state */

/* .floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px; 
   overflow:hidden;
  overflow-x: hidden; 
} */

/********* floating label for form template end ***************/

/********************** custom card css ************************/

/* .card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 40%;
}


.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
  padding: 2px 16px;
} */

/*********************** custom Patron css ************************/

/* .patron-post-width-modal .modal-dialog {
  width: 850px;
} */

.patron-post-width-modal .modal-dialog .modal-body .sub-text-dec,
.go-live-page .golive-video-feed .userdatatabs .section-top-inner .sub-text {
  display: block;
  font-size: 14px;
  font-weight: 400;
}

.pb_20 {
  padding-bottom: 20px;
}

.vertical-align {
  vertical-align: middle;
}

.profile-wrapper .header_spacer,
.patron-wrapper .header_spacer {
  padding-top: 20px;
  padding-bottom: 20px;
}

.no-patron-posts {
  padding: 30px 0;
}

#postImageDiv {
  position: relative;
  margin: 0;
  margin-top: 15px;
}

h2,
.h2 {
  color: #d544da;
}

h4,
.h4 {
  font-size: 20px;
  color: #d544da;
}

h5,
.h5 {
  font-size: 16px;
}

.btn:focus,
.btn:active:focus {
  outline: none;
}

input:focus,
input:active {
  outline: none;
}

.patron-wrapper {
  padding: 0px 10px 10px 10px;
}

.patron-setting {
  padding: 20px;
}

.patron-setting .header_spacer h2 {
  line-height: 40px;
}

.patron-setting .header_spacer .resize-btn {
  width: 160px;
}

.patron-setting-padding {
  padding: 10px 20px;
}

.video-name {
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.patron-setting .patron-merchandise .percentage {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.patron-merchandise .one-time-payment {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.patron-merchandise .one-time-payment input.plus-input-box{
  /* pointer-events: none; */
}

input.plus-input-box.pass-input {
  padding: 0;
  line-height: 35px;
}

.patron-merchandise .one-time-payment:before {
  content: "$";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.patron-merchandise .post-day-access {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.patronTab .broadcaster-posts.recent-post-list {
  border: 1px solid #e3e3e3;
  box-shadow: none;
}
/* .patronTab .broadcaster-posts.recent-post-list .post-content[data-posttype="link"]{
  height: 300px;
  background-size: contain;
} */

.patronTab .broadcaster-posts.recent-post-list.original-card {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
  border: none;
}

.patron-merchandise .post-day-access .post-day-access-icon {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 20px;
}

.money-input .input-currency {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}

.money-input .input-currency:before {
  content: "$";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.patron-setting .patron-merchandise .percentage:before {
  content: "%";
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}

.header_setting {
  margin: 0px 0px 20px 0px !important;
}

.profile-preview-menu {
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 5;
}

.profile-preview-menu img {
  height: 100px;
  object-fit: cover;
  width: 100px;
  order: 4px solid #d544da;
  border-radius: 50%;
  vertical-align: middle;
}

.profile-side-menu .profile-heading {
  top: 60px !important;
}

.profile-side-menu .profile-preview-btn {
  top: 110px;
}

.profile-side-menu .profile-sidebar-content {
  /* padding-top: 180px !important; */
}

.patron-wrapper .text-description {
  color: #5D5D5D;
  text-align: left;
}

.patron-wrapper .text-description-button {
  color: #000000;
  /* font-weight: bold; */
  font-weight: 600;
}

.patron-wrapper .text-button {
  color: #000000;
}

.patron-wrapper .text-button:active,
.text-button:hover,
.text-button:focus {
  color: #d544da;
}

.patron-wrapper .mb_30 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.patron-wrapper .mtb {
  margin-top: 16px;
  margin-bottom: 6px;
}

/*.patron-wrapper .card {
  box-shadow: 0px 3px 6px rgba(101, 101, 101, 0.16);
}*/

.patron-creator-category .modal-dialog {
  width: 800px;
}

.patron-creator-category .modal-dialog .modal-body {
  height: 550px;
}

.patron-subscriptions-btn {
  white-space: nowrap;
  overflow: hidden;
}

.patron-setting .info-box,
.create-product-inner .info-box,
.patron-subscriptions .info-box,
.patron-packages-tab .info-box {
  border: 1px solid #E2E2E2;
  padding: 5px 15px 5px 15px;
  margin: 0px 0px 30px 0px;
}

.patron-setting .info-box.relative:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 1),rgb(255, 255, 255));
  z-index: 1;
}
.patron-packages-tab .patron-package-tire .tier-image .img-responsive {
  width: 100%;
  margin: 0 0 15px 0;
  /*height: 85;*/
}

.patron-packages-tab .patron-package-tire .tier-image{
  margin:0;
}

.patron-packages-tab .patron-package-tire .tier-image .img-responsive[src=""]{
 display: none;
}
  
.patron-subscriptions .subscribers-header {
  display: block;
}

.patron-subscriptions .side-line {
  border-right: 1px solid #e2e2e2;
  padding-right: 12px;
}

.patron-subscriptions .subscribers-margin {
  margin-top: -10px;
}

.patron-subscriptions h5 {
  color: #5D5D5D;
}

.patron-subscriptions span {
  color: #868585;
}

.patron-subscriptions .subscribers-header img {
  height: 90px;
  width: 90px;
  object-fit: cover;
}

.patron-subscriptions .subscribers-header .sub-text {
  font-size: 13px;
  font-weight: 400;
  color: #949494;
}

.patron-subscriptions .subscribers-header .custom-dropdown-menu {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}

.patron-subscriptions .subscribers-header .custom-dropdown-menu a {
  color: #5D5D5D;
}

.patron-subscriptions .subscribers-header .custom-dropdown-menu a:hover,
.patron-subscriptions .subscribers-header .custom-dropdown-menu a:active {
  text-decoration: none;
}

.patron-subscriptions .subscribers-header .custom-dropdown-menu .dropdown-menu {
  transform-origin: top;
  animation-fill-mode: forwards;
  display: block;
  -webkit-transition: all 0.2s linear
}

.patron-subscription .table .subscribers-th&gt;tr&gt;th,
.subscriber-creators .table .subscribers-th&gt;tr&gt;th {
  font-size: 14px;
  font-weight: 600;
}

.patron-subscription .table&gt;tbody&gt;tr&gt;td,
.subscriber-creators .table&gt;tbody&gt;tr&gt;td {
  vertical-align: middle;
}

.subscriber-creators .tier-edit {
  font-size: 14px;
}

.subscriber-creators .subscribers-btn {
  width: 100%;
  border-radius: 5px;
}

.subscriber-creators .subscribers-btn i {
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px;
}

.subscribers-modal .item .img-container {
  width: 80px;
  height: 80px;
  box-shadow: 0px 3px 7px 0px #d2d2d2, inset 0 0 0 2px white;
}

.subscribers-modal .item[data-filtersubcriptioncatselected="1"] .img-container:before {
  position: absolute;
  content: '\e958';
  font-size: 18px;
  color: #fff;
  left: 40%;
  top: 40%;
  font-family: 'icomoon' !important;
  /*background-color: #000;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  opacity: 0.5;*/
}

.subscriber-creators .data-search .channel-search-form .form-control {
  height: 40px;
}

.patron-subscription .subscribers-profile-image,
.subscriber-creators .subscribers-profile-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  cursor: pointer;
}

.patron-subscriptions .dropdown-menu.custom li button {
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  line-height: 30px;
  padding: 0 15px;
  outline: 0;
}

.patron-setting .info_header .patron-merchandise .info_header {
  color: #5D5D5D;
  vertical-align: middle;
  line-height: 30px;
}

.patron-setting .image-upload-box {
  background-color: #F8F8F8;
  padding: 5px 15px 5px 15px;
}

.patron-setting .image-upload-box .subscription-select-btn {
  width: 340px;
  padding: 0;
  margin-top: 5px;
  position: relative;
}

.patron-setting .image-upload-box  .subscription-upload-label {
  width: 64%;
  padding-left: 15px;
  padding-right: 35px;
  text-align: left;
  margin-bottom: 0;
}

.patron-setting .image-upload-box .subscription-upload-close {
  position: absolute;
  right: 125px;
  top: 8px;
  background: #b5b5b5;
  color: white;
  border: 0;
  /* height: 20px; */
  line-height: 21px;
  width: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
}

.patron-setting .image-upload-box  .subscription-upload-label:hover,
.patron-setting .image-upload-box  .subscription-select-btn:hover {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  color: #d544da;
  background-color: #ffffff;
}

.patron-setting .image-upload-box .subscription-upload-btn {
  border: none;
  float: right;
  padding: 0 15px;
  vertical-align: middle;
  border-left: 1px solid #fff;
  color: white;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 100%);
  line-height: 38px;
  height: 40px;
  width: 120px;
}

/*.patron-setting .image-upload-box .subscription-select-btn .video-name {
  width: calc(100% - 55px);
  padding-left: 8px;
}*/

.patron-setting .image-upload-box .subscription-upload-inactive {
  pointer-events: none;
  /*opacity: 0.4;*/
  background-image: linear-gradient(to right, rgba(222, 222, 222, 0.58) 0%, rgba(218, 218, 218, 0.71) 100%);
    border: none;
}

.patron-setting .image-upload-box .subscription-upload-btn span {
  font-size: 18px;
  font-weight: 600;
  vertical-align: sub;
  line-height: 40px;
  padding-right: 10px;
}

.patron-setting .label-text-holder {
  color: #707070;
}

.patron-setting .image-upload {
  vertical-align: middle;
  /*margin-top: 15px;*/
}

.patron-setting .image-upload .video-input-label-box {
  border: 2px solid #fc2460;
  color: #fc2460;
  opacity: 1;
  margin: 0px 10px 0px 0px;
  width: 110px;
  font-size: 14px;
  height: 45px;
  vertical-align: middle;
  text-align: center;
  border-radius: 38px;
  line-height: 40px;
}

.patron-setting .image-upload .profile-video-upload-btn {
  padding: 8px 15px 5px 15px;
  color: #fff;
  margin-right: 10px;
  opacity: 1;
  margin: 0px;
  width: 110px;
  font-size: 14px;
}

/* input[type="text"] {
  border: 1px solid rgba(204, 204, 204, 0.29);
  border-radius: 5px;
} */

.star {
  color: #fc2162;
}

.code-label {
  margin: 0px 15px 0px 0px;
  width: 110px;
  height: 34px;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  color: #fff;
  border-radius: 6px;
}

.form-group .icon-spacer {
  margin-right: 15px;
}

input.plus-input-box {
  padding: 6px 8px 6px 36px;
  border-color: #ccc;
  border: 1px solid rgba(204, 204, 204, 0.29);
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  width: 120px;
  height: 35px;
  white-space: nowrap;
  background: transparent;
  -moz-appearance: textfield;
  color:black;
}
input.plus-input-box.fee-input-text{
  text-align:center;
  vertical-align: middle;
}
input.plus-input-box.alignment{
  vertical-align: middle;
} 
.plus-minus-box {
  border-radius: 5px !important;
  border: 1px solid rgba(204, 204, 204, 0.29) !important;
  font-size: 15px !important;
  opacity: 1 !important;
  padding: 0;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  line-height: 35px;
}
.plus-minus-box:focus{
  background: transparent;
}

.text-left-inline {
  text-align: left;
  display: inline-block;
}

.text-right-inline {
  text-align: right;
  display: inline-block;
  float: right;
}

.inline {
  display: inline-block !important;
}

.margin-right {
  margin-right: 10px;
}

.margin-left {
  margin-left: 10px;
}

.patron-setting .sub-description {
  display: block;
  font-size: 13px;
  color: #c5c5c5;
}

.image-upload-div {
  padding-top: 15px;
}

.image-upload-div .image-upload-actions {
  margin-bottom: 15px;
}

.custom-checkbox span {
  padding-left: 30px;
}

.tier-label {
  width: 100px;
}

.tier-label-image {
  width: auto !important;
}

.patron-setting .nav-pills&gt;li+li {
  margin-left: 5px;
}

.patron-setting .nav-pills&gt;li&gt;a {
  border: 1px solid #d544da;
  box-shadow: 2px 2px 10px rgba(157, 157, 157, 0.21);
  margin: 0 0px 0px 0px;
  border-radius: 10px;
  width: 120px;
  height: 80px;
  white-space: normal;
  background-color: #fff;
  color: #5D5D5D;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 5px;
  line-height: 35px;
}

.patron-setting .nav-pills&gt;li&gt;a .podcast-post {
  line-height: 16px;
}

.patron-setting .podcast-preview {
  margin-right: 0;
  margin-left: 0;
}

.patron-setting .podcast-preview iframe {
  width: 100%;
  height: 250px;
  margin-top: 10px;
}

.patron-setting .podcast-preview iframe[src*="radiopublic.com"] {
  height: 185px;
}

.patron-setting .podcast-preview iframe[src*="tunein.com"] {
  height: 100px;
}


iframe[src*="tunein.com"] {
  height: 100px;
}

.patron-setting .nav-pills&gt;li.active&gt;a,
.patron-setting .nav-pills&gt;li&gt;a:hover {
  border: 1.5px solid #fff !important;
  /*box-shadow: 2px 2px 8px #d544da;*/
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  color: #fff !important;
  margin: 0px;
}

.post-icon-button:hover span:after {
  color: #fff;
}

.patron-wrapper .card-active {
  box-shadow: 0px 3px 6px rgba(252, 33, 100, 0.2784313725490196);
}

/*.form-control:focus {
  border-color: #d544da;
}*/

.hash-label {
  border-radius: 6px;
  padding: 4px 10px;
  border: 0px !important;
  font-size: 12px;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  color: #fff;
  border: 0px !important;
  cursor: pointer;
}

.hash-label:hover {}

.post-icon-style {
  /*color: #d544da;*/
  font-size: 25px;
}

.access-to-see {
  background-color: #F8F8F8;
  /*height: 50px;*/
  width: 100%;
  padding: 15px;
  margin-bottom: 15px
}

.access-to-see p.text-left-inline {
  margin-bottom: 0;
  vertical-align: middle;
  margin-left: 5px;
}

.access-to-see .custom-checkbox input[type=checkbox]+label {
  width: 25px;
  vertical-align: top;
}

.patron-setting .row {
  /* margin: 0px; */
  position: relative;
}

.margin-top {
  margin-top: 15px;
}

.blog-cover-holder {
  position: relative;
}

.blog-cover-holder .blog-cover {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.blog-preview-content {
  position: relative;
  top: -40px;
  margin-left: 30px;
  margin-right: 30px;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.blog-preview-content .comment-list .col-xs-11.pull-right {
  width: 93.6%;
  padding: 0;
}
.post-content-detail .comment-list .col-xs-11.pull-right {
  padding-left: 5px;
}
.post-type-blog-preview .blog-profile {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.post-type-blog-preview .social-content {
  padding-top: 5px;
}

.post-type-blog-preview .social-count {
  padding-right: 20px;
}

.post-type-blog-preview .social-count-icons {
  padding-right: 10px;
  font-size: 18px;
  vertical-align: middle;
}

.post-type-blog-preview h3 {
  margin: 0px;
  word-wrap:break-word;
  line-height: 30px;
}

.post-type-blog-preview .blog-preview-content .sub-description {
  color: #ababab;
  font-weight: 400;
}

.post-type-blog-preview .share-btn {
  border-radius: 50%;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 34px;
  border: 1px solid transparent;
  vertical-align: middle;
}
.post-type-blog-preview .share-btn i {
  line-height: 34px;
  vertical-align: middle;
  margin: 0;
}
.post-type-blog-preview .share-btn+.share-btn {
  margin-left: 6px;
}

.post-type-blog-preview .facebook {
  background-color: #0053a7;
}

.post-type-blog-preview .blog-title {
  padding-top: 10px;
}

.input-round {
  display: none;
}

.blog-preview-content .comment-list .col-xs-11.pull-right {
  width: 93.6%;
  padding: 0;
}

.input-round {
  position: relative;
  padding: 0px 0px 0px 30px;
}

.label-round {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  box-shadow: 0px 3px 12px #CECECE;
  position: absolute;
}

.input-round:checked {
  content: "âœ“";
  position: absolute;
  left: 5px;
  top: 5px;
  color: #000000;
}

/*.round {
  position: relative;
  display: block;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  box-shadow: 0px 3px 12px #CECECE;
}

.round label:after {
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}
.round input:checked label {
    background-color: #2196F3;
}
.round input[type="checkbox"] {
  visibility: hidden;
}

.container input:checked ~ label:after {
    display: block;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}*/

/* ************* create coupon passess css - start - asha *************** */

.create-coupon .vipticket-shop .content-text {
  vertical-align: middle;
  line-height: 38px;
  padding-top: 50px;
  font-size: 17px;
  text-align: center;
  border-left: 2px dashed rgba(93, 93, 93, 0.36);
  /*box-shadow: 0 1px 4px rgba(187, 187, 187, 0.28);*/
}

.create-coupon .vipticket-shop .content-text .expiry-date {
  font-size: 15px;
  color: #9c9c9c;
}

.create-coupon .add-ticket-form-div .form-group .plus-minus {
  white-space: nowrap;
}

/*.create-coupon .add-ticket-form-div .form-group .plus-minus input{
  width: auto;
}*/

.create-coupon .header h4 {
  display: inline-block;
  padding-left: 10px
}

.couponPassesTab .coupon-create {
  margin-bottom: 0;
}

.couponPassesTab .coupon-create .created-coupon .card {
  height: 360px;
}

.couponPassesTab .profile-wrapper {
  padding: 40px;
}

.couponPassesTab .profile-wrapper .tab-title {
  margin: 30px 0;
}

.couponPassesTab .profile-wrapper .tab-title h2 {
  font-size: 36px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 0px;
}

.create-coupon .icon {
  background-color: #d544da;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #fff;
  text-align: center;
  line-height: 25px !important;
  font-weight: 700 !important;
}

.create-ticket .icon,
.schedule-event .icon {
  background-color: #d544da;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /*color: #fff;*/
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 700;
}

.create-coupon .spacing-div {
  margin-top: 0px;
  margin-bottom: 0px;
  /*
  padding-left: 15px;*/
  padding-right: 0px;
}

.create-coupon textarea.form-control {
  box-shadow: none;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #E2E2E2;
}

.create-coupon select.form-control,
.patron-setting select.form-control {
  box-shadow: none;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #E2E2E2;
}
.go-live-setting-section .setting-section select.form-control {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #eaeaea;
  margin-top: 12px;
}
.create-coupon select.form-control:focus {
  border-color: #d544da !important;
}

.create-coupon textarea.form-control:focus {
  /* border-color: #d544da !important; */
}

.couponPassesTab .profile-wrapper .create-coupon {
  padding: 20px;
}

.couponPassesTab .profile-wrapper .create-coupon .ticket-list .vipticket {
  margin-bottom: 0;
}

.couponPassesTab .profile-wrapper .create-coupon textarea {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.couponPassesTab .profile-wrapper .create-coupon .row {
  padding-top: 30px;
}

.couponPassesTab .profile-wrapper .create-coupon .header .icon {
  /* display: inline-block;
  padding: 5px;
  border-radius: 50%;
  background: #d544da;
  color: white;
  width: 28px;
  height: 28px; */
  pointer-events: all;
  font-size: 20px;
  width: 32px;
  height: 32px;
  background-color: #d544da;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d544da;
  display: inline-block;
}

.couponPassesTab .profile-wrapper .create-coupon .header .icon span {
  /* font-size: 18px; */
  font-size: 16px;
  line-height: 30px;
  color: white;
  /* font-weight: bold; */
  font-weight: 600;
}

.couponPassesTab .profile-wrapper .create-coupon .header h3 {
  display: inline;
  color: #5D5D5D;
  /* font-weight: bold; */
  font-weight: 600;
  padding-left: 15px;
}

.couponPassesTab .profile-wrapper .create-coupon .existing-ticket-list .videos-listing .image-container {
  background-size: cover;
}

.couponPassesTab .create-coupon-btn {
  width: 190px;
  border-radius: 0;
}

.couponPassesTab .form-group {
  padding: 20px 0;
}

.couponPassesTab .form-group select {
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.couponPassesTab .featured-user3 {
  height: 250px;
}

.couponPassesTab .featured-user3 .profile-container .image-container {
  height: 230px;
}

.couponPassesTab .featured-user3:hover {
  transform: none;
}

.couponPassesTab .featured-user3 .content.event {
  padding: 30px 15px 5px 15px !important;
  bottom: -10px !important;
}

.couponPassesTab .featured-user3 .content.event .icon-phone {
  font-size: 18px;
  vertical-align: middle;
  color: #d544da;
}

.couponPassesTab .featured-user3 .content.event .description {
  height: 55px;
  -webkit-line-clamp: 3;
}

.couponPassesTab .featured-user3 .content.event .btn-container {
  position: absolute;
  top: -15px;
  right: 45px;
  color: white;
  background: #d544da;
  padding: 5px;
  font-size: 18px;
  box-shadow: 6px 6px 6px #E0E0E0;
}

.couponPassesTab .profile-wrapper .create-coupon .coupons-list {
  padding-left: 15px;
}

.couponPassesTab .profile-wrapper .create-coupon .coupon-create .description {
  /*position: absolute;
  top: -27px;
  left: 40px;*/
  margin-top: 0px;
  margin-bottom: 10px;
  color: white;
  background: #d544da;
  padding: 4px;
  font-size: 15px;
  box-shadow: 6px 6px 6px #E0E0E0;
  background-color: transparent;
  border-color: transparent;
  border: none;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  box-shadow: 1px 9px 20px 0px rgba(150, 150, 150, 0.68);
  text-align: center;
  border-radius: 6px;
  width: 60%;
  max-height: 43px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 180px;
  line-height: 25px;
}

.couponPassesTab .profile-wrapper .create-coupon .coupon-create .description-box {
  position: absolute;
  top: 10px;
  width: 100%;
}

.couponPassesTab .profile-wrapper .create-coupon .coupon-create .description-box .call-duration {
  margin-bottom: 8px;
}

.couponPassesTab .profile-wrapper .create-coupon .coupon-create .description-box .call-duration .icon-call-duration-time {
  font-size: 24px;
  color: #d544da;
  /* font-weight: bold; */
  font-weight: 600;
  vertical-align: middle;
}

.couponPassesTab .profile-wrapper .create-coupon .coupon-create .call-duration .title {
  /* font-family: 'Gibson-Semibold', sans-serif; */
  font-weight: 600;
  font-size: 18px;
  color: #333;
  margin-left: 10px;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 0px;
  /* font-weight: bold; */
}

.couponPassesTab .profile-wrapper .create-coupon .coupon-create .coupon-description {
  margin-top: 15px;
  font-size: 16px;
}

/*  ************* create coupon passess css- end- asha *************** */

/* *************** create ticket css- start-  asha **********************/

.vipticket-shop .relative {
  position: relative;
  padding: 0;
  margin-top: 15px;
}
.add-ticket-form-div .ticket-textarea{
  padding-left:15px;
  padding-right:15px;
}
.add-ticket-form-div .form-horizontal .control-label {
  text-align: left;
}

.add-ticket-form-div .form-horizontal .ticket-amount {
  position: relative;
}

.add-ticket-form-div .form-horizontal .ticket-amount:before {
  content: "$";
  position: absolute;
  z-index: 4;
  top: 20px;
  left: 10px;
  /*transform: translateY(-50%);*/
}

.createTicketTab .input-parent:before {
  content: "$";
  position: absolute;
  z-index: 4;
  top: 20px;
  left: 10px;
  /*transform: translateY(-50%);*/
}

.createTicketTab .input-parent input {
  padding-left: 15px;
}

.createTicketTab .create-ticket .ticket-list {
  overflow-x: auto;
  white-space: nowrap;
  padding-top: 10px;
}

.createTicketTab .create-ticket .ticket-list .ticket-image {
  display: inline-block;
  width: 170px;
  height: 120px;
  margin: 15px 10px;
  cursor: pointer;
  position: relative;
}

.createTicketTab .create-ticket .ticket-list .ticket-image .cover-photo-div img {
  height: 106px;
}

.createTicketTab .create-ticket .ticket-list .ticket-image .cover-image-upload {
  right: -15px;
}

.createTicketTab .create-ticket .ticket-list .ticket-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.createTicketTab .create-ticket .ticket-list .uploaded-tickets {
  display: inline-block;
}

.createTicketTab .create-ticket .ticket-list .uploaded-tickets .ticket-del-btn,
.patron-setting .tier-info .image-container .tier-del-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  color: white;
  background: red;
  font-size: 12px;
  width: 30px;
  height: 30px;
  /* text-align: center; */
  padding: 0;
  line-height: 30px;
}

.createTicketTab .create-ticket .add-ticket-form-div {
  padding: 10px 0 0 10px;
}

.createTicketTab .create-ticket .ticket-notice-msg {
  background-color: #f9f9f9;
  padding: 10px;
  margin: 15px 0;
  color: #A69D9D;
}

.createTicketTab .create-ticket  .error-msg{
  color: #d544da;
  padding-right: 6px;
  vertical-align: middle;
}

.no-ticket-message {
  font-size: 16px;
  color: #949494;
  font-weight: normal;
  margin: 30px 0;
  text-align: center;
  line-height: 24px;
}
.no-ticket-message p.color-black{
  color:black;
  margin:0;
}
.existing-ticket-list p {
  color: #CCCCCC;
}

/* *************** create ticket css- end-  asha **********************/

/****************** Asha - Common styles for Profile -Sidebar contents - START *************************/

.common-btn-190 {
  width: 190px;
  color: #fff;
  background-color: #d544da;
  border-color: #da203f;
  border-radius: 0;
  font-size: 20px;
  box-shadow: 0px 3px 12px #A7A7A7;
}

.common-btn-190:hover {
  color: white;
  text-decoration: none;
}

.custom-input-box {
  border: 0;
  border-bottom: 1px solid #EAEAEA !important;
  border-radius: 0;
  box-shadow: none;
}

/* .textarea-style textarea { 
  background-attachment: local; 
  background-image: linear-gradient(to right, white 10px, transparent 10px), linear-gradient(to left, white 10px, transparent 10px), repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px); 
  line-height: 31px; 
  padding: 8px 10px; 
  border: 0 !important; 
} */

/******************* Asha - Common styles for Profile -Sidebar contents - END **************************/

/* link patron post styles */

.patrontype-link .linkPreview {
  /*margin: 0px 15px;*/
  cursor:pointer;
}

.linkPreview {
  position: relative;
  padding: 0 15px;
}

.linkPreview .linkContainer {
  border: 1px solid #efefef;
  width: 100%;
  border-radius: 6px;
  margin: 0px auto 0 auto;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.02);
  overflow: hidden;
}

.linkPreview .linkContainer.noPreview {
   padding: 20px;
   width: 100%;
   box-shadow: none;
   border: none;
   margin: 0;
   background: rgba(173, 173, 173, 0.16);
}

.linkPreview .linkContainer.noPreview .title {
  margin: 10px 0;
 font-size: 15px;
 /* font-weight: bold; */
 font-weight: 600;
 color: #222325;
}

.linkPreview .linkContainer.noPreview .url {
  word-wrap:break-word;
  font-size: 15px;
  color: #838383;
}

.linkPreview .linkContainer .imageArea {
  height: 125px; 
  width: 100%;
  background: #fff;
}

.linkPreview .linkContainer .imageArea .image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.linkPreview .linkContainer .title {
  font-size: 14px;
  /* font-weight: bold; */
  font-weight: 600;
  margin: 0 0 5px 0;
  color: #000;
  word-break: break-word;
  word-break: break-all;
}

.linkPreview .linkContainer .desc {
  font-size: 13px;
  margin: 0 0 5px 0;
  color: #5a5a5a;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  word-break: break-all;
}

.linkPreview .linkContainer .url {
  font-size: 12px;
  color: #838383;
  margin-bottom: 0;
}

.linkPreview .linkContainer .desc-content {
  padding: 10px;
}

/* Post Video Type */

.videoPreview {
  position: relative;
}

.videoPreview .videoContainer {
  border: 1px solid #efefef;
  width: 100%;
  margin: 0px auto 0 auto;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.02);
  overflow: hidden;
}

.videoPreview .videoContainer .imageArea .icon-playVideo {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.patronTab .broadcaster-posts .post-content .locked-post{
  /* transition: all 0.25s ease-in-out;     
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px); */
}

.broadcaster-content .patronTab .broadcaster-posts .locked-indication,
.broadcaster-content .existing-schedule-event-list .broadcaster-posts .locked-indication{
  display:block;
  position: absolute;
  top:50%;
  text-align: center;
  left: 50%;
  color: #5D5D5D;
  z-index:1;
  transform: translate(-50%,-50%);
  font-family: 'Roboto Mono', monospace;
  font-size: 15px;
  font-weight: 600;
  /* visibility:hidden; */
}
.patronTab .broadcaster-posts .locked-indication{
  display:none;
}
.patronTab .broadcaster-posts .locked-indication p{
  font-weight:500;
  font-size:16px;
  line-height:3;
}
.patronTab .patrontype-text .broadcaster-posts .locked-indication {
  color: #5D5D5D;
}
.patronTab .broadcaster-posts .locked-indication button{
  width:auto;
  padding-left: 30px;
  padding-right: 30px;
}
.patronTab .broadcaster-posts .post-content .image-placeholder .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  background: rgba(0, 0, 0, .4);
  text-align: center;
  font-size: 20px;
  color: #fff;
  display: none;
}

.patronTab .broadcaster-posts .post-content .image-placeholder .postTextdesc {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #247397;
  color: #fff;
}

.patronTab .broadcaster-posts .post-content .image-placeholder .postTextdesc .content {
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 76px;
  display: -webkit-box !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-size: 16px;
  text-align: center;
}

.patronTab .patrontype-text .broadcaster-posts .post-content .image-placeholder .postTextdesc {
  display: block;
}

.patronTab .broadcaster-posts .post-content .image-placeholder .video-play-icon:before {
  display: inline-block;
  margin-right: -5px;
}

.patronTab .patrontype-audio .broadcaster-posts .post-content .image-placeholder .video-play-icon,
.patronTab .patrontype-video .broadcaster-posts .post-content .image-placeholder .video-play-icon,
.patronTab .patrontype-archive .broadcaster-posts .post-content .image-placeholder .video-play-icon,
.patronTab .patrontype-moment .broadcaster-posts .post-content .image-placeholder .video-play-icon {
  display: block;
}

/* *****************  sidebar menu parent content - start - asha ********************* */

.new-tab {
  padding: 15px;
}

.new-tab .tab-title {
  margin: 30px 15px;
  border-bottom: 1px solid #d0cdcd;
  padding: 5px 0;
}

/*.new-tab .tab-title h2 {
  color: black !important;
}*/

.new-tab .tab-description {
  padding: 0 30px;
}

.new-tab .content-listing-tabs {
  /*padding: 30px;*/
}

.new-tab .content-listing-tabs .parent-menu-content {
  /* margin: 15px 0; */
  position: relative;
  padding: 15px 0;
  border-radius: 5px;
  cursor: pointer;
}

.new-tab .content-listing-tabs .parent-menu-content a {
  text-decoration: none;
  color: #5D5D5D;
}

.new-tab .content-listing-tabs .parent-menu-content .title {
  position: relative;
}

.profile-edit .new-tab .content-listing-tabs .parent-menu-content .icon-large,
.general-setting .new-tab .content-listing-tabs .parent-menu-content .icon-large {
  font-size: 25px;
}

.new-tab .content-listing-tabs .parent-menu-content .icon-large {
  font-size: 30px;
  vertical-align: middle;
  color: #d544da;
  position: absolute;
  line-height: 50px;
}

.new-tab .content-listing-tabs .parent-menu-content h4 {
  display: inline-block;
  color: #d544da;
  border-bottom: 2px solid #d544da;
  padding-bottom: 5px;
  /*padding-right: 25px;*/
}
.new-tab .content-listing-tabs .parent-menu-content .learn-description h4 {
  border: none;
  padding-right: 0;
}
.new-tab .content-listing-tabs .parent-menu-content .learn-description .video-img-holder {
  height: 80px;
  object-fit: cover;
}
.new-tab .content-listing-tabs .parent-menu-content .content-description {
  padding-left: 45px;
}

.new-tab .content-listing-tabs .parent-menu-content .underline {
  padding-left: 40px;
}

.new-tab .content-listing-tabs .parent-menu-content .underline span {
  display: block;
  height: 4px;
  width: 100px;
  background-color: #e13350;
  margin: 15px 0;
}

.patron-setting .tier-green {
  color: #01a901;
}

/* *****************  sidebar menu parent content - end - asha ********************* */

/* ************ patron post details - asha - start ****************** */

.post-card {}

.post-card .post-details {
  overflow: hidden;
}

.post-card .post-details .post-preview {
  text-align: center;
  overflow: hidden;
  position: relative;
   /*height: 500px; */
}

.post-card .post-details .post-preview .linkPreview.noPreview-link {
  margin: 0;
  padding: 0;
  position: static;
  height: 285px;
  background-image: linear-gradient(#e2e2e2, rgba(255, 255, 255, 0), #e2e2e2);
}

.post-card .post-details .post-preview .linkPreview.noPreview-link .noPreview {
  width: 90%;
}

.post-card .post-details .post-preview .linkPreview .noPreview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  width: 100%;
  background-color: rgba(153, 153, 153, 0.55);
  color: #fff;
}

.post-card .post-details .post-preview .jwplayer {
  min-height: 500px;
}

.post-card .post-details .post-preview .tumbnail {
  height: 300px;
  position: relative;
}

.post-card .post-details .post-preview .tumbnail .linkPreview {
  margin: 0 15px 0px 15px;
  height: 285px;
}

.post-card .post-details .post-preview .tumbnail .linkPreview .linkContainer {
  border: 2px solid #efefef;
  border-radius: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.post-card .post-details .post-preview .tumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-card .post-details .post-content-detail {
  display: block;
  margin-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.word-wrapper{
  word-wrap: break-word;
}
.post-card .post-details .post-content-detail .post-title {
  display: flex;
  margin-bottom: 4px;
}

.post-card .post-details .post-content-detail .post-title h4 {
  color: #333;
  white-space: pre-line;
  padding-top: 10px;
  /* max-height: 45px; */
  font-weight: 600;
  margin: 0;
}

.post-card .post-details .post-content-detail .post-date {
  margin-bottom: 16px;
}

.post-card .post-details .post-content-detail .post-description {
  line-height: 1.5;
}

.post-card .post-details .post-content-detail .post-description * {
  white-space: pre-line;
  word-wrap:break-word;
}

.post-card .post-details .post-content-detail .like-view-comment {
  font-size: 15px;
  /* cursor: pointer; */
}

.like-view-comment [class*="icon-"] {
  color: #d544da;
  margin-right: 0px;
  vertical-align: middle;
  line-height: 25px;
}
/*.post-card .post-details .post-content-detail .like-view-comment.comment-section-parent [class*="icon-"] {
  cursor:pointer;
  vertical-align: text-top;
}*/
.post-card .post-details .post-content-detail .like-view-comment .icon-feedmessage{
  font-weight: 600;
}
.post-card .post-details .post-content-detail .social-content .like-view-comment [class*="icon-"] {
  line-height: 26px;
}
/* .post-card .post-details .post-content-detail .like-view-comment .icon-thumbs-up-hand-symbol:hover{
  color:red !important;
} */
/*.post-card .post-details .post-content-detail .like-view-comment .sub-text,
.post-content-detail .comment-list .like-view-comment .sub-text {
  font-size: 15px;
  font-weight: 400;
}*/
.post-content-detail .comment-list .like-view-comment .sub-text{
  vertical-align:middle;
}
.post-card .post-details .post-content-detail .like-view-comment .icon-pencil-edit {
  padding-right: 5px;
}

.post-content-detail .comment-label {
  margin-top: 30px;
}

.post-content-detail .comment-list {
  padding: 15px 0;
}

.post-content-detail .comment-list .comment {
  /*padding-left: 60px;*/
}

.post-content-detail .comment-list .comment-decs {
  margin-right: 8px;
}

.post-content-detail .comment-list .comment-time-text {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 400;
}

.post-content-detail .comment-list .margintop5 {
  /*margin-top: -5px;*/
  word-wrap: break-word;
}

.post-content-detail .comment-list .margintop15,
.margintop-15 {
  margin-top: -15px;
}
.margintop-10 {
  margin-top: -10px;
}
.post-content-detail .comment-list .marginleft10 {
  margin-left: -10px;
}

.comment-list .like-view-comment {
  font-size: 15px !important;
}

.comment-list .like-view-comment .sub-text {
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}

.comment-list .like-view-comment .grey,
.comment-list .reply-section .grey span {
  color: #525252 !important;
  cursor: pointer;
}

.comment-list .like-view-comment .grey:active,
.comment-list .like-view-comment .grey:hover,
.comment-list .reply-section .grey span:active,
.comment-list .reply-section .grey span:hover,
.comment-list .reply-section .grey span:visited,
.comment-section .previous-section:hover{
  color: #d544da !important;
}

/*.post-content-detail .comment-list .like-view-comment .sub-text-like {
  font-size: 15px;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 26px;
  vertical-align: middle;
}*/

/*
.comment-list .like-view-comment .icon-reply-comment,
.comment-list .like-view-comment .icon-pencil-edit,
.comment-list .like-view-comment .icon-heart {
  padding-right: 15px !important;
}
*/

.post-card .post-details .post-content-detail .like-view-comment .comment-section .sub-text {
  font-size: 15px;
  font-weight: 400;
  padding-left: 5px;
}

/* ************ patron post details - asha - end ****************** */

.mobileshop-controller-class .main-tab-selection {
  display: none;
}

.mobileshop-controller-class .pos-rel {
  position: relative;
  /* padding-bottom: 60px; */
}

/* .mobileshop-controller-class .pos-rel .form-group .sub-text {
  position: absolute;
  bottom: 0;
} */

.mobileshop-controller-class .pos-rel .mobile-form-group .sub-text {
  bottom: -115px;
  position: absolute;
}

.mobileshop-controller-class .mobile-form-group {
  padding: 0 !important;
  margin: 0 !important;
}

.mobileshop-controller-class .mobile-floating-input {
  padding-bottom: 0 !important;
}

.mobileshop-controller-class .floating-form .mobile-form-group label {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.ticket-detail-popup .ticket-images-slider,
.event-detail-popup .event-images-slider {
  border-radius: 0;
}
.event-detail-popup .request-mng-btn{
  text-align: center;
}
.event-detail-popup .modal-title {
  font-size: 16px;
}

.event-detail-popup .event-popup {
  position: relative;
  padding-top: 15px;
}

.event-detail-popup .event-popup .event-header-group {
  position: absolute;
  top: 0px;
  right: 0px;
}

.event-detail-popup .event-popup .event-date-holder {
  width: calc(100% - 200px);
  padding-top: 10px;
}

.event-detail-popup .event-popup .simple-text {
  margin-top: 10px;
}

.ticket-detail-popup .ticket-images-slider ul li .flex-prev,
.ticket-detail-popup .ticket-images-slider ul li .flex-next,
.event-detail-popup .event-images-slider ul li .flex-prev,
.event-detail-popup .event-images-slider ul li .flex-next,
.shopieitemslider ul li .flex-prev,
.shopieitemslider ul li .flex-next,
.creator-carousel ul li .flex-next,
.creator-carousel ul li .flex-prev {
  width: 30px;
  height: 30px;
  margin-top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.ticket-detail-popup .ticket-images-slider ul li .flex-prev:before,
.ticket-detail-popup .ticket-images-slider ul li .flex-next:before,
.event-detail-popup .event-images-slider ul li .flex-prev:before,
.event-detail-popup .event-images-slider ul li .flex-next:before,
.shopieitemslider ul li .flex-prev:before,
.shopieitemslider ul li .flex-next:before,
.creator-carousel ul li .flex-prev:before,
.creator-carousel ul li .flex-next:before {
  font-size: 16px;
  text-align: center;
  display: block;
}

.shopieitemslider ul li .flex-prev,
.shopieitemslider ul li .flex-next {
  top: 45%;
}

.event-detail-popup .event-header-group {
  margin: 20px 0 6px 0;
}

.event-detail-popup .event-header-group h4 {
  font-size: 20px;
  word-wrap:break-word;
}

.event-detail-popup .simple-text {
  word-wrap:break-word;
}

.ticket-detail-popup .ticket-title {
  word-wrap:break-word;
  line-height: 30px;
  padding-right: 10px;
  color: #5D5D5D;
  word-break: break-word;
}

.ticket-detail-popup .buttonset-parent .buy-btn {
  width: 115px;
  height: 34px;
  line-height: 35px;
}

.existing-schedule-event .content .like-view-comment .golive-btn {
  width: 115px;
  height: 35px;
  line-height: 35px;
}

.ticket-detail-popup .buttonset-parent .ticket-share-btn {
  vertical-align: middle;
  padding-right: 0px;
}

.ticket-detail-popup .buttonset-parent .ticket-share-btn .share-btn {
  background-color: transparent;
  margin-right: 15px;
  vertical-align: middle;
  padding: 0;
  height: 34px;
  line-height: 35px;
  width: 115px;
}
.existing-schedule-event .content .like-view-comment .event-share {
  background-color: transparent;
  margin-right: 15px;
  vertical-align: middle;
  padding: 0;
  height: 35px;
  line-height: 35px;
  width: 115px;
}

.ticket-detail-popup .buttonset-parent .ticket-share-btn .btn-secondary-edited i,
.existing-schedule-event .content .like-view-comment .event-share i {
  vertical-align: middle;
  font-size: 15px;
  line-height: 36px;
  font-weight: 700;
}

.ticket-detail-popup .ticket-share-btn,
.event-detail-popup .event-share-btn {
  color: #d544da;
  background-color: transparent;
  border: transparent;
  font-size: 18px;
  padding-right: 20px;
}

.ticket-detail-popup .buy-price-parent .price {
  color: #d544da;
  font-size: 20px;
  font-weight: 700;
}

.ticket-detail-popup .buy-price-parent small {
  color: #969696;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-right: 15px;
}

.ticket-detail-popup .buy-price-parent small +small {
  padding-left: 8px;
}

.ticket-detail-popup .buy-price-parent .ticket-count:after {
  content: '|';
  top: -2px;
  right: 0px;
  position: absolute;
  color: #dedede;
  font-weight: 200;
}

.event-detail-popup .event-share-btn i {
  vertical-align: middle;
  font-size: 20px;
}

.event-detail-popup .event-share-btn small {
  vertical-align: middle;
}

.event-detail-popup .button-group .btn-secondary-edited {
  background-color: transparent;
  padding-right: 20px;
  vertical-align: middle;
  padding: 0;
  height: 35px;
  line-height: 32px;
  width: 115px;
  font-size: 16px;
}

.event-detail-popup .button-group .btn-secondary-edited i {
  vertical-align: middle;
  font-size: 15px;
  line-height: 36px;
  font-weight: 700;
}

/* ************************ styles for mobile view - SHOP ********************************** */

.mobileshop-controller-class #userImagesListing .grid-item {
  display: inline-block;
  width: 35%;
  height: 85px;
}

.mobileshop-controller-class .scrolling-images {
  overflow: auto;
  white-space: nowrap;
}

.mobileshop-controller-class .disable-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by any browser but &lt; IE9 */
}

.mobileshop-controller-class .profile-page-height {
  padding-bottom: 0 !important;
}

.mobileshop-controller-class {
  height: 100%;
  font-size: 13px !important;
  overflow: auto !important;
  /* overflow: hidden; */
  /* -webkit-overflow-scrolling: touch; */
}

.mobileshop-controller-class ::-webkit-input-placeholder {
  color: white;
}

@media only screen and (max-width: 450px) {
  /* html {
    height: 100%;
    overflow: auto;
  } */
  .modal-height {
    height: 100%;
    overflow: hidden;
  }
  
  body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100%;
    -webkit-overflow-scrolling: auto !important;
  }
}

.mobileshop-controller-class .m-container {
  /* overflow: auto !important; */
}

.mobileshop-controller-class .modal-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  width: 92%;
  margin: 0;
}

/* ************* SELL PRODUCT - CSS - MOBILE ******************** */

.mobileshop-controller-class .fullwidth-btn {
  width: 100%;
}

.mobileshop-controller-class .sell-product h4 {
  display: inline-block;
  /* margin: 20px 0; */
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 0;
}

.mobileshop-controller-class .sell-product .mobile-price-variants-subtitle {
  margin-bottom: 8px;
}

.mobileshop-controller-class .mt_10 {
  margin-top: 10px;
}

.mobileshop-controller-class textarea.form-control {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
}

.mobileshop-controller-class .form-group textarea.form-control:focus {
  outline: none;
  border-bottom: 2px solid #838383;
}

.mobileshop-controller-class .sell-product {
  /* padding-bottom: 10px; */
  padding-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
  /* padding: 0 15px 60px 15px; */
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}

.mobileshop-controller-class .noresize-textarea {
  resize: none;
}

.mobileshop-controller-class .image-upload {
  padding: 0;
}

.mobileshop-controller-class .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.mobileshop-controller-class .inputfile+label {
  cursor: pointer;
  margin-bottom: 15px;
}

.mobileshop-controller-class .ghost-button {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
  border: 0;
  line-height: 40px;
  height: 40px;
  border-radius: 5px;
  color: red;
  background: transparent;
  width: 100%;
  font-weight: bold;
}

.mobileshop-controller-class label.ghost-button [class*="icon-"] {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.mobileshop-controller-class.image-container {
  padding-top: 56.5%;
  position: relative;
}

.mobileshop-controller-class .image-container img {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: cover;
}

.mobileshop-controller-class .all-images {
  padding: 0;
}

.mobileshop-controller-class .sell-product .image-list {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.mobileshop-controller-class .sell-product .all-images .image-container {
  display: inline-block;
  background-color: green;
  margin-right: 15px;
  position: relative;
  /* margin-bottom: 10px; */
  /* width: 50%;
  height: 145px; */
  /* margin: 15px; */
  padding-top: 0px;
  width: 40%;
  /* height: 138px; */
}

.mobileshop-controller-class .sell-product .image-container .delete-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 6px;
  background: rgb(255, 255, 255);
  color: black;
  width: 35px;
  height: 35px;
  z-index: 1;
  padding: 0;
}

.mobileshop-controller-class .button-wrapper {
  margin: 0 0 15px 0;
}

.mobileshop-controller-class .sell-product .variant .delete-btn {
  width: 40px;
  font-size: 18px;
  float: right;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
  border: 0;
  height: 40px;
  border-radius: 5px;
  color: red;
  background: transparent;
  font-weight: bold;
}

.mobileshop-controller-class .sell-product .variant {
  margin-bottom: 20px;
  border: 1px solid #E2E2E2;
  /*padding: 10px 0;*/
}

.mobileshop-controller-class .mmargin-top {
  margin-top: 25px;
}

.mobileshop-controller-class .checkout-page-style-custom .mmargin-top {
  padding: 0;
}

.mobileshop-controller-class .checkout-page-style-custom .well.backgrd-color{
  padding-left:15px; 
  padding-right:15px; 
}

.mobileshop-controller-class .checkout-page-style-custom .well.backgrd-color .row{
  margin:0;
}

.mobileshop-controller-class .checkout-page-style-custom .side-cart{
  padding: 0;
}

.mobileshop-controller-class .checkout-page-style-custom .checkout{
    padding: 0;
}

.mobileshop-controller-class .checkout-page-style-custom .checkout-tabs .country-sel{
  box-shadow: none;
  border-radius: 0;
}

.mobileshop-controller-class .checkout-page-style-custom .floating-mob-btn{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 0;
    z-index: 1;
}

.mobileshop-controller-class .variant-help {
  font-size: 14px;
  padding-left: 5px;
  cursor: pointer;
  height: 100%;
}

.mobileshop-controller-class .sell-product .variant:first-child .delete-btn {
  display: none;
}

.mobileshop-controller-class input[type="text"] {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
  display: block;
  /*-webkit-overflow-scrolling: auto;*/
   overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobileshop-controller-class .checkout-page-style-custom  input[type="text"] {
  border: 1px solid #E2E2E2;
}

.mobileshop-controller-class .selling-price-parent input {
  padding-left: 20px;
}

.mobileshop-controller-class input[type="number"] {
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
}

.mobileshop-controller-class .checkout-page-style-custom  input[type="number"]{
    border: 1px solid #E2E2E2;
}

.mobileshop-controller-class .sell-product .variant .sub-text {
  display: block;
}

.mobileshop-controller-class .btn-primary {
  color: #fff;
  background-color: #e13350;
  border-color: #da203f;
}

.mobileshop-controller-class .right-display {
  float: right;
  line-height: 4;
}

.mobileshop-controller-class .m-container .sell-product .all-images .scrollmenu {
  overflow: auto;
  white-space: nowrap;
}

.mobileshop-controller-class .inline {
  display: inline-block !important;
}

.mobileshop-controller-class .p-r-10 {
  padding-right: 10px !important;
}

.mobileshop-controller-class .mobile-form-group {
  padding: 0 !important;
  margin: 0 !important;
}

.mobileshop-controller-class .pos-rel .mobile-form-group .sub-text {
  /* bottom: -115px; */
  position: absolute;
  bottom: -85px;
  margin-top: 0;
  font-size: 13px;
  line-height: 20px;
}

.mobileshop-controller-class .mobile-floating-input {
  padding-bottom: 0 !important;
}

.mobileshop-controller-class .pos-rel {
  position: relative;
}

.mobileshop-controller-class .littlemargin-bottom {
  margin-bottom: 5px;
}

.mobileshop-controller-class .selling-price-parent:before {
  content: "$";
  position: absolute;
  left: 0px;
  /* line-height: 34px; */
  top: 15px;
}

.mobileshop-controller-class .mobile-selling-price-input {
  padding-left: 10px !important;
}

.mobileshop-controller-class p {
  margin-top: 0;
  font-size: 13px;
  line-height: 20px;
  color: #333;
  margin-bottom: 0;
}

/* floating label css */

.mobileshop-controller-class .form-group {
  position: relative;
  /* margin-bottom:20px;  */
  margin-bottom: 5px;
  padding: 15px 0;
}

.mobileshop-controller-class .floating-input {
  font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #E2E2E2;
}

.mobileshop-controller-class .floating-input:focus,
.mobileshop-controller-class .floating-select:focus {
  outline: none;
  border-bottom: 2px solid #838383;
  ;
}

.mobileshop-controller-class .floating-form .form-group label {
  color: #999;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.mobileshop-controller-class .floating-input:focus~label,
.mobileshop-controller-class .floating-input:not(:placeholder-shown)~label {
  /* top:-18px; */
  top: -5px;
  font-size: 12px;
  color: #838383;
  ;
}

.mobileshop-controller-class .floating-form .form-group textarea {
  resize: none;
  height: 70px;
}

@media only screen and (max-width: 320px) {
  .mobileshop-controller-class .pos-rel .mobile-form-group .sub-text {
    bottom: -100px;
  }
  .mobileshop-controller-class .cropper-height {
    height: 300px !important;
  }
  .mobileshop-controller-class .cropper-bg {
    height: 300px !important;
  }
  .mobileshop-controller-class .guidelines-modal .modal-body {
    height: 430px !important;
  }
}

/* ************* CREATE PRODUCT - CSS - MOBILE ******************** */

.mobileshop-controller-class .save-btn-div {
  padding: 15px;
  background-color: white;
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 1;
}

.mobileshop-controller-class .create-product {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  box-shadow: none;
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.mobileshop-controller-class .createproduct-inner {
  width: 100%;
}

.mobileshop-controller-class .guidelines-modal .modal-body {
  /* height: auto !important; */
  height: 430px;
  /* overflow-y: auto; */
}

.mobileshop-controller-class .create-product .connecting-line {
  z-index: 0;
  background: #adadad;
  transform: translateY(-50%);
  height: 2px;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
}

.mobileshop-controller-class .nav-pills li {
  display: block;
  flex: 0 1 auto;
  list-style-type: none;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li {
  width: 25%;
  text-align: center;
  margin: 0;
  line-height: 20px;
  float: right;
  position: relative;
}

.mobileshop-controller-class .imagegrid-parent {
  border-bottom: 1px solid #f3f3f3;
}

.mobileshop-controller-class .create-product .image-grid {
  height: auto;
}

.mobileshop-controller-class .pt_15 {
  padding-top: 15px;
}

.mobileshop-controller-class .selling-price-parent {
  margin: 0;
}

.mobileshop-controller-class .pt_30 {
  padding-top: 30px;
}

.mobileshop-controller-class .mt_10 {
  margin-top: 10px;
}

.mobileshop-controller-class .mt_5 {
  margin-top: 5px;
}

.mobileshop-controller-class .pb_0 {
  padding-bottom: 0;
}

.mobileshop-controller-class .mb_0 {
  margin-bottom: 0;
}

.mobileshop-controller-class .create-product .tab-pane {
  /* padding:10px 10px 15px 10px; */
  padding: 10px 0 0px 0;
  position: relative;
}

.mobileshop-controller-class .create-product .product-item .img-container {
  /* height: 250px; */
  height: 300px;
  background-size: cover;
  background-position: center;
}

.mobileshop-controller-class .create-product .product-item .bottom-content {
  padding-bottom: 15px;

}

.mobileshop-controller-class .create-product .product-item .product-item-inner {
  margin: 5px 0px 15px 0px;
}

.mobileshop-controller-class .plr_20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mobileshop-controller-class .plr_5 {
  padding: 0 5px;
}

.mobileshop-controller-class .plr_15 {
  padding: 0 15px;
}

.mobileshop-controller-class .p_0 {
  padding: 0;
}

.mobileshop-controller-class .plr_0 {
  padding-left: 0;
  padding-right: 0;
}

.mobileshop-controller-class .btn-primary {
  height: 40px;
  border-radius: 0;
}

.mobileshop-controller-class .product-details-page h4 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.mobileshop-controller-class .pb_15 {
  padding-bottom: 15px;
}

.mobileshop-controller-class .mt_15 {
  margin-top: 15px;
}

.mobileshop-controller-class .create-product .upload-button {
  margin-bottom: 10px;
  margin-top: 15px;
}

.mobileshop-controller-class .create-product .upload-button label {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: pointer;
  color: red;
  padding: 0;
  border-radius: 4px;
  width: 100%;
}

.mobileshop-controller-class .generate-mockup .continue-btn {
  height: 40px;
  border-radius: 0;
  width: 100%;
  margin: 15px 0 0;
}

.mobileshop-controller-class .mobile-title {
  margin: 20px 0;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.mobileshop-controller-class .selling-price-parent:before {
  content: "$";
  position: absolute;
  left: 0px;
  /* line-height: 34px; */
  top:15px;
}

.mobileshop-controller-class .mobile-selling-price {
  padding-left: 10px;
}

.mobileshop-controller-class .button-block {
  display: inline-block;
  width: 100%;
}

.mobileshop-controller-class .btn-danger {
  width: 47% !important;
  display: inline-block;
  margin: 5px !important;
  margin-left: 0 !important;
  height: 40px;
  border-radius: 0;
}

.mobileshop-controller-class .btn-success {
  width: 48% !important;
  display: inline-block;
  margin: 5px !important;
  margin-right: 0px !important;
  height: 40px;
  border-radius: 0;
}

.mobileshop-controller-class .create-product .product-item .description {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  /* line-height: 26px; */
  max-height: 55px;
  margin-top: 0;
  font-size: 13px;
  line-height: 18px;
}

.mobileshop-controller-class .mobile-text {
  font-size: 13px;
  color: #333;
}

.mobileshop-controller-class .nav-tabs&gt;li.active&gt;a,
.nav-tabs&gt;li.active&gt;a:hover,
.nav-tabs&gt;li.active&gt;a:focus {
  margin-top: 0;
  font-size: 13px;
  /*line-height: 20px;*/
}
.broadcasterprofile .color-black ul.nav-tabs&gt;li.active&gt;a:hover,
.broadcasterprofile .color-black ul.nav-tabs&gt;li.active&gt;a:focus{
  font-size: 15px;
}
.mobileshop-controller-class .variant-mobile-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #333;
}

.mobileshop-controller-class .create-product .product-item .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
  color: #333;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
  height: auto;
  line-height: 20px;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li a {
  color: #adadad;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #adadad;
  margin: 0 2px;
  font-weight: 600;
  padding: 5px 0px;
  font-size: 12px;
  z-index: 1;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li.active~li a {
  color: #d544da;
  background-color: #fff;
  border-color: #d544da;
  background-image: none;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li .icon-sucess-b {
  position: absolute;
  top: -13px;
  right: 0px;
  z-index: 1;
  border-radius: 50%;
  padding: 4px;
  background: #d544da;
  color: white;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li.active~li .icon-sucess-b {
  visibility: visible;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li .icon-sucess-b {
  visibility: hidden;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li.active .icon-sucess-b {
  visibility: hidden;
}

.mobileshop-controller-class .create-product .nav-pills&gt;li.active a,
.patron-tabs .nav-pills&gt;li.active&gt;a:hover,
.patron-tabs .nav-pills&gt;li.active&gt;a:focus {
  /* color: #d544da;
  background-color: #ffffff;
  border-color: #d544da; */
  color: #FFF;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-color: #d544da;
  cursor: pointer;
}

.mobileshop-controller-class .line-behind-text {
  position: relative;
  z-index: 1;
  margin: 15px 0;
}

.mobileshop-controller-class .line-behind-text span {
  background: #fff;
  padding: 0 10px;
}

.mobileshop-controller-class .generate-mockup .image-grid-tabs&gt;li {
  width: 50%;
}

.mobileshop-controller-class .create-product .inner-sub-title{
  font-size: 12px;
  color: #838383;
  font-weight: normal;
}

/* .mobileshop-controller-class #userImagesListing .grid-item{
  display: inline-block;
  width: 45%;
  height: 85px;
}
.mobileshop-controller-class .create-product .grid-item{
  margin: 5px;
}
.mobileshop-controller-class #userImagesListing .grid-item .img-container{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  background-size: cover;
  background-position: center;
}
.mobileshop-controller-class .create-product .grid-item .deletebutton{
  width: 25px;
  height: 25px;
  display: none;
  color: #444444;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  padding: 0;
  border-radius: 0%;
  background: rgba(255, 255, 255, 1);
}
.mobileshop-controller-class .create-product .grid-item .choose-btn{
  height: 25px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 14px;
  border-radius: 0%;
}*/

.mobileshop-controller-class .color-item {
  display: inline-block;
  margin-right: 2px;
}

.mobileshop-controller-class .color-item input {
  width: 0;
  height: 0;
  display: none;
}

.mobileshop-controller-class .color-item input:checked+label {
  box-shadow: inset 0 0 0 1px white;
  border: 1px solid #525252;
}

.mobileshop-controller-class .new-custom-checkbox {
  position: relative;
  margin: 8px 0;
}

.mobileshop-controller-class .new-custom-checkbox input {
  display: none;
}

.mobileshop-controller-class .new-custom-checkbox label {
  cursor: pointer;
  padding-left: 28px;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  position: relative;
}

.mobileshop-controller-class .customlabel {
  font-weight: 400;
  color: #565656;
}

.mobileshop-controller-class .generate-mockup .full-btn {
  margin: 15px 0 0;
}

.mobileshop-controller-class .brand-col {
  color: #d544da;
}

.mobileshop-controller-class .create-product .print-files-page .new-custom-checkbox {
  display: inline-block;
  position: relative;
  margin: 8px 11px 8px 8px;
}

.mobileshop-controller-class .print-files-page .submit-btn {
  width: 100%;
}

/* floating label css */

.mobileshop-controller-class .form-group {
  position: relative;
  /* margin-bottom:20px;  */
  margin-bottom: 5px;
  padding: 15px 0;
}

.mobileshop-controller-class .floating-input {
  font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #E2E2E2;
  ;
}

.mobileshop-controller-class .floating-input:focus,
.mobileshop-controller-class .floating-select:focus {
  outline: none;
  border-bottom: 2px solid #838383;
}

.mobileshop-controller-class .floating-form .form-group label {
  color: #999;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.mobileshop-controller-class .floating-input:focus~label,
.mobileshop-controller-class .floating-input:not(:placeholder-shown)~label {
  /* top:-18px; */
  top: -5px;
  font-size: 12px;
  color: #838383;
  ;
}

.mobileshop-controller-class .floating-form .form-group textarea {
  resize: none;
  height: auto;
}

.mobileshop-controller-class .flex-direction-nav a {
  width: 50px;
  /* height: 55px; */
  height: 75px;
  padding-top: 10px;
}

.mobileshop-controller-class .mug-size {
  margin-left: 5px;
}

/* *****************  REQUESTS page - css - asha ********************* */

.requestsTab .list-title {
  border-bottom: 1px solid #ececec;
  margin: 0 10px;
  padding: 15px 0;
  font-weight: 600;
  color: #333;
  font-size: 16px;
}

.requestsTab .blocked ul {
  /* border-bottom: 1px solid #ececec; */
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 0;
}

.requestsTab .blocked ul li:last-child {
  border-bottom: 1px solid #ececec;
}

.requestsTab .blocked ul li {
  border: none;
}

.requestsTab .blocked .name {
  font-weight: 600;
  font-size: 15px;
  color: #333;
}

.requestsTab .spending-amount {
  line-height: 40px;
  font-weight: 600;
}

.requestsTab .right-side-content {
  line-height: 40px;
  margin-top: 3px;
  /* padding-right: 10px; */
}

.requestsTab .avg-amount {
  font-weight: 600;
}

.requestsTab .avg-ticket-detail {
  padding: 5px 0;
  margin: 0 10px;
  border-bottom: 1px solid #ececec;
}

.requestsTab .avg-ticket-detail .total-name {
  line-height: 40px;
  margin-top: 3px;
  font-weight: 600;
  font-size: 15px;
  color: #333;
}

.requestsTab .message-box {
  padding: 15px 10px;
}

.requestsTab .content-container {
  margin: 0 15px;
  padding: 0 15px 15px 15px;
}

.requestsTab .pr_5 {
  padding-right: 5px !important;
}

.requestsTab .pl_5 {
  padding-left: 5px !important;
}

.requestsTab .header_spacer {
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 15px;
  padding-bottom: 5px;
}

.requestsTab .pr_15 {
  padding-right: 15px;
}

.onboarding-page h5 {
  margin-bottom: 20px;
}

.onboarding-page .profile-edit-info-box {
  margin: 0px;
  position: relative;
  text-align: left;
  border: 1px solid #E2E2E2;
  padding: 5px 15px 5px 15px;
}

.onboarding-page .profile-edit-info-box .flexslider-title {
  padding: 10px 40px;
  /*text-align: center;*/
}

.onboarding-page .profile-edit-info-box .flexslider {
  padding: 0 0 30px 0;
}
.onboarding-page .profile-edit-info-box .flexslider ul.slides{
  padding-left: 40px;
  padding-right: 40px;
}
.onboarding-page .profile-edit-info-box .flexslider ol.flex-control-nav.flex-control-paging{
  bottom: 0px;
}
.onboarding-page .profile-edit-info-box .down-button {
  position: absolute;
  right: 20px;
  top: -25px;
}

.onboarding-page .profile-edit-info-box .down-button .down-btn {
  pointer-events: all;
  font-size: 20px;
  width: 35px;
  height: 35px;
  background-color: #d544da;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d544da;
}

.onboarding-page .profile-edit-info-box .flexslider ul li .flex-prev,
.onboarding-page .profile-edit-info-box .flexslider ul li .flex-next {
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
}

.onboarding-page .profile-edit-info-box .flexslider ul li .flex-prev:before,
.onboarding-page .profile-edit-info-box .flexslider ul li .flex-next:before {
  font-size: 20px;
  text-align: center;
}

.onboarding-page .onboarding-checkbox {}

.onboarding-page .onboarding-checkbox .checkbox-parent {
  border: 1px solid #f6f6f6;
  margin-left: -15px;
  padding: 10px;
  margin-bottom: 15px;
  background: #f9f9f9;
}

.onboarding-page .custom-checkbox input[type="checkbox"]+label {
  padding-left: 35px;
  display: block;
}

.onboarding-page .custom-checkbox input[type="checkbox"]+label::after {
  left: 1px;
}

.onboarding-page .access-to-see {}

.onboarding-page .access-to-see .control-button-wrap {
  position: relative;
  padding: 0 45px 0 30px;
}

.onboarding-page .access-to-see .common-icon-style {
  position: absolute;
  left: 0px;
  top: 4px;
}

.onboarding-page .access-to-see .custom-checkbox {
  position: absolute;
  right: 0;
  top: 0;
}

.create-ticket-modal .ticket-edit-info-box {
  margin: 15px 0 0 0;
  position: relative;
  text-align: left;
  border: 1px solid #E2E2E2;
  padding: 5px 10px 5px 10px;
}

.create-ticket-modal .ticket-edit-info-box .flexslider-title {
  padding: 10px 40px;
  pointer-events: none;
  margin-left: 25px;
  /*text-align: center;*/
}

.create-ticket-modal .ticket-edit-info-box .flexslider {
  padding: 0 40px 30px 40px;
  /*text-align: center;*/
}

.create-ticket-modal .ticket-edit-info-box .down-button {
  position: absolute;
  right: 20px;
  top: -25px;
}

.create-ticket-modal .ticket-edit-info-box .down-button .down-btn {
  pointer-events: all;
  font-size: 20px;
  width: 35px;
  height: 35px;
  background-color: #d544da;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  padding: 0;
  border: 1px solid #d544da;
}

.create-ticket-modal .ticket-edit-info-box .flexslider ul li .flex-prev,
.create-ticket-modal .ticket-edit-info-box .flexslider ul li .flex-next {
  width: 22px;
  height: 22px;
  transform: translateY(10%);
  right: 0px;
}

.create-ticket-modal .ticket-edit-info-box .flexslider ul li .flex-prev:before,
.create-ticket-modal .ticket-edit-info-box .flexslider ul li .flex-next:before {
  font-size: 16px;
  text-align: center;
}

/* .edit-profile-main-menu #profile-sidemenu {
  display: none;
} */

.edit-profile-main-menu #easyAccessTopBar {
  display: block;
}

.shop-main-menu #easyAccessTopBar {
  display: block;
}

.patron-setting-main-menu #easyAccessTopBar {
  display: block;
}

.meetgreet-main-menu #easyAccessTopBar {
  display: block;
}

/*.edit-profile-main-menu #easyAccessTopBar .navigation {

}

.edit-profile-main-menu .setting-margin {
  margin-top: 20px;
}
*/
/* .edit-profile-main-menu #layoutfix-profile {
  margin-left: 8.33333333%;
  float: none !important;
}

.edit-profile-main-menu .setting-margin {
  margin-top: 20px;
} */

/* .patron-setting-main-menu {}

.patron-setting-main-menu #patron-sidemenu {
  display: none;
} */

/*.patron-setting-main-menu #easyAccessTopBar {
  display: block;
}*/

/* .patron-setting-main-menu #patron-tabcontent {
  margin-left: 8.33333333%;
  float: none !important;
}

.patron-setting-main-menu #patron-tabcontent #subscriptionsettings,
.patron-setting-main-menu #patron-tabcontent .patron-wrapper {
}
*/
/*.patron-setting-main-menu .setting-margin {
  margin-top: 20px;
} 
*/
/* .meetgreet-main-menu {}

.meetgreet-main-menu #meet-greet-sidemenu {
  display: none;
} */

/*.meetgreet-main-menu #easyAccessTopBar {
  display: block;
}

.meetgreet-main-menu .setting-margin {
  margin-top: 20px;
} */

/*
 .meetgreet-main-menu #meetandgreet-main {
  margin-top: 20px;
}

.meetgreet-main-menu #meetandgreet-main&gt;.tab-content {
  margin-left: 8.33333333%;
  float: none !important;
}

.meetgreet-main-menu #meetandgreet-main&gt;.tab-content #scheduleMeetGreet {
  margin-left: 8.33333333%;
  float: none !important;
}

.meetgreet-main-menu #meetandgreet-main&gt;.tab-content #createCouponPasses {
  margin-left: 8.33333333%;
  float: none !important;
}

.meetgreet-main-menu #meetandgreet-main&gt;.tab-content #createTicket {
  margin-left: 8.33333333%;
  float: none !important;
} */

/* .shop-main-menu {}

.shop-main-menu #main-shop-data {
  margin-top: 20px;
}

.shop-main-menu #main-shop-data&gt;.tab-content {
  margin-left: 8.33333333%;
  float: none !important;
}

.shop-main-menu #main-shop-data #myshop {
  margin-left: 8.33333333%;
  float: none !important;
}

.shop-main-menu #main-shop-data #shopViewDiv {
  margin-left: 8.33333333%;
  float: none !important;
}

.shop-main-menu #shop-sidemenu {
  display: none;
} */

/*.shop-main-menu #easyAccessTopBar {
  display: block;
}

.shop-main-menu .setting-margin {
  margin-top: 20px;
}*/

@media screen and (max-width: 1310px) {
  .mg-tips-section {
    display: none;
  }
  .small-screen-right {
    float: right;
  }
}

.onboardingTab .new-tab {
  min-height: 680px;
}
.onboardingTab .new-tab .capitalize{
  text-transform: capitalize;
  box-shadow: none;
}
.onboardingTab .no-border{
  border: 0 !important;
}
.onboardingTab .loggedin_name{
  padding-top: 12px;
}
.custom-progress-container .custom-progress{
  border-radius: 0;
  height: 10px;
  background: #d5d5d5;
  margin-bottom: 30px;
}

.custom-progress-container .custom-progress .progress-bar{
  box-shadow: none;
}

.custom-progress-container .breadcrump{
    margin-bottom: 8px;
}

.custom-progress-container .breadcrump span{
  color: #a5a5a5;
}
.custom-progress-container .breadcrump span.active{
  font-weight: bold;
  color: #5D5D5D;
}
.custom-progress-container .breadcrump span +span{
  margin-left: 5px;
}

.custom-progress-container .breadcrump span + span:before{
  content: '&gt;';
  margin-right: 5px;
  font-weight: normal;
}

.onboardingTab  .profile-image{
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid #fff;
    border-radius: 50%;
}

.onboardingTab .disabled-field{
  background: transparent;
}

.onboardingTab .onboarding-title {
 /*text-transform: uppercase;*/
 margin:10px 0;
}
.onboardingTab .onboarding-title .sub-text {
  font-size: 18px;
  color: #d544da;
  font-weight: 600;
}
.onboardingTab .onboarding-title h4{
    line-height: 26px;
    font-size: 25px;
}

.onboardingTab .box-outline{
  border: 1px solid #E2E2E2;  
}

.remaining-text-placeholder{
  position: absolute;
  top: -25px;
  right: 20px;
  font-size: 12px !important;
  color: #aeaeae;
}

.onboardingTab .cover-photo-div.cover-maintain-div{
  padding-top: 57%;
}


/* sticky nav styles = victor login-theme should be removed once the header is finalized*/

.login-theme .navbar-default{
  transition: .2s linear;
  height: auto;

}

.login-theme .navbar-default.sticky {
  background-color: #fff;
  color: #5D5D5D;
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28);
  height: 70px;
  margin-top: -5px;
}
.login-theme .navbar-default.sticky .navbar-brand .brand-col{
  color: #d544da;
}

.login-theme .navbar-default.sticky li a,
.login-theme .navbar-default.sticky li a:active,
.login-theme .navbar-default.sticky li a:focus {
  color: #d544da !important;
  padding-bottom: 17px;
}

.login-theme .navbar-default.sticky .enterprise-dropdown {
  color: #d544da !important;
}

.login-theme .navbar-default.sticky .enterprise-dropdown-section li a {
  padding-bottom: 10px;
}

/* ******************** */
.m-container #fixed-sidebar {
  position: relative;
  /* top: 550px; */
  list-style: none;
  margin: 0;
  padding: 0;
}

.m-container.fixed #fixed-sidebar{
  position: fixed;
  /* z-index: 99; */
  width: 285px;
  top: 145px;
  height: 100%;
  /* right:375px; */
}

.visibility-hidden{
  visibility: hidden;
}

/* ********* EXPLORE CREATORS - CSS- START - ASHA **************** */
.explore-creators-container{
  position:relative;
}
.explore-creators-container .cover-pic-text{
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  z-index: 1;
}
.explore-creators{
  margin:30px 0;
}
.explore-creators .about_padding{
  margin-bottom:30px;
}
.explore-creators .cover-pic-text{
  position: absolute;
  top: -300px;
  z-index: 1;
}
.explore-creators-header {
  border-bottom: 2px solid #f4f4f4;
}
.explore-creators-header  h4{
  font-size: 14px;
  margin: 0;
  color: #d544da;
  font-weight:700;
}
.creator-category-list ul{
  list-style-type: none;
  padding: 0;
  margin:0;
}
.creator-category-list ul li{
  opacity:0.9;
  padding: 4px 0;
}
.creator-category-list ul li a:hover{
  opacity:1;
  color: #d544da;
}
.creator-category-list ul li.active a{
  opacity:1;
  color: #d544da;
}
.creator-category-list ul li a{
  text-decoration: none;
  font-size: 16px;
  font-weight: 700; 
  color: #5D5D5D;
  opacity:0.9; 
}
.listing-head{
  padding: 16px;
  border-bottom: 2px solid #f4f4f4;
}
.listing-head .header{
  float: right;
  padding: 10px 16px 10px 16px;
  font-size: 16px;
}
.explore-creators .listing-head .header .header-text{
  padding-right: 3px;
  margin: 0;
}
.creator-news{
  padding:16px;  
}
.creator-news:not(:last-child){
  border-bottom: 2px solid #f4f4f4;
}
.creator-news .creator-profile-img{
  height:80px;
  width:80px;
  object-fit:cover;
  overflow: hidden;
  background-repeat: no-repeat;
}
.creator-news .img-div{
  margin-right:16px;
}
.creator-news .info-div{
  margin-right:16px;
  width: calc(100% - 230px);
  vertical-align: middle;
}
.creator-news .info-div .creator-name{
  font-weight: 700;
  font-size: 16px;
  vertical-align: top;
}
.creator-news .info-div  .creator-desc{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 30px;
  -webkit-line-clamp: 1;
  height: 30px;
  width: calc(100% - 120px);
  vertical-align: inherit;
  margin:0;
  font-size:16px;
  white-space: nowrap;
}
.creator-news .patrons-count{
  vertical-align: baseline;
  font-size: 16px;
}
.creator-news a{
  text-decoration:none;
  color:#5D5D5D;
}
.cover-pic-text a, .cover-pic-text a:hover{
  text-decoration:none;
  color:white;
 
}
.cover-pic-text .icon-backfull{
  font-weight: bold;
}
.cover-pic-text .text{
  font-size: 22px;
  font-weight: 700;
}
.cover-pic-text  .category-name{
  color: white;
  font-size: 32px;
  font-weight: 700;
  padding: 30px 0;
}
/* ********* EXPLORE CREATORS - CSS- END - ASHA **************** */
.creator-landing .user-login-parent .icon-back{
  position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
}
.creator-landing .user-login-parent .carousel .rotate-icon-next{
  transform:rotate(180deg);
}

.creator-landing .user-login-parent .carousel-control.left,
.creator-landing .user-login-parent .carousel-control.right{
  background-image:none;
}

.creator-landing .carousel-inner-flexslider .slides li{
  overflow:hidden;
}

.creator-landing .carousel-inner-flexslider{
z-index: 1;
}

.creator-landing .carousel-inner-flexslider ul li .flex-prev,
.creator-landing .carousel-inner-flexslider ul li .flex-next {
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
}
.creator-landing .carousel-inner-flexslider ul li .flex-prev,
.creator-landing .carousel-inner-flexslider:hover ul li .flex-prev{
  left: 100px;
  opacity: 1;
}
.creator-landing .carousel-inner-flexslider ul li .flex-next,
.creator-landing .carousel-inner-flexslider:hover ul li .flex-next{
  right: 100px;
  opacity: 1;
}
.creator-landing .carousel-inner-flexslider ul li .flex-prev:before,
.creator-landing .carousel-inner-flexslider ul li .flex-next:before {
  font-size: 26px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: none;
}



.creator-landing  .carousel-indicators .active{
  width: 10px;
  height: 10px;
  margin: 1px;
  margin-right: 5px;
}

.schedule-event .existing-schedule-event .content .text-align-left{
text-align:left;
}

.meet-and-greet-holder .event-content .desc .desc-color,
.schedule-event .existing-schedule-event .content .text-align-left .desc-color{
  color: #2f2f2f;
  word-wrap: break-word;
  word-break: break-word;
}

.upcomingvideos-container .card{
  margin-bottom:30px;
}
.upcomingvideos-container .card .broadcaster-posts.recent-post-list{
  margin:0;
}
.upcoming-events-container .schedule-event{
  margin:0;
  padding:0;
}


.creator-preview-modal .cropper-height-cover,
.creator-preview-modal .profile-preview-container{
  height: 288px;
}

.creator-preview-modal .profile-preview-container{
  background: #fff;
  padding: 0 15px 0 0;
}

.creator-preview-modal .profile-preview{
  width: 100%;
  overflow: hidden;
  position: relative;
  height: inherit;
}

.creator-preview-modal .login-skew-img-parent {
  -webkit-transform: skew(-210deg);
  -moz-transform: skew(-210deg);
  transform: skew(-210deg);
  position: absolute;
  left: -27%;
  height: inherit;
  overflow: hidden;
  height: inherit;
  width: 100%;
}

.creator-preview-modal .login-skew-img-parent .image-holder{
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 30px 0;
}

.creator-preview-modal .login-skew-img-parent .image-holder.creator-profile-cover-img::before {
  background-image: linear-gradient(to left, #7745c000 -60%, #3529a700 100%);
}

.creator-preview-modal .login-skew-img-parent .image-holder::before {
    background-image: linear-gradient(to right, #3529A7 0%, #7745C0 100%);
    position: absolute;
    top: 0;
    opacity: 0.75;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
}

.creator-preview-modal .login-skew-img-parent .img-preview{
  -webkit-transform: skew(210deg);
  -moz-transform: skew(210deg);
  transform: skew(210deg);
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 16.5%;
}

.creator-preview-modal .profile-preview .creator-users{
  transform: scale(.45);
  width: 330px;
  position: absolute;
  top: -82px;
  transform-origin: center;
  right: -100px;
}

.creator-preview-modal .preview-popup.broadcaster-profile-pic{
    position: relative;
    display: inline-block;
}

.creator-preview-modal .preview-popup.broadcaster-profile-pic .landing-img-holder{
  background-size: cover;
  border-radius: 50%;
}

.creator-preview-modal .preview-popup.broadcaster-profile-pic .landing-profile-holder{
    right: -138px;
}

/*  */
.landing-home.profile-home .form-page.login-page.profile-landing-page{
  min-height: 325px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent{
  overflow: hidden;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .landing-page-minht{
    min-height: 325px;
    height: 325px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .landing-page-minht .login-skew-img-parent{
  left: -160px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .landing-page-minht .login-skew-img-parent .image-holder{
  height: 300px;
  min-height: 290px;
  border-bottom-right-radius: 28px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .landing-page-minht .login-skew-img-parent .image-holder .preview-profile-cover{
  width: 130%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: skew(210deg);
  -webkit-transform: skew(210deg);
  -moz-transform: skew(210deg);
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .img-content-container.broadcaster-statistics{
  top: 85%;
  left: 31%;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .img-content-container.broadcaster-statistics .stats-container{
  font-size: 7px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .creator-users{
  transform: scale(0.5,0.5);
  right: -115px;
  top: -126px;
  padding: 30px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .creator-users.profile-page-creator-users{
  height:700px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .img-content-container .subtagline.lineht{
  letter-spacing: 1px;
}
.landing-home.profile-home .form-page.login-page.profile-landing-page .user-login-parent .image-holder::before{
  border-bottom-right-radius: 28px;
}

.landing-home .btn-primary-edited{
  width:auto;
  cursor: pointer;
}

.landing-home .btn-primary-edited.support-btn {
  width: 100%
}

.package-subscribe-div {
  margin-top:30px;
}
.popup-title.font_18{
  font-size: 18px;
}
.package-subscribe-div .each-package{
  border: 1px solid #cccccc;
  padding: 15px;
  margin: 15px 0;
}
.package-subscribe-div .tier-detail-top{
  /* margin-top: 30px; */
}
.package-subscribe-div .buy-package-btn{
padding:25px 0;
float:right;
}
.package-subscribe-div .patron-package-tire{
  /* margin-top: 30px; */
}
.package-subscribe-div .patron-package-tire h4{
  font-size: 16px;
  word-wrap:break-word;
}
.package-subscribe-div .patron-package-tire  p{
  margin:0;
}
.package-subscribe-div .tier-image{
  padding:0;  
  margin: 15px 0;
}
.package-subscribe-div .package-detail{
  padding-right:0;  
  margin:0;
}
.package-subscribe-div .bullets-detail{
  padding-right:0;  
  margin:15px 0;
}
.package-subscribe-div .package-detail .starred-text{
  font-size: 13px;
  font-weight: 600;
}

/* Broadcaster - go live - asha - start */
.broadcaster-video .placeholderVideobg.pt_85{
  /* padding-top: 155px; */
  padding-left: 70px;
  height: 100%;

}
.m-t-4{
  margin-top:4px;
}
.broadcaster-video .placeholderVideobg .btn-container.live-video-actions{
  position: static;
  border: 0;
  padding: 30px 0;
  margin: auto;
  /* margin-left: 75px; */
  width: 90%;
}
.broadcaster-video .userdatatabs.userdatatabs-height .color-black{
  background-color: black;
  height: 100%;

}
/* .broadcaster-video .placeholderVideobg.pt_85 .live_and_btn_holder{
  transform: translateY(20%);
} */
.broadcaster-video .placeholderVideobg.pt_85 .live_and_btn_holder{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-left: 70px;
}
.broadcaster-video .userdatatabs.userdatatabs-height .fadeout{
  position: absolute;
  bottom: 0;
  height: 150px;
  right: 0;
  width: 100%;
  background-image: linear-gradient( rgba(0, 0, 0, 0) 0%, rgb(39, 39, 39) 100% );
}
.broadcaster-video .placeholderVideobg .btn-container.live-video-actions .app-download-text{
  font-weight: 600;
  width: 220px;
  display: inline-block;
  font-size: 18px;
  color: white;
  vertical-align: middle;
  margin: 0;
}
.broadcaster-video .placeholderVideobg .btn-container.live-video-actions .icon-right-arrow2{
  font-size: 30px;
  color: white;
  vertical-align: middle;
  padding-left: 5px;
}
.broadcasterprofile .color-black ul.nav-tabs&gt;li&gt;a:hover{
  background-color:transparent;
}
.broadcasterprofile .color-black ul.nav-tabs{
  border-bottom:0;
}
.broadcasterprofile .color-black ul.nav-tabs&gt;li.active&gt;a{
  background-color:transparent;
}
/* Broadcaster - go live - asha - end */

.landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li a,
.landing-home .landing-menu-tabs .home-tabs-menu.home-menu-options ul li a {
    padding: 10px 30px;
    text-transform: capitalize;
    color: #5D5D5D;
    background: transparent;
    border-bottom: 3px solid transparent;
    outline: 0;
    font-weight: 700;
    font-family: 'roboto mono' !important;
    font-size: 14px;
    padding: 0;
    text-decoration: none;
}


.landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a,
.landing-home .landing-menu-tabs .home-tabs-menu.home-menu-options ul li.active a {
  padding: 0px 0px 5px 0px !important;
}
.landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a{
  color: #d544da;
}
.landing-home .landing-menu-tabs .home-tabs-menu.profile-menu-options ul li.active a .item-name{
  border-bottom: 2px solid #d544da;
  padding-bottom: 5px;
}
.landing-home .landing-menu-tabs .home-tabs-menu.home-menu-options ul li.active a {
  border-bottom: 2px solid #d544da;
  color: #d544da;
}
.landing-home .landing-menu-tabs .home-tabs-menu.home-menu-options ul li.active a.no-border{
  border:0 !important;
}
.landing-home .landing-menu-tabs .home-tabs-menu.home-menu-options ul li.active a.no-border .item-name{
  border-bottom: 2px solid #d544da;
  padding-bottom:5px;
}
.profile-menu-options ul li + li,
.home-menu-options ul li + li {
  margin-left: 35px;
  margin-right: 0px;
}

.profile-menu-options ul li {
  padding: 0 15px;
}

.profile-menu-options .header-icon {
  font-size: 28px;
  padding-right: 20px;
  color: #d4d4d4;
  line-height: 55px;
  vertical-align: middle;
}

.home-menu-options .header-icon {
  font-size: 25px;
  color: #d4d4d4;
  line-height: 55px;
  vertical-align: middle;
  padding-right: 12px;
}
.home-menu-options .header-icon.icon-subscribers{
  font-weight: 700;
}




#supportPayment .dollar-sign{
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: calc(100% - 90px);
}

#supportPayment .dollar-sign:before{
  content: "USD $";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}
#supportPayment  .tip-label{
  padding: 5px 0;
  margin: 0;
}
.profile-menu-options ul li.active .header-icon,
.home-menu-options ul li.active .header-icon {
  color: #d544da;
}
.profile-menu-options .arrow-header span {
  line-height: 55px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 700;
  color: #a7a3a3;
  margin-right: 25px;
  margin-left: -10px;
 }

 .shopping-cart .modal-dialog{
   width: 900px !important;
 }

/* cropper fix = victor */

.profileCropper {

}

.profileCropper .modal-dialog{
  width: 600px;
}

.profileCropper .profile-preview-container{
  display: none;
}

.profileCropper .profile-cropper-container{
  width: 100%;
}


/* sidebar fix = victor */
.sidebar-filter,
.sidebar-home,
.sidebar-video,
.meet-sidebar{
  position: absolute;
  float: left;
  z-index: 5;
}

.sidebar-patrons{
float: right;
}


/* Asha */
.cursor-pointer {
  cursor:pointer;
}
.cursor-auto {
  cursor: auto;
}
#forumAddModal .cover-photo-div{
  width:100%;
}
/* #forumAddModal .cover-photo-div .full-height.height_305{
  height: 305px;
} */
#forumsTab .profile-wrapper .existing-schedule-event-list.pb_60 {
  padding-bottom:60px;
}

#myUnlockedPostTemplateContainer .broadcaster-posts.each-unlocked-post{
  border: 1px solid #eeeeee;
}
#myUnlockedPostTemplateContainer .broadcaster-posts.each-unlocked-post .post-bottom-info.border_0{
  border:0;
}

.post-bottom-info .like-view-comment .change-follow-state[data-follow='1'] .icon-favoriteOutline:before{
  content: "\e9da"; 
}

.post-bottom-info .like-view-comment .change-follow-state[data-follow='1'] .action-follow{
  display: none; 
}
.post-bottom-info .like-view-comment .change-follow-state[data-follow='1'] .action-unfollow{
  display: inline; 
}
.post-bottom-info .like-view-comment .change-follow-state[data-follow='0'] .action-follow{
  display: inline; 
}
.post-bottom-info .like-view-comment .change-follow-state[data-follow='0'] .action-unfollow{
  display: none; 
}

.bid-campaign-share-modal .btn.facebook:focus,
.bid-campaign-share-modal .btn.btn-block.twitter.white-color:focus{
  color:white;
}

.bid-campaign-share-modal .btn.btn-block.btn-primary.white-color:focus{
  background-color: #e13350;
  border-color: #da203f;
}
/******************** Asha - launch - custom changes - START  **********************/
label.label-new-common{
  padding-bottom: 7px;
  font-weight: bold;
  font-size: 16px;
  color: #2f2f2f;
}
.launch-designs-subscriptions label .sub-text-custom{
  font-size: 14px;
  color: #A69D9D;
  font-weight: 200;
}
/* .launch-designs-subscriptions h2,
.launch-designs-subscriptions h3,
.launch-designs-create-product h2,
.launch-designs-create-product h4{
  color: #2f2f2f;
} */
.launch-designs-subscriptions h5{
  color: #4a4a4a;
}
.launch-designs-subscriptions p.text-color,
.launch-designs-subscriptions .text-color,
.launch-designs-create-product .prod-spec,
.launch-create-pass-popup .text-color,
.launch-create-ticket-popup .text-color,
.live-event-access-modal .text-color {
  color: #777777;
  font-weight: 200;
  font-size: 15px;
}
.launch-designs-subscriptions .sub-text-color,
.forum-add-post .sub-text-color {
  color: #A69D9D;
  font-weight: 400;
  font-size: 15px;
}
.post-details .share-holder {
  font-size: 18px;
  font-weight: 600;
  color: #7d7c7c;
}
.launch-designs-subscriptions .placeholder-text-color{
  color: #a19898;
}
.launch-designs-subscriptions .upload-btn-color{
  color: #4a4a4a;
  text-transform:capitalize;
  box-shadow: none;
  /*background-color: transparent;*/
}
.launch-designs-subscriptions .upload-btn-color:hover{
  color: #4a4a4a;
  background-image: linear-gradient(to right, #fff, #fff);
}
.launch-designs-subscriptions .custom-hash-labels{
  border-radius: 25px;
  font-family: 'Roboto Mono', monospace;
}
.launch-create-pass-popup .align-calc{
  line-height: 4;
}
.launch-designs-subscriptions .popup-title.brand-col{
  color: #d544da !important;
}
/******************** Asha - launch - custom changes - END  **********************/

.main-tab-selection .sidebar-footer-section{
  width: 300px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  color: #fff;
}
.main-tab-selection:hover .sidebar-footer-section{
  opacity: 1;
  visibility: visible;
}

.main-tab-selection .sidebar-footer-section .footer-title{
  margin-bottom: 15px;
}

.main-tab-selection .sidebar-footer-section .socialicons-section{
  margin: 15px 0;
}

.main-tab-selection .sidebar-footer-section .socialicon-list{

}

.main-tab-selection .sidebar-footer-section .socialicon-list .socialicon-list-item{
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.main-tab-selection .sidebar-footer-section .socialicon-list .socialicon-list-item a i {
    display: inline-block;
    box-shadow: 0 0 0px 1px #fff;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    border-radius: 50%;
}


.fanprofilepopup .user-coverpic-sec {
  height: 180px;
  background-size: cover;
}

.fanprofilepopup .user-coverpic-sec img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.fanprofilepopup .user-propic {
  /* width: 80px; */
  display: inline-block;
  /* height: 80px; */
  position: absolute;
  bottom: -45px;
  left: 20px;
}

.fanprofilepopup .user-propic img {
  width: 100px;
  border-radius: 50%;
  border: 3px solid white;
  height: 100px;
  object-fit: cover;
  box-shadow: 0px 2px 5px 1px rgba(134, 134, 134, 0.34);
}

.fanprofilepopup .username {
  text-shadow: 0 2px 4px #1C1C2E;
  font-size: 20px;
  color: white;
  word-wrap:break-word;
  word-break: break-word;
  overflow: hidden;
  width: calc(100% - 30px);
}
.fanprofilepopup .user-description {
  word-wrap:break-word;
  margin-top: 20px;
}
.fanprofilepopup .text-decs {
  word-wrap:break-word;
  overflow-y: auto;
  max-height: 140px;
}
.fanprofilepopup .bottom-sec {
  padding: 8px;
}

.fanprofilepopup .followstats {
  margin-left: 125px;
  margin-bottom: 7px;
  color: #444444;
}

.fanprofilepopup .followstats&gt;span {
  color: #797979;
  /* text-transform: uppercase; */
  font-size: 13px;
  /* font-family: 'Gibson-Semibold'; */
  font-weight: 600;
  margin-left: 10px;
}

.fanprofilepopup .profile-link {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 8px;
  text-align: center;
}

.fanprofilepopup .profile-link .btn-link {
  color: #d544da;
  padding: 5px 20px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #d544da;
}

.fanprofilepopup .user-parent {
  position: absolute;
  bottom: 10px;
  left: 145px;
}

.fanprofilepopup .influencer {
  color: white;
  text-shadow: 0 2px 4px #1C1C2E;
}

.fanprofilepopup .influencer i {
  color: #F44336;
  margin-right: 5px;
}

.fanprofilepopup .icon-favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0, 0, 0);
  cursor: pointer;
}

.fanprofilepopup a,
.fanprofilepopup a:hover {
  color: #797979;
  text-decoration: none;
}

.fanprofilepopup .loading-text {
  padding: 5px;
  text-align: center;
}

.fanprofilepopup .user-coverpic-sec {
  width: 100%;
  height: 180px;
  object-fit: cover;
}


.fanprofilepopup .popup-actions{
  margin-bottom: 8px;
}

.privacy-lable-style label{
  font-weight: 600;
  font-size: 16px;
}

.onboardingTab .label-stying .control-label{
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 600;
}

.onboardingTab .custom-radio label{
  font-weight: normal;
}

.onboardingTab .new-sub-text {
    color: #A69D9D;
    font-weight: 200;
    font-size: 15px;
}
.fundme-page{
padding: 50px 0 0 0; 
background-image: linear-gradient(to bottom, #d544da 0%, #d544da 51%, #d544da 100%);

}

.fundme-page .form-control{
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.53);
    border-color: rgba(255, 255, 255, 0.53);
}

.fundme-page textarea.form-control{
  border:1px solid #ccc;
}

.fundme-page .onboarding-title{
}

.fundme-page .onboarding-title h4{
}

.fundme-page .button-sec{
}
.fundme-page .navheader {
  text-align: center;
}

.fundme-page .card{
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
  color: #333;
  padding: 20px;
  margin-bottom: 30px;
}

.fundme-page .main-header h4{
color: #fff;
font-size: 30px;
font-weight: 400;
margin: 0 0 30px 0;
text-align: center;
}

.fundme-page .navheader .logo{
    font-size: 50px;
display: block;
text-decoration:none;
color: #fff;
}

.fundme-page .sub-title{
    margin:50px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.fundme-page .sub-title strong{
  font-style: italic;
  margin-right: 10px;
}
.fundme-page .sub-title-link{
text-align: center;
     margin: 0 0 50px 0;
   }
.fundme-page .sub-title-link a{
    color: #fff;
     font-size: 20px;

}
    
.fundme-page .form-control{
    color: #555;
        font-weight: normal;
}

.fundme-page ::-webkit-input-placeholder { /* Chrome */
 color: #4a4a4a;
}
.fundme-page :-ms-input-placeholder { /* IE 10+ */
  color: #4a4a4a;
}
.fundme-page ::-moz-placeholder { /* Firefox 19+ */
  color: #4a4a4a;
  opacity: 1;
}
.fundme-page :-moz-placeholder { /* Firefox 4 - 18 */
  color: #4a4a4a;
  opacity: 1;
}


.profile-edit .profile-info-container .publish-now-btn-text{
  position: absolute;
  z-index: 11;
  left: 20px;
  color: white;
  top: 10px;
  font-size: 16px;
}


.onboarding-creator-modal .profile-preview .creator-users{
  top: auto;
}

.height-auto{
  min-height: auto;
}

.my-shop-container{
  margin-bottom: 40px;
}

.my-video-container{
  min-height: 450px;
}

.patrons-tab-content{
  min-height: 1210px;
}

.tier-subscription-modal .join-vip-title {
  font-size: 22px;
}

.tier-subscription-modal .popup-subtitle {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 15px;
  color: #5D5D5D;
  margin-bottom: 12px;
  text-align: center;
}

.tier-subscription-modal .package-subscribe-div .bullets-detail{
  margin-bottom: 0;
}

.tier-subscription-modal .package-subscribe-div .bullets-detail ul{
  margin: 0;
}
.not-for-creator{
  display:none;
}

.featured-event-wrapper {

}

.featured-event-wrapper .description{
  padding: 0;
  height: 50px;
  word-wrap: break-word;
  margin-bottom: 14px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.featured-event-wrapper .event-data-height{
  margin-top:35px; 
}

.featured-event-wrapper .date-container {
 font-size: 18px;
}

.featured-event-wrapper .date-container .brand-col{
  display: inline-block;
}

.featured-event-wrapper .date-container .event-date{
  display: inline-block;
}

.publish-message-box .message{
  margin-top: 6px;
  font-size: 16px;
margin-left: 20px;
}


.patrons-tab-content .patron-packages-tab .about-patron ul li{
  position: relative;
      padding-left: 20px;

}

.patrons-tab-content .patron-packages-tab .about-patron ul li:before{
  position: absolute;
  left: 0;
  top: 2px;
}
.mobileshop-controller-class .mug-size .custom-radio+.custom-radio{
  margin-left: 0px;
}

.mobileshop-controller-class .mug-size .custom-radio label  {
  margin-right: 10px;
}

@media (min-width: 1200px) {
    .container {
        width: 1100px;
    }
}
@media (min-width: 992px) {
  .creator-mobile-container {
    width: 880px;
  }
}

.go-live-page .custom-popover-style{
left: 50%;
bottom: 60px;
top: auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.go-live-page .custom-popover-style .title{
margin-bottom: 20px;
padding-bottom: 0px;
color: #5D5D5D;
margin-top: -15px;
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #efefef;
width: 88%;
padding: 10px 0;
}
.go-live-page .custom-popover-style .custom-checkbox .checkbox-container {
  margin: 0;
}
.go-live-page .custom-popover-style .custom-checkbox label{
  font-size: 14px !important; 
}

.patron-tabs .nav-pills{
  display: flex;
  flex-direction: row-reverse;
}
.patron-tabs .nav-pills &gt; li{
    /* width: auto; */
}
.patron-tabs .nav-pills &gt; li a{
    padding: 5px 11px;
}

.create-product .nav-pills &gt; li a{
  padding: 10px 12px;
}

.create-product .pricing-row .custom-price-style{

}

.create-product .pricing-row .custom-price-style .pricefont {
  padding-top: 30px;
  font-weight: normal;
}

.create-product .pricing-row .custom-price-style .pricefont + .pricefont{
    padding-top: 0;
}

.go-live-page.container{
  width: 1170px;
}

.go-live-setting-section.container{
  width: 1170px;
}

.homepage-intro-video .modal-content .modal-header{
  padding: 15px 0px; 
}

.homepage-intro-video .modal-content .modal-body video{
  width: 100%;
  vertical-align: middle;
}

.request-event-list {
  counter-reset: item;
  list-style-type: none;
  padding-left: 15px;
  position: relative;
}
.meetandgreet-request .request-event-list li { 
  counter-increment: item;
  padding-top: 5px;
  font-weight: 600;
  word-wrap: break-word;
  word-break: break-word;
  display: inherit;
  margin-left: 5px;
}

.meetandgreet-request .request-event-list li:before { 
  content: counter(item) ' ';
  color: #a7a7a7;
  position: absolute;
  left: 0px;
}

.meetandgreet-request .request-event-list li:after { 
  position: absolute;
  content: ":";
  top: 4px;
  left: 10px;
  margin-right: 8px;
}

.enable-sub-m-top{
  margin-top: 123px;

}
.videos-listing .video-thumbnail-container{
  transition:.3s;
}

.videos-listing .video-thumbnail-container[data-videoplay="1"] {
  
}


.videos-listing .video-thumbnail-container[data-videoplay="1"] .video-parent{
-webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videoreload="1"] .video-parent{
  -webkit-transform: scale(1);
    transform: scale(1);
  }*/

.videos-listing .video-thumbnail-container[data-videoplay="0"] .icon-button-play {
  display: block;
}
.videos-listing .video-thumbnail-container:hover[data-videoplay="1"] .icon-video-player-pause-button {
  display: block;
}
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videomute="0"] .icon-audio-volume {
  display: block;
  color: #FFF;
  font-size: 17px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
  position: absolute;
  bottom: 16px;
  right: 30px;
}
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videomute="1"] .icon-audio-volume-mute {
  display: block;
  color: #FFF;
  font-size: 17px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
  position: absolute;
  bottom: 16px;
  right: 30px;
}
.videos-listing .video-thumbnail-container[data-videoplay="1"] .icon-expand {
  display: block;
  color: #FFF;
  font-size: 15px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
  position: absolute;
  bottom: 16px;
  right: 6px;
}
.videos-listing .video-thumbnail-container[data-videoplay="1"] .slider-container,
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videomute="0"] .icon-audio-volume,
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videomute="1"] .icon-audio-volume-mute,
.videos-listing .video-thumbnail-container[data-videoplay="1"] .icon-expand {
  display: none;
}

.videos-listing .video-thumbnail-container[data-videoplay="1"]:hover .slider-container,
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videomute="0"]:hover .icon-audio-volume,
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-videomute="1"][data-videoreload="0"]:hover .icon-audio-volume-mute,
.videos-listing .video-thumbnail-container[data-videoplay="1"]:hover .icon-expand {
  display: block;
}

.videos-listing .video-thumbnail-container[data-videoplay="0"][data-videoreload="1"] .icon-button-play{
  display: none;
}

.videos-listing .video-thumbnail-container[data-videoplay="1"] .slider-container .video-slider-bar {
  border: none;
  background: #ffffff6e;
  height: 3px;
  border-radius: 5px;
  width: 60%;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
  position: absolute;
  bottom: 21px;
  left: 15px;
  cursor: pointer;
}
.videos-listing .video-thumbnail-container[data-videoplay="1"] .slider-container .video-slider-bar span,
.videos-listing .video-thumbnail-container[data-videoplay="1"] .slider-container .video-slider-bar span:focus {
  background-color: #FFF;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
  border: none;
  cursor: pointer;
}
.home-video-section .video-container-group .video-container .video-icon-spacer {
  font-size: 18px;
  margin-right: 6px;
  color: #808080;
  vertical-align: middle;
  line-height: 25px;
}
.home-video-section .video-container-group .video-container .video-text-spacer {
  color: #808080;
  vertical-align: middle;
  line-height: 25px;
}
/* following rule is for hiding Stack Overflow's console  */

.as-console-wrapper {
  display: none !important;
}


 .myvideos-section .video-container-group .video-container .video-icon-spacer{
  font-size: 18px;
  margin-right: 6px;
  color: #808080;
  vertical-align: middle;
  line-height: 25px;
}
.myvideos-section .video-container-group .video-container .video-text-spacer{
  color: #808080;
  vertical-align: middle;
  line-height: 25px;
}
.videos-listing .video-thumbnail-container.video-ht .video-img-holder {
  height: 150px;
  width: 100%;
  vertical-align: middle;
  object-fit: cover;
}

.videos-listing .video-thumbnail-container[data-videoplay="1"][data-showvideoloader="1"] .archiveVideoloader{
display: block;
}

/*.videos-listing .video-thumbnail-container[data-videoplay="1"][data-showvideoloader="1"] .slider-container .video-slider-bar,
.videos-listing .video-thumbnail-container:hover[data-videoplay="1"][data-showvideoloader="1"] .slider-container .video-slider-bar,
.videos-listing .video-thumbnail-container:hover[data-videoplay="1"][data-showvideoloader="1"] .icon-audio-volume:before*/
.videos-listing .video-thumbnail-container[data-videoplay="1"][data-showvideoloader="1"] .icon-video-player-pause-button{
  display: none;
}

.videos-listing .video-thumbnail-container[data-videoreload="1"] .videoReload{
  display: block;
  }


.videos-listing .video-thumbnail-container:hover[data-videoreload="1"] .icon-video-player-pause-button{
  display: none;
}
.videos-listing .video-thumbnail-container:hover[data-videoreload="1"] .slider-container .video-slider-bar,
.videos-listing .video-thumbnail-container:hover[data-videoreload="1"] .icon-expand,
.videos-listing .video-thumbnail-container:hover[data-videoreload="1"] .icon-audio-volume,
.videos-listing .video-thumbnail-container[data-videoreload="1"] .slider-container .video-slider-bar,
.videos-listing .video-thumbnail-container[data-videoreload="1"] .icon-expand,
.videos-listing .video-thumbnail-container[data-videoreload="1"] .icon-audio-volume:before{
  display: none;
}


.archiveVideoloader {
    display:none;     
    width: 35px;
    height: 35px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    transform-origin: center center;
}

.archiveVideoloader:before {
    content: '';
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3838c6;
    position: absolute;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.goLive-facebook-modal .modal-header .close {
  background: #969696;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #f5f5f5;
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
  line-height: 26px;
  opacity: 1;
 }
 
 .goLive-facebook-modal .modal-dialog {
  width: 450px;
 }
 
 .goLive-facebook-modal .modal-header {
  border-bottom: transparent;
 }
 
 .goLive-facebook-modal .modal-content {
  padding: 10px 0 20px 20px;
 }
 
 .goLive-facebook-modal .modal-body {
  padding-right: 40px;
 }
 
 .goLive-facebook-modal .facebook-btn {
  background: #3e6eb8;
  width: 100%;
  height: 45px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #fff;
  line-height: 30px;
  vertical-align: middle;
  text-align: left;
  font-size: 16px;
 }
 
 .goLive-facebook-modal .modal-header .facebookModal-title {
  display: inline;
  font-size: 20px;
 }
 
 .goLive-facebook-modal .facebook-btn span {
  border: 0.5px solid rgba(255, 255, 255, 0.24);
  padding: 5px;
  border-radius: 50%;
  font-size: 12px;
  margin-right: 20px;
 }
 .goLive-facebook-modal .facebookPage-list {
   max-height: 200px;
   overflow-y: auto;
 }
 .goLive-facebook-modal .facebook-page-listing .custom-radio label{
  padding-left: 40px;
 }
 .goLive-facebook-modal .facebook-page-listing .custom-radio input+label:before {
  left: 3px;
  top: 4px;
  position: absolute;
 }
 .blog-main-content .comment-list .commenter {
   cursor: pointer;
 }
 .nocursor,
 .shop img.nocursor {
  cursor: default; 
 }
.shop .vender-full-width  {
    
    font-size: 13px;
    text-transform: uppercase;
    /* font-family: 'Gibson-Semibold'; */
    font-weight: 600;
    color: #808080;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    padding-left: 8px;
    display: inline;
  }
 .tooltip-view-profile:hover {
   text-decoration: none;
   color: #5D5D5D;
 }
 .tooltip-view-profile {
  color: #5D5D5D;
 }
 .creator-news .info-div .creator-description {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 30px;
  -webkit-line-clamp: 1;
  height: 30px;
  width: calc(100% - 120px);
  vertical-align: inherit;
  margin: 0;
  font-size: 16px;
  white-space: nowrap;
 }
.followingmodal .followingcontainer .list-itemm .passes-href,
.followingmodal .followingcontainer .list-itemm .passes-href:hover {
  color: #5D5D5D;
}
.main-tab-selection .socialicons-section-edited  .follow-us-text {
  font-size: 16px;
  line-height: 31px;
  vertical-align: middle;
  margin-top: 15px;
  margin-bottom: 15px;
}
.main-tab-selection .socialicons-section-edited .socialicon-list {
  margin-left: 15px;
}
.main-tab-selection .socialicons-section-edited .socialicon-list .socialicon-list-item a:hover,
.main-tab-selection .footer-title .careers-btn:hover {
  text-decoration: none;
}
.main-tab-selection .socialicons-section-edited .socialicon-list .socialicon-list-item a i {
  display: inline-block;
  box-shadow: 0 0 0px 1px #5D5D5D;
  color: #5D5D5D;
  padding: 8px;
  font-size: 15px;
  border-radius: 50%;
}
.main-tab-selection .socialicons-section-edited .socialicon-list .socialicon-list-item {
 display: inline-block;
}
.main-tab-selection .socialicons-section-edited .socialicon-list .socialicon-list-item +.socialicon-list-item {
  margin-left: 8px;
}
.main-tab-selection .footer-title .careers-btn {
  display: inline-block;
  background-color: #fff;
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28);
  width: 120px;
  color: #5D5D5D;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  border-radius: 38px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
  vertical-align: middle;
  margin: 10px 0 15px 0;
}
.sidebar-footer-section .career-section .footer-careers {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
  vertical-align: middle;
  text-decoration: underline;
  margin-bottom: 6px;
}
.create-ticket .ticket-amount .ticket-dollar-holder {
  padding-left: 22px;
}

.scheduleEvent-main .schedule-event .existing-schedule-event-list .image-placeholder {
  position: relative;
}

.scheduleEvent-main .schedule-event .existing-schedule-event-list [data-isppv="0"] .ppv,
.scheduleEvent-main .schedule-event .existing-schedule-event-list [data-issuperaccess="0"] .superaccess,
.event-detail-popup .modal-dialog [data-isppv="0"] .event-view-holder .ppv,
.event-detail-popup .modal-dialog [data-issuperaccess="0"] .event-view-holder .superaccess,
.upcoming-events-container .upcomingvideos-container [data-isppv="0"] .event-view-holder .ppv,
.upcoming-events-container .upcomingvideos-container [data-issuperaccess="0"] .event-view-holder .superaccess,
.shop-homeTab .video-container-group .vipticket-shop[data-isPpvTicket="0"] .event-view-holder .ppv,
.ticket-detail-popup [data-isPpvTicket="0"] .ticket-images-slider .event-view-holder .ppv,
.meetandgreet-tab .existing-schedule-event[data-isppv="0"] .ppv,
.meetandgreet-tab .existing-schedule-event[data-issuperaccess="0"] .superaccess,
.create-ticket .videos-listing[data-isPpvTicket="0"] .ppv,
.meet-and-greet-holder .upcomingvideos-container [data-isppv="0"] .ppv,
.meet-and-greet-holder .upcomingvideos-container [data-issuperaccess="0"] .superaccess,
.create-new-tickets .vipticket-shop[data-isPpvTicket="0"] .ppv,
.PassesTab-main .patron-pass .create-coupon [data-isPpvPass="0"] .ppv,
.go-live-access[data-isppv="0"] .ppv,
.go-live-access[data-issuperaccess="0"] .superaccess,
.creator-carousel .upcoming-event [data-isppv="0"] .ppv,
.creator-carousel .upcoming-event [data-issuperaccess="0"] .superaccess {
  display: none;
}

.create-new-tickets .vipticket-shop[data-isPpvTicket="0"] .chat-ticket,
.shop-homeTab .video-container-group .vipticket-shop[data-isppvticket="0"] .event-view-holder .chat-ticket,
.ticket-detail-popup .modal-content [data-isppvticket="0"] .event-view-holder .chat-ticket,
.PassesTab-main .patron-pass .create-coupon [data-isPpvPass="1"] .video-chat {
  display: inline-block;
}

.create-new-tickets .vipticket-shop[data-isPpvTicket="1"] .chat-ticket,
.shop-homeTab .video-container-group .vipticket-shop[data-isppvticket="1"] .event-view-holder .chat-ticket,
.ticket-detail-popup .modal-content [data-isppvticket="1"] .event-view-holder .chat-ticket,
.PassesTab-main .patron-pass .create-coupon [data-isPpvPass="1"] .video-chat {
  display: none;
}

.inactive-overlay-wrapper[data-isppv="1"] .inactive-overlay .ppv,
.inactive-overlay-wrapper[data-issuperaccess="1"] .inactive-overlay .superaccess,
.scheduleEvent-main .schedule-event .existing-schedule-event-list [data-isppv="1"] .ppv,
.scheduleEvent-main .schedule-event .existing-schedule-event-list [data-issuperaccess="1"] .superaccess,
.creator-carousel .creator-slider .upcoming-event [data-isppv="1"] .ppv,
.creator-carousel .creator-slider .upcoming-event [data-issuperaccess="1"] .superaccess,
.event-detail-popup .modal-dialog [data-isppv="1"] .event-view-holder .ppv,
.event-detail-popup .modal-dialog [data-issuperaccess="1"] .event-view-holder .superaccess,
.upcoming-events-container .upcomingvideos-container [data-isppv="1"] .event-view-holder .ppv,
.upcoming-events-container .upcomingvideos-container [data-issuperaccess="1"] .event-view-holder .superaccess,
.shop-homeTab .video-container-group .vipticket-shop[data-isPpvTicket="1"] .event-view-holder .ppv,
.ticket-detail-popup [data-isPpvTicket="1"] .ticket-images-slider .event-view-holder .ppv,
.meetandgreet-tab .existing-schedule-event[data-isppv="1"] .ppv,
.meetandgreet-tab .existing-schedule-event[data-issuperaccess="1"] .superaccess,
.create-ticket .videos-listing[data-isPpvTicket="1"] .ppv,
.meet-and-greet-holder .upcomingvideos-container [data-isppv="1"] .ppv,
.meet-and-greet-holder .upcomingvideos-container [data-issuperaccess="1"] .superaccess,
.event-view-holder .chat-ticket,
.PassesTab-main .patron-pass .create-coupon [data-isPpvPass="1"] .ppv,
.create-new-tickets .create-coupon .vipticket-shop[data-isppvticket="1"] .ppv,
.PassesTab-main .patron-pass .create-coupon [data-isPpvPass="0"] .video-chat,
.go-live-access[data-isppv="1"] .ppv,
.go-live-access[data-issuperaccess="1"] .superaccess {
  display: inline-block;
  width: auto;
  padding: 0 12px;
  height: 26px;
  vertical-align: middle;
  line-height: 25px;
  /*background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);*/
  background-image: linear-gradient(to right, #7b5ef2 0%, #b942ae 51%, #ef2a72 100%);
  box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.36);
  text-align: center;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  color: #FFF;
  font-size: 13px;
  border-radius: 8px;
  border: 1px solid #ffffffc4;
  text-transform: uppercase;
}

.go-live-access[data-isppv="1"] .ppv,
.go-live-access[data-issuperaccess="1"] .superaccess {
  font-size: 11px;
  line-height: 24px;
  padding: 0 8px;
  height: 24px;
}
.go-live-access .event-view-holder {
  position: absolute;
  top: 3px;
  left: 10px;
  z-index: 1;
}

.PassesTab-main .patron-pass .create-coupon [data-isppvpass="1"] .call-duration {
  display: none;
}
.PassesTab-main .patron-pass .create-coupon [data-isppvpass="0"] .call-duration {
  display: inline-block;
}

/*.PassesTab-main .patron-pass .create-coupon [data-isPpvPass="1"] .ppv,
.ticket-detail-popup .modal-content [data-isppvticket="1"] .event-view-holder,
.create-new-tickets .vipticket-shop[data-isPpvTicket="1"] .chat-ticket,
.shop-homeTab .video-container-group .vipticket-shop[data-isppvticket="1"] .event-view-holder {
  width: auto;
  padding: 0 12px;
}*/

/*.shop-homeTab .video-container-group .vipticket-shop[data-isPpvTicket="1"] .event-view-holder .ppv,
.ticket-detail-popup [data-isPpvTicket="1"] .ticket-images-slider .event-view-holder .ppv {
  width: 170px;
}*/

.scheduleEvent-main .schedule-event .existing-schedule-event-list .event-view-holder,
.meetandgreet-tab .existing-schedule-event .event-view-holder,
.meet-and-greet-holder .upcomingvideos-container .event-view-holder,
.create-new-tickets .vipticket-shop .event-view-holder,
.creator-carousel .creator-slider .upcoming-event .event-view-holder {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}

.existing-schedule-event .event-view-holder .live,
.creator-carousel .creator-slider .upcoming-event .event-view-holder .live {
  position: static;
  height: 26px;
  /*display: inline-block;*/
  transform: translate(0);
  -webkit-transform: translate(0);
  vertical-align: middle;
  line-height: 24px;
  margin-right: 10px;
  /*display: none;*/
}

[data-islive="0"] .event-view-holder .live {
  display: none;
}

.existing-schedule-event-list .existing-schedule-event[data-islive="1"] .live,
.creator-carousel .creator-slider .upcoming-event [data-islive="1"] .live {
  display: inline-block;
}

[data-isppv="1"] .recent-post-list[data-islive="1"] .event-view-holder,
[data-issuperaccess="1"] .recent-post-list[data-islive="1"] .event-view-holder,
[data-isppv="1"][data-issuperaccess="1"] .recent-post-list[data-islive="1"] .event-view-holder,
.creator-carousel [data-isppv="1"][data-issuperaccess="1"][data-islive="1"] .event-view-holder {
  left: 78px;
}

.event-detail-popup .modal-dialog .event-view-holder {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 3;
}
.upcoming-events-container .upcomingvideos-container .event-view-holder,
.meet-and-greet-holder .upcomingvideos-container .upcoming-explore-events .event-view-holder {
  position: absolute;
  top: 15px;
  left: 30px;
  z-index: 1;
}

.shop-homeTab .video-container-group .vipticket-shop .event-view-holder {
  position: absolute;
  top: 16px;
  left: 8px;
  z-index: 1;
}

.PassesTab-main .patron-pass .create-coupon .event-view-holder {
  /*position: absolute;
  top: 15px;
  left: 10px;
  z-index: 1;*/
  margin-top: 12px;
}

.PassesTab-main .patron-pass .create-coupon .event-view-holder.pass-margin {
  margin-top: 8px;
}

.ticket-detail-popup .ticket-images-slider .event-view-holder {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
}
.meet-and-greet-holder .upcomingvideos-container [data-isppv="1"][data-issuperaccess="1"] .event-view-holder .ppv,
.meetandgreet-tab .existing-schedule-event[data-isppv="1"][data-issuperaccess="1"] .event-view-holder .ppv,
.event-detail-popup .modal-dialog [data-isppv="1"][data-issuperaccess="1"] .event-view-holder .ppv,
.creator-carousel .creator-slider .upcoming-event [data-isppv="1"][data-issuperaccess="1"] .event-view-holder .ppv,
.scheduleEvent-main .schedule-event .existing-schedule-event-list [data-isppv="1"][data-issuperaccess="1"] .event-view-holder .ppv,
.upcoming-events-container .upcomingvideos-container [data-isppv="1"][data-issuperaccess="1"] .event-view-holder .ppv {
  margin-right: 10px;
}

/*.upcoming-events-container .upcomingvideos-container [data-isppv="1"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.event-view-holder-item  {
  margin-left: 12px;
}*/

.scheduleEvent-main .schedule-event .existing-schedule-event-list [data-isppv="0"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.chat-ticket,
.event-detail-popup .modal-dialog [data-isppv="0"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.chat-ticket,
.upcoming-events-container .upcomingvideos-container [data-isppv="0"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.chat-ticket,
.meetandgreet-tab .existing-schedule-event[data-isppv="0"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.chat-ticket,
.meet-and-greet-holder .upcomingvideos-container [data-isppv="0"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.chat-ticket {
  margin-right: 12px;
}

.go-live-access[data-isppv="1"][data-issuperaccess="1"] .event-view-holder .event-view-holder-item +.event-view-holder-item
 {
  margin-left: 5px;
}

.event-detail-popup .event-header-group .popup-username {
  margin-top: 0;
  font-size: 22px;
  color: #5D5D5D;
}

.createTicketTab.create-ticket-modal .pay-view-ticket {
  border: 1px solid #f3f3f3;
  padding: 15px;
  margin-bottom: 25px;

}
.ticket-description.clip-text-one-line,
.broadcasterprofile .activityfeedcontainer .activityfeed .feedmessage .activity-username {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.5;
  height: 24px;
  position: relative;
}

 @-moz-document url-prefix() {

    .ticket-description.clip-text-one-line:before {
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: '\2026';
      margin-left: -3rem;
      width: 3rem;
      background: #fff;
    }
    .ticket-description.clip-text-one-line:after {
      content: '';
      background: #fff;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1;
    }
  }

.dashboard-subscription-request-heading {
  color: #333;
  font-weight: 500;
}

.dashboard-subscription-request .dashboard-sub-tab .content-description .text-title {
  font-size: 20px;
  font-weight: 500;
  color: #5D5D5D;
}
.dashboard-subscription-request.Event-Requests .main-header {
  font-size: 24px;
}
.dashboard-subscription-request a:hover,
.dashboard-subscription-request a:focus {
  text-decoration: none;
}

.dashboard-subscription-request a .dashboard-sub-tab {
  border-top: 2px solid transparent;
}

.dashboard-subscription-request a:active .dashboard-sub-tab,
.dashboard-subscription-request a.active .dashboard-sub-tab {
  border-top: 2px solid #d544da;
}
.dashboard-subscription-request .dashboard-sub-tab {
  padding: 15px;
  width: 150px;
  text-align: center;
  background: #ffffff;
  margin-right: 5px;
  /*border-top-left-radius: 5px;
  border-top-right-radius: 8px;*/
}

.vipticket-shop .image-container.ticket-new {
  position: relative;
  height: 308px;
}

.ticket-new:before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 75px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgb(255, 255, 255), #fff);
}
.create-event-modal .add-ticket-form-div .post-day-access.amount-icon-holder:before {
  content: '$';
  position: absolute;
  top: 5px;
  left: 22px;
}

.create-event-modal .add-ticket-form-div .free-pass-tier .align-calc .post-day-access {
  position: relative;
}

.create-event-modal .add-ticket-form-div .free-pass-tier .align-calc .post-day-access.month-icon-holder:before {
  content: '\e934';
  position: absolute;
  top: 5px;
  left: 22px;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
}
.dashboard-subscription-request .nav&gt;li&gt;a:focus,
.dashboard-subscription-request .nav-tabs&gt;li.active&gt;a {
  background-color: transparent;
}

.dashboard-subscription-request.login-card {
  background-color: transparent;
}

.followingmodal.dashboard-followinglist .content-container {
  padding: 15px;
}

.followingmodal.dashboard-followinglist .list-itemm .verify {
  top: 5px;
}

.followingmodal.dashboard-followinglist .list-itemm .rightsec {
  width: calc(100% - 82px);
}

.followingmodal.dashboard-followinglist .blocked .name {
  line-height: 26px;
}

.followingmodal.dashboard-followinglist .desc {
  min-height: 20px;
  margin-bottom: 10px;
  margin-top: 3px;
  color: #333;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  max-height: 72px;
}

.requestsTab .dashboard-subscription-request.login-card ul.nav-tabs&gt;li {
  width: 33.33%
}

.live-event-access-modal .modal-dialog {
  width: 380px;
}

.live-event-access-modal .event-live-icon-holder {
  padding-top: 10px;
}

.live-event-access-modal .event-live-icon-holder span {
  font-size: 32px;
  color: #d544da;
  margin-right: 18px;
  display: inline-block;
}

.live-event-access-modal .event-live-icon-holder span.rotate {
  transform: rotate(-33deg);
  -webkit-transform: rotate(-33deg);
  -moz-transform: rotate(-33deg);
}

.create-new-tickets .create-coupon .vipticket-shop .full-width-image.image-container {
  height: 205px;
  border-bottom: #cccccc dashed 2px;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
}


.create-new-tickets .create-coupon .vipticket-shop .bottom-content {
  height: 70px;
}

.create-new-tickets .create-coupon .vipticket-shop.videos-listing .descs {
  height: 48px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  word-wrap: break-word;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  color: #9a9a9a;
}

.create-new-tickets .create-coupon .vipticket-shop.videos-listing .backg-image-holder {
  position: relative;
}

.create-new-tickets .create-coupon .vipticket-shop.videos-listing .backg-image-holder:before {
  position: absolute;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  bottom: -10px;
  z-index: 1;
  background-color: #f6f7f9;
  left: -10px;
  box-shadow: inset -2px 0px 0px 1px rgba(165, 165, 165, 0.14);
}

.create-new-tickets .create-coupon .vipticket-shop.videos-listing .backg-image-holder:after {
  position: absolute;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  bottom: -10px;
  z-index: 1;
  background-color: #f6f7f9;
  right: -10px;
  box-shadow: inset 2px 0px 0px 1px rgba(165, 165, 165, 0.14);
}
.create-new-tickets .create-coupon .vipticket-shop.videos-listing .ticket-main {

}

.PassesTab-main .patron-pass .pass-cardLeft:before {
  position: absolute;
  content: '';
  width: 30px;
  height: 30px;
  background-color: #f6f7f9;
  right: -16px;
  top: -20px;
  box-shadow: inset 0px -2px 0px 0px rgba(165, 165, 165, 0.14);
  z-index: 1;
  border-radius: 50%;
}

.PassesTab-main .patron-pass .pass-cardLeft:after {
  position: absolute;
  content: '';
  width: 30px;
  height: 30px;
  background-color: #f6f7f9;
  right: -16px;
  bottom: -20px;
  box-shadow: inset 0px 2px 0px 0px rgba(165, 165, 165, 0.14);
  z-index: 1;
  border-radius: 50%;
}

.PassesTab-main .pass-usage-count {
  color: #d544da;
}

.ticket-detail-popup .ticket-images-slider.flexslider .slides img {
  height: 310px;
  object-fit: cover;
  object-position: center;
}
@-moz-document url-prefix() { 
  .add-ticket-form-div .form-horizontal .ticket-amount::before {
    content: "$";
    position: absolute;
    z-index: 4;
    top: 18px;
    left: 10px;
  }
}

@-moz-document url-prefix() { 
  .add-ticket-form-div .form-horizontal .ticket-amount input {
    vertical-align: middle;
    line-height: 22px;
  }
}
@-moz-document url-prefix() {
  .custom-radio input:checked + label::before {
    box-shadow: 0 0 0 2px #949494, inset 0 0 0 4px #fff;
  }
}

@media (-webkit-min-device-pixel-ratio: 0) { 
  .add-ticket-form-div .form-horizontal .ticket-amount::before {
    content: "$";
    position: absolute;
    z-index: 4;
    top: 20px;
    left: 10px;
  }
}

@media (-webkit-min-device-pixel-ratio: 0) { 
  .add-ticket-form-div .form-horizontal .ticket-amount input {
    vertical-align: middle;
    line-height: 25px;
  }
}

.create-new-tickets .vendor-details,
.patron-pass .vendor-details {
  margin: 0 0 10px 0;
  vertical-align: middle;
  line-height: 16px;
}

.create-new-tickets .shop-profile-thumb,
.patron-pass .shop-profile-thumb {
  width: 30px;
  border-radius: 50%;
  height: 30px;
  float: left;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}

.create-new-tickets .vender-full-width,
.patron-pass  .vender-full-width {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #808080;
  margin-top: 4px;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  }

  .create-new-tickets .ticket-vendor-name {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .patron-pass .pass-vendor-name {
    width: 84%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .create-new-tickets .expiry-date-line {
    position: relative;
    margin-left: 5px;
  }

  .create-new-tickets .expiry-date-line:before {
    position: absolute;
    content: '|';
    top: 0px;
    left: -6px;
    color: #7d7c7c;
  }

.vipticket-shop[data-isppvticket="1"] .ticket-description.shop-decs  {
    height: 48px; 
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.5;
    position: relative;
  }

   .vipticket-shop[data-isppvticket="0"] .ticket-description.shop-decs {
    height: 22px;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.5;
    position: relative;
  }
/*.shop .shop-ticket-img-holder {
  padding: 10px;
  border: 1px solid rgba(239, 239, 239, 0.46);
  margin-bottom: 15px;
}*/

/* jw player controllers */

.jwPlayerCustomUnMuteOverlay{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.jwPlayerCustomUnMuteOverlay .jwplayer-audioicon{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent;
  color: #fff;
  font-size: 16px
}

.jwPlayerCustomUnMuteOverlay .jwplayer-audioicon [class*="icon-"]{
  font-size: 45px;
  display: block;
  margin-bottom: 15px;
}
.edited-loader-insider {
  /* font-weight: 600;
  color: #4a4a4a;
  text-transform: uppercase;
  background: #f9f9f9; */
  border-radius: 10px !important;
  padding: 10px 10px !important;
  width: 250px;
}

.underline-red {
  text-decoration: underline;
}
.facebook .icon-facebook,
.twitter .icon-twitter,
.white-color .icon-email  {
  line-height: 21px;
  vertical-align: middle;
  margin-right: 4px;
}

.broadcaster-posts .post-bottom-info .post-title.auto-height {
  height: auto;
}

.broadcaster-content.patrons-tab-content-height .broadcaster-posts .post-bottom-info .post-title.my-post-title {
  height: 40px;
}

/* jw player controllers */

.jwPlayerCustomUnMuteOverlay{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.jwPlayerCustomUnMuteOverlay .jwplayer-audioicon{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent;
  color: #fff;
  font-size: 16px
}

.jwPlayerCustomUnMuteOverlay .jwplayer-audioicon [class*="icon-"]{
  font-size: 45px;
  display: block;
  margin-bottom: 15px;
}
.edited-loader-insider {
  /* font-weight: 600;
  color: #4a4a4a;
  text-transform: uppercase;
  background: #f9f9f9; */
  border-radius: 10px !important;
  padding: 10px 10px !important;
  width: 250px;
}

.underline-red {
  text-decoration: underline;
}

.shop-modal .listing.list-margin {
  margin-top: 42px;
}

.product-details-page .sharedshopcontainer .user-profile-link:hover {
  text-decoration: none;
}


.tier-subscription-modal.event-success .btn-text {
  color: #d544da;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0px 15px;
  text-decoration: underline;
  box-shadow: none;
  border: 0;
}

/*.tier-subscription-modal.buy-ticket-modal .modal-dialog {
  width: 400px;
}*/

.tier-subscription-modal.buy-ticket-modal .icon-ticket-mobile-fill.inc-font {
  font-size: 45px;
}

.tier-subscription-modal.buy-ticket-modal .buy-ticket-content {
  font-size: 16px;
  word-wrap: break-word;
  word-break: break-word;
}

.tier-subscription-modal.buy-ticket-modal .buy-ticket-content .buy-ticket-creator {
  color: #d544da;
  word-wrap: break-word;
  /*text-transform: uppercase;*/
  font-size: 18px;
  margin: 12px 0;
 /* text-align: center;*/
  font-weight: 600;
  line-height: 26px;
}

.create-event-modal .ticket-list .cover-photo-div .event-img-upload .cover-image-upload,
.create-ticket-modal .ticket-list .cover-photo-div .event-img-upload .cover-image-upload {
  width: 170px;
  height: 120px;
  cursor: pointer;
  position: relative;
  top: 2px;
  vertical-align: middle;
  right: 0;
}

.create-event-modal .ticket-list .cover-photo-div .event-img-upload .cover-image-upload .upload-ticket-img,
.create-ticket-modal .ticket-list .cover-photo-div .event-img-upload .cover-image-upload .upload-ticket-img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.create-event-modal .ticket-list .cover-photo-div .event-img-upload .cover-image-upload i:before,
.create-ticket-modal .ticket-list .cover-photo-div .event-img-upload .cover-image-upload i:before {
 text-align: center;
 width: 32px;
 height: 32px;
 line-height: 32px;
 position: absolute;
 top: -15px;
 /* right: 13px; */
 right: -8px;
 background-color: #CCCCCC;
 color: white;
 border-radius: 50%;
 z-index: 2;
}
.text-shadow-number {
  text-shadow: 0px 2px 10px black;
}

.shop-modal .price-section {
  margin-top: 10px;
}

.shop-modal .price-section .price2{
  float:left;
}

.shop-modal .price-section .discount-price {
  font-size: 20px;
  font-weight: 200;
  padding-right: 10px;
  position: relative;
}

.shop-modal .price-section .discount-price:before {
  content: '';
  position: absolute;
  font-weight: 200;
  font-size: 40px;
  top: 9px;
  background-color: #d544da;
  transform: rotate(-25deg);
  width: 90%;
  height: 1.5px;
}

.product-details-page.custom-profile-detail-style .shop-modal .original-price {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 28px;
  margin-left: 15px;
  color: #f44336;
}

.product-details-page.custom-profile-detail-style .shop-modal .discount-price {
  font-weight: 600;
  font-size: 28px;
  position: relative;
}

.product-details-page.custom-profile-detail-style .shop-modal .discount-price:empty +.original-price {
  margin-left: 0px;
}

.product-details-page.custom-profile-detail-style .shop-modal .discount-price:before {
  content: '';
  position: absolute;
  font-weight: 200;
  top: 10px;
  background-color: #d544da;
  transform: rotate(-15deg);
  width: 90%;
  height: 1.5px;
  left: 0px;
}

.subscription-dollar {
  color: #d544da;
  font-weight: 500;  
}

.edit-profile-setting .profile-settings .cover-image-upload,
.edit-profile-setting .profile-settings .new-profile-image-upload,
.subscriptions-add-posts .patron-setting .cover-image-upload,
.create-product-inner .generate-mockup .cover-image-upload,
.product-details .product-image-holder .cover-image-upload,
.onboardingTab .new-tab .cover-image-upload {
  width: 100%;
  height: 100%;
  /*cursor: pointer;*/
  position: relative;
  top: 2px;
  vertical-align: middle;
  right: 0;
  background-color: transparent;
  border-radius: 0;
}

.edit-profile-setting .profile-settings .cover-image-upload .upload-profile-img,
.edit-profile-setting .profile-settings .new-profile-image-upload .upload-profile-img,
.subscriptions-add-posts .patron-setting .cover-image-upload .upload-image-post,
.subscriptions-add-posts .patron-setting .cover-image-upload .upload-profile-img,
.product-details .product-image-holder .cover-image-upload .upload-profile-img,
.onboardingTab .new-tab .cover-photo-div .upload-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.edit-profile-setting .profile-settings .new-profile-image-upload .cover-image-upload  i {
  top: -5px;
  right: 15px;
}

.edit-profile-setting .profile-settings .cover-image-upload i,
.edit-profile-setting .profile-settings .new-profile-image-upload i,
.subscriptions-add-posts .patron-setting .cover-image-upload i,
.product-details .product-image-holder .cover-image-upload i {
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: -15px;
  right: -8px;
  background-color: #CCCCCC;
  color: white;
  border-radius: 50%;
  z-index: 2;
}

.create-product-inner .generate-mockup .cover-image-upload {
  width: 100%;
  height: 80px;
  cursor: pointer;
  top: 2px;
  vertical-align: middle;
  right: 0;
  background-color: transparent;
  border-radius: 0;
}

.create-product-inner .generate-mockup .cover-image-upload i {
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 27px;
  position: absolute;
  top: -12px;
  right: -4px;
  background-color: #CCCCCC;
  color: white;
  border-radius: 50%;
  z-index: 2;
  font-size: 14px;
}

.create-product-inner .nav-tabs&gt;li.active&gt;a:hover, 
.create-product-inner .nav-tabs&gt;li.active&gt;a:focus {
  font-size: 15px;
}

.post-heading .blog-username {
  word-break: break-word;
  word-wrap: break-word;
  display: inline;
  line-height: 30px;
}
.final-create-productpg .print-files-page .selling-price-title {
  font-weight: bold;
  font-size: 16px;
  color: #2f2f2f;
}

.final-create-productpg .print-files-page .merchandise-table,
.product-details .sell-product .merchandise-table {
  text-align: center;
}

.final-create-productpg .print-files-page .merchandise-table .selling-price-th tr &gt; th,
.product-details .sell-product .merchandise-table .selling-price-th tr &gt; th {
  text-align: center;
}

.final-create-productpg .print-files-page .table&gt;tbody&gt;tr&gt;td,
.product-details .sell-product .table&gt;tbody&gt;tr&gt;td {
  border-top: 1px solid #f7f7f7;
}

.final-create-productpg .print-files-page .table&gt;thead:first-child&gt;tr:first-child&gt;th,
.product-details .sell-product .table&gt;thead:first-child&gt;tr:first-child&gt;th {
  border-bottom: 2px solid #f3f3f3;
}

.final-create-productpg .print-files-page .making-cost-text {
  border: 0;
  box-shadow: none;
  padding: 0;
  color: #A19898;
  font-size: 15px;
  font-weight: 200;
  height: auto;
  margin-bottom: 0;
}
.mobileshop-controller-class .floating-form .form-group .mobile-making-cost {
  border: 0;
  box-shadow: none;
  padding: 0;
  color: #A19898;
  font-size: 14px;
  font-weight: 200;
  height: auto;
  margin-top: 6px;
}

.final-create-productpg .print-files-page .shipping-cost,
.product-details .sell-product .shipping-cost {
  margin: 10px 0;
  color: #808080;
  text-align: left;
}

.shop-modal .price-section .discount-price:before {
  content: '';
  position: absolute;
  font-weight: 200;
  font-size: 40px;
  top: 10px;
  left: -4px;
  background-color: #d544da;
  transform: rotate(-15deg);
  width: 100%;
  height: 1.5px;
}

.shop-modal .price-section .discount-price {
  font-size: 20px;
  font-weight: 200;
  padding-right: 10px;
  position: relative;
}

.shop-modal .price-section .price2 {
  float: left;
}

[data-takecallsflag="1"]{
  -webkit-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

.tier-subscription-modal.ticket-not-available-modal .icon-ticket-mobile-fill.inc-font {
  font-size: 50px;
}

.tier-subscription-modal.ticket-not-available-modal .buy-ticket-content {
  font-size: 16px;
  font-weight: 200;
  word-wrap: break-word;
  word-break: break-word;
}

.subscription-validity {
  padding: 15px;
  border: 1px solid #D6D6D6;
  font-size: 15px;
  font-weight: 400;
  margin: 16px;
}

.subscription-validity .title {
  margin-bottom: 15px;
}

.subscription-validity .title span {
  font-weight: 700;
  word-wrap: break-word;
  word-break: break-word;
}

.subscription-validity .sub-val-info .content {
  font-size: 14px;
}

.subscription-validity .sub-val-info .date-details {
  border: 1px solid #dedbdb;
  padding: 5px 27px;
  margin: 20px auto 10px;
  width: 140px;
  position: relative;
  box-shadow: 5px 5px 4px rgba(232, 232, 232, 0.5);
  font-family: 'Roboto Mono', monospace;
  background: #fff;
}

.subscription-validity .sub-val-info .date-details:before,
.subscription-validity .sub-val-info .date-details:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 16px;
  background: #969696;
  top: -8px;
  left: 20px;
  border: 3px solid #fff;
}

.subscription-validity .sub-val-info .date-details:after {
  right: 20px;
  left: auto;
}

.subscription-validity .sub-val-info .date-details .month-name {
  font-family: 'Roboto Mono', monospace;
  font-size: 18px;
  font-weight: 500;
  color: #2f2f2f;
  border-bottom: 2px solid #e0e1e3;
  display: inline-block;
}

.subscription-validity .sub-val-info .date-details .month-date {
  font-family: 'Roboto Mono', monospace;
  font-weight: 800;
  color: #d544da;
  margin: 0;
  height: 60px;
  line-height: 1;
  font-size: 55px;
  margin-top: 5px;
}

.subscription-validity .sub-val-info .date-details .time {
  color: #bdbdbd;
  font-family: 'Roboto Mono', monospace;
  font-size: 22px;
  font-weight: 500;
  
}

.subscription-validity .sub-val-info .date-details .time .year {
  /*margin-right: -2px;
  border-right: 1px solid #d2d2d2;
  padding-right: 8px;*/
  margin-bottom: 10px;
}

.buy-ticket-modal.ticket-not-available-modal {
  background-color: rgba(0, 0, 0, 0.47);
  left: -12px;
}

/*.buy-ticket-modal.ticket-not-available-modal .event-live-icon-holder span {
  margin-right: 0px;

}

.buy-ticket-modal.ticket-not-available-modal  .ticket-not-avail-creator.creator-name {
  text-align: center;
  font-size: 22px;
  margin: 12px auto;
  color: #d544da;
  font-weight: 600;
  line-height: 30px;
}*/

.tier-subscription-modal .each-package .unlock-title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
}

/* =========PODCAST CREATOR STARTS ============*/
.podcast-section .white-bg {
  background-color: #fff;
}

.podcast-section {
  margin-top: 55px;
}

.podcast-section .podcast-silder .silder-main-color {
  background-image: linear-gradient(to bottom, #7b5ef2 0%, #b942ae 51%, #ef2a72 100%);
  height: 450px;
  opacity: 0.85;
}

.podcast-section .podcast-silder {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.podcast-section .podcast-silder .silder-details {
  height: 100%;
  position: relative;
}

.podcast-section .podcast-silder .silder-details .slider-item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.podcast-section .podcast-silder .silder-title {
  color: #fff;
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 20px;
}

.podcast-section .podcast-silder .silder-main-img {
  height: 250px;
  width: 100%;
  box-shadow: 0px 0px 40px 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.podcast-section .podcast-silder .silder-main-img a {
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.podcast-section .podcast-silder .slider-content {
  text-align: left;
  padding-left: 45px;
  padding-top: 15px; 
}

.podcast-section .podcast-silder .silder-main-img a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.podcast-section .podcast-silder .silder-dec {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 200;
}

.podcast-section .white-bg {
  background-color: #fff;
}

.podcast-section .podcast-section-spacer {
  padding: 30px 0;
}

.podcast-section .podcast-item-spacer {
  margin: 20px 0;
}

.podcast-section .white-bg.podcast-section-spacer .podcast-text {
  font-size: 24px;
  font-weight: 200;
  line-height: 35px;
}

.podcast-section .podcast-icons {
  font-size: 50px;
  font-weight: 400;
  color: #d544da;
  padding: 15px 0;
}

.podcast-section .podcast-item-text {
  font-size: 16px;
  font-weight: 200;
  line-height: 30px;
  padding: 20px 0;
  /*text-align: left;*/
}

.podcast-section .podcast-item-title {
  color: #5D5D5D;
  font-size: 24px;
}

.podcast-section .customers-list-title {
  color: #5D5D5D;
  font-size: 38px;
  text-align: center;
  font-weight: 200;
  margin-bottom: 20px;
}

.podcast-section .single-creators-wrapper {
  margin-top: 20px;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.podcast-section .creators .single-creators {
    box-shadow: 1px 9px 25px 7px rgba(193, 192, 192, 0.16);
    margin: 30px 0;
    padding: 20px 20px 0 20px;
    position: relative;
    border-bottom: 3px solid #d544da;
}

.podcast-section .single-creators .image-holder {
    width: 90px;
    height: 90px;
    object-fit: cover;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.podcast-section .single-creators .image-holder .image-container {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}

.podcast-section .creators .description {
    padding: 30px 8px 0px 8px;
    height: 128px;
    word-wrap: break-word;
    word-break: break-word;
    font-size: 15px;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    -o-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #333;
}

.podcast-section .network-list-title {
  color: #5D5D5D;
  font-size: 32px;
  text-align: center;
  font-weight: 200;
  margin-bottom: 25px;
  line-height: 40px;
}

.podcast-section select.form-control {
  border: 1px solid #eaeaea;
  border-radius: 0 !important;
  box-shadow: none;
  color: #A19898;
  font-size: 15px;
  font-weight: 200;
  height: 45px;
  background: transparent;
  background-image: transparent;
  box-shadow: none;
  /* border: 0; */
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  box-shadow: none;
}

.podcast-section .podcast-select-down-arrow {
  position: absolute;
  bottom: 15px;
  right: 25px;
  color: #a0a0a0;
}

.podcast-section .customlabel {
  font-size: 16px;
  font-weight: 200;
  color: #a19898;
}

.podcast-section .single-tab-feature .get-app-title {
  font-size: 30px;
}

.podcast-section .slider-content {
  padding-bottom: 40px;
}

.podcast-section .podcast-silder .silder-main-img[data-videoplay="0"] .icon-button-play {
  display: block;
}

.podcast-section .podcast-silder .silder-main-img[data-videoplay="1"] .icon-video-player-pause-button {
  display: block;
}

.podcast-section .podcast-silder .silder-main-img .play-ico {
    color: #FFF;
    font-size: 37px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.podcast-section .podcast-silder .silder-main-img [class*="icon-"] {
    cursor: pointer;
}

.podcast-section .single-creators .creator-text {
  font-size: 18px;
  padding: 5px 0 12px 0;
}

.podcast-section .creators .creator-wrapper {
  display: inline-block;
  width: initial;
  font-size: 0;
}

@media(max-width:450px) {
  .podcast-section .white-bg.podcast-section-spacer .podcast-text {
    font-size: 18px;
  }
  .podcast-section .podcast-video-holder {
    padding: 0;
  }
  .podcast-section .podcast-silder .slider-content {
    padding-bottom: 50px;
    padding-left: 0;
  }
  .podcast-section .network-list-title,
  .podcast-section .customers-list-title {
    font-size: 26px;
    line-height: 35px;
  }
  .podcast-section .podcast-section-spacer {
    padding: 10px 0;
  }
  .podcast-section .podcast-silder .slider-content {
    text-align: center;
  }
  .podcast-section .btn-primary-edited.podcast-btn {
    width: 100%;
  }
  .podcast-section .podcast-item-spacer {
    margin: 0;
  }
}
.body-bg-white .landing-menu li+li {
  margin-right: 10px;
}

.body-bg-white .landing-menu .podcast-dropdown-content li+li {
  margin-right: 0px;
}

.enterprise-dropdown-section {
  margin: -2px 15px 0 15px;
  cursor: pointer;
}

.enterprise-dropdown-section:hover .dropdown-menu {
  display: block;
}

.enterprise-dropdown-section .dropdown-menu {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
  border: 1px solid #ddd;
  border-radius: 0;
  left: 0;
  right: auto;
  top: 94%;
}

.enterprise-dropdown-section .dropdown-menu  li a {
  background: #fff;
  color: #5D5D5D;
  padding: 10px;
  font-size: 16px;
  font-weight: 200;
}

.enterprise-dropdown-section .dropdown-menu  li+li {
  border-top: 1px solid #f5f5f5;
  margin-right: 0;
}

.enterprise-dropdown-section .dropdown-menu  li a:hover {
  background-color: #f5f5f5;
  border: none;
}

/*===========Podcasting listing of all posts=====*/
.podcast-listing-main {
  height: 100vh;
}

.podcast-listing-main .podcast-section {
  position: relative;
  /*height: 88vh;*/
}

.podcast-listing-main .podcast-section .podcast-bg-img:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: .9;
  height: 100%;
  width: 100%;

}

.podcast-listing-main .main-podcast-content {
  cursor: default;
  height: calc(100vh - 215px);
  overflow: hidden;
  padding-top: 30px;
  position: absolute;
  width: 100%;
  top: 0;
  margin-top: 150px;

}

/*.podcast-listing-main .main-podcast-content .container {
  height: 100%;
}*/

.podcast-listing-main .podcast-section .podcast-bg-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -webkit-filter: blur(15px);
  -ms-filter: blur(15px);
  transform: scale(2);
  -o-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.podcast-listing-main .main-podcast-content .image-side-bar{
    /*max-height: calc(100vh - 250px);*/
    /*overflow-y: auto;*/
}

.podcast-listing-main .main-podcast-content .image-side-bar .podcast-img-holder {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.4);
  /*margin: 0 auto;*/
}

.podcast-listing-main .main-podcast-content .image-side-bar .podcast-img-holder .podcast-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.podcast-listing-main .main-podcast-content .podcast-text-content {
    color: #fff;
    text-shadow: 0px 1px 3px #000;
    /*max-height: calc(100vh - 250px);*/
    /*overflow-y: auto;*/
    padding-right: 15px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-name {
  font-size: 28px;
  word-wrap: break-word;
  word-break: break-word;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .category-social {
  margin-top: 20px;
  margin-bottom: 20px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .category-social .category-section .category {
  height: 35px;
  border: 1px solid #fff;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Roboto Mono', monospace;
  font-weight: 200;
  text-transform: uppercase;
  border-radius: 20px;
  text-shadow: none;
  vertical-align: middle;
  line-height: 33px;
  font-size: 14px;
  /*box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.37);*/
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-description {
  font-size: 16px;
  font-weight: 200;
  word-wrap: break-word;
  word-break: break-word;
  text-shadow: none;
  line-height: 30px;
  margin-bottom: 20px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing {
  margin-top: 10px;
  /*max-height: calc(100vh - 450px);*/
  min-height: 280px;
  overflow: hidden;
  /*padding-right: 15px;*/

}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  padding-top: 15px;
  padding-bottom: 15px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .post-header-section {
  margin-bottom: 10px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .podcast-name{
  position: relative;
  width: calc(100% - 110px);
  float: left;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .podcast-icon-holder {
  font-size: 25px;
  position: absolute;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .icon-button-play {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
  margin-right: 10px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post[data-playing="1"] .podcast-icon-holder {
  color: #d544da;
  text-shadow: none;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post[data-playing="0"] .play-action {
  cursor: pointer;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post[data-playing="1"] .play-action {
  pointer-events: none;
  cursor: auto;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .post-tilte {
  display: inline-block;
  font-size: 18px;
  word-wrap: break-word;
  word-break: break-word;
  vertical-align: middle;
  /*margin-left: 10px;*/
  text-shadow: none;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
  height: 28px;
  width: 100%;
  padding-left: 35px;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .view-details-btn {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 15px;
  border-bottom: 1px solid #fff;
  color: #fff;
  float: right;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .view-details-btn:hover {
  text-decoration: none;
}

.podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .desc {
  word-wrap: break-word;
  word-break: break-word;
  font-size: 15px;
  font-weight: 200;
  text-shadow: none;
  line-height: 20px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  max-height: 60px;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.creator-sidebar .podcast-app-section,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section {
  margin-top: 20px;
  text-align: left;
  color: #fff;
}

.creator-sidebar.podcast-app-list.blog-list,
.creator-sidebar.podcast-app-list {
  /*margin-top: 20px;*/
  margin-bottom: 25px;
}

.creator-sidebar .podcast-app-section {
  margin-top: 10px;
  text-align: left;
}

.creator-sidebar .pinned-podcast-section .single-podcast-pin .pod-decs {
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  height: 20px;
}

.creator-sidebar .pinned-podcast-section .podcast-holder {
    margin-bottom: 15px;
  }

.creator-sidebar .pinned-podcast-section .podcast-holder +.podcast-holder {
  padding-left: 0px;
}

.creator-sidebar .podcast-app-section .pod-app-title,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .pod-app-title,
.shop-homeTab .eventsCarousel .ticket-header,
.shop-homeTab .eventsCarousel .shop-header {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}

.creator-sidebar .podcast-app-section .pod-app-title,
.shop-homeTab .eventsCarousel .ticket-header,
.shop-homeTab .eventsCarousel .shop-header {
  color: #5D5D5D;
  border-bottom: 1px solid rgba(202, 202, 202, 0.39);
}

.shop-homeTab .eventsCarousel .ticket-header,
.shop-homeTab .eventsCarousel .shop-header {
  margin: 5px 15px 30px 15px;
}

.shop-homeTab .no-ticket-message.no-ticket-merch.resize {
  height: 370px;
}

.creator-sidebar .podcast-app-section .sub-text {
  color: #5D5D5D;
}

.creator-sidebar .podcast-app-section .sub-text,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .sub-text {
  font-size: 16px;
  font-weight: 200;
}

.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section a:hover {
  text-decoration: none;
}

.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section a  {
  display: inline-block;
  background-color: #fff;
  /*height: 30px;*/
  padding: 3px 8px;
  width: auto;
  border-radius: 6px;
  color: #5D5D5D;
  /*line-height: 30px;*/
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.35);
  margin: 6px 4px 0px 4px;
  word-wrap: break-word;
  word-break: break-word;
}

.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .single-pod-app {
  padding: 0 0 0 25px;
  position: relative;
}

.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .single-pod-app img {
  position: absolute;
  left: 2px;
  top: 4px;
}

.podcast-listing-main .main-podcast-content .image-side-bar .app-list-holder {
  margin: 0 -4px;
}

.creator-sidebar .podcast-app-section .apps-section,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .apps-section {
  margin-top: 8px;
}

.creator-sidebar .podcast-app-section .single-pod-app img {
  position: absolute;
  left: 2px;
  top: 4px;
}

.creator-sidebar .podcast-app-section .single-pod-app img,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .single-pod-app img {
  width: 20px;
  height: 20px;
  object-position: center;
  object-fit: contain;
}

.creator-sidebar .podcast-app-section .single-pod-app .text-content,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .single-pod-app .text-content {
  display: inline-block;
  margin-left: 5px;
}

.creator-sidebar .podcast-app-section .single-pod-app +.single-pod-app,
.podcast-listing-main .main-podcast-content .image-side-bar .podcast-app-section .single-pod-app +.single-pod-app {
  margin-left: 8px;
}

.creator-sidebar .podcast-app-section .apps-section a:hover,
.creator-sidebar .podcast-app-section .podcasts-viewall-btn a:hover,
.creator-sidebar .pinned-podcast-section .single-podcast-pin a:hover,
.pinned-podcast-section .single-podcast-pin a:hover,
.creator-sidebar.blog-list .podcast-app-section .apps-section a:hover,
.creator-sidebar .podcast-app-section a:hover {
  text-decoration: none;
}

.creator-sidebar .podcast-app-section .apps-section .app-list-holder {
  margin: 0 -4px;
}

.pinned-podcast-section .single-podcast-pin .pin-section a.unpin-link {
  display: block;
}

.creator-sidebar .podcast-app-section .podcast-link {
  display: inline-block;
  background-color: #fff;
  /*height: 30px;*/
  padding: 3px 8px;
  width: auto;
  border-radius: 6px;
  color: #5D5D5D;
  /*line-height: 30px;*/
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.16);
  margin: 12px 8px 0px 0;
  margin: 12px 4px 0px 4px;
  word-wrap: break-word;
  word-break: break-word;
}

.creator-sidebar .podcast-app-section .single-pod-app {
  padding: 0 0 0 25px;
  position: relative;
}


.creator-sidebar .podcast-app-section .podcasts-viewall-btn {
  position: absolute;
  top: -5px;
  right: 0px;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
}

.creator-sidebar .podcast-app-section .podcasts-viewall-btn span {
  border-bottom: 2px solid #d544da;
  color: #d544da;
}

.creator-sidebar .pinned-podcast-section .single-podcast-pin {
  color: #5D5D5D;
}
.pinned-podcast-section .single-podcast-pin .pinned-link-section {
  vertical-align: middle;
  line-height: 24px;
}

.pinned-podcast-section .single-podcast-pin .pinned-link-section a,
.pinned-podcast-section .single-podcast-pin .pinned-link-section a:hover {
   color: #5D5D5D;
   text-decoration: none;
   display: inline-block;
}

.creator-sidebar .pinned-podcast-section .single-podcast-pin .play-icon {
  font-size: 25px;
}

.creator-sidebar .pinned-podcast-section .single-podcast-pin +.single-podcast-pin {
  margin-top: 0;
  margin-left: 15px;
}

.creator-sidebar .pinned-podcast-section .single-podcast-pin .play-icon {
  font-size: 28px;
  margin-top: -5px;
  color: #d544da;
  margin-left: 0;
  margin-right: 0;
}

.creator-sidebar .pinned-podcast-section .single-podcast-pin .pod-title {
  width: calc(100% - 36px);
  float: left;
  margin-top: 2px;
  color: #5D5D5D;
}

.podcast-listing-main .podcast-section .iframe-holder {
  position: fixed;
  /*left: 50px;*/
  top: 55px;
  width:100%;
  z-index: 1;
}
.podcast-listing-main .podcast-section .iframe-holder.move-left{
  width: calc(100% - 60px);
  left: 60px;
}

.podcast-listing-main .podcast-section .iframe-holder iframe[src*="tunein.com"] {
  /*height: 100px;*/
  width: 100%;
  margin-bottom: -15px;
  /* margin-right: 60px; */
  background: rgba(247, 247, 247, 0.30);
  padding: 25px 0;
  /*background-color: #fcfbfc;
  margin-left: 60px;*/
  /* margin-right: 60px; */
}

.podcast-listing-main .podcast-section .iframe-holder iframe {
  width: 100%;
  height: 150px;
  margin-bottom: -10px;
}

.podcast-listing-main .podcast-section .podcast-listing .mCSB_scrollTools {
  right: -4px;
}

.bar_lines_spinner {
  height: 45px;
    text-align: center;
    font-size: 10px;
    color: #fff;
     display: none; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bar_lines_spinner &gt; div {
  background-color: #fff;
  height: 100%;
  width: 4px;
  float: left;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.bar_lines_spinner &gt; div + div{
  margin-left: 2px;
}

.bar_lines_spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.bar_lines_spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.bar_lines_spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.bar_lines_spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.bar_lines_spinner .rect6 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.bar_lines_spinner .rect7 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.bar_lines_spinner .rect8 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.bar_lines_spinner .rect9 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.bar_lines_spinner .rect10 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*=========end Podcasting listing of all posts=============*/


.subscriptions-add-posts .podcast-cancel {
  width: 35px;
  height: 35px;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  border: none;
  border-radius: 5px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0px 2px 20px 4px rgba(106, 106, 106, 0.73);
  position: absolute;
  top: 22px;
  right: 12px;
  border-radius: 50%;
}

/*.subscriptions-add-posts .podcast-cancel .icon-close {
  font-weight: 700;
  font-size: 16px;
}*/

.post-card .post-details .post-preview .tunein-podcast {
  height: 285px;
  position: relative;
  background-image: linear-gradient(#e2e2e2, rgba(255, 255, 255, 0), #e2e2e2);
  /*background-image: url(../images/podcast-background.jpg);
  background-position: center;
  background-size: cover;*/
}

.patrontype-podcast .podcast-iframe iframe {
  width: 100%;
  height: 300px;
}

.profile-page-height .post-preview .podcast-iframe iframe {
  width: 100%;
  height: 285px;
}

.profile-page-height .post-preview .podcast-iframe iframe[src*="tunein.com"] {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.profile-page-height .post-preview .podcast-iframe iframe[src*="radiopublic.com"] {
    width: 100%;
    height: 185px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/*.profile-page-height .post-preview .podcast-iframe iframe[src*="tunein.com"] {
  width: 100%;
  height: 100px;
}*/

.patrontype-podcast .podcast-iframe iframe[src*="radiopublic.com"] {
  height: 185px;
}

.patrontype-podcast .podcast-iframe iframe[src*="tunein.com"] {
  height: 100px;
}

.pinned-podcast-section .single-podcast-pin {
  padding: 12px;
}

 .pinned-podcast-section .pod-heading {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(229, 229, 229);
} 
.pinned-podcast-section .single-podcast-pin .play-icon {
 /* font-size: 30px;*/
  margin-right: 8px;
}

.pinned-podcast-section .single-podcast-pin .pod-title {
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
  height: 24px;
  word-break: break-word;
}
.pinned-podcast-section .single-podcast-pin .pod-date {
  font-size: 12px;
  color: grey;
  font-family: 'Roboto Mono', monospace;
  margin-top: -6px;
  margin-bottom: -3px;
}

.pinned-podcast-section .single-podcast-pin .pod-decs {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5;
  height: 45px;
}

.pinned-podcast-section .single-podcast-pin .pin-section {
  border-bottom: 1px solid rgb(242, 242, 242);
  margin-bottom: 10px;
}

.pinned-podcast-section .single-podcast-pin +.single-podcast-pin {
  margin-top: 20px;
}

.pinned-podcast-section .pin-holder {
  font-size: 20px;
  color: #d544da;
  transform: rotate(30deg);
  display: inline-block;
}

.pinned-podcast-section .pin-text {
  vertical-align: super;
  font-size: 13px;
  color: #8c8a8a;
  font-family: 'Roboto Mono', monospace;
  text-transform: uppercase;
  margin-left: 5px;
  font-weight: 500;
}

.pinned-podcast-section .single-podcast-pin[data-posttype="podcast"] .play-icon:before {
  content: "\ea2b";
  font-size: 18px;
}

.broadcaster-posts .pin-section {
  position: absolute;
  top: 35px;
  right: 15px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.broadcaster-posts .pin-section .pin-holder {
  font-size: 18px;
  color: #d544da;
  transform: rotate(30deg);
  display: inline-block;
}

.broadcaster-posts .pin-section .pin-text {
  vertical-align: super;
  font-size: 13px;
  color: #8c8a8a;
  font-family: 'Roboto Mono', monospace;
  text-transform: uppercase;
  margin-left: 5px;
  font-weight: 500;
}

.patronTab .broadcaster-posts .post-content[data-posttype="podcast"] .image-placeholder {
  height: 185px;
}

.patronTab .broadcaster-posts .post-content[data-posttype="podcast"] .podcast-watermark-holder {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  height: 60px;
  width: 100%;
}

.patronTab .broadcaster-posts .post-content[data-posttype="podcast"] .podcast-watermark {
  height: 30px;
  float: right;
  padding-right: 10px;
  margin-top: 20px;
 /* -webkit-filter: drop-shadow(0px 6px 14px rgba(255, 255, 255, 0.20));*/
}

.patronTab .broadcaster-posts .post-content[data-posttype="podcast"] .podcast-watermark[src*="soundcloud_watermark.png"] {
  height: 40px;
  float: right;
  padding-right: 10px;
  margin-top: 12px;
 /* -webkit-filter: drop-shadow(0px 6px 14px rgba(255, 255, 255, 0.20));*/
}


.subscriptions-add-posts .link-url-row .podcast-platform {
  margin: 15px 15px 0 15px;
}

.subscriptions-add-posts .link-url-row .podcast-platform .podcast-text {
  color: #797979;
  font-size: 15px;
  font-weight: 200;
}

.subscriptions-add-posts .link-url-row .podcast-platform .podcast-provider,
.edit-profile-setting .podcast-provider-links .podcast-provider,
.edit-profile-setting .blog-url-list .blog-added-list .blog-url-provider {
  display: inline-block;
  background-color: #fff;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  width: auto;
  border-radius: 6px;
  color: #5D5D5D;
  line-height: 30px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.17);
  margin-top: 5px;
  margin-right: 8px;
}

.subscriptions-add-posts .link-url-row .podcast-platform .podcast-provider-link +.podcast-provider-link {
 margin-top: 10px;
 display: inline-block;
}

.edit-profile-setting .blog-url-list .blog-added-list .blog-url-provider a:hover,
.edit-profile-setting .podcast-provider-links .podcast-provider a:hover,
.edit-profile-setting .blog-url-list .blog-added-list .blog-url-provider a,
.edit-profile-setting .podcast-provider-links .podcast-provider a {
  text-decoration: none;
  color: #5D5D5D;
}
/*.edit-profile-setting .podcast-provider-links .podcast-added-list {
  margin-top: 15px;
}*/
/*.edit-profile-setting .blog-url-list .social-links-div +.social-links-div,
.edit-profile-setting .podcast-provider-links .social-links-div +.social-links-div {
  margin-left: 12px;
}*/

.subscriptions-add-posts .link-url-row .podcast-platform .podcast-provider img,
.edit-profile-setting .podcast-provider-links .podcast-provider img,
.edit-profile-setting .blog-url-list .blog-added-list .blog-url-provider img {
  width: 20px;
  height: 20px;
  object-position: center;
  object-fit: contain;
  margin-right: 5px;
}

.edit-profile-setting .podcast-provider-links .delete-podcast-holder,
.edit-profile-setting .blog-url-list .blog-added-list .blog-url-provider .delete-podcast-holder {
  font-size: 16px;
  vertical-align: middle;
  line-height: 30px;
  margin-left: 6px;
  padding: 8px 0 8px 10px;
  border-left: 1px solid #dedede;
  cursor: pointer;
}

.subscriptions-add-posts .link-url-row .podcast-platform a:hover {
  text-decoration: none;
}

.podcast-listing-bg-holder {
  height: 100vh;
  background-image: linear-gradient(#c3c3c3, rgba(255, 255, 255, 0), #a29e9e);
  position: relative;
}

.podcast-listing-bg-holder .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

@media screen and (max-width: 768px) {
  .podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing {
    max-height: initial; 

  }
  .podcast-listing-main .podcast-section .podcast-bg-img {
    background-attachment: fixed;
  }
  .podcast-listing-main .main-podcast-content .image-side-bar .podcast-img-holder {
    width: 220px;
    height: 220px;
  }
  .podcast-listing-main .main-podcast-content .podcast-text-content {
    margin-top: 20px;
  }
  .blog-preview-content {
    margin-left: 0;
    margin-right: 0;
    top: 0;
    background-color: unset;
    box-shadow: unset;
  }
}

.filter-section .filter-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  padding-bottom: 3px;
}

.filter-section .list-group-item {
  border: none;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 200;
   color: #888; 
  cursor: pointer;
  line-height: 18px;
}

.filter-section .post-type .list-group-item:nth-child(n+1):nth-child(-n+7) {
  float: left;
  width: 50%;
}

.filter-section .post-type .list-group-item:nth-child(n+7):nth-child(-n+11) {
  float: right;
  width: 50%;
}

.filter-section .list-group-item.selected {
  color: #d544da;
  font-weight: 400;
}

.filter-section .modal-header {
  padding: 15px 20px;
}

.filter-section .hash-item-group {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 15px;
  max-height: 222px;
  overflow: auto;
  border-bottom: 1px solid #f4f4f4;
  position: absolute;
  z-index: 2;
  background: #fff;
  width: 100%;
}

.filter-section .hash-item-group .hash-item {
  padding: 6px 6px 2px 8px;
  border: 1px solid #f4f4f4;
  color: grey;
  font-size: 16px;
  border-top: none;
  vertical-align: middle;
  line-height: 32px;
  cursor: pointer;
}

.filter-section .selected.hashtag-btn {
  /*display: inline-block;*/
  padding: 4px 10px;
  font-size: 14px;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  color: #fff;
  border: 0px !important;
  cursor: pointer;
  border-radius: 6px;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  /*margin: 10px 0 15px 0;*/
  position: absolute;
  left: 5px;
  top: 5px;
}

.filter-section .hastag-cancel {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 15px;
  cursor: pointer;
}

.filter-section .hashtag-section {
  margin-bottom: 20px;
}

.filter-section .hashtag-section .hashtag-title-holder {
  line-height: 45px;
  vertical-align: middle;
}

.filter-section .proceed-to-pay-button {
  width: 180px;
}

.filter-section .hashtag-section .hashtag-name {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 24px;
}

.patron-packages-tab .header.filter-title {
  border: none;
}



.shop-homeTab .profile_Carousel .videos-listing {
  height: 526px;
}

.shop-homeTab .featured-shop-section .top-selling-productslisting {
  padding: 0;
  cursor: pointer;
}

.shop-homeTab .creator-right-sidebar .featured-shop-section .shop-img-holder {
  width: 65px;
  height: 65px;
}

.shop-homeTab .featured-shop-section .top-selling-productslisting:hover {
  transform: scale(1.03);
}

.creator-right-sidebar .featured-shop-section .shop-content:hover,
.creator-right-sidebar .featured-shop-section .shop-content:active,
.creator-right-sidebar .featured-shop-section .shop-content:visited {
  text-decoration: none;
}

.shop-homeTab .featured-shop-section .top-selling-productslisting +.top-selling-productslisting {
  padding-left: 15px;
}

.creator-left-sidebar {
  margin-bottom: 45px;
}

.creator-left-sidebar .main-content {
  overflow: visible;
}



.creator-left-sidebar .landing-creator-main.broadcaster-profile-pic.profile-preview-img {
  left: 45px;
}

.creator-left-sidebar .main-content {
  margin-top: 82px;
}

.creator-left-sidebar .main-content .broadcaster-profile-info .title .creator-title {
  font-weight: 600;
  font-size: 30px;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 36px;
}

.creator-left-sidebar .main-content .broadcaster-profile-info .subtagline {
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
  word-break: break-word;
  word-wrap: break-word;
}

.creator-left-sidebar .main-content .creator-actions-holder {
  margin: 0 -3px 15px -3px;
}

.creator-left-sidebar .main-content .creator-actions-holder .creator-action {
  background-color: #fff;
  border-radius: 30px;
  padding: 0 15px;
  min-width: 118px;
  height: 35px;
  vertical-align: middle;
  font-size: 16px;
  border: 1px solid #cbcbcb;
  line-height: 34px;
  margin: 8px 3px;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.09);
  text-align: left;
}

.creator-left-sidebar .main-content .creator-actions-holder .creator-action  i {
  color: #d544da;
  font-weight: 800;
  font-size: 15px;
  line-height: 34px;
  vertical-align: middle;
  margin-right: 3px;
}

.creator-left-sidebar .main-content .creator-actions-holder .btn-icon-share {
  vertical-align: middle;
}

.creator-left-sidebar .main-content .creator-actions-holder .dropdown-toggle.creator-action  span {
  color: #d544da;
  line-height: 35px;
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}

.creator-left-sidebar .main-content .creator-actions-holder .custom-dropdown-menu ul:before {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  background: white;
  transform: rotate(-45deg);
  top: -6px;
  right: 20px;
  border-style: solid;
  border-color: #c3c3c3;
  border-width: 1px 1px 0 0;
}

.creator-sidebar .podcast-app-section .podcast-link.blog-url {
  background-color: transparent;
  border: 1px solid #aaaaaa;
  box-shadow: none;
  margin: 8px 4px 0px 4px;
}

/*.creator-left-sidebar .broadcaster-section {
  margin-top: 30px;
}*/

.creator-left-sidebar .broadcaster-section .broadcaster-list-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding-bottom: 5px;
  color: #5D5D5D;
  border-bottom: 1px solid rgba(202, 202, 202, 0.39);
}

.creator-carousel .carousel-inner,
.creator-carousel .creator-slider {
  height: 480px;
}

.creator-carousel .carousel-inner .upcoming-event .event-img-holder {
  width: 100%;
  height: 480px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(15px);
  -ms-filter: blur(15px);
  -moz-filter: blur(15px);
  -webkit-filter: blur(15px);
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.creator-carousel .carousel-inner .upcoming-event .event-img-holder:before {
  background-image: linear-gradient(to right, #7b5ef282 0%, #b942ae 51%, #ef2a72 100%);
  position: absolute;
  top: 0;
  opacity: 0.80;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 1;
}

.creator-carousel .carousel-inner .upcoming-event .event-content-holder {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.creator-carousel .carousel-inner .upcoming-event .month-name {
  font-family: 'Roboto Mono', monospace;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-bottom: 2px solid #e0e1e3;
  display: inline-block;
}

.creator-carousel .creator-slider .upcoming-event .event-date .month-date {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  color: #fff;
  margin: 0;
  line-height: 1;
  font-size: 75px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.creator-carousel .carousel-inner .upcoming-event .time {
  color: #ffffff;
  font-family: 'Roboto Mono', monospace;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}

.creator-carousel .creator-slider .upcoming-event .timer-wrapper-main .timer-holder {
  display: inline-block;
}

.creator-carousel .creator-slider .upcoming-event .timer-wrapper-main .timer-holder .timer-wrapper {
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.42);
  background-color: rgba(255, 255, 255, 0.82);
  padding: 0 10px;
  font-family: 'Roboto Mono', monospace;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 32px;
}

.creator-carousel .creator-slider .upcoming-event .timer-wrapper-main .timer-holder .timer-wrapper +.timer-wrapper {
  margin-left: 5px;
}

.creator-carousel .creator-slider .upcoming-event .event-image-holder .event-view-holder {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}

.creator-carousel .creator-slider .upcoming-event .timer-wrapper-main .timer-holder .timer-wrapper .number {
  font-size: 25px;
  font-weight: 500;
  padding-top: 4px;
  color: #fb3e42;
}

.creator-carousel .creator-slider .upcoming-event  .timer-holder .timer-wrapper .sub-content {
  color: #606060;
  font-size: 12px;
  margin-top: -6px;
  font-weight: 500;
}

.creator-carousel .creator-slider .upcoming-event .event-image-holder .image-placeholder {
  height: 280px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.creator-carousel .creator-slider .upcoming-event .event-image-holder .event-image-holder {
      box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.35);
}

.creator-carousel .creator-slider .upcoming-event  .buy-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.creator-carousel .creator-slider .upcoming-event  .buy-btn button {
  box-shadow: -3px 4px 20px 0px rgba(0, 0, 0, 0.57);
}

.creator-carousel .creator-slider .upcoming-event .event-image-holder .event-decs {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  height: 48px;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-height: 24px;
  word-break: break-word;
  color: #fff;
  color: #fff;
  font-size: 16px;
  font-weight: 200;
  margin-top: 12px
}

.creator-carousel .creator-slider .flex-control-nav {
  bottom: 6px;
}

.creator-carousel .creator-slider .carousel-inner li {
  height: 480px;
  overflow: hidden;
}

.creator-carousel .creator-slider .flexslider:hover .flex-direction-nav .flex-next {
  right: 80px; 
}

.creator-carousel .creator-slider .flexslider:hover .flex-direction-nav .flex-prev {
  left: 80px; 
}

@media screen and (max-width: 768px) {
  .creator-carousel .carousel-inner,
  .creator-carousel .creator-slider {
    height: 300px;
  }
}

.creator-left-sidebar .broadcaster-section .stats-container .broadcast-count {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  /*margin-bottom: 10px;*/
  height: 40px;
}

.creator-left-sidebar .broadcaster-section .stats-container .broadcast-list{
  height: 80px;
}

.creator-left-sidebar .broadcaster-section .stats-container .broadcast-list .follow-tile-holder {
  margin-top: -3px;
}

.creator-left-sidebar .broadcaster-section .stats-container .next-broadcast-list {
  margin-top: 25px;
}

.creator-left-sidebar .broadcaster-section .stats-container .broad-link {
  color: #5D5D5D;
}

.creator-left-sidebar .broadcaster-section .stats-container a:hover,
.creator-left-sidebar .broadcaster-section .stats-container a:active,
.creator-left-sidebar .broadcaster-section .stats-container a:visited,
.creator-left-sidebar .broadcaster-section .stats-container a:focus {
  text-decoration: none;
}

.creator-left-sidebar .broadcaster-section .stats-container .broadcast-count button {
  background: transparent;
  border: transparent;
  text-shadow: none;
}

.creator-left-sidebar .broadcaster-section .stats-container  .broadcast-title {
  font-size: 16px;
  text-align: center;
  font-weight: 200;
  color: #777777;
}

.creator-left-sidebar .broadcaster-section .stats-container .broad-link .broadcast-title {
  /*padding-top: 2px;*/
}

 .creator-left-sidebar .broadcaster-section .stats-container .broadcast-list +.broadcast-list {
  padding-left: 6px;
  padding-right: 0;
 }

 .creator-left-sidebar .broadcaster-profile-info .more {
    display: block;
}

.creator-left-sidebar .broadcaster-profile-info .patron-wrapper .more,
.creator-left-sidebar .broadcaster-profile-info .patron-wrapper .less {
    bottom: 0;
    position: absolute;
    /*z-index: 1;*/
    font-weight: bold;
    cursor: pointer;
    display: none;
    bottom: -6px;
    font-size: 14px;
    text-decoration: underline;
}

/*.creator-left-sidebar .broadcaster-profile-info .patron-wrapper .less {
  bottom: -26px;
}*/

.creator-left-sidebar .broadcaster-profile-info .patron-wrapper.more-content .more{
  display: block;
}

.creator-left-sidebar .broadcaster-profile-info .patron-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 75px;
    width: 100%;
    background: linear-gradient(rgba(246, 247, 249, 0.51), rgba(246, 247, 249, 0.82), #f6f7f9);
    display: none;
}


@media screen and (max-width: 768px) {
  .creator-left-sidebar .broadcaster-section .stats-container .broadcast-list {
    margin-top: 15px;
  }
}

.creator-right-sidebar .sidebar-packages .package-header,
.creator-right-sidebar .featured-shop-section .shop-section-header {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #5D5D5D;
  border-bottom: 1px solid rgba(202, 202, 202, 0.39);
}

.creator-right-sidebar .sidebar-packages .one-time-package .sub-text {
  color: gray;
  margin-top: 20px;
  margin-bottom: 15px;
  word-wrap: break-word;
  word-break: break-word;
}

.creator-right-sidebar .sidebar-packages .one-time-package {
  margin: 30px 0;
}

.creator-right-sidebar .featured-shop-section .shop-content {
  padding: 10px;
  display: block;
  color: #5D5D5D;
  margin-bottom: 18px;
}

.creator-right-sidebar .featured-shop-section .shop-content +.shop-content {
  margin-top: 18px;
}

.creator-right-sidebar .featured-shop-section .shop-img-holder {
  width: 75px;
  height: 75px;
}

.creator-right-sidebar .featured-shop-section .shop-img-holder .shop-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.creator-right-sidebar .featured-shop-section .shop-section-header {
  margin-bottom: 25px;
}

.creator-right-sidebar .featured-shop-section .shop-content .text-content {
  margin-left: 8px;
  margin-top: 8px;
}
.creator-right-sidebar .featured-shop-section .shop-content .text-content .shop-title {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
  height: 24px;
  width: 100%;
}

.creator-right-sidebar .featured-shop-section .shop-content .text-content .shop-price {
  color: #d544da;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 20px;
  margin: 2px 0;
}

.creator-right-sidebar .featured-shop-section .shop-content .shop-decs {
  display: inline-block;
  width: 100%;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  color: #8E8E8E;
}

.shop-homeTab .no-shop-found {
  height: 200px;
  margin-bottom: 15px;
}

.shop-homeTab .no-ticket-merch .no-shop-found {
  height: 220px;
  margin-bottom: 20px;
}

.shop-homeTab .no-ticket-message.no-ticket-merch {
  height: 526px;
}

.shop-homeTab .no-ticket-message.no-ticket-merch img {
  margin-top: 0;
}

.shop-homeTab .no-ticket-message.no-ticket-merch .btn-primary-edited {
  width: 200px
}

.creator-right-sidebar .featured-shop-section {
  margin: 30px 5px 15px 5px;
}

.creator-right-sidebar .filter-holder .filter-input {
  height: 36px;
  width: calc(100% - 50px);
  position: relative;
  padding-right: 38px;
}

.creator-right-sidebar .filter-holder .filter-btn {
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-radius: 5px;
  text-align: center;
  width: 40px;
  height: 35px;
  font-size: 20px;
  color: #fff;
  border: none !important;
  position: absolute;
  top: 0;
  right: 0;
}

.creator-right-sidebar .filter-holder .filter-search {
  font-size: 18px;
  font-weight: 700;
  color: #9b9b9b;
}

.creator-right-sidebar .filter-holder .filter-search-btn {
  background: transparent;
  border: transparent;
  position: absolute;
  top: 8px;
  right: 60px;
  padding: 0;
}

.creator-right-sidebar .filter-holder .filter-btn .filter-btn-icon {
  font-weight: 700;
  line-height: 34px;
  vertical-align: middle;
}

[data-isyncing="1"]{
  position: relative;
  pointer-events: none;
}

[data-isyncing="1"] .card{
  opacity: .7;
}

[data-isyncing="1"]:before{
  content: 'Processing';
  position: absolute;
  right: 34%;
  top: 45%;
  transform: rotateZ(-28deg);
  -webkit-transform: rotateZ(-28deg);
  color: #000;
  padding: 5px 25px;
  border: 3px dashed #313131;
  font-weight: 600;
  border-radius: 3px;
  z-index: 12;
  font-size: 20px;
  text-shadow: -1px 2px 12px #d4d4d4;
  pointer-events: none;
}

[data-isoutofstock="1"]{
  position: relative;
}

[data-isoutofstock="1"]:before{
  content: 'OUT OF STOCK';
  position: absolute;
  left: 50%;
  top: 30%;
  transform: rotateZ(-28deg) translateX(-50%);
  -webkit-transform: rotateZ(-28deg) translateX(-50%);
  -moz-transform: rotateZ(-28deg) translateX(-50%);
  color: red;
  padding: 5px 25px;
  border: 3px dashed red;
  font-weight: 600;
  border-radius: 3px;
  z-index: 12;
  font-size: 20px;
  text-shadow: 2px 0px 16px #000000;
  transform-origin: left center;
  pointer-events: none;
}

.creator-left-sidebar .broadcaster-profile-info .main-decs-holder {
  position: relative;
  margin-bottom: 15px;
}

.creator-left-sidebar .broadcaster-profile-info .patron-wrapper {
  margin: 10px 0 20px 0;
  max-height: 340px;
  transition: max-height 0.25s ease-in-out;
  min-height: auto;
  overflow: hidden;
  padding: 0 0 25px 0;
  box-sizing: content-box;
}

.creator-left-sidebar .broadcaster-profile-info .patron-wrapper .patron-desc {
  word-wrap: break-word;
  word-break: break-word;
  font-weight: 200;
  font-size: 16px;
  line-height: 25px;
}

 
.product-details-page .shop-modal [data-isoutofstock="1"]:before{
  top: 50%;
  left: 55%;
}

.shop-homeTab [data-isoutofstock="1"]:before,
.shop-homeTab [data-isyncing="1"]:before {
  content: '';
  border: 0;
}
.grid-shop-item[data-isoutofstock="1"] .main-shop-image,
.grid-shop-item[data-isyncing="1"] .main-shop-image {
  position: relative;
}
.grid-shop-item[data-isoutofstock="1"] .main-shop-image:before{
  content: 'OUT OF STOCK';
  position: absolute;
  left: 50%;
  top: 45%;
  transform: rotateZ(-28deg) translateX(-50%);
  -webkit-transform: rotateZ(-28deg) translateX(-50%);
  -moz-transform: rotateZ(-28deg) translateX(-50%);
  color: red;
  padding: 5px 25px;
  border: 3px dashed red;
  font-weight: 600;
  border-radius: 3px;
  z-index: 10;
  font-size: 20px;
  text-shadow: 1px 1px 1px #2f2f2f;
  transform-origin: left center;
  transform: rotateZ(-28deg) translate(-50%, -50%);
  -webkit-transform: rotateZ(-28deg) translate(-50%, -50%);
  white-space: nowrap;
  pointer-events: none;
}

.grid-shop-item[data-isyncing="1"] .main-shop-image:before{
  content: 'Processing';
  position: absolute;
  top: 45%;
  transform: rotateZ(-28deg);
  color: #313131;
  padding: 5px 25px;
  border: 3px dashed #313131;
  font-weight: 600;
  border-radius: 3px;
  z-index: 10;
  font-size: 20px;
  transform: rotateZ(-28deg) translate(-50%, -50%);
  -webkit-transform: rotateZ(-28deg) translate(-50%, -50%);
  white-space: nowrap;
  left: 50%;
  pointer-events: none;
}

.btn-preview-profile-top {
  margin: 0 1em;
  box-shadow: none;
  border: 1px solid #d544da!important;
}

.btn-preview-profile-top:hover {
  border: none!important;
}

.no-events-found {
  width: 200px;
  margin-bottom: 8px;
}
.noOnlineBroadcaster.broadcaster-video {
  overflow: hidden;
  position: relative;
}

.creator-carousel .black-overlay {
  position: absolute;
  right: 0px;
  top: 0px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52) 0%,rgba(0, 0, 0, 0.17) 50%, rgba(0, 0, 0, 0) 100%);
  height: 60px;
  width: 100%;
  z-index: 2;
}

.noOnlineBroadcaster .broadcaster-video-img-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(15px);
  -o-filter: blur(15px);
  -moz-filter: blur(15px);
  -webkit-filter: blur(15px);
  -ms-filter: blur(15px);
  transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.noOnlineBroadcaster .broadcaster-video-img-holder:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: .9;
  height: 100%;
  width: 100%;
}

.creator-home-page{
  padding-top: 65px;
  position: relative;
}


.creator-home-page .creator-profile-menu{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.creator-profile-menu .landing-menu-tabs .support-btn-holder {
  padding-top: 6px;
  margin-left: 18px;
}

.creator-home-page .creator-profile-menu.fixed{
  position: fixed;
  top: 54px;
  z-index: 5;
  box-shadow: 0px 2px 20px rgba(217, 217, 217, 0.33);
}

.creator-home-page .creator-profile-menu .user-personal-details{
  display: none
}

.creator-home-page .creator-profile-menu .nav-user-image{
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 50%;
  margin-top: 2px;
}

.creator-home-page .creator-profile-menu  .username-menu{
     display: inline-block;
    color: #5D5D5D;
    margin-left: 9px;
    vertical-align: middle;
    width: calc(100% - 70px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.creator-home-page .creator-profile-menu.fixed .user-personal-details{
  display: block;
}


.creator-carousel .creator-slider .flexslider .slides img{
  object-fit: cover;
}

.side-cart .item .warning-message{
  color: red;
    font-size: 12px;
    padding-left: 20px;
}

.side-cart .item[data-outofstock="1"]{
  opacity: .7;
  pointer-events: none;
}

.side-cart .item[data-outofstock="1"] .p-price{
  position: relative;
}

.side-cart .item[data-outofstock="1"] .p-price:after{
  content: '';
  position: absolute;
  width: 70%;
  height: 2px;
  background: red;
  right: 0;
  transform: rotate(-18deg);
  -webkit-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  top: 10px;
}

.post-card .post-details .post-preview .tunein-podcast iframe{
  width: 100%;
}

.post-card .post-details .post-preview .tunein-podcast iframe[src*="tunein.com"]{
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  left: 0;
}

.post-card .post-details .post-preview .tunein-podcast iframe[src*="radiopublic"]{
  height: 200px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  left: 0;
}

.onboading-profile-modal .modal-header.img-header {
  position: relative;
  padding-top: 8px;
  padding-bottom: 0;
  border-bottom-color: transparent;
}

.onboading-profile-modal .modal-header.img-header .close {
  font-size: 38px;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #707070;
  opacity: 1;
}

.onboading-profile-modal .modal-header .profile-icon-holder {
  width: 100%;
  height: 100%;
}

.onboading-profile-modal .modal-header .profile-icon-holder .img-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;

}

.onboading-profile-modal .modal-header.img-header .img-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 18px;
  color: #5D5D5D;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
}

.onboading-profile-modal .tips-card {
  box-shadow: 0px 1px 8px 2px rgba(215, 215, 215, 0.23);
  background-color: #fff;
  margin-bottom: 24px;
  padding: 12px 6px;
  cursor: pointer;
  /*width: 46%;*/
  height: 70px;
}

.onboading-profile-modal .tips-card.disable-div {
  /*opacity: 0.6; */
  background-color: rgba(227, 227, 227, 0.05) !important;
  color: #b8b8b8;
  pointer-events: none;
  position: relative;
}

.onboading-profile-modal .tips-card.disable-div:before {
  position: absolute;
  content: '\e9fb';
  font-size: 12px;
  font-family: 'icomoon' !important;
  color: #fff;
  width: 25px;
  height: 25px;
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%);
  border-radius: 50%;
  top: -8px;
  right: -8px;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}

.onboading-profile-modal .tips-card .info-icon {
  font-size: 25px;
  color: #bababa;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
  padding-left: 4px;
}

.onboading-profile-modal .modal-footer.btn-holder {
  border-top-color: transparent;
  text-align: center;
  margin-bottom: 15px;
}

.onboading-profile-modal .profile-completion-decs {
  font-weight: 200;
  font-size: 16px;
  color: #9b9b9b;
}

.onboading-profile-modal .padding-profile .header {
  font-family: 'Roboto Mono', monospace;
  font-size: 15px;
  font-weight: 700;
}

.onboading-profile-modal .profile-status .single-section {
 /* padding: 0 15px;*/
}

.onboading-profile-modal .profile-status .tips-card .padding-profile {
    padding-left: 15px;
    padding-right: 0;
    width: calc(100% - 45px);
}

/*.meetandgreet-tab .existing-schedule-event-list.m-b-60 +.request-event-btn {
  margin-top: 20px;
}*/

.all-posts-section .all-post-list-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(230, 230, 231);
  margin-bottom: 25px;
}

.upcoming-events-container .upcomingvideos-container .like-view-comment-holder,
.meet-and-greet-holder .upcomingvideos-container .like-view-comment-holder,
.meetandgreet-tab .existing-schedule-event-list .like-view-comment-holder,
.meet-and-greet-holder .existing-schedule-event-list .like-view-comment-holder {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 1;
  margin-bottom: 10px;
}

.upcoming-events-container .upcomingvideos-container .like-view-comment-holder .event .icon,
.meet-and-greet-holder .upcomingvideos-container .like-view-comment-holder .event .icon,
.meetandgreet-tab .existing-schedule-event-list .like-view-comment-holder  .event .icon,
.meet-and-greet-holder .existing-schedule-event-list .like-view-comment-holder .event .icon {
  margin-right: 0px;
  vertical-align: middle;
  line-height: 25px;
  background-color: transparent;
  font-weight: 700;
  text-align: center;
}

.patronTab .broadcaster-posts .post-bottom-info .like-view-comment .ticket-icon-holder,
.meet-and-greet-holder .upcomingvideos-container .like-view-comment-holder .event .ticket-icon-holder,
.meetandgreet-tab .existing-schedule-event-list .like-view-comment-holder .event .ticket-icon-holder,
.meet-and-greet-holder .existing-schedule-event-list .like-view-comment-holder .event .ticket-icon-holder {
  font-size: 18px;
  font-weight: 500;
}
.post-card .post-details .post-preview .deatil-img-holder {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.shop-homeTab .shop-product-wrapper {
  padding: 8px 0 9px 0;
}
.welcome-video-creator-page .video-holder,
.welcome-video-creator-page .jwplayer{
  height: 300px !important;
  margin-bottom: 30px;
}

.welcome-video-creator-page .welcome-desc-wrapper{
  max-height: 380px;
  transition: max-height 0.25s ease-in-out;
  min-height: auto;
  overflow: hidden;
  position: relative;
  margin-top: -30px;
  margin-bottom: 30px;
}

.meetandgreet-tab .welcome-video-creator-page .welcome-video-holder[style="display: none;"] +.welcome-desc-wrapper {
  margin-top: 0px;
}

.welcome-video-creator-page .welcome-desc-wrapper .welcomevideodesc{
  padding: 15px 15px 30px 15px;
}

.welcome-video-creator-page .welcome-desc-wrapper .welcomevideodesc:empty{
  display: none;
}

.welcome-video-creator-page .welcome-desc-wrapper.more-content:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 75px;
  width: 100%;
  left: 0;
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.88), rgb(255, 255, 255), #fff);
}

.welcome-video-creator-page .welcome-desc-wrapper [class*="welcome-toggle"]{
  position: absolute;
  cursor: pointer;
  z-index: 2;
  bottom: 10px;
  left: 15px;
  display: none;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
}

.welcome-video-creator-page .welcome-desc-wrapper.more-content .welcome-toggle-read{
  display: block;
}

.welcome-video-creator-page .welcome-desc-wrapper.more-content .welcome-toggle-less{
  display: none;
}
.tier-desc-wrapper{
  max-height: 140px;
  transition: max-height 0.25s ease-in-out;
  min-height: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
    box-sizing: content-box;
}

.tier-desc-wrapper .tier-desc-content{
  padding-bottom: 10px;
  word-break: break-word;
  word-wrap: break-word;
}

/*.creator-subscrption-packages .tier-desc-wrapper .tier-desc-content{
  padding-bottom: 10px;
}*/

.tier-desc-wrapper.more-content:after{
  content: '';
  position: absolute;
  bottom: 0;
  height: 85px;
  width: 100%;
  left: 0;
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(246, 247, 249), #f6f7f9);
}

.tier-desc-wrapper .tiertoggle-more {
  margin-bottom: 30px;
}


.tier-desc-wrapper [class*="tiertoggle-"]{
  position: absolute;
  cursor: pointer;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  display: none;
}

.tier-desc-wrapper[style*="max-height"] +.package-btn {
  margin-top: 20px;
}

.tier-desc-wrapper.more-content .tiertoggle-less{
  display: none;
}

.tier-desc-wrapper.more-content .tiertoggle-more{
    display: block;
}
.onboardingTab .new-tab .new-profile-image-upload .cover-image-upload .profile-upload,
.onboardingTab .new-tab .cover-photo-div .cover-image-upload .cover-upload {
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  background-color: #CCCCCC;
  color: white;
  border-radius: 50%;
  z-index: 2;
}

.onboardingTab .new-tab .new-profile-image-upload .cover-image-upload .profile-upload {
  top: -5px;
  right: 5px;  
}

.onboardingTab .new-tab .cover-photo-div .cover-image-upload .cover-upload {
  top: -10px;
  right: -10px;
}

.welcome-video-section {
  position: relative;
  height: 270px;
  width: 100%;
  margin-bottom: 12px;
  background: black;
}

.welcome-video-section video {
  width: 100%;
  height: 100%;
}

.welcome-video-section .welcome-video-upload {

}



.welcome-video-section .remove-video-btn{
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(0, 0, 0, 0.60);
  color: #fff;
  font-size: 13px;
  border: 1px solid #ffffffa3;
  padding: 2px 15px;
}

.welcome-video-section .remove-video-btn [class*="icon-"]{
  margin-right: 5px;
}

.tier-subscription-modal .creator-details .img-holder {
  position: relative;
}

.tier-subscription-modal .creator-details .img-holder .cover-photo {
  width: 100%;
  height: 250px;
}

.tier-subscription-modal .creator-details .img-holder .cover-photo:before {
  content: '';
  width: 100%;
  height: 250px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.36);
}

.tier-subscription-modal .creator-details .img-holder .cover-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tier-subscription-modal .creator-details .img-holder .profile-photo {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%,-35%);
}

.tier-subscription-modal .creator-details .img-holder .profile-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.tier-subscription-modal .creator-details .img-holder .creator-name {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%,-75%);
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 2px 5px #000;
  margin-top: 10px;
  /*text-transform: uppercase;*/
}

.tier-subscription-modal .support-section {
  padding: 20px
}

.tier-subscription-modal .package-subscribe-div.support-details .buy-package-btn {
  padding: 5px 0;
}

.tier-subscription-modal .package-subscribe-div.support-details .tier-image {
  width: 100%;
  height: 200px;
}

.tier-subscription-modal .package-subscribe-div.support-details .tier-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tier-subscription-modal .package-subscribe-div.support-details .tier-desc-wrapper.more-content:after {
  background: linear-gradient(rgba(255, 255, 255, 0.25), rgb(255, 255, 255), #ffffff);
}

.tier-subscription-modal .package-subscribe-div.support-details .patron-package-tire h4 {
  font-size: 16px;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 25px;
  margin-top: 0;
}

.tier-subscription-modal .package-subscribe-div.support-details .buy-package-btn button {
  width: auto;
}

.patrons-tab-content .patron-packages-tab .about-patron.creator-subscrption-packages {
  margin: 30px 0;
}

.subscription-packages.creator-packages {
  background-color: rgba(0, 0, 0, 0.52);
}

.subscription-packages.creator-packages .tier-name {
  font-weight: 200;
  font-size: 20px;
}

.subscription-packages.creator-packages .tier-pay-details {
  color: #757575;
  font-size: 16px;
}

.edit-profile-setting .btn .text-outline-btn .add-btn {
  line-height: 40px;
  vertical-align: middle;
  padding: 0 10px;
}

#shopnodata .no-product-title {
  margin-bottom: 16px;
}

#shopnodata button {
  margin: 0 8px;
}

.tier-subscription-modal .no-tier .no-tier-img-holder {
  width: 100%;
} 

.tier-subscription-modal .no-tier .no-tier-img {
  width: 38%;
  height: auto;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.tier-subscription-modal .no-tier .one-time-package .package-header {
  font-size: 18px;
}

.tier-subscription-modal .package-subscribe-div.support-details .patron-package-tire .tier-amt {
  font-size: 18px;
  color: #858585;
  font-weight: 600;
}


.tier-subscription-modal .package-subscribe-div.support-details .patron-package-tire .supporters-count {
  font-size: 16px;
  color: #858585;
  font-weight: 200;
}

.tier-subscription-modal .package-subscribe-div.support-details .tier-main-title {
  font-size: 18px;
  color: #0d0d0d;
  margin: 8px 0;
  font-weight: 600;
}

.tier-subscription-modal .support-section .unlock-single-post-section {
  border: 1px solid #f3f3f3;
  padding: 8px 15px;
  margin-bottom: 30px;
  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.08);
}

.tier-subscription-modal .support-section .unlock-single-post-section .popup-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  font-size: 15px;
  color: #5D5D5D;
  margin: 8px 0;
}

.no-forum-section {
  padding: 20px;
  position: relative;
}

.no-forum-section .no-forum-icon {
  width: 50%;
  margin: 0 auto;
}

.no-forum-section .no-forum-btn {
  margin-top: 20px;
}

.existing-schedule-event-list .no-ticket-message {
  position: absolute;
  top: 58%;
  left: 36%;
}

.existing-schedule-event-list .no-ticket-message.no-ticket-position {
  position: initial;
  top: auto;
  left: auto;
}

.edit-profile-setting .btn .text-outline-btn .add-btn {
  line-height: 40px;
  vertical-align: middle;
  padding: 0 10px;
}

.edit-profile-preview{
    height: 700px;
}
.edit-profile-preview .profile-preview-frame{
  transform: scale(.473);
  -webkit-transform: scale(.473);
  width: 1100px;
  transform-origin: left top;
}

.edit-profile-preview .creator-left-sidebar .broadcaster-profile-info .patron-wrapper:after{
      background: linear-gradient(rgba(255, 255, 255, 0.51), rgba(255, 255, 255, 0.82), #ffffff);
}

.edit-profile-preview  .preview-profile-cover{
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.popup-tier-desc-wrapper{
  max-height: 140px;
  transition: max-height 0.25s ease-in-out;
  min-height: auto;
  position: relative;
  overflow: hidden;
}

.popup-tier-desc-wrapper .popup-tier-desc-content{
  padding-bottom: 30px;
}

.popup-tier-desc-wrapper.more-content:after{
  content: '';
  position: absolute;
  bottom: 0;
  height: 85px;
  width: 100%;
  left: 0;
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255), #ffffff)
}


.popup-tier-desc-wrapper [class*="popup-tiertoggle-"]{
    position: absolute;
  cursor: pointer;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  display: none;
}

.popup-tier-desc-wrapper.more-content .popup-tiertoggle-less{
  display: none;
}

.popup-tier-desc-wrapper.more-content .popup-tiertoggle-more{
    display: block;
}

.podcast-desc-wrapper{
  position: relative;
  margin-bottom: 60px;
}

.podcast-desc-content-parent{
  max-height: 140px;
  transition: max-height 0.25s ease-in-out;
  min-height: auto;
  position: relative;
  overflow: hidden;

}

.podcast-desc-content-parent.more-content:after{
  content: '';
  position: absolute;
  bottom: 0;
  height: 85px;
  width: 100%;
  left: 0;
  z-index: 1;
}


.podcast-desc-wrapper [class*="podcast-toggle-"]{
    position: absolute;
  cursor: pointer;
  z-index: 2;
  bottom: -40px;
  left: 0px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  display: none;
}

.podcast-desc-content-parent.more-content + .podcast-toggle-less{
  display: none;
}

.podcast-desc-content-parent.more-content + .podcast-toggle-more{
    display: block;
}

.price-variants-title {
  margin-bottom: 4px;
}

.scrolltop,
.messsage-fix {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #fa374a;
  color: #ffffff;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  box-shadow: -3px 4px 20px 0px rgba(150, 150, 150, 0.28);
  text-align: center;
  font-weight: 600;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.subscriptions-setting .tier-desc-wrapper.more-content:after {
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255), #ffffff);
}

.subscriptions-setting .tier-desc-wrapper {
  margin-bottom: 10px;
}

.btn-confirm-post-creation +.btn-confirm-post-creation {
  margin-left: 10px !important;
}

.btn-confirm-post-creation {
  background-color: white;
  border: 1px solid #d544da !important;
  color: #d544da;
  box-shadow: 1px 1px 12px rgba(226, 224, 224, 0.25);
}

.btn-confirm-post-creation:hover {
  background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%) !important;
  color: #fff;
}


/* mobile styles for podcast page */

.mobile-podcast .navbar-default{
  display: none;
}

.mobile-podcast #mainTabSideBarTemplateContainer{
  display: none;
}

.mobile-podcast .podcast-listing-main .podcast-section{
  margin-top: 0;
}

.mobile-podcast .podcast-listing-main .podcast-section .iframe-holder.move-left{
      width: 100%;
    left: 0;
    top: 0;
}

.mobile-podcast .podcast-listing-main .main-podcast-content .image-side-bar .podcast-img-holder{
  margin:0 auto;
  width: 200px;
  height: 200px;
}

.mobile-podcast .podcast-listing-main .main-podcast-content .podcast-text-content{

}

.mobile-podcast .podcast-listing-main .podcast-section .iframe-holder{
  top: 0;
}

.mobile-podcast .podcast-listing-main .podcast-section .mCSB_container .podcast-listing-section{
  width: 100%;
}

.mobile-podcast .podcast-listing-main .podcast-section .mCSB_container{
  width: 100%;
}

.mobile-podcast .podcast-listing-main .main-podcast-content {
    height: calc(100vh - 165px);
  }

 .mobile-podcast #downloadMobileApp{
  display: none !important;
  }

  .edit-profile-setting .profile-wrapper .tooltip-large-desc {
    line-height: 20px;
  }
  
  .edit-profile-setting .profile-wrapper .bold {
    font-weight: 600;
    color: #2F2F2F;
  }

  .custom-welcome-msg .custom-msg-tooltip-text {
    color: #A69D9D;
    font-weight: 200;
    font-size: 15px;
  }

.bordered-area{
      border:1px solid #DDDDDD;
      padding: 15px;
}

.bordered-area + .bordered-area{
  margin-top: 15px;
}

.detail-section h3{
    font-size: 18px;
    margin-top: 26px;
    color: #d544da;
}

.list-items-event{
    padding-left: 20px;
}

.list-items-event li + li{
  margin-top: 10px;
}

.notes-section {
    margin-top: 20px;
}

.notes-section .notes {
    border: 1px solid #DDDDDD;
    padding: 6px 6px 6px 40px;
    position: relative;
}

.notes-section .notes+.notes {
    margin-top: 10px;
}

.notes-section .notes:before {
    content: 'a';
    position: absolute;
    left: 10px;
}

.notes-section .notes.error-icon {
  position: relative;
}

.notes-section .notes.error-icon:before {
  content: "\ea32";
  position: absolute;
  left: 0;
  font-family: 'icomoon' !important;
  left: 12px;
  color: #d544da;
}

.notes-section .notes.success-icon {

}

.notes-section .notes.success-icon:before {
  content: "\e958";
  position: absolute;
  left: 0;
  font-family: 'icomoon' !important;
  left: 12px;
  color: #1BB527;
}

.popup-event-details {
    margin: 20px 0;
}

.popup-event-details .event-title {
    margin-top: 0;
    font-size: 18px;
    font-weight: 800;
}

.popup-event-details .event-date {
    font-size: 60px;
    line-height: 55px;
    font-weight: 800;
}

.popup-event-details .event-date-sec {
    font-family: 'Roboto Mono', monospace;
    font-size: 13px;
}

.popup-event-details[data-isppv="0"] .ppv,
.popup-event-details[data-issuperaccess="0"] .superaccess{
  display: none;
}

.popup-event-details[data-isppv="1"] .ppv,
.popup-event-details[data-issuperaccess="1"] .superaccess {
  display: inline-block;
}

.popup-event-details-tags span {
    display: inline-block;
    width: auto;
    padding: 0 12px;
    height: 26px;
    vertical-align: middle;
    line-height: 25px;
    /* background-image: linear-gradient(to right, #d544da 0%, #d544da 51%, #d544da 100%); */
    background-image: linear-gradient(to right, #7b5ef2 0%, #b942ae 51%, #ef2a72 100%);
    box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.36);
    text-align: center;
    font-family: 'Roboto Mono', monospace;
    font-weight: 500;
    color: #FFF;
    font-size: 13px;
    border-radius: 8px;
    border: 1px solid #ffffffc4;
    text-transform: uppercase;
}

.popup-event-details-tags span {
    margin-right: 5px;
}

.popup-event-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
    margin-top: 10px;
}

.profile-img-holder .profile-icons-alignment{
  position: absolute;
  top: 10px;
  left: -30px;
}

.profile-img-holder .profile-icons-alignment .profile-pic-btn-two{
  position: absolute;
  top: 50px;
  left: -28px;
}

.profile-img-holder .profile-icons-alignment .profile-pic-btn-two i{
  position: relative;
  top: -2px;
}

.profile-img-holder .profile-icons-alignment .profile-pic-btn-three{
  position: absolute;
  top: 115px;
  left: -30px;
}

.profile-img-holder .profile-icons-alignment .profile-pic-btn-three i{
  position: relative;
  top: -2px;
}

.profile-img-holder .profile-icons-alignment .custom-dropdown-menu{
  position: absolute;
  top: 175px;
  left: -2px;
}

.profile-img-holder .profile-icons-alignment .custom-dropdown-menu .icon-more-button-dots{
  transform: rotate(90deg);
  display: inline-block;
  position: relative;
  bottom: -2px;
}

.profile-img-holder .profile-icons-alignment .heart-color[data-follow="0"]{
  color: #fff;
}

.broadcaster-content .patronTab .broadcaster-posts .locked-indication{
  color: #fff;
}

.broadcaster-content .patronTab .patrontype-text .broadcaster-posts .locked-indication {
  color: #5D5D5D;
}

.creator-left-sidebar .landing-creator-main.broadcaster-profile-pic.animate-top{
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
}

.create-gift-pass-modal .create-coupon .pass-notice-msg {
  background-color: #f9f9f9;
  padding: 10px;
  margin: 15px 0 30px 0;
  color: #A69D9D;
}

.blink-in {
  -webkit-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

.tutorial-section {
  padding: 25px 15px;
  margin-bottom: 20px;
}

.tutorial-section .tutorial-name {
  color: #2F2F2F;
  font-size: 25px;
  font-weight: 400;
  width: calc(100% - 60px);
}

.tutorial-section .title-content,
.tutorial-full-video .modal-header {
  position: relative;
}

.tutorial-section .title-content .tutorial-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 0;
}

.tutorial-full-video .tutorial-name {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  width: calc(100% - 60px);
}

.tutorial-full-video .modal-header {
  margin-bottom: 10px;
}

.tutorial-full-video .modal-header .close {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 32px;
  height: 32px;
  height: 32px;
}

.tutorial-full-video .full-video {
  width: 100%;
  height: 450px;
  border: none;
}

.tutorial-full-video  .tutorial-content {
  height: 450px;
}

.tutorial-section .title-content .tutorial-btn span {
  font-size: 24px;
  color: #d544da;
  font-weight: 500;
}

.tutorial-section .title-content .tutorial-btn:hover,
.tutorial-section .title-content .tutorial-btn:visited,
.tutorial-section .title-content .tutorial-btn:active,
.tutorial-section .title-content .tutorial-btn:focus {
  text-decoration: none;
}

div+.tutorial-btn[aria-expanded="true"] {
  padding: 0;
  border: none;
}

div+.tutorial-btn[aria-expanded="true"] span:before {
  content: '\ea36';
}

.tutorial-section .tutorial-main-content {
  padding-top: 20px;
  cursor: pointer;
}

.tutorial-section .tutorial-main-content .video-thumbnail {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
}

.tutorial-section .tutorial-main-content .play-section {
  position: relative;
}

.tutorial-section .tutorial-main-content .play-section .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 36px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
}
.tutorial-section .tutorial-main-content p {
  font-size: 16px;
}

[data-isredeemed="1"]:before {
    content: 'REDEEMED';
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: rotateZ(-28deg) translateX(-50%);
    -webkit-transform: rotateZ(-28deg) translateX(-50%);
    -moz-transform: rotateZ(-28deg) translateX(-50%);
    color: #2cbd2f;
    padding: 5px 55px;
    border: 3px dashed #71be73;
    font-weight: 600;
    border-radius: 3px;
    z-index: 12;
    font-size: 20px;
    /* text-shadow: 1px 1px 1px #2f2f2f5e; */
    transform-origin: left center;
    pointer-events: none;
     background-color: rgba(255, 255, 255, 0.63); 
    /* opacity: 0.5; */
}

.product-details .sell-product .whats-variant {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #d544da;
  cursor: pointer;
}

.product-details .sell-product .whats-variant:hover {
  color: #e0074f;
  text-decoration: underline;
}

.mtop30 {
  margin-top: 30px;
}

.back-to-overview {
  vertical-align: middle;
  display: inline-block;
  color: #d544da;
  /* position: absolute;
  left: 0;
  top: -25px; */
}

.back-to-overview.more-left {
  left: -20%;
}

.back-to-overview:hover,
.back-to-overview:focus {
  text-decoration: none;
  color: #d544da;
}

.back-to-overview .back-icon {
  vertical-align: middle;
  line-height: 30px;
  font-size: 22px;
}

.back-to-overview .back-icon:before {
  font-weight: 600;
}

.back-to-overview .back-title {
  vertical-align: middle;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Roboto Mono', monospace;
  padding-left: 8px;
  color: #b0b1b1;
}

.golive-popup .existing-schedule-event .image-placeholder {
  height: 180px;
}

.podcast-no-platform {
  font-weight: 200;
  color: #b1b1b1;
}

@media only screen and (max-width: 768px) { 
  .podcast-listing-main .main-podcast-content .podcast-text-content .podcast-listing .single-post .view-details-btn {
    display: none;
  }
  }

  .creator-left-sidebar .category-section {
      margin-bottom: 15px;
   }

  .creator-left-sidebar .category-section .category {
    padding: 0 10px;
    /*height: 30px;*/
    vertical-align: middle;
    /* border: 1px solid #5447cf; */
    border-radius: 10px;
    background-color: #d544da;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    font-weight: 200;
    margin-top: 6px;
    margin-right: 5px;
    word-break: break-word;
    word-wrap: break-word;
  }

  .aminate-timer {
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
  }

  .time-to-go-live {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-size: 16px;
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
    color: #ffffff;
    background-color: #fe6240;
    padding: 2px 25px;
    border-radius: 10px;
    vertical-align: middle;
    line-height: 25px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 2px 16px 3px rgba(0, 0, 0, 0.12);
  }

   .time-to-go-live.creator-top-carousal {
    top: 15px;
    right: 15px;
    z-index: 1;
    height: 30px;
   }

  .upcoming-events-container.meet-and-greet-holder .time-to-go-live,
  .upcomingvideos-container.existing-schedule-event .upcoming-explore-events .time-to-go-live {
    padding: 2px 10px;
    right: -20px;
    font-size: 15px;
  }

  .patron-home-posts .broadcaster-posts .time-to-go-live {
    padding: 2px 10px;
    right: -10px;
    font-size: 15px;
  }

  .golive-green-room {
    position: absolute;
    height: 50px;
    background-color: rgba(1, 168, 1, 0.67);
    width: 100%;
    z-index: 1;
    top: 0px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-size: 20px;
  }

  .search-top-one-line {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    width: calc(100% - 50px);
    float: right;
  }

  .creator-left-sidebar .landing-profile-holder .custom-dropdown-menu .dropdown-menu.dropdown-menu-right {
    left: 0;
    right: auto;
  }

  .broadcasterprofile .activityfeedcontainer .activityfeed .feedmessage .inline {
    vertical-align: middle;
  }

  .profile-edit .profile-info-container .col-md-6.timeline-zone {
    width: 42%;
    margin-left: 28px;
  }

  .detailed-colse-holder .detailed-post-close-btn {
    background: transparent;
    border-radius: 50%;
    border: 2px solid #bebebe;
    color: #a7a7a7;
    font-size: 19px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    font-weight: 200;
    /*margin-bottom: 15px;*/
    line-height: 0.5;
    padding-bottom: 5px;
  }

.shop-modal.shop-details .share-container .share-buttons .icon-messages-solid {
    line-height: 39px;
    vertical-align: middle;
}

.blog-preview-content.post-type-blog-preview .detailed-colse-holder {
    position: absolute;
    top: -50px;
    right: 0;
}

.blog-preview-content.post-type-blog-preview .detailed-colse-holder .detailed-post-close-btn {
  box-shadow: 0px 2px 12px 1px #393939;
  text-shadow: 0px 2px 3px #000;
  color: #fff;
  border-color: #fff;
}

.faq-link {
  color: #5D5D5D
}

.faq-link:active,
.faq-link:hover {
  color: #d544da;
}

.broadcaster-posts .pin-section.draft-holder .pin-holder {
  transform: none;
  vertical-align: middle;
}

.broadcaster-posts .pin-section.draft-holder .pin-text {
  vertical-align: middle;
  text-transform: none;
}

.broadcaster-posts .pin-section.draft-holder {
  background: #fffcfd;
  cursor: default;
  top: 46px;
  padding: 0 15px;
  border-radius: 25px;
  line-height: 30px;
  box-shadow: 1px 2px 12px 0px rgba(252, 39, 107, 0.15);
}


.cashout-balance-modal .cash-out-btn,
.cashout-balance-user-details .add-card-btn {
  color: #d544da;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 29px;
  padding: 0px;
  text-decoration: none;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #d544da;
  margin: 10px 0 20px 0;
}

.cashout-balance-user-details .modal-content {
  left: -6px;
}

.cashout-balance-user-details .calendar-icon {
  color: #d544da;
  font-size: 20px;
}

.bootstrap-datetimepicker-widget table td {
  width: 100% !important;
}

.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #d544da !important;
  color: #fff !important;
}

/*.bootstrap-datetimepicker-widget table {
  width: 270px !important;
}*/

@media (min-width: 768px) {
.cashout-balance-modal.cashout-balance-user-details .modal-dialog {
    width: 700px;
}
}

.cashout-balance-modal.cashout-balance-user-details .modal-body {
  padding: 25px;
}

.cashout-balance-modal.cashout-balance-user-details .text-content p {
  color: #868686;
  font-weight: 200;
  margin: 0
}

.cashout-balance-modal.cashout-balance-user-details .popup-title {
  font-size: 20px
}

.cashout-balance-modal.cashout-balance-user-details  .card-details {
  font-size: 18px;
}

.cashout-balance-modal.cashout-balance-user-details .card-addition[data-iscardadded='1'] .icon-basic-info {
  display: inline-block;
  color: #d544da;
  font-size: 13px;
  font-weight: 600;
}

.cashout-balance-modal.cashout-balance-user-details .card-addition[data-iscardadded='1'] .card-details {
  padding-left: 8px;
  vertical-align: top;
}

.cashout-balance-modal .verified-section {
  margin-bottom: 18px;
}

.cashout-balance-modal .verified-section .verified-icon {
  font-size: 15px;
  font-weight: 800;
  color: #00b700;
  vertical-align: middle;
  line-height: 25px;
}

.cashout-balance-modal .verified-section .verified-text {
  line-height: 25px;
  vertical-align: middle;
  padding-left: 8px;
  color: #00b700;
  font-weight: 400;
}

.cashout-balance-modal .verified-section .verified-icon.pending-icon,
.cashout-balance-modal .verified-section .verified-text.pending-text {
  color: #d544da;
}

/***************************Side fixed menu Start**********************************/

.menu-left {
  position: fixed;
  z-index: 6;
  padding: 48px 0 0 0;
  top: 0;
  bottom: 0;
  background-color: #222;
  display: inline-block;
  white-space: nowrap;
  width: 60px;
  transition: width .4s;
  vertical-align: middle;
  overflow: hidden;
}

.menu-left .mCSB_inside&gt;.mCSB_container {
  margin-right: 0px;
}

.menu-left .mCSB_scrollTools {
  width: 5px;
}

.menu-left ul {
  padding: 0;
  margin-bottom: 60px;
  min-height: 560px;
}

.menu-left .item {
  height: 60px;
  overflow: hidden;
  color: #fff;
  margin-top: 10px;
  vertical-align: middle;
  line-height: 60px;
}

.menu-left:hover {
  width: 300px;
}

.menu-left .item:hover {
   background-color:rgba(0, 0, 0, 0.20);
 }

.menu-left .item.active,
.menu-left .item:active {
  background-color: #d544da;
}

.menu-left .item a:focus,
.menu-left .item a:active,
.menu-left .item a:visited,
.menu-left .item a:hover {
  text-decoration: none !important;
}

.menu-left .item .menu-left-profile-img {
  vertical-align: middle;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  object-fit: cover;
  margin: 10px 6px 10px 8px;
}

.menu-left .item a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  display: block;
}

.menu-left .menu-icon {
  /*margin: 10px;*/
  width: 40px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 27px;
  vertical-align: middle;
  font-weight: 500;
  display: inline-block;
  line-height: 50px;
  margin: -4px 10px 0 10px;
}

/* .sub-menu-text {
  width: 230px;
  background-color: #fff;
  left: 60px;
  position: fixed;
  z-index: 1;
  padding-top: 65px;
  top: 0px;
  bottom: 0;
  text-transform: uppercase;
} */

.sub-menu-text ul {
  list-style-type: none;
  padding-left: 0px;
}

.sub-menu-text ul li {
  padding:10px 15px; 
}

.sub-menu-text ul li a {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  vertical-align: middle;
  line-height: 35px;
  padding: 0 15px;
  color: #000;
  border-radius: 35px;
  display: inline-block;
  text-decoration: none;
}

.sub-menu-text ul li a:hover,
.sub-menu-text ul li.active a {
  text-decoration: none;
  background-color: #d544da;
  color: #fff;
}

.sub-menu-text ul li a:hover,
.sub-menu-text ul li a.focus {
  text-decoration: none;
}

.sub-menu-text ul li a span {
  font-size: 18px;
  vertical-align: middle;
  line-height: 60px;
  font-weight: 700;
}
.sub-menu-text ul li a .icon-new-edit-profile,
.sub-menu-text ul li a .icon-meetandgreet {
  font-weight: 500;
}
/***************************Side fixed menu Ends **********************************/

/*************************** Profile page starts*****************/
.profile-page .profile-cover .cover-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.profile-page .landing-creator-main.broadcaster-profile-pic {
  position: absolute;
  left: 40px;
  top: -180px;
  width: auto;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition: 600ms;
  -webkit-transition: 600ms;
}

.landing-creator-main .ie-supported-img.creator-prof {
  width: 190px;
  height: 190px;
  box-shadow: 0px 13px 20px 0px rgba(88, 88, 88, 0.18);
  background-color: grey;
}

@media screen and (max-width: 600px) {
  .profile-page .profile-cover .cover-img {
    height: 250px;
  }
  .profile-page .landing-home .creator-profile-menu .landing-menu-tabs .mobile-profile-menu {
    display: table !important;
    width: 100%;
  }
  .home-tabs-menu ul li {
    width: 28%;
  }
}

@media screen and (max-width: 992px) {
  .profile-page .landing-home .creator-profile-menu .landing-menu-tabs .mobile-profile-menu {
    display: table !important;
    width: 100%;
  }
  .home-tabs-menu ul li {
    width: 28%;
  }
  .btn-confirm-post-creation +.btn-confirm-post-creation {
    margin-left: unset;
  }
}
@media (min-width: 992px) {
  .profile-page .landing-home .creator-profile-menu-container-content {
    padding-left: 20px;
  }
}

/*************************** Profile page starts*****************/</pre></body></html>