.ad-box:after,
.main .view:after,
.main:after,
.main>.container:after,
.modal.modal-fit .modal-content:after {
	content: '';
	display: table;
	clear: both
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/eot/IRANSansWeb.eot);
	src: url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/eot/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/woff2/IRANSansWeb.woff2) format("woff2"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/woff/IRANSansWeb.woff) format("woff"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/ttf/IRANSansWeb.ttf) format("truetype");
	font-display: fallback
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 400;
	src: url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/eot/IRANSansWeb_Medium.eot);
	src: url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/woff2/IRANSansWeb_Medium.woff2) format("woff2"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/woff/IRANSansWeb_Medium.woff) format("woff"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/IRANSans/ttf/IRANSansWeb_Medium.ttf) format("truetype");
	font-display: fallback
}

@font-face {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	src: url(../../fonts-7UkZir0lAuNQREvHGYSfA/montserrat/woff2/MontserratRegular.woff2) format("woff2"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/montserrat/ttf/MontserratRegular.ttf) format("truetype");
	font-display: fallback
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../../fonts-7UkZir0lAuNQREvHGYSfA/opensans/woff2/OpenSansRegular.woff2) format("woff2"), url(../../fonts-7UkZir0lAuNQREvHGYSfA/opensans/ttf/OpenSansRegular.ttf) format("truetype");
	font-display: fallback
}

* {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

body,
html {
	max-width: 100%;
	overflow-x: hidden
}

html {
	height: 100%
}

body {
	font: 14px IRANSans, "Open Sans", sans-serif;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	max-width: 100%;
	margin: 0;
	direction: rtl
}

body.oh {
	height: 100%;
	overflow: hidden
}

body:not(.device-mobile):not(.fluid) {
	padding-top: 65px
}

@media (max-width:883px) {
	body:not(.device-mobile):not(.fluid):not(.amp-page) {
		padding-top: 100px
	}
}

body.device-mobile:not(.fluid) {
	padding-top: 60px
}

body.device-mobile [data-responsive='tablet|desktop'],
body.device-mobile [data-responsive=desktop],
body.device-mobile [data-responsive=tablet] {
	display: none
}

body.device-tablet [data-responsive='mobile|desktop'],
body.device-tablet [data-responsive=desktop],
body.device-tablet [data-responsive=mobile] {
	display: none
}

body.device-desktop [data-responsive='mobile|tablet'],
body.device-desktop [data-responsive=mobile],
body.device-desktop [data-responsive=tablet] {
	display: none
}

body:not(.theme-dark) {
	background-color: #fff
}

body.theme-dark {
	background-color: #16171a
}

a {
	text-decoration: none
}

a:hover {
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 150ms;
	transition-duration: 150ms;
	-webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
	transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

p {
	margin: 0;
	font-size: .9em;
	font-weight: 300;
	color: #6f7285;
	line-height: 1.8em
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 400
}

.main {
	width: 100%
}

.main>.container {
	width: 100%;
	float: left
}

.main .view {
	position: relative
}

@media (max-width:1137px) {
	.main>.container {
		width: 100%
	}
}

@media (min-width:1138px) {
	.main:not([data-so])[data-sidebar]>.container {
		width: calc(100% - 240px)
	}
}

.wrapper {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto
}

.tab-list-wrapper {
	padding: 2em 1em
}

.clear:after {
	content: '';
	display: table;
	clear: both
}

.icon {
	width: 1em;
	height: 1em
}

.tx-wrapper {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	opacity: 0
}

.request-link[data-hidden] {
	position: relative;
	width: 1px;
	height: 1px;
	padding: 0;
	opacity: 0;
	visibility: hidden
}

.list-empty {
	width: 100%;
	font-size: .9em;
	font-weight: 400;
	color: #6f7285;
	background-color: #e6e7ef;
	padding: 1em;
	border-radius: 5px
}

.dropdown {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.dropdown .dropdown-toggle {
	cursor: pointer
}

.dropdown .dropdown-focus {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0
}

.dropdown .dropdown-content {
	min-width: 270px;
	position: absolute;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0;
	box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	z-index: 5;
	-webkit-transition: opacity 150ms ease;
	transition: opacity 150ms ease
}

.dropdown .dropdown-content,
.dropdown .dropdown-content.down-left,
.dropdown .dropdown-content.down-right {
	bottom: -10px;
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%)
}

.dropdown .dropdown-content.down-left {
	right: 0
}

.dropdown .dropdown-content,
.dropdown .dropdown-content.down-right {
	left: 0
}

.dropdown .dropdown-content.top-left,
.dropdown .dropdown-content.top-right {
	top: -10px;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%)
}

.dropdown .dropdown-content.top-left {
	right: 0
}

.dropdown .dropdown-content.top-right {
	left: 0
}

.dropdown.dropdown-active .dropdown-content {
	visibility: visible;
	opacity: 1
}

.theme-light .dropdown .dropdown-content {
	background-color: #fff
}

.theme-dark .dropdown .dropdown-content {
	background-color: #292a33
}

.tab {
	width: 100%
}

.tab .hl-cnt {
	display: inline-block;
	direction: ltr;
	position: absolute;
	top: 3px;
	left: 50%;
	z-index: 1;
	font-size: 10.5px;
	font-weight: 300;
	color: #fff;
	width: 18px;
	height: 18px;
	line-height: 1.8;
	text-align: center;
	border-radius: 25px;
	background: #df0f50;
	overflow: hidden;
	-webkit-transform: translateX(-120%);
	transform: translateX(-120%)
}

.tab .tab-list {
	position: relative;
	margin-right: -1em;
	margin-left: -1em;
	padding: 0 1em 18px;
	white-space: nowrap
}

.tab .tab-list:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1em;
	right: 1em;
	border-bottom: 1px solid #f5f5f9
}

.tab .tab-item {
	display: inline-block
}

.tab .tab-item:not(:last-child) {
	margin-left: .5em
}

.tab .tab-item .icon:not(.small) {
	fill: #6f7285;
	width: 1.6em;
	height: 1.6em
}

.tab .tab-item .icon {
	display: inline-block;
	vertical-align: middle
}

.tab .tab-item .center {
	text-align: center
}

.tab .tab-item>a {
	width: 100%;
	min-height: 35px
}

.tab .tab-item>a>span {
	display: inline-block
}

.tab .tab-item.active .dropdown-toggle>.button,
.tab .tab-item.active>a {
	color: #fff;
	background-color: #484b62
}

.tab .tab-item.active .dropdown-toggle>.button .icon,
.tab .tab-item.active>a .icon {
	fill: #fff
}

.tab .tab-contents {
	width: 100%;
	float: right
}

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

.tab .tab-contents .tab-content.active {
	display: block
}

@media (max-width:480px) {
	.tab .tab-item {
		min-width: 40%
	}
}

.profile-menu .profile-head {
	padding: 1em;
	background-color: #f5f5f9
}

.profile-menu .menu-wrapper [class^=menu-item] {
	font-size: .9em
}

.theme-light .profile-menu .profile-head {
	background-color: #f5f5f9
}

.theme-dark .profile-menu .profile-head {
	background-color: #212226
}

body:not(.device-mobile) .profile-menu-modal.modal-fit {
	top: 65px
}

@media (max-width:883px) {
	body:not(.device-mobile) .profile-menu-modal.modal-fit {
		top: 100px
	}
}

body.device-mobile .profile-menu-modal.modal-fit {
	top: 58px
}

.profile-modal .open-profile-modal .icon.icon {
	margin: 0
}

.profile-menu-modal.modal-fit {
	top: 65px
}

.profile-menu-modal .profile-wrapper {
	width: 100%;
	padding: 1.5em 0
}

.profile-menu-modal .profile-wrapper .profile-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.profile-menu-modal .profile-wrapper .profile-avatar {
	position: relative
}

.profile-menu-modal .profile-wrapper .profile-avatar .picture {
	width: 85px;
	height: 85px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15)
}

.profile-menu-modal .profile-wrapper .profile-avatar .profile-setting-btn {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -5px;
	margin-left: -5px;
	background-color: #f5f5f9
}

.profile-menu-modal .profile-wrapper .profile-avatar .profile-setting-btn .icon {
	fill: #484b62;
	margin: 0
}

.profile-menu-modal .profile-wrapper .profile-title {
	margin: 1em 0 0
}

.profile-menu-modal .profile-wrapper .profile-title>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.profile-menu-modal .profile-wrapper .profile-title .title {
	font-size: 1em;
	font-weight: 400;
	color: #484b62
}

.profile-menu-modal .profile-wrapper .profile-title [class^=badge] {
	font-size: .7em;
	line-height: 2em;
	margin: 0 .75em 0 0
}

.profile-menu-modal .profile-wrapper .profile-info {
	font-size: .9em;
	font-weight: 300;
	color: #6f7285;
	margin: .75em 0 0;
	padding: 0 1em
}

.profile-menu-modal .mobile-upload-video {
	width: calc(100% - 2em);
	height: 3.5em;
	font-weight: 300;
	margin: .75em 1em .75em;
	border-radius: 2px
}

.profile-menu-modal .mobile-upload-video .icon {
	font-size: 1.4em
}

.profile-menu-modal .notification-list [class^=menu-item] {
	position: relative
}

.profile-menu-modal .notification-list [class^=menu-item]:not(:last-child):after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 1em;
	left: 1em;
	border-bottom: 1px solid #f5f5f9
}

.profile-menu-modal .notification-list .avatar {
	margin-left: 1em
}

.profile-menu-modal .tab .tab-list {
	margin: 0;
	padding: 0 1em 1.5em
}

.profile-menu-modal .tab .tab-list .tab-item {
	min-width: 130px;
	width: 50%;
	margin: 0
}

.profile-menu-modal .tab .tab-list .tab-item:first-child {
	padding: 0 0 0 .25em
}

.profile-menu-modal .tab .tab-list .tab-item:last-child {
	padding: 0 .25em 0 0
}

.profile-menu-modal .tab .tab-list .tab-item,
.profile-menu-modal .tab .tab-list .tab-item>a {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.profile-menu-modal .tab .tab-list.fixed .tab-item,
.profile-menu-modal .tab .tab-list.fixed .tab-item>a {
	width: 50px;
	min-width: 50px
}

.profile-menu-modal .menu-wrapper .menu-item,
.profile-menu-modal .menu-wrapper .menu-item-link>a {
	padding: .75em 1em
}

.notification-menu .notification-head {
	padding: 1em
}

.notification-menu .notification-list .picture {
	width: 28px;
	height: 28px;
	margin-left: .75em
}

.notification-menu.menu-wrapper {
	padding: 0
}

.notification-menu.menu-wrapper .menu-item,
.notification-menu.menu-wrapper .menu-item-link>a {
	padding: 1em
}

.notification-menu.menu-wrapper .menu-item,
.notification-menu.menu-wrapper .menu-item-link {
	position: relative
}

.notification-menu.menu-wrapper .menu-item-link:not(:last-child):after,
.notification-menu.menu-wrapper .menu-item:not(:last-child):after {
	content: '';
	position: absolute;
	left: 1em;
	right: 1em;
	bottom: 0
}

.notification-menu.menu-wrapper .menu-item-link>a,
.notification-menu.menu-wrapper .menu-item>a {
	height: auto
}

.notification-menu.menu-wrapper .avatar .picture {
	width: 35px;
	height: 35px
}

.notification-menu .notifications-list {
	min-width: 350px;
	max-height: 50vh;
	overflow-y: auto
}

.notifications-list .avatar .picture {
	width: 35px;
	height: 35px
}

.notifications-list .menu-wrapper .menu-item,
.notifications-list .menu-wrapper .menu-item-link>a {
	height: auto
}

.notifications-list .menu-wrapper .menu-item .content,
.notifications-list .menu-wrapper .menu-item-link>a .content {
	max-width: none;
	line-height: 2;
	white-space: normal
}

.notifications-list .menu-wrapper .highlight {
	position: relative
}

.notifications-list .menu-wrapper .highlight:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-top: -5px;
	background-color: #df0f50
}

.notifications-list .comment-reply {
	display: block;
	font-size: .8em
}

.notifications-list .channel-name {
	font-weight: 400
}

.theme-light .notification-menu .notification-head {
	color: #484b62;
	background-color: #f5f5f9
}

.theme-light .notification-menu .dropdown-active .dropdown-toggle .button {
	background-color: #f5f5f9
}

.theme-light .notification-menu.menu-wrapper .menu-item-link:not(:last-child):after,
.theme-light .notification-menu.menu-wrapper .menu-item:not(:last-child):after {
	border-bottom: 1px solid #f5f5f9
}

.theme-light .notifications-list .menu-wrapper .highlight:before {
	background-color: #df0f50
}

.theme-light .notifications-list .comment-reply {
	color: #6f7285
}

.theme-light .notifications-list .channel-name {
	color: #292a33
}

.theme-dark .notification-menu .notification-head {
	color: #f5f5f9;
	background-color: #212226
}

.theme-dark .notification-menu .dropdown-active .dropdown-toggle .button {
	background-color: #212226
}

.theme-dark .notification-menu.menu-wrapper .menu-item-link:not(:last-child):after,
.theme-dark .notification-menu.menu-wrapper .menu-item:not(:last-child):after {
	border-bottom: 1px solid #16171a
}

.theme-dark .notifications-list .comment-reply {
	color: #6f7285
}

.theme-dark .notifications-list .channel-name {
	color: #6f7285
}

.search-widget {
	width: 100%
}

.search-widget .input-text {
	z-index: 1
}

.search-widget .input-text .search-icon {
	margin-left: .5em
}

.search-widget .input-text .search-icon .icon {
	width: 1.2em;
	height: 1.2em;
	padding: 0;
	margin: 0
}

.search-widget .input-text .search-icon:hover {
	background-color: transparent
}

.search-widget .input-text .search-icon:hover .icon {
	fill: #05a3e8
}

.search-widget .search-suggestion {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	padding: 1em;
	border-radius: 0 0 25px 25px;
	border: 1px solid;
	visibility: hidden;
	opacity: 0
}

.search-widget .search-suggestion .list-item.list-item,
.search-widget .search-suggestion .list-wrapper.list-wrapper {
	width: 100%;
	padding: 0
}

.search-widget .search-suggestion .ss-content {
	max-height: 60vh;
	padding-left: 18px
}

.search-widget .search-suggestion .ss-scroll {
	margin: 0 .25em;
	width: 5px;
	-webkit-transform: scaleY(.8);
	transform: scaleY(.8)
}

.search-widget .search-suggestion .no-suggest {
	font-size: .9em;
	font-weight: 300;
	padding: 1em 0;
	text-align: center
}

.search-widget .search-suggestion .grid-thumbnail .grid-item {
	margin-bottom: .5em
}

.search-widget .search-suggestion .thumbnail-detailside {
	font-size: .9em
}

.search-widget .search-suggestion .thumbnail-detailside .thumb-wrapper {
	width: 130px;
	height: 74.1px
}

.search-widget .search-suggestion .thumbnail-detailside .thumb-desc {
	display: none
}

.search-widget~.search-overlay {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	z-index: -1
}

.search-widget .grid-item {
	max-width: 100%
}

.search-widget.has-suggest .input-text .input-box {
	border-radius: 25px 25px 0 0
}

.search-widget.has-suggest .search-suggestion {
	opacity: 1;
	visibility: visible
}

.search-widget.has-suggest~.search-overlay {
	visibility: visible
}

:not(.theme-dark) .search-widget .input-box.input-box {
	border-color: transparent;
	background-color: #f5f5f9
}

:not(.theme-dark) .search-widget .input:focus~.input-box.input-box.input-box,
:not(.theme-dark) .search-widget .input:hover~.input-box.input-box.input-box {
	border-color: #fbfbfc;
	background-color: #fff
}

:not(.theme-dark) .search-widget .search-suggestion {
	background-color: #fff;
	-webkit-box-shadow: 0 4px 35px -4px #484b62;
	box-shadow: 0 4px 35px -4px #484b62;
	border-color: #f5f5f9
}

:not(.theme-dark) .search-widget .search-suggestion .no-suggest {
	color: #6f7285
}

:not(.theme-dark) .search-widget~.search-overlay {
	background-color: rgba(41, 42, 51, .6)
}

.theme-dark .search-widget .input-box.input-box {
	border-color: transparent;
	background-color: #212226
}

.theme-dark .search-widget .input:focus~.input-box.input-box.input-box,
.theme-dark .search-widget .input:hover~.input-box.input-box.input-box {
	border-color: #212226;
	background-color: #212226
}

.theme-dark .search-widget .search-suggestion {
	background-color: #212226;
	-webkit-box-shadow: 0 4px 35px -4px #292a33;
	box-shadow: 0 4px 35px -4px #292a33;
	border-color: #212226;
	border-top-color: #16171a
}

.theme-dark .search-widget .search-suggestion .no-suggest {
	color: #6f7285
}

.theme-dark .search-widget~.search-overlay {
	background-color: rgba(41, 42, 51, .6)
}

.unread-cnt {
	display: inline-block;
	direction: ltr;
	position: absolute;
	top: 1px;
	left: -3px;
	z-index: 1;
	font-size: 10.5px;
	font-weight: 300;
	color: #fff;
	width: 19px;
	height: 19px;
	line-height: 1.8;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 25px;
	background: #df0f50;
	overflow: hidden
}

.header {
	position: relative;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 65px;
	z-index: 20
}

.header .wrapper.wrapper.wrapper.wrapper {
	position: relative;
	max-width: unset;
	width: 100%;
	padding: 0 1.5em
}

.header .inline-flex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.header .logo .icon {
	width: 5em;
	height: 2em
}

.header .unread-cnt {
	display: inline-block;
	direction: ltr;
	position: absolute;
	top: 1px;
	left: -3px;
	z-index: 1;
	font-size: 10.5px;
	font-weight: 300;
	color: #fff;
	width: 19px;
	height: 19px;
	line-height: 1.8;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 25px;
	background: #df0f50;
	overflow: hidden
}

.header .header-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.header .header-row .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 50%
}

