body {
	font-size: 1rem;
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	background: #141C2D;
	background: linear-gradient(154.12deg, #141C2D 10.61%, #141C2D 10.62%, rgba(12, 17, 27, 1) 43.1%, #0C111B 70.01%);

	min-height: 100vh;
	/*background-image: url(../images/bg.png);  */
	background-size: cover;
	background-repeat: no-repeat;

	/*background: radial-gradient(49.99% 50.12% at 50.02% 50.33%, #00448F 0%, #001A38 59%, #000 100%);
	background-blend-mode: screen;
	mix-blend-mode: screen; */
}
img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
a,button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

h1,h2,h3,h4,h5,h5,p,span,li,a {
	word-break: break-word;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.row>* {
	padding-left: 15px;
	padding-right: 15px;
}
.container-1350 {
	max-width: 1350px;
}
.container-1200 {
	max-width: 1200px;
}

.site-main-content {
	/*max-width: 1440px;*/
	/*margin: 0 auto;*/
}
.siteloader  {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%                                           ;
	background: linear-gradient(154.12deg, #141C2D 10.61%, #141C2D 10.62%, rgba(12, 17, 27, 1) 43.1%, #0C111B 70.01%);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hm-spinner {
    height: 160px;
    width: 160px;
    border: 5px solid transparent;
    border-top-color: #3185FC;
    border-bottom-color: #3185FC;
    border-radius: 50%;
    position: relative;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.hm-spinner::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 5px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}

@keyframes spinBack {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}

.siteloaderimg {
	position: absolute;
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	left: 0;
	right: 0;
}

-webkit-@keyframes spin {
  -webkit-from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  -webkit-to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

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


.icon-color-green {
	color: #51ac5e;
}
.icon-color-red {
	color: #cf4545;
}
.form-control,
button {
	box-shadow: none !important;
	outline: 0 !important;
}
.login-forgot-section {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 15px;
}

.login-forgot-section .signin-inner:not(.profile-section) {
	background: linear-gradient(0deg, rgba(20, 20, 20, .95), rgba(20, 20, 20, .95)),
	linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
   	border: 1px solid rgba(98, 96, 96, .8);
	/*border-image-source: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%); */

    border-radius: 20px;
    padding: 40px 30px 30px;
    max-width: 430px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.site-logo-password {
	/*position: absolute;
	top: 30px;
	left: 40px; */
	padding-top: 30px;
	padding-left: 40px;
	padding-bottom: 10px;
}

.login-forgot-section .signin-inner h1 {
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
}
.login-forgot-section .signin-inner .signin-inner-form  > p {
	font-size: 12px;
	line-height: 22px;
	color: #96989D;
	max-width: 281px;
}
.login-forgot-section .signin-inner p span {
	font-weight: 600;
	color: #fff;
}
.login-forgot-section .signin-inner .form-group {
	margin-bottom: 35px;
}
.login-forgot-section .signin-inner .form-group.space-small {
	margin-bottom: 20px;
}
.login-forgot-section .signin-inner .form-group > label {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 5px;
}
.login-forgot-section .signin-inner .form-group > label span {
	color: #3185FC;
}

.form-control.common-form-control {
	min-height: 50px;
	border: 1px solid #3185FC !important;
	border-radius: 8px !important;
	background-color: #32353C !important;
	padding: 5px 15px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.form-control.common-form-control .emojionearea .emojionearea-editor {
    color: #fff !important;
}
.form-control.common-form-control::-webkit-input-placeholder {
   color: #fff;
}
.form-control.common-form-control:-moz-placeholder {
   color: #fff;
}
.form-control.common-form-control::-moz-placeholder {
   color: #fff;
}
.form-control.common-form-control:-ms-input-placeholder {
   color: #fff;
}
.login-link {
	margin-top: 60px;
}

.login-link,
.custom-submit-btn {
	width: 100%;
	text-align: center;
	background-color: #3185FC;
	border-radius: 8px;
	border: 0;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
	padding: 13.5px 15px;
	display: inline-block;
}
.login-forgot-section .back-to-link {
	margin-top: 23px;
}

.resend-code-link p a,
.login-forgot-section .back-to-link a {
	font-size: 15px;
	line-height: 23px;
	color: #3185FC;
}

.resend-code-link {
	margin-top: 30px;
}
.resend-code-link p {
	font-size: 15px;
	line-height: 23px;
	color: #DDDDDD;
	margin-bottom: 0;
}

.otp-input {
	font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #32353C;
    border: 1px solid #565656;
    box-shadow: none;
    outline: none;
    padding: 0;
    text-align: center;
    display: inline-block;
}
.otp-input:focus {
	border-color: #3185FC;
}

.otp-flex-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.login-forgot-section .signin-inner .form-group.otp-flex-content {
	margin-bottom: 30px;
}

.toggle-password {
	position: absolute;
	right: 10px;
	top: 15px;
}
.error-message span {
	font-size: 13px;
	line-height: 20px;
	font-style: italic;
	color: #D72B2B;
}

.new-set-password-info {
	margin-top: 10px;
}

.new-set-password-info p {
	font-size: 13px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 0;
}
.new-set-password-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 292px;
	margin: 0 -5px;
}
.new-set-password-info ul li {
	font-size: 12px;
	line-height: 22px;
	padding: 0 5px 2px;
	width: 50%;
}
.new-set-password-info ul li i {
	margin-right: 8px;
}

.password-hide-show.form-control.common-form-control {
	padding-right: 35px;
}
.right-icon-box {
	margin-bottom: 30px;
}

.right-icon-box span {
	color: #fff;
	width: 76px;
	height: 76px;
	line-height: 76px;
	font-size: 30px;
	background-color: #24C386;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
}

.login-forgot-section .profile-section {
	max-width: 385px;
	margin: 0 auto;
}

.custom-upload .prev {
  height: 100px;
}

.custom-upload .prev {
  height: 85px;
  width: 85px;
  object-fit: cover;
  border-radius: 100%;
}

.custom-upload .preview1:not(.prev) {
	display: none;
}

.custom-upload .btn-rmv3,
.custom-upload .btn-rmv2,
.custom-upload .btn-rmv1 {
  display: none;
}

.custom-upload .rmv {
	cursor: pointer;
	color: #fff;
	border-radius: 100%;
	border: 1px solid red;
	display: inline-block;
	background: rgba(255, 0, 0, 1);
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 2;
	width: 20px ;
	height: 20px;
	line-height: 14px;
	font-size: 10px !important;
	padding:0 !important;
}
#uploadicon3.show,
#uploadicon2.show,
#uploadicon1.show {
	display: none;
}

.custom-upload .btn_upload input[type="file"] {
    cursor: pointer;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0;
    width: 100%;
    display: none;
}
.custom-upload .btn_upload label {
	cursor: pointer;
}

.custom-upload .btn_upload {
	max-width: 90px;
	display: block;
	margin: 0 auto;

    position: relative;
}

.upload-btn-text {
	width: 90px;
	height: 90px;
	text-align: center;
	border: 1px dotted #909090;
	border-radius: 100%;
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 15px;
}
.upload-btn-text p {
	font-size: 12px;
	line-height: 14px;
	color: #909090;
}

.custom-upload  {
	margin-top: 50px;
	margin-bottom: 50px;
}

.uploadbox label {
	font-size: 15px;
	line-height: 23px;
	color: #3185FC;
}
.upload-btn-text.show #uploadicon1,
.upload-btn-text.show p {
	display: none;
}

.login-forgot-section .signin-inner.profile-section .form-group {
	margin-bottom: 8px;
}

.custom-radio-button .radio-button-list {
	margin-right: 25px;
}
.custom-radio-button .radio-button-list:last-of-type {
	margin-right: 0;
}

.custom-radio-button [type="radio"]:checked,
.custom-radio-button [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio-button [type="radio"]:checked + label,
.custom-radio-button [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #565656;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}
.custom-radio-button [type="radio"]:checked + label:before,
.custom-radio-button [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: transparent;
}
.custom-radio-button [type="radio"]:checked + label:after,
.custom-radio-button [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #3185FC;
    position: absolute;
    top: 4px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio-button [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio-button [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mb-30 {
	margin-bottom: 30px !important;
}
.onboarding-questions {
	padding-bottom: 50px;
}

.change-password .row,
.signup-form-data .row,
.onboarding-questions .row {
	margin-left: -10px;
	margin-right: -10px;
}
.change-password .row>*,
.signup-form-data .row>*,
.onboarding-questions .row>* {
	padding-left: 10px;
	padding-right: 10px;
}
.onboarding-questions-inner {
	max-width: 895px;
	margin: 0 auto;
}
.multi-steps-content h1 {
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 0;
}
.multi-steps-content p {
	font-size: 12px;
	line-height: 22px;
	color: #96989D;
	margin-bottom: 0;
}
.multi-steps-content .steps-list {
	padding: 0;
	margin-top: 35px;
	margin-bottom: 25px;
	list-style: none;
	display: flex;
	align-items: center;
}
.multi-steps-content .steps-list li {
	font-size: 15px;
	line-height: 22px;
	color: #959595;
	margin-right: 5px;
	position: relative;
	padding-right: 50px;
}
.multi-steps-content .steps-list li:last-of-type {
	margin-right: 0;
	padding-right: 0;
}
.multi-steps-content .steps-list li:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #959595;
	width: 37px;
	height: 1px;
}
.multi-steps-content .steps-list li.active.fill {
	color: #3185FC;
}
.multi-steps-content .steps-list li.fill:after {
	background-color: #3185FC;
}
.multi-steps-content .steps-list li:last-of-type:after {
	display: none;
}
.multi-steps-content .steps-list li span {
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	background-color: #959595;
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
}
.multi-steps-content .steps-list li.active {
	color: #fff;
}
.multi-steps-content .steps-list li.active span {
	background-color: #3185FC;
}

.multi-steps-content h5 {
	font-size: 16px;
	line-height: 22px;
	color: #3185FC;
	margin-bottom: 10px;
}
.multi-steps-content .form-group {
	margin-bottom: 25px;
}
.multi-steps-content .form-group label {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: #dddddd;
	margin-bottom: 10px;
}
.multi-steps-content .form-group label.text-color-theme {
	/*color: #3185FC; */
}

.multi-steps-content .form-control {
	padding: 15px;
	border: 1px solid #565656;
	border-radius: 8px;
	min-height: 50px;
	background-color: #32353C;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	width: 100%;
}
.multi-steps-content .form-control.nice-select {
	padding-right: 25px;
}
.multi-steps-content .form-control.nice-select {
	color: #565656;
}

.multi-steps-content .nice-select-color-change .form-control.nice-select {
	color: #fff;
}
.multi-steps-content .nice-select-color-change .form-control.nice-select:after {
	border-color: #fff;
}

.multi-steps-content .form-control::-webkit-input-placeholder {
   color: #565656;
}
.multi-steps-content .form-control:-moz-placeholder {
   color: #565656;
}
.multi-steps-content .form-control::-moz-placeholder {
   color: #565656;
}
.multi-steps-content .form-control:-ms-input-placeholder {
   color: #565656;
}
.login-link {
	margin-top: 60px;
}
.nice-select {
	width: 100%;
}
.nice-select:after {
	width: 10px;
	height: 10px;
	right: 15px;
	margin-top: -8px;
}
.nice-select.open .list {
	width: 100%;
	background-color: #32353C;
}
.nice-select .option.selected {
	font-weight: 400;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
	color: #3185FC;
    background-color: transparent;
}
.nice-select .option {
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	min-height: 30px;
}

.next-steps-btn .custom-submit-btn {
	max-width: 208px;
	margin-right: 45px;
}

.multi-steps-content .form-group.custom-checkbox label {
	font-size: 16px;
	color: #3185FC;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 0;
	vertical-align: middle;
}

.custom-checkbox  input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.custom-checkbox  label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}

.custom-checkbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0;
  position: absolute;
  left: 0;
  top: 2px;
}

.custom-checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 6px;
  width: 6px;
  height: 12px;
  border: solid #3185FC;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#steps-content-2 {
	display: none;
}

.skip-now {
	font-size: 15px;
	line-height: 23px;
	color: #3185FC;
	font-weight: 500;
}

.previous-steps {
	padding-right: 18px;
}

.menu-right-link > ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

.usersignin .modal-content,
.signinmodal-usertype .modal-content {
	background: linear-gradient(0deg, rgba(20, 20, 20, 1), rgba(20, 20, 20, 1)),
	linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	box-shadow: none;
	border-radius: 20px;
	border: 1px solid rgba(98, 96, 96, .8);
}
.usersignin .modal-body,
.signinmodal-usertype .modal-body {
	padding: 35px 30px;
}
.usersignin .modal-body h2,
.signinmodal-usertype .modal-body h2 {
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 0;
}
.signinmodal-usertype .modal-body p {
	font-size: 13px;
	line-height: 22px;
	color: #96989D;
}
.signinmodal-usertype .modal-body p span {
	color: #fff;
}
.signinmodal-usertype .modal-body form {
	margin-top: 20px;
}
.radio-box input[type="radio"] {
	display: none;
}
.radio-box {
	margin-right: 10px;
}
.radio-box:last-of-type {
	margin-right: 0;
}
.radio-box label {
	padding: 12.5px 15px;
	border-radius: 8px;
	border: 1px solid rgba(98, 96, 96, .8);
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
	cursor: pointer;
	min-width: 172px;
	text-align: center;
}
.radio-box input[type="radio"]:checked + label {
	border-color: transparent;
	background-color: #3185FC;
}
.radio-box label a {
	color: #fff;
}
.usersignin .modal-body {
	padding-top: 7px;
}
.mb-20 {
	margin-bottom: 20px !important;
}

.usersignin .modal-header {
	padding: 7px 15px;
	border: 0;
	display: block;
	text-align: right;
}
.usersignin .modal-header .btn-close {
	padding: 0;
	background: none;
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 100%;
	text-align: center;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%),
	linear-gradient(0deg, #444444, #444444);
	border: 1px solid rgba(98, 96, 96, .8);
	opacity: 1;
}

.usersignin .form-group {
	margin-bottom: 15px;
}

.usersignin label {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #ddd;
}
.usersignin label sup {
	color: #3185FC;
}

.usersignin .form-control.common-form-control::-webkit-input-placeholder {
   color: #565656;
}
.usersignin .form-control.common-form-control:-moz-placeholder {
   color: #565656;
}
.usersignin .form-control.common-form-control::-moz-placeholder {
   color: #565656;
}
.usersignin .form-control.common-form-control:-ms-input-placeholder {
   color: #565656;
}
.forgot-link-with-error {
	margin-top: 6px;
}
.forgot-link-with-error .right-link-text a {
	font-size: 13px;
	font-style: italic;
	line-height: 20px;
	color: #3185FC;
}
.signup-btn {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
	padding: 13.79px 15px;
	background-color: transparent;
	border: 1px solid rgba(98, 96, 96, .8);
}
.signup-btn img {
	margin-right: 5px;
}

.new-register-text p {
	color: #ddd;
	font-size: 15px;
	line-height: 23px;
}
.new-register-text p a {
	color: #3185FC;
	position: relative;
}
.new-register-text:not(.all-ready-login-text) p a:before {
	content: "";
	background-image: url(../images/register-bg.png);
	width: 95px;
	height: 10px;
	position: absolute;
	bottom: -12px;
	right: 0;
}
.signup-tab {
	margin-bottom: 20px;
}
.signup-tab .tab-content .tab-pane:not(.show) {
	display: none;
}
.signup-tab .nav-link {
	font-size: 16px;
	line-height: 24px;
	color: #565656;
	border: 1px solid transparent;
	padding: 7.5px 12px;
}
.signup-tab .nav-link.active {
	color: #3185FC;
	border-color: #3185FC;
	background-color: rgba(49, 133, 252, 0.16);
}
.signup .form-control.common-form-control {
	border-color: #565656;
}
.emailverify.usersignin .modal-body,
.otppmodal.usersignin .modal-body {
	padding-top: 35px;
}
.otppmodal.usersignin .modal-body > p {
	font-size: 13px;
	line-height: 22px;
	color: #96989D;
}
.otppmodal.usersignin .modal-body > p span {
	font-weight: 600;
	color: #DDDDDD;
}
.emailverify .modal-body .login-link {
	margin-top: 30px;
}

/*footer section */
.footer-section {
	padding: 30px 0 0;
	background-color: #060911;
	max-width: 1440px;
	margin: 0 auto;
}
.footer-section .widget-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 15px;
}
.social-widget ul,
.menu-widget ul {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}
.footer-section .widget {
	margin-bottom: 30px;
}
.social-widget ul li,
.menu-widget ul li {
	margin-bottom: 3px;
}
.social-widget ul li:last-of-type,
.menu-widget ul li:last-of-type {
	margin-bottom: 0;
}

.social-widget ul li a,
.menu-widget ul li a {
	font-size: 14px;
	line-height: 32px;
	color: #808080;
}
.social-widget ul li a:hover,
.menu-widget ul li a:hover {
	padding-left: 8px;
	color: #3185FC;
}

.social-widget ul li a i {
	font-size: 18px;
	margin-right: 10px;
}
.copyright-section {
	border-top: 1px solid #222222;
	padding: 12.5px 0;
	text-align: center;
}
.copyright-section p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}
/*  footer  section end */
.main-content-area {
	padding: 130px 0 80px;
}
.page-title {
	font-size: 28px;
	line-height: 42px;
	font-weight: 600;
	margin-bottom: 30px;
}
.page-title span {
	font-weight: 400;
}
.page-title i {
	margin-right: 15px;
}
.about-section .about-inner {
	max-width: 895px;
	margin: 0 auto;
}
.about-inner h6 {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
}
.about-inner p {
	font-size: 16px;
	line-height: 22px;
	color: #959595;
}
.about-inner p:last-of-type {
	margin-bottom: 0;
}
.contact-form-section {
	max-width: 370px;
	margin: 70px auto 0;
}
.contact-form-section .form-group {
	margin-bottom: 25px;
}
.contact-form-section .form-group label {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 6px
}
.contact-form-section .form-group label sup {
	color: #3185FC;
}

.contact-form-section .form-control.common-form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #565656;
}

.contact-form-section .form-control.common-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #575758
}
.contact-form-section .form-control.common-form-control::-moz-placeholder { /* Firefox 19+ */
  color: #575758
}
.contact-form-section .form-control.common-form-control:-ms-input-placeholder { /* IE 10+ */
  color: #575758
}
.contact-form-section .form-control.common-form-control:-moz-placeholder { /* Firefox 18- */
  color: #575758
}

.faq-accordion .accordion-item {
	background: #1A1D1F;
	border-radius: 18px !important;
	margin-bottom: 10px;
	padding: 24.5px 20px;
	border: 1px solid transparent;
}
.faq-accordion .accordion-item.active {
	border-color: #626060;
}
.faq-accordion .accordion-item .accordion-body {
	padding: 24px 0 0;
	font-size: 16px;
	line-height: 22px;
	color: #959595;
}
.faq-accordion .accordion-item h2 .accordion-button {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
}
.faq-accordion .accordion-item .accordion-header button {
	background-color: transparent;
	padding: 0 15px 0 0;
	border: 0;
	border-radius: 0;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
	content: "\f00d";
}
.faq-accordion .accordion-button::after {
	content: "\2b";
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	margin-left: auto;
	position: absolute;
	right: -10px;
	text-align: center;
}
.faq-accordion.support-accordion .accordion-button::after {
    content: "\f078";
}
.change-password .user-sidebar-widget {
	width: 25.853%;
}

.user-sidebar-widget .user-sidebar-widget-inner {
	padding: 20px 8px;
	background: linear-gradient(154.12deg, #141C2D 10.61%, #141C2D 10.62%, rgba(12, 17, 27, 0.78) 43.1%, #0C111B 70.01%);
	box-shadow: 0px 4px 23px 0px #00000040;
	border:  .5px solid rgba(98, 96, 96, .5);
	border-radius: 10px;
}
.userprofile-link-box,
.user-sidebar-widget-inner .user-profile-link {
	margin-bottom: 21px;
}

.user-sidebar-widget-inner .user-profile-link {
	padding: 0 10px;
}

.userprofile-link-box:last-of-type {
	margin-bottom: 0;
}

.user-sidebar-widget-inner .user-profile-link .active-user-image {
	min-width: 36px;
	margin-right: 15px;
}
.user-sidebar-widget-inner .user-profile-link .active-user-image img {
	width: 36px;
	height: 36px;
	border-radius: 100%;
}
.user-sidebar-widget-inner .user-profile-link .active-user-title h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 0;
}
.userprofile-link-box a {
	padding: 10px;
	border-radius: 4px;
}
.userprofile-link-box a:hover,
.userprofile-link-box a.active {
	background: linear-gradient(267.6deg, rgba(98, 96, 96, .2) 19.74%, rgba(96, 96, 96, 0) 145.98%);

}
.userprofile-link-box a:hover .icon i,
.userprofile-link-box a.active .icon i,
.userprofile-link-box a:hover p,
.userprofile-link-box a.active p {
	color: #fff;
}

.userprofile-link-box .icon-image {
	margin-right: 10px;
}
.userprofile-link-box .icon-image span {
	width: 30px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	border-radius: 100% ;
	display: inline-block;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
}
.userprofile-link-box .profile-link-title p {
	font-size: 16px;
	line-height: 24px;
	color: #959595;
	margin-bottom: 0;
}
.userprofile-link-box .icon {
	margin-left: auto;
	text-align: right;
}
.userprofile-link-box .icon i {
	color: #fff;
}
.pass-info-text {
	font-size: 12px;
	line-height: 22px;
	color: #96989D;
	max-width: 255px;
}
.change-password-content form {
	max-width: 500px;
}
.change-password-content .form-group {
	margin-bottom: 15px;
}
.change-password-content .form-group label {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: #DDDDDD;
	margin-bottom: 6px;
}

.change-password-content .form-group  .userid {
	position: absolute;
	left: 15px;
	top: 12px;
}
.form-control.common-form-control.padding-left-30 {
	padding-left: 30px;
}

.change-password-content .form-group label sup {
	color: #3185FC;
}
.change-password-content .toggle-password {
	color: #565656
}

.change-password-content .toggle-password.active {
	color: #fff;
}

.change-password-content .form-control::-webkit-input-placeholder {
   color: #565656;
}
.change-password-content .form-control:-moz-placeholder {
   color: #565656;
}
.change-password-content .form-control::-moz-placeholder {
   color: #565656;
}
.change-password-content .form-control:-ms-input-placeholder {
   color: #565656;
}

.password-validation-message ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 280px;
}
.password-validation-message ul li img {
	margin-right: 8px;
}
.password-validation-message ul li {
	font-size: 12px;
	line-height: 22px;
	width: 50%;
	font-weight: 300;
}

.edit-profile-content .custom-upload {
    margin-top: 20px;
    margin-bottom: 20px;
}
.edit-profile-content .form-control.common-form-control {
	border-color: #565656;
}
.edit-profile-content.change-password-content form {
    max-width: 370px;
}
.join-text-info {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: 300;
	text-align: center;
}

.error-image  {
	margin: 60px 0 50px;
}
.error-image img {
	background-blend-mode: screen;
	mix-blend-mode: screen;
}
.error-content h2 {
	font-size: 24px;
	line-height: 36px;
}
.error-content .search-link {
	font-size: 14px;
	line-height: 21px;
	color: #3185FC;
}

.error-content p {
	margin: 0 auto;
	max-width: 370px;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	color: #565656;
}

.searchmodal .modal-header {
    padding: 7px 15px;
    border: 0;
    display: block;
    text-align: right;
}
.searchmodal .modal-header .btn-close {
    padding: 0;
    background: none;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, .8);
    opacity: 1;
}
.searchmodal .modal-content {
	border: 0;
	border-radius: 18px;
	background-color: #32353C;
}

.searchmodal .search-form .page-title {
	margin-bottom: 10px !important;
}

.searchmodal .modal-body {
	padding: 10px 30px 15px;
}
.searchmodal .search-form .form-control {
	/*background: linear-gradient(3deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%),
	linear-gradient(90deg, rgba(0, 0, 0, 0) 1.66%, #FFFFFF 49.29%, rgba(0, 0, 0, 0) 100%);
	border: 1px solid;
	border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0) 1.66%, #FFFFFF 49.29%, rgba(0, 0, 0, 0) 100%);
	*/

	background: linear-gradient(267.6deg, #575555 19.74%, rgba(139, 139, 139, 0) 145.98%),
 linear-gradient(90deg, rgba(0, 0, 0, 0) 1.66%, #ffffff36 49.29%, rgba(0, 0, 0, 0) 100%);
	border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.69turn, rgba(0,0,0,0), rgba(255,255,255,.3), rgba(0,0,0,0));
    border-image-slice: .8;

	min-height: 50px;
	padding: 5px 162px 5px 15px;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	font-weight: 300;
	border-radius: 80px;
}
.searchmodal .search-form .search-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: #3185FC;
	border-radius: 64px;
	color: #ddd;
	text-align: center;
	font-size: 15px;
	line-height: 23px;
	width: 155px;
	padding: 8px 15px;
	border: 0;
}

.search-form .form-control::-webkit-input-placeholder {
   color: #fff;
}
.search-form .form-control:-moz-placeholder {
   color: #fff;
}
.search-form .form-control::-moz-placeholder {
   color: #fff;
}
.search-form .form-control:-ms-input-placeholder {
   color: #fff;
}

.webseries-creators-section {
	padding: 80px 0;
}
.creators-content h2 {
	font-size: 36px;
	line-height: 54px;
	margin-bottom: 20px;
}
.creators-content .creators-content-inner {
	max-width: 502px;
}
.creators-content p {
	font-size: 14px;
	line-height: 21px;
	color: #E9E9E9;
	max-width: 447px;
	margin-bottom: 20px;
}
.custom-link-btn {
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
	border-radius: 4px;
	padding: 13.5px 15px;
	min-width: 181px;
	display: inline-block;
	background-color: #3185FC;
	text-align: center;
}

.creators-images img {
	background-blend-mode: screen;
	mix-blend-mode: screen;
}

.creators-images.image-space-top img {
	position: relative;
	margin-top: -100px;
}
.faq-section .faq-content-inner {
	max-width: 814px;
	margin: 0 auto;
}
.section-header {
	margin-bottom: 25px;
}

.section-header h2 {
	font-size: 36px;
	line-height: 54px;
}
.faq-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.faq-section .faq-accordion .accordion-item h2 .accordion-button {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
}

.faq-section .faq-accordion .accordion-item {
	background: #161616;
	border: 0 !important;
	border-radius: 0 !important;
	padding-top: 16.5px;
	padding-bottom: 16.5px;
}

.topwebseries-week {
	background-color: #02050C;
	padding: 50px 0;
}
.topwebseries-week .section-header {
	margin-bottom: 60px;
}

.topwebseries-week .section-header h2 {
	line-height: 39px;
}
.section-header p {
	font-size: 14px;
	line-height: 17px;
	margin: 0 auto;
	max-width: 474px;
	font-weight: 300;
}

.webseries-block-inner {
	position: relative;
}
.webseries-block-inner:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	bottom: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 94.48%);
}
.webseries-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
    overflow: hidden;
}

.webseries-content .content {
	transition: transform 0.4s;
    transform: translateY(100%);
}

.webseries-content h4 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
	transform: translateY(-110%);
    transition: transform 0.4s;

}
.webseries-content p {
	font-size: 14px;
	line-height: 21px;
	color: #959595;
	transform: translateY(-150%);
    transition: transform 0.4s;
}

.follow-btn {
	width: 218px;
	padding: 13.5px 15px;
	border-radius: 4px;
	min-width: 218px;
	display: inline-block;
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
	background-color: #3185FC;
	text-align: center;
	display: none;
}

.webseries-block:hover .webseries-content {
	background-color: #0C111B;
}

.webseries-block:hover .webseries-content .follow-btn {
	display: block;
}

.webseries-block:hover .webseries-content .content {
	transform: translateY(0);
}
.webseries-block:hover .webseries-content p,
.webseries-block:hover .webseries-content h4 {
	transform: translateY(0);
}

.owl-nav button {
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.owl-nav button span {
	font-size: 0 ;
}


.slick-prev:before,
.owl-nav button span:before {
	font-size: 16px;
	content: "\f053";
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	opacity: 1;
}
.owl-nav button.owl-next span:before {
	content: "\f054";
	position: absolute;
	right: 20px;
}

.owl-carousel .owl-nav button.owl-next {
	width: 99px;
	height: 100%;
	background: linear-gradient(270.92deg, #000000 0.74%, rgba(0, 0, 0, 0) 92.34%);
}
.slick-prev {
    left: 15px;
    z-index: 1;
    opacity: 1;
}
.slick-next {
    right: 15px;
    z-index: 1;
    opacity: 1;
}

.slick-next:before {
	content: "\f054";
	font-size: 16px;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	opacity: 1;
}
.owl-nav button.owl-next {
	right: 0;
	left: auto;
}
.slick-arrow.slick-disabled,
.owl-nav button.disabled {
	opacity: 0;
}

.topwebseries-carousel .slick-slider .slick-track,
.topwebseries-carousel .slick-slider .slick-list {
	margin: 0 -5px;
}

.topwebseries-carousel .webseries-block {
	padding: 0 5px;
}

.custom-progress-bar {
	max-width: 819px;
	margin: 0 auto;
	padding-top: 40px;
}
.custom-progress-bar .progress {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #959595;
  background-image: linear-gradient(to right, #3185FC, #3185FC);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .4s ease-in-out;
}

.custom-progress-bar .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.home-slider-section:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 3.12%, #000000 100%);
	width: 100%;
	height: 100%;
	min-height: 100vh;
	display: inline-block;
	z-index: -1;
}
.home-slider-section {
	background-image: url(../images/home-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.search-result-slider.home-slider-section {
	background-image: url(../images/search-result-banner.jpg);
}

.home-slider-section.watch-main-slider {
	background-image: url(../images/watch-banner.jpg);
}
.home-slider-section .home-slider-section-inner {
	display: flex;
	align-items: end;
	min-height: 100vh;
	padding-top: 20px;
	padding-bottom: 20px;
}
.home-slider-section .main-slider-section {
	width: 64%;
}
.home-slider-section .main-slider-thumb {
	margin-left: auto;
	text-align: right;
	width: 36%;
	padding: 5px;
}
.player-main-content h1 {
	max-width: 519px;
}

.player-main-content h1,
.main-slider-section .slider-content h1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}
.player-main-content .video-info,
.main-slider-section .video-info {
	margin-bottom: 8px;
}
.player-main-content .video-info p,
.main-slider-section .video-info p {
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #959595;
	margin-bottom: 0;
	margin-right: 10px;
}
.player-main-content .video-info .right-info-box span,
.main-slider-section .video-info .right-info-box span {
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	padding: 4px 8px;
	border-radius: 8px;
	background-color: #5B5B5B;
	display: inline-block;
	margin-right: 5px;
}
.player-main-content .video-info .right-info-box span:last-of-type
.main-slider-section .video-info .right-info-box span:last-of-type {
	margin-right: 0;
}
.player-main-content .desc-text,
.main-slider-section .desc-text {
	max-width: 396px;
}
.player-main-content .desc-text p,
.main-slider-section .desc-text p {
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #959595;
	margin-bottom: 10px;
}

.player-main-content .player-btn-list,
.main-slider-section .player-btn-list {
	margin-top: 20px;
}
.player-main-content .btn-watch-now,
.main-slider-section .btn-watch-now {
	color: #ddd;
	font-size: 15px;
	line-height: 23px;
	text-align: center;
	border-radius: 4px;
	min-width: 310px;
	background-color: #3185FC;
	padding: 13.5px 15px;
	display: inline-block;
	margin-right: 20px;
}
.player-main-content .btn-watch-now i,
.main-slider-section .btn-watch-now i {
	margin-right: 15px;
}
.player-main-content .add-whishlist,
.main-slider-section .add-whishlist {
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	border: 0;
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
}
.player-main-content .add-whishlist span,
.main-slider-section .add-whishlist span {
	color: #fff;
	width: 31px;
	height: 31px;
	line-height: 31px;
	margin-right: 13px;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
}

.main-slider-thumb .slick-list {
	padding:0 5% 0 0 !important;
}

.main-slider-thumb .slick-track {
	margin: 0 -4px;
}
.main-slider-thumb .slick-track .thumb-items {
	padding: 0 4px;
	cursor: pointer;

}
.main-slider-thumb .slick-track .thumb-items img {
	border-radius: 4px;
	width: 100%;
	height: 44px;
	max-width: 80px;
}
.main-slider-thumb .slick-track .thumb-items .imginner {
	height: 48px;
}
.main-slider-thumb .slick-track .thumb-items.slick-current .imginner img{
	border: 2px solid #3185FC;
}

.main-slider-thumb .slick-track .thumb-items.slick-current .imginner {
	border-radius: 4px;
	max-width: 77px;
	position: relative;
	padding: 2px;
}
.main-slider-thumb .slick-track .thumb-items.slick-current .imginner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*width: 77px; */
	height: 48px;
	border: 4px solid #3185fc2b;
    border-radius: 4px;
}
.produce-section {
	padding-top: 55px;
}
.drama-section {
	padding-bottom: 45px;
	padding-left: 62px;
}
.drama-section .section-header {
	margin-bottom: 20px;
}

.drama-section .section-header h2 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 0;
}

.drama-section .section-header h2 span {
	font-weight: 300;
}

.section-header .right-view-link {
	padding-right: 62px;
}

.section-header .right-view-link a {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	color: #3185FC;
}

.common-slide-overlay {
	position: relative;
	background: linear-gradient(225deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);

}
.common-slide-items .common-slide-overlay img {
	opacity: 1;
}

.common-slide-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.common-slide-overlay.romantic-box:before {
	background-color: rgba(173, 96, 95, .8);
}
.common-slide-overlay.horror-box:before {
	background: linear-gradient(225deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.common-slide-overlay.family-box:before {
	background-color:rgba(92, 84, 50, .8);
}
.common-slide-overlay.reality-box:before {
	background-color:rgba(43, 95, 112, .8);
}
.common-slide-overlay.crime-box:before {
	background-color:rgba(88, 53, 99, .8);
}
.common-slide-overlay.fantasy-box:before {
	background-color:rgba(50, 155, 111, .8);
}
.common-slide-overlay .title-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 0;
	text-align: center;
	padding: 10px;
}

.common-slide-items img {
	border-radius: 4px;
	opacity: .95;
}
.chatflow-section {
	padding-bottom: 70px;
}
.chatflow-section .row {
	margin: 0 -5px;
}

.chatflow-banner:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.chatflow-post,
.chatflow-section .chatflow-user-widget,
.chatflow-section .chatflow-post-content {
	padding-left: 5px;
	padding-right: 5px;
}
.chatflow-content .chatflow-user-widget {
	width: 25.852%;
	margin-top: -145px;
}
.chatflow-user-widget .chatflow-user-widget-inner {
	background-color: rgba(20, 20, 20, 0.65);
	box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.3);
	padding: 20px 25px;
	border-radius: 12px;
}

.chatflow-user-profile-edit {
	position: absolute;
	right: 20px;
	top: 20px;
}

.common-edit-icon {
	width: 29px;
	height: 29px;
	line-height: 28px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	background-color: #D9D9D9;
}
.common-edit-icon i {
	color: #222222;
	font-size: 12px;
}
.banner-img-edit-link {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.chatflow-user-widget .chatflow-profile img {
	max-width: 80px;
	max-height: 80px;
	border-radius: 100%;
	margin-bottom: 5px;
}
.chatflow-user-widget .chatflow-profile h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 0;
}
.chatflow-user-widget .chatflow-profile span {
	background-color: #222E35;
	border: 0.4px solid rgba(49, 133, 252, .3);
	border-radius: 20px;
	font-size: 10px;
	font-weight: 300;
	line-height: 15px;
	color: #fff;
	text-align: center;
	padding: 4px 10px;
	display: inline-block;
	margin-bottom: 20px;
}
.chatflow-user-widget .social-info-box,
.chatflow-user-widget .chatflow-profile  {
 	border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255), rgba(0,0,0,0));
    border-image-slice: 1;
    width:100%;
}
.chatflow-user-widget .chatflow-profile p.bio-text {
	font-size: 13px;
	font-weight: 300;
	line-height: 12px;
	color: #959595;
	max-width: 210px;
	margin: 0 auto 10px;
}
.chatflow-user-widget .chatflow-profile .location-content {
	font-size: 12px;
	line-height: 15px;
	color: #959595;
	margin-bottom: 10px;
}
.chatflow-user-widget .chatflow-profile .location-content img {
	margin-right: 5px;
}
.chatflow-user-widget .social-info-box {
	padding-top: 15px;
	margin-bottom: 15px;
}

.chatflow-user-widget .social-info-box .follow p {
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	color: #959595;
}
.chatflow-user-widget .social-info-box .follow p a {
	color: #959595;
}
.chatflow-user-widget .social-info-box .follow span {
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
}
.chatflow-user-widget .social-info-box .follow {
	margin-bottom: 15px;
}

.chatflow-user-widget .social-button-link {
	justify-content: space-around;
	margin-bottom: 20px;
}
.chatflow-user-widget .join-text p {
	font-size: 12px;
	line-height: 15px;
}

.chatflow-user-widget .following-btn {
	margin-bottom: 8px;
}
.chatflow-user-widget .chat-message-btn a,
.chatflow-user-widget .following-btn button {
	width: 100%;
	padding: 8.5px 15px;
	border-radius: 8px;
	text-align: center;
	border: 0;
	background-color: #32353C;
	font-size: 15px;
	line-height: 23px;
	color: #fff;
}

.chatflow-user-widget .chat-message-btn a {
	background-color: #3185FC;
	display: flex;
    align-items: center;
    justify-content: center;
}
.chatflow-user-widget .chat-message-btn a img {
	margin-right: 5px;
}

.chatflow-post-content {
	padding-top: 15px;
	width: 74.148%;
}
.chatflow-post-content .chatflowpost-btn-list {
	padding-bottom: 15px;
	border-bottom: 1px solid #32353C;
	margin-bottom: 15px;
}
.creator-webprofile-content .chatflow-post-content {
	padding-top: 0;
}
.creator-webprofile-content .chatflowpost-btn-list {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255,.55), rgba(0,0,0,0));
    border-image-slice: 1;
    padding-top: 15px;
}

.chatflow-post-content .post-bnt-block button {
	margin-right: 25px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #959595;
	border: 0;
	padding: 0;
	background-color: transparent;
}

.chatflow-post-content .post-bnt-block button:last-of-type {
	margin-right: 0;
}
.chatflow-post-content .post-bnt-block button.active {
	background-color: #232832;
	border: 0.4px solid rgba(49, 133, 252, .3);
	border-radius: 20px;
	padding: 4px 12.672px;
	text-align: center;
	font-weight: 500;
	color: #3185FC;
	line-height: 18px;
}
.creator-webprofile-content .post-bnt-block .nav-item {
	margin-right: 10px;
}
.creator-webprofile-content .post-bnt-block .nav-item:last-of-type {
	margin-right: 0;
}
.creator-webprofile-content .post-bnt-block button {
	padding: 4px 12.672px;
}
.creator-webprofile-content .post-bnt-block button:last-of-type {
	margin-right: 0;
	font-size:15px; /*NEW*/
}


.chatflowpost-btn-right .btn {
	font-size: 15px;
	line-height: 23px;
	border: 0;
	border-radius: 8px;
	padding: 8.5px 15px;
	margin-right: 15px;
}
.chatflowpost-btn-right .btn.btn-primary {
	background-color: #3185FC;
}
.chatflowpost-btn-right .btn.btn-secondary {
	background-color: #32353C;
}
.chatflowpost-btn-right .btn:last-of-type {
	margin-right: 0;
}
.chatflowpost-btn-right .btn i {
	margin-right: 8px;
}
.chatflow-post {
	margin-bottom: 25px;
}
.chatflow-post img {
	border-radius: 8px;
	margin-bottom: 20px;
}
.chatflow-post .postcontent p {
	font-size: 12px;
	line-height: 15px;
	color: white;
	font-weight: 300;
}
.chatflow-post .postmeta button {
	border-radius: 30px;
	background-color: #32353C;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	text-align: center;
	font-weight: 400;
	padding: 8.5px 17px;
	border: 0;
	margin-right: 8px;
}
.chatflow-post .postmeta button i {
	margin-right: 8px;
}
.chatflow-post .postmeta .action-link {
	margin-left: 10px;
	color: #fff;
}

.chatflow-post .chatflow-action .dropdown-menu {
	background-color: #191A1D;
	border: 1px solid rgba(98, 96, 96, .5);
	border-radius: 8px;
	padding:  4px 0;
	transform: unset !important;
	left: auto !important;
	right: 0 !important;
	top: 100% !important;
	min-width: 152px;
	max-width: 152px;
}
.chatflow-post .chatflow-action .dropdown-menu li a {
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	padding: 4px 10px;
	display: inline-block;
	width: 100%;
}

/* Chat Message Section */
.chatmessage-section .row {
	margin: 0 -5px;
}
.chatmessage-section .chatmessage-area,
.chatmessage-section .chatuser-list {
	padding-left: 5px;
	padding-right: 5px;
}
.chatmessage-section .chatuser-list {
	width: 25.852%;
}
.chatmessage-section .chatmessage-area {
	width: 74.148%;
}

.chatmessage-section .chatuser-list-inner {
	background-color: #1A1D1F;
	border-radius: 18px;
	position: sticky;
	top: 0;
	z-index: 1;
	height: 100%;
}
.chatuser-list .top-header-box {
	padding: 10px;
}
.chatuser-list .top-header-box h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.chatuser-list .top-header-box h4 img {
	margin-right: 5px;
	width:17px;
}
.chatuser-list .chat-search-form {
	padding: 10px;
}
.chatuser-list .top-header-box .group-link a {
	color: #20BEC7;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}
.chatuser-list .chat-search-form .form-control {
	border-radius: 6px;
	border: 0;
	padding: 8.5px 10px 8.5px 35px;
	background-color: #464646;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
}
.chatuser-list .chat-search-form .search-btn {
	position: absolute;
    left: 10px;
    top: 5px;
    background-color: transparent;
    border: 0;
    color: #9A9A9A;
    padding: 0;
}
.chat-search-form .form-control::-webkit-input-placeholder {
   color: #9A9A9A;
}
.chat-search-form .form-control:-moz-placeholder {
   color: #9A9A9A;
}
.chat-search-form .form-control::-moz-placeholder {
   color: #9A9A9A;
}
.chat-search-form .form-control:-ms-input-placeholder {
   color: #9A9A9A;
}

.chatuser-list .chat-user-box {
	padding: 10px;
}
.chatuser-list .chat-user-box:hover,
.chatuser-list .chat-user-box.active {
	background-color: #1F2225;
}
.chatuser-list .chat-user-box .userimg {
	margin-right: 6px;
}
.chatuser-list .chat-user-box .userimg img {
	max-width: 50px;
	max-height: 50px;
	border-radius: 100% ;
}
.chatuser-list .chat-user-box .user-title h5 {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0;
}
.chatuser-list .chat-user-box .action-dropdown {
	margin-left: auto;
	margin-right: 0;
}

.action-chat-dropdown a,
.chatuser-list .chat-user-box .action-dropdown a {
	color: #fff;
}

.action-chat-dropdown .dropdown-menu,
.chat-user-box .action-dropdown .dropdown-menu {
	transform: unset !important;
	left: auto !important;
	right: 0 !important;
	border-radius: 12px 0px 12px 12px;
	border: 1px solid rgba(98, 96, 96, 1);
	background: rgba(0, 0, 0, 0.5);
	padding: 0;
	top: 100% !important;
	min-width: 120px;

}
.action-chat-dropdown .dropdown-menu {
	border-radius: 12px;
	min-width: 158px;
}
.chat-user-box .action-dropdown .dropdown-menu li a {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	padding: 12.5px 10px;
	display: inline-block;

}
.action-chat-dropdown .dropdown-menu li a {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	padding: 7px 10px;
	display: inline-block;
}

.chat-area-box .userchat-top-content {
	border-radius: 5px 5px 0px 0px;
	background-color: #1A1D1F;
	padding: 5px 15px;
	position: sticky;
    top: 0;
    z-index: 1;
}
.chat-area-box .userchat-top-content .userimg {
	margin-right: 5px;
}
.chat-area-box .userchat-top-content .userimg img {
	max-width: 50px;
	max-height: 50px;
	border-radius: 100%;
}
.chat-area-box .userchat-top-content .user-title h5 {
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
.chat-area-box .userchat-top-content .user-title p {
	font-size: 11px;
	line-height: 17px;
	font-weight: 300;
}
.chat-area-box {
	background-color: rgba(0, 0, 0, 0.44);
	height: 100%;
}

.chat-area-box .userchat-middle-content {
	padding: 10px 20px 20px;
}

.chat-area-box .userchat-bottom-content {
	/*padding: 0 20px 20px;  */
	position: sticky;
	bottom: 0;
	z-index: 1;
}

.userchat-bottom-content .form-control {
	background-color: #1A1D1F;
	border-radius: 0;
	/*border-radius: 25px;  */
	padding: 14.5px 52px 14.5px 15px;
	border: 0;
	font-size: 13px;
	line-height: 20px;
	color: #808080;
}
.userchat-bottom-content .form-control::-webkit-input-placeholder {
   color: #808080;
}
.userchat-bottom-content .form-control:-moz-placeholder {
   color: #808080;
}
.userchat-bottom-content .form-control::-moz-placeholder {
   color: #808080;
}
.userchat-bottom-content.form-control:-ms-input-placeholder {
   color: #808080;
}

.userchat-bottom-content .chart-icon {
	position: absolute;
    left: 20px;
    top: 12px;
}

.userchat-bottom-content .send-btn {
	position: absolute;
	right: 20px;
	top: 12px;
	color: #808080;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.userchat-bottom-content .emoji-btn {
	position: absolute;
	right: 55px;
	top: 12px;
	color: #ffffff;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.mainchat-start-date span {
	background-color: #1A2930;
	padding: 3px 8px;
	border-radius: 7px;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.005em;
	color: #8097A1;
	font-weight: 500;
	margin-bottom: 10px;
}

.chatmessage-left-box {
	margin-bottom: 10px;
}
.chatmessage-left-box .chatmessage-content {
	background-color: #1A1D1F;
	border-radius: 15px 15px 15px 0px;
	padding: 12px 21px;
	margin-bottom: 3px;
	max-width: 260px;
	display: inline-block;
}
.chatmessage-left-box .chatmessage-content.bg-2 {
	background-color: #2A4450;
}

.chatmessage-left-box .chatmessage-content p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0;
}

.chatmessage-right-box .chatmessage-date,
.chatmessage-left-box .chatmessage-date {
	font-size: 12px;
	line-height: 18px;
	color: rgba(255, 255, 255, 0.4);
}
.chatmessage-right-box {
	margin-left: auto;
	margin-bottom: 10px;
}

.chatmessage-right-box .chat-flex-content {
	justify-content: end;
}
.chatmessage-right-box .chatmessage-content {
	max-width: 265px;
	border-radius: 15px 15px 0px 15px;
	background-color: #3185FC;
	padding: 12px 21px;
	margin-right: 10px;
	margin-bottom: 3px;
	display: inline-block;
}
.chatmessage-right-box .chatmessage-content p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0;
}
.chatmessage-right-box .chat-dropdown > a {
	color: #fff;
}
.chatmessage-right-box .chatmessage-date {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}

.reportmodal .modal-content {
	background: #111212;
	border: 1px solid rgb(98 96 96 / 60%);
	border-radius: 20px;
}

.reportmodal .modal-header {
	justify-content: center;
	position: relative;
	border-bottom: 1px solid #32353C;
}
.reportmodal .modal-header .modal-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
}
.remove-follow .btn-close,
.followersmodal .btn-close,
.deletemassge .btn-close,
.reportmodal .modal-header .btn-close {
	margin: 0;
	position: absolute;
	right: 10px;
	top: 15px;
	padding: 0;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, .8);
    opacity: 1;
}
.reportmodal .modal-body {
	padding: 20px;
}
.reportmodal .report-form .form-group {
	margin-bottom: 30px;
}
.reportmodal .report-form .form-group label {
	font-size: 15px;
	font-weight: 500;
	line-height: 15px;
	color: #3185FC;
	margin-bottom: 12px;
}

.reportmodal .report-form .form-control {
	border: 1px solid #565656;
	border-radius: 8px;
	padding: 14px 30px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	background-color: #32353C;
}

.report-form .form-control::-webkit-input-placeholder {
   color: #565656;
}
.report-form .form-control:-moz-placeholder {
   color: #565656;
}
.report-form .form-control::-moz-placeholder {
   color: #565656;
}
.report-form .form-control:-ms-input-placeholder {
   color: #565656;
}

.report-form .custom-submit-btn {
	padding-top: 14.5px;
	padding-bottom: 14.5px;
}

.reportmodal.chatblock .modal-body {
	padding: 20px;
}

.chatblock .userprofile-content img {
	max-width: 80px;
	max-height: 80px;
	border-radius: 100%;
	margin-bottom: 25px;
}
.chatblock .userprofile-content {
	margin-bottom: 30px;
}
.chatblock .userprofile-content h4 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
}
.chatblock .userprofile-content p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
}
.chatblock-btn button {
	font-size: 17px;
	font-weight: 500;
	line-height: 26px;
	color: #ddd;
	background-color: #32353C;
	border-radius: 8px;
	border: 0;
	padding: 13px 15px;
	margin-right: 20px;
	width: 100%;
}
.chatblock-btn button:last-of-type {
	margin-right: 0;
}
.chatblock-btn button.btn-primary {
	background-color: #3185FC;
}
.chatblock-btn button.btn-danager {
	background-color: #B13C3E;
}

.chatmessage-right-box .chat-dropdown .dropdown-menu {
	padding: 0;
	min-width: 180px;
	border-radius: 12px 0px 12px 12px;
	background-color: #1F457D;
	/*background: linear-gradient(254.6deg, #166be4f0 86.74%, rgba(139, 139, 139, 0) 145.98%),
linear-gradient(0deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)); */
	border: 1px solid rgba(98, 96, 96, 1);
	background: linear-gradient(267.6deg, #6d6d6d 19.74%, rgb(139 139 139) 145.98%),
linear-gradient(0deg, rgb(77 75 75), rgb(0 0 0));

}
.chatmessage-right-box .chat-dropdown .dropdown-menu li a {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 13.5px 10px;
}

.deletemassge .modal-content {
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.8), rgba(20, 20, 20, 0.8)),
linear-gradient(179deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border-radius: 20px;
	border: 1px solid #32353C;
	background-image: url(../images/delete-message-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.deletemassge .modal-header  {
	border: 0;
}

.deletemassge .deletemassge-content {
	max-width: 480px;
	margin: 0 auto;
	text-align: center;
}
.deletemassge .image-box {
	max-width: 175px;
    margin: 0 auto 20px;
    position: relative;
}
.deletemassge .image-box span img  {
	position: absolute;
    right: 0;
    top: 58px;
}
.deletemassge .deletemassge-content h5 {
	font-size: 20px;
	line-height: 30px;
	max-width: 252px;
	margin: 0 auto 5px;
}
.deletemassge .deletemassge-content p {
	font-size: 13px;
	line-height: 22px;
	color: #ddd;
	margin-bottom: 30px;
	font-weight: 300;
}
.deletemassge.deletechat .modal-content {
	background-image: none;
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.8), rgba(20, 20, 20, 0.8)),
linear-gradient(267.6deg, #626060 79.74%, rgba(139, 139, 139, 0) 145.98%);

}
.deletechat.deletemassge .image-box span img.img1  {
	right: 36px;
    top: 20px;
}

.deletechat.deletemassge .image-box span img  {
	position: absolute;
    right: 11px;
    top: 37px;
}

.chatublock-usercontent {
	text-align: center;
}
.chatublock-usercontent p {
	font-size: 13px;
	line-height: 19px;
	color: #fff;
}
.chatublock-usercontent p a {
	font-weight: 500;
	color: #3185FC;
	margin-bottom: 20px;
}
.newstart-chat-content {
	background-color: rgba(0, 0, 0, 0.44);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	padding: 10px;
}

.newstart-chat-content .newstart-chat-content-inner {
	max-width: 450px;
	margin: 0 auto;
}
.newstart-chat-content .newstart-chat-img {
	max-width: 260px;
	margin: 0 auto 25px;
	position: relative;
}
.newstart-chat-content .newstart-chat-img span {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	top: 30px;
}
.newstart-chat-content h3 {
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 8px;
	color: #fff;
}
.newstart-chat-content p {
	text-align: center;
	color: #959595;
	opacity: .5;
}
/* Chat Message Section End */

/*  Notification  Dropdown */
.notification-dropdown {
	/*left: auto !important;
	right: 40px;
	margin-top: 30px;
	min-width: 576px;
	max-height: 634px;
	overflow-y: auto; */
	border-radius: 5px;
	background-color: #141414;
	padding: 0;
}

.notification-dropdown::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #3185FC;
  border-radius: 0;
}

.notification-dropdown::-webkit-scrollbar {
  width: 10px;
  background-color: #3185FC;
}

.notification-dropdown::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-image: -webkit-gradient(linear,left bottom,left top,
  	color-stop(0.30, rgb(20,20,20)),
    color-stop(0.50, rgb(49,133,252)),
   color-stop(0.86, rgb(20,20,20)));
}

.notification-header {
	padding: 18px 20px;
    border-bottom: 1px solid #32353C;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notification-header h2 {
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 0;
	color: #fff;
	font-family: 'Rubik', sans-serif;
}
.notification-header #drpclose {
	cursor: pointer;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, .8);
    display: none;
}

.notification-list-item {
	padding: 10px 20px;
}
.notification-list-item .notification-list {
	padding: 8px 0;
}
.notification-list-item h3 {
	font-size: 14px;
	font-weight: 700;
	font-family: 'Rubik', sans-serif;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.6);
}

.notification-list .userimg {
	margin-right: 15px;
}
.notification-list .userimg img {
	width: 44px;
	height: 44px;
	border-radius: 100%;
}
.notification-list .notification-content p {
	font-size: 14px;
	line-height: 17px;
	color: #959595;
	font-family: 'Rubik', sans-serif;
	max-width: 100%;
}
.notification-list .notification-content p span {
	color: #fff;
	display: block;
	margin-bottom: 5px;
}

.notification-list .notification-time {
	font-size: 12px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.6);
	font-family: 'Rubik', sans-serif;
}
.notification-btn-list {
	padding-left: 59px;
	margin-top: 15px;
}
.notification-btn-list button {
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	border: 1px solid transparent;
	padding: 9.5px 10px;
	text-align: center;
	min-width: 114px;
	border-radius: 8px;
	margin-right: 7px;
}
.notification-btn-list button:last-of-type {
	margin-right: 0;
}
.notification-btn-list .btn-primary {
	background-color: #3185FC;
}

.notification-btn-list .btn-secondary {
	background-color: #32353C;
}
.dropdown-creator .mainuserprofile-dropdown {
	min-width: 265px;
	right: 35px;
}

.mainuserprofile-dropdown {
	left: auto !important;
	right: 0;
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.98), rgba(20, 20, 20, 0.98)),
	linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border: 1px solid rgba(98, 96, 96, .8);
	border-radius: 12px;
	min-width: 308px;
}
.quickflick-userlist {
	padding: 0;
	list-style: none;
	outline: 0;
	margin: 0;
}