.header .header-row .item:first-child {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.header .header-row .item:first-child>.inline-flex {
	margin-left: 1em
}

.header .header-row .item:last-child {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.header .header-row .item:last-child>.inline-flex {
	margin-right: 1em
}

.header .search-widget {
	max-width: 600px;
	width: 45%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.header-fluid {
	width: 100%
}

.header-fluid .wrapper {
	max-width: 100%
}

.header-fluid .header-row {
	padding: 1em 1.5em 0 1.5em
}

.header-fluid .logo .icon {
	width: 5em;
	height: 2em
}

@media (max-width:883px) {
	body.device-desktop:not(.amp-page) .header {
		height: 100px
	}
}

@media (max-width:883px) {
	body.device-desktop .header .notification-menu,
	body.device-desktop .header .profile-menu {
		display: none
	}
	body.device-desktop .header .signin-button {
		font-size: 1.2em;
		width: 2em;
		height: 2em;
		padding: 0
	}
	body.device-desktop .header .signin-button .text {
		display: none
	}
	body.device-desktop .header .signin-button .icon {
		margin: 0
	}
	body.device-desktop .header .search-widget {
		max-width: 100%;
		width: 100%;
		position: static;
		-webkit-transform: none;
		transform: none;
		margin-top: .5em
	}
	body.device-desktop .header .search-widget~.search-overlay {
		top: 100px
	}
	body.device-desktop .header .search-widget .search-suggestion {
		top: 80px;
		margin: 0 1.5em
	}
}

@media (min-width:884px) {
	body.device-desktop .header .search-widget .search-suggestion {
		top: 40px
	}
	body.device-desktop .header .search-widget~.search-overlay {
		top: 65px
	}
	body.device-desktop .header .profile-modal {
		display: none
	}
}

body.device-mobile .header {
	height: 60px
}

body.device-mobile .header .wrapper {
	padding: 0 1em
}

body.device-mobile .header .notification-menu,
body.device-mobile .header .profile-menu,
body.device-mobile .header .upload-button {
	display: none
}

body.device-mobile .header .signin-button {
	font-size: 1.2em;
	width: 2em;
	height: 2em;
	padding: 0
}

body.device-mobile .header .signin-button .text {
	display: none
}

body.device-mobile .header .signin-button .icon {
	margin: 0
}

body.device-mobile .header .icon-close {
	width: 2.7em;
	height: 1.5em
}

body.device-mobile .header .search-widget {
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 100%;
	width: 100%;
	height: 60px;
	padding: 0 .5em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: transform .3s ease-in-out;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

body.device-mobile .header .search-widget .search-suggestion {
	top: 50px;
	margin: 0 .5em
}

body.device-mobile .header .search-widget~.search-overlay {
	top: 60px
}

body.device-mobile .header.search-active .search-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.theme-light .header {
	background-color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0;
	box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0
}

.header.theme-dark,
.theme-dark .header {
	background-color: #16171a;
	-webkit-box-shadow: rgba(0, 0, 0, .7) 1px 0 7px 0;
	box-shadow: rgba(0, 0, 0, .7) 1px 0 7px 0
}

.device-mobile.theme-light .header .search-widget .input-box {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #fff
}

.device-mobile .header.theme-dark .search-widget .input-box,
.device-mobile.theme-dark .header .search-widget .input-box {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #212226;
	background-color: #212226
}

.device-desktop .sidebar .sidebar-toggle {
	height: 65px;
	padding: 0 1.5em
}

@media (max-width:883px) {
	.device-desktop .sidebar .sidebar-toggle {
		height: 55px
	}
}

.device-desktop .sidebar .menu-wrapper .menu-item,
.device-desktop .sidebar .menu-wrapper .menu-item-link>a {
	padding: .5em 2em
}

.device-mobile .sidebar .sidebar-toggle {
	height: 65px;
	padding: 0 1em
}

.device-mobile .sidebar .menu-wrapper .menu-item,
.device-mobile .sidebar .menu-wrapper .menu-item-link>a {
	padding: .5em 1.5em
}

.sidebar {
	width: 0;
	position: fixed;
	right: 0;
	bottom: 0
}

.sidebar .sidebar-inner {
	position: relative;
	z-index: 1;
	width: 240px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.sidebar .menu-wrapper:not(:last-child):after {
	left: 2em
}

.sidebar .sidebar-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.sidebar .sidebar-toggle>.inline-flex:not(:last-child) {
	margin-left: 1em
}

.sidebar .sidebar-toggle .logo .icon {
	width: 5em;
	height: 2em
}

.sidebar .sidebar-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(41, 42, 51, .75);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media (min-width:1138px) {
	.sidebar {
		top: 65px
	}
	.main:not([data-so]) .sidebar .sidebar-overlay,
	.main:not([data-so]) .sidebar .sidebar-toggle {
		display: none
	}
}

[data-so] .sidebar {
	top: 0;
	z-index: 20;
	width: 0
}

[data-so] .sidebar .sidebar-inner {
	-webkit-transition: transform .3s ease-in-out;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

[data-so]:not([data-sidebar]) .sidebar {
	top: 0
}

[data-so]:not([data-sidebar]) .sidebar .sidebar-inner {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

[data-so]:not([data-sidebar]) .sidebar-overlay {
	visibility: visible;
	opacity: 1
}

@media (max-width:1137px) {
	.main:not([data-so]) .sidebar {
		top: 0;
		z-index: 20;
		width: 0
	}
	.main:not([data-so]) .sidebar .sidebar-inner {
		-webkit-transition: transform .3s ease;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease
	}
}

@media (min-width:1138px) {
	.main:not([data-so])[data-sidebar] .sidebar .sidebar-inner {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@media (max-width:1137px) {
	.main:not([data-so]):not([data-sidebar]) .sidebar .sidebar-inner {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.main:not([data-so]):not([data-sidebar]) .sidebar-overlay {
		visibility: visible;
		opacity: 1
	}
}

.theme-light .sidebar .menu-wrapper,
.theme-light .sidebar .sidebar-inner {
	background-color: #fbfbfc
}

.theme-dark .sidebar .sidebar-inner {
	background-color: #212226
}

.theme-dark .sidebar .menu-wrapper {
	background-color: transparent
}

.theme-dark .sidebar .menu-wrapper .menu-item-link.active,
.theme-dark .sidebar .menu-wrapper .menu-item-link>a:active,
.theme-dark .sidebar .menu-wrapper .menu-item-link>a:focus,
.theme-dark .sidebar .menu-wrapper .menu-item-link>a:hover {
	background-color: #16171a
}

.trend-menu {
	padding: .5em 2em
}

.trend-menu .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0
}

.trend-menu .label,
.trend-menu .trend {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: .1em 0 .1em 1em
}

.trend-menu .label {
	font-size: .9em;
	font-weight: 400
}

.trend-menu .trend {
	font-size: .85em;
	font-weight: 300;
	line-height: 1.8;
	padding: 0 .5em;
	border-radius: 3px
}

.trend-menu .trend:hover {
	opacity: .9
}

@media (max-width:669px) {
	.trend-menu {
		padding: .5em 1em
	}
	.trend-menu .wrapper {
		font-size: .8em
	}
}

:not(.theme-dark) .trend-menu,
:not(.theme-dark).trend-menu {
	background-color: #f5f5f9
}

:not(.theme-dark) .trend-menu .label,
:not(.theme-dark).trend-menu .label {
	color: #292a33
}

:not(.theme-dark) .trend-menu .trend,
:not(.theme-dark).trend-menu .trend {
	color: #fff;
	background-color: #df0f50
}

.theme-dark .trend-menu,
.theme-dark.trend-menu {
	background-color: #292a33
}

.theme-dark .trend-menu .label,
.theme-dark.trend-menu .label {
	color: #fbfbfc
}

.theme-dark .trend-menu .trend,
.theme-dark.trend-menu .trend {
	color: #fff;
	background-color: #df0f50
}

button:active,
button:focus {
	outline: 0
}

.button.button {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	vertical-align: middle;
	font-family: IRANSans, "Open Sans", sans-serif;
	font-size: .9em;
	line-height: 2.6em;
	white-space: nowrap;
	padding: 0 1em;
	outline: 0;
	border: none;
	border-radius: 50px;
	background: 0 0;
	cursor: pointer;
	overflow: hidden
}

.button.button,
.button.button .icon {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.button.button .icon {
	width: 1.2em;
	height: 1.2em
}

.button.button .icon.small {
	width: .8em;
	height: .8em
}

.button.button-small {
	font-size: .8em
}

.button.button-medium {
	font-size: .9em
}

.button.button-large {
	font-size: 1.2em
}

.button.button-xlarge {
	font-size: 1.4em
}

.button .icon {
	fill: #fff
}

.button .icon:first-child {
	margin-left: .5em
}

.button .icon:last-child {
	margin-right: .5em
}

.button.button-circular {
	padding: 0;
	width: 2em;
	height: 2em
}

.button.button-text {
	padding: 0;
	font-weight: 400
}

.button.button-disabled {
	cursor: not-allowed;
	opacity: .5;
	-webkit-filter: grayscale(1);
	filter: grayscale(1)
}

.button-theme:not(.button-hollow):not(.button-text),
.button:not(.button-hollow):not(.button-text) {
	color: #fff;
	background-color: #df0f50
}

.button-theme:not(.button-hollow):not(.button-text) .icon,
.button:not(.button-hollow):not(.button-text) .icon {
	fill: #fff
}

.button-theme.button-hollow,
.button-theme.button-text,
.button.button-hollow,
.button.button-text {
	color: #df0f50
}

.button-theme.button-hollow .icon,
.button-theme.button-text .icon,
.button.button-hollow .icon,
.button.button-text .icon {
	fill: #df0f50
}

.button-gray:not(.button-hollow):not(.button-text) {
	color: #fff
}

.button-gray:not(.button-hollow):not(.button-text) .icon {
	fill: #fff
}

.button-gray.button-hollow,
.button-gray.button-text {
	color: #6f7285
}

.button-gray.button-hollow .icon,
.button-gray.button-text .icon {
	fill: #6f7285
}

.button-info:not(.button-hollow):not(.button-text) {
	color: #fff;
	background-color: #05a3e8
}

.button-info:not(.button-hollow):not(.button-text) .icon {
	fill: #fff
}

.button-info.button-hollow,
.button-info.button-text {
	color: #05a3e8
}

.button-info.button-hollow .icon,
.button-info.button-text .icon {
	fill: #05a3e8
}

.button-successful:not(.button-hollow):not(.button-text) {
	color: #fff;
	background-color: #0ad287
}

.button-successful:not(.button-hollow):not(.button-text) .icon {
	fill: #fff
}

.button-successful.button-hollow,
.button-successful.button-text {
	color: #0ad287
}

.button-successful.button-hollow .icon,
.button-successful.button-text .icon {
	fill: #0ad287
}

.button-tab {
	font-weight: 300
}

.button-tab:not(.button-hollow):not(.button-text) {
	color: #292a33;
	background-color: #d3d6e0
}

.button-tab:not(.button-hollow):not(.button-text) .icon {
	fill: #292a33
}

.button-tab.button-hollow,
.button-tab.button-text {
	color: #292a33
}

.button-tab.button-hollow .icon,
.button-tab.button-text .icon {
	fill: #292a33
}

.button-small.button-circular {
	font-size: 1em
}

.button-medium.button-circular {
	font-size: 1.2em
}

.button-large.button-circular {
	font-size: 1.4em
}

.button-xlarge.button-circular {
	font-size: 1.6em
}

.button-gray:active,
.button-gray:focus,
.button-gray:hover,
.button-info:active,
.button-info:focus,
.button-info:hover,
.button-successful:active,
.button-successful:focus,
.button-successful:hover,
.button-theme:active,
.button-theme:focus,
.button-theme:hover,
.button:active,
.button:focus,
.button:hover {
	opacity: .8
}

.button-tab.active,
.button-tab:active,
.button-tab:focus {
	opacity: 1;
	color: #f5f5f9;
	background-color: #292a33
}

.button-tab.active .icon,
.button-tab:active .icon,
.button-tab:focus .icon {
	fill: #f5f5f9
}

.theme-light .button-gray:not(.button-hollow):not(.button-text) {
	background-color: #6f7285
}

.theme-light .button-gray.button-hollow,
.theme-light .button-gray.button-text {
	color: #6f7285
}

.theme-light .button-gray.button-hollow .icon,
.theme-light .button-gray.button-text .icon {
	fill: #6f7285
}

.theme-light .button-white.button-white:not(.button-text) {
	color: #6f7285;
	background-color: #fff;
	border: 1px solid #e6e7ef
}

.theme-light .button-white.button-white:not(.button-text) .icon {
	fill: #6f7285
}

.theme-light .button:active.button-hollow,
.theme-light .button:focus.button-hollow,
.theme-light .button:hover.button-hollow {
	background-color: #f5f5f9
}

.theme-light .button-white.button-white:active,
.theme-light .button-white.button-white:focus,
.theme-light .button-white.button-white:hover {
	background-color: #fbfbfc
}

.theme-dark .button-gray:not(.button-hollow):not(.button-text) {
	background-color: #484b62
}

.theme-dark .button-gray.button-hollow,
.theme-dark .button-gray.button-text {
	color: #d3d6e0
}

.theme-dark .button-gray.button-hollow .icon,
.theme-dark .button-gray.button-text .icon {
	fill: #d3d6e0
}

.theme-dark .button-white.button-white:not(.button-text) {
	color: #e6e7ef;
	background-color: #292a33;
	border: 1px solid #484b62
}

.theme-dark .button-white.button-white:not(.button-text) .icon {
	fill: #e6e7ef
}

.theme-dark .button:active.button-hollow,
.theme-dark .button:focus.button-hollow,
.theme-dark .button:hover.button-hollow {
	background-color: #292a33
}

.theme-dark .button-white.button-white:active,
.theme-dark .button-white.button-white:focus,
.theme-dark .button-white.button-white:hover {
	opacity: .7
}

.toggle {
	cursor: pointer;
	display: inline-block
}

.toggle-switch {
	display: inline-block;
	background: #d3d6e0;
	border-radius: 16px;
	width: 50px;
	height: 23px;
	position: relative;
	vertical-align: middle;
	-webkit-transition: background .25s;
	transition: background .25s
}

.toggle-switch:after,
.toggle-switch:before {
	content: ""
}

.toggle-switch:before {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: linear-gradient(to bottom, #fff 0, #eee 100%);
	border-radius: 50%;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	left: 3px;
	-webkit-transition: left .25s;
	transition: left .25s
}

.toggle:hover .toggle-switch:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: linear-gradient(to bottom, #fff 0, #fff 100%)
}

.toggle-checkbox:checked+.toggle-switch {
	background: #05a3e8
}

.toggle-checkbox:checked+.toggle-switch:before {
	left: 30px
}

.toggle-checkbox {
	position: absolute;
	visibility: hidden
}

.toggle-label {
	margin-left: 5px;
	position: relative;
	top: 2px
}

.custom-radios div {
	display: inline-block
}

.custom-radios input[type=radio] {
	display: none
}

.custom-radios input[type=radio]+label {
	color: #333
}

.custom-radios input[type=radio]+label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 22px
}

.custom-radios input[type=radio]+label span img {
	width: 10px;
	height: 10px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.custom-radios input[type=radio].custom-radio+label span {
	background-color: #fff;
	border: 2px solid #6f7285
}

.custom-radios input[type=radio]:checked+label span {
	background-color: #05a3e8;
	border: 2px solid #05a3e8
}

.custom-radios input[type=radio]:checked+label span img {
	opacity: 1
}

.custom-checkbox div {
	display: inline-block
}

.custom-checkbox input[type=checkbox] {
	display: none
}

.custom-checkbox input[type=checkbox]+label {
	color: #333
}

.custom-checkbox input[type=checkbox]+label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 22px
}

.custom-checkbox input[type=checkbox]+label span img {
	width: 10px;
	height: 10px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.custom-checkbox input[type=checkbox].custom-check+label span {
	background-color: #fff;
	border: 2px solid #6f7285
}

.custom-checkbox input[type=checkbox]:checked+label span {
	background-color: #0ad287;
	border: 2px solid #0ad287
}

.custom-checkbox input[type=checkbox]:checked+label span img {
	opacity: 1
}

.icon.icon-theme.icon-theme {
	fill: #df0f50
}

.icon.icon-green.icon-green {
	fill: #0ad287
}

.icon.icon-blue.icon-blue {
	fill: #05a3e8
}

.icon.icon-gray.icon-gray {
	fill: #6f7285
}

.badge-gray,
.badge-info,
.badge-success,
.badge-theme {
	border: 1px solid
}

.badge-gray,
.badge-info,
.badge-success,
.badge-theme {
	font-weight: 400
}

.badge-gray,
.badge-gray-filled,
.badge-info,
.badge-info-filled,
.badge-success,
.badge-success-filled,
.badge-theme,
.badge-theme-filled {
	display: inline-block;
	font-size: .85em;
	font-weight: 300;
	line-height: 1.5;
	border-radius: 3px;
	padding: 0 .5em;
	vertical-align: middle
}

.badge-gray-filled:first-child,
.badge-gray:first-child,
.badge-info-filled:first-child,
.badge-info:first-child,
.badge-success-filled:first-child,
.badge-success:first-child,
.badge-theme-filled:first-child,
.badge-theme:first-child {
	margin-left: .25em
}

.badge-gray-filled:last-child,
.badge-gray:last-child,
.badge-info-filled:last-child,
.badge-info:last-child,
.badge-success-filled:last-child,
.badge-success:last-child,
.badge-theme-filled:last-child,
.badge-theme:last-child {
	margin-right: .25em
}

.badge-theme:not(.badge-theme-filled) {
	color: #df0f50
}

.badge-theme-filled {
	color: #fff;
	background-color: #df0f50
}

.badge-gray:not(.badge-gray-filled) {
	color: #6f7285
}

.badge-gray-filled {
	color: #fff;
	background-color: #6f7285
}

.badge-info:not(.badge-info-filled) {
	color: #05a3e8
}

.badge-info-filled {
	color: #fff;
	background-color: #05a3e8
}

.badge-success:not(.badge-success-filled) {
	color: #0ad287
}

.badge-success-filled {
	color: #fff;
	background-color: #0ad287
}

.badge-blink {
	-webkit-animation: badgeBlink 2.5s ease-in-out infinite;
	animation: badgeBlink 2.5s ease-in-out infinite
}

@-webkit-keyframes badgeBlink {
	0% {
		opacity: .3
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: .3
	}
}

@keyframes badgeBlink {
	0% {
		opacity: .3
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: .3
	}
}

.badge-hd {
	font-size: 1em;
	padding: 0 .3em;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, .7)
}

.badge-hd svg {
	fill: #fff
}

.thumb-badge-story {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	font-size: 1em;
	width: 2em;
	height: 2em;
	border-radius: 2px;
	background-color: #df0f50
}

.thumb-badge-story .icon {
	fill: #fff;
	width: 1.4em;
	height: 1.4em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.priority-app,
.priority-brand,
.priority-producer,
.priority-streamer {
	display: inline-block;
	vertical-align: middle;
	margin-right: .25em;
	line-height: 0
}

.priority-app .icon,
.priority-brand .icon,
.priority-producer .icon,
.priority-streamer .icon {
	border-radius: 25px
}

.priority-brand .icon {
	font-size: 11px;
	padding: 1px;
	fill: #fff;
	background-color: #0ad287
}

.priority-app .icon {
	font-size: 11px;
	padding: 1px;
	fill: #fff;
	background-color: #d3d6e0
}

.priority-producer .icon {
	font-size: 14px;
	fill: #df0f50
}

.priority-streamer .icon {
	font-size: 14px
}

.theme-light .priority-streamer .icon {
	fill: #6f7285
}

.theme-dark .priority-streamer .icon {
	fill: #df0f50
}

.avatar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center
}

.avatar .details,
.avatar .picture {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.avatar .picture {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid
}

.avatar .picture img {
	width: 1px;
	height: 1px;
	opacity: 0
}

.avatar .picture .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1.3em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.avatar .details {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 1em
}

.avatar .details .icon.icon:not(.icon-priority) {
	width: 1em;
	height: 1em;
	fill: #6f7285;
	vertical-align: middle
}

.avatar .details .icon.icon:not(.icon-priority):first-child {
	margin-left: .25em
}

.avatar .details .caption,
.avatar .details .title {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.avatar .details .title {
	font-size: .9em;
	font-weight: 400;
	line-height: 1
}

.avatar .details .title a {
	font-size: 1em
}

.avatar .details .caption {
	width: 100%;
	font-size: .8em;
	font-weight: 300;
	margin-top: .5em
}

.avatar .details .caption a {
	color: inherit
}

body:not(.theme-dark) .avatar .picture {
	border-color: #fbfbfc;
	background: #e6e7ef no-repeat center;
	background-size: cover
}

body:not(.theme-dark) .avatar .picture .icon {
	fill: #fff
}

body:not(.theme-dark) .avatar .details .icon.icon:not(.icon-priority) {
	fill: #6f7285
}

body:not(.theme-dark) .avatar .details .title,
body:not(.theme-dark) .avatar .details .title a {
	color: #484b62
}

body:not(.theme-dark) .avatar .details .caption {
	color: #6f7285
}

body:not(.theme-dark) .avatar .details a.caption:active,
body:not(.theme-dark) .avatar .details a.caption:focus,
body:not(.theme-dark) .avatar .details a.caption:hover {
	color: #df0f50
}

body:not(.theme-dark) .avatar .details a.caption:active .icon,
body:not(.theme-dark) .avatar .details a.caption:focus .icon,
body:not(.theme-dark) .avatar .details a.caption:hover .icon {
	fill: #df0f50
}

.theme-dark .avatar .picture {
	border-color: #292a33;
	background: #292a33 no-repeat center;
	background-size: cover
}

.theme-dark .avatar .picture .icon {
	fill: #484b62
}

.theme-dark .avatar .details .icon.icon:not(.icon-priority) {
	fill: #6f7285
}

.theme-dark .avatar .details .title,
.theme-dark .avatar .details .title a {
	color: #f5f5f9
}

.theme-dark .avatar .details .caption {
	color: #6f7285
}

.theme-dark .avatar .details a.caption:active,
.theme-dark .avatar .details a.caption:focus,
.theme-dark .avatar .details a.caption:hover {
	color: #df0f50
}

.theme-dark .avatar .details a.caption:active .icon,
.theme-dark .avatar .details a.caption:focus .icon,
.theme-dark .avatar .details a.caption:hover .icon {
	fill: #df0f50
}

.menu-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding: .75em 0
}

.menu-wrapper:not(.footer):not(:last-child):after {
	content: '';
	position: absolute;
	left: 2.2em;
	right: 1em;
	bottom: 0;
	border-bottom: 2px solid
}

.menu-wrapper .menu-title {
	font-size: 1em;
	font-weight: 400;
	margin: 0;
	padding: .5em 2em .5em 2.5em
}

.menu-wrapper .avatar {
	margin-left: .8em
}

.menu-wrapper .avatar .picture {
	width: 25px;
	height: 25px
}

.menu-wrapper .menu-item,
.menu-wrapper .menu-item-link {
	position: relative
}

.menu-wrapper .menu-item,
.menu-wrapper .menu-item-link>a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 3em;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	padding: .5em 1em
}

.menu-wrapper .menu-item-link>a>.icon,
.menu-wrapper .menu-item>.icon {
	width: 1.55em;
	height: 1.55em
}

.menu-wrapper .menu-item-link>a>.icon:first-child,
.menu-wrapper .menu-item>.icon:first-child {
	margin-left: 1em
}

.menu-wrapper .menu-item-link>a>.icon:last-child,
.menu-wrapper .menu-item>.icon:last-child {
	margin-right: 1em
}

.menu-wrapper .menu-item-link>a>.icon.icon-iphone,
.menu-wrapper .menu-item>.icon.icon-iphone {
	width: 2em;
	height: 2em;
	margin-left: .5em
}

.menu-wrapper .menu-item .content,
.menu-wrapper .menu-item-link>a .content {
	max-width: 80%;
	font-size: .93em;
	font-weight: 300;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.menu-wrapper .menu-item .content .caption,
.menu-wrapper .menu-item-link>a .content .caption {
	display: block;
	font-size: .75em;
	font-weight: 300;
	margin-top: .75em
}

.menu-wrapper .menu-item-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%
}

.menu-wrapper .menu-item-link.menu-show-more .icon {
	height: .9em
}

.menu-wrapper .menu-item-link.menu-show-more .content {
	font-size: .9em
}

.menu-wrapper .menu-item-link>a,
.menu-wrapper .menu-item-link>a .icon {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.menu-wrapper .menu-list,
.menu-wrapper .menu-list-pages,
.menu-wrapper .menu-list-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%
}

.menu-wrapper .menu-list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.menu-wrapper .menu-list-pages {
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.menu-wrapper .menu-list-pages:after {
	content: '';
	position: absolute;
	top: 15%;
	right: 45%;
	height: 70%;
	margin-right: -2px;
	border-left: 2px solid
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(odd) {
	width: 45%;
	margin-left: -1px
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(odd)>a {
	padding: 1em 2em 1em 1em
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(even) {
	width: 55%;
	margin-right: -1px
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(even)>a {
	padding: 1em 1em 1em 2em
}

.menu-wrapper .menu-list-pages .menu-item-link .content,
.menu-wrapper .menu-list-pages .menu-item-link>a .content {
	max-width: 100%
}

.menu-wrapper .menu-list-social {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 18px
}

.menu-wrapper .menu-list-social .menu-item-link {
	width: auto
}

.menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a,
.menu-wrapper .menu-list-social .menu-item.menu-item.menu-item {
	font-size: .8em;
	padding: 0 .75em
}

.menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a:hover,
.menu-wrapper .menu-list-social .menu-item.menu-item.menu-item:hover {
	background-color: transparent
}

.menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a .icon,
.menu-wrapper .menu-list-social .menu-item.menu-item.menu-item .icon {
	margin: 0;
	width: 1.5em;
	height: 1.5em
}

.menu-wrapper .menu-item-notify {
	width: 100%;
	padding: .5em 2em
}

.menu-wrapper .menu-item-notify .content {
	font-size: .8em;
	font-weight: 300;
	line-height: 2
}

.menu-wrapper .menu-item-notify .notif-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #05a3e8
}

.menu-wrapper .live-counts {
	position: absolute;
	top: 50%;
	left: 2.5em;
	font-size: .9em;
	font-weight: 300;
	padding: 0 .5em;
	border-radius: 3px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.menu-wrapper.menu-less .menu-show-more .icon {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.menu-wrapper.menu-more [class^=menu-item]:not(.menu-show-more) {
	display: none
}

.menu-wrapper.menu-more [class^=menu-item]:nth-child(-n+4) {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.theme-light .menu-wrapper {
	background-color: #fff
}

.theme-light .menu-wrapper:not(.footer):not(:last-child):after {
	border-bottom-color: #f5f5f9
}

.theme-light .menu-wrapper .menu-title {
	color: #df0f50
}

.theme-light .menu-wrapper.footer .menu-title {
	color: #484b62
}

.theme-light .menu-wrapper .menu-item-link>a>.icon,
.theme-light .menu-wrapper .menu-item>.icon {
	fill: #6f7285
}

.theme-light .menu-wrapper .menu-item .content,
.theme-light .menu-wrapper .menu-item-link>a .content {
	color: #484b62
}

.theme-light .menu-wrapper .menu-item .content .caption,
.theme-light .menu-wrapper .menu-item-link>a .content .caption {
	color: #6f7285
}

.theme-light .menu-wrapper .menu-item-link.menu-show-more .content {
	color: #6f7285
}

.theme-light .menu-wrapper .menu-item-link.active,
.theme-light .menu-wrapper .menu-item-link>a:active,
.theme-light .menu-wrapper .menu-item-link>a:focus,
.theme-light .menu-wrapper .menu-item-link>a:hover {
	background-color: #f5f5f9
}

.theme-light .menu-wrapper .menu-item-link.active .icon {
	fill: #df0f50
}

.theme-light .menu-wrapper .menu-list-pages:after {
	border-left-color: #f5f5f9
}

.theme-light .menu-wrapper .menu-list-pages .menu-item-link .content,
.theme-light .menu-wrapper .menu-list-pages .menu-item-link>a .content {
	color: #6f7285
}

.theme-light .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a:hover .icon,
.theme-light .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item:hover .icon {
	fill: #df0f50
}

.theme-light .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a .icon,
.theme-light .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item .icon {
	fill: #d3d6e0
}

.theme-light .menu-wrapper .menu-item-notify .content {
	color: #6f7285
}

.theme-light .menu-wrapper .menu-item-notify .notif-link {
	color: #05a3e8
}

.theme-light .menu-wrapper .live-counts {
	color: #fff;
	background-color: #6f7285
}

.theme-dark .menu-wrapper {
	background-color: #292a33
}

.theme-dark .menu-wrapper:not(.footer):not(:last-child):after {
	border-bottom-color: #292a33
}

.theme-dark .menu-wrapper .menu-title {
	color: #df0f50
}

.theme-dark .menu-wrapper.footer .menu-title {
	color: #f5f5f9
}

.theme-dark .menu-wrapper .menu-item-link>a>.icon,
.theme-dark .menu-wrapper .menu-item>.icon {
	fill: #6f7285
}

.theme-dark .menu-wrapper .menu-item .content,
.theme-dark .menu-wrapper .menu-item-link>a .content {
	color: #d3d6e0
}

.theme-dark .menu-wrapper .menu-item .content .caption,
.theme-dark .menu-wrapper .menu-item-link>a .content .caption {
	color: #6f7285
}

.theme-dark .menu-wrapper .menu-item-link.menu-show-more .content {
	color: #6f7285
}

.theme-dark .menu-wrapper .menu-item-link.active,
.theme-dark .menu-wrapper .menu-item-link>a:active,
.theme-dark .menu-wrapper .menu-item-link>a:focus,
.theme-dark .menu-wrapper .menu-item-link>a:hover {
	background-color: #212226
}

.theme-dark .menu-wrapper .menu-item-link.active .icon {
	fill: #df0f50
}

.theme-dark .menu-wrapper .menu-list-pages:after {
	border-left-color: #292a33
}

.theme-dark .menu-wrapper .menu-list-pages .menu-item-link .content,
.theme-dark .menu-wrapper .menu-list-pages .menu-item-link>a .content {
	color: #d3d6e0
}

.theme-dark .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a:hover .icon,
.theme-dark .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item:hover .icon {
	fill: #df0f50
}

.theme-dark .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link>a .icon,
.theme-dark .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item .icon {
	fill: #d3d6e0
}

.theme-dark .menu-wrapper .menu-item-notify .content {
	color: #d3d6e0
}

.theme-dark .menu-wrapper .menu-item-notify .notif-link {
	color: #05a3e8
}

.theme-dark .menu-wrapper .live-counts {
	color: #d3d6e0;
	background-color: #484b62
}

.input.ltr {
	direction: ltr
}

.input.placeholder-right::-webkit-input-placeholder {
	direction: rtl
}

.input.placeholder-right:-ms-input-placeholder {
	direction: rtl
}

.input.placeholder-right::-ms-input-placeholder {
	direction: rtl
}

.input.placeholder-right::placeholder {
	direction: rtl
}

.input.placeholder-left::-webkit-input-placeholder {
	direction: ltr
}

.input.placeholder-left:-ms-input-placeholder {
	direction: ltr
}

.input.placeholder-left::-ms-input-placeholder {
	direction: ltr
}

.input.placeholder-left::placeholder {
	direction: ltr
}

.en-input {
	text-align: left;
	font-family: Lato;
	direction: ltr
}

.en-input input {
	text-align: left
}

.input-text,
.input-textarea {
	position: relative;
	font-size: 1em;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.input-text .icon,
.input-textarea .icon {
	position: relative;
	z-index: 1;
	width: 2.2em;
	height: 1.2em
}

.input-text .icon:last-child,
.input-textarea .icon:last-child {
	padding-left: 1em
}

.input-text .icon:first-child,
.input-textarea .icon:first-child {
	padding-right: 1em
}

.input-text .input-inner,
.input-textarea .input-inner {
	width: 100%
}

.input-text .input,
.input-text .textarea,
.input-textarea .input,
.input-textarea .textarea {
	position: relative;
	z-index: 1;
	width: 100%;
	font-family: IRANSans, "Open Sans", sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 40px;
	padding: 0 1em;
	border: none;
	background: 0 0;
	outline: 0
}

.input-text .input::-webkit-input-placeholder,
.input-text .textarea::-webkit-input-placeholder,
.input-textarea .input::-webkit-input-placeholder,
.input-textarea .textarea::-webkit-input-placeholder {
	font-size: .85em
}

.input-text .input:-ms-input-placeholder,
.input-text .textarea:-ms-input-placeholder,
.input-textarea .input:-ms-input-placeholder,
.input-textarea .textarea:-ms-input-placeholder {
	font-size: .85em
}

.input-text .input::-ms-input-placeholder,
.input-text .textarea::-ms-input-placeholder,
.input-textarea .input::-ms-input-placeholder,
.input-textarea .textarea::-ms-input-placeholder {
	font-size: .85em
}

.input-text .input::placeholder,
.input-text .textarea::placeholder,
.input-textarea .input::placeholder,
.input-textarea .textarea::placeholder {
	font-size: .85em
}

.input-text span.input,
.input-textarea span.input {
	display: inline-block
}

.input-text .input-box,
.input-textarea .input-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	border: 1px solid;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: text
}

.input-text .input-box.input-round,
.input-textarea .input-box.input-round {
	border-radius: 25px
}

.input-text .input-box:not(.input-round),
.input-textarea .input-box:not(.input-round) {
	border-radius: 5px
}

.input-text .input.invalid~.input-box,
.input-text.invalid .input-box,
.input-textarea .input.invalid~.input-box,
.input-textarea.invalid .input-box {
	border: 1px solid #df0f50
}

.input-text.white-input input,
.input-textarea.white-input input {
	border-radius: 3px;
	border: solid 1px #d3d6e0;
	background-color: #fff
}

.input-text.white-input input:focus,
.input-text.white-input input:hover,
.input-textarea.white-input input:focus,
.input-textarea.white-input input:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.input-text.white-input input:not(readonly):hover~.input-box,
.input-textarea.white-input input:not(readonly):hover~.input-box {
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.input-text.white-input input:focus,
.input-textarea.white-input input:focus {
	border-color: #484b62
}

.input-text .pass {
	font-size: 10px
}

.input-text .input-domain {
	position: relative;
	display: block;
	direction: ltr;
	float: left;
	font-size: .95em;
	line-height: 39px;
	color: #6f7285;
	padding: 1px 0 0 1em;
	z-index: 1
}

.input-text .input-domain~.input {
	width: 40%;
	float: left;
	padding-left: .25em
}

.input-textarea .textarea {
	min-height: 100px;
	line-height: 2;
	padding: .5em 1em;
	resize: none
}

.input-select {
	width: 100%
}

.input-select.no-search .ss-search {
	display: none
}

.input-select select {
	position: relative;
	z-index: 1;
	width: 100%;
	font-family: IRANSans, "Open Sans", sans-serif;
	font-size: .9em;
	color: #484b62;
	height: 40px;
	border: none;
	outline: 0;
	background-color: #f5f5f9
}

.input-select select:active,
.input-select select:focus,
.input-select select:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.input-dropdown {
	width: 100%
}

.input-dropdown button {
	position: relative;
	z-index: 1;
	width: 100%;
	font-family: IRANSans, "Open Sans", sans-serif;
	font-size: 1em;
	height: 40px;
	border: none;
	outline: 0;
	background-color: #f5f5f9
}

.input-dropdown button:active,
.input-dropdown button:focus,
.input-dropdown button:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.input-dropdown .dropdown-input button .icon {
	pointer-events: none
}

.input-dropdown .dropdown-input button .drop_text {
	pointer-events: none
}

.input-dropdown .drop-content {
	display: none;
	position: absolute;
	background-color: #f5f5f9;
	min-width: 100%;
	overflow: auto;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
	z-index: 2
}

.input-dropdown .drop-content .drop-option {
	padding: 10px
}

.input-dropdown .drop-content.show {
	display: block
}

.input-dropdown .drop-content .hidden {
	display: none
}

.input-dropdown .drop-content.has-search {
	padding: 4px
}

.input-dropdown .drop-option {
	padding: 10px 0;
	display: block
}

.input-dropdown.white-input button.drop-btn {
	border-radius: 3px;
	border: solid 1px #d3d6e0;
	background-color: #fff
}

.input-dropdown.white-input button.drop-btn:focus,
.input-dropdown.white-input button.drop-btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.input-dropdown.white-input button.drop-btn:focus {
	border-color: #484b62
}

.input-dropdown.white-input .drop-content {
	background-color: #fff;
	border-radius: 3px;
	border: solid 1px #d3d6e0;
	margin-top: .3em;
	-webkit-box-shadow: none;
	box-shadow: none
}

.input-dropdown.white-input .drop-option:hover {
	background-color: #f5f5f9
}

.input-dropdown.white-input .drop-search {
	width: 100%;
	padding: 7px;
	border-radius: 3px;
	border: 1px solid #d3d6e0;
	outline: 0
}

.input-textarea.white-input textarea {
	border-radius: 3px;
	border: solid 1px #d3d6e0;
	background-color: #fff
}

.input-textarea.white-input textarea:focus,
.input-textarea.white-input textarea:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.input-textarea.white-input textarea:focus {
	border-color: #484b62
}

.input-checkbox,
.input-radio,
.input-switch {
	width: 100%;
	font-size: 1em;
	font-weight: 300
}

.input-checkbox:not(:last-child),
.input-radio:not(:last-child),
.input-switch:not(:last-child) {
	margin-bottom: .5em
}

.input-checkbox .input-label,
.input-radio .input-label,
.input-switch .input-label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	padding-right: 2em;
	font-size: 1em;
	color: #292a33;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1
}

.input-checkbox .input-inner,
.input-radio .input-inner,
.input-switch .input-inner {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: .25em 0
}

.input-checkbox .input-inner .input,
.input-radio .input-inner .input,
.input-switch .input-inner .input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0
}

.input-checkbox .input-inner.rtl_switch .input-label,
.input-radio .input-inner.rtl_switch .input-label,
.input-switch .input-inner.rtl_switch .input-label {
	padding-right: 0
}

.input-checkbox .input-inner.rtl_switch .input-check,
.input-radio .input-inner.rtl_switch .input-check,
.input-switch .input-inner.rtl_switch .input-check {
	left: 0
}

.input-checkbox .input-check,
.input-radio .input-check {
	position: absolute;
	width: 18px;
	height: 18px;
	text-align: center
}

.input-checkbox .input-check:after,
.input-radio .input-check:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.input-checkbox .input~.input-check:after,
.input-radio .input~.input-check:after {
	content: "";
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.input-radio .input-check {
	border-radius: 50%;
	border: 1px solid
}

.input-radio .input-check:after {
	border-radius: 50%;
	background-color: #6f7285
}

.input-radio .input:checked~.input-check:after {
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.input-radio .input-check,
.input-radio.radio-gray .input-check {
	border-color: #6f7285
}

.input-radio .input-check:after,
.input-radio.radio-gray .input-check:after {
	background-color: #6f7285
}

.input-radio.radio-theme .input-check {
	border-color: #df0f50
}

.input-radio.radio-theme .input-check:after {
	background-color: #df0f50
}

.input-radio.radio-successful .input-check {
	border-color: #0ad287
}

.input-radio.radio-successful .input-check:after {
	background-color: #0ad287
}

.input-radio.radio-info .input-check {
	border-color: #05a3e8
}

.input-radio.radio-info .input-check:after {
	background-color: #05a3e8
}

.input-checkbox .input-check {
	border-radius: 3px;
	border: 1px solid;
	-webkit-transition: backgroundd .1s ease;
	-webkit-transition: background .2s ease;
	transition: background .2s ease
}

.input-checkbox .input-check:after {
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OC44NzggNDg4Ljg3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg4Ljg3OCA0ODguODc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIxNDMuMjk0LDM0MC4wNTggNTAuODM3LDI0Ny42MDIgMCwyOTguNDM5IDEyMi4wMDksNDIwLjQ0NyAxMjIuMTQ5LDQyMC4zMDYgICAgIDE0NC40MjMsNDQyLjU4IDQ4OC44NzgsOTguMTIzIDQzNy4wNTUsNDYuMjk4ICAgIiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
	background-size: 14px
}

.input-checkbox .input:checked~.input-check:after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.input-checkbox .input-check,
.input-checkbox.checkbox-gray .input-check {
	border-color: #6f7285
}

.input-checkbox input:checked~.input-check,
.input-checkbox.checkbox-gray input:checked~.input-check {
	background-color: #6f7285
}

.input-checkbox.checkbox-theme .input-check {
	border-color: #df0f50
}

.input-checkbox.checkbox-theme input:checked~.input-check {
	background-color: #df0f50
}

.input-checkbox.checkbox-successful .input-check {
	border-color: #0ad287
}

.input-checkbox.checkbox-successful input:checked~.input-check {
	background-color: #0ad287
}

.input-checkbox.checkbox-info .input-check {
	border-color: #05a3e8
}

.input-checkbox.checkbox-info input:checked~.input-check {
	background-color: #05a3e8
}

.input-switch .input-label {
	padding-right: 4em
}

.input-switch .input-inner {
	padding: .5em .5em
}

.input-switch .input-check {
	position: absolute;
	width: 34px;
	height: 14px;
	border-radius: 50px;
	background-color: #e6e7ef;
	-webkit-transition: background-color .2s cubic-bezier(.68, .96, .67, 1.22);
	transition: background-color .2s cubic-bezier(.68, .96, .67, 1.22)
}

.input-switch .input-check:after,
.input-switch .input-check:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	-webkit-transition: -webkit-transform .2s cubic-bezier(.68, .96, .67, 1.22);
	transition: -webkit-transform .2s cubic-bezier(.68, .96, .67, 1.22);
	transition: transform .2s cubic-bezier(.68, .96, .67, 1.22);
	transition: transform .2s cubic-bezier(.68, .96, .67, 1.22), -webkit-transform .2s cubic-bezier(.68, .96, .67, 1.22)
}

.input-switch .input-check:after {
	background-color: #fbfbfc;
	-webkit-transform: translate(-5px, -50%);
	transform: translate(-5px, -50%);
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 0 4px 1px rgba(0, 0, 0, .12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 0 4px 1px rgba(0, 0, 0, .12)
}

.input-switch .input:checked~.input-check:after {
	-webkit-transform: translate(20px, -50%);
	transform: translate(20px, -50%)
}

.input-switch.switch-theme input:checked~.input-check:after {
	background-color: #df0f50
}

.input-switch.switch-successful input:checked~.input-check:after {
	background-color: #0ad287
}

.input-switch.switch-info input:checked~.input-check:after {
	background-color: #05a3e8
}

.input-switch.switch-gray input:checked~.input-check:after {
	background-color: #6f7285
}

.input-file {
	width: 100%
}

.input-file .input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	outline: 0
}

.input-file .input-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.input-file .button.remove-cropped-img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.input-file .icon-edit {
	font-size: 1.5em;
	fill: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease
}

.input-file.input-default .input-box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0 .5em;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #d3d6e0
}

.input-file.input-default .select,
.input-file.input-default .selected {
	color: #6f7285;
	cursor: pointer
}

.input-file.input-default .delete,
.input-file.input-default .select {
	position: relative;
	font-family: IRANSans, "Open Sans", sans-serif;
	font-size: .7em;
	line-height: 2.2em;
	white-space: nowrap;
	padding: 0 1em;
	outline: 0;
	border-radius: 5px;
	border: 1px solid #d3d6e0;
	background: #fff;
	-webkit-transition: color .2s ease, background .2s ease, border .2s ease;
	transition: color .2s ease, background .2s ease, border .2s ease
}

.input-file.input-default .delete {
	float: right;
	color: #6f7285
}

.input-file.input-default .delete:hover {
	color: #fff;
	border-color: #df0f50;
	background-color: #df0f50
}

.input-file.input-default .selected {
	width: 100%;
	font-family: "Open Sans", sans-serif;
	font-size: .9em;
	padding-left: .75em;
	direction: ltr;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.input-file.input-default:hover .select {
	color: #fff;
	border-color: #05a3e8;
	background-color: #05a3e8
}

.input-file.input-cropper .input-box {
	min-height: 120px;
	padding: 1em;
	border-radius: 5px;
	border: 2px dashed #f5f5f9
}

.input-file.input-cropper .input-box .file-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.input-file.input-cropper .input-box .icon-pic {
	position: absolute;
	bottom: 0;
	left: .25em;
	font-size: 2em;
	fill: #fff
}

.input-file.input-cropper .input-box .file-name,
.input-file.input-cropper .input-box .file-type {
	position: relative;
	z-index: 1
}

.input-file.input-cropper .input-box .file-type {
	min-width: 3em;
	min-height: 3em;
	border-radius: 5px;
	background-color: #6f7285;
	overflow: hidden
}

.input-file.input-cropper .input-box .file-type[data-type]:after {
	content: attr(data-type);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 1em;
	color: #fff;
	background-color: #0ad287;
	direction: ltr;
	text-transform: uppercase
}

.input-file.input-cropper .input-box .file-type.not-valid:after {
	background-color: #ff4242
}

.input-file.input-cropper .input-box .file-name {
	display: inline-block;
	width: 90%;
	font-family: "Open Sans", IRANSans, sans-serif;
	font-size: .85em;
	font-weight: 300;
	color: #6f7285;
	margin-top: 1em;
	text-align: center
}

.input-file.input-cropper .input-box .file-name .selected-file {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: ltr
}

.input-file.input-cropper .input-box .file-name:empty[data-default]:after {
	content: attr(data-default)
}

.input-file.input-cropper .input-box.has-value {
	border: none
}

.input-file.input-cropper .input-box.has-value:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0;
	border-radius: 5px;
	background-color: rgba(41, 42, 51, .6);
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease
}

.input-file.input-cropper .input-box.has-value:hover .icon-edit,
.input-file.input-cropper .input-box.has-value:hover:after {
	opacity: 1
}

.input-file.input-cropper .input-box.cropper-has-image {
	border-width: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.input-file.input-cropper .input-box.cropper-has-image .file-name,
.input-file.input-cropper .input-box.cropper-has-image .file-type {
	display: none
}

.input-file.input-detailside {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.input-file.input-detailside.has-file .input-box .icon {
	display: none
}

.input-file.input-detailside:not(.has-file) .remove-selected-file {
	display: none
}

.input-file.input-detailside .input-inner {
	width: 180px
}

.input-file.input-detailside .input-box {
	min-width: 120px;
	min-height: 120px;
	padding: 1em;
	border-radius: 5px;
	border: 2px dashed #e6e7ef;
	background-color: #f5f5f9;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%
}

.input-file.input-detailside .input-box .icon {
	fill: #e6e7ef;
	font-size: 4em;
	width: 1em;
	height: 1em
}

.input-file.input-detailside .input-details {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 2em
}

.input-file.input-detailside .placeholder {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: .9em;
	font-weight: 300;
	color: #6f7285;
	line-height: 1.8em
}

.input-file.input-detailside .placeholder~.remove-selected-file {
	margin-top: 2.5em
}

.input-file.input-detailside .remove-selected-file {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.input-color {
	width: 100%
}

.input-color .input-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.5em 0;
	border: 1px solid #f5f5f9;
	border-radius: 5px
}

.input-color .input-box>div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.input-color .input-box .input[type=color] {
	min-width: 50px;
	width: 100%;
	height: 34px;
	padding: 0;
	border: 1px solid #fbfbfc;
	border-radius: 3px;
	-webkit-appearance: none;
	overflow: hidden
}

.input-color .input-box .input[type=color]::-webkit-color-swatch-wrapper {
	padding: 0
}

.input-color .input-box .input[type=color]::-webkit-color-swatch {
	border: none
}

.input-color .input-box .selected-color {
	position: relative
}

.input-color .input-box .selected-color:before {
	content: attr(data-color);
	position: absolute;
	height: 100%;
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	direction: ltr;
	text-transform: uppercase;
	font-family: sans-serif;
	color: #484b62
}

.input-color .input-box .default-colors {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 2em
}

.input-color .input-box .default-colors>span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	cursor: pointer
}

.input-color .input-box .default-colors>span:not(:last-child) {
	margin-left: .5em
}

.input-color .input-box .icon-colorpicker {
	font-size: 2em;
	cursor: pointer
}

@media (max-width:480px) {
	.input-color .input-box {
		font-size: 12px
	}
}

.input-time {
	width: 100%
}

.input-time>div {
	display: inline-block
}

.input-time>div:not(:last-child):after {
	content: ":";
	display: inline-block;
	vertical-align: middle;
	color: #bfbfbf
}

.input-time .input {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	font-size: 1em;
	font-family: IRANSans, "Open Sans", sans-serif;
	color: #484b62;
	text-align: center;
	border: 1px solid #e6e7ef;
	border-radius: 3px;
	outline: 0
}

:not(.theme-dark) .box-hover,
:not(.theme-dark) .input-text .input-box:hover,
:not(.theme-dark) .input-text .input:not([readonly]):active~.input-box,
:not(.theme-dark) .input-text .input:not([readonly]):focus~.input-box,
:not(.theme-dark) .input-text .input:not([readonly]):hover~.input-box,
:not(.theme-dark) .input-text .textarea:not([readonly]):active~.input-box,
:not(.theme-dark) .input-text .textarea:not([readonly]):focus~.input-box,
:not(.theme-dark) .input-text .textarea:not([readonly]):hover~.input-box,
:not(.theme-dark) .input-textarea .input-box:hover,
:not(.theme-dark) .input-textarea .input:not([readonly]):active~.input-box,
:not(.theme-dark) .input-textarea .input:not([readonly]):focus~.input-box,
:not(.theme-dark) .input-textarea .input:not([readonly]):hover~.input-box,
:not(.theme-dark) .input-textarea .textarea:not([readonly]):active~.input-box,
:not(.theme-dark) .input-textarea .textarea:not([readonly]):focus~.input-box,
:not(.theme-dark) .input-textarea .textarea:not([readonly]):hover~.input-box {
	border-color: #6f7285;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

:not(.theme-dark) .input-text .icon,
:not(.theme-dark) .input-textarea .icon {
	fill: #6f7285
}

:not(.theme-dark) .input-text .input,
:not(.theme-dark) .input-text .textarea,
:not(.theme-dark) .input-textarea .input,
:not(.theme-dark) .input-textarea .textarea {
	color: #292a33
}

:not(.theme-dark) .input-text .input::-webkit-input-placeholder,
:not(.theme-dark) .input-text .input[readonly],
:not(.theme-dark) .input-text .textarea::-webkit-input-placeholder,
:not(.theme-dark) .input-text .textarea[readonly],
:not(.theme-dark) .input-textarea .input::-webkit-input-placeholder,
:not(.theme-dark) .input-textarea .input[readonly],
:not(.theme-dark) .input-textarea .textarea::-webkit-input-placeholder,
:not(.theme-dark) .input-textarea .textarea[readonly] {
	color: #6f7285
}

:not(.theme-dark) .input-text .input:-ms-input-placeholder,
:not(.theme-dark) .input-text .input[readonly],
:not(.theme-dark) .input-text .textarea:-ms-input-placeholder,
:not(.theme-dark) .input-text .textarea[readonly],
:not(.theme-dark) .input-textarea .input:-ms-input-placeholder,
:not(.theme-dark) .input-textarea .input[readonly],
:not(.theme-dark) .input-textarea .textarea:-ms-input-placeholder,
:not(.theme-dark) .input-textarea .textarea[readonly] {
	color: #6f7285
}

:not(.theme-dark) .input-text .input::-ms-input-placeholder,
:not(.theme-dark) .input-text .input[readonly],
:not(.theme-dark) .input-text .textarea::-ms-input-placeholder,
:not(.theme-dark) .input-text .textarea[readonly],
:not(.theme-dark) .input-textarea .input::-ms-input-placeholder,
:not(.theme-dark) .input-textarea .input[readonly],
:not(.theme-dark) .input-textarea .textarea::-ms-input-placeholder,
:not(.theme-dark) .input-textarea .textarea[readonly] {
	color: #6f7285
}

:not(.theme-dark) .input-text .input::placeholder,
:not(.theme-dark) .input-text .input[readonly],
:not(.theme-dark) .input-text .textarea::placeholder,
:not(.theme-dark) .input-text .textarea[readonly],
:not(.theme-dark) .input-textarea .input::placeholder,
:not(.theme-dark) .input-textarea .input[readonly],
:not(.theme-dark) .input-textarea .textarea::placeholder,
:not(.theme-dark) .input-textarea .textarea[readonly] {
	color: #6f7285
}

:not(.theme-dark) .input-text .input-box,
:not(.theme-dark) .input-textarea .input-box {
	border-color: #d3d6e0;
	background-color: #fff
}

:not(.theme-dark) .input-text .input-disabled~.input-box,
:not(.theme-dark) .input-textarea .input-disabled~.input-box {
	background-color: #f5f5f9
}

.theme-dark .input-text .icon,
.theme-dark .input-textarea .icon {
	fill: #6f7285
}

.theme-dark .input-text .input,
.theme-dark .input-text .textarea,
.theme-dark .input-textarea .input,
.theme-dark .input-textarea .textarea {
	color: #fbfbfc
}

.theme-dark .input-text .input::-webkit-input-placeholder,
.theme-dark .input-text .input[readonly],
.theme-dark .input-text .textarea::-webkit-input-placeholder,
.theme-dark .input-text .textarea[readonly],
.theme-dark .input-textarea .input::-webkit-input-placeholder,
.theme-dark .input-textarea .input[readonly],
.theme-dark .input-textarea .textarea::-webkit-input-placeholder,
.theme-dark .input-textarea .textarea[readonly] {
	color: #6f7285
}

.theme-dark .input-text .input:-ms-input-placeholder,
.theme-dark .input-text .input[readonly],
.theme-dark .input-text .textarea:-ms-input-placeholder,
.theme-dark .input-text .textarea[readonly],
.theme-dark .input-textarea .input:-ms-input-placeholder,
.theme-dark .input-textarea .input[readonly],
.theme-dark .input-textarea .textarea:-ms-input-placeholder,
.theme-dark .input-textarea .textarea[readonly] {
	color: #6f7285
}

.theme-dark .input-text .input::-ms-input-placeholder,
.theme-dark .input-text .input[readonly],
.theme-dark .input-text .textarea::-ms-input-placeholder,
.theme-dark .input-text .textarea[readonly],
.theme-dark .input-textarea .input::-ms-input-placeholder,
.theme-dark .input-textarea .input[readonly],
.theme-dark .input-textarea .textarea::-ms-input-placeholder,
.theme-dark .input-textarea .textarea[readonly] {
	color: #6f7285
}

.theme-dark .input-text .input::placeholder,
.theme-dark .input-text .input[readonly],
.theme-dark .input-text .textarea::placeholder,
.theme-dark .input-text .textarea[readonly],
.theme-dark .input-textarea .input::placeholder,
.theme-dark .input-textarea .input[readonly],
.theme-dark .input-textarea .textarea::placeholder,
.theme-dark .input-textarea .textarea[readonly] {
	color: #6f7285
}

.theme-dark .input-text .input:not([readonly]):active~.input-box,
.theme-dark .input-text .input:not([readonly]):focus~.input-box,
.theme-dark .input-text .input:not([readonly]):hover~.input-box,
.theme-dark .input-text .textarea:not([readonly]):active~.input-box,
.theme-dark .input-text .textarea:not([readonly]):focus~.input-box,
.theme-dark .input-text .textarea:not([readonly]):hover~.input-box,
.theme-dark .input-textarea .input:not([readonly]):active~.input-box,
.theme-dark .input-textarea .input:not([readonly]):focus~.input-box,
.theme-dark .input-textarea .input:not([readonly]):hover~.input-box,
.theme-dark .input-textarea .textarea:not([readonly]):active~.input-box,
.theme-dark .input-textarea .textarea:not([readonly]):focus~.input-box,
.theme-dark .input-textarea .textarea:not([readonly]):hover~.input-box {
	border-color: transparent;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
	background-color: #393a41
}

.theme-dark .input-text .input-box.input-box,
.theme-dark .input-textarea .input-box.input-box {
	border-color: #212226;
	background-color: #212226
}

.theme-dark .input-text .input-disabled~.input-box.input-box,
.theme-dark .input-textarea .input-disabled~.input-box.input-box {
	background-color: #16171a
}

.message-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 30vw;
	max-width: 95%;
	position: fixed;
	bottom: 2.5%;
	left: 2.5%;
	z-index: 20
}

.message-box .message,
.message-box .remove,
.message-box .text {
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.message-box .remove {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.5em;
	height: 1.5em;
	width: 1.5em;
	padding: .3em;
	position: absolute;
	top: 50%;
	right: .5em;
	z-index: 1;
	border-radius: 50px;
	background-color: rgba(0, 0, 0, .03);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.message-box .remove .icon {
	fill: #fff
}

.message-box .message {
	position: relative;
	overflow: hidden;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: 4em;
	font-size: .95em;
	padding: 0 4.5em 0 2em;
	margin-bottom: 1em;
	border-radius: 50px;
	background-color: #5d627b;
	color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0;
	box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0
}

.message-box .message-info {
	background-color: #05a3e8
}

.message-box .message-successful {
	background-color: #0ad287
}

.message-box .message-warning {
	background-color: #eace3b
}

.message-box .message-danger {
	background-color: #ff4242
}

.message-box .message-pop {
	width: 2em;
	height: 2em;
	padding: 0;
	margin-bottom: 2em
}

.message-box .message-hidden .remove,
.message-box .message-hidden .text {
	opacity: 0
}

.message-box .message:hover .remove {
	width: 100%;
	height: 100%;
	right: 0
}

.message-box .message:hover .text {
	color: transparent
}

.pop-message {
	position: fixed;
	top: 50%;
	left: 50%;
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	padding: 1em 2em;
	border-radius: 5px;
	background-color: rgba(41, 42, 51, .9);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 21
}



.theme-light .modal .modal-close {
	background-color: #fff
}

.theme-light .modal .modal-title {
	color: #484b62;
	border-bottom: 1px solid #f5f5f9;
	text-align: right;
	direction: rtl;
	width: 100%;
}

.theme-light .modal .modal-caption {
	color: #6f7285
}

.theme-light .modal:not(.modal-fit) .modal-content {
	background-color: #fff
}

.theme-light .modal.modal-fit {
	border-top: 1px solid #f5f5f9;
	background-color: #fff
}

.theme-light .modal.modal-fit .modal-close {
	background-color: #fff
}

.theme-light .modal.single-modal .modal-content {
	background-color: #fff
}

.theme-light .modal.modal-cropper .cropper-controls {
	background-color: #fff
}

.theme-light .modal.modal-confirm .confirmation>.icon {
	fill: #292a33
}

.theme-light .modal.modal-confirm .confirmation>.title {
	color: #484b62
}

.theme-light .modal.modal-confirm .confirmation>.caption {
	color: #6f7285
}

.theme-dark .modal .modal-close {
	background-color: #292a33
}

.theme-dark .modal .modal-title {
	color: #f5f5f9;
	border-bottom: 1px solid #212226
}

.theme-dark .modal .modal-content {
	color: #fff
}

.theme-dark .modal .modal-caption {
	color: #6f7285
}

.theme-dark .modal:not(.modal-fit) .modal-content {
	color: #fff;
	background-color: #292a33
}

.theme-dark .modal.modal-fit {
	border-top: 1px solid #292a33;
	background-color: #292a33
}

.theme-dark .modal.modal-fit .modal-close {
	background-color: #292a33
}

.theme-dark .modal.single-modal .modal-content {
	background-color: #292a33
}

.theme-dark .modal.modal-cropper .cropper-controls {
	background-color: #292a33
}

.theme-dark .modal.modal-confirm .confirmation>.icon {
	fill: #f5f5f9
}

.theme-dark .modal.modal-confirm .confirmation>.title {
	color: #f5f5f9
}

.theme-dark .modal.modal-confirm .confirmation>.caption {
	color: #6f7285
}

.ad-box {
	display: block;
	float: left;
	width: 420px;
	padding: 33px 40px;
	margin: 0 6px 47.1px 2px;
	border-radius: 3px;
	background-color: #fbfbfc
}

@media (max-width:1137px) {
	.ad-box {
		display: none
	}
}

.ad-box .ad--wrapper {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	z-index: 3;
	text-align: center
}

.ad-box .ad--list {
	display: inline-block;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0
}

.ad-box .ad--list li {
	margin-bottom: 25px;
	list-style: none
}

.ad-box .ad--list li:last-child {
	margin-bottom: 0
}

.ad-box .ad--zone {
	width: 300px;
	max-width: 100%
}

.ad-box .ad--iframe {
	position: relative
}

.ad-box iframe {
	-webkit-transform: none;
	transform: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ad-box-search {
	padding: 1em .75em;
	margin-top: 1em
}

.ad-box-search .sabavision-adbox {
	max-width: 800px;
	margin: 0 auto
}

@media (max-width:740px) {
	.ad-box-search {
		display: none
	}
}

@media (min-width:242px) {
	.sabavision-adbox {
		width: 100%;
		padding: 0 14px
	}
}

@media (min-width:456px) {
	.sabavision-adbox {
		width: 456px;
		padding: 0 14px
	}
}

@media (min-width:670px) {
	.sabavision-adbox {
		width: 670px;
		padding: 0 14px
	}
}

@media (min-width:884px) {
	.sabavision-adbox {
		width: 884px;
		padding: 0 14px
	}
}

@media (min-width:1138px) {
	.main:not([data-sidebar]) .sabavision-adbox {
		width: 1098px;
		padding: 0 14px
	}
	.main[data-sidebar] .sabavision-adbox {
		width: 884px;
		padding: 0 14px
	}
	.main[data-so]:not([data-sidebar]) .sabavision-adbox,
	.main[data-so][data-sidebar] .sabavision-adbox {
		width: 1098px;
		padding: 0 14px
	}
}

@media (min-width:1352px) {
	.main:not([data-sidebar]) .sabavision-adbox {
		width: 1312px;
		padding: 0 14px
	}
	.main[data-sidebar] .sabavision-adbox {
		width: 1098px;
		padding: 0 14px
	}
	.main[data-so]:not([data-sidebar]) .sabavision-adbox,
	.main[data-so][data-sidebar] .sabavision-adbox {
		width: 1312px;
		padding: 0 14px
	}
}

@media (min-width:1592px) {
	.main.main .sabavision-adbox {
		width: 1312px;
		padding: 0 14px
	}
}

[class^=thumbnail] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1em
}

@media (max-width:883px) {
	[class^=thumbnail] {
		font-size: .95em
	}
}

@media (max-width:669px) {
	[class^=thumbnail] {
		font-size: .95em
	}
}

[class^=thumbnail] .dash:after {
	display: inline-block;
	content: '-';
	font-size: 1.2em;
	margin: 0 3px
}

[class^=thumbnail] .duration {
	font-size: .95em;
	font-weight: 400;
	line-height: 1.5;
	padding: 0 .3em;
	letter-spacing: .5px;
	border-radius: 3px
}

[class^=thumbnail] .badge-draft {
	float: left;
	padding: .25em .5em;
	margin-top: -.25em;
	color: #05a3e8;
	background-color: #e9f8ff;
	border-radius: 3px
}

[class^=thumbnail] .badge-hd {
	line-height: 0;
	margin-left: .5em
}

[class^=thumbnail] .badge-hd svg {
	width: 1.4em;
	height: 1.32em
}

[class^=thumbnail] .badge-play {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1
}

[class^=thumbnail] .badge-play .icon {
	width: 1.5em;
	height: 1.5em
}

[class^=thumbnail] .watched-time {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	height: 4px
}

[class^=thumbnail] .watched-time .percent {
	display: block;
	float: left;
	height: 100%
}

[class^=thumbnail] .tools {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 1em;
	padding: .5em;
	z-index: 2
}

[class^=thumbnail] .preview {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 101%;
	height: 101%;
	background-color: #000;
	z-index: 1
}

[class^=thumbnail] .preview-play {
	font-size: 2.5em;
	fill: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: .6
}

[class^=thumbnail] .thumb-title {
	font-size: 1em;
	margin: 0 0 .65em 0;
	padding: 0
}

[class^=thumbnail] .thumb-title>a {
	display: -webkit-box;
	font-size: .86em;
	font-weight: 400;
	line-height: 1.8em;
	max-height: 3.8em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-decoration: none;
	white-space: normal;
	overflow-wrap: break-word;
	overflow: hidden
}

[class^=thumbnail] .thumb-channel,
[class^=thumbnail] .thumb-view-date {
	font-size: .8em;
	font-weight: 300;
	line-height: 2
}

[class^=thumbnail] .thumb-view-date .icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.1em
}

[class^=thumbnail] .thumb-channel .channel-name {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[class^=thumbnail] .thumb-channel [class^=priority-] {
	font-size: 1em
}

[class^=thumbnail] .thumb-wrapper {
	width: 100%;
	position: relative;
	overflow: hidden
}

[class^=thumbnail] .thumb-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0
}

[class^=thumbnail] .thumb-wrapper:after {
	display: block;
	content: '';
	padding-top: 57%
}

[class^=thumbnail] .thumb-wrapper>a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

[class^=thumbnail] .thumb-wrapper:hover .badge-play {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

[class^=thumbnail] .thumb-details {
	position: relative
}

[class^=thumbnail].thumbnail-highlight .thumb-wrapper .badge-play {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.thumbnail-live:not(.thumbnail-detailside),
.thumbnail-playlist:not(.thumbnail-detailside),
.thumbnail-story:not(.thumbnail-detailside),
.thumbnail-video:not(.thumbnail-detailside) {
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.thumbnail-live:not(.thumbnail-detailside) .thumb-details,
.thumbnail-playlist:not(.thumbnail-detailside) .thumb-details,
.thumbnail-story:not(.thumbnail-detailside) .thumb-details,
.thumbnail-video:not(.thumbnail-detailside) .thumb-details {
	max-width: 95%;
	padding-top: .75em
}

.thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-view-date,
.thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-view-date,
.thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-view-date,
.thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-view-date {
	display: block
}

.thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-channel,
.thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-channel {
	margin-bottom: .5em
}

.thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name,
.thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name,
.thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name,
.thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name {
	max-width: 60%
}

.thumbnail-live:not(.thumbnail-detailside) .thumb-desc,
.thumbnail-playlist:not(.thumbnail-detailside) .thumb-desc,
.thumbnail-story:not(.thumbnail-detailside) .thumb-desc,
.thumbnail-video:not(.thumbnail-detailside) .thumb-desc {
	display: none
}

.thumbnail-live .live-sign {
	display: inline-block;
	position: absolute;
	top: .5em;
	left: .5em;
	padding: 4px 8px;
	line-height: 0;
	text-align: center;
	border-radius: 2px;
	background-color: #16171a
}

.thumbnail-live .live-sign .blink {
	display: inline-block;
	width: 10px;
	height: 10px;
	line-height: 0;
	border-radius: 25px;
	background-color: #df0f50;
	-webkit-animation-name: liveBlink;
	animation-name: liveBlink;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@-webkit-keyframes liveBlink {
	50%,
	from,
	to {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes liveBlink {
	50%,
	from,
	to {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after,
[class^=thumbnail-] .dot {
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	margin: 0 .5em
}

.thumbnail-detailside {
	max-width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 800px
}

.thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after {
	content: ''
}

.thumbnail-detailside .thumb-wrapper {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.thumbnail-detailside .thumb-details {
	max-width: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: .25em 1em
}

.thumbnail-detailside .thumb-details .thumb-title {
	font-size: 1.2em;
	margin-bottom: .25em
}

.thumbnail-detailside .thumb-details .thumb-channel,
.thumbnail-detailside .thumb-details .thumb-view-date {
	display: inline-block
}

.thumbnail-detailside .thumb-details .thumb-view-date {
	margin-top: 0px
}

.thumbnail-detailside .thumb-details .thumb-channel {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 90%
}

.thumbnail-detailside .thumb-details .thumb-channel.has-priority {
	margin-left: .5em
}

.thumbnail-detailside .thumb-desc {
	overflow: hidden;
	max-height: 3.6em;
	margin-top: .5em
}

.thumbnail-detailside.thumbnail-small .thumb-wrapper {
	width: 170px;
	height: 96.9px
}

.thumbnail-detailside.thumbnail-small .thumb-details {
	width: calc(100% - 170px)
}

.thumbnail-detailside.thumbnail-small .thumb-details .thumb-title {
	font-size: 1em
}

@media (max-width:883px) {
	.thumbnail-detailside .thumb-wrapper {
		width: 200px;
		height: 114px
	}
	.thumbnail-detailside .thumb-details {
		width: calc(100% - 200px)
	}
}

@media (max-width:669px) {
	.thumbnail-detailside .thumb-wrapper {
		width: 137.5px;
		height: 78.375px
	}
	.thumbnail-detailside .thumb-details {
		width: calc(100% - 137.5px)
	}
	.thumbnail-detailside .thumb-details .thumb-title {
		font-size: 1.1em
	}
	.thumbnail-detailside .thumb-details .thumb-title>a {
		display: block;
		max-width: 95%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (min-width:884px) {
	.thumbnail-detailside .thumb-wrapper {
		width: 250px;
		height: 142.5px
	}
	.thumbnail-detailside .thumb-details {
		width: calc(100% - 250px)
	}
}

.thumbnail-channel {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	padding: 1em
}

.thumbnail-channel .avatar .picture {
	width: 7em;
	height: 7em
}

.thumbnail-channel .details {
	text-align: center;
	margin-top: .75em
}

.thumbnail-channel .title {
	font-size: .9em;
	max-height: 3.2em;
	overflow: hidden
}

.thumbnail-channel .priority-brand {
	line-height: 1
}

.thumbnail-channel .name {
	font-size: 1em;
	font-weight: 400;
	color: #484b62;
	word-break: break-word
}

.thumbnail-channel .followers {
	display: inline-block;
	font-size: .8em;
	font-weight: 300;
	color: #6f7285;
	margin-top: .5em
}

.thumbnail-channel [class*=follow-button] {
	position: absolute;
	bottom: 0;
	width: 80%;
	max-width: 120px
}

.dashboard .thumbnail-channel {
	min-height: 215px;
	padding: 0 0 2.5em 0
}

.theme-light .thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after,
.theme-light [class^=thumbnail-] .dot {
	background: #6f7285
}

.theme-light .thumbnail-live .duration,
.theme-light .thumbnail-playlist .duration,
.theme-light .thumbnail-story .duration,
.theme-light .thumbnail-video .duration {
	color: #fff;
	background-color: rgba(0, 0, 0, .7)
}

.theme-light .thumbnail-live .watched-time,
.theme-light .thumbnail-playlist .watched-time,
.theme-light .thumbnail-story .watched-time,
.theme-light .thumbnail-video .watched-time {
	background-color: #d3d6e0
}

.theme-light .thumbnail-live .watched-time .percent,
.theme-light .thumbnail-playlist .watched-time .percent,
.theme-light .thumbnail-story .watched-time .percent,
.theme-light .thumbnail-video .watched-time .percent {
	background-color: #df0f50
}

.theme-light .thumbnail-live .badge-play .icon,
.theme-light .thumbnail-playlist .badge-play .icon,
.theme-light .thumbnail-story .badge-play .icon,
.theme-light .thumbnail-video .badge-play .icon {
	fill: #fff
}

.theme-light .thumbnail-live .thumb-title>a,
.theme-light .thumbnail-playlist .thumb-title>a,
.theme-light .thumbnail-story .thumb-title>a,
.theme-light .thumbnail-video .thumb-title>a {
	color: #484b62
}

.theme-light .thumbnail-live .thumb-channel,
.theme-light .thumbnail-live .thumb-view-date,
.theme-light .thumbnail-playlist .thumb-channel,
.theme-light .thumbnail-playlist .thumb-view-date,
.theme-light .thumbnail-story .thumb-channel,
.theme-light .thumbnail-story .thumb-view-date,
.theme-light .thumbnail-video .thumb-channel,
.theme-light .thumbnail-video .thumb-view-date {
	color: #6f7285
}

.theme-light .thumbnail-live .thumb-view-date .icon,
.theme-light .thumbnail-playlist .thumb-view-date .icon,
.theme-light .thumbnail-story .thumb-view-date .icon,
.theme-light .thumbnail-video .thumb-view-date .icon {
	fill: #6f7285
}

.theme-light .thumbnail-live .thumb-wrapper,
.theme-light .thumbnail-playlist .thumb-wrapper,
.theme-light .thumbnail-story .thumb-wrapper,
.theme-light .thumbnail-video .thumb-wrapper {
	background-color: #f5f5f9
}

.theme-light .thumbnail-live .thumb-wrapper:before,
.theme-light .thumbnail-playlist .thumb-wrapper:before,
.theme-light .thumbnail-story .thumb-wrapper:before,
.theme-light .thumbnail-video .thumb-wrapper:before {
	background: url(../../img-3h02ruuEqwuUPcBMHoFgg/logo/main/logo.svg) no-repeat center;
	background-size: 30%;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .3
}

.theme-light .thumbnail.thumbnail-highlight .badge-play {
	background-color: rgba(41, 42, 51, .6)
}

.theme-light .thumbnail-playlist .video-count {
	color: #fff;
	background-color: rgba(41, 42, 51, .8)
}

.theme-light .thumbnail-playlist .video-count .icon {
	fill: #fff
}

.theme-dark .thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after,
.theme-dark [class^=thumbnail-] .dot {
	background: #d3d6e0
}

.theme-dark .thumbnail-live .duration,
.theme-dark .thumbnail-playlist .duration,
.theme-dark .thumbnail-story .duration,
.theme-dark .thumbnail-video .duration {
	color: #fff;
	background-color: rgba(0, 0, 0, .7)
}

.theme-dark .thumbnail-live .watched-time,
.theme-dark .thumbnail-playlist .watched-time,
.theme-dark .thumbnail-story .watched-time,
.theme-dark .thumbnail-video .watched-time {
	background-color: #6f7285
}

.theme-dark .thumbnail-live .watched-time .percent,
.theme-dark .thumbnail-playlist .watched-time .percent,
.theme-dark .thumbnail-story .watched-time .percent,
.theme-dark .thumbnail-video .watched-time .percent {
	background-color: #df0f50
}

.theme-dark .thumbnail-live .badge-play .icon,
.theme-dark .thumbnail-playlist .badge-play .icon,
.theme-dark .thumbnail-story .badge-play .icon,
.theme-dark .thumbnail-video .badge-play .icon {
	fill: #fff
}

.theme-dark .thumbnail-live .thumb-title>a,
.theme-dark .thumbnail-playlist .thumb-title>a,
.theme-dark .thumbnail-story .thumb-title>a,
.theme-dark .thumbnail-video .thumb-title>a {
	color: #d3d6e0
}

.theme-dark .thumbnail-live .thumb-channel,
.theme-dark .thumbnail-live .thumb-view-date,
.theme-dark .thumbnail-playlist .thumb-channel,
.theme-dark .thumbnail-playlist .thumb-view-date,
.theme-dark .thumbnail-story .thumb-channel,
.theme-dark .thumbnail-story .thumb-view-date,
.theme-dark .thumbnail-video .thumb-channel,
.theme-dark .thumbnail-video .thumb-view-date {
	color: #6f7285
}

.theme-dark .thumbnail-live .thumb-view-date .icon,
.theme-dark .thumbnail-playlist .thumb-view-date .icon,
.theme-dark .thumbnail-story .thumb-view-date .icon,
.theme-dark .thumbnail-video .thumb-view-date .icon {
	fill: #6f7285
}

.theme-dark .thumbnail-live .thumb-wrapper,
.theme-dark .thumbnail-playlist .thumb-wrapper,
.theme-dark .thumbnail-story .thumb-wrapper,
.theme-dark .thumbnail-video .thumb-wrapper {
	background-color: #292a33
}

.theme-dark .thumbnail-live .thumb-wrapper:before,
.theme-dark .thumbnail-playlist .thumb-wrapper:before,
.theme-dark .thumbnail-story .thumb-wrapper:before,
.theme-dark .thumbnail-video .thumb-wrapper:before {
	background: url(../../img-3h02ruuEqwuUPcBMHoFgg/logo/main/logo.svg) no-repeat center;
	background-size: 30%;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .3
}

.theme-dark .thumbnail-live.thumbnail-highlight .badge-play,
.theme-dark .thumbnail-playlist.thumbnail-highlight .badge-play,
.theme-dark .thumbnail-story.thumbnail-highlight .badge-play,
.theme-dark .thumbnail-video.thumbnail-highlight .badge-play {
	background-color: rgba(41, 42, 51, .6)
}

.theme-dark .thumbnail-live.thumbnail-playlist .video-count,
.theme-dark .thumbnail-playlist.thumbnail-playlist .video-count,
.theme-dark .thumbnail-story.thumbnail-playlist .video-count,
.theme-dark .thumbnail-video.thumbnail-playlist .video-count {
	color: #fff;
	background-color: rgba(0, 0, 0, .7)
}

.theme-dark .thumbnail-live.thumbnail-playlist .video-count .icon,
.theme-dark .thumbnail-playlist.thumbnail-playlist .video-count .icon,
.theme-dark .thumbnail-story.thumbnail-playlist .video-count .icon,
.theme-dark .thumbnail-video.thumbnail-playlist .video-count .icon {
	fill: #fff
}

.thumbnail-story .video-cnt {
	position: absolute;
	left: .5em;
	bottom: .5em;
	font-size: .8em;
	font-weight: 300;
	line-height: 1.8;
	padding: 0 .5em;
	letter-spacing: .5px;
	border-radius: 3px;
	color: #fff;
	background-color: rgba(0, 0, 0, .7)
}

.thumbnail-story .thumb-badge {
	width: 100%
}

.thumbnail-story .thumb-details .thumb-channel.thumb-channel {
	display: none
}

.thumbnail-playlist .thumb-wrapper .video-count {
	font-size: .9em;
	font-weight: 300;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.thumbnail-playlist .thumb-wrapper .video-count .icon {
	font-size: 1.6em
}

.thumbnail-playlist .thumb-view-date {
	margin-top: .5em
}

.video-thumbnail {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.video-thumbnail .video-details,
.video-thumbnail .video-wrapper {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.video-thumbnail .video-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 3px
}

.video-thumbnail .video-wrapper:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 56%
}

.video-thumbnail .video-wrapper .video-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #292a33
}

.video-thumbnail .video-wrapper .video-inner>iframe {
	width: 100%;
	height: 100%
}

.video-thumbnail .video-details {
	padding-right: 2em;
	white-space: normal
}

.video-thumbnail .video-details .video-title {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.4em
}

.video-thumbnail .video-details .video-title>a {
	font-size: inherit;
	color: #292a33
}

.video-thumbnail .video-details .video-info {
	font-size: .8em;
	font-weight: 300;
	line-height: 1.2;
	color: #6f7285;
	margin-top: 1em
}

.video-thumbnail .video-details .video-info .dot:after {
	display: inline-block;
	content: '.';
	font-size: 1.2em;
	margin: 0 3px
}

.video-thumbnail .video-details .video-description p {
	font-size: .9em;
	font-weight: 300;
	line-height: 2;
	max-height: 6em;
	color: #6f7285;
	margin-top: 1em;
	overflow: hidden
}

.video-thumbnail .video-details .video-more {
	font-size: .9em;
	margin-top: 1em
}

.video-thumbnail .video-details .video-more .button .icon {
	font-size: .7em;
	margin-right: .7em;
	-webkit-transition: margin .3s ease;
	transition: margin .3s ease
}

.video-thumbnail .video-details .video-more .button:hover .icon {
	margin-right: 1em
}

@media (max-width:883px) {
	.video-thumbnail .video-wrapper {
		width: 315px
	}
	.video-thumbnail .video-details {
		width: calc(100% - (210px * 1.5))
	}
}

@media (max-width:669px) {
	.video-thumbnail {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		font-size: .9em
	}
	.video-thumbnail .video-details,
	.video-thumbnail .video-wrapper {
		width: 100%
	}
	.video-thumbnail .video-details {
		padding: 1em 0 0
	}
	.video-thumbnail .video-details .video-title {
		font-size: 1.05em;
		line-height: 1.6em
	}
	.video-thumbnail .video-description,
	.video-thumbnail .video-more {
		display: none
	}
}

@media (min-width:884px) {
	.video-thumbnail .video-wrapper {
		width: 420px
	}
	.video-thumbnail .video-details {
		width: calc(100% - (210px * 2))
	}
}

.thumbnail-recommendation {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%
}

.thumbnail-recommendation .thumb-title {
	display: block;
	font-size: .9em;
	font-weight: 400;
	max-height: 3.2em;
	line-height: 1.8;
	color: #fbfbfc;
	margin: 0
}

.thumbnail-recommendation .duration {
	position: absolute;
	bottom: 1em;
	left: 1em;
	font-size: .9em;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	padding: 0 .3em;
	letter-spacing: .5px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, .7);
	z-index: 1
}

.thumbnail-recommendation .thumb-wrapper {
	position: relative;
	background-color: #484b62
}

.thumbnail-recommendation .thumb-wrapper .thumb {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.thumbnail-recommendation:not(.thumbnail-detailside) .thumb-wrapper {
	width: 100%;
	height: 100%
}

.thumbnail-recommendation:not(.thumbnail-detailside) .thumb-details {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	background-image: linear-gradient(to bottom, #292a33 0, transparent 150px)
}

.thumbnail-recommendation:not(.thumbnail-detailside) .duration,
.thumbnail-recommendation:not(.thumbnail-detailside) .thumb-details {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.thumbnail-recommendation:not(.thumbnail-detailside) .cancel-autoplay,
.thumbnail-recommendation:not(.thumbnail-detailside) .channel-name,
.thumbnail-recommendation:not(.thumbnail-detailside) .upcoming {
	display: none
}

.thumbnail-recommendation:not(.thumbnail-detailside):hover .duration,
.thumbnail-recommendation:not(.thumbnail-detailside):hover .thumb-details {
	opacity: 1
}

.thumbnail-recommendation.thumbnail-detailside {
	height: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.thumbnail-recommendation.thumbnail-detailside .thumb-wrapper {
	width: 30%
}

.thumbnail-recommendation.thumbnail-detailside .thumb-wrapper:before {
	content: '';
	display: block;
	padding-top: 57%
}

.thumbnail-recommendation.thumbnail-detailside .thumb-wrapper .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.thumbnail-recommendation.thumbnail-detailside .thumb-details {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 70%;
	padding-right: 1em
}

.thumbnail-recommendation.thumbnail-detailside .channel-name,
.thumbnail-recommendation.thumbnail-detailside .upcoming {
	color: #6f7285
}

.thumbnail-recommendation.thumbnail-detailside .upcoming {
	font-size: .8em;
	font-weight: 300;
	margin-bottom: 1em
}

.thumbnail-recommendation.thumbnail-detailside .channel-name {
	font-size: .85em;
	font-weight: 400;
	margin-top: 1em
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	padding-right: 1em;
	padding-left: 1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button {
	font-family: IRANSans, "Open Sans", sans-serif;
	font-size: .8em;
	font-weight: 300;
	line-height: 1.8;
	color: #fbfbfc;
	margin-top: .5em;
	padding: .25em .75em;
	border: none;
	border-radius: 3px;
	background: 0 0;
	cursor: pointer
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button:active,
.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button:focus,
.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button:hover {
	color: #df0f50;
	background-color: rgba(255, 255, 255, .1)
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay button.button-play {
	width: 50px;
	height: 50px;
	border: 0;
	border-radius: 50%;
	font-size: 1.2em;
	padding-left: .8em;
	background-color: #292a33
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay button.button-play .icon {
	fill: #fbfbfc
}

@media (max-width:455px) {
	.grid-thumbnail.single-item .thumbnail-detailside {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.grid-thumbnail.single-item .thumbnail-detailside .thumb-wrapper {
		width: 100%;
		height: inherit
	}
	.grid-thumbnail.single-item .thumbnail-detailside .thumb-details {
		width: 100%;
		padding: 1em 0
	}
}

.loading {
	position: relative;
	width: 100%;
	min-height: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 2em
}

.loading .inner {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1.5em;
	width: 1em;
	height: 1em
}

.loading .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.loading .icon-inner {
	width: 1em;
	height: 1em;
	font-size: .9em;
	-webkit-animation: loadingAparatSpinning 1s infinite ease;
	animation: loadingAparatSpinning 1s infinite ease
}

.loading .icon-outer {
	font-size: 1em;
	width: 1em;
	height: 1em
}

@-webkit-keyframes loadingAparatSpinning {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0)
	}
	to {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes loadingAparatSpinning {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0)
	}
	to {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

.theme-light .loading.loading-aparat .icon-inner,
.theme-light .loading.loading-game .icon-inner {
	fill: #d3d6e0
}

.theme-light .loading.loading-aparat .icon-outer,
.theme-light .loading.loading-game .icon-outer {
	fill: #6f7285
}

.theme-dark .loading.loading-aparat .icon-inner,
.theme-dark .loading.loading-game .icon-inner {
	fill: #6f7285
}

.theme-dark .loading.loading-aparat .icon-outer,
.theme-dark .loading.loading-game .icon-outer {
	fill: #484b62
}

.ss-container .ss-wrapper {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	float: left
}

.ss-container .ss-content {
	position: relative;
	height: 100%;
	padding: 0;
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ss-container .ss-content:not(.rtl) {
	margin-right: -18px
}

.ss-container .ss-content.rtl {
	margin-left: -18px
}

.ss-container .ss-scroll {
	position: absolute;
	width: 4px;
	border-radius: 4px;
	top: 0;
	right: auto!important;
	left: 4px;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear
}

.ss-container .ss-hidden {
	display: none
}

.ss-container:active .ss-scroll,
.ss-container:hover .ss-scroll {
	opacity: 1
}

.ss-container .ss-grabbed {
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

body:not(.theme-dark) .ss-container .ss-scroll {
	background: rgba(41, 42, 51, .7)
}

.theme-dark .ss-container .ss-scroll {
	background: #6f7285
}

.player-container {
	position: relative;
	width: 100%;
	z-index: 1;
	background-color: #000
}

.player-container:after {
	content: '';
	display: block;
	padding-top: 56%
}

.player-container .player-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.live-alert-wrapper {
	position: fixed;
	bottom: 2em;
	z-index: 20;
	right: 3em;
	width: 15em;
	background-color: #fff;
	border-radius: 3px;
	padding: .25em;
	-webkit-box-shadow: 0 0 5px 0 #000;
	box-shadow: 0 0 5px 0 #000;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	-webkit-transform: translateY(200px);
	transform: translateY(200px)
}

.live-alert-wrapper.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.live-alert-wrapper .ratio {
	padding-top: 57%;
	display: block
}

.live-alert-wrapper .badget {
	background: #df0f50;
	padding: .5em .75em;
	top: .3125em;
	right: .3125em;
	position: absolute;
	font-size: .6em
}

.live-alert-wrapper .dark {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5)
}

.live-alert-wrapper .text {
	position: absolute;
	color: #fff;
	display: inline-block;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: .75em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 .625em
}

.live-alert-wrapper .text .play-holder {
	width: 4em;
	height: 4em;
	display: block;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: 0 auto .5em;
	fill: #fff;
	position: relative
}

.live-alert-wrapper .text .play-holder .icon {
	position: absolute;
	top: 50%;
	left: 60%;
	width: 2em;
	height: 2em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.live-alert-wrapper .icon-holder {
	position: absolute;
	width: 1.75em;
	height: 1.75em;
	background: #6f7285;
	left: -.7em;
	top: -.9em;
	border-radius: 50%;
	z-index: 2
}

.live-alert-wrapper .icon-holder .icon {
	fill: #fff;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%
}

.live-alert-wrapper a {
	background-size: cover;
	position: relative;
	display: block;
	color: #fff
}

.form {
	width: 100%;
	float: right;
	margin: 0
}

.form .paragraph {
	font-size: .9em;
	font-weight: 300;
	line-height: 2.2;
	color: #6f7285
}

.form .paragraph:not(:last-child) {
	margin-bottom: 1.5em
}

.form .paragraph>a {
	color: #05a3e8
}

.form .paragraph>a:hover {
	opacity: .9
}

.form .explanation {
	padding-top: 1em
}

.form .line {
	width: 100%;
	border-bottom: 1px solid #f5f5f9;
	margin-bottom: 1em
}

.form .full-column,
.form .full-row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.form .full-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.form .form-buttons {
	width: 100%;
	float: right;
	margin-top: 2em
}

.form .form-buttons .button {
	font-weight: 300;
	font-size: .9em;
	line-height: 2.8;
	padding: 0 2em
}

.form .form-buttons .button:not(:first-child) {
	margin-right: 1em
}

.form .field-caption,
.form .field-inner,
.form .field-label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%
}

.form .field-label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .95em;
	font-weight: 400;
	color: #484b62
}

.form .field-label .caption {
	margin-right: .75em
}

.form .field-label~.field-caption:not(:last-child) {
	margin-bottom: 1em
}

.form .field-error {
	display: block;
	font-size: .9em;
	color: #ff4242;
	margin-top: 1em;
	line-height: 2
}

.form .field-edit {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .9em;
	font-weight: 300;
	color: #05a3e8;
	margin-right: auto;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.form .field-edit .icon {
	font-size: 1em;
	fill: #05a3e8;
	margin: 0 .5em
}

.form .field-edit:active,
.form .field-edit:focus,
.form .field-edit:hover {
	color: #05a3e8
}

.form .field-inner:not(:first-child) {
	margin-top: .75em
}

.form .field-caption,
.form .field-label .caption {
	font-size: .8em;
	font-weight: 300;
	line-height: 2.2;
	color: #6f7285
}

.form .field-caption {
	margin-top: .5em
}

.form .field-validation {
	font-size: .9em;
	font-weight: 300;
	color: #6f7285;
	margin-top: .75em
}

.form .char-limit:before {
	content: attr(data-text);
	margin-left: .5em
}

.form .form-field {
	position: relative
}

.form .form-field:not(.form-button):not(:last-child) {
	margin-bottom: 1em
}

.form .form-field.has-error .input,
.form .form-field.has-error .input::-webkit-input-placeholder,
.form .form-field.has-error .textarea,
.form .form-field.has-error .textarea::-webkit-input-placeholder {
	color: red
}

.form .form-field.has-error .input,
.form .form-field.has-error .input:-ms-input-placeholder,
.form .form-field.has-error .textarea,
.form .form-field.has-error .textarea:-ms-input-placeholder {
	color: red
}

.form .form-field.has-error .input,
.form .form-field.has-error .input::-ms-input-placeholder,
.form .form-field.has-error .textarea,
.form .form-field.has-error .textarea::-ms-input-placeholder {
	color: red
}

.form .form-field.has-error .input,
.form .form-field.has-error .input::placeholder,
.form .form-field.has-error .textarea,
.form .form-field.has-error .textarea::placeholder {
	color: red
}

.form .form-field.has-error .input-box {
	border-color: red
}

.form .form-field.has-error .field-error {
	display: block
}

.form .form-field .field-error {
	font-size: .9em;
	font-weight: 300;
	color: red;
	margin-top: .5em
}

.form .form-field-50 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.form .form-field-50:not(:last-child) {
	margin-bottom: 2em
}

.form .form-field-50 .form-field,
.form .form-field-50 .form-field-skin {
	width: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	margin-bottom: 1em
}

.form .form-field-50 .form-field-skin:nth-child(odd),
.form .form-field-50 .form-field:nth-child(odd) {
	padding-left: 1em
}

.form .form-field-50 .form-field-skin:nth-child(even),
.form .form-field-50 .form-field:nth-child(even) {
	padding-right: 1em
}

.form .form-field-50 .form-field-skin:nth-last-child(-n+2),
.form .form-field-50 .form-field:nth-last-child(-n+2) {
	margin-bottom: 0
}

@media (max-width:480px) {
	.form .form-field-50 .form-field-skin.form-field-skin,
	.form .form-field-50 .form-field.form-field {
		width: 100%;
		padding: 0
	}
	.form .form-field-50 .form-field-skin:not(:last-child),
	.form .form-field-50 .form-field:not(:last-child) {
		margin-bottom: 1em
	}
}

.form .left,
.form .right {
	float: right
}

.form .right {
	width: 60%;
	padding-left: 2.5em
}

.form .left {
	width: 40%
}

@media (max-width:740px) {
	.form .left,
	.form .right {
		width: 100%;
		padding: 0
	}
	.form .left {
		margin-top: 2em
	}
}

.confirm-modal .modal-content {
	min-height: 100px!important
}

.confirm-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 4em 2em 4em
}

.confirm-content .icon {
	width: 2em;
	height: 2em;
	fill: #484b62
}

.confirm-content .title {
	margin: 2em 0;
	color: #484b62
}

.confirm-content .buttons {
	margin-bottom: 20px
}

.box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.box-wrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.box.box-lg {
	width: 100%
}

.box.box-lg .box-content,
.box.box-lg .box-head {
	padding: 2em
}

@media (max-width:740px) {
	.box.box-lg .box-content,
	.box.box-lg .box-head {
		padding: 1em
	}
}

.box .box-head {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1em;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .04);
	border-radius: 2px 2px 0 0
}

.box .box-head:not(.border-none) {
	border-bottom: 1px solid #f5f5f9
}

.box .box-head .title {
	font-size: 1em;
	font-weight: 400;
	color: #484b62
}

.box .box-head .col {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.box .box-head .col:first-child {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.box .box-head .col:last-child {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.box .box-head .col .button:not(:last-child) {
	margin-left: 1em
}

.box .box-head~.box-content {
	padding-top: 0;
	border-radius: 0 0 2px 2px
}

.box .box-content {
	position: relative;
	height: 100%;
	padding: 1em;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .04)
}

@media (max-width:1280px) {
	.box-wrapper:not(:last-child) {
		margin-bottom: 1.5em
	}
	.box.box-sm {
		width: 49%;
		width: calc(50% - .75em)
	}
	.box.box-sm:not(:nth-child(2n)) {
		margin-left: 1.5em
	}
	.box.box-sm:nth-child(n+3) {
		margin-top: 1.5em
	}
	.box.box-sm:nth-child(2n) {
		padding-left: 0
	}
	.box.box-md {
		width: 100%;
		padding: 0
	}
	.box.box-md:not(:first-child) {
		margin-top: 1.5em
	}
}

@media (min-width:1281px) {
	.box-wrapper:not(:last-child) {
		margin-bottom: 2em
	}
	.box.box-sm {
		width: 24%;
		width: calc(25% - 1.5em)
	}
	.box.box-sm:not(:nth-child(4n)) {
		margin-left: 2em
	}
	.box.box-sm:nth-child(n+5) {
		margin-top: 2em
	}
	.box.box-sm:nth-child(4n) {
		padding-left: 0
	}
	.box.box-sm .box-content,
	.box.box-sm .box-head {
		padding: 1em
	}
	.box.box-md {
		width: 49%;
		width: calc(50% - 1em)
	}
	.box.box-md:not(:nth-child(2n)) {
		margin-left: 2em
	}
	.box.box-md:nth-child(n+3) {
		margin-top: 2em
	}
	.box.box-md:nth-child(2n) {
		padding-left: 0
	}
	.box.box-md .box-content,
	.box.box-md .box-head {
		padding: 1.5em
	}
}

.comments-container {
	width: 100%
}

.comments-container>.inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.comments-container .avatar-viewer {
	margin-left: 1.5em
}

.comments-container .comment-avatar {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.comments-container .priority-action {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .85em;
	color: #6f7285;
	margin: 1.5em 0
}

.comments-container .priority-action .icon {
	font-size: 1.5em;
	fill: #6f7285;
	margin-left: .5em
}

.comments-container .option-menu {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.comments-container .option-menu .more-button {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.comments-container .option-menu .dropdown-content {
	min-width: 170px
}

.comments-container .comment-insert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 1em 0 2em 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.comments-container .comment-insert .icon-send {
	margin-left: 1em;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.comments-container .comment-insert .send-comment {
	cursor: pointer
}

.comments-container .comment-insert .send-comment:hover {
	fill: #05a3e8
}

.comments-container .comment-insert .input-box {
	border-color: transparent;
	background-color: #f5f5f9
}

.comments-container .comment-insert .textarea {
	display: block;
	height: 40px;
	min-height: 40px;
	line-height: 2.4;
	padding: .5em 1.5em;
	overflow: hidden;
	-webkit-transition: height .3s ease;
	transition: height .3s ease
}

.comments-container .comment-insert .textarea.filled,
.comments-container .comment-insert .textarea:focus {
	height: 100px
}

.comments-container .comment-insert .textarea.filled~.input-box.input-box.input-box,
.comments-container .comment-insert .textarea:focus~.input-box.input-box.input-box,
.comments-container .comment-insert .textarea:hover~.input-box.input-box.input-box {
	border-color: #e6e7ef;
	background-color: #fff
}

.comments-container .comment-insert .input-text .form {
	margin: 0
}

.comments-container .comment-insert .field-inner {
	margin-top: 0
}

.comments-container .comment-insert.writing-mobile {
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0;
	right: 0;
	padding: 10px 20px;
	background: #fff
}

.comments-container .comment-insert.writing-mobile:after {
	content: "";
	width: 88%;
	height: 1px;
	background-color: #f5f5f9;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute
}

.comments-container .comments-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.comments-container .comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-top: 1px solid #f5f5f9;
	padding-top: 1.5em;
	margin-bottom: 1.5em
}

.comments-container .comment:first-child {
	border-top: none
}

.comments-container .comment>.inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.comments-container .comment-row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.comments-container .comment-row>.inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.comments-container .comment-body {
	width: calc(100% - 90px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 1.5em
}

.comments-container .comment-body .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .92857em
}

.comments-container .comment-body .head .title {
	font-size: 1em
}

.comments-container .comment-body .head .title,
.comments-container .comment-body .head .title>a {
	color: #484b62
}

.comments-container .comment-body .head .date {
	font-size: .85em;
	font-weight: 300;
	color: #6f7285;
	margin-right: 1.5em
}

.comments-container .comment-body .thought {
	font-size: .92857em;
	font-weight: 300;
	line-height: 2;
	color: #6f7285;
	margin-top: 1em;
	word-break: break-word;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto
}

.comments-container .comment-body .actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 1em
}

.comments-container .comment-body .actions .button:not(:last-child) {
	margin-left: 1em
}

.comments-container .comment-reply {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1em
}

.comments-container .comment-reply .form-buttons {
	margin-top: 1em
}

.comments-container .comment-reply .form-buttons .field-inner {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.comments-container .comment-reply .cancel-reply {
	margin-left: 1em;
	padding: 0
}

.comments-container .comment-reply .submit-reply {
	padding-right: 2em;
	padding-left: 2em
}

.comments-container .reply-row {
	width: 100%;
	color: #6f7285;
	margin-top: 1.5em;
	padding: 1.5em;
	border-radius: 3px;
	background-color: #f5f5f9
}

.comments-container .reply-row>.inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.comments-container .reply-row .avatar {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.comments-container .reply-row .avatar .title {
	line-height: 1.5
}

.comments-container .reply-row .avatar .caption {
	margin-top: .75em
}

.comments-container .reply-row .edit-reply {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .8em;
	color: #6f7285;
	margin-right: auto
}

.comments-container .reply-row .edit-reply .icon {
	fill: #6f7285
}

.comments-container .reply-row .edit-reply .text {
	margin-right: .5em
}

.comments-container .reply-row .textarea~.input-box {
	background-color: #fff
}

.comments-overview .comment-body .reply,
.comments-overview .comment-body .reply-row {
	display: none
}

.comments-overview .comment-body .actions {
	font-size: .9em
}

.comments-overview .comment {
	padding-top: 1em;
	margin-bottom: 1em
}

.comments-overview .comment:first-child {
	padding: 0
}

.comments-overview .comment:last-child {
	margin: 0
}

.player-container .player-recommendation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.player-container .autoplay-progress {
	position: relative;
	display: block;
	width: 46px;
	height: 46px;
	margin: 1em auto 0;
	border-radius: 50%;
	background-color: rgba(251, 251, 252, .1);
	-webkit-transition: -webkit-box-shadow .3s ease;
	transition: -webkit-box-shadow .3s ease;
	transition: box-shadow .3s ease;
	transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.player-container .autoplay-progress .progress-icon {
	position: absolute;
	top: 50%;
	left: 58%;
	font-size: 18px;
	fill: #fbfbfc;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.player-container .autoplay-progress .progress-svg {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -2px;
	left: -2px
}

.player-container .autoplay-progress .progress-circle {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	position: absolute;
	top: 50%;
	right: 50%;
	-webkit-transform: rotate(-90deg) translate3d(-75px, -25px, 0);
	transform: rotate(-90deg) translate3d(-75px, -25px, 0);
	stroke: #fbfbfc;
	fill: none;
	stroke-width: 2px
}

.player-recommendation {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - (75px));
	font-size: 14px
}

.player-recommendation .recom-inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 1em;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.player-recommendation .item-autoplay .channel-name,
.player-recommendation .item-autoplay .thumb-title {
	max-width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.player-recommendation:not(.has-autoplay) .recom-inner {
	max-width: 1100px;
	height: calc(100% - (1em * 2))
}

.player-recommendation:not(.has-autoplay) .recom-item:not(.item-autoplay) {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 33.333%;
	height: 33.333%;
	padding: 2px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.player-recommendation.has-autoplay .recom-inner {
	max-width: 700px;
	width: 70%
}

.player-recommendation.has-autoplay .item-autoplay {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	padding: 1em;
	margin-bottom: 1em;
	border-radius: 3px;
	background-color: rgba(41, 42, 51, .9);
	overflow: hidden
}

.player-recommendation.has-autoplay .recom-item:not(.item-autoplay) {
	position: relative
}

.player-recommendation.has-autoplay .recom-item:not(.item-autoplay):after {
	content: '';
	display: block;
	padding-top: 57%
}

.player-recommendation.has-autoplay .recom-item:not(.item-autoplay) .thumbnail-recommendation {
	position: absolute;
	top: 0;
	left: 0
}

.player-recommendation.has-autoplay .recom-item:nth-child(n+2) {
	display: none
}

.player-recommendation.suggested-3:not(.has-autoplay) .recom-inner {
	height: auto
}

.player-recommendation.suggested-3:not(.has-autoplay) .recom-item:nth-child(n+4) {
	display: none
}

.player-recommendation.suggested-3:not(.has-autoplay) .recom-item:nth-child(-n+3) {
	width: 33.333%;
	height: auto
}

.player-recommendation.suggested-3.has-autoplay .recom-item {
	display: block
}

.player-recommendation.suggested-3.has-autoplay .recom-item:not(.item-autoplay) {
	height: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.player-recommendation.suggested-3.has-autoplay .recom-item:nth-child(n+5) {
	display: none
}

.player-recommendation.suggested-3.has-autoplay .recom-item:not(.item-autoplay) .thumbnail-recommendation {
	position: relative
}

.player-recommendation.suggested-3 .thumbnail-recommendation .thumb-title {
	color: #fff
}

.player-recommendation.suggested-3 .thumbnail-recommendation:not(.thumbnail-detailside) .thumb-wrapper:after {
	content: '';
	padding-top: 56%;
	display: block
}

.player-recommendation.suggested-3 .thumbnail-recommendation:not(.thumbnail-detailside) .thumb {
	position: absolute
}

.player-recommendation.suggested-3 .thumbnail-recommendation:not(.thumbnail-detailside) .thumb-details {
	position: relative;
	background: 0 0;
	opacity: 1;
	padding: .75em 0 0
}

.mobile-recom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	font-size: 14px;
	background-color: #292a33;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.mobile-recom:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .75)
}

.mobile-recom .icon {
	fill: #fff
}

.mobile-recom .cancel-button,
.mobile-recom .replay-button {
	display: block;
	font-family: IRANSans, "Open Sans", sans-serif;
	line-height: 1.8;
	color: #fbfbfc;
	border: none;
	border-radius: 3px;
	background: 0 0;
	cursor: pointer
}

.mobile-recom .cancel-button {
	display: inline-block;
	font-size: .8em;
	font-weight: 300;
	margin-top: .75em;
	padding: .25em .75em;
	background-color: rgba(255, 255, 255, .1)
}

.mobile-recom .cancel-button:hover {
	color: #df0f50;
	background-color: rgba(255, 255, 255, .1)
}

.mobile-recom .replay-button {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 0
}

.mobile-recom .replay-button .icon {
	line-height: 0
}

.mobile-recom .next-video {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(50px, -50%);
	transform: translate(50px, -50%)
}

.mobile-recom .inner {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 1em;
	color: #fff;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.mobile-recom .inner .replay-button {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 4em
}

.mobile-recom .inner .replay-button:after {
	content: attr(data-text);
	position: absolute;
	bottom: 0;
	left: 50%;
	font-size: 12px;
	font-weight: 300;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
	display: block;
	line-height: 2
}

.mobile-recom .inner~.replay-button {
	position: absolute;
	bottom: 1em;
	left: 1em;
	font-size: 2em
}

.mobile-recom .video-link {
	display: block;
	width: 100%
}

.mobile-recom .up-next {
	display: inline-block;
	font-size: .8em;
	font-weight: 100;
	color: #d3d6e0;
	margin-bottom: 1em
}

.mobile-recom .title {
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 2;
	color: #fff;
	text-align: center
}

.mobile-recom .autoplay-progress .progress-circle {
	stroke-width: 1px
}

@media (max-width:991px) {
	.single .player-recommendation:not(.has-autoplay) .recom-item:not(.item-autoplay) {
		width: 50%;
		height: 50%
	}
}

@media (max-width:740px) {
	.single .player-recommendation.player-recommendation.player-recommendation {
		display: none
	}
}

@media (min-width:741px) {
	.single .player-recommendation.has-autoplay .recom-item:not(.item-autoplay) {
		width: 33.333%
	}
	.single .player-recommendation.has-autoplay .recom-item:not(.item-autoplay):nth-child(4) {
		border-right: .75em solid transparent
	}
	.single .player-recommendation.has-autoplay .recom-item:not(.item-autoplay):nth-child(3) {
		border-right: .4em solid transparent;
		border-left: .4em solid transparent
	}
	.single .player-recommendation.has-autoplay .recom-item:not(.item-autoplay):nth-child(2) {
		border-left: .75em solid transparent
	}
	.single .player-recommendation.has-autoplay .recom-item:nth-child(n+6) {
		display: none
	}
}

@media (min-width:1280px) {
	.single .player-recommendation:not(.has-autoplay) .recom-item {
		width: 25%;
		height: 25%;
		display: block
	}
}

[data-tooltip] {
	position: relative
}

[data-tooltip]:before {
	content: attr(data-tooltip);
	position: absolute;
	display: block;
	min-width: 150px;
	max-width: 90vw;
	font-size: .9em;
	font-weight: 400;
	text-align: center;
	padding: .5em 1em;
	color: #fff;
	white-space: nowrap;
	border-radius: 3px;
	z-index: 20;
	background-color: #484b62
}

[data-tooltip]:after {
	content: '';
	position: absolute
}

[data-tooltip]:after,
[data-tooltip]:before {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 150ms ease;
	transition: opacity 150ms ease
}

[data-tooltip][data-tooltip-tl]:after {
	top: -10px;
	left: 5px;
	border-left: 3px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #484b62
}

[data-tooltip][data-tooltip-tl]:before {
	top: -10px;
	left: -10px;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%)
}

[data-tooltip][data-tooltip-l]:after,
[data-tooltip][data-tooltip-r]:after {
	top: 50%;
	margin-top: -4px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}

[data-tooltip][data-tooltip-l]:before,
[data-tooltip][data-tooltip-r]:before {
	top: 50%;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%)
}

[data-tooltip][data-tooltip-r]:after {
	right: -10px;
	border-right: 5px solid #484b62
}

[data-tooltip][data-tooltip-r]:before {
	right: -10px;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%)
}

[data-tooltip][data-tooltip-l]:after {
	left: -10px;
	border-left: 5px solid #484b62
}

[data-tooltip][data-tooltip-l]:before {
	left: -10px;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%)
}

[data-tooltip][data-tooltip-b]:after,
[data-tooltip][data-tooltip-t]:after {
	left: 50%;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

[data-tooltip][data-tooltip-b]:before,
[data-tooltip][data-tooltip-t]:before {
	left: 50%
}

[data-tooltip][data-tooltip-t]:after {
	top: -11px;
	border-top: 5px solid #484b62
}

[data-tooltip][data-tooltip-t]:before {
	top: -10px;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}

[data-tooltip][data-tooltip-b]:after {
	bottom: -11px;
	border-bottom: 5px solid #484b62
}

[data-tooltip][data-tooltip-b]:before {
	bottom: -10px;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
	opacity: 1;
	visibility: visible
}

.flex-center,
.single-ads .filimo-ads .movie-action .movie-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.flex-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.wrapper {
	max-width: none;
	padding: 0 2em
}

.single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	padding: 1.7143em 0
}

.single .wrapper {
	position: relative;
	padding: 0 1.7143em
}

.single .avatar-publisher .picture {
	width: 45px;
	height: 45px
}

.single .primary {
	float: right;
	width: calc(100% - 400px);
	padding-left: 1.7143em
}

.single .secondary {
	width: 400px;
	float: left
}

.single .single-ads,
.single .single-comments,
.single .single-details,
.single .single-playlist,
.single .single-recom,
.single .single-video {
	width: 100%
}

.single .single-details {
	margin-top: 1.5em
}

.single .filimo-promotion:not(:first-child),
.single .single-ads:not(:first-child),
.single .single-recom:not(:first-child) {
	margin-top: 1em
}

.single .single-comments {
	float: right;
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #f5f5f9
}

.single.theater-mode {
	padding-top: 0
}

.single.theater-mode .single-video {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #000
}

.single.theater-mode .player-container:after {
	content: none
}

.single-details>.inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.single-details [class*=edit-button],
.single-details [class*=follow-button-] {
	margin-right: 2em
}

.single-details .video-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.single-details .video-info .title {
	font-size: 1.42857em;
	margin: 0;
	padding-left: 1em
}

.single-details .video-info .title,
.single-details .video-info .title>a {
	color: #292a33
}

.single-details .video-info .video-views {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1em;
	color: #484b62
}

.single-details .video-info .video-views .icon {
	font-size: 1.3em;
	fill: #484b62
}

    .single-details .video-info .video-views .text {
        font-size: 1em;
        font-weight: 400;
        margin-left: .5em;
        white-space: nowrap;
    }

.single-details .video-info .watch-time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-family: IRANSans, "Open Sans", sans-serif;
	direction: rtl
}

.single-details .video-info .watch-time>div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .9em;
	color: #6f7285
}

.single-details .video-info .watch-time .icon {
	font-size: 1em;
	fill: #484b62;
	margin-right: .5em
}

.single-details .video-info .watch-time .number {
	font-weight: 400;
	color: #484b62;
	margin: 0 .5em
}

.single-details .video-info .watch-time .progress-bar {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	height: 3px;
	margin: .25em 0;
	border-radius: 5px;
	background-color: #d3d6e0
}

.single-details .video-info .watch-time .progress-bar .progress {
	height: 100%;
	border-radius: 5px;
	background-color: #df0f50
}

.single-details .video-info .more-info-button .isOpen {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.single-details .detail-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #f5f5f9
}

.single-details .detail-row .detail-utils {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-details .detail-row .detail-utils .buttons-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.single-details .detail-row .detail-utils .buttons-wrap .button {
	margin-right: 1em
}

.single-details .detail-row .detail-utils .buttons-wrap .button .text {
	font-size: 1em;
	margin-right: .25em
}

.single-details .detail-row .detail-utils .buttons-wrap .like-button {
	font-size: .85em
}

.single-details .detail-row .detail-utils .buttons-wrap .like-button .icon {
	fill: #6f7285
}

.single-details .detail-row .detail-utils .buttons-wrap .like-button .text {
	font-weight: 400;
	color: #6f7285
}

.single-details .detail-row .detail-utils .buttons-wrap .like-button.is-liked .icon {
	fill: #df0f50!important
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content {
	min-width: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content .each-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 10px
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content .each-item .text {
	margin-right: 10px;
	color: #6f7285
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content .each-item .icon {
	fill: #6f7285
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #6f7285;
	font-weight: 300;
	font-size: .9em;
	padding: 5px 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content .link:hover {
	background-color: #f5f5f9;
	cursor: pointer
}

.single-details .detail-row .detail-utils .dropdown .dropdown-content .link .icon {
	fill: #6f7285;
	margin-left: 10px
}

.single-details .description {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1em
}

.single-details .description p {
	font-size: .92857em;
	line-height: 2em;
	color: #484b62
}

.single-details .detail-channel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1em 0;
	border-bottom: 1px solid #f5f5f9
}

.single-details .detail-channel .button {
	margin-right: auto
}

.single-details .date-section {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: .8em;
	color: #6f7285;
	margin-top: 1.5em
}

.single-details .date-section .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 1.5em
}

.single-details .date-section .date .icon {
	font-size: .9em;
	fill: #6f7285;
	margin-left: .5em
}

.single-details .date-section .tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1em
}

.single-details .date-section .tag:not(:last-child) {
	margin-left: 1.5em
}

.single-details .date-section .tag.hidden {
	display: none
}

.single-details .date-section .tag a {
	color: #6f7285
}

.single-details .date-section .tag .icon {
	font-size: .8em;
	fill: #6f7285;
	margin-left: .25em
}

.single-details .date-section .tag .hash {
	margin-left: .25em
}

.single-details .boost-details {
	position: relative;
	width: 100%;
	padding: 1.5em;
	margin-top: 1em;
	border-radius: 3px;
	background-color: #f5f5f9
}

.single-details .boost-details .title {
	font-size: 1em;
	font-weight: 300;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-details .boost-details .title .icon {
	font-size: 1.2em;
	fill: #484b62;
	margin-left: .5em
}

.single-details .boost-details .details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: self-start;
	-ms-flex-align: self-start;
	align-items: self-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1em
}

.single-details .boost-details .box {
	width: calc(25% - 1.2em);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	min-height: 100px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.single-details .boost-details .value {
	font-size: 1.1em;
	color: #484b62
}

.single-details .boost-details .value.status {
	color: #0ad287
}

.single-details .boost-details .text {
	font-size: .8em;
	color: #6f7285;
	margin-top: .5em
}

.single-details .boost-details .print-factor {
	position: absolute;
	top: 1.5em;
	left: 1.5em;
	height: auto;
	line-height: normal;
	border-radius: 0
}

.single-details .ltr {
	direction: ltr
}

.single-details .ltr.video-info {
	font-family: "Open Sans", sans-serif
}

.single-details .ltr.video-info .title {
	font-weight: 700;
	padding: 0 1em 0 0
}

.single-details .ltr.video-info .video-views .text {
	font-size: 1.1em;
	font-weight: 700;
	margin: 0 .5em 0 0
}

.single-details .ltr.description {
	text-align: left
}

.modal.factor-modal .modal-content {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	overflow-y: auto
}

.single-video {
	position: relative
}

.single-video.is-theater {
	position: absolute;
	top: 65px;
	right: 0;
	width: 100%!important;
	background-color: #000;
	padding: 0 15%
}

.single-video .video-js .vjs-tech {
	outline: 0
}

.single-video .videoSuggest {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(100% - 1.7143em);
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	position: absolute;
	bottom: 85px;
	z-index: 9
}

.single-video .videoSuggest.withPlaylist {
	width: 100%
}

.single-video .videoSuggest .thumbnail-video {
	position: relative
}

.single-video .videoSuggest .thumbnail-video.thumbnail-detailside {
	width: 25%
}

.single-video .videoSuggest .thumbnail-video .thumb-wrapper {
	width: 100%;
	height: 100%
}

.single-video .videoSuggest .thumbnail-video .thumb-details {
	position: absolute;
	width: auto
}

.single-playlist {
	position: relative;
	max-height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: auto;
	background-color: #fbfbfc;
	overflow: hidden
}

.single-playlist>.inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.single-playlist .ss-content {
	padding: 5px 0 5px 18px
}

.single-playlist .pl-index {
	min-width: 22px;
	font-size: .8em;
	font-weight: 300;
	line-height: 1;
	color: #6f7285;
	text-align: center
}

.single-playlist .pl-index .icon {
	font-size: .95em;
	fill: #6f7285
}

.single-playlist .playlist-head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 60px;
	padding: 0 1em;
	border-bottom: 1px solid #fbfbfc;
	background-color: #e6e7ef
}

.single-playlist .playlist-head .head-back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0
}

.single-playlist .playlist-head .row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-playlist .playlist-head .row>.channel,
.single-playlist .playlist-head .row>.icon,
.single-playlist .playlist-head .row>.playlist-toggle,
.single-playlist .playlist-head .row>.title,
.single-playlist .playlist-head .row>.video-count {
	position: relative;
	z-index: 1
}

.single-playlist .playlist-head .row>.icon {
	margin-left: .5em
}

.single-playlist .playlist-head .title {
	max-width: calc(100% - (70px));
	width: 100%;
	font-size: 1em;
	padding-left: 1em
}

.single-playlist .playlist-head .title .text {
	display: inline-block;
	max-width: 80%;
	font-size: .9em;
	font-weight: 400;
	color: #484b62;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.single-playlist .playlist-head .icon {
	font-size: 1em;
	fill: #484b62
}

.single-playlist .playlist-head .video-count {
	font-size: .8em;
	font-weight: 400;
	color: #484b62;
	margin-right: auto;
	white-space: nowrap
}

.single-playlist .playlist-head .playlist-toggle {
	margin-right: auto;
	padding: .5em;
	line-height: 0
}

.single-playlist .playlist-head .channel {
	display: block;
	max-width: 100%;
	font-size: .8em;
	font-weight: 300;
	color: #6f7285;
	padding: .1em 2em .25em 0
}

.single-playlist .playlist-head .channel>span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.single-playlist .playlist-body {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #f5f5f9
}

.single-playlist .playlist-body .ss-content {
	position: relative
}

.single-playlist .playlist-body .item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 0 1em
}

.single-playlist .playlist-body .item.playing {
	background-color: #e6e7ef
}

.single-playlist .playlist-body .item.dragged {
	position: absolute;
	opacity: .5;
	z-index: 2000;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.single-playlist .playlist-body .item-drop {
	position: relative;
	width: 100%
}

.single-playlist .playlist-body .item-drop:after,
.single-playlist .playlist-body .item-drop:before {
	content: '';
	position: absolute;
	right: 0
}

.single-playlist .playlist-body .item-drop:before {
	left: 0;
	bottom: -1px;
	border-bottom: 2px solid #05a3e8
}

.single-playlist .playlist-body .item-drop:after {
	bottom: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 15px solid #05a3e8
}

.single-playlist .playlist-body .dd-handle {
	margin-right: .75em;
	cursor: move
}

.single-playlist .playlist-body .dd-handle .icon {
	fill: #6f7285;
	cursor: pointer
}

.single-playlist .playlist-body .pl-options {
	position: absolute;
	left: 1em;
	top: .5em;
	z-index: 3;
	-webkit-transform: none;
	transform: none
}

.single-playlist .playlist-body .pl-options .dropdown-toggle {
	font-size: .8em;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.single-playlist .playlist-body .pl-options .dropdown-content {
	min-width: 200px;
	font-size: .9em;
	left: auto;
	right: -.5em;
	top: 0;
	bottom: auto;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.single-playlist .playlist-body [class^=thumbnail-] {
	width: calc(100% - 2em);
	padding: 5px 1em
}

.single-playlist .playlist-body [class^=thumbnail-] .thumb-wrapper {
	width: 120px;
	height: 68.4px;
	background-color: #e6e7ef
}

.single-playlist .playlist-body [class^=thumbnail-] .thumb-details .thumb-title {
	font-size: 1em
}

.single-playlist .playlist-body [class^=thumbnail-] .thumb-details .thumb-title>a {
	line-height: 1.6
}

.single-playlist .playlist-body .pl-index~[class^=thumbnail-] {
	padding-right: 0
}

.single-playlist .ss-scroll {
	width: 5px;
	margin: 0 2px;
	opacity: 1;
	border-radius: 0;
	-webkit-transform: scaleY(.96);
	transform: scaleY(.96)
}

.single-playlist .edit-title {
	font-size: .7em;
	padding: .5em 0;
	margin-right: .5em
}

.single-playlist .close-edit .icon {
	font-size: 1.6em;
	margin: 0 0 0 .5em
}

.single-playlist .playlist-title-form {
	display: none;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	padding: 0 1em;
	background-color: #e6e7ef;
	z-index: 2
}

.single-playlist .playlist-title-form .form,
.single-playlist .playlist-title-form.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-playlist .playlist-title-form .field-inner,
.single-playlist .playlist-title-form .form-field.form-field {
	margin: 0
}

.single-playlist .playlist-title-form .field-title {
	width: 100%;
	padding-left: 1em
}

.single-playlist .playlist-title-form .field-error {
	position: absolute;
	top: 50%;
	right: 1em;
	margin: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.single-recom .recom-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1em
}

.single-recom .recom-header .title {
	font-size: 1em;
	color: #484b62
}

.single-recom .recom-header .autoplay-toggle {
	font-size: .8em;
	margin-right: auto
}

.single-recom .recom-header .autoplay-toggle .input-switch .input-check {
	left: 0
}

.single-recom .recom-header .autoplay-toggle .input-switch .input-label {
	padding: 0 0 0 4.5em
}

.single-recom .recom-header .tooltip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-recom .recom-header .tooltip svg {
	fill: #e6e7ef
}

.single-recom .thumbnail-detailside .thumb-details {
	padding-left: 0;
	direction: rtl;
	text-align: right;
}

.single-recom .thumbnail-detailside .thumb-details .thumb-title>a {
	max-height: 3.4em;
	white-space: normal
}

.single-recom .thumbnail-detailside .thumb-details .thumb-channel {
	width: 100%;
	margin: 0px;
}

.single-recom .thumbnail-detailside .thumb-details .thumb-channel:after {
	content: none
}

.single-recom .input-switch .input-inner {
	padding: 0
}

.single-recom .show-more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2.5em 0 1em
}

.single-ads {
	display: none
}

.single-ads:first-child .hide-ads-action {
	margin-bottom: .2em
}

.single-ads .hide-ads-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1em
}

.single-ads .hide-ads-action:hover {
	cursor: pointer
}

.single-ads .hide-ads-action .icon {
	fill: #6f7285
}

.single-ads .hide-ads-action .text {
	color: #6f7285;
	font-size: .75em;
	margin-right: .5em
}

.single-ads .sabavision-ads {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.single-ads .sabavision-ads ul {
	width: 100%
}

.single-ads .sabavision-ads ul li {
	width: 100%;
	min-height: 150px;
	position: relative;
	margin-bottom: 25px
}

.single-ads .sabavision-ads ul li iframe {
	-webkit-transform: none;
	transform: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.single-ads .filimo-ads {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.single-ads .filimo-ads .movie-poster {
	width: 80px;
	height: 110px;
	background-color: #d3d3d3
}

.single-ads .filimo-ads .movie-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(100% - 96px);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 15px;
	font-size: 12px
}

.single-ads .filimo-ads .movie-info .top-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-ads .filimo-ads .movie-info .top-section .movie-title {
	max-width: 85%;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 5px;
	color: #484b62
}

.single-ads .filimo-ads .movie-info .top-section .close-button {
	margin-right: auto
}

.single-ads .filimo-ads .movie-info .top-section .close-button svg {
	fill: #484b62
}

.single-ads .filimo-ads .movie-description {
	height: 40px;
	overflow: hidden;
	color: #484b62;
	font-size: 11px;
	opacity: .7;
	max-height: 47px;
	line-height: 1.9em;
	margin-top: 10px
}

.single-ads .filimo-ads .movie-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px
}

.single-ads .filimo-ads .movie-action .movie-link {
	color: #0ad287;
	font-size: 11px
}

.single-ads .filimo-ads .movie-action .movie-link .icon {
	fill: #0ad287;
	width: 8px;
	height: 8px;
	margin-right: 5px
}

.single-ads .filimo-ads .movie-action .filimo-label {
	color: #d3d6e0;
	font-size: 11px;
	margin-right: auto
}

.single-ads .syncAds .h_iframe-sabavision_responsive_ads_468x60 {
	margin: 0 auto;
	position: relative;
	max-width: 468px;
	max-height: 60px
}

.single-ads .syncAds .sabavision_responsive_ads_468x60__ratio {
	display: block;
	padding-top: 11.9%
}

.single-ads .syncAds .ad__abroad_banner,
.single-ads .syncAds .ad__sidebar_banner,
.single-ads .syncAds .h_iframe-sabavision_responsive_ads_468x60 {
	border: solid 1px #f5f5f9;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 1em
}

.single-ads .syncAds .ad__abroad_banner:last-child,
.single-ads .syncAds .ad__sidebar_banner:last-child,
.single-ads .syncAds .h_iframe-sabavision_responsive_ads_468x60:last-child {
	margin-bottom: 0
}

.single-ads .syncAds .h_iframe-sabavision_responsive_ads_468x60 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.single-ads .syncAds .ad__sync--ratio {
	padding-top: 80%;
	position: relative
}

.single-ads .syncAds .ad__sync--ratio.mobile-view {
	padding-top: 24%
}

.single-ads .syncAds .ad__sync--ratio iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.operator-actions {
	width: 100%
}

.operator-actions>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 1em;
	padding: 1em 0
}

.operator-actions>ul>li:first-child .action {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px
}

.operator-actions>ul>li:last-child .action {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-left: none
}

.operator-actions .action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 3.6em;
	font-size: .85em;
	color: #484b62;
	padding: 0 2em;
	white-space: nowrap;
	border-left: 1px solid #e6e7ef;
	background-color: #f5f5f9
}

.operator-actions .action .icon {
	margin-left: 10px;
	fill: #6f7285
}

.operator-actions .action:hover {
	background-color: #e6e7ef
}

.operator-actions .action:hover .icon {
	fill: #484b62
}

.operator-actions .dropdown-content {
	min-width: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.operator-actions .dropdown-content .title {
	font-size: .9em;
	font-weight: 300;
	color: #6f7285;
	padding: .75em 1em;
	border-bottom: 1px solid #f5f5f9
}

.operator-actions .dropdown-content .playlist-list {
	max-height: 250px;
	padding: .5em 1em;
	border-bottom: 1px solid #f5f5f9;
	overflow-y: auto
}

.operator-actions .dropdown-content .playlist-list .radio-parent .input-inner {
	padding: .5em 0
}

.operator-actions .dropdown-content .create-button,
.operator-actions .dropdown-content .create-form {
	padding: .5em 1em;
	text-align: center
}

.operator-actions .dropdown-content .create-button .icon-send,
.operator-actions .dropdown-content .create-form .icon-send {
	padding-left: 0;
	padding-right: 1em;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.operator-actions .dropdown-content .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #6f7285;
	font-weight: 300;
	font-size: .9em;
	padding: 5px 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.operator-actions .dropdown-content .link:hover {
	background-color: #f5f5f9
}

.operator-actions .dropdown-content .link .icon {
	fill: #6f7285;
	margin-left: 10px
}

.filimo-promotion {
	width: 100%;
	display: block;
	position: relative;
	padding: 1em 0;
	border-top: 1px solid #f5f5f9;
	margin-top: 1em
}

.filimo-promotion>a {
	display: block
}

.filimo-promotion .remove-ad {
	position: absolute;
	top: .75em;
	left: 0;
	z-index: 1;
	font-size: 1.2em;
	line-height: 0;
	padding: .2em;
	background-color: #fff
}

.filimo-promotion .remove-ad .icon {
	fill: #6f7285;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.filimo-promotion .remove-ad:hover .icon {
	fill: #df0f50
}

.filimo-promotion .details,
.filimo-promotion .thumbnail {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.filimo-promotion .thumbnail {
	width: 80px
}

.filimo-promotion .thumbnail:before {
	content: '';
	display: block;
	padding-top: 133%
}

.filimo-promotion .thumbnail>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.filimo-promotion .details {
	width: calc(100% - (80px + 10px));
	padding-right: .75em
}

.filimo-promotion .details .title {
	width: 100%;
	font-size: .9em;
	font-weight: 400;
	color: #484b62;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.filimo-promotion .details .title-en {
	display: block;
	font-size: .9em;
	font-weight: 300;
	color: #6f7285
}

.filimo-promotion .details .description {
	max-height: 4em;
	line-height: 2em;
	font-size: .85em;
	font-weight: 300;
	color: #6f7285;
	margin-top: .5em;
	overflow: hidden
}

.filimo-promotion .details .bottom {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 1em
}

.filimo-promotion .details .bottom .product-name,
.filimo-promotion .details .bottom .watch-movie {
	display: block
}

.filimo-promotion .details .bottom .watch-movie {
	float: right;
	font-size: .85em;
	font-weight: 300;
	color: #0ad287
}

.filimo-promotion .details .bottom .watch-movie .icon {
	display: inline-block;
	vertical-align: middle;
	font-size: .8em;
	fill: #0ad287;
	margin-right: .5em;
	-webkit-transition: margin .3s ease;
	transition: margin .3s ease
}

.filimo-promotion .details .bottom .product-name {
	float: left;
	font-size: .85em;
	font-weight: 300;
	color: #d3d6e0
}

.filimo-promotion:hover .details .bottom .watch-movie .icon {
	margin-right: 1em
}

.filimo-promotion-2 {
	width: 100%;
	display: block;
	position: relative;
	margin-top: 1em;
	display: inline-block;
	margin-bottom: 1em
}

.filimo-promotion-2>a {
	display: block
}

.filimo-promotion-2 .remove-ad {
	position: absolute;
	top: .75em;
	left: 0;
	z-index: 1;
	font-size: 1.2em;
	line-height: 0;
	padding: .2em;
	background-color: #fff
}

.filimo-promotion-2 .remove-ad .icon {
	fill: #6f7285;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.filimo-promotion-2 .remove-ad:hover .btn {
	background: #df0f50
}

.filimo-promotion-2 .btn {
	font-family: IRANSans, "Open Sans", sans-serif;
	padding: .5em 1em;
	border: 1px solid #d3d6e0;
	border-radius: 25px;
	background: #fff;
	color: #000;
	margin-top: .75em;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
	position: absolute;
	bottom: 1em
}

@media (max-width:480px) {
	.filimo-promotion-2 .btn {
		font-size: .75em
	}
}

.filimo-promotion-2 .btn .icon {
	vertical-align: middle;
	margin-left: .25em
}

.filimo-promotion-2 .btn:hover {
	background: #19ab56;
	cursor: pointer;
	color: #fff
}

.filimo-promotion-2 .btn:hover .icon {
	fill: #fff
}

.filimo-promotion-2 .rate {
	color: #6f7285;
	display: inline-block;
	position: relative;
	position: absolute;
	left: 15px
}

.filimo-promotion-2 .rate .icon {
	fill: #000
}

.filimo-promotion-2 .details,
.filimo-promotion-2 .thumbnail {
	position: relative;
	display: block;
	width: calc(100% - (113px));
	float: left;
	vertical-align: top
}

.filimo-promotion-2 .details img,
.filimo-promotion-2 .thumbnail img {
	width: 100%
}

.filimo-promotion-2 .img-thumb {
	width: 100%
}

.filimo-promotion-2 .thumbnail {
	display: block;
	width: 113px;
	float: right
}

.filimo-promotion-2 .thumbnail:before {
	content: '';
	display: block
}

.filimo-promotion-2 .thumbnail>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.filimo-promotion-2 .details {
	background: #f5f5f9;
	min-height: 150px;
	padding: .75em;
	position: relative
}

.filimo-promotion-2 .title {
	width: 100%;
	font-size: .9em;
	font-weight: 400;
	color: #484b62;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.filimo-promotion-2 .title-en {
	display: block;
	font-size: .9em;
	font-weight: 300;
	color: #6f7285
}

.filimo-promotion-2 .description {
	max-height: 4em;
	line-height: 2em;
	font-size: .85em;
	font-weight: 300;
	color: #6f7285;
	margin-top: .5em;
	overflow: hidden
}

.filimo-promotion-2 .product-name {
	display: block;
	float: left;
	font-size: .85em;
	font-weight: 300;
	color: #d3d6e0
}

.filimo-promotion-3 {
	width: 100%;
	display: block;
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	display: inline-block
}

.filimo-promotion-3>a {
	display: block
}

.filimo-promotion-3 .remove-ad {
	position: absolute;
	top: .75em;
	left: 0;
	z-index: 1;
	font-size: 1.2em;
	line-height: 0;
	padding: .2em;
	background-color: #fff
}

.filimo-promotion-3 .remove-ad .icon {
	fill: #6f7285;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.filimo-promotion-3 .remove-ad:hover .icon {
	fill: #df0f50
}

.filimo-promotion-3 .btn {
	font-family: IRANSans, "Open Sans", sans-serif;
	padding: .5em .75em;
	border: 1px solid #d3d6e0;
	border-radius: 3px;
	background: #19ab56;
	margin-top: .75em;
	color: #fff;
	position: absolute;
	bottom: 1em
}

.filimo-promotion-3 .btn .icon {
	vertical-align: middle;
	margin-left: .5em;
	fill: #fff;
	width: .75em;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.filimo-promotion-3 .btn:hover {
	cursor: pointer
}

.filimo-promotion-3 .btn:hover .icon {
	-webkit-transform: translateX(-.35em);
	transform: translateX(-.35em)
}

.filimo-promotion-3 .rate {
	color: #6f7285;
	display: inline-block;
	bottom: 20px;
	position: absolute;
	left: 15px
}

.filimo-promotion-3 .rate .icon {
	fill: #000
}

@media (max-width:480px) {
	.filimo-promotion-3 .rate {
		font-size: .75em
	}
}

.filimo-promotion-3 .details,
.filimo-promotion-3 .thumbnail {
	position: relative;
	display: block;
	width: calc(100% - (113px));
	float: left;
	vertical-align: top
}

.filimo-promotion-3 .logo {
	position: absolute;
	left: 1em;
	top: 1em
}

.filimo-promotion-3 .logo .icon {
	fill: #6f7285;
	width: 1.5em;
	height: 1.5em
}

.filimo-promotion-3 .thumbnail {
	display: block;
	width: 113px;
	float: right
}

.filimo-promotion-3 .thumbnail:before {
	content: '';
	display: block;
	padding-top: 133%
}

.filimo-promotion-3 .thumbnail>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.filimo-promotion-3 .details {
	background: #f5f5f9;
	min-height: 150px;
	padding: .75em;
	position: relative
}

.filimo-promotion-3 .title {
	width: 100%;
	font-size: .9em;
	font-weight: 400;
	color: #484b62;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.filimo-promotion-3 .title-en {
	display: block;
	font-size: .9em;
	font-weight: 300;
	color: #6f7285
}

.filimo-promotion-3 .description {
	max-height: 4em;
	line-height: 2em;
	font-size: .85em;
	font-weight: 300;
	color: #6f7285;
	margin-top: .5em;
	overflow: hidden
}

.filimo-promotion-3 .product-name {
	display: block;
	float: left;
	font-size: .85em;
	font-weight: 300;
	color: #d3d6e0
}

.video-cat-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.video-cat-list .form-button .field-inner {
	margin: 0
}

.video-cat-list .form-button .button {
	margin: 0 auto
}

.share-options {
	width: 100%;
	padding-top: 1em
}

.share-options .socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.share-options .socials .social {
	padding: 0 .5em
}

.share-options .socials .social a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.share-options .socials .social .circle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.share-options .socials .social .icon {
	font-size: 1.5em
}

.share-options .socials .social .text {
	font-size: .9em;
	font-weight: 300;
	color: #6f7285;
	margin-top: .5em;
	text-align: center
}

.share-options .socials .social:not(.embed) .icon,
.share-options .socials .social:not(.qr-code) .icon {
	fill: #fff
}

.share-options .socials .social.embed .icon,
.share-options .socials .social.qr-code .icon {
	fill: #292a33
}

.share-options .socials .facebook .circle {
	background-color: #3b5998
}

.share-options .socials .twitter .circle {
	background-color: #55acee
}

.share-options .socials .whatsapp .circle {
	background-color: #43d854
}

.share-options .socials .telegram .circle {
	background-color: #08c
}

.share-options .socials .linkedin .circle {
	background-color: #0077b5
}

.share-options .copy-url {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-top: 20px
}

.share-options .copy-url .form-field {
	width: 100%
}

.share-options .copy-url .form-field .input {
	direction: ltr;
	text-align: left
}

.share-options .copy-url .button {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 2
}

.share-options .copy-url .button:hover {
	cursor: pointer
}

.embed-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.embed-content .button {
	margin-right: auto
}

.embed-content .button svg {
	fill: gray
}

.embed-content .input-radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: .9em;
	margin-bottom: 1em
}

.embed-content .input-radio .input-inner {
	width: auto;
	padding-right: 0
}

@media (max-width:480px) {
	.embed-content .input-radio .input-inner {
		font-size: .9em
	}
}

.embed-content .input-radio .input-inner:not(:first-child) {
	margin-right: 1em
}

.embed-content .embed-preview {
	position: relative
}

.embed-content .code-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	min-height: 70px
}

.embed-content .code-section:not(:first-child) {
	margin-top: .5em
}

.embed-content .code-section .copy-input {
	position: relative;
	width: calc(100% - 60px);
	font-size: .85em;
	direction: ltr;
	color: #6f7285;
	overflow: auto;
	padding: .75em;
	border: none;
	resize: none;
	opacity: 1;
	border-radius: 0 5px 5px 0;
	background-color: #f5f5f9
}

.embed-content .code-section .copy-code {
	width: 60px;
	border-radius: 5px 0 0 5px;
	background-color: #484b62
}

.embed-content .code-section .copy-code:hover {
	cursor: pointer
}

.embed-content .code-section .copy-code svg {
	width: 1.4em;
	height: 1.4em;
	fill: #fff
}

.embed-content .check-section {
	margin-top: 20px
}

.embed-content .check-section .custom-checkbox {
	margin-top: 5px
}

.embed-content .check-section .custom-checkbox label {
	font-size: .8em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.embed-content .check-section .custom-checkbox label span {
	width: 17px;
	height: 17px;
	margin-left: 5px
}

.embed-content .check-section .custom-checkbox label span img {
	width: 9px;
	height: 14px
}

.embed-content .view-settings-section {
	border-bottom: 1px solid #f5f5f9;
	padding-bottom: 20px
}

.embed-content .view-settings-section .title {
	color: #6f7285;
	font-weight: 700;
	margin-bottom: 20px
}

.embed-content .footer-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 15px
}

.embed-content .footer-section .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.embed-content .footer-section .link a {
	font-size: .85em;
	color: #484b62;
	margin-left: 20px
}

.embed-content .footer-section .paragraph {
	font-size: .8em;
	margin-top: .5em
}

.recommended-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	position: relative;
	overflow: hidden
}

.recommended-list [class^=thumbnail-] {
	width: 100%
}

.recommended-list [class^=thumbnail-]:not(:last-child) {
	margin-bottom: 8px
}

.recommended-list [class^=thumbnail-] .thumb-details .thumb-title {
	margin-bottom: .5em
}

.recommended-list .inner {
	width: 100%
}

.recommended-list .inner.limited [class^=thumbnail-]:nth-child(10) {
	margin-bottom: 0
}

.recommended-list .inner.limited [class^=thumbnail-]:nth-child(n+11) {
	display: none
}

.single-promotion,
.single-promotion .videoonepromotion__template1 {
	width: 100%;
	display: block;
	float: right
}

.single-promotion .single-banner-container {
	max-width: 800px;
	margin: 0 auto;
	border: solid 1px #ddd;
	padding: 2px;
	border-radius: 3px;
	overflow: hidden
}

.single-promotion .videoonepromotion__template1 {
	padding: 1em;
	margin: 0;
	border: 1px solid #f5f5f9
}

.single-promotion .videoonepromotion__template1 .movie-info {
	font-size: .9em
}

.single-promotion .videoonepromotion__template1 .items {
	float: right;
	width: 100%
}

.videoonepromotion__template1 {
	border: 1px solid #ededed;
	border-radius: 3px;
	margin-top: 50px;
	padding: 10px 5px
}

.videoonepromotion__template1 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.videoonepromotion__template1 .items,
.videoonepromotion__template1 .items .cover {
	position: relative
}

.videoonepromotion__template1 .items>li {
	float: right;
	width: 16.6%;
	padding: 0 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.videoonepromotion__template1 .items>li:nth-of-type(1n) {
	display: block
}

.videoonepromotion__template1 .items>li:nth-of-type(n+7) {
	display: none
}

.videoonepromotion__template1 .items .item-movie {
	position: relative;
	z-index: 2
}

.videoonepromotion__template1 .items .item-movie>a {
	display: block
}

.videoonepromotion__template1 .item-filimo .desc {
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
	line-height: 1.7;
	color: #484b62
}

.videoonepromotion__template1 .cta-holder {
	display: block
}

.videoonepromotion__template1 .cta {
	position: relative;
	background-color: #ffbe00;
	border-radius: 20px;
	display: inline-block;
	padding: 6px 5px;
	width: 98%;
	max-width: 150px
}

.videoonepromotion__template1 .cta:hover {
	background: #fc3
}

.videoonepromotion__template1 .cta-text {
	color: #484b62;
	font-size: 11px;
	font-weight: 700
}

.videoonepromotion__template1 .brand-logo {
	background: url(../../img-3h02ruuEqwuUPcBMHoFgg/videopromotion/main-filimo.png) no-repeat center;
	background-size: contain;
	z-index: 21;
	height: 65px;
	margin-bottom: 10px;
	margin-top: 5px;
	display: block
}

.videoonepromotion__template1 .icon-external {
	background: url(../../img-3h02ruuEqwuUPcBMHoFgg/videopromotion/icon-external.svg) no-repeat center right;
	vertical-align: middle;
	display: inline-block;
	height: 15px;
	width: 15px
}

.videoonepromotion__template1 .item-filimo {
	text-align: center
}

.videoonepromotion__template1 .movie-info {
	display: block;
	font-size: 10px
}

.videoonepromotion__template1 .movie-title {
	font-weight: 700;
	display: block;
	color: #484b62;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.videoonepromotion__template1 .movie-tag {
	display: block;
	color: #6f7285
}

.videoonepromotion__template1 .ratio {
	display: block!important;
	padding-top: 133%!important
}

.videoonepromotion__template1 .cover {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	display: block;
	position: relative;
	margin-bottom: 5px
}

.videoonepromotion__template1 .cover .buton-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	display: block;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-in;
	transition: opacity 250ms ease-in;
	background: #34a361 url(../../img-3h02ruuEqwuUPcBMHoFgg/videopromotion/icon-play-white.svg) 55% 50% no-repeat;
	background-size: 20px
}

.videoonepromotion__template1 .banner-link:hover .cover .buton-play {
	opacity: 1
}

@media screen and (max-height:770px) {
	.videoonepromotion__template1 .items>li {
		width: 20%
	}
	.videoonepromotion__template1 .items>li:nth-of-type(1n) {
		display: block
	}
	.videoonepromotion__template1 .items>li:nth-of-type(n+6) {
		display: none
	}
}

@media screen and (max-width:1280px) {
	.videoonepromotion__template1 .items>li {
		width: 20%
	}
	.videoonepromotion__template1 .items>li:nth-of-type(1n) {
		display: block
	}
	.videoonepromotion__template1 .items>li:nth-of-type(n+6) {
		display: none
	}
}

@media screen and (max-width:1100px) {
	.videoonepromotion__template1 .items>li {
		padding-bottom: 0;
		width: 25%
	}
	.videoonepromotion__template1 .items>li:nth-of-type(1n) {
		display: block
	}
	.videoonepromotion__template1 .items>li:nth-of-type(n+5) {
		display: none
	}
}

@media screen and (max-width:600px) {
	.videoonepromotion__template1 {
		background-color: #ededed;
		border: none;
		border-top: solid 1px #dedede;
		margin: 0 -15px;
		border-radius: 0
	}
	.videoonepromotion__template1 .items {
		padding-bottom: 45px
	}
	.videoonepromotion__template1 .items .item-filimo {
		width: 100%
	}
	.videoonepromotion__template1 .item-filimo .desc {
		font-size: 12px;
		margin-bottom: 0
	}
	.videoonepromotion__template1 .items>li {
		padding-bottom: 0;
		width: 33.3%
	}
	.videoonepromotion__template1 .items>li:nth-of-type(1n) {
		display: block
	}
	.videoonepromotion__template1 .items>li:nth-of-type(n+8) {
		display: none
	}
	.videoonepromotion__template1 .movie-tag {
		color: #777070;
		min-height: 20px
	}
	.videoonepromotion__template1 .cover {
		margin-top: 15px
	}
	.videoonepromotion__template1 .brand-logo {
		background: url(../../img-3h02ruuEqwuUPcBMHoFgg/videopromotion/logo.png) no-repeat center;
		z-index: 21;
		height: 25px;
		background-size: 70px;
		margin: 0 0 5px
	}
	.videoonepromotion__template1 .cta {
		border: 0 none
	}
	.videoonepromotion__template1 .cta-holder {
		position: absolute;
		z-index: 1;
		bottom: 0;
		text-align: center;
		width: 100%
	}
}

.nahang-promotion {
	padding: 1em;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.nahang-promotion .left-side {
	display: inline-block;
	width: 82%;
	vertical-align: top;
	padding: 1em;
	float: left
}

.nahang-promotion .left-side .rate {
	display: inline-block;
	padding-right: 1.5em;
	color: #0ad287;
	text-shadow: 0 0 .18em #000
}

.nahang-promotion .left-side .rate .icon {
	fill: #0ad287
}

.nahang-promotion .left-side .title {
	display: inline-block;
	color: #fff;
	padding-bottom: 2em;
	font-weight: 700
}

.nahang-promotion .left-side .title:hover {
	color: #fdc13c
}

.nahang-promotion .left-side .info {
	color: #fff;
	font-size: .9em;
	padding-bottom: 1em;
	text-shadow: 0 0 .18em #000
}

.nahang-promotion .left-side .logo-box {
	width: 6.25em;
	position: absolute;
	left: 1em;
	top: 1.8em;
	display: inline-block
}

.nahang-promotion .left-side .logo-style {
	width: 6.25em
}

.nahang-promotion .left-side .watch-filimo {
	background: #19ab56;
	color: #fff;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
	border-radius: 25px;
	padding: .5em 1em;
	position: absolute;
	bottom: 1em;
	font-size: .9em
}

.nahang-promotion .left-side .watch-filimo:hover {
	background: #16954b
}

.nahang-promotion .left-side .watch-filimo .icon {
	fill: #fff;
	margin: .25em;
	vertical-align: middle
}

.nahang-promotion .right-side {
	width: 18%;
	display: inline-block;
	background-size: cover;
	background-position: center;
	position: relative
}

.nahang-promotion .right-side .ratio {
	padding-top: 133%;
	display: inline-block
}

.nahang-promotion .thumb {
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.nahang-promotion .thumb:hover .buton-play {
	opacity: 1
}

.nahang-promotion .buton-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3.12em;
	height: 3.12em;
	display: block;
	margin-top: -1.5em;
	margin-left: -1.5em;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity 250ms ease-in;
	transition: opacity 250ms ease-in;
	background: #19ab56;
	background-size: 1.25em
}

.nahang-promotion .buton-play .icon {
	fill: #fff;
	position: absolute;
	top: 50%;
	left: 55%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1.13em;
	height: 1.13em
}

@media (max-width:740px) {
	.nahang-promotion .left-side .info {
		font-size: .7em
	}
	.nahang-promotion .left-side .title {
		padding-bottom: 1em
	}
}

@media (max-width:1280px) {
	.nahang-promotion .right-side {
		width: 20%
	}
	.nahang-promotion .left-side {
		width: 80%
	}
}

@media (max-width:480px) {
	.nahang-promotion .left-side .info {
		display: none
	}
	.nahang-promotion .left-side .rate {
		margin-bottom: .5em;
		display: block;
		padding: 0;
		font-size: .8em
	}
	.nahang-promotion .left-side {
		padding: .25em;
		padding: .25em 1em 0 .5em
	}
	.nahang-promotion .left-side .logo-box {
		left: 1em;
		top: 1.5em;
		width: 4.35em
	}
	.nahang-promotion .left-side .logo-style {
		width: 4.35em
	}
	.nahang-promotion .left-side .title {
		padding-bottom: .25em;
		width: 12em;
		font-size: .8em
	}
	.nahang-promotion .left-side .watch-filimo {
		font-size: .8em
	}
}

body:not(.device-mobile) .single {
	max-width: 100%;
}

@media (min-width:1029px) and (max-height:560px) {
	body:not(.device-mobile) .single {
		max-width: 100%;
	}
}

@media (min-width:1200px) and (max-height:560px) {
	body:not(.device-mobile) .single {
		max-width: 100%;
	}
}

@media (max-width:991px) {
	body:not(.device-mobile) .single .single-playlist {
		margin-top: 1em
	}
	body:not(.device-mobile) .single.has-playlist .single-playlist {
		max-height: 400px;
		height: auto
	}
	body:not(.device-mobile) .single.has-playlist .single-playlist .ss-content {
		max-height: calc(400px - 60px)
	}
}

@media (min-width:992px) {
	body:not(.device-mobile) .single .show-mobile.show-mobile {
		display: none
	}
	body:not(.device-mobile) .single .single-playlist .ss-container,
	body:not(.device-mobile) .single .single-playlist .ss-content,
	body:not(.device-mobile) .single .single-playlist .ss-wrapper {
		height: 100%
	}
}

@media (max-width:1180px) and (min-width:1029px) {
	body:not(.device-mobile) .single .single-details .video-info .title.title {
		font-size: 1.2em
	}
}

@media (max-width:1180px) {
	body:not(.device-mobile) .single .operator-actions {
		font-size: .9em
	}
}

body.device-mobile .single {
	padding: 0
}

body.device-mobile .single>.wrapper {
	padding: 0
}

body.device-mobile .single .single-ads,
body.device-mobile .single .single-details {
	padding: 0 1em
}

body.device-mobile .single .single-recom {
	padding: 1em
}

body.device-mobile .single .single-recom .show-more {
	margin: 1em 0 0
}

body.device-mobile .single .single-comments {
	padding: 1em 1em 0
}

body.device-mobile .single .single-comments .comment-insert {
	margin: 0 0 1em
}

body.device-mobile .single .single-promotion {
	padding: 0 1em 1em 1em
}

body.device-mobile .single .filimo-promotion {
	font-size: 13px;
	padding: 1em
}

body.device-mobile .single .filimo-promotion .remove-ad {
	left: .75em;
	padding: .5em;
	margin: -.5em
}

body.device-mobile .single .single-playlist {
	max-height: none;
	height: auto
}

body.device-mobile .single .single-playlist>.inner {
	position: relative
}

body.device-mobile .single .single-playlist .ss-container,
body.device-mobile .single .single-playlist .ss-content,
body.device-mobile .single .single-playlist .ss-wrapper,
body.device-mobile .single .single-playlist>.inner {
	height: auto
}

body.device-mobile .share-options .socials .social {
	font-size: .8em
}

@media screen and (min-aspect-ratio:13 / 9) and (orientation:landscape) {
	body.device-mobile:not(.amp-page) {
		background-color: #000;
		overflow: hidden
	}
	body.device-mobile:not(.amp-page) .single .player-container,
	body.device-mobile:not(.amp-page) .single .single-video {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0
	}
	body.device-mobile:not(.amp-page) .single .single-video {
		position: fixed;
		z-index: 21
	}
	body.device-mobile:not(.amp-page) .single .player-container {
		position: absolute
	}
	body.device-mobile:not(.amp-page) .single .mobile-recom {
		font-size: 20px
	}
	body.device-mobile:not(.amp-page) .single .mobile-recom .next-video {
		-webkit-transform: translate(100px, -50%);
		transform: translate(100px, -50%)
	}
	body.device-mobile:not(.amp-page) .single .mobile-recom .inner .replay-button:after {
		font-size: 16px
	}
	body.device-mobile:not(.amp-page) .filimo-promotion,
	body.device-mobile:not(.amp-page) .header,
	body.device-mobile:not(.amp-page) .secondary,
	body.device-mobile:not(.amp-page) .single-ads,
	body.device-mobile:not(.amp-page) .single-comments,
	body.device-mobile:not(.amp-page) .single-details,
	body.device-mobile:not(.amp-page) .single-promotion,
	body.device-mobile:not(.amp-page) .single-recom {
		display: none
	}
}

@media (max-width:1180px) and (min-width:992px) {
	.single .primary {
		width: calc(100% - 350px)
	}
	.single .secondary {
		width: 350px
	}
	.single .single-playlist {
		height: calc((100vw - calc(350px + (3 * 1.7143em))) * (9 / 16))
	}
	.single .single-details .boost-details .value {
		font-size: .9em
	}
}

@media (max-width:991px) {
	.embed-content .embed-preview .code-section .copy-input {
		color: #484b62;
		overflow: hidden
	}
	.single .hide-mobile.hide-mobile.hide-mobile {
		display: none
	}
	.single .primary,
	.single .secondary {
		width: 100%;
		padding: 0
	}
	.single .operator-actions .action .text {
		display: none
	}
	.single .operator-actions .action .icon {
		font-size: 1.2em;
		margin: 0
	}
	.single .single-details {
		margin-top: 1em
	}
	.single .single-details .video-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.single .single-details .video-info .title {
		width: 100%;
		font-size: 1em;
		padding-left: 2em
	}
	.single .single-details .video-info .watch-time {
		width: 100%;
		margin-top: 1em;
		padding: 1em;
		border-radius: 3px;
		background-color: #fbfbfc
	}
	.single .single-details .video-info .watch-time[data-tooltip]:before {
		max-width: 80%;
		width: 100%;
		white-space: normal;
		bottom: -5px;
		left: 50%;
		right: auto;
		top: auto;
		-webkit-transform: translate(-50%, 100%);
		transform: translate(-50%, 100%);
		display: block
	}
	.single .single-details .video-info .watch-time[data-tooltip]:after {
		top: auto;
		bottom: -5px;
		left: 50%;
		right: auto;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 5px solid rgba(72, 75, 98, .8);
		border-top: none
	}
	.single .single-details .video-info .more-info-button {
		position: absolute;
		top: -5px;
		left: 0
	}
	.single .single-details .video-info.ltr .title {
		padding: 0 2em 0 0
	}
	.single .single-details .video-info.ltr .more-info-button {
		left: auto;
		right: 0
	}
	.single .single-details .detail-row .detail-utils {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.single .single-details .detail-row .detail-utils .view-count {
		font-size: .85em;
		font-weight: 400;
		color: #6f7285
	}
	.single .single-details .togglable-section {
		/*display: none*/
	}
	.single .single-details .boost-details {
		display: none
	}
	.single .advertise-band~.recom-band .single-recom,
	.single .filimo-promotion {
		padding-top: 1em;
		border-top: 1px solid #f5f5f9
	}
	.single .single-recom {
		font-size: 15px
	}
	.single .single-ads {
		padding: 0
	}
	.single .single-ads .syncAds .ad__abroad_banner,
	.single .single-ads .syncAds .ad__sidebar_banner,
	.single .single-ads .syncAds .h_iframe-sabavision_responsive_ads_468x60 {
		display: block;
		margin: 1em auto 0
	}
	.single .single-comments .comment-insert {
		margin-top: 0
	}
	.single .advertise-band,
	.single .recom-band {
		float: right;
		width: 100%
	}
	.single .recom-band {
		margin-top: 1em
	}
	.single.has-playlist .single-playlist>.inner {
		position: relative
	}
	.single.has-playlist .single-playlist .ss-container,
	.single.has-playlist .single-playlist .ss-content,
	.single.has-playlist .single-playlist .ss-wrapper,
	.single.has-playlist .single-playlist>.inner {
		height: auto
	}
	.single:not(.playlist-open) .single-playlist .playlist-body {
		display: none
	}
	.single.playlist-open .primary>:not(.playlist-band):not(.single-video) {
		display: none
	}
	.single.playlist-open .playlist-toggle>.icon {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.single.playlist-open .single-playlist .playlist-body {
		height: calc(100vh - (60px * 2) - ((100vw / 100) * 56))
	}
	.single.theater-mode .wrapper {
		padding-top: calc((100vw / 100) * 56)
	}
}

@media (max-width:740px) {
	.single {
		padding: 1em 0
	}
	.single .wrapper {
		padding: 0 1em
	}
}

@media (min-width:992px) {
	.single .show-mobile.show-mobile.show-mobile {
		display: none
	}
	.single .single-playlist .playlist-body {
		max-height: calc(100% - 60px)
	}
	.single .single-details .togglable-section {
		display: block
	}
	.single.theater-mode .wrapper {
		padding-top: calc(80vh - 65px + 1em)
	}
	.single.theater-mode .single-video {
		height: calc(80vh - 65px)
	}
	.single.theater-mode .player-container {
		height: 100%
	}
	.single.theater-mode .video-js.vjs-saba-player {
		height: 100%;
		padding: 0
	}
	.single.theater-mode .single-details {
		margin-top: 0
	}
}

@media (min-width:1181px) {
	.single .single-playlist {
		height: calc((100vw - calc(400px + (3 * 1.7143em))) * (9 / 16))
	}
}

#videoTitle {
	text-align: right;
}
.paragraph {
	direction: rtl;
	text-align: justify;
}
.thumb-channel .icon {
    font-size: 14px;
    fill: #167ec6;
}
.duration {
    background-color: #6b6b6b;
    color: #fff;
}