.quickflick-userlist li,
.mainuserprofile-dropdown li {
	padding: 8px 15px 8px 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.quickflick-userlist .main-profile-info .left-img,
.mainuserprofile-dropdown .main-profile-info .left-img {
	margin-right: 10px ;
}
.quickflick-userlist .main-profile-info .left-img img {
	width: 36px;
	height: 36px;
	border-radius: 100%;
}
.mainuserprofile-dropdown .main-profile-info .left-img img {
	width: 42px;
	height: 42px;
	border-radius: 100%;
}
.quickflick-userlist .main-profile-info .profile-info h5,
.mainuserprofile-dropdown .main-profile-info .profile-info h5 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}
.mainuserprofile-dropdown .main-profile-info .profile-info a {
	font-size: 12px;
	line-height: 16px;
	color: #3185FC;
}
.quickflick-userlist  .profile-other-link .icon-img,
.mainuserprofile-dropdown .profile-other-link .icon-img {
	margin-right: 10px;
}
.quickflick-userlist .profile-other-link .icon-img span,
.mainuserprofile-dropdown .profile-other-link .icon-img span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	border-radius: 100%;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	text-align: center;
}
.quickflick-userlist .profile-other-link .profile-link-item,
.mainuserprofile-dropdown .profile-other-link .profile-link-item {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
}
.quickflick-userlist .profile-other-link .profile-link-item {
	color: #959595;
}

.quickflick-userlist .profile-other-link:hover,
.quickflick-userlist .profile-other-link.active,
.mainuserprofile-dropdown .profile-other-link:hover,
.mainuserprofile-dropdown .profile-other-link.active {
	border-radius: 4px;
	background: linear-gradient(267.6deg, rgba(96,96,96,.2) 19.74%, rgba(139, 139, 139, 0) 145.98%);
}

.quickflick-userlist .profile-other-link:hover .profile-link-item,
.quickflick-userlist .profile-other-link.active .profile-link-item {
	color: #fff;
}

.quickflick-userlist .profile-other-link .link-icon,
.mainuserprofile-dropdown .profile-other-link .link-icon {
	margin-left: auto;
	color: #fff;
}
.quickflick-userlist .profile-other-link:last-of-type,
.mainuserprofile-dropdown .profile-other-link:last-of-type {
	margin-bottom: 0;
}

.logoutmodal .modal-content {
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.9), rgba(20, 20, 20, 0.9)),
	linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border: 1px solid rgba(98, 96, 96, .8);
	border-radius: 20px;
}
.logoutmodal .modal-body {
	padding: 70px 15px 40px 15px;
}
.logoutmodal .logout-content {
	max-width: 480px;
	margin: 0 auto;
}
.logoutmodal .logout-content h2 {
	font-size: 28px;
	line-height: 42px;
}
.logoutmodal .logout-content p {
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 0;
	color: #ddd;
}
.logoutmodal .logout-content .logout-content-inner {
	margin-bottom: 45px;
}
.current-active-user  > img {
	/*border: 1px solid #3185FC;*/
    border-radius: 100%;
    max-width: 55px;
    max-height: 55px;
}

.createpostmodal .modal-content,
.followersmodal .modal-content {
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.85), rgba(20, 20, 20, 0.85)),
	linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border-radius: 24px;
	border: 1px solid rgba(98, 96, 96, .8);
}

.followersmodal .modal-header {
	padding:  10px 25px;
	border-color: #32353C;
}

.followersmodal .modal-header .modal-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 42px;
	margin-bottom: 0;
}

.followersmodal .modal-body {
	padding: 15px 25px;
}

.followers-form  .form-group {
	margin-bottom: 17px;
}

.followers-form .form-control {
	background-color: #32353C;
	border: 1px solid #565656;
	border-radius: 8px;
	padding: 8px 15px;
	min-height: 50px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(../images/close-icon.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 1;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: all;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  background: url(../images/caledar-2.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 1;
  pointer-events: none;
}

input[type="date"]:focus::-webkit-calendar-picker-indicator {
  opacity: 1;
  pointer-events: all;
}


.followers-form .form-control::-webkit-input-placeholder {
  color: #959595;
}
.followers-form .form-control::-moz-placeholder {
  color: #959595;
}
.followers-form .form-control:-ms-input-placeholder {
  color: #959595;
}
.followers-form .form-control:-moz-placeholder {
  color: #959595;
}
.follow-box {
	margin-bottom: 17px ;
}
.follow-box .follow-user-img {
	margin-right: 15px;
}
.follow-box .follow-user-img img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.follow-box .follower-details h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 0;
}
.follow-box .follower-details p {
	margin-bottom: 0;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
}
.follow-box .followers-btn {
	margin-left: auto;
}
.follow-box .followers-btn button {
	border: 0;
	border-radius: 20px;
	padding: 8.5px 15.79px;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	text-align: center;
}
.mylist-inner img {
	border-radius: 4px;
	opacity: .9;
}

.card-hover:hover .block-images {
	z-index: 99;
	transform: translate(10%, 16%) scale(2.2,1.8);
	-webkit-transition: all .6s ease 0s;
	-o-transition: all .6s ease 0s;
	transition: all .6s ease 0s;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	overflow: visible;
	margin-top: -1.875rem;
}

.mylist-item.swiper-slide:hover {
	transform: unset;
}
.iq-card .block-images img {
	border-radius: 4px;
}

.iq-card .block-images {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    overflow: hidden;
}

.iq-card:hover .items-hover-content {
	opacity: 1;
}
.iq-card .block-images .img-box {
	position: relative;
}
.iq-card .block-images .img-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 140px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 3.12%, #0C111B 100%);
	opacity: 0;
}

.iq-card:hover .block-images .img-box:before {
	opacity: 1;
}
.iq-card:hover .block-images {
	background-color: #0C111B;
}
.items-hover-content {
	opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: #0C111B;
}
.iq-card.card-hover:hover {
	box-shadow: 0px 0px 250px 0px #000000;
}
.items-hover-content .title-box {
	align-items: baseline !important;
	margin-bottom: 8px;
}
.items-hover-content .title-box h2 {
	font-size: 8px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 7px;
}
.items-hover-content .title-box .right-info-list span {
    display: inline-block;
    border-radius: 8px;
    padding: 3px 8px 3px;
    font-size: 8px;
    font-weight: 300;
    line-height: 13px;
    text-align: center;
    background-color: #5B5B5B;
    margin-right: 2px;
}
.items-hover-content .title-box .right-info-list span:last-of-type {
	margin-right: 0;
}
.card-hover-btn {
	margin-bottom: 5px;
	align-items: baseline !important;
}

.card-hover-btn .btn-primary  {
	background-color: #3185FC;
	border-radius: 4px;
	padding: 4px 5px;
	text-align: center;
	font-size: 8px;
	line-height: 12px;
	color: #ddd;
	margin-right: 10px;
}

.card-hover-btn .remove-list-btn {
	font-size: 8px;
	line-height: 12px;
	color: #ddd;
}
.card-hover-btn .remove-list-btn span {
	width: 17px;
	height: 20px;
	line-height: 20px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	display: inline-block;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	margin-right: 5px;
}

.items-hover-content .description-block p {
    font-size: 8px;
    font-weight: 400;
    line-height: 14px;
    color: #959595;
    margin-bottom: 0;
}
.items-hover-content .description-block p a {
	font-weight: 600;
	color: #fff;
}
.swiper-wrapper .mylist-item.swiper-slide:first-of-type  .card-hover:hover .block-images {
	transform: translate(60%, 16%) scale(2.2,1.8);
}
.swiper-wrapper .mylist-item.swiper-slide:nth-child(6n) .card-hover:hover .block-images {
	transform: translate(-60%, 16%) scale(2.2,1.8);
}

.tooltip > .tooltip-inner {
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border-radius: 25px;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	padding: 6px 15px;
}

.bs-tooltip-top > .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] > .tooltip-arrow::before {
	border-top-color: #626060;
}

.create-post-btn.btn-primary {
	width: 100%;
	text-align: center;
	padding: 7.5px 15px;
	border-radius: 8px;
	color: #fff;
	background-color: #3185FC;
	font-size: 15px;
	line-height: 23px;
}
.create-post-btn.btn-primary i {
	margin-right: 8px;
}

.hover-bg-none {
	background: transparent !important;
}

.quickflick-userarea {
	width: 25.852%
}
.global-quickpeek-section .row {
	margin: 0 -7.5px;
}
.global-quickpeek-section .quickflick-video-content,
.global-quickpeek-section .quickflick-userarea {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.quickflick-userarea .quickflick-userarea-inner {
	background-color: #0d1015;
	/*background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%),
	linear-gradient(0deg, rgba(20, 20, 20, 0.8), rgba(20, 20, 20, 0.8)); */
	border: .5px solid rgba(98, 96, 96, .3);
	box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
}

.qucickflick-video-content {
	position: absolute;
	left: 10px;
	bottom: 0;
	max-width: 449px;
}

.quickflick-video-content-inner .poster-img:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/poster-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 284px;
}
.quickflick-video-content-inner .qucickflick-profile {
	margin-bottom: 15px;
}
.quickflick-video-content-inner .img-box {
	margin-right: 8px;
}
.quickflick-video-content-inner .img-box img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.quickflick-video-content-inner .profile-content {
	margin-right: 25px;
}
.quickflick-video-content-inner .profile-content h5 {
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	margin-bottom: 4px;
}
.quickflick-video-content-inner .profile-content p {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 0;
	font-weight: 300;
}
.quickflick-video-content-inner .following-btn .btn-primary,
.quickflick-video-content-inner .following-btn .btn-secondary {
	border-radius: 8px;
    border: 0;
    background-color: #32353C;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    padding: 4.5px 10px;
    text-align: center;
    min-width: 146px;
}
.quickflick-video-content-inner .following-btn .btn-primary {
	min-width: 80px;
	background-color: #3185FC;
}
.quickflick-video-content-inner .desc-block p {
	font-size: 12px;
	line-height: 15px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 5px;
}
.quickflick-video-content-inner {
	border-bottom: 1px solid #fff;
}
.quickflick-video-info {
	margin-bottom: 8px;
}
.quickflick-video-info .left-img {
	margin-right: 12px;
}
.quickflick-video-info .left-img img {
	width: 20px;
	height: 20px;
	border-radius: 100%;
}
.quickflick-video-info .title-text h6 {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 0;
}
.quickflick-other-information {
	position: absolute;
    right: 13px;
    display: flex;
    flex-direction: column;
    bottom: 0;
}
.quickflick-other-information a,
.quickflick-other-information button {
	background-color: transparent;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 18px;
}
.quickflick-other-information a span,
.quickflick-other-information button span {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
	font-size: 20px;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);

}
.quickflick-upload-content .upload-btn.active {
	color: #3185FC;
	border-color: rgba(98, 96, 96, .2);
}
.quickflick-upload-content {
	border-bottom: 1px solid rgba(98, 96, 96, .2);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.quickflick-upload-content .upload-btn {
	color: #fff;
	font-size: 14px;
	margin-right: 5px;
	padding: 8.5px 15px;
	display: inline-block;
	text-align: center;
	border: 1px solid transparent;
	width: 100px;
	border-radius: 50px;
}
.quickflick-upload-content .upload-btn:last-of-type {
	margin-right: 0;
}
.allupload-modal .modal-content {
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.85), rgba(20, 20, 20, 0.85)),
linear-gradient(267.6deg, #626060 80.74%, rgba(139, 139, 139, 0) 145.98%);
	border: 1px solid rgba(98, 96, 96, .2);
	border-radius: 20px;
}
.allupload-modal .modal-title  {
	text-align: center;
	font-size: 18px;
	line-height: 27px;
}
.allupload-modal .modal-header {
	justify-content: center;
	border-color: #32353C;
}
.allupload-modal .btn-close {
	margin: 0;
	padding: 0;
    background: none;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, .8);
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 15px;
}
.allupload-modal .modal-body {
	padding: 10px 20px 20px;
}

.custom-upload.quickflick-upload {
	margin: 0;
}

.custom-upload.quickflick-upload .btn_upload  {
	max-width: 100%;

}
.custom-upload.quickflick-upload .btn_upload label {
	background: linear-gradient(267.6deg, #474545 19.74%, rgba(139, 139, 139, 0) 145.98%),
	linear-gradient(0deg, #353535, #353535);
 	border: 1.2px dotted rgba(98, 96, 96, 1);
 	width: 100%;
 	min-height: 168px;
 	max-height: 168px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	padding: 0;
 	text-align: center;
}

.quickflick-upload  .upload-btn-texts p {
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	color: #797C88;
	text-align: center;
}
.upload-btn-texts.show p,
.upload-btn-texts.show #uploadicon1 {
	display: none;
}

.custom-upload.quickflick-upload .prev {
	width: 100%;
	height: 168px;
	object-fit: cover;
	border-radius: 0;
}
.allupload-modal .form-group {
	margin-bottom: 20px;
}
.allupload-modal .form-group label {
	font-size: 16px;
	line-height: 22px;
	color: #3185FC;
	margin-bottom: 15px;
}

.allupload-modal .form-control {
	background-color: #32353C;
	border-radius: 8px;
	border: 1px solid #565656;
	padding: 14px 15px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.allupload-modal .form-control::-webkit-input-placeholder {
	color: #565656;
}
.allupload-modal .form-control::-moz-placeholder {
	color: #565656;
}
.allupload-modal .form-control:-ms-input-placeholder {
	color: #565656;
}
.allupload-modal .form-control:-moz-placeholder {
	color: #565656;
}
.allupload-modal .form-submit-btn {
	display: flex;
	align-items: center;
}
.allupload-modal .btn {
	width: 100%;
	padding: 13px 15px;
	font-size: 17px;
	line-height: 26px;
	color: #ddd;
	border-radius: 8px;
	text-align: center;
	border: 0;
	margin-right: 20px;
}
.allupload-modal .btn:last-of-type {
	margin-right: 0;
}
.allupload-modal .btn.btn-primary {
	background-color: rgba(49, 133, 252, .3);
}
.allupload-modal .btn.btn-secondary {
	background-color: #32353C;
}

.textarea-max-chara {
	color: #ADADAD;
	font-size: 10px;
	line-height: 15px;
}

.quickflick-comment-area {
	width: 32.4814%;
	padding-left: 7.5px;
    padding-right: 7.5px;
}
.quickflick-comment-area .quickflick-comment-area-inner {
	background-color: #0d1015;
    border: 0.5px solid rgba(98, 96, 96, .3);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 10px;
}

.quickflick-comment-area .comment-top-box {
	margin-bottom: 10px;
}

.quickflick-comment-area .comment-top-box .total-comment {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 0;
}
.quickflick-comment-area .comment-top-box .close-btn {
	margin-left: auto;
}
.quickflick-comment-area .comment-top-box .close-btn button {
	padding: 0;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%),
	linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, 1);
}

.qucickflick-comment-box {
	position: relative;
}
.qucickflick-comment-box .imgbox {
	position: absolute;
	top: 0;
	left: 0;
}
.qucickflick-comment-box .comment-right-content {
	padding-left: 45px;
}

.comment-right-content h6 {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0;
	color: #959595;
}
.comment-right-content h6 .empty {
	background-color: #D9D9D9;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	position: relative;
	display: inline-block;
	margin: 0 8px;
    top: -3px;
}
.comment-right-content h6 .time {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
}
.comment-right-content .comment-like-count {
	font-size: 12px;
	line-height: 18px;
	display: flex;
	align-items: center;
}

.comment-right-content .comment-like-count i {
	color: #B5394F;
	margin-right: 5px;
	font-size: 20px;
}

.comment-right-content .comment-desc p {
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	margin-bottom: 0;
}
.comment-right-content .comment-desc {
	max-width: 300px;
}
.comment-right-content .comment-desc,
.comment-right-content .comment-top-header {
	margin-bottom: 10px;
}
.comment-right-content .comment-replay a {
	font-size: 14px;
	line-height: 21px;
	color: #fff;
}
.qucickflick-comment-list .qucickflick-comment-box {
	margin-bottom: 15px;
}
.comment-form-inner .userbox-img {
	position: absolute;
	top: 0;
	left: 0;
}
.comment-form-inner .userbox-img img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.comment-form-inner .input-group-content {
	padding-left: 55px;
}
.comment-form-inner .form-control {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid  #fff;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	padding: 8.5px 75px 8.5px 0;
}

.comment-form-inner .form-control::-webkit-input-placeholder {
	color: #959595;
}
.comment-form-inner .form-control::-moz-placeholder {
	color: #959595;
}
.comment-form-inner .form-control:-ms-input-placeholder {
	color: #959595;
}
.comment-form-inner .form-control:-moz-placeholder {
	color: #959595;
}

.comment-form-inner .input-group-content button  {
	padding: 0;
	border-radius: 0;
	border: 0;
	background-color: transparent;
	position: absolute;
	right: 0;
	top: 5px;
	color: #fff;
}

.comment-form-inner .input-group-content button.btn-icon-list  {
	right: 40px;
}

.search-result-list {
	padding: 40px 0;
}

.search-result-list .search-section-header {
	border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.69turn, rgba(0,0,0,0), rgba(255,255,255,.2), rgba(0,0,0,0));
    border-image-slice: .8;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.search-result-list .title-text h2 {
	font-size: 32px;
	line-height: 48px;
	font-weight: 600;
}
.search-result-list .title-text p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 0;
}
.select-nice-drp .form-control {
	width: 100%;
	background-color: #32353C;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	padding: 5px 10px;
	min-width: 120px;
	border: 0;
	height: auto;
	line-height: 32px;
}
.select-nice-drp .nice-select:after {
	border-color: #fff;
}

.search-content-box.active {
	background: linear-gradient(267.6deg, rgba(98, 96, 96, 0.5) 19.74%, rgba(139, 139, 139, 0) 145.98%);
}

.search-content-box {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 20px;
}
.search-content-box .search-left-img {
	padding-right: 20px;
	min-width: 245px;
}

.search-content-box .search-left-img img {
	border-radius: 12px;
	border: 1px solid #fff;
}
.search-content-box .search-right-content h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 33px;
}
.search-content-box .search-right-content .post-meta p {
	font-size: 12px;
	font-weight: 600;
	color: #959595;
	line-height: 18px;
}
.search-content-box .search-right-content .post-meta p span {
	color: #fff;
}
.search-content-box .search-right-content .post-meta p span.date {
	font-style: italic;
	margin-right: 30px;
}
.search-content-box .search-right-content .post-content p {
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	color: #959595;
	margin-bottom: 0;
}
.search-result-heading {
	margin-top: 15px;
}
.search-result-heading h1 {
	margin-bottom: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 42px;
}
.search-result-heading h1 span {
	font-weight: 300;
}
.player-full-screen {
	background-image: url('../images/player-poster-full.jpg');
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}
.player-full-screen:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 3.12%, #000000 100%);
	z-index: -1;
}

.player-main-content {
	display: flex;
	flex-direction: column;
	justify-content: end;
	min-height: 100vh;
	padding: 40px 0;
}
.payer-right-btn-opt .btn-secondary {
	border-radius: 8px;
	background-color: #32353C;
	padding: 9px 10px;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	color: #FDFDFD;
	margin-right: 7px;
	border-color: transparent;
	min-width: 140px;
}
.payer-right-btn-opt .btn-secondary:last-of-type {
	margin-right: 0;
}
.payer-right-btn-opt {
	padding-right:  110px;
}
.payer-right-btn-opt .btn-secondary i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	border-radius: 100%;
	margin-right: 5px;
}

.payer-right-btn-opt .btn-secondary i.icon-color-green {
	background-color: #51ac5e;
}

.payer-right-btn-opt .btn-secondary i.icon-color-red {
	background-color: #cf4545;
}
.payer-right-btn-opt .btn-secondary span {
	font-weight: 600;
	line-height: 12px;
	color: #fff;
}

/* Creator Dashboard */
.menu-right-link-creator .creator-drp-link {
	border: 1px solid transparent;
	background-color: #3185FC;
	border-radius: 8px;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	display: inline-block;
	padding: 12.5px 15px;
	min-width: 114px;
	text-align: center;
}
.menu-right-link-creator .creator-drp-link i {
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	border-radius: 100%;
	border: 2px solid #fff;
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
}
.dashboard-main-content .row {
	margin-left: -5px;
	margin-right: -5px;
}
.dashboard-main-content .dashboard-sidebar-link {
    width: 24.738%;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.dashboard-sidebar-link .dashboard-sidebar-inner {
	background-color: #0d1015;
    border: 0.5px solid rgba(98, 96, 96, .3);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}
.dashboard-sidebar-link .dashboard-link {
    padding: 10px 0 0;
    list-style: none;
    outline: 0;
    margin: 0;
}
.dashboard-sidebar-link .dashboard-link li {
    padding: 8px 15px 8px 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.dashboard-link .profile-other-link .icon-img {
    margin-right: 10px;
}

.dashboard-link .profile-other-link .icon-img span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 100%;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
    text-align: center;
}
.dashboard-link .profile-other-link .profile-link-item {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #959595;
}
.dashboard-link .profile-other-link .link-icon {
    margin-left: auto;
    color: #fff;
}

.dashboard-link .profile-other-link:hover,
.dashboard-link .profile-other-link.active {
    border-radius: 4px;
    background: linear-gradient(267.6deg, rgba(96,96,96,.2) 19.74%, rgba(139, 139, 139, 0) 145.98%);
}
.dashboard-link .profile-other-link.active .profile-link-item,
.dashboard-link .profile-other-link:hover .profile-link-item {
    color: #fff;
}

.poll-result-area,
.dashboard-main-content .dashboard-content-area {
	padding-left: 5px;
	padding-right: 5px;
	width: 49.775%;
	margin-bottom: 30px;
}
.dashboard-main-content .dashboard-content-area {
	margin-bottom: 0;
}
.poll-result-area h2 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 20px;
	font-weight: 600;
}
.poll-result-area h2 i {
	margin-right: 20px;
}
.dashboard-content-area h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	margin-bottom: 10px;
}
.viewall-comment-area h2,
.dashboard-content-area.recent-comment-area h2 {
	font-size: 28px;
	line-height: 42px;
	color: #fff;
	margin-bottom: 40px;
}
.viewall-comment-area h2 i,
.dashboard-content-area.recent-comment-area h2 i {
	margin-right: 20px;
}
.recent-comment-area h5 {
	font-size: 13px;
	line-height: 20px;
	color: #ddd;
	margin-bottom: 10px;
	margin-left: 15px;
}

.poll-result-area .poll-result-area-inner,
.dashboard-content-area .dashboard-content-inner {
	background-color: #0d1015;
    border: 0.5px solid rgba(98, 96, 96, .3);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 20px 15px;
    margin-bottom: 15px;
}

.dashboard-content-area h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	color: #ddd;
	margin-bottom: 10px;
}
.dashboard-content-area .overview-box-content {
	padding: 20px 0;
	border-radius: 18px;
	background: linear-gradient(267.6deg, rgba(98, 96, 96, 0.5) 19.74%, rgba(139, 139, 139, 0) 145.98%);
}
.overview-box-content .total-over-box {
	width: 50%;
}
.overview-box-content .total-over-box {
	padding-left: 25px;
	padding-right: 25px;
}

.overview-box-content .total-over-box .icon-box {
	margin-right: 10px;
}
.overview-box-content .total-over-box .icon-box span {
	display: inline-block;
	width: 47px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	border-radius: 100%;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
}
.overview-box-content .total-over-box .views-right-content p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
}
.overview-box-content .total-over-box .views-right-content h4 {
	font-size: 35px;
	font-weight: 600;
	line-height: 46px;
	margin-bottom: 0;
}

.overview-box-content .total-over-box .views-count-growth {
	position: absolute;
	top: 0;
	right: 25px;
}
.total-account-box .growth-down span,
.total-account-box .growth-up span,
.overview-box-content .total-over-box .views-count-growth.growth-down span,
.overview-box-content .total-over-box .views-count-growth.growth-up span {
	border-radius: 20px;
	min-width: 57px;
	text-align: center;
	color: #31FC51;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 0;
	display: inline-block;
	border: 0.4px solid rgba(138,187,146,.34);
	position: relative;
	background: #4F5D55;
  	background-clip: padding-box;
}

.total-account-box .growth-down span,
.overview-box-content .total-over-box .views-count-growth.growth-down span {
	color: #FC3131;
	border-color: rgba(252, 49, 49, .34);
	background-color: #635658;
}

.overview-box-content .total-over-box {
	border-right: 1px solid transparent;
    border-image: linear-gradient(0.5turn, rgba(0,0,0,0), rgba(255,255,255), rgba(0,0,0,0));
    border-image-slice: 1;
}
.overview-box-content .total-over-box:last-of-type {
	border-right: 0;
}

.dashboard-content-area .other-info-list {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255,.4), rgba(0,0,0,0));
    border-image-slice: 1;
}
.other-info-list .total-account-box {
	margin-bottom: 25px;
}
.other-info-list .total-account-box:last-of-type {
	margin-bottom: 0;
}

.total-account-box .left-count-info h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}
.total-account-box .left-count-info p {
	font-size: 16px;
	line-height: 24px;
	color: #959595;
}
.dashboard-content-area .viewby-age-section {
	background-color: #0d1015;
    border: 0.5px solid rgba(98, 96, 96, .3);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 20px 15px;
    margin-bottom: 0;
}

.dashboard-creator-comment-box .viewes-gender-graph h3,
.creator-comment-box-inner h3,
.dashboard-content-area .dashboard-content-inner h3,
.dashboard-content-area .viewby-age-section h3 {
	font-size: 18px;
	line-height: 27px;
	color: #ddd;
	margin-bottom: 20px;
}
.progress_bar .progress_bar_item {
	margin-bottom: 13px;
}
.progress_bar .progress_bar_item:last-of-type {
	margin-bottom: 0;
}

.progress_bar .item_value,
.progress_bar .item_label {
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	padding-right: 0;
	width: 15%;
}
.progress_bar .item_value {
	padding-right: 0;
	padding-left: 8px;
	width: 10%;
}

.progress_bar .item_bar {
  position: relative;
  height: 2.315rem;
  width: 100%;
  background-color: #22252D;
  border-radius: 6px;
}
.progress_bar .item_bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 2.315rem;
  margin: 0;
  background-color: #3185FC;
  border-radius: 7px;
  transition: width 100ms ease;
}
.upload-webseries-preview,
.edit-poll-section,
.dashboard-creator-comment-box {
	width: 25.487%;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.upload-webseries-preview .upload-webseries-preview-inner,
.edit-poll-section .edit-poll-inner,
.viewers-by-device-graph,
.dashboard-creator-comment-box .viewes-gender-graph,
.dashboard-creator-comment-box .creator-comment-box-inner {
	background-color: #0d1015;
    border: 0.5px solid rgba(98, 96, 96, .3);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    margin-bottom: 15px;
    padding: 15px;
}
.dashboard-creator-comment-box .custom-select {
	display: flex;
	margin-left: auto;
	justify-content: end;
	margin-bottom: 15px;
}

.dashboard-creator-comment-box .nice-select {
	background-color: #32353C;
	border: 1px solid #626060;
	height: auto;
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	min-width: 150px;
	max-width: 100%;
	display: inline-block;
	width: auto;
	border-radius: 8px;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
}

.dashboard-creator-comment-box .nice-select:after {
	border-bottom-color: #fff;
	border-right-color: #fff;
}
.creator-comment-box-inner .creator-comment-box {
	margin-bottom: 20px;
}
.creator-comment-box-inner .creator-comment-box .c-img-box {
	margin-right: 10px;
	max-width: 40px;
}
.creator-comment-box-inner .creator-comment-box .topic-comment {
    max-width: 40px;
}
.creator-comment-box-inner .creator-comment-box .topic-comment img,
.creator-comment-box-inner .creator-comment-box .c-img-box img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%;
}
.creator-comment-box-inner .creator-comment-box .comment-content h5 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 3px;
	color: #959595;
}
.creator-comment-box-inner .creator-comment-box .comment-content span {
	font-size: 12px;
	line-height: 18px;
}
.creator-comment-box-inner .creator-comment-box .comment-content p {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: 0;
}

#producedropchart,
#genderchartdiv {
  width: 100%;
  height: 200px;
}
.viewes-gender-graph .gender-count {
	justify-content: space-around;
	margin-top: 35px;
}
.viewes-gender-graph .gender-count-box {
	text-align: center;
}

.viewes-gender-graph .gender-count-box h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
}
.viewes-gender-graph .gender-count-box p {
	font-size: 16px;
	line-height: 24px;
	color: #959595;
}

.gender-count-box span {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	display: inline-block;
	margin-right: 10px;
}

.gender-count-box span.bg-1 {
	background-color: #3185FC;
}
.gender-count-box span.bg-2  {
	background-color: #B3DAFF;
}
/*  Creator Dashboard End */

/* Analytics Page */
.custom-block-title {
	margin-bottom: 20px;
}
.custom-block-title .right-view-all-link a {
	font-size: 14px;
	line-height: 21px;
	color: #ddd;
}
.country-analytics .progress_bar .item_label {
	width: 20%;
}
#devicechart {
	width: 100%;
	height: 200px;
}
.country-analytics .progress_bar .progress_bar_item:last-of-type {
	margin-bottom: 0;
}
.analytics-section .country-analytics {
	margin-bottom: 15px;
}

.viewers-by-device-graph .device-graph-inner {
	margin: 0 -25px;
}

.device-graph-inner .left-graph-section {
	width: 45%;
	padding-left: 25px;
	padding-right: 25px;
	border-right: 1px solid transparent;
    border-image: linear-gradient(0.5turn, rgba(0,0,0,0), rgba(255,255,255), rgba(0,0,0,0));
    border-image-slice: 1;
}

.device-graph-inner .right-graph-content {
	width: 55%;
	padding-left: 25px;
	padding-right: 25px;
}
.right-graph-content .device-graph-content {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255,.4), rgba(0,0,0,0));
    border-image-slice: 1;
}

.right-graph-content .device-graph-content:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

.right-graph-content .device-graph-content .left-icon {
	margin-right: 15px;
}
.device-graph-content.desktop-device .left-icon span {
	background-color: #028EFB;
}
.device-graph-content.mobile-device .left-icon span {
	background-color: #04E296;
}
.device-graph-content.tablet-device .left-icon span {
	background-color: #FDB018;
}
.device-graph-content .left-icon span {
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.device-graph-content .device-title h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 0;
}
.device-graph-content .device-title h4 span {
	font-size: 12px;
	line-height: 18px;
	font-weight: 200;
	display: block;
}
.device-graph-content .device-percentage h5 {
	font-size: 22px;
	line-height: 33px;
	margin-bottom: 0;
}

/* Analytics Page End */

.share-webseries-content {
	width: 75.262%;
	padding-left: 5px;
	padding-right: 5px;
}
.share-webseries-top-content {
	margin-bottom: 20px;
}
.creator-page-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	margin-bottom: 20px;
}
.creator-page-title.page-title-two {
	font-size: 28px;
	font-weight: 500;
}
.creator-page-title.page-title-two i {
	margin-right: 20px;
}
.custom-select-dropdownmenu .btn {
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  height: auto;
  border-radius: 8px;
  background-color: #32353C;
  border-color: transparent;
  padding-top: 9.5px;
  padding-bottom: 9.5px;
  margin-right: 15px;
  text-align: center;
  width: auto;
}

.custom-select-dropdownmenu .dropdown-menu {
	background-color: #32353C;
	border-radius: 0;
	padding: 0;
	border-radius:5px;
}

.custom-select-dropdownmenu .dropdown-menu li a {
  color: #fff;
  font-size: 13px;
  line-height: 30px;
  min-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  width: 100%;
}
.custom-select-dropdownmenu .dropdown-menu li a:hover {
	color: #3185FC;
}

.share-webseries-top-content .custom-select {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	height: auto;
	border-radius: 8px;
	background-color: #32353C;
	border-color: transparent;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
	margin-right: 15px;
	text-align: center;
	width: auto;
}
.share-webseries-top-content .custom-select:last-of-type {
	margin-right: 0;
}
.share-webseries-top-content .custom-select:after {
	border-color: #fff;
}
.share-webseries-content-box {
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 10px;
}
.share-webseries-content-box.disabled,
.share-webseries-content-box:hover,
.share-webseries-content-box.active {
	background: linear-gradient(267.6deg, rgba(98, 96, 96, 0.5) 19.74%, rgba(139, 139, 139, 0) 145.98%);
}
.share-webseries-content-box .img-box {
	margin-right: 20px;
	width: 26%;
}
.share-webseries-content-box .img-box img {
	border-radius: 12px;
	border: 1px solid #fff;
}
.share-webseries-content-right {
	width: 74%;
}
.share-webseries-content-right .content-top-header {
	margin-bottom: 20px;
}
.share-webseries-content-box .season-number-list {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}

.share-webseries-content-right .title-block-inner h2 {
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 0;
}
.approval-pending,
.webserires-status {
	display: inline-block;
	padding: 3px 12px;
	min-width: 65px;
	text-align: right;
	color: #31FC51;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	margin-left: 20px;
	position: relative;
	border-radius: 20px;
}
.webserires-status:before {
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 100%;
	background-color: #31FC51;
	position: absolute;
	left: 7px;
	top: 7px;
}

.approval-pending {
	background-color: #3F413D;
	color: #C19700;
	border: 1px solid rgba(193, 151, 0, .2);
}
.approval-pending img {
	margin-right: 6px;
}

.webserires-status.disabled {
	background: #5F4448;
	color: #FF605C;
	border: 1px solid rgba(255, 125, 122, .2);
	min-width: 95px;
}
.webserires-status.disabled:before {
	background-color: #FF605C;
}

.webserires-status.active {
	background-color: #202A28;
	border-radius: 20px;
	border: 1px solid rgba(49, 252, 81, .2);
}
.share-webseries-content-right .title-block-inner p {
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	color: #959595;
	margin-bottom: 0;
}
.share-webseries-content-right .title-block-inner p span {
	color: #fff;
	font-style: italic;
}

.share-webseries-content-right .total-view-count span {
	display: inline-block;
	background-color: #3185FC;
	border-radius: 20px;
	text-align: center;
	padding: 2px 6px;
	font-size: 10px;
	line-height: 20px;
	margin-right: 10px;
}
.share-webseries-content-right .total-view-count span:last-of-type {
	margin-right: 0;
}
.share-webseries-content-right .total-view-count span.count-seasons {
	background: linear-gradient(270deg, #7E2624 0%, #C54548 100%);
}
.share-webseries-content-right .total-view-count span.count-episodes {
	background: #008078;
}

.share-webseries-content-right .total-view-count span i {
	margin-right: 6px;
}
.share-webseries-content-right .desc-content {
	max-width: 550px;
}
.share-webseries-content-right .desc-content p {
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #959595;
	margin-bottom: 5px;
}
.share-webseries-content-right .desc-content p a {
	font-weight: 600;
	color: #fff ;
}
.share-webseries-content-right .desc-content {
	margin-bottom: 10px;
}
.custom-button-list .comment-btn,
.custom-button-list .pollbtn-link,
.webshare-post-bottom-content p:not(.dropdown) {
	border-radius: 8px;
	border: 1px solid #959595;
	background-color: #32353C;
	padding: 7.5px 13px;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	margin-right: 8px;
	display: inline-block;
}
.recent-comment-topic-block .custom-button-list {
	margin-bottom: 10px;
}
.custom-button-list .comment-btn {
	margin-right: 3px;
}

.custom-button-list .comment-btn i,
.custom-button-list .pollbtn-link i,
.webshare-post-bottom-content p:not(.dropdown) i {
	margin-right: 6px;
}
.custom-button-list .pollbtn-link,
.webshare-post-bottom-content p.poll-btn {
	border-color: transparent;
	background-color: #3185FC;
}

.webshare-post-bottom-content .poll-btn-result {
	background-color: #32353C;
}
.webshare-post-bottom-content .poll-btn-result a,
.webshare-post-bottom-content p.poll-btn a {
	color: #fff;
}
.webseries-action-drp .action-drp-btn {
	color: #fff;
	font-size: 20px;
	padding-left: 10px;
}
.webseries-action-drp .dropdown-menu {
	background: linear-gradient(0deg, rgba(20, 20, 20, 0.75), rgba(20, 20, 20, 0.75)),
	linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border-radius: 8px;
	padding: 0;
	border: 1px solid rgba(98, 96, 96, .5);
	min-width: 152px;
}
.webseries-action-drp .dropdown-menu li a {
	padding: 4px 10px;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
	display: inline-block;
}
.webseries-action-drp .dropdown-menu li a.active,
.webseries-action-drp .dropdown-menu li a:hover {
	color: #3185FC;
}

.deletewerbseries .modal-header,
.sharepostmodal .modal-header {
	justify-content: center;
	border: 0;
	padding: 20px;
	text-align: center;
}
.sharepostmodal .modal-header .modal-title {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 0;
}
.addnewepisodes-modal .btn-close,
.createpoll-modal .btn-close,
.deletewerbseries .modal-header .btn-close,
.sharepostmodal .modal-header .btn-close {
    padding: 0;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, .8);
    opacity: 1;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 20px;
}
.addnewepisodes-modal .modal-content,
.createpoll-modal .modal-content,
.deletewerbseries .modal-content,
.sharepostmodal .modal-content {
	background: linear-gradient(0deg, rgba(20, 20, 20, 1), rgba(20, 20, 20, 1)), linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
    box-shadow: none;
    border-radius: 20px;
    border: 1px solid rgba(98, 96, 96, .5);
}
.modal-share-post-content {
	max-width: 530px;
	margin: 0 auto;
}
.modal-share-post-content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal-share-post-content ul li {
	padding-right: 10px;
}
.modal-share-post-content ul li:last-of-type {
	padding-right: 0;
}


.copylink-from .form-control {
	border: 1px solid #565656;
	border-radius: 8px;
	padding: 10px 122px 10px 10px;
	background-color: #32353C;
	font-size: 13px;
	line-height: 22px;
	color: #ddd;
	min-height: 50px;
}
.copylink-from .copylink-btn {
    position: absolute;
    right: 5px;
    top: 9px;
    background-color: #3185FC;
    min-width: 103px;
    border-radius: 8px;
    border-color: transparent;
    font-size: 15px;
    color: #fff;
    line-height: 23px;
    padding: 3.5px 10px;
}
.copyurl-message {
	opacity: 0;
	color: #3185FC;
}
.copyurl-message.show {
	opacity: 1;
}

.webseries-delete-content {
	text-align: center;
	padding-bottom: 20px;
}
.webseries-delete-content img {
	margin-bottom: 15px;
}
.webseries-delete-content h2 {
	max-width: 393px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.webseries-delete-content p {
	font-size: 13px;
	line-height: 22px;
	color: #ddd;
	margin-bottom: 25px;
}
.reportmodal .modal-action-btn {
	display: flex;
}
.webseries-delete-content .modal-action-btn {
	max-width: 476px;
	margin: 0 auto;
	display: flex;
}
.reportmodal .modal-action-btn .btn,
.webseries-delete-content .modal-action-btn .btn {
	font-weight: 500;
	font-size: 17px;
	line-height: 26px;
	color: #ddd;
	border-radius: 8px;
	padding: 12px 15px;
	text-align: center;
	width: 100%;
	margin-right: 20px;
	border-color: transparent;
}
.reportmodal .modal-action-btn .btn:last-of-type,
.webseries-delete-content .modal-action-btn .btn:last-of-type {
	margin-right: 0;
}
.reportmodal .modal-action-btn .btn-secondary,
.webseries-delete-content .modal-action-btn .btn-secondary {
	background-color: #32353C;
}
.reportmodal .modal-action-btn .btn-danger,
.webseries-delete-content .modal-action-btn .btn-danger {
	background-color: #B13C3E;
}

.share-webseries-content-box.disabled .total-view-count {
	opacity: .5;
}
/*
.share-webseries-content-box.disabled .webshare-post-bottom-content p:not(.dropdown):last-of-type {
	opacity: .5;
} */
.share-webseries-content-box.disabled .img-box img {
	filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.createpoll-modal .modal-header {
	border-color: #32353C;
}

.createpoll-modal .modal-title {
	font-size: 28px;
	line-height:34px;
}
.createpoll-modal .modal-body {
	padding: 10px 20px 20px;
}
.createpoll-modal .createnew-poll-content  .form-group {
	margin-bottom: 15px;
}
.createpoll-modal .createnew-poll-content label {
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	color: #ddd;
	margin-bottom: 5px;
}
.createnew-poll-content .form-control {
	border: 1px solid #3185FC;
	border-radius: 8px;
	background-color: #32353C;
	padding: 8px 15px;
	min-height: 50px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

.createnew-poll-content .form-control::-webkit-input-placeholder {
  color: #fff;
}
.createnew-poll-content .form-control::-moz-placeholder {
  color: #fff;
}
.createnew-poll-content .form-control:-ms-input-placeholder {
  color: #fff;
}
.createnew-poll-content .form-control:-moz-placeholder {
  color: #fff;
}

.poll-search-content .search-result-menu {
	background-color: transparent;
	padding: 0;
	border: 0;
	position: static;
	margin-top: 15px;
	max-height: 250px;
	overflow-y: auto;
}
.search-result-menu h3 {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: #ddd;
	margin-bottom: 12px;
}
.search-result-menu h3 span {
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	color: #96989D;
}
.search-result-menu ul {
	padding: 0;
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.search-result-menu ul li {
	margin-bottom: 15px;
}
.search-result-menu ul li .img-box {
	margin-right: 15px;
}
.search-result-menu ul li .img-box img {
	width: 44px;
	height: 44px;
	border-radius: 100%;
}
.search-result-menu ul li .poll-content h4 {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 0;
	color: #fff;
}
.search-result-menu ul li .poll-content p {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	color: #959595;
	margin-bottom: 0;
}
.createnew-poll-content .btn-submit {
	background-color: #3185FC;
	border-radius: 8px;
	padding: 12.5px 15px;
	text-align: center;
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
	border-color: transparent;
}
.createnew-poll-content .btn-cancel {
	background-color: transparent;
	border: 0;
	color: #3185FC;
	font-size: 15px;
	line-height: 23px;
}
.poll-result-area .poll-result-area-inner {
	padding: 0;
}

.poll-result-header {
	padding: 20px 15px 10px;
	border-bottom: 1px solid #32353C;
}
.poll-result-header .title-block h3 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 0;
}
.poll-result-header .header-right p {
	font-size: 13px;
	line-height: 20px;
	text-align: right;
	font-weight: 300;
}
.poll-result-header .header-right p span {
	font-weight: 500;
	color: #3185FC;
}
.poll-result-info-list {
	padding: 9.5px 15px;
	border-bottom: 1px solid #32353C;
}
.poll-result-info-list .result-common-text {
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-weight: 500;
}
.poll-result-info-list .rank {
	width: 10%;
}
.poll-result-info-list .actor {
	width: 73%;
}
.poll-result-info-list .votes {
	width: 17%;
	text-align: right;
}
.poll-result-user-vote {
	padding: 15px;
}
.poll-result-user-vote .progress_bar .item_label {
	width: 12%;
}
.poll-result-user-vote .progress_bar .item-img {
	width: 13%;
}

.poll-result-user-vote .progress_bar .item_bar {
	background-color: #36383B;
}
.poll-result-user-vote .progress_bar .item_bar .progress {
	background-color: rgba(217, 217, 217, 0.17);
}
.poll-result-user-vote .item-name {
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #fff;
	margin-bottom: 0;
	position: absolute;
	left: 10px;
	top: 10px;
}
.poll-result-user-vote .item-count {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
}

.poll-result-user-vote .progress_bar .item_value {
	padding-left: 0;
	width: 13%;
	text-align: right;
}
.edit-poll-section .edit-poll-link {
	margin-bottom: 10px;
}
.edit-poll-section .edit-poll-link a {
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	color: #fff;
	border-radius: 8px;
	background-color: #32353C;
	display: inline-block;
	padding: 10.5px 15px;
	min-width: 113px;
}
.edit-poll-section .edit-poll-link a img {
	margin-right: 10px;
}

.edit-poll-section .edit-poll-inner {
	padding: 20px;
}

.edit-poll-section .edit-poll-content img {
	border: 1px solid #fff;
	border-radius: 12px;
	margin: 0 auto 20px;
	display: block;
}
.edit-poll-section .edit-poll-content h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 0;
}
.edit-poll-section .edit-poll-content p.date span {
	color: #fff;
	font-style: italic;
}
.edit-poll-section .edit-poll-content p {
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	color: #959595;
	margin-bottom: 10px;
}
.edit-poll-section .edit-poll-content p:last-of-type {
	margin-bottom: 0;
}
.recent-comment-topic-inner {
	padding: 15px;
}
.recent-comment-topic-block img {
	border: 1px solid #fff;
	border-radius: 12px;
	margin-bottom: 10px;
}
.recent-comment-topic-block h3 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 0;
	color: #fff;
}
.recent-comment-topic-block p.date {
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	color: #959595;
	margin-bottom: 3px;
}
.recent-comment-topic-block p.date span {
	color: #fff;
	font-style: italic;
}
.status-active {
	margin-bottom: 10px;
}
.status-active span {
	display: inline-block;
    padding: 3px 12px;
    min-width: 65px;
    text-align: right;
    color: #31FC51;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    position: relative;
    background-color: #202A28;
    border-radius: 20px;
    border: 1px solid rgba(49, 252, 81, .2);
}
.status-active span:before {
	content: "";
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #31FC51;
    position: absolute;
    left: 7px;
    top: 7px;
}
.recent-comment-topic-block .desc-content p {
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #959595;
	margin-bottom: 10px;
}
.recent-comment-topic-block .desc-content p a {
	font-weight: 500;
	color: #fff;
}
.recent-comment-area .country-analytics {
	margin-bottom: 15px;
}
.recent-comment-section .comment-box-graph {
	margin-top: 110px;
}
.viewall-comment-area {
	width: 75.262%;
	padding-left: 5px;
	padding-right: 5px;
}
.comment-section-header {
	margin-bottom: 20px;
}
.comment-section-header h5 {
	font-size: 13px;
	line-height: 20px;
	color: #ddd;
	margin-bottom: 0;
}
.comment-section-header .nice-select {
	background-color: #32353C;
	border-radius: 8px;
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	border-color: transparent;
	min-width: 180px;
}
.comment-section-header .nice-select span.current {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.comment-section-header .nice-select:after {
	border-color: #fff;
}
.creator-comment-replay {
	background-color: #0d1015;
    border: 0.5px solid rgba(98, 96, 96, .3);
    border-radius: 20px;
    padding: 15px;
}
.creator-comment-replay .user-img {
	position: absolute;
	top: 0;
	left: 0;
	/*bottom: 0;
	align-items: center;
	display: flex;*/
}
.creator-comment-replay .user-img img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
}
.creator-comment-replay .comment-right-content {
	padding-left: 55px;
}
.creator-comment-replay .comment-respons-btn a {
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	margin-right: 30px;
}
.creator-comment-replay .comment-respons-btn a:last-of-type {
	margin-right: 0;
}
.creator-comment-replay .comment-content {
	line-height: 0;
}
.creator-comment-replay .comment-content h6 {
	font-size: 14px;
	line-height: 24px;
	color: #959595;
	margin-bottom: 3px;
}
.report-modal-content .report-box .report-content h2 span:before,
.creator-comment-replay .comment-content h6 span:before {
	  content: "";
    width: 3px;
    height: 3px;
    background-color: #B6B6B6;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
}

.creator-comment-replay .comment-content .userid,
.creator-comment-replay .comment-content h6 span {
	margin-left: 10px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
	position: relative;
}
.creator-comment-replay .comment-content .userid {
	margin-left: 0;
	display: inline-block;
	margin-bottom: 3px;
}
.creator-comment-replay .comment-content p {
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
.creator-comment-replay .comment-content .comment-count a {
	font-size: 14px;
	color: #3185FC;
	line-height: 21px;
	font-weight: 500;
	margin-right: 25px;
}
.creator-comment-replay .comment-content .comment-count a i {
	margin-right: 5px;
}
.creator-comment-replay .comment-content .comment-count span {
	font-size: 12px;
	line-height: 18px;
	display: flex;
	align-items: center;
}
.creator-comment-replay .comment-content .comment-count span i {
	margin-right: 7px;
	color: #B5394F;
	font-size: 20px;
}
.creator-comment-replay .comment-box {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255,.5), rgba(0,0,0,0));
    border-image-slice: 1;
}
.creator-comment-replay .comment-box:last-of-type {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.creator-comment-replay .comment-replay-form {
	margin-top: 10px;
	margin-bottom: 10px;
}

.creator-comment-replay .comment-replay-form .form-content {
	padding-left: 55px;
	min-height: 40px;
	position: relative;
}
.creator-comment-replay .comment-replay-form .form-content:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 94%;
	background: #8A8B8D;
	left: 55px;
	right: 0;
	bottom: -10px;
}
.creator-comment-replay .comment-replay-form .form-control {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	font-size: 14px;
	color: #fff;
	line-height: 21px;
	padding-left: 0;
	padding-right: 60px;
}
.comment-replay-form .form-control::-webkit-input-placeholder {
  color: #959595;
}
.comment-replay-form .form-control::-moz-placeholder {
  color: #959595;
}
.comment-replay-form .form-control:-ms-input-placeholder {
  color: #959595;
}
.comment-replay-form .form-control:-moz-placeholder {
  color: #959595;
}
.creator-comment-replay .comment-replay-form button {
	background-color: transparent;
	position: absolute;
	padding: 0;
	border:  0;
	right: 0;
	top: 0;
}
.creator-comment-replay .comment-replay-form .icon-btn {
	right: 30px;
}
.enable-webseries:not(.show),
.disble-webseries:not(.show) {
	display: none !important;
}
.share-webseries-content-box:not(.disabled) .webserires-status.disabled,
.share-webseries-content-box.disabled .webserires-status.active {
	display: none;
}
.reportmodal.sharepostmodal .modal-header .modal-title {
	font-size: 20px;
	font-weight: 500;
}
.reportmodal .modal-body {
	padding: 15px;
}
.report-modal-content {
	margin-bottom: 25px;
}
.report-modal-content .report-box {
	background: linear-gradient(267.6deg, rgba(98, 96, 96, 0.5) 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border-radius: 14px;
	padding: 10px;
}
.report-modal-content .report-box .img-box {
	position: absolute;
	top: 0;
	left: 10px;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.report-modal-content .report-box .img-box img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.report-modal-content .report-box .report-content {
	padding-left: 55px;
	line-height: 14px;
	min-height: 40px;
}
.report-modal-content .report-box .report-content h2 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 3px;
	color: #959595;
}
.report-modal-content .report-box .report-content h2 span {
	margin-left: 10px;
	padding-left: 15px;
	font-size: 12px;
	color: #959595;
	position: relative;
}
.report-modal-content .report-box .report-content .username {
    font-size: 12px;
    font-weight: 100;
    display: inline-block;
    margin-bottom: 3px;
}
.report-modal-content .report-box .report-content p {
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 0;
}
.add-new-season-btn {
	margin-right: 10px;
}
.add-new-season-btn a {
	border-radius: 8px;
	background-color: #32353C;
	font-size: 14px;
	line-height: 23px;
	color: #fff;
	min-width: 182px;
	padding: 9.5px 15px;
	display: inline-block;
	text-align: center;
}
.add-new-season-btn a i {
	width: 20px;
	height: 20px;
	line-height: 18px;
	border: 1px solid  #fff;
	border-radius: 100%;
	margin-right: 8px;
}

.upload-webseries-area .upload-webseries-title {
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 15px;
}
.upload-webseries-area .upload-webseries-title i {
	margin-right: 20px;
}

.form-wizard-header {
	display: flex;
	align-items: center;
	padding: 30px;
	border-radius: 12px;
	background-color: #1A1D1F;
	margin-bottom: 25px;
	padding-left:125px
}

.form-wizard-header .steps-content {
	width: 33.3333%;
}

.form-wizard-header .steps-content span {
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #000;
	font-size: 0;
	border-radius: 100%;
	background-color: rgba(255,255,255,.5);
	display: inline-block;
	position: relative;
	margin-bottom: 8px;
}
.form-wizard-header .steps-content.active span {
	background-color: #373C40;
}
.form-wizard-header .steps-content.active span:before {
	opacity: 1;
}
.form-wizard-header .steps-content {
	position: relative;
}
.form-wizard-header .steps-content.active:after {
	background-color: #3185FC;
}

.form-wizard-header .steps-content:after {
	content: "";
    position: absolute;
    top: 25%;
    left: auto;
    width: 72%;
    height: 2px;
    background-color: #32353C;
    margin-left: 20px;
}
.form-wizard-header .steps-content:last-of-type:after {
	display: none;
}

.form-wizard-header .steps-content span:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  background-color: #3185FC;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
}

.form-wizard-header .steps-content p {
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #fff;
	margin-bottom: 0;
}

.formwizard-steps-content h3 {
	font-size: 16px;
	line-height: 24px;
	color: #3185FC;
	margin-bottom: 10px;
}
.formwizard-steps-content h6 {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 10px;
}

.formwizard-content-inner {
	padding: 15px 10px;
	border-radius: 12px;
	background-color: #1A1D1F;
	box-shadow: 0px 4px 23px 0px #00000040;
	margin-bottom: 25px;
}
.formwizard-content-inner .form-group {
	margin-bottom: 10px;
	clear: both;
}
.formwizard-content-inner .form-group > label {
	font-size: 13px;
	line-height: 20px;
	color: #ddd;
	font-weight: 500;
	margin-bottom: 5px;
}
.formwizard-content-inner .form-control.common-form-control {
	color: rgba(255,255,255,1);
}

.formwizard-steps-content .custom-radio-btn input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.formwizard-steps-content .custom-radio-btn {
	margin-right: 10px;
	margin-bottom: 10px;
}
.formwizard-steps-content .custom-radio-btn label {
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	color: rgba(255,255,255,1);
	padding: 13.5px 14px;
	border-radius: 4px;
	border: 1px solid #565656;
	background-color: #32353C;
	cursor: pointer;
}

.formwizard-steps-content .custom-radio-btn:hover label,
/*.formwizard-steps-content .custom-radio-btn input[type="radio"]:checked + label {*/
.formwizard-steps-content .custom-radio-btn input[type="checkbox"]:checked + label {
	border-color: #3185FC;
	background-color: #3185FC;
}

.create-season-qnt .radio-block input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.add-more-plus-btn a,
.create-season-qnt .radio-block label {
	background-color: #32353C;
	padding: 9.5px 15.85px;
	border-radius: 4px;
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: rgba(255,255,255,.5);
	border: 1px solid #565656;
	cursor: pointer;
}
.add-more-plus-btn a {
	width: 57px;
	height: 57px;
	line-height: 57px;
	text-align: center;
	padding: 0;
	color: #fff;
}

.create-season-qnt .radio-block input[type="radio"]:checked + label {
	border-color: #3185FC;
}
.create-season-qnt .radio-block {
	margin-right: 10px;
	margin-bottom: 10px;
}
.upload-custom-content {
	margin: 0 -5px;
}

.upload-custom-content .custom-upload-box {
	padding: 0 5px;
	width: 25%;
}
.custom-upload-box .btn_upload {
	max-width: 100%;
}
.custom-upload-box .btn_upload label {
	border: 1px solid #565656;
	background-color: #32353C;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 92px;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
}
.custom-upload-box .btn_upload label p {
	margin-bottom: 0;
	color: rgba(255,255,255,.5);
	max-width: 108px;
}
.custom-upload-box .btn_upload label p span {
	font-size: 26px;
	color: #fff;
}
.custom-upload-box .custom-upload .prev {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	padding: 2px;
	max-height: 92px;
}
#open-thumb-cropper-trigger .preview.prev,
.season-container .custom-upload .preview {
    max-height: 330px;
}
.custom-upload-box .btn_upload.show p {
	display: none;
}
.custom-video-upload video {
	max-width: 100%;
    border-radius: 12px;
    padding: 2px 2px 0;
    vertical-align: middle;
}
.custom-video-upload .file_uploaded label p,
.uploaded_file_view:not(.show) {
	display: none;
}
.uploaded_file_view .file_remove2,
.uploaded_file_view .file_remove {
  position: absolute;
  right: 0;
  background: red;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  z-index: 99;
  border: 0 !important;
}

.upload-webseries-preview-inner h3 {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	margin-bottom: 10px;
}
.upload-webseries-preview-inner img {
	border-radius: 12px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	max-height: 160px;
    object-fit: cover;
}
.upload-webseries-preview-inner h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
}

.upload-webseries-preview-inner h2 span {
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}
.upload-webseries-preview-inner p {
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	margin-bottom: 5px;
	max-width: 284px;
}
.upload-season-block .upload-content-right .action-btn,
.upload-webseries-preview-inner a {
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #565656;
	background-color: #32353C;
	padding: 2px 15px;
}
.upload-webseries-preview-inner h4 {
	font-size: 18px;
	line-height: 27px;
	margin-top: 5px;
}

.formwizard-steps-content .btn-primary {
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	padding: 9px 15px;
	border-radius: 8px;
	border-color: transparent;
	background-color: #3185FC;
}

.formwizard-steps-content .btn-cancel {
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	border: 0;
	background-color: transparent;
}
.formwizard-steps-content.steps-4,
.formwizard-steps-content.steps-3,
.formwizard-steps-content.steps-2 {
	display: none;
}

.upload-season-block {
	padding: 10px;
	border-radius: 12px;
	background-color: #1A1D1F;
	box-shadow: 0px 4px 23px 0px #00000040;
	margin-bottom: 25px;
}
.upload-season-block h4 {
	font-size: 13px;
	line-height: 20px;
	color: #ddd;
	margin-bottom: 8px;
}
.upload-season-block .img-block {
	width: 247px;
}
.upload-season-block img {
	border-radius: 12px;
	border: 1px solid #fff;
}
.upload-season-block .upload-content-right {
	padding-left: 20px;
}
.upload-season-block .upload-content-right h2 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 0;
}
.upload-season-block .upload-content-right h2 span {
	display: block;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
}
.upload-season-block .upload-content-right p {
	font-size: 12px;
	line-height: 18px;
	max-width: 284px;
	margin-bottom: 8px;
}
.upload-season-block .upload-content-right .action-btn {
	margin-bottom: 10px;
}
.upload-season-block .upload-content-right .bottom-btn a {
	color: #fff;
	font-size: 20px;
	margin-right: 30px;
}
.upload-season-block .upload-content-right .bottom-btn a:last-of-type {
	margin-right: 0;
}

.custom-upload-box .btn_upload label.min-height-154 {
	min-height: 154px;
}
.custom-episode-drp {
	clear: both;
}
.custom-episode-drp .nice-select {
	height: auto;
	background-color: #32353C;
	border: 1px solid #565656;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: rgba(255, 255, 255, 1);
	font-size: 13px;
	line-height: 28px;
	width: auto;
	margin-bottom: 10px;
}
.custom-episode-drp .nice-select:after {
	border-color: #fff;
}

.btn-upload-new-episode {
	font-size: 15px;
	line-height: 23px;
	text-align: center;
	border-radius: 8px;
	border-color: transparent !important;
	background-color: #32353C !important;
	padding: 12.5px 15px;
}
.btn-upload-new-episode i {
	width: 20px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 100%;
	font-size: 12px;
	margin-right: 5px;
}
.approvalmodal .modal-body {
	padding-bottom: 30px;
}
.approval-pending-content {
	max-width: 365px;
	margin: 0 auto;
	text-align: center;
}
.approval-pending-content span {
	font-size: 25px;
	width: 77px;
	line-height: 77px;
	height: 77px;
	color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 100%;
	background-color: #3185FC;
	margin-bottom: 10px;
}

.approval-pending-content h2 {
	font-size: 28px;
	line-height: 42px;
}
.approval-pending-content p {
	font-size: 14px;
	line-height: 21px;
	color: #959595;
}
.approval-pending-content .btn-primary {
	border-radius: 4px;
	border-color: transparent;
	background-color: #3185FC;
	padding: 10px 15px;
	font-size: 15px;
	line-height: 23px;
	color: #ddd;
	text-align: center;
	width: 100%;
	max-width: 238px;
}

.addnewepisodes-modal-content .formwizard-steps-content:not(.active),
.upload-webseries-details:not(.active) {
	display: none;
}

.addnewepisodes-modal-content .formwizard-steps-content.active {
	display: block;
}

.addnewepisodes-modal .modal-header {
	padding: 15px;
	border-color: #32353C;
}
.addnewepisodes-modal .modal-body {
	padding: 10px 15px;
}

.addnewepisodes-modal .modal-title {
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	font-weight: 600;
}

.creator-movie-list .chatflow-post {
	margin-bottom: 20px;
}
.creator-movie-list .chatflow-post .movieimg {
	border-radius: 12px;
	margin-bottom: 10px;
}
.movie-list-info .top-movie-title h3 {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0;
}
.creator-movie-list .movie-list-info .top-movie-title {
	margin-bottom: 3px;
}
.movie-list-info .top-movie-title .right-action a {
	color: #fff;
}
.movie-list-info .bottom-info p {
	color: #959595;
	font-size: 12px;
	line-height: 18px;
}
.movie-list-info .bottom-info p span {
	display: inline-block;
	padding-right: 5px;
	margin-right: 10px;
	position: relative;
}
.movie-list-info .bottom-info p span:last-of-type {
	margin-right: 0;
	padding-right: 0;
}
.movie-list-info .bottom-info p span:last-of-type:after {
	display: none;
}
.movie-list-info .bottom-info p span:after {
	content: ".";
	position: absolute;
	width: 5px;
	height: 5px;
	color: #959595;
	font-size: 20px;
	right: -6px;
  top: -6px;
}
.createpostmodal .modal-header {
	border-color: #32353C;
	justify-content: center;
}

.createpostmodal .modal-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	color: #fff;
}

.createpostmodal .modal-header .btn-close {
	margin: 0;
	background: none;
	margin: 0;
  position: absolute;
  right: 10px;
  top: 15px;
  padding: 0;
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 100%;
  text-align: center;
  background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
  border: 1px solid rgba(98, 96, 96, .8);
  opacity: 1;
}

.createpostmodal .create-post-upload {
	position: relative;
}

.create-post-upload input[type="file"] {
	position: absolute;
	opacity: 0;
	height: 100%;
}

.create-post-upload .preview-item img,
.create-post-upload .preview-item video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  width: 100%;
}

.create-post-upload .upload-content {
	min-height: 168px;
	padding: 15px;
	background: linear-gradient(267.6deg, #62606014 19.74%, rgba(139, 139, 139, 0) 145.98%),
linear-gradient(0deg, #353535, #353535);
  border: 1px dotted rgba(98, 96, 96, .8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.create-post-upload .upload-content img {
	display: block;
	margin: 0 auto 8px;
}

.removevideo {
	display: none;
}

.removevideo {
	position: absolute;
	right: 15px;
	top: 15px;
	border: 0;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #ff0000;
	color: #fff;
	background-color: #ff0000;
	color: #fff;
}

.create-post-upload .upload-content p {
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	line-height: 18px;
	color: #797C88;
	margin-bottom: 0;
	text-align: center;
}

.createpostmodal .form-group {
	margin-bottom: 15px;
}

.createpostmodal .form-group label {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #3185FC;
	margin-bottom: 10px;
}

.createpostmodal .form-group .form-control {
	border: 1px solid #565656;
	background: linear-gradient(0deg, #32353C, #32353C),
	linear-gradient(0deg, #565656, #565656);
	padding: 15px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	box-shadow: none;
	outline: 0;
	border-radius: 8px;
}

.createpostmodal .form-group .form-control::-webkit-input-placeholder {
  color: #565656;
}
.createpostmodal .form-group .form-control::-moz-placeholder {
  color: #565656;
}
.createpostmodal .form-group .form-control:-ms-input-placeholder {
  color: #565656;
}
.createpostmodal .form-group .form-control:-moz-placeholder {
  color: #565656;
}
.createpostmodal .form-group span.max-char-text {
	/*font-family: Rubik;*/
	/*font-size: 10px;*/
	font-weight: 500;
	line-height: 15px;
	color: #808080;
	margin-top: 5px;
}

.createpost-modal-submti-btn button {
	padding: 12px 15px;
	border-radius: 8px;
	border-color: transparent !important;
	font-size: 17px;
	font-weight: 500;
	line-height: 26px;
	color: #ddd;
	text-align: center;
}
.createpost-modal-submti-btn button.btn-secondary {
	background-color: #32353C !important;
}
.createpost-modal-submti-btn button.btn-primary {
	background-color: #3185FC !important;
}


/* Video Player */
.my-video-dimensions {
	max-width: 100%;
}
.video-realted-seasons {
	position: absolute;
	right: 15px;
	top:20px;
	z-index: 9999;
}

#videoepisodlist {
	width: 38px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	text-align: center;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border-radius: 100%;
	position: absolute;
	right: 0;
}
#videoepisodlist.active {
	background: #3185FC;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	opacity: 1 !important;
	transition: visibility 1s, opacity 1s;
}

.playervideo-episod-list-box {
	display: none;
}
.playervideo-episod-list-box.active {
	display: block;
	width: 652px;
	max-width: 652px;
	border-radius: 24px;
 	background: linear-gradient(0deg, rgba(20, 20, 20, 1), rgba(20, 20, 20, 1)),
	linear-gradient(182deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border: 1px solid rgba(98,96,96,.6);
	margin-right: 40px;
	position: relative;
	z-index: 999;
}

.playervideo-episod-list-box.active.videoplayer-list-seasonlist {
	width: 457px;
	max-width: 457px;
}

.season-list-radio-btn {
	padding: 10px  20px;
}

.season-list-radio-btn .custom-radio-btn-seasons input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.custom-radio-btn-seasons {
	margin-bottom: 5px;
}

.custom-radio-btn-seasons label {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	color: #fff;
	min-width: 155px;
	padding: 15px 15px;
	text-align: center;
	display: inline-block;
	position: relative;
	border-radius: 9px;
	background: linear-gradient(267.6deg, rgba(98, 96, 96, 0.45) 19.74%, rgba(139, 139, 139, 0) 145.98%);
	border: 1px solid rgba(98, 96, 96, 1);
}

.custom-radio-btn-seasons input[type="radio"]:checked + label {
	background: rgba(20, 20, 20, 0.85);
	border-color: #3185FC;
}

.playervideo-heading-box {
	padding: 9px 20px;
	border-bottom: 1px solid rgba(98,96,96,.1);
}
.playervideo-heading-box h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 42px;
	margin-bottom: 0;
}
.playervideo-heading-box h2 a {
	color: #fff;
	display: inline-block;
	margin-right: 20px;
}

#userlistclose,
.playervideo-heading-box #closebtn {
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 100%;
	display: inline-block;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%),
	linear-gradient(0deg, #444444, #444444);
	text-align: center;
	border: 1px solid rgba(98,96,96,.1);
	font-size: 18px;
	cursor: pointer;
}

.videoplayer-list-content .accordion-header {
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: #fff;
}

.videoplayer-list-content .accordion-item {
	background-color: transparent;
	border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(98,96,96,.1);
}

.videoplayer-list-content .accordion-button {
	color: #fff;
	padding: 10px 20px;
	background-color: transparent;
}

.videoplayer-list-content .accordion-body {
	padding: 0 20px 10px;
}

.videoplayer-list-content .accordion-body .left-image-box {
	padding-right: 8px;
}

.videoplayer-list-content .accordion-body .left-image-box img {
	border-radius: 10px;
}
.videoplayer-list-content .accordion-body .right-conten-box p {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 0;
	max-width: 295px;
}

.videoplayer-list-content .accordion-item.active {
	background-color: rgba(20, 20, 20, 0.85);
}

.videoplayer-list-content .accordion-item:last-of-type.active {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.video-left-title-information {
	position: absolute;
	/*left: 55px; */
	top: 30px;
	z-index: 999;
}
.video-left-title-information h2 {
	font-size: 28px;
	font-weight: 600;
	line-height: 42px;
	color: #fff;
	position: relative;
	padding-left: 60px;
	margin-bottom: 0;
	padding-right: 60px;
}
.video-left-title-information h2 a {
	display: inline-block;
	color: #fff;
	margin-right: 30px;
	position: absolute;
	left: 0;
}

.video-left-title-information h2 span {
	font-size: 16px;
	line-height: 24px;
}

.videoplayer-friend .btn {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%) !important;
	border-radius: 19px;
	padding: 8.5px 15px;
}
.videoplayer-friend .btn.show {
	background: #3185FC !important;
}

.videoplayer-friend .btn:after {
	display: none;
}
.videoplayer-friend .btn img {
	margin-right: 5px;
}

.video-player-progressbar-add {
	position: absolute;
	right: 147px;
	bottom: 20px;
}

.vjs-control-bar {
	padding: 0 15px;
	max-width: 1350px;
	margin:0 auto 20px;
}

.video-player-progressbar-add .active-user-list {
	margin-right: 8px;
}
.video-player-progressbar-add .active-user-list a {
	margin-right: 20px;
	display: inline-block;
}
.video-player-progressbar-add .active-user-list a span {
	width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #1BBA02;
  position: absolute;
  right: 0px;
  bottom: 3px;
}

.video-player-progressbar-add .active-user-list a img {
	width: 27px;
	height: 27px;
	border-radius: 30px;
}

.video-player-progressbar-add .active-user-list a:last-of-type {
	margin-right: 0;
}
.video-player-progressbar-add .videoplayer-friend {
	margin-right: 8px;
}
.video-player-progressbar-add .videoplayer-friend:last-of-type {
	margin-right: 0;
}

.video-js .vjs-big-play-button {
	display: none !important;
}

.videoplayer-friend .dropdown-menu {
	width: 652px;
	left: auto !important;
  right: 0 !important;
	border-radius: 24px;
  background: linear-gradient(0deg, rgba(20, 20, 20, 0.8), rgba(20, 20, 20, 0.8)),
linear-gradient(267.6deg, #626060 75.74%, rgba(139, 139, 139, 0) 145.98%);
  border: 1px solid rgba(98,96,96,.6);
  transform: unset !important;
  bottom: 100% !important;
  margin-bottom: 10px !important;
  z-index: 9999;
  padding: 0;
}
.videouserlist-top-header {
	padding: 8px 20px 8px;
	border-bottom: 1px solid #32353C;
}
.videouserlist-top-header h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 42px;
	margin-bottom: 0;
}
.videouserlist-find {
	padding: 15px;
}

.videouserlist-find .seach-user-form .form-control {
	min-height: 50px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color:white;
	/*color: #959595;*/
	padding: 8px 15px;
	background-color: #32353C;
	border: 1px solid #565656;
	border-radius: 8px;
}

.seach-user-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #959595;
}
.seach-user-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #959595;
}
.seach-user-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #959595;
}
.seach-user-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #959595;
}

.videouserlist-find .seach-user-form {
	margin-bottom: 20px;
}

.searchingiser-box {
	margin-bottom: 15px;
}
.searchingiser-box:last-of-type {
	margin-bottom: 0;
}

.searchingiser-box .image-box {
	padding-right: 12px;
}
.searchingiser-box .image-box img {
	max-width: 40px;
	max-height: 40px;
	border-radius: 100%;
}
.searchingiser-box .serching-user-text {
	width: 92%;
}
.searchingiser-box .serching-user-text .left-content {
    padding-right:8px;
}
.searchingiser-box .serching-user-text .left-content h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: #fff;
	margin-bottom: 0;
}
.searchingiser-box .serching-user-text .left-content p {
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	color: #fff;
	margin-bottom: 0;
}

.searchingiser-box .right-chat-btn a {
	color: #fff;
	border-radius: 20px;
	padding: 8.5px 15.5px;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	display: inline-block;
	text-align: center;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	min-width: 60px;
}

.videoplayer-friend .dropdown-menu.usershowchat-drp-box {
	border: 0;
	background: transparent;
	border-radius: 0;
	width: 367px;
	margin-bottom: 25px !important;
	right: -100px !important;
}

.usershowchat-drp-box .form-field-input .form-control {
	color: #fff;
	border: 1px solid #fff;
	min-height: 40px;
	border-radius: 6px;
	padding: 6px 40px 6px 35px;
	background-color: transparent;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

.form-field-input .form-control::-webkit-input-placeholder {
  color: #fff;
}
.form-field-input .form-control::-moz-placeholder {
  color: #fff;
}
.form-field-input .form-control:-ms-input-placeholder {
  color: #fff;
}
.form-field-input .form-control:-moz-placeholder {
  color: #fff;
}

.usershowchat-drp-box .form-field-input p  {
	position: absolute;
	top: 10px;
	left: 10px;
}
.usershowchat-drp-box .form-field-input button {
	position: absolute;
	top: 10px;
	right: 10px;
}

.video-js .vjs-control-bar  {
	display: block;
	opacity: 1;
}
.video-js .vjs-control-bar {
	height: 4em;
}

.vjs-progress-control.vjs-control {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
  width: 100%;
}



.vjs-play-control .vjs-icon-placeholder:before,
.vjs-play-control.vjs-control.vjs-button.vjs-paused .vjs-icon-placeholder:before,
.vjs-play-control.vjs-control.vjs-button.vjs-playing .vjs-icon-placeholder:before {
	font-size: 24px;
}

.video-js .vjs-control-bar {
	background-color: transparent;
}

.video-js .vjs-play-progress {
  background-color: #3185FC;
}
.video-js .vjs-slider,
.video-js .vjs-load-progress div {
	background-color: #fff;
}

.video-js .vjs-progress-holder {
	height: 2px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
	font-size: 1.5em !important;
}
.vjs-duration.vjs-time-control.vjs-control,
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
	display: block;
}
.vjs-duration.vjs-time-control.vjs-control,
.vjs-remaining-time,
.vjs-play-control.vjs-control,
.video-js .vjs-volume-panel,
.video-js .vjs-play-control {
	float: left;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
	content: "\f066";
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	line-height: 38px;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
	line-height: 38px;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
	text-shadow: none;
}

.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-button {
	padding: 0;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 100%;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	position: relative;
}

.vjs-playback-rate .vjs-playback-rate-value {
	display: none;
}

.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-button .vjs-icon-placeholder:before {
	content: "";
	background-image: url(../images/speed.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "";
	background-image: url(../images/volume-up.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "";
	background-image: url(../images/volume-mute.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	background-color: #2b333f;
	z-index: 1;
}

.vjs-volume-panel .vjs-mute-control .vjs-icon-placeholder:before {
	line-height: 38px;
}

.vjs-volume-panel .vjs-mute-control,
.vjs-picture-in-picture-control.vjs-control.vjs-button,
.vjs-fullscreen-control.vjs-control.vjs-button {
	padding: 0;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 100%;
	background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	margin-right: 8px;
	position: relative;
}

.vjs-remaining-time {
	display: none;
}

.vjs-playback-rate,
.video-js .vjs-picture-in-picture-control,
.vjs-fullscreen-control {
	float: right;
}
.vjs-current-time.vjs-time-control.vjs-control {
	margin-left: 8px;
}

.vjs-time-control.vjs-time-divider,
.vjs-current-time.vjs-time-control.vjs-control {
	float: left;
	display: block;
}
.video-js .vjs-time-control {
	padding-left: 0;
	padding-right: 0;
	min-width: auto;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 38px;
}

.vjs-volume-bar.vjs-slider-horizontal {
	margin-top: 18px;
}

.video-js .vjs-time-control.vjs-time-divider {
	padding-left: 3px;
	padding-right: 3px;
}

.video-listing {
	position: relative;
	z-index: 2;
}

.video-listing:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 3.12%, #0C111B 100%);
  z-index: -1;
  display: inline-block;
}

.video-js .vjs-control-bar,
.video-player-progressbar-add {
	z-index: 2;
}

.playervideouserchat .leftchat,
.playervideouserchat .rightchat {
	margin-bottom: 20px;
}

.playervideouserchat .leftchat .chatuserimg {
	padding-right: 5px;
}

.playervideouserchat .rightchat .chatuserimg {
	padding-left: 5px;
}


.playervideouserchat .chatuserimg img {
	border: 2px solid rgba(99, 179, 204, 0.65);
	border-radius: 100%;
	max-width: 30px;
	max-height: 30px;
}

.playervideouserchat .rightchat .chatuserimg img {
	border: 2px solid rgba(206, 63, 63, 0.65);
}

.playervideouserchat .rightchat .chatuser-content,
.playervideouserchat .leftchat .chatuser-content {
	border-radius: 5px;
	background: linear-gradient(90.08deg, rgba(32, 32, 32, 0.53) 1.49%, rgba(21, 21, 21, 0) 93.27%);
	min-height: 29px;
	padding: 8px;
	max-width: 250px;
	min-width: 150px;
}

.playervideouserchat .rightchat {
	margin-left: auto;
  margin-right: 0;
  justify-content: end;
}

.playervideouserchat .chatuser-content p {
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	color: #fff;
}

.video-player-full-content {
	padding-top: 25px;
}

.video-player-full-content .row {
	margin: 0 -5px;
}
.video-player-full-content .video-player-right-content,
.video-player-full-content .video-player-left-content {
	padding: 0 5px;
}

.video-player-full-content .video-player-right-content {
	width: 33.083%;
}
.video-player-full-content .video-player-left-content {
	width: 66.917%;
}

.voting-block-content {
	padding: 15px 15px 20px;
	background: linear-gradient(247.74deg, rgb(50 53 60 / 55%) -11.57%, rgb(201 201 201 / 18%) 97.19%);
	border-radius: 12px;
	margin-bottom: 25px;
}
.voting-top-header {
	margin-bottom: 25px;
}

.voting-top-header h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	color: #fff;
}
.voting-top-header span i {
	border: 1px solid #fff;
	border-radius: 100%;
	display: inline-block;
	width: 20px;
	line-height: 16px;
	height: 20px;
	text-align: center;
	font-size: 11px;
}

.voting-user-content-list.poll-result-user-vote .progress_bar .item-img {
  width: 15%;
  padding-right: 10px;
}

.voting-user-content-list.poll-result-user-vote .progress_bar .item_value {
	width: auto;
	position: absolute;
	right: 15px;
	top: 12px;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.voting-user-content-list .progress_bar .item_bar .progress,
.voting-user-content-list .progress_bar .item_bar {
	height: 2.5rem;
}
.voting-user-content-list {
	margin-bottom: 25px;
}
.start-voting-btn .btn {
	font-size: 15px;
	line-height: 23px;
	text-align: center;
	color: #ddd;
	box-shadow: none;
	outline: 0;
	border-radius: 4px;
	background-color: #3185FC;
	padding: 8.5px 15px;
	width: 100%;
	border:0;
}

.votingmodal .modal-content {
	background: rgba(20, 20, 20, 1);
	border: 1px solid rgba(98, 96, 96, .8);
	border-radius: 20px;
}

.votingmodal .modal-header {
	padding: 16px 25px;
	border-color: #32353C;
	justify-content: center;
}
.votingmodal .modal-header .modal-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	color: #FFFFFF;
}
.votingmodal .modal-header .btn-close {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	opacity: 1;
	text-align: center;
	border-radius: 100%;
	border: 1px solid rgba(98, 96, 96, .8);
	background: #444444;
}
.votingmodal .modal-body {
	padding: 20px 25px;
}

.votingmodal .row {
	margin: 0 -7.5px;
}
.votingmodal .votingbox {
	padding: 0 7.5px;
	position: relative;
	margin-bottom: 10px;
}

.votingmodal .votingbox input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.votingmodal .votingbox label .imgvote span:before {
	color: #fff;
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  opacity: 0;
  font-size: 30px;
}

.votingmodal .votingbox label .imgvote span {
	content: "";
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	width: 78px;
	height: 78px;
	border-radius: 100%;
	background-color: #3185FC;
	text-align: center;
	margin: 0 auto;
	opacity: 0;
}

.votingmodal .votingbox label {
	cursor: pointer;
	position: relative;
}
.votingmodal .votingbox label .imgvote {
	position: relative;
	margin-bottom: 5px;
}
.votingmodal .votingbox label .imgvote:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
}
.votingmodal .votingbox input[type="radio"]:checked + label .imgvote span:before,
.votingmodal .votingbox input[type="radio"]:checked + label .imgvote span,
.votingmodal .votingbox input[type="radio"]:checked + label .imgvote:before {
	opacity: 1;
}

.votingmodal .votingbox label p {
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	color: #fff;
}

.votingmodal .btn {
	font-size: 17px;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
	border-radius: 8px;
	color: #ddd;
	padding: 12px 15px;
	text-align: center;
	border-color: transparent;
}
.votingmodal .btn-secondary {
	background-color: #32353C;
}
.votingmodal .btn-primary {
	background-color: rgba(49, 133, 252, .25);
}

.related-like-section {
	border-top: 1px solid transparent;
	border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255,.4), rgba(0,0,0,0));
	border-image-slice: 1;
	padding-top: 25px;
}

.related-like-section h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	color: #fff;
	margin-bottom: 20px;
}

.related-like-section .likeseries-box .imgbox {
	margin-bottom: 13px;
}

.related-like-section .likeseries-box .imgbox img {
	border-radius: 6px;
}
.related-like-section .likeseries-box .titlebox {
	margin-bottom: 5px;
}
.related-like-section .likeseries-box .titlebox h4 {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 0;
	padding-right: 10px;
}
.related-like-section .likeseries-box p {
	margin-bottom: 0;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 2px;
}
.related-like-section .likeseries-box {
	margin-bottom: 25px;
}
.related-like-section .likeseries-box:last-of-type {
	margin-bottom: 0;
}

.video-player-top-heading-block {
	margin-bottom: 20px;
}
.video-player-top-heading-block h2 {
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	color: #fff;
}
.video-player-top-heading-block .right-btn-text a {
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	text-align: center;
	display: inline-block;
	background-color: #3185FC;
	border-radius: 8px;
	padding: 8.5px 17px;
}

.video-author-info-list .author-details .imgbox {
	padding-right: 8px;
}
.video-author-info-list .author-details .imgbox img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
}
.video-author-info-list .author-details .author-title h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	color: #fff;
	margin-bottom: 0;
}
.video-author-info-list .author-details .author-title span {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	color: #fff;
}

.video-author-info-list .video-right-btn-list a {
	margin-right: 8px;
}
.video-author-info-list .video-right-btn-list a:last-of-type {
	margin-right: 0;
}

.author-follow-btn {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 15px;
	color: #fff;
	border-radius: 20px;
	display: inline-block;
	padding: 8.5px 16px;
	background-color: #3185FC;
	margin-right: 15px !important;
}
.videocommon-btn i,
.author-follow-btn i {
	margin-right: 5px;
}


.videocommon-btn {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 13.41px;
	color: #fff;
	border-radius: 30px;
	display: flex;
	align-items: center;
	padding: 6px 10px;
	background-color: #32353C;
}
.videocommon-btn i {
	font-size: 20px;
	position:relative;
	top: 2px;
}

.videocommon-btn div {
    display: flex;
    align-items: center;
}

.videocommon-btn span {
	font-weight: 700;
	font-size: 12px;
	margin-left: 3px;
}

.video-author-info-list {
	margin-bottom: 15px;
}
.video-description-content {
	margin-bottom: 15px;
	padding: 10px 15px;
	border-radius: 10px;
	background-color: #32353C;
}

.video-description-content p strong {
	font-weight: 600;
}

.video-description-content p {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 18px;
	max-width: 618px;
}
.video-description-content p a {
	font-weight: 500;
	color: #3185FC;
}

.video-player-comment .totalcomment-box {
	margin-bottom: 25px;
}

.video-player-comment .totalcomment-box h3 {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0;
}

.totalcomment-box .right-comment-filter a {
	font-size: 14px;
	font-weight:500;
	line-height: 21px;
	color: #fff;
}
.video-player-comment .comment-input-field .userimg {
	padding-right: 15px;
}
.video-player-comment .comment-input-field .userimg img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
}

.video-player-comment .comment-input-field-right {
	width: 93%;
}

.video-player-comment .comment-input-field .form-control {
	background-color: transparent;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #fff;
	border: 0;
	border-bottom: 1px solid #fff;
	padding: 10px 76px 10px 0;
	box-shadow: none;
	outline: 0;
}

.comment-input-field .form-control::-webkit-input-placeholder {
  color: #959595;
}
.comment-input-field .form-control::-moz-placeholder {
  color: #959595;
}
.comment-input-field .form-control:-ms-input-placeholder {
  color: #959595;
}
.comment-input-field .form-control:-moz-placeholder {
  color: #959595;
}
.video-player-comment .comment-input-field-right button {
	position: absolute;
	right: 0;
	background-color: transparent;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	top: 6px;
}
.video-player-comment .comment-input-field-right button.icon-btn {
	right: 50px;
}
.video-player-comment form {
	margin-bottom: 25px;
}

.video-user-comment-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.video-user-comment-list .usercomment-content .userimg {
	padding-right: 15px;
}

.video-user-comment-list .usercomment-content .userimg img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
}

.video-user-comment-list .usercomment-content-right {
	width: 95%;
}
.usercomment-topheader .top-left-content h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	margin-bottom: 0;
	color: #959595;
}
.usercomment-topheader .top-left-content span {
	font-size: 11px;
	font-weight: 500;
	line-height: 21px;
	color: #B6B6B6;
	position: relative;
	padding-left: 10px;
	margin-left: 5px;
}
.usercomment-topheader .top-left-content span:before {
	content: "";
	width: 3px;
	height: 3px;
	background-color: #B6B6B6;
	border-radius: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 6px;
}

.usercomment-topheader .top-right-content.likecount-box .likecount-icon {
	color: #B5394F;
	display: inline-block;
	margin-right: 4px;
}
.usercomment-topheader .top-right-content.likecount-box span {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #fff;
}
.video-user-comment-list .comment-content {
	margin-top: 4px;
	margin-bottom: 10px;
}

.video-user-comment-list .comment-content p {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #fff;
	max-width: 571px;
}
.video-user-comment-list .comment-content p:last-of-type {
	margin-bottom: 0;
}

.commentreplies-count .replies-count-title {
	color: #3185FC;
}

/*.commentreplies-count .replies-count-title:not(.show) .fa-caret-up:before {
	content: "\f0d7";
}	*/

.video-user-comment-list.child-comment-list {
	margin-top: 30px;
	padding-left: 50px;
}
.video-user-comment-list.child-comment-list li {
	margin-bottom: 30px;
}

.video-user-comment-list.child-comment-list .usercomment-content .userimg img {
	width: 32px;
	height: 32px;
}

.video-user-comment-list.child-comment-list:not(.show) {
	display: none;
}

.child-comment-list .comment-replay a {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	color: #fff;
}
.likeseries-dropdown {
	border-radius: 8px;
	border: 1px solid rgba(98, 96, 96, 1);
	background: rgba(20, 20, 20, 0.9);
	padding: 4px 0;
	min-width: 152px;
}
.likeseries-dropdown li a {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 20px;
	color: #ddd;
	display: inline-block;
	width: 100%;
}

.upload-webseries-preview-inner .pilot_preview_categories,
.upload-webseries-preview-inner .season_preview_categories {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

@media (min-width: 992px) {

	.movie_dot_option{
		padding-right: 95px;
	}

	.webseries_dot_option{
		padding-right: 95px;
	}

	.createpostmodal .modal-lg {
		max-width: 587px;
	}
	.searchmodal .modal-lg {
		max-width: 959px;
	}

	.change-password-content.offset-lg-1 {
	    margin-left: 4.333333%;
	}
	.main-menu {
		position: absolute;
		left: 15px;
		right: 15px;
		top: 15px;
		z-index: 2;
		padding: 16.5px 35px;
		border-radius: 18px;
		max-width: 1320px;
		margin: 0 auto;

	}
	.menu-right-link > ul > li {
		padding-right: 40px;
	}
	.menu-right-link > ul > li:last-of-type {
		padding-right: 0;
	}
.menu-right-link > ul > li > a > span {
		width: 55px;
		height: 55px;
		line-height: 50px;
		text-align: center;
		display: inline-block;
		background-color: #0F0F0F;
		border-radius: 100%;
	}
	.main-menu .navbar-nav .nav-item {
		margin-right: 30px;
	}
	.main-menu .navbar-nav .nav-item:last-of-type {
		margin-right: 0;
	}

	.main-menu .navbar-nav .nav-link {
		font-size: 14px;
		font-weight: 500;
		line-height: 21px;
		color: #959595;
		border-radius: 21px;
		padding: 10px 13.13px;
	}
	/*.main-menu .navbar-nav .nav-link:hover,
	.main-menu .navbar-nav .nav-link.active {
		color: #fff;
		background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	}*/

	/*  Megamenu Dropdown */


	.main-menu .navbar-nav .nav-item.dropdown:hover .megamenu-normal {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px;
		padding: 10px 20px;
		background: linear-gradient(0deg, rgba(20, 20, 20, 0.92), rgba(20, 20, 20, 0.92)),
		linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
		border-radius: 12px;
		border: 1px solid rgba(98, 96, 96, .6);
		min-width: 400px;
		max-width: 400px;
		margin-top: 0px;
	}

	.megamenu-normal .dropdown-item {
		padding: 8px 0;
		font-size: 14px;
		font-weight: 300;
		line-height: 21px;
		color: #fff;
		background-color: transparent;
	}

	.megamenu-normal .dropdown-item.highlight {
		color: #3185FC;
	}

	.megamenu-normal li {
		width: 33.3333%;
	}


	/*  Megamenu Dropdown End */
}

@media (min-width: 768px) {


	.followersmodal .modal-lg,
	.signup.usersignin .modal-lg {
		max-width: 652px;
	}

	.votingmodal .modal-lg,
	.reportmodal .modal-lg {
		max-width: 587px;
	}
	.logoutmodal .modal-lg,
	.deletewerbseries .modal-lg,
	.sharepostmodal .modal-lg,
	.deletemassge .modal-lg {
		max-width: 654px;
	}

	.allupload-modal .modal-lg {
		max-width: 587px;
	}

	.reportmodal.sharepostmodal .modal-sm {
		max-width: 508px;
	}
	.addnewepisodes-modal .modal-lg {
		max-width: 690px;
	}
}
@media (min-width: 576px) {
	.usersignin .modal-sm,
	.signinmodal-usertype .modal-sm {
		max-width: 430px;
	}

	.modal-sm {
		max-width: 400px;
	}
}

@media (min-width: 1200px) and (max-width: 1299px) {

	.card-hover-btn .btn-primary,
	.card-hover-btn .remove-list-btn {
		font-size: 7px;
	}
	.card-hover-btn .btn-primary {
		margin-right: 5px;
	}
	.items-hover-content .description-block p {
		font-size: 6px;
		line-height: 10px;
	}
	.items-hover-content .title-box {
		margin-bottom: 5px;
	}
	.card-hover-btn {
		margin-bottom: 0;
	}
	.iq-card .block-images .img-box:before {
		height:  100%;
	}
	.form-wizard-header {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	.video-author-info-list {
		flex-direction: column;
		align-items: start !important;
	}
	.video-author-info-list .author-title {
		margin-bottom: 15px;
	}

	.video-author-info-list .video-right-btn-list {
		margin-left: 0 !important;
	}

	.playervideo-episod-list-box.active {
		width: 500px;
	}
	.menu-right-link > ul > li {
    	padding-right: 10px;
	}
	.menu-right-link > ul > li > a > span {
		width: 40px;
		height: 40px;
		line-height: 35px;
	}
	.main-menu .navbar-nav .nav-item {
    	margin-right: 10px;
	}

	.user-sidebar-widget-inner .user-profile-link .active-user-title h3 {
		font-size: 14px;
		line-height: 18px;
	}

	.userprofile-link-box .profile-link-title p {
		font-size: 12px;
		line-height: 16px;
	}
	.follow-btn {
		width: 100%;
		min-width: 100%;
	}
	.chatflow-content .chatflow-user-widget {
		margin-top: -100px;
	}
	.chatflow-post .postmeta button i {
    	margin-right: 5px;
	}
	.chatflow-post .postmeta button {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 11px;
	}

	.notification-dropdown {
		right: 10px;
		margin-top: 24px;
	}
	.card-hover:hover .block-images {
		transform: unset !important;
		margin-top: 0;
	}
	.iq-card .block-images .img-box:before {
		height: 100%;
	}
	.items-hover-content {
		padding: 5px;
	}
	.card-hover-btn .btn-primary {
		width: 100%;
	}
	.items-hover-content .title-box,
	.card-hover-btn {
		flex-direction: column;
	}
	.card-hover-btn .remove-list-btn span {
		width: 20px;
	}
	.items-hover-content {
		bottom: -60px;
	}
	.overview-box-content .total-over-box {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.overview-box-content .total-over-box .icon-box span  {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.overview-box-content .total-over-box .views-right-content p {
 		font-size: 13px;
 	}

 	.overview-box-content .total-over-box .views-right-content h4 {
 		font-size: 26px;
 		line-height: 30px;
 	}
 	.overview-box-content .total-over-box .views-count-growth {
 		right: 15px;
 	}
 	.progress_bar .item_value,
 	.progress_bar .item_label {
 		font-size: 13px;
 		line-height: 20px;
 	}

 	.form-wizard-header {
 		padding: 20px 5px;
 	}
 	.form-wizard-header .steps-content p {
 		font-size: 10px;
 	}
 	.form-wizard-header .steps-content:after {
 		width: 65%;
 	}
 	.poll-result-info-list .result-common-text {
 		font-size: 11px;
 	}
 	.poll-result-user-vote .progress_bar .item-img img {
 		width: 30px;
 		height: 30px;
 	}
 	.share-webseries-content-right .title-block-inner h2 {
 		font-size: 22px;
 		line-height: 28px;
 	}
 	.share-webseries-content-right .content-top-header {
    	margin-bottom: 10px;
	}

	.approval-pending,
	.webserires-status {
	 	margin-left: 10px;
	}
	.recent-comment-topic-block h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.recent-comment-topic-block .desc-content p {
		font-size: 13px;
		line-height: 18px;
	}

	.dropdown-creator .mainuserprofile-dropdown {
		right: 10px;
	}

}

@media (max-width: 991px) {

	.mobileheader{
		height:42px;
	}

	.mylist-section {
		overflow-x: hidden;
	}
	.dropdown-creator .mainuserprofile-dropdown {
		right: 0;
		min-width: 250px;
	}

	.main-content-area {
    	padding: 100px 0 50px;
	}
	.main-menu {
		position: absolute;
		left: 10px;
		right: 10px;
		top: 10px;
		z-index: 2;
		padding: 3px 10px;
		border-radius: 18px;
		background: linear-gradient(267.6deg, #000000 11.74%, rgba(129,129,129,95%) 145.98%);
	}

	.main-menu .nav-item.dropdown [data-bs-toggle="dropdown"]:after {
		content: "\f078";
		font-weight: 900;
		font-family: "Font Awesome 6 Free";
		position: absolute;
		right: 0;
	}
	.iphone-device-user .main-menu .nav-item.dropdown [data-bs-toggle="dropdown"]:after {
	    right: 5px;
	    min-width: 25px;
	    height: 25px;
	    display: inline-block;
	}
	.main-menu .nav-item.dropdown  > .nav-link {
	    max-width: 100%;
	    display: inline-block;
	}
    .main-menu .dropdwon-icon.show,
	.main-menu .dropdwon-icon {
		position: absolute;
    	right: 0;
    	top: 4px;
    	z-index: 9;
    	min-width:25px;
    	width: 25px;
    	display:  inline-block;
    	min-height: 25px;
    	border-radius: 0 !important;
    	height: 25px;
        text-align: center;
	}

	.main-menu .nav-item.dropdown [data-bs-toggle="dropdown"].show:after {
		/*-webkit-transform: rotate(-180deg);
    	-ms-transform: rotate(-180deg);
    	transform: rotate(-180deg);*/
    	width: 25px;
    	height:25px;
    		border-radius: 0 !important;
    	content: "\f077";
    	-webkit-transition: all .15s ease-in-out;
    	transition: all .15s ease-in-out;
	}
	.main-menu .navbar-nav .dropdown-menu {
		position: relative;
		background: linear-gradient(0deg, rgba(20, 20, 20, 0.92), rgba(20, 20, 20, 0.92)), linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
	}
	.main-menu .megamenu-normal.show {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px;
	}
	.main-menu .megamenu-normal li {
		width: 33.3333%;
		padding: 0 5px;
	}
	.megamenu-normal .dropdown-item.highlight {
		color: #3185FC;
	}
	.megamenu-normal .dropdown-item {
	    padding: 8px 0;
	    font-size: 14px;
	    font-weight: 300;
	    line-height: 21px;
	    color: #fff;
	    background-color: transparent;
	}
	.navbar-toggler {
		width: 35px;
		height: 35px;
		color: #fff;
		padding: 0;
		text-align: center;
		background-color: #3185FC;
	}
	.menu-right-link {
		position: absolute;
		right: 60px;
		top: 11px;
	}
	.menu-right-link > ul > li {
		margin-right: 8px !important;
	}
	.menu-right-link > ul > li > a img {
		max-width: 20px;
	}
	.menu-right-link > ul > li:last-of-type {
		margin-right: 0;
	}
	.menu-right-link > ul > li > a > span {
		/*width: 30px;
		height: 30px;
		line-height: 25px;
		text-align: center;
		display: inline-block;
		background-color: #0F0F0F;
		border-radius: 100%; */
	}
	.navbar-brand.site-image-logo {
		padding: 0;
	}
	.main-menu .navbar-nav {
		padding: 5px 0;
	}
	.main-menu .navbar-nav .nav-link {
		font-size: 14px;
		font-weight: 500;
		line-height: 21px;
		color: #fff;
		border-radius: 21px;
		padding: 7px 0px;
		position: relative;
		max-width: 100%;
		display:inline-block;
	}
	.main-menu .navbar-nav .nav-link:hover,
	.main-menu .navbar-nav .nav-link.active {
		color: #3185FC;
	}
	.container {
		max-width: 100%;
	}
	.site-logo-password {
		text-align: center;
		margin-bottom: 15px;
		padding-left: 0;
		padding-bottom: 0;
	}
	.login-forgot-section .signin-inner {
		padding: 15px;
	}
	.card-hover:hover .block-images {
		transform: unset !important;
		margin-top: 0;
	}
	.iq-card .block-images .img-box:before {
		height: 100%;
	}
	.items-hover-content {
		padding: 5px;
	}
	.card-hover-btn .btn-primary {
		width: 100%;
	}
	.items-hover-content .title-box,
	.card-hover-btn {
		flex-direction: column;
	}
	.card-hover-btn .remove-list-btn span {
		width: 20px;
	}
	.items-hover-content {
		bottom: -60px;
	}
	.payer-right-btn-opt {
    	padding-right: 0;
	}
	.player-main-content .btn-watch-now {
		min-width: 200px;
	}
	.menu-right-link-creator .creator-drp-link {
		min-width: auto;
		padding: 5px;
	}
	.menu-right-link.menu-right-link-creator {
		top: 6px;
	}
	.menu-right-link.menu-right-link-creator {
		right: 15px;
	}
	.upload-custom-content .custom-upload-box  {
		width: 50%;
	}

	.share-webseries-content {
		width: 100%;
	}
	.share-webseries-content-right .title-block-inner h2 {
		font-size: 18px;
		line-height: 30px;
	}
	.share-webseries-content-right .content-top-header {
    	margin-bottom: 10px;
	}
	.approval-pending,
	.webserires-status {
		margin-left: 5px;
	}
	.approval-pending,
	.webserires-status {
		min-width:55px;
		font-size: 10px;
		padding-left: 6px;
		padding-right: 6px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.videoplayer-friend .dropdown-menu.userlistdrp-list {
		width: 500px;
		top: 100% !important;
		bottom: auto !important;
	}

	.searchingiser-box .serching-user-text .left-content h4 {
		font-size: 13px;
		line-height: 16px;
	}

	.searchingiser-box .serching-user-text .left-content p {
		font-size: 11px;
	}

	.video-player-progressbar-add .active-user-list a {
 		margin-right: 8px;
 	}

 	.video-left-title-information h2 {
 		font-size: 20px;
 		line-height: 26px;
 	}

 	.video-left-title-information h2 span {
    font-size: 14px;
    line-height: 20px;
	}

	.video-left-title-information h2 {
		padding-left: 35px;
	}

	.playervideo-episod-list-box.active  {
		width: 480px;
	}

	.video-author-info-list {
	    flex-direction: column;
	    align-items: flex-start !important;
	}

	.video-author-info-list .author-title {
		margin-bottom: 15px;
	}
	.author-follow-btn {
		font-size: 10px;
		margin-right: 8px !important;
	}
	.videocommon-btn span,
	.videocommon-btn {
		font-size: 10px;
	}
	.videocommon-btn i {
    font-size: 16px;
	}

	.voting-top-header h2 {
		font-size: 14px;
		line-height: 22px;
	}
	.voting-block-content {
		padding-left: 8px;
		padding-right: 8px;
	}

	.voting-user-content-list.poll-result-user-vote .progress_bar .item-img {
		padding-right: 5px;
	}
	.related-like-section .likeseries-box .titlebox h4 {
		font-size: 12px;
	}

	.related-like-section .likeseries-box p {
		font-size: 11px;
		line-height: 16px;
	}

	.notification-dropdown {
		right: 0;
		margin-top: 9px;
	}
	.change-password .user-sidebar-widget {
	    width: 40%;
	}
	.change-password-content {
		width: 60%;
	}

	.creators-content h2 {
		font-size: 26px;
		line-height: 40px;
	}

	.creators-images.image-space-top img {
		margin-top: -50px;
	}
	.follow-btn {
		width: 100%;
		min-width: 100%;
	}
	.webseries-content h4 {
		font-size: 16px;
	}
	.chatmessage-section .chatuser-list {
	    width: 30%;
	}
	.chatmessage-section .chatmessage-area {
	   width: 70%;
	}
	.chatuser-list .top-header-box h4 {
		font-size: 15px;
	}
	.chatuser-list .top-header-box .group-link a {
		font-size: 12px;
	}
	.chat-area-box .userchat-top-content .userimg img,
	.chatuser-list .chat-user-box .userimg img {
		max-width: 40px;
		max-height: 40px;
	}
	.chatuser-list .chat-user-box .user-title h5 {
		font-size: 12px;
	}
	.chat-area-box .userchat-top-content .user-title h5 {
		font-size: 18px;
		line-height: 20px;
	}

	.chatflow-content {
		padding-top: 30px;
	}

	.chatflow-content .chatflow-user-widget {
		width: 35%;
		margin-top: 0;
	}

	.chatflow-post-content {
		width: 65%;
	}
	.chatflow-post .postmeta button {
 		padding-left: 8px;
 		padding-right: 8px;
 		font-size: 10px;
 	}

 	.global-quickpeek-section .quickflick-video-content {
 		width: 60%;
 		margin-bottom: 20px;
 	}
 	.quickflick-userarea {
    	width: 40%;
    	margin-bottom: 20px;
	}


	.quickflick-comment-area  {
		width: 100%;
	}

	.common-slide-overlay .title-box {
		font-size: 14px;
		line-height: 20px;
	}
	.main-slider-section .slider-content h1 {
		font-size: 30px;
		line-height: 34px;
	}
	.main-slider-section .btn-watch-now {
		min-width: 275px;
	}
	.search-content-box .search-right-content h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.search-content-box .search-right-content .post-meta p {
		margin-bottom: 5px;
	}
	.search-content-box .search-right-content .post-content p {
		font-size: 14px;
		line-height: 20px;
	}
	.dashboard-main-content .dashboard-sidebar-link {
		width: 100%;
	}

	.dashboard-main-content .dashboard-sidebar-link.recent-comment-topic {
		width: 33%;
	}
	.viewall-comment-area {
		width: 67%;
	}
	.recent-comment-topic-block h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.recent-comment-topic-block .desc-content p {
	    font-size: 13px;
	    line-height: 18px;
	}

	.poll-result-area,
	.dashboard-main-content .dashboard-content-area  {
		width: 65%;
	}
	.edit-poll-section,
	.upload-webseries-preview,
	.dashboard-creator-comment-box {
		width: 35%;
	}
	.overview-box-content .total-over-box {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.overview-box-content .total-over-box .icon-box span  {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.overview-box-content .total-over-box .views-right-content p {
 		font-size: 13px;
 	}
 	.overview-box-content .total-over-box .views-right-content h4 {
 		font-size: 26px;
 		line-height: 30px;
 	}
 	.overview-box-content .total-over-box .views-count-growth {
 		right: 15px;
 	}
 	.progress_bar .item_value,
 	.progress_bar .item_label {
 		font-size: 14px;
 		line-height: 20px;
 	}
 	.form-wizard-header {
 		padding: 10px 5px;
 	}
 	.form-wizard-header .steps-content p {
 		font-size: 10px;
 	}
 	.form-wizard-header .steps-content:after {
 		width: 65%;
 	}
 	.upload-season-block .upload-content-right h2 {
 		font-size: 22px;
 		line-height: 34px;
 	}
 	.edit-poll-section .edit-poll-content img {
 		margin-bottom: 10px;
 	}
 	.edit-poll-section .edit-poll-content h3 {
 		font-size: 20px;
 		line-height: 30px;
 	}
 	.poll-result-info-list .result-common-text {
 		font-size: 12px;
 	}
 	.poll-result-user-vote .progress_bar .item-img img {
 		width: 30px;
 		height: 30px;
 	}
 	.recent-comment-section .comment-box-graph {
    	margin-top: 15px;
    	width: 100%;
    	display: flex;
	}
	.dashboard-main-content .dashboard-content-area.recent-comment-area  {
		width: 67%;
	}
	.recent-comment-section .comment-box-graph .viewes-gender-graph {
		width: 100%;
		margin-right: 10px;
	}
	.recent-comment-section .comment-box-graph .viewes-gender-graph:last-of-type {
		margin-right: 0;
	}
	.chatflow-post-content .post-bnt-block button {
		font-size: 10px;
	}
	.chatflowpost-btn-right .btn,
	.creator-webprofile-content .post-bnt-block .nav-item {
	    margin-right: 5px;
	}
	.chatflowpost-btn-right .btn {
		font-size: 10px;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width: 767px) {

	.video-player-top-heading-block h2 {
		font-size: 20px;
		line-height: 24px;
		max-width: 77%;
	}

	.player-related-section .search-content-box {
		align-items: start !important;
	}

	.videoplayer-friend .dropdown-menu.usershowchat-drp-box  {
		bottom: auto !important;
		top: 100% !important;
		background: linear-gradient(0deg, rgba(20, 20, 20, 1), rgba(20, 20, 20, 1)),
	linear-gradient(267.6deg, #626060 75.74%, rgba(139, 139, 139, 0) 145.98%);
		border-radius: 24px;
		border: 1px solid rgba(98,96,96,.6);
		padding: 15px;
	}

	.playervideouserchat .rightchat .chatuser-content, .playervideouserchat .leftchat .chatuser-content {
		background: linear-gradient(90.08deg, rgb(32 32 32) 1.49%, rgb(21 21 21) 93.27%);
	}

	.video-author-info-list {
		flex-direction: column;
		align-items: unset !important;
	}

	.video-author-info-list .author-details {
		margin-bottom: 15px;
	}

	.video-author-info-list .video-right-btn-list {
		margin: 0 !important;
		justify-content: space-between;
	}

	.video-realted-seasons,
	.video-left-title-information {
		top: 10px;
		left:  0;
	}

	.videocommon-btn i {
    font-size: 15px;
	}

	.videocommon-btn {
		font-size: 12px;
	}

	.videoplayer-friend .dropdown-menu.userlistdrp-list {
		width: 500px;
		top: 100% !important;
		bottom: auto !important;
	}

	.searchingiser-box .serching-user-text .left-content h4 {
		font-size: 13px;
		line-height: 16px;
	}

	.searchingiser-box .serching-user-text .left-content p {
		font-size: 11px;
	}

	.videouserlist-top-header h2 {
		font-size: 22px;
		line-height: 28px;
	}

	.video-left-title-information h2 {
		font-size: 46px;
		line-height: 18px;
		padding-left: 30px;
	}
	.video-left-title-information h2 span {
	  font-size: 12px;
	  line-height: 18px;
	}

	.myvideo-1-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
        padding-top: 56.66% !important;
    }



	.playervideo-episod-list-box.active {
		width: 480px;
	}

	.videoplayer-friend .btn {
		width: 38px;
		height: 38px;
		line-height: 35px;
		border-radius: 100%;
		padding: 0;
		text-align: center;
	}

	.videoplayer-friend .btn span {
		display: none;
	}
	.videoplayer-friend .btn img  {
		margin: 0;
	}

	.video-player-full-content .video-player-left-content {
		width: 100%;
		margin-bottom: 50px;
	}
	.video-player-full-content .video-player-right-content {
		width: 100%;
	}

	.home-slider-section:before {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 3.12%, #000000 100%);
	}

	.main-slider-section .video-info p {
		margin-bottom: 7px;
	}

	.player-main-content .video-info p,
	.main-slider-section .video-info p,
	.player-main-content .desc-text p,
	.main-slider-section .desc-text p {
		color: #fff;
	}

	.player-main-content .btn-watch-now,
	.main-slider-section .btn-watch-now {
		padding-top: 8.5px;
		padding-bottom: 8.5px;
	}


	#chatmessage-area-content:not(.show) {
		display: none;
	}

	.back-to-chatlist a {
		color: #fff;
		font-size: 24px;
		display: inline-block;
		margin-right: 10px;
	}

	#chatmessage-area-content.show {
	  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0,1);
    overflow-y: auto;
    padding-bottom: 10px;
    width: 100%;
  }
  #chatmessage-area-content.show .chat-area-box {
  	padding-top: 10px;
  	height: auto;
  }

	.home-slider-section {
		min-height: auto;
	}
	.home-slider-section .home-slider-section-inner {
		padding-top: 150px;
		min-height: auto;
		padding-bottom:  20px;
	}
	.webseries-content-box,
	.share-webseries-content-box {
		align-items: unset !important;
	}
	.main-slider-section .slider-content h1 {
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom: 20px;
	}
	.main-slider-section .video-info .right-info-box span {
		font-size: 12px;
		padding: 4px;
	}
	.main-slider-section .video-info p {
 		font-size: 12px;
 	}
 	.main-slider-section .desc-text p {
 		font-size: 12px;
 		line-height: 18px;
 	}
 	.main-slider-section .btn-watch-now {
 		min-width: auto;
 		font-size: 12px;
 	}
 	.main-slider-section .btn-watch-now i {
   		margin-right: 5px;
	}
	.main-slider-section .add-whishlist {
		font-size: 12px;
	}
	.main-slider-section .player-btn-list {
	    margin-top: 0;
	}
	/*.notification-dropdown {
		right: 0;
		margin-top: 9px;
		min-width: 400px;
		max-height: 100vh;
	}  */
	.change-password .user-sidebar-widget {
	  width: 40%;
	}
	.change-password-content {
		width: 60%;
	}
	.user-sidebar-widget-inner .user-profile-link .active-user-title h3 {
		font-size: 12px;
		line-height: 18px;
	}

	.userprofile-link-box .profile-link-title p {
		font-size: 12px;
		line-height: 16px;
	}
	.signup.usersignin .modal-lg {
		max-width: 100%;
	}
	.change-password-content form,
	.edit-profile-content.change-password-content form {
	    max-width: 100%;
	}
	.creators-content h2 {
		font-size: 26px;
		line-height: 40px;
	}

	.creators-images.image-space-top img {
		margin-top: 0;
	}
	.section-header h2 {
		font-size: 26px;
		line-height: 34px;
	}
	.follow-btn {
		width: 100%;
		min-width: 100%;
		padding: 8.5px 15px;
	}
	.drama-section {
		padding-left: 0;
	}
	.drama-section .section-header {
		padding-left: 15px;
		padding-right: 15px;
	}
	.section-header .right-view-link {
		padding-right: 0;
	}
	.chatmessage-section .chatuser-list {
	  width: 100%;
	}
	.chatmessage-section .chatmessage-area {
	  width: 100%;
	}
	.chatuser-list .top-header-box h4 {
		font-size: 15px;
	}
	.chatuser-list .top-header-box .group-link a {
		font-size: 12px;
	}
	.chat-area-box .userchat-top-content .userimg img,
	.chatuser-list .chat-user-box .userimg img {
		max-width: 40px;
		max-height: 40px;
	}
	.chatuser-list .chat-user-box .user-title h5 {
		font-size: 12px;
	}
	.chat-area-box .userchat-top-content .user-title h5 {
		font-size: 18px;
		line-height: 20px;
	}

	.chatflow-content {
   	 	padding-top: 30px;
	}

	.chatflow-content .chatflow-user-widget {
		margin-top: 0;
	}

	.chatflow-post-content,
	.chatflow-content .chatflow-user-widget {
		width: 50%;
	}

	.chatflow-post-content .chatflow-post {
		width: 100%;
	}
	.chatflow-post .postmeta button {
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 5px;
	}
	.global-quickpeek-section .quickflick-video-content {
 		width: 60%;
 		margin-bottom: 20px;
 	}
 	.quickflick-userarea {
    	width: 40%;
    	margin-bottom: 20px;
	}

	.quickflick-comment-area  {
		width: 100%;
	}
	.quickflick-userlist .profile-other-link .profile-link-item,
	.quickflick-userlist .main-profile-info .profile-info h5 {
		font-size: 12px;
		line-height: 18px;
	}
	.quickflick-userlist li {
		padding-right: 8px;
	}
	.quickflick-video-content-inner .following-btn .btn-primary,
	.quickflick-video-content-inner .following-btn .btn-secondary {
		min-width: auto;
	}
	.quickflick-video-content-inner .profile-content {
   	 	margin-right: 10px;
	}
	.qucickflick-video-content {
		padding-right: 55px;
	}
	.quickflick-video-content-inner .qucickflick-profile {
	    margin-bottom: 5px;
	}
	.common-slide-overlay .title-box {
		font-size: 14px;
		line-height: 20px;
	}
	.search-content-box .search-right-content h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.search-content-box .search-right-content .post-meta p {
		margin-bottom: 5px;
	}
	.search-content-box .search-right-content .post-content p {
		font-size: 14px;
		line-height: 20px;
	}
	.search-content-box .search-right-content .post-meta p span.date {
		margin-right: 10px;
	}
	.player-main-content .btn-watch-now {
    	min-width: 140px;
    	margin-right: 10px;
	}
	.player-main-content .btn-watch-now i {
		margin-right: 5px;
	}
	.payer-right-btn-opt .btn-secondary {
		min-width: 110px;
	}
	.player-main-content .add-whishlist {
		font-size: 14px;
	}
	.dashboard-main-content .dashboard-sidebar-link {
		width: 100%;
	}
	.dashboard-main-content .dashboard-content-area  {
		width: 100%;
		margin-bottom: 30px;
	}
	.dashboard-creator-comment-box {
		width: 100%;
	}
	.overview-box-content .total-over-box {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.overview-box-content .total-over-box .icon-box span  {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.overview-box-content .total-over-box .views-right-content p {
 		font-size: 13px;
 	}
 	.overview-box-content .total-over-box .views-right-content h4 {
 		font-size: 26px;
 		line-height: 30px;
 	}
 	.overview-box-content .total-over-box .views-count-growth {
 		right: 15px;
 	}
 	.progress_bar .item_value,
 	.progress_bar .item_label {
 		font-size: 14px;
 		line-height: 20px;
 	}

 	.country-analytics .progress_bar .item_value,
 	.country-analytics .progress_bar .item_label {
 		font-size: 10px;
 		line-height: 16px;
 	}

 	.dashboard-content-area h2 {
 		font-size: 24px;
 		line-height: 32px;
 	}
 	.dashboard-content-area .country-analytics {
 		margin-bottom: 15px;
 	}
 	.other-info-list .total-account-box {
    	margin-bottom: 15px;
	}

	.upload-webseries-preview,
	.dashboard-creator-comment-box {
		width: 100%;
	}
	.form-wizard-header {
		/*padding: 15px;
		padding-left: 74px;*/
		padding: 15px 5px;

		justify-content: center;
	}
	.form-wizard-header .steps-content p {
		font-size: 11px;
	}
	.upload-webseries-area .upload-webseries-title {
		font-size: 22px;
		line-height: 28px;
	}
	.upload-webseries-area .upload-webseries-title i {
    	margin-right: 10px;
	}
	.upload-season-block .upload-content-right h2 {
		font-size: 20px;
		line-height: 26px;
	}
	.upload-season-block .upload-content-right {
	    padding-left: 10px;
	}
	.upload-season-block .img-block {
	    width: 170px;
	}
	.upload-season-block .upload-content-right p {
		max-width: 100%;
	}
	.upload-webseries-preview-inner img {
		width: 100%;
	}
	.poll-result-area {
		width: 65%;
	}
	.edit-poll-section {
		width: 35%;
	}
	.edit-poll-section .edit-poll-inner {
		padding: 10px;
	}
	.edit-poll-section .edit-poll-content h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.edit-poll-section .edit-poll-content img {
		margin-bottom: 10px;
	}
	.poll-result-info-list .result-common-text {
		font-size: 10px;
	}
	.poll-result-info-list .votes {
		width: 20%;
	}
	.poll-result-user-vote .progress_bar .item-img img {
		width: 25px;
		height:25px;
	}
	.poll-result-user-vote .progress_bar .item_value,
	.poll-result-user-vote .progress_bar .item_label {
		font-size: 10px;
	}
	.poll-result-header .title-block h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.creator-page-title.page-title-two,
	.poll-result-area h2 {
		font-size: 20px;
		line-height: 26px;
	}
	.poll-result-area h2 i,
	.creator-page-title.page-title-two i {
    	margin-right: 10px;
	}
	.share-webseries-content-right .desc-content p  {
		font-size: 12px;
		line-height: 16px;
	}
	.share-webseries-content-box .img-box {
		margin-right: 10px;
	}
	.share-webseries-content-box {
		padding: 10px 10px;
	}

	.dashboard-main-content .dashboard-sidebar-link.recent-comment-topic {
		width: 40%;
	}
	.viewall-comment-area {
		width: 60%;
	}
	.recent-comment-topic-block h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.recent-comment-topic-block .desc-content p {
	    font-size: 13px;
	    line-height: 18px;
	}
	.custom-button-list .comment-btn,
	.custom-button-list .pollbtn-link,
	.webshare-post-bottom-content p:not(.dropdown) {
		font-size: 9px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.custom-button-list .comment-btn i,
	.custom-button-list .pollbtn-link i,
	.webshare-post-bottom-content p:not(.dropdown) i {
		margin-right: 3px;
	}

	.viewall-comment-area h2,
	.dashboard-content-area.recent-comment-area h2 {
		font-size: 20px;
		line-height: 30px;
	}
	.viewall-comment-area h2 i,
	.dashboard-content-area.recent-comment-area h2 i {
    	margin-right: 10px;
	}
	.creator-comment-replay .comment-replay-form .form-content:before {
		width:92%;
		left: 30px;
	}
	.creator-comment-replay .user-img img {
		width: 25px;
		height: 25px;
	}
	.creator-comment-replay .comment-replay-form .form-content,
	.creator-comment-replay .comment-right-content {
    	padding-left: 30px;
	}
	.creator-comment-replay .comment-respons-btn a {
		font-size: 10px;
		line-height: 14px;
		margin-right: 8px;
	}
	.creator-comment-replay .comment-content h6 span {
		margin-left: 10px;
	}
	.viewall-comment-area h2,
	.dashboard-content-area.recent-comment-area h2 {
		margin-bottom: 20px;
	}
	.dashboard-main-content .dashboard-content-area.recent-comment-area  {
		width: 60%;
	}
	.recent-comment-section .comment-box-graph {
	    margin-top: 15px;
	    display: flex;
	}
	.recent-comment-section .comment-box-graph .viewes-gender-graph {
		width: 100%;
		margin-right: 10px;
	}
	.recent-comment-section .comment-box-graph .viewes-gender-graph:last-of-type {
		margin-right: 0;
	}
	.recent-comment-section .country-analytics .progress_bar .item_label {
	    width: 26%;
	}
	.recent-comment-section .viewers-by-device-graph .device-graph-inner {
		flex-direction: column;
	}
	.recent-comment-section .device-graph-inner .right-graph-content,
	.recent-comment-section .device-graph-inner .left-graph-section {
		width: 100%;
	}
	.recent-comment-section .viewers-by-device-graph .device-graph-inner {
		margin: 0;
	}
	.recent-comment-section .device-graph-inner .right-graph-content,
	.recent-comment-section .device-graph-inner .left-graph-section {
		padding: 0;
	}
	.recent-comment-section .device-graph-inner .left-graph-section {
		margin-bottom: 15px;
		border: 0;
	}
	.recent-comment-section .right-graph-content .device-graph-content:last-of-type {
		margin-bottom: 0;
	}
	.recent-comment-section .progress_bar .item_value,
	.recent-comment-section .progress_bar .item_label {
		width: 25%;
	}
	.share-webseries-content-right .total-view-count span i {
	    margin-right: 2px;
	}
	.share-webseries-content-right .total-view-count span {
		margin-right: 2px;
		font-size: 10px;
		line-height: 18px;
	}
	.webserires-status.disabled {
		min-width: 75px;
	}
	.webserires-status:before {
		width: 8px;
		height: 8px;
	}
	.approval-pending,
	.webserires-status {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.webserires-status.active {
		min-width: 50px;
		padding-right: 10px;
	}
	.creator-page-title {
		font-size: 22px;
		line-height: 28px;
	}
	.creator-webprofile-content .chatflowpost-btn-list {
		flex-direction: column;
	}

	.creator-webprofile-content .chatflowpost-btn-list .post-bnt-block {
		order: 2;
	}
	.creator-webprofile-content .chatflowpost-btn-list .chatflowpost-btn-right {
		order: 1;
		margin-right: auto;
		text-align: center;
		margin-bottom: 10px;
	}
	.creator-webprofile-content .chatflowpost-btn-right .btn {
		font-size: 15px;
		margin-right: 5px;
	}
	.creator-webprofile-content .post-bnt-block .nav-item {
	    margin-right: 5px;
	}
	.creator-webprofile-content .post-bnt-block button {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 10px;
	}
	.video-player-progressbar-add .active-user-list a {
		margin-right: 4px;
	}

	.vjs-volume-panel .vjs-mute-control, .vjs-picture-in-picture-control.vjs-control.vjs-button,
	.vjs-fullscreen-control.vjs-control.vjs-button,
	.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-button .vjs-icon-placeholder:before {
		top: 3px;
	}
	.vjs-icon-picture-in-picture-enter:before,
	.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    line-height: 30px;
	}
	.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
		line-height: 31px;
	}
	.videoplayer-friend .btn {
		width: 30px;
		height: 30px;
		line-height: 27px;
	}
	.video-player-progressbar-add {
		right: 115px;
		bottom: 28px;
	}
	.videoplayer-friend .btn img {
		width: 18px;
	}

	.videoplayer-friend .btn.usershowchat-btn img {
		position: relative;
		top: -2px;
	}

	.vjs-icon-volume-mid:before,
	.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
	.vjs-icon-volume-low:before,
	.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
	.vjs-icon-volume-high:before,
	.video-js .vjs-mute-control .vjs-icon-placeholder:before {
		top: 4px;
	}

	.vjs-icon-volume-mute:before,
	.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
		top: 6px;
	}

	.video-js .vjs-time-control {
		line-height: 30px;
	}
	.video-js .vjs-play-control {
		width: 30px;
		height: 30px;
	}
	.video-js .vjs-play-control.vjs-playing,
	.video-js .vjs-play-control.vjs-paused {
	    top: -2px;
	}

	.vjs-button > .vjs-icon-placeholder:before {
		line-height: 1.5;
	}


	.vjs-control-bar {
        margin-bottom: 10px;
	}


	.vjs-control-bar {
		padding-left: 7px;
		padding-right: 7px;
	}
	.vjs-icon-play:before,
	.video-js .vjs-play-control .vjs-icon-placeholder:before,
	.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
		text-align: left;
	}
	.video-js .vjs-control-bar {
    height: auto;
	}
		.video-player-progressbar-add {
		bottom: 10px;
	}
	.videouserlist-find {
        padding-left: 10px;
        padding-right: 10px;
    }
    .searchingiser-box .serching-user-text .left-content {
        width: 60%;
        padding-right:8px;
    }
    .searchingiser-box .right-chat-btn a {
        padding-left: 10px;
        padding-right:10px;
        font-size: 11px;
    }

}
@media (max-width: 575px) {
	.creators-content .creators-content-inner {
    max-width: 100%;
    text-align: center;
	}
	.creators-content p {
		max-width: 100%;
	}
	.chatflowpost-btn-right .btn,
	.chatflow-post-content .post-bnt-block button {
 		margin-right: 5px;
 	}

 	.chatflowpost-btn-right .btn {
 		font-size: 12px;
 		padding-left: 8px;
 		padding-right: 8px;
 	}
 	.chatflowpost-btn-right .btn i {
    margin-right: 3px;
	}
	.videoplayer-friend .dropdown-menu.usershowchat-drp-box  {
		right: -80px !important;
		width: 300px;
	}
	.video-js .vjs-control-bar {
    height: auto;
	}

	.playervideo-heading-box h2 {
		font-size: 13px;
		line-height: 22px;
	}

	.playervideo-heading-box  {
	    padding:  9px;
	}

	.playervideo-heading-box h2 a {
		margin-right: 3px;
	}

	.playervideo-episod-list-box.active.videoplayer-list-seasonlist,
	.playervideo-episod-list-box.active {
    width: 300px;
	}

	.videoplayer-friend .dropdown-menu.userlistdrp-list {
		width: 380px;
		right: -80px !important;
	}

	.votingmodal .votingbox label .imgvote span {
		width: 50px;
		height: 50px;
	}

	.votingmodal .votingbox label p {
		font-size: 12px;
		line-height: 18px;
	}

	.votingmodal .modal-header .modal-title {
		font-size: 15px;
		line-height: 20px;
	}

	.video-player-top-heading-block h2 {
		font-size: 20px;
		line-height: 24px;
		max-width: 70%;
	}

	.video-js.vjs-layout-small .vjs-playback-rate {
	    display:block !important;
	}

	.video-player-top-heading-block .right-btn-text a  {
		font-size: 12px;
		padding: 6px 12px;
	}

	.video-author-info-list .author-details .author-title h4 {
		font-size: 14px;
		line-height: 16px;
	}

	.video-author-info-list .author-details .author-title span {
		font-size: 11px;
		line-height: 16px;
	}

	.author-follow-btn {
		width: 100%;
		margin-bottom: 8px;
		text-align: center;
		margin-right: 0 !important;
	}

	.video-author-info-list .video-right-btn-list a {
		margin-right: 3px;
	}
	.videocommon-btn span,
	.videocommon-btn {
    font-size: 10px;
	}

	.video-author-info-list .video-right-btn-list {
		flex-wrap: wrap;
	}
	.home-slider-section .home-slider-section-inner {
		flex-direction: column;
		justify-content: end;
		align-items: unset;
	}

	.home-slider-section .main-slider-section {
		width: 100%;
	}
	.home-slider-section .main-slider-thumb {
		width: 100%;
		margin-top: 15px;
	}

	.change-password .user-sidebar-widget,
	.change-password-content {
		width: 100%;
	}
	.userprofile-link-box,
	.user-sidebar-widget-inner .user-profile-link {
	    margin-bottom: 5px;
	}
	.change-password .user-sidebar-widget {
		margin-bottom: 30px;
	}
	.multi-steps-content h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.next-steps-btn .custom-submit-btn {
	    max-width: 170px;
	    margin-right: 20px;
	}

	.logo-widget {
		text-align: center;
	}

	.webseries-content h4 {
		font-size: 16px;
		line-height: 26px;
	}
	.webseries-content p {
		font-size: 11px;
		line-height: 18px;
	}
	.follow-btn {
		width: 100%;
		min-width: 100%;
		padding: 8.5px 15px;
	}
	.chatmessage-section .chatuser-list {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.chatmessage-section .chatmessage-area {
	   width: 100%;
	}
	.chat-area-box .userchat-bottom-content {
		position: static;
	}
	.chatflow-post-content,
	.chatflow-content .chatflow-user-widget {
    	width:100%;
	}

	.chatflow-content .chatflow-user-widget {
		margin-bottom: 20px;
	}
	.chatflow-post-content .chatflow-post {
		width: 50%;
	}
	.chatflow-post .postmeta button i {
	    margin-right: 4px;
	}
	.chatflow-post .postmeta button {
	    padding-left: 5px;
	    padding-right: 5px;
	    margin-right: 5px;
	    font-size: 10px;
	}
	.chatflow-post .postmeta .action-link {
		margin-left: auto;
	}
/*	.notification-dropdown {
		min-width: 350px;
	}  */

/*	.menu-right-link-creator .notification-dropdown {
		min-width: 315px;
		margin-top: 10px !important;
		right: -15px;
	}  */
	.notification-list-item,
	.notification-header {
		padding: 10px;
	}
	.notification-list .userimg img {
		width: 30px;
		height: 30px;
	}
	.notification-list .notification-content {
		max-width: 180px;
	}
	.notification-list .notification-content p {
		font-size: 11px;
		max-width: 100%;
	}
	.notification-btn-list {
		padding-left: 45px;
	}
	.notification-btn-list button {
		min-width: 100px;
		padding: 2.5px 8px;
	}
	.global-quickpeek-section .quickflick-video-content,
 	.quickflick-userarea {
    	width: 100%;
	}
	.search-content-box .search-left-img {
		min-width: 200px;
		padding-right: 10px;
	}
	.search-content-box {
		padding: 10px;
	}
	.search-content-box .search-right-content h3 {
	    font-size: 14px;
	    line-height: 18px;
	}
	.search-content-box .search-right-content .post-meta p {
		font-size: 10px;
	}
	.search-content-box .search-right-content .post-content p {
	    font-size: 12px;
	    line-height: 16px;
	}
	.search-result-list .title-text h2 {
		font-size: 28px;
		line-height: 32px;
	}
	.searchmodal .modal-body {
	   	padding: 10px 10px 30px;
	}
	.searchmodal .search-form .search-btn {
		width: 100px;
	}
	.searchmodal .search-form .form-control {
		padding-left: 10px;
		padding-right: 110px;
	}
	.player-main-content .player-bottom-content {
		flex-direction: column;
		align-items: start !important;
	}
	.payer-right-btn-opt {
		margin-left: 0 !important;
		margin-top: 10px;
	}
	.viewers-by-device-graph .device-graph-inner {
		margin-left: -15px;
		margin-right: -15px;
	}
	.device-graph-inner .left-graph-section,
	.device-graph-inner .right-graph-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.device-graph-content .device-title h4 {
		font-size: 16px;
		line-height: 18px;
	}
	.device-graph-content .device-percentage h5 {
		font-size: 16px;
		line-height: 22px;
	}
	.country-analytics .progress_bar .item_label {
    	width: 22%;
	}
	.form-wizard-header .steps-content p {
		/*display: none;*/
	}
	.form-wizard-header .steps-content span {
		font-size: 10px;
		margin-bottom: 0;
	}
	.form-wizard-header .steps-content {
		z-index: 1;
	}
	.form-wizard-header .steps-content:after  {
		width: 100%;
		margin-left: 0;
		top: 40%;
		z-index: -1;
	}
	.form-wizard-header .steps-content span {
		background-color: rgba(255,255,255,.95);
	}
	.upload-season-block .upload-content-right h2 {
	    font-size: 16px;
	    line-height: 20px;
	}
	.upload-season-block .upload-content-right h2 span {
		font-size: 12px;
		line-height: 18px;
	}
	.upload-season-block .upload-content-right p {
		font-size: 11px;
		line-height: 14px;
	}
	.edit-poll-section .edit-poll-content img,
	.poll-result-area,
	.edit-poll-section {
		width: 100%;
	}
	.poll-result-area .poll-result-area-inner {
		margin-bottom: 0;
	}
	.share-webseries-content-box,
	.webseries-content-box {
		flex-direction: column;
	}
	.share-webseries-content-box .img-box {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.share-webseries-content-box .img-box img {
		width: 100%;
		max-height: 300px;
		object-fit: cover;
	}
	.share-webseries-content-right {
		width: 100%;
	}
	.add-new-season-btn a {
		font-size: 12px;
		min-width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.dashboard-main-content .dashboard-content-area.recent-comment-area,
	.viewall-comment-area,
 	.dashboard-main-content .dashboard-sidebar-link.recent-comment-topic {
	    width: 100%;
	}
	.recent-comment-section .progress_bar .item_value,
	.recent-comment-section .progress_bar .item_label {
   	 width: 10%;
	}
	.recent-comment-section .country-analytics .progress_bar .item_label {
    	width: 16%;
	}

	.recent-comment-section .viewby-age-section .progress_bar .item_label {
		width: 17%;
	}

	.reportmodal .modal-action-btn .btn,
	.webseries-delete-content .modal-action-btn .btn {
		font-size: 12px;
		line-height: 18px;
		padding: 10px;
		margin-right: 5px;
	}

	.webshare-post-bottom-content p:not(.dropdown) {
		margin: 5px 10px 5px 0;
		width:47%;
	}
	.webshare-post-bottom-content .webseries-action-drp {
		width:47%;
	}
	.videouserlist-find {
        padding-left: 10px;
        padding-right: 10px;
    }
    .searchingiser-box .serching-user-text .left-content {
        width: 60%;
    }
    .searchingiser-box .right-chat-btn a {
        padding-left: 10px;
        padding-right:10px;
        font-size: 11px;
    }
}
@media (max-width: 414px) {
    .videoplayer-friend .dropdown-menu.userlistdrp-list {
        width: 310px;
    }
    .videoplayer-friend .dropdown-menu.userlistdrp-list {
        right: -108px !important;
    }

    .videouserlist-find {
        padding-left: 10px;
        padding-right: 10px;
    }
    .searchingiser-box .serching-user-text .left-content {
        width: 50%;
        padding-right:8px;
    }
    .searchingiser-box .right-chat-btn a {
        padding-left: 10px;
        padding-right:10px;
        font-size: 11px;
    }
}
@media (max-width: 479px) {
	.main-menu .megamenu-normal li {
		width: 100%;
	}
	.main-slider-section .video-info {
		flex-direction: column;
		align-items: start  !important;
	}
	.otp-input {
		width: 50px;
	}
	.page-title {
		font-size: 24px;
		line-height: 38px;
	}
	.site-image-logo img {
		max-width: 130px;
	}

	.menu-right-link  {
		top: 12px;
	}
	.menu-right-link ul li {
    	margin-right: 10px;
	}
	.menu-right-link {
		right: 55px;
	}
	.custom-radio-button .radio-button-list {
	    margin-right: 20px;
	}
	.notification-dropdown {
		right: -90px;
		margin-top: 7px;
	}
	.drama-section .section-header h2 {
		font-size: 18px;
		line-height: 22px;
	}
	.common-slide-overlay .title-box {
	    font-size: 12px;
	    line-height: 16px;
	}

	.section-header .right-view-link a {
		font-size: 12px;
		line-height: 18px;
	}

	.owl-nav button {
		left: 5px;
	}
	.owl-nav button.owl-next span:before {
		right: 5px;
	}
	.search-content-box .search-left-img {
		min-width: 150px;
	}
	.player-main-content h1 {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.player-main-content .video-info {
		flex-direction: column;
		align-items: start !important;
	}
	.player-main-content .video-info .right-info-box {
		margin-top: 10px;
	}
	.player-main-content .btn-watch-now {
 		margin-right: 5px;
 		font-size: 13px;
 		padding: 8.5px 10px;
 		min-width: 120px;
 	}
 	.player-main-content .add-whishlist span {
 		margin-right: 5px;
 	}
 	.player-main-content .video-info .right-info-box span {
 		font-size: 13px;
 		margin-right: 3px;
 	}
 	.menu-right-link-creator .creator-drp-link {
 		font-size: 13px;
 		padding: 2px 5px;
 		line-height: 14px ;
 	}
 	.menu-right-link-creator .creator-drp-link i {
 		margin-right: 0;
 	}
	 .menu-right-link-creator .creator-drp-link b {
		display: none;
	 }
	 .menu-right-link-creator .creator-drp-link {
		padding: 0 !important;
		background-color: transparent !important;
	 }
 	.menu-right-link.menu-right-link-creator {
    	top: 3px;
    	right: 15px;
	}
	.overview-box-content .total-over-box .views-count-growth {
    	right: 10px;
	}
	.overview-box-content .total-over-box {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.overview-box-content .total-over-box .icon-box span {
	    width: 30px;
	    height: 30px;
	    line-height: 18px;
	    padding: 5px;
	}
	.overview-box-content .total-over-box .views-right-content h4 {
	    font-size: 22px;
	    line-height: 24px;
	}
	.overview-box-content .total-over-box .views-right-content p {
    	font-size: 10px;
	}
	.total-account-box .growth-down span,
	.total-account-box .growth-up span,
	.overview-box-content .total-over-box .views-count-growth.growth-down span,
	.overview-box-content .total-over-box .views-count-growth.growth-up span  {
		min-width: 45px;
		font-size: 10px;
		line-height: 14px;
	}
	.progress_bar .item_value,
	.progress_bar .item_label {
	    font-size: 11px;
	    line-height: 16px;
	}

	.main-content-area {
		padding-top: 70px;
	}
	.recent-comment-section .comment-box-graph {
		flex-direction: column;
	}
	.recent-comment-section .viewby-age-section.country-analytics .progress_bar .item_label {
	    width: 22%;
	}
	/*.share-webseries-content-right .total-view-count span {
		padding: 2px 4px;
		font-size: 10px;
	}*/
	.approval-pending img,
	.share-webseries-content-right .total-view-count span i {
		margin-right: 2px;
	}
	.share-webseries-content-right .content-top-header {
		flex-direction: column;
	}
	.share-webseries-content-right .total-view-count {
		margin-left: 0 !important;
		text-align: left !important;
	}
	.approval-pending,
	.webserires-status {
		font-size: 10px;
		padding: 3px 6px 3px 3px;
		min-width: 50px;
	}
	.webserires-status:before {
		width: 10px;
		height: 10px;
	}
	.share-webseries-top-content {
		flex-direction: column;
		justify-content: center;
	}
	.share-webseries-top-content .right-custom-select-drp {
		margin-right: auto;
		text-align: center  !important;
		margin-top: 15px;
	}
	.chatflow-banner > img {
		min-height: 130px;
		/*object-fit: cover;*/
		height: auto !important;
	}
	/*.menu-right-link-creator .notification-dropdown {
		margin-top: 5px !important;
	    right: -95px;
	    min-width: 300px;
	} */
}

@media (max-width: 425px) {
	.video-player-progressbar-add {
		right: 114px;
	}
	.vjs-current-time.vjs-time-control.vjs-control,
	.vjs-time-control.vjs-time-divider,
	.vjs-duration.vjs-time-control.vjs-control {
	    font-size:10px !important;
	}
	.vjs-current-time.vjs-time-control.vjs-control {
	    margin-left: 0!important;
	}
}

@media (max-width: 412px) {

	.videocommon-btn {
		width: 48%;
		margin-bottom: 8px;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.chatflow-post .postmeta {
		flex-direction: column;
		align-items: start !important;
		position: relative;
	}
	.chatflow-post .postmeta button {
		width: 85%;
		margin-bottom: 8px;
	}

	/*.chatflow-post .postmeta .chatflow-action {
		position: absolute;
		right: 0;
		top: 30%;
	}*/
	.chatflow-post .chatflow-action .dropdown-menu li a {
		padding-right: 0;
		padding-right: 0;
		font-size: 11px;
	}
	.chatflow-post .chatflow-action .dropdown-menu {
		min-width: 130px;
		max-width: 130px;
	}
	.followersmodal .modal-body,
	.followersmodal .modal-header {
		padding: 10px;
	}
	.follow-box .follow-user-img {
	    margin-right: 5px;
	}
	.follow-box .follower-details h5 {
		font-size: 14px;
		line-height: 16px;
	}
	.follow-box .follower-details p {
 		font-size: 10px;
 		line-height: 12px;
 	}
 	.quickflick-video-content-inner .following-btn .btn-primary,
 	.quickflick-video-content-inner .following-btn .btn-secondary {
 		font-size: 10px;
 		padding-left: 5px;
 		padding-right: 5px;
 	}
 	.quickflick-video-content-inner .img-box img {
 		width: 30px;
 		height: 30px;
 	}
 	.quickflick-other-information {
 		right: 7px;
 	}

	 .form-wizard-header .steps-content p {

		font-size: 10px;

	}
	.dashboard-content-area .overview-box-content {
		flex-direction: column;
		align-items: start !important;
		padding: 10px 0;
	}
	.overview-box-content .total-over-box {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid transparent;
		border-image: linear-gradient(0.25turn, rgba(0,0,0,0), rgba(255,255,255,.4), rgba(0,0,0,0));
		border-image-slice: 1;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.overview-box-content .total-over-box:last-of-type {
		padding-bottom: 0;
		margin-bottom: 0;
		border: 0;
	}

}
@media (max-width: 375px) {

	.form-wizard-header .steps-content p {

        font-size: 9px;

    }

	.chatflowpost-btn-right .btn,
	.chatflow-post-content .post-bnt-block button {
 		margin-right: 3px;
 	}

 	.chatflowpost-btn-right .btn {
 		font-size: 10px;
 		padding-left: 6px;
 		padding-right: 6px;
 	}

	.playervideo-episod-list-box.active {
		width: 280px;
		margin-right: 0;
	}

	.next-steps-btn .custom-submit-btn {
	    max-width: 140px;
	    margin-right: 10px;
	}
	.site-image-logo img {
		max-width: 100px;
	}
	.menu-right-link ul li {
    	margin-right: 8px;
	}
	.menu-right-link {
		right: 44px;
	}
	.social-widget ul li a,
	.menu-widget ul li a {
		font-size: 11px;
	}
	.footer-section .widget-title {
		font-size: 15px;
	}
	.webseries-content h4 {
	    font-size: 13px;
	    line-height: 23px;
	}
	/*.notification-dropdown {
    min-width: 300px;
	} */
	.notification-list .notification-time {
		font-size: 10px;
	}
	.notification-list .notification-content {
		max-width: 160px;
	}
	.mainuserprofile-dropdown {
		min-width: 250px;
	}
	.follow-box .follower-details h5 {
		font-size: 11px;
	}
	.follow-box .followers-btn button {
		font-size: 11px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.search-content-box {
		flex-direction: column;
	}
	.search-content-box .search-left-img {
		max-width: 100%;
		margin-bottom: 10px;
	}
	.player-main-content .add-whishlist {
	    font-size: 12px;
	}

	.progress_bar .item_label {
		width: 20%;
	}
	.viewers-by-device-graph .device-graph-inner {
		flex-direction: column;
	}
	.device-graph-inner .right-graph-content,
	.device-graph-inner .left-graph-section {
		width: 100%;
	}
	.device-graph-inner .left-graph-section {
		border-right: 0;
		margin-bottom: 15px;
	}
	.country-analytics .progress_bar .item_label {
   	 	width: 30%;
	}
	.dashboard-creator-comment-box .viewes-gender-graph h3,
	.creator-comment-box-inner h3,
	.dashboard-content-area .dashboard-content-inner h3,
	.dashboard-content-area .viewby-age-section h3 {
		font-size: 15px;
	}
	.custom-block-title .right-view-all-link a {
		font-size: 12px;
		line-height: 18px;
	}
	.poll-result-info-list .votes {
    	width: 26%;
	}
	.poll-result-info-list .result-common-text {
	    font-size: 17px;
	}
	.poll-result-user-vote .progress_bar .item-img {
   	 	width: 15%;
	}
	.poll-result-user-vote .item-count,
	.poll-result-user-vote .item-name {
		font-size: 10px;
	}

	.creator-comment-replay .comment-right-content {
		flex-direction: column;
	}
	.comment-section-header .nice-select {
		min-width: 150px;
		font-size: 12px;
	}
	.comment-section-header .nice-select {
		padding-left: 10px;
	}
	.recent-comment-section .viewby-age-section .progress_bar .item_label {
    	width: 22%;
	}
	.recent-comment-section .viewby-age-section.country-analytics .progress_bar .item_label {
    	width: 30%;
	}
	.webshare-post-bottom-content {
 		flex-wrap: wrap;
 		position: relative;
 	}
 	.webshare-post-bottom-content p:not(.dropdown),
 	.webshare-post-bottom-content p {
 		width: 47%;
 		margin-bottom: 5px !important;
 	}
 	.webshare-post-bottom-content .webseries-action-drp,
 	.webshare-post-bottom-content p:not(.dropdown):nth-child(2n) {
 		margin-right: 0;
 	}
	/*.webshare-post-bottom-content .webseries-action-drp {
		position: absolute;
		text-align: right;
		width: 100%;
		top: 0;
    	right: -8px;
	} */
	.movie-list-info .bottom-info p span {
		display: block;
		margin-right: 0;
	}
	.movie-list-info .bottom-info p span:after {
		display: none;
	}
}
@media (max-width: 320px) {

	.progress_bar .item_label {
		width: 23%;
	}
	.login-forgot-section .signin-inner h1 {
		font-size: 26px;
		line-height: 40px;
	}

	.footer-section .widget  {
		width: 100%;
	}
	.page-title {
		font-size: 22px;
	}
	/*.notification-dropdown {
    min-width: 260px;
	} */
	.notification-list .userimg {
    	margin-right: 5px;
	}
	.notification-list .notification-content {
		max-width: 145px;
	}
	.notification-btn-list {
		padding-left: 35px;
	}
	.notification-btn-list button {
		min-width: 80px;
		font-size: 13px;
	}

	.mainuserprofile-dropdown {
		min-width: 210px;
	}

	.mainuserprofile-dropdown .main-profile-info .profile-info h5 {
		font-size: 12px;
		line-height: 12px;
	}
	.mainuserprofile-dropdown .profile-other-link .profile-link-item {
		font-size: 12px;
		line-height: 16px;
	}
	.country-analytics .progress_bar .item_label {
    	width: 38%;
	}
	.upload-season-block-inner {
		flex-direction: column;
	}
	.upload-season-block-inner .img-block {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.poll-result-user-vote .progress_bar .item-img img {
	    width: 20px;
	    height: 20px;
	}
	.poll-result-user-vote .progress_bar .item_label {
    	width: 14%;
	}

	.poll-result-info-list .rank {
 		width: 12%;
 	}
 	.recent-comment-section .viewby-age-section.country-analytics .progress_bar .item_label {
   		width: 34%;
	}
	.recent-comment-section .viewby-age-section .progress_bar .item_label {
   	 width: 25%;
	}
	.webshare-post-bottom-content p:not(.dropdown) {
		font-size: 9px;
	}
	.dropdown-creator .mainuserprofile-dropdown {
		min-width: 200px;
	}
	/*.menu-right-link-creator .notification-dropdown {
		min-width: 260px;
	} */
	.player-main-content .btn-watch-now,
	.main-slider-section .btn-watch-now  {
		margin-right: 10px;
	}
}

/* New Added */
.emojionearea .emojionearea-editor {
    color: #fff !important;
}

.chat-send-form .emojionearea .emojionearea-editor {
    color: #202020 !important
}

.video-player-comment .emojionearea.emojionearea-inline > .emojionearea-button,
.player-imoji-icon-drp .emojionearea.emojionearea-inline > .emojionearea-button,
.chatmessage-area .emojionearea.emojionearea-inline > .emojionearea-button,
.comment-replay-form .emojionearea.emojionearea-inline > .emojionearea-button,
.qucickflick-comment-form .emojionearea.emojionearea-inline > .emojionearea-button {
    background: #fff;
    border-radius: 100%;
    right: 35px;
    opacity: 1;
}
.video-player-comment .emojionearea.emojionearea-inline {
    height: 41px;
}

.video-player-comment .emojionearea.emojionearea-inline > .emojionearea-editor {
	left: 0;
}

.chatmessage-area .emojionearea.emojionearea-inline {
    height: 45px;
}
.player-imoji-icon-drp .emojionearea.emojionearea-inline > .emojionearea-button {
	right: 50px;
	top: 8px;
}
.chatmessage-area .emojionearea.emojionearea-inline > .emojionearea-button {
	right: 50px;
	top: 11px;
}

.chatmessage-area .emojionearea.emojionearea-inline > .emojionearea-editor {
	top: 8px;
}

.userchatreqmodal .userlist-box {
	margin-bottom: 20px;
}
.userchatreqmodal .modal-content {
    border: 0;
    border-radius: 18px;
    background-color: #32353C;
}
.userchatreqmodal .userlist-box .usertitle,
.userchatreqmodal .userlist-box .userimg {
	padding-right:20px;
}
.userchatreqmodal .userlist-box .usertitle h6 {
	font-size: 16px;
	color: #fff;
}
.userchatreqmodal .userlist-box .action-btn {
	margin-left: auto;
}
.userchatreqmodal .userlist-box .action-btn a {
	padding: 4px 15px 8px;
    background: none;
    color: #fff;
	display: inline-block;
    text-align: center;
    background: linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%), linear-gradient(0deg, #444444, #444444);
    border: 1px solid rgba(98, 96, 96, .8);
    opacity: 1;
	border-radius: 10px;
}


/*new css for select2 [31-05-2024]*/

.poll-search-content .select2-container .select2-selection--multiple {
    min-height: 50px;
}
.poll-search-content .select2-container--default .select2-selection--multiple {
    border: 1px solid #3185FC !important;
    border-radius: 8px !important;
    background-color: #32353C !important;
    padding: 8px 15px;
    min-height: 50px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}
.poll-search-content .select2-container .select2-search--inline .select2-search__field {
    color: #fff;
}

.select2-container .action-btn {
    display: none;
}
.select2-container--open .select2-dropdown {
    border: 0  !important;
    background: linear-gradient(0deg, rgba(20, 20, 20, 1), rgba(20, 20, 20, 1)), linear-gradient(267.6deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
    box-shadow: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
}
.select2-results__options .select2-results__option {
    margin-top:  10px;
    padding: 0 !important;
}
.select2-results__options li .img-box {
    margin-right: 15px;
}
.select2-results__options li .poll-content p {
    margin-bottom: 0 !important;
}
.createnew-poll-content .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #161616;
    border-color: transparent;
}
.createnew-poll-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent !important;
}
/* For Remove icon from input when validation failed */
.form-control.is-invalid, .was-validated .form-control:invalid
{
	background-image : none;
}

.custom-upload .rmv {
    line-height: 18px;
    font-size: 14px;
    text-align: center;
}
#total_chars {
	margin-bottom: 0px;
	text-align: right;
	font-size: 14px;
}
@media (min-width: 992px) {
	.main-menu .navbar-nav .nav-item.dropdown:hover .megamenu-normal {
		max-width: 450px;
		width: 450px;
		padding: 10px 10px;
		overflow-x: hidden;
	}
}
.usersignin label.error {
	color:#DC3545;
	font-size: 14px;
	font-weight: bold;
}
.custom-submit-btn:disabled {
	background-color: #565656;
}
/* 05-07-2024 | Dalsukh | Css for Create button "+" logo should be on the center in Firefox */
@-moz-document url-prefix() {
	.menu-right-link-creator .creator-drp-link i {
  		line-height: 16px !important;
	}
}
/*Css for  Actors Multiple Select2 */
.select2-results__options .select2-results__option {
    padding: 0px 10px !important;
}
.select2-container--default .select2-selection--multiple {
	width: 100%;
	border: 1px solid #3185FC;
	border-radius: 8px;
}
select + span.select2-container {
  width: 100% !important;
  border-radius: 8px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #3185FC;
}

/* Change the white to any background-color */
input:-webkit-autofill,
input:-webkit-autofill:focus
input:-internal-autofill-selected,
input:-internal-autofill-previewed,
input:-internal-autofill-selected:active
{
	-webkit-text-fill-color:  #FFF !important;
	background-color: #32353C !important;
	-webkit-box-shadow: 0 0 0px 30px #32353C inset !important;
	transition: background-color 0s 600s, color 0s 600s !important;
}
/* Back Arrow Style */
h2 .fa-arrow-left-long {
	padding: 5px;
}
h2 .fa-arrow-left-long:hover {
    transform: scale(0.90);
    border-radius: 19px;
    background-color: #494A4B;
}
/*new css [09-07-2024]*/

.custom-link-btn,
.chatblock-btn button,
.chatblock-btn button.btn-primary,
.createnew-poll-content .btn-submit,
.formwizard-steps-content .btn-primary,
.menu-right-link-creator .creator-drp-link,
.login-link,
.custom-submit-btn,
.follow-btn,
.player-main-content .btn-watch-now,
.main-slider-section .btn-watch-now {
    transition: .3s;
}
.custom-link-btn:hover,
.chatblock-btn button:hover,
.chatblock-btn button.btn-primary:hover,
.createnew-poll-content .btn-submit:hover,
.formwizard-steps-content .btn-primary:hover,
.menu-right-link-creator .creator-drp-link:hover,
.login-link:hover,
.custom-submit-btn:hover,
.follow-btn:hover,
.player-main-content .btn-watch-now:hover,
.main-slider-section .btn-watch-now:hover {
    animation: pulse 1s infinite;
    transition: .3s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.96);
  }
    100% {
    transform: scale(1);
  }
}

/*end*/

/* Hide eye icon from Edge */
input::-ms-clear,
input::-ms-reveal {
    display: none;
}
/* Remove follw Modal Style */
.remove-follow .modal-content {
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.8), rgba(20, 20, 20, 0.8)),
    	linear-gradient(179deg, #626060 19.74%, rgba(139, 139, 139, 0) 145.98%);
    border-radius: 20px;
    border: 1px solid #32353C;
    background-image: url(../images/delete-message-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.remove-follow .modal-header {
	border: 0;
}
/* 17-07-2024 For video and thumb validation space issue | Dalsukh */
.upload-custom-content .custom-upload-box {
	width: 33%;
}
.custom-upload-box .btn_upload label {
	min-height: 100px;
}
@media (max-width: 500px) {
    .upload-custom-content .custom-upload-box {
        width: 50%;
    }
    #trailer_error, #thumbnail_error,#season_thumbnail_error,#season_trailer_error,
    #episode_video_error, #episode_thumbnail_error {
        font-size: 11px;
    }
}
/* Display menu proper in Mobile view */
@media (max-width: 991px) {
    .main-menu {
		padding: 10px 10px;
	}
}
/* Dislay User image Proper in mobile view*/
.current-active-user > img {
	min-height: 36px;
}

/*  19-07-24 Changes*/
.chatflow-post-inner video {
    max-width: 100%;
    margin-bottom:13px;
}
.chatflow-post .postmeta button,
.chatflow-post .postmeta a {
    width: 100%;
    display: inline-block;
}
.chatflow-post .postmeta .chatflow-action.dropdown {
    margin-left: 5px;
}
.chatflow-user-widget .chatflow-profile p.bio-text {
    line-height: 15px;
}
.total-view-count .btn-primary.edit-btn,
.total-view-count .btn-primary.play-btn {
    box-shadow: none !important;
    outline: 0;
    border: 0 !important;
}
.share-webseries-content-right .title-block-inner h2 {
    margin-bottom: 5px;
}
.share-webseries-content-right .title-block-inner h2 a {
    vertical-align: middle;
}
.quickflick-other-information a p,
.quickflick-other-information button p {
    margin-bottom: 0;
}
.quickflick-other-information a,
.quickflick-other-information button {
    margin-bottom: 12px;
}
.share-webseries-content-right .desc-content p {
    margin-bottom: 8px;
}
.share-webseries-content-right .desc-content p a {
    font-weight: 400;
	font-size:11px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .quickflick-other-information a span,
    .quickflick-other-information button span {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
    .webshare-post-bottom-content p:not(.dropdown) {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .webshare-post-bottom-content p:not(.dropdown) i {
        margin-right: 5px !important;
    }
    .webshare-post-bottom-content p:not(.dropdown) {
        font-size: 11px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .quickflick-other-information a span,
    .quickflick-other-information button span {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
    .webshare-post-bottom-content p:not(.dropdown) {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .webshare-post-bottom-content p:not(.dropdown) i {
        margin-right: 5px !important;
    }
    .webshare-post-bottom-content p:not(.dropdown) {
        font-size: 11.5px !important;
    }
}
@media (max-width: 767px) {
    .quickflick-other-information a span,
    .quickflick-other-information button span {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
    .quickflick-other-information a,
    .quickflick-other-information button {
        margin-bottom: 6px;
    }
	.webshare-post-bottom-content {
		flex-wrap: wrap;
	}
	.share-webseries-content-right {
		width: 100%;
	}
    .webshare-post-bottom-content p:not(.dropdown) {
    	width: 48%;
        padding: 7.5px 9.5px;
        font-size: 12px;
        margin-bottom: 5px !important;
    }
    /*.webshare-post-bottom-content .webseries-action-drp {
		position: absolute;
		text-align: right;
		width: 100%;
		top: 3px;
    	right: -8px;
	}*/
	.webshare-post-bottom-content .webseries-action-drp {
	    width: 48%;
	}
	.webshare-post-bottom-content .webseries-action-drp .action-drp-btn {
        padding: 7px 9px;
        font-size: 11px;
        color:  #fff;
        border-radius: 8px;
        border: 1px solid #959595;
        background-color: #32353C;
        line-height: 15px;
        text-align: center;
        display: inline-block;
        width: 100%;
	}
	.webshare-post-bottom-content .webseries-action-drp .action-drp-btn i {
	    position:relative;
	    top: 1px;
	    margin-left: 5px;
	}

	.video-left-title-information h2 {
	    font-size: 17px;
	    padding-right: 60px;
	}

	h2 .fa-arrow-left-long {
        padding: 2px 5px;
    }

}
@media (max-width: 479px) {
    .iphone-device-user .menu-right-link.menu-right-link-creator {
        right: 55px;
    }
    .share-webseries-content-right .title-block-inner {
        margin-bottom: 10px;
    }
}
@media (max-width: 412px) {
    .chatflow-post .postmeta a button,
    .chatflow-post .postmeta button {
        width: 90%;
    }
    .quickflick-other-information a,
    .quickflick-other-information button {
        margin-bottom: 4px;
    }
    .quickflick-other-information a span,
    .quickflick-other-information button span {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
}
@media (max-width: 320px) {
    .webshare-post-bottom-content p:not(.dropdown) {
        font-size: 11px;
    }
}
/*  19-07-24 Changes End */
/* Css for Cretor Menu show in mobile view */

/* User Profie Image show in Square even uploaded other size */
.current-active-user > img {
	max-height: 40px;
	min-width: 36px;
}

.createpostmodal .form-group span.max-char-text {
	color: #FFF;
	float: right;
}
@media (max-width: 991px) {
    .menu-right-link.menu-right-link-creator {
        right: 45px;
        top: 12px;
    }
    .current-active-user > img {
        max-height: 30px;
        min-width: 30px;
    }
    .current-active-user > img {
        min-height: 30px;
    }
}
@media (max-width: 767px) {
    .site-image-logo img {
        max-width: 120px;
    }
    .chatflow-action.dropdown .action-link span {
        display: none;
    }
}
@media (max-width: 479px) {
    .chatflow-post-inner .postmeta {
        flex-wrap: wrap;
    }
    .chatflow-post-inner .postmeta button {
        margin-bottom:10px;
    }
    .chatflow-post .postmeta > button,
    .chatflow-post-inner .postmeta button,
    .chatflow-post-inner .postmeta a {
        width: 100% !important;
        margin-right: 0;
    }
    .chatflow-action.dropdown .action-link {
        color: #fff;
        padding: 8px 10px;
        width:100%;
        display: inline-block;
        border-radius: 30px;
        background-color: #32353C;
        font-size: 11px;
        line-height: 15px;
        color: #fff;
        text-align: center;
        font-weight: 400;
        border: 0;
    }
    .chatflow-action.dropdown .action-link i {
        position:relative;
        top: 0;
        margin-left: 0;
		transform: rotate(90deg);
    }
    .chatflow-action.dropdown .action-link span {
        display: inline;
    }
    .chatflow-post .postmeta .chatflow-action.dropdown {
         margin-left: 0;
         width: 100%;
    }
}
/* Pulse Amination for Post Button  */
.createpostmodal button.btn-primary:hover {
    animation: pulse 1s infinite;
    transition: .3s;
}
.likeseries-dropdown {
	min-width: 160px;
}
.likeseries-dropdown li a {
	padding: 4px 5px;
}
/* Profile page Post UI Changes */
.chatflow-post .postmeta button {
    border-radius: 15px;
    color: #fff;
    padding: 8px 10px;
}
.chatflow-post .postcontent p {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.chatflow-post .postmeta > button {
	width: 95%;
}

/*  Home & Watch page - hide category & desc. in mobile view in slider */
@media (max-width: 767px) {
    .main-slider-section .slider-content h1 {
        margin-bottom: 40px !important;
    }
	.main-slider-section .desc-text {
		display:none;
	}
	.main-slider-section .desc-text a,
    .main-slider-section .desc-text p {
    	visibility: hidden;
    }
}
.webseries-content .content a { color: #FFF; }
.chatflow-post video {
	margin-bottom: 14px;
	width: 100% !important;
}
.qucickflick-comment-form .emojionearea.emojionearea-inline > .emojionearea-button { z-index: 1; }
/* For total_chars in Description */
.total_chars { margin-bottom: 0px; font-size: 14px !important; }
#total_chars { float: right; }


.usershowchat-drp-box-content .emojionearea.emojionearea-inline>.emojionearea-editor {
    top: 4px;
    font-size: 13px !important;
    right: 80px !important;
}


.heart.fa-heart {
    color: #3185FC !important; /* Change this to your desired filled heart color */
  }

.heart.fa-heart-o {
    color: #3185FC !important; /* Change this to your desired unfilled heart color */
  }

.form-control.common-form-control .emojionearea-button-close,
.form-control.common-form-control .emojionearea-button-open,
.emojionearea-button-close,
.emojionearea-button-open {
    background-color: #fff !important;
    border-radius: 100%;
}

.emojionearea .emojionearea-button>div.emojionearea-button-open {
        opacity: 1 !important;
}

.videouserlist-find #resultsContainer {
    margin-top: 2px;
}

.videouserlist-find #resultsContainer > p {
    padding: 10px;
    color: #fff;
}
.video-player-comment .emojionearea.emojionearea-inline>.emojionearea-button {
    top: 6px !important;
}
video {
    max-width: 100% !important;
}


/* General styles */
.userlist-box {
    display: flex;
    align-items: center;
}

/* Mobile view */
@media (max-width: 768px) {
    #active-userList a:nth-child(n+3) {
        display: none;
    }
    /* FIX For Iphone Input Auto Zoom */
    .form-control {
      font-size: 16px !important;
    };
    .emojionearea-editor {
      font-size: 16px !important;
    };
    #desktop-msg-txtbox {
      font-size: 16px !important;
    };
}

/* Desktop view */
@media (min-width: 768px) {
    #active-userList a:nth-child(n+6) {
        display: none;
    }
}
@media (max-width: 575px) {

	.webshare-post-bottom-content p:not(.dropdown),
	.webshare-post-bottom-content .webseries-action-drp {
		width:46%;
	}

}
/* Custom styling for the time display for mobile view */
@media (max-width: 600px) {
	.vjs-time-control {

	/*  display: flex !important;*/
	  justify-content: space-between !important;
	  /*width: 100% !important;*/
	}

	.vjs-current-time,
	.vjs-duration {
	  flex: none !important;
	  text-align: left !important;
	 /* min-width: 10px !important; /* Ensure enough space for time display */
	}

	.vjs-time-divider {
	  display: inline-block !important; /* Ensure the slash is always visible */
	}
  }

  .no-results{
	text-align: center;
	color:red;
  }


.comment-form-inner .form-control.emojionearea.emojionearea-inline>.emojionearea-editor {
	left:  0  !important;
	right: 65px !important;
}

.max-char-text { float: right; font-size: 14px !important; }

.chat-send-form .emojiPickerIconWrap .white {
	width: 30px !important;
	height: 30px !important;
	top: 10px !important;
}

.unread-counter {
    background-color: #3185fc;
    color: white;
    font-size: 12px;
    font-weight: bold;
    /*padding: 5px 10px;*/
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    min-width: 25px;
    height: 21px;
    line-height: 20px;
}


.viewall-comment-area .comment-content p {
    margin-bottom: 10px !important;
}


.quickflick-video-content-inner.position-relative {
    min-height: 315px;
    max-height: 600px;
}
.usercomment-topheader .top-left-content h4 > a {
	color: #959595;
}
.voting-user-content-list.poll-result-user-vote {
	max-height: 100px;
	overflow-y: scroll;
}
#replyToInfo button.close {
    position: static !important;
    color: #fff !important;
    background-color: transparent;
    border: 0 !important;
    outline: 0 none !important;
}

@media (min-width: 1380px) {
    .video-player-progressbar-add {
        right: 190px;
    }

}

@media (min-width: 1400px) and (max-width: 1419px) {
    .video-player-progressbar-add {
        right: 180px;
    }
}

@media (min-width: 1380px) and (max-width: 1400px) {
    .video-player-progressbar-add {
        right: 170px;
    }
}


.post-comment-container {
    max-height: 240px;
    overflow-y: scroll;
}


::-webkit-scrollbar {
    width:12px;
    height:12px;
}
::-webkit-scrollbar-track {
	background: none;
}
::-webkit-scrollbar-thumb {
    border-radius:12px;
    border:4px solid rgba(255, 255, 255, 0);
    background-clip:content-box;
    background-color: #aaa;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #888;
}


/*for homepage section [profile picture]*/
  .festival-content-box .festival-content-box-inner img {
		max-width: 252px;
		max-height: 252px;
   }


@media (max-width: 767px) {
    .festival-content-box .festival-content-box-inner img {
      width: 226px !important;
      height: 226px !important;
      object-fit: fill;
    }
	.creator-webprofile-content .post-bnt-block button:last-of-type {
		font-size: 14px;
	}
  }

@media (max-width: 425px) {
    #thumbnailCropperModal .modal-header .btn-close {
        right: 7px;
        top: 7px;
        width: 22px;
        height: 22px;
        line-height: 24px;
    }

    #thumbnailCropperModal .modal-header .modal-title {
        font-size: 22px;
    }

    #thumbnailCropperModal .upload-drop-zone #thumb-drop-cta {
        font-size: 13px;
    }
}