@import url('fonts.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
:root {
	--color-primary: #1e76b5;
	--color-primary-dark: #1e679b;
	--color-btn-secondary-light: #FEB526;
	--color-btn-secondary: #E09D19;
	--color-primary-dark-btn: #164769;
	--color-primary-light: #228bd6;
	--color-secondary: #e1bf00;
	--color-black: #000;
	--color-black-light: #141414;
	--color-bg-primary: #0f1114;
	--color-bg-header: #0A0A0A;
	--color-bg-light: #272020;
	--color-text: #ebebeb;
	--color-text-dark: #959595;
}


*,
::before,
::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width: 1200px) {
	html {
		font-size: 57%
	}
}

@media (max-width: 900px) {
	html {
		font-size: 55%
	}
}

ul {
	list-style-type: none
}

a {
	text-decoration: none
}

body {
	font-size: 1.5rem;
	line-height: 1.35;
	font-family: 'IranSans', sans-serif;
	background-color: var(--color-bg-primary);
	/*min-height: 300vh;*/
	color: var(--color-text)
}

.gutter {
	/*padding: 0 calc(8rem + 0.7rem)*/
	padding: 0 !important;
}

@media (max-width: 900px) {
	.gutter {
		padding: 0 calc(4rem + 0.7rem)
	}
}

@media (max-width: 600px) {
	.gutter {
		padding: 0
	}
}

@media (min-width: 1400px) {
	.gutter {
		padding: 0 calc(15rem + 1.2rem)
	}
}

@media (min-width: 1800px) {
	.gutter {
		padding: 0 calc(20rem + 0.5rem)
	}
}

.gutter-margin {
	margin: 0 5px;
}

@media (max-width: 900px) {
	.gutter-margin {
		margin: 0 5px;
	}
}

@media (max-width: 600px) {
	.gutter-margin {
		margin: 0
	}
}

@media (min-width: 1400px) {
	.gutter-margin {
		margin: 0 5px;
	}
}

@media (min-width: 1800px) {
	.gutter-margin {
		margin: 0 5px;
	}
}

.header {
	background-color: rgba(10,10,10,0.3);
	height: 8rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.header>:not(:last-child) {
	margin-right: 5rem
}



.continer-slide {
	height: 100vh;
	min-height: 320px !important;
	max-height: 700px !important;
}

@media (max-width: 730px) {
	.header>:not(:last-child) {
		margin: 0
	}
	.header {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

input#load, input#loadb {
	width:100%;
	color:white;
}

#load:hover {
	transform: translateY(-2px);
}

.container {
	padding: 0 8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 900px) {
	.container {
		padding: 0 4rem
	}
}

@media (max-width: 600px) {
	.container {
		padding: 0
	}
}

@media (min-width: 1400px) {
	.container {
		padding: 0 15rem
	}
}

@media (min-width: 1800px) {
	.container {
		padding: 0 20rem
	}
}

.container-fluid {
	padding: 0!important
}

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

[class^="col-"] {
	padding: .2rem
}

@media (max-width: 600px) {
	[class^="col-"] {
		padding: .3rem
	}
}

@media (min-width: 1400px) {
	[class^="col-"] {
		padding: 1.2rem
	}
}

@media (min-width: 1800px) {
	[class^="col-"] {
		padding: .5rem
	}
}

.col-full {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.col-half {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.col-side {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%
}

@media (max-width: 600px) {
	.col-side {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.col-fill {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width: 600px) {
	.col-fill {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.col-1 {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.66666667%;
	flex: 0 0 16.66666667%
}

@media (max-width: 900px) {
	.col-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%
	}
}

@media (max-width: 600px) {
	.col-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}
}

@media (min-width: 1800px) {
	.col-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%
	}
}

.poster {
	height: 21vw
}

@media (max-width: 1200px) {
	.poster {
		height: 20vw
	}
}

@media (max-width: 900px) {
	.poster {
		height: 31vw
	}
}

@media (max-width: 600px) {
	.poster {
		height: 75vw
	}
}

@media (min-width: 1400px) {
	.poster {
		height: 18vw
	}
}

@media (min-width: 1800px) {
	.poster {
		height: 15vw
	}
}

.brand-logo img {
	width: 15rem;
	height: auto
}

@media (max-width: 730px) {
	.brand-logo {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.icon-btn {
	height: 7rem;
	width: 8rem;
	outline: none;
	cursor: pointer;
	border: none;
	/*background-color: var(--color-bg-header);*/
	background-color: transparent;
	-webkit-transition: all .2s;
	transition: all .2s
}

.icon-btn svg {
	width: 2.5rem;
	height: 2.5rem;
	fill: #fff
}

@media (max-width: 730px) {
	.icon-btn svg {
		width: 2.5rem;
		height: 2.5rem
	}
}

.icon-btn:hover svg {
	fill: var(--color-primary)
}

.nav {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 300;
	flex:1;
	justify-content: space-between;
	direction: rtl;
}

.results {
	position: absolute;
	background-color: white;
	top:100%;
	width:100%;
}

.results .btn {
	display: block;
	text-align: center;
}

.results__result {
	display:block;
	overflow: hidden;
	color:black;
	border-bottom: 1px solid var(--color-text-dark);
	background-color: #ccc;
}

.results__result:hover {
	filter:brightness(90%);
}

.results__result img {
	width:5rem;
	margin-right: .5rem;
	float:left;
}

.nav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.nav__item {
	position: relative
}

.nav__item:hover>ul {
	display: block
}

.nav__link:link,
.nav__link:visited {
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	font-size: 0.8rm;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	padding: 1.5rem;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .2s;
	transition: all .2s
}

.nav__link:link:hover,
.nav__link:visited:hover {
	color: var(--color-btn-secondary)
}

@media (max-width: 1200px) {
	.nav__link:link,
	.nav__link:visited {
		padding: .7rem;
		font-size: 1.4rem
	}
}

.nav__sublist {
	background-color: var(--color-black);
	position: absolute;
	top: 100%;
	width: 25rem;
	left: 0;
	display: none;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3)
}

@media (max-width: 1200px) {
	.nav__sublist {
		width: 15rem
	}
}

@media (max-width: 730px) {
	.nav {
		position: static;
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0
	}
	.nav__list {
		display: none;
		background-color: var(--color-black);
		position: absolute;
		-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
		top: 100%;
		width: 100%;
		height: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		left: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.nav__link {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 2rem!important;
		font-size: 2rem;
		border-bottom: 1px solid var(--color-bg-header)
	}
	.nav__item:hover>ul {
		display: none
	}
}

.alert {
	background-color: var(--color-text-dark);
	color: black;
	text-align: center;
	border-radius: .5rem;
	margin-top: 1.5em;
	margin-bottom: 1.5rem;
	padding:1rem;
	font-weight: bold;
}

.search {
	position: absolute;
	/*-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);*/
	/*box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);*/
	top: 0;
	left: 0;
	padding: 0 10px 0 2rem;
	width: 150px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
}

.search-header {display: none}

.icon-menus {display: inline-block; margin: 0 5px; width: 45px; height: 45px; text-align: center; background-color: #DD9A17; border-radius: 100%; vertical-align: top;
 transition: all ease 0.5s; border: 2px solid #DD9A17; position: relative;
}
.show-block {
	display: block !important;
}
.icon-menus:hover {
	background-color: #CA8001;
	border: 2px solid #CA8001;
}

.icon-menus:hover >  svg {fill: #000;}

.icon-menus  > svg {fill: #131313; width: 30px; height: 30px; margin-top: 5px; display: inline-block; vertical-align: top; transition: all ease 0.5s; cursor: pointer;}

.icon-menu-box.active {
	display: block;
}

.icon-menu-box {
	background-color: #fff;
	color:#2e3436;
	position: absolute;
	width: 220px;
	z-index: 9999;
	left: -10px;
	top: 42px;
	min-height: 60px;
	border-radius: 15px;
	display: none;
}

.icon-menu-box-search .btn-icons:hover {
	cursor: pointer;
	background-color: #D40D0D;
}
.icon-menu-box-search .btn-icons:hover svg {
	fill: #fff;
	
}
.icon-menu-box-search .btn-icons svg {
	transition: all ease 0.3s;
	width: 30px;
	height: 30px;
}
.icon-menu-box-search .btn-icons {
	transition: all ease 0.3s;
	background-color: #ccc;
	float: left;
	width: 45px;
	vertical-align: top;
	height: 40px;
}
.icon-menu-box-search .input-inp {
	float: right;
	vertical-align: top;
	height: 40px;
	border: 0;
	width: calc(100% - 45px);
	background-color: transparent;
	direction: rtl;
	text-indent: 15px;
	line-height: 45px;
	font:normal 12px Shabnam, sans-serif;
}
.icon-menu-box-search {
	background-color: #fff;
	width: 300px;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px;
	overflow: hidden;
	border: 1px solid #474747;
}

.btn-icons {height: 40px; width: 55px; text-align: center; float: left; vertical-align: top; border: 0;}
.btn-icons svg {height: 35px; width: 35px;}

.search__input-field {
	display:flex;
	width:100%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.icon-menu-bx-div {font-size: 13px; color:#2e3436; padding: 10px 10px 10px 10px;}

.icon-menu-box {overflow: hidden;}
.icon-menu-box > a {display: block; border-radius: 17px; margin: 6px 15px; height: 35px; background-color: #238EEF; line-height: 35px; color: #fff; transition: all ease 0.5s}
.icon-menu-box > a:hover {background-color: #58AEFC; cursor: pointer}

/*.icon-menu-box > a:last-child {margin-bottom: 10px;}*/

.icon-menu-box-guest {padding: 10px 0; width: 250px; box-shadow: 0 2px 5px 0 rgba(33,33,35,.1);}

.icon-menu-box-guest .head:after {content: " "; clear: both; display: table;}
.icon-menu-box-guest .avatar-box {
	display: inline-block;
	margin-left: 32px;
	width: 20%;
	position: relative;
	float: right;
	top: 18px;
}

.icon-menu-box-guest .avatar {
	width: 50px;
	height: 50px;
	border-radius: 100px;
	position: relative;
	top: 0;
	right: 23px;
}

.icon-menu-box-guest .info-profile {
	display: inline-block;
	width: 80%;
	text-align: right;
	float: left;
	position: relative;
	top: -37px;
	right: 24px;
	line-height: 25px;
}

.info-profile > .name {font-weight: bold}
.icon-menu-box-guest .divider-row {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 15px;
}
.icon-menu-box-guest .divider-row p {
	height: 1px;
	background: #e0e4e7;
	text-align: center;
	margin-right: 24px;
	width: 83%;
	position: relative;
	top: -10px;
}
.icon-menu-box-guest .sub-menu {
	position: relative;
	top: 0;
	width: 100%;
}
.icon-menu-box-guest .sub-menu a {
	text-align: right;
	font-size: 14px;
	display: block;
	height: 38px;
	line-height: 38px;
	padding-right: 24px;
	color: #2e3436;
	transition: all ease 0.3s;
}
.icon-menu-box-guest .sub-menu a:hover {
	background-color: #f7f7f7;
}
.icon-menu-box-guest .sub-menu a svg {
	vertical-align: top;
	width: 18px;
	height: 18px;
	margin-top: 10px;
	margin-left: 5px;
}



@media (max-width: 730px) {
	.search {
		width:100%;
		display: none;
	}
}

.search button {
	height: 3rem;
	width: 4rem;
	background-color: var(--color-text-dark);
	line-height: 10px;
}

.search button svg {
	fill: black;
}

.search .search-toggle-form {
	background-color: var(--color-primary)
}

.search .search-toggle-form:hover {
	background-color: var(--color-bg-header)
}

.search-browse {
	padding: 0;
	background-color: transparent
}

.search-browse .textfield {
	background-color: var(--color-black);
	padding: 0 1.5rem;
	-webkit-transition: all .3s;
	transition: all .3s
}

.search-browse .textfield:focus {
	-webkit-box-shadow: inset 5px 0 0 0 var(--color-primary);
	box-shadow: inset 5px 0 0 0 var(--color-primary)
}

.search-browse button {
	background-color: var(--color-black)
}

.user {
	position: relative
}

@media (max-width: 730px) {
	.user {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%
	}
}

.login {
	position: absolute;
	display: none;
	z-index: 300;
	top: 150%;
	right: 0;
	width: 280%;
	padding: 1rem;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	background-color: var(--color-black)
}

@media (max-width: 730px) {
	.login {
		width: 100%
	}
}

.textfield {
	width: 100%;
	height: 3rem;
	color: black;
	font-size: inherit;
	font-family: inherit;
	border: none;
	outline: none;
	background-color: var(--color-text-dark);
	padding: 0 1rem
}

.select {
	background-color: var(--color-black);
	color: var(--color-text);
	border: none;
	font-size: 1.8rem;
	padding: .8rem;
	width: 15rem;
	outline: none;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.select:hover {
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3), inset 5px 0 0 0 var(--color-primary);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3), inset 5px 0 0 0 var(--color-primary)
}

.darken {
	-webkit-filter: brightness(50%);
	filter: brightness(50%)
}

.btn {
	border: none;
	padding: none;
	background-color: var(--color-primary);
	color: var(--color-black);
	text-transform: uppercase;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 2px;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s;
	transition: all .2s
}

.btn:hover {
	background-color: var(--color-primary-light)
}


.btnsort {
	border: none;
	padding: none;
	background-color: var(--color-btn-secondary);
	color: var(--color-black);
	text-transform: uppercase;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 2px;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s;
	transition: all .2s
}


.btnsort:hover {
	background-color: var(--color-btn-secondary-light)
}

.btnselected {
	/* background-color: var(--color-primary-dark-btn); */
	font-weight: bold;
	
}

.btn:focus {
	background-color: var(--color-primary-dark)
}

@media (max-width: 1200px) {
	.btn {
		padding: .8rem 1.5rem
	}
}

@media (max-width: 900px) {
	.btn {
		padding: .6rem 1.2rem
	}
}

.btn-icon {
	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;
	padding: .5rem 1rem
}

.btn-icon svg {
	width: 2.5rem;
	height: 2.5rem;
	margin-right: .5rem
}

.btn-flat {
	background-color: var(--color-bg-primary);
	color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-small {
	padding: .5rem .8rem;
	font-size: 1.3rem;
	letter-spacing: 1px
}

.btn-large {
	padding:1.5rem 2.5rem;
}

@media (max-width: 1200px) {
	.btn-small {
		font-size: 1.1rem
	}
}

.link {
	color: var(--color-primary-light)
}

.link:hover {
	color: var(--color-primary)
}

.icon-default {
	width: 2.5rem;
	height: 2.5rem;
	fill: currentColor
}

.icon-large {
	width: 3.5rem;
	height: 3.5rem;
	fill: currentColor
}

.imdb {
	font-size: 1.3rem;
	padding: .2rem .5rem;
	border-radius: 5px;
	background-color: #f3ce13;
	color: #000;
	font-weight: 700
}

.badge {
	background-color: var(--color-bg-primary);
	padding: .5rem;
	display: inline-block;
	border-radius: 3px;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	color: currentColor
}

.badge:link:hover,
.badge:visited:hover {
	background-color: var(--color-primary)
}

.watch-hero {
	height: 27vw;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3)
}

.watch-hero__poster {
	height: 25vw
}

.watch-hero .bg-img {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: -100;
	-webkit-filter: brightness(30%) blur(5px);
	filter: brightness(30%) blur(5px)
}

.watch-hero .details > * {
	margin-bottom: 1rem;
}

@media (max-width: 650px) {
	.watch-hero {
		height:35vw;
	}

	.watch-hero .details h1 {
		font-size: 2rem;
	}
}

.watch-title {
    justify-content: space-between;
}

.watch-title select {
    background-color: black;
    cursor: pointer;
    padding:1.5rem;
    font-size: 1.7rem;
    width:20rem;
    color:white;
    outline:none;
    transition:all .2s;
    border:1px solid black;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
}

.watch-title select:hover {
    border:1px solid var(--color-primary-light);
}

@media (max-width: 650px) {
    .watch-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .watch-title h1 {
        margin-bottom: 1rem;
		font-size: 2rem;
    }

    .watch-title select {
        flex:1;
        width:100%;
    }
}

.player {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.player>* {
	height: 100%;
	margin: 0;
	height: 40vw;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3)
}

.player__side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-y: scroll;
	position: relative
}

.control-arrow {
	display: flex;
	justify-content: center;
	width: 6vw;
	align-items: center;
	color: #fff;
	position: absolute;
    background-color: #000;
    opacity: .3;
}

.control-arrow:hover {
	opacity:1;
}

.control-arrow svg {
	width: 100px;
	height: 100px
}

@media (max-width: 900px) {
	.control-arrow {
		display: none!important
	}
}

@media (max-width: 600px) {
	.player__side {
		-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: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto
	}
	.player__side>:not(:last-child) {
		margin-right: .5rem
	}
}

.player__server {
	cursor: pointer
}

.player__server:hover {
	background-color: var(--color-bg-light)
}

.player iframe {
	width: 100%;
	height: 100%
}

.active {
	background-color: var(--color-primary)!important
}

.episodes a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.episodes__season {
	background-color: var(--color-black);
	-webkit-box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.5);
	box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.5)
}

.episodes__season-link {
	padding: 2rem 3rem;
	font-size: 2.3rem
}

.episodes__season-link:not(:last-child) {
	border-bottom: 1px solid var(--color-bg-primary)
}

.episodes__season-link:hover {
	-webkit-box-shadow: inset 10px 0 0 0 var(--color-primary);
	box-shadow: inset 10px 0 0 0 var(--color-primary);
	color: var(--color-primary)
}

.episodes__list a {
	padding: 1rem 3rem;
	background-color: var(--color-bg-header);
	color: #fff;
	-webkit-transition: all .2s;
	transition: all .2s
}

.episodes__list a:hover {
	background-color: var(--color-bg-light)
}

.episodes__list a:not(:last-child) {
	border-bottom: 1px dashed var(--color-black)
}

.b {
	border: .1px solid red
}

.details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 25vw
}

.details .plot {
	width: 50%
}

@media (max-width: 1200px) {
	.details .plot {
		width: 100%
	}
}

.poster {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3)
}

.poster__watched {
	top:1rem;
	left:1rem;
	z-index: 50;
	color:#fff;
	opacity: .4;
}

.poster__eps {
	position: absolute;
	z-index: 50;
	color: #fff;
	right: 1rem;
	top: 1rem;
	background-color: var(--color-primary);
	opacity: .8;
	box-shadow: 0 1rem 5rem rgba(0, 0, 0, 1)
}

.poster__link>* {
	position: absolute;
	-webkit-transition: all .2s;
	transition: all .2s
}

.poster__img {
	width: 100%;
	height: 100%
}

.poster__button {
	position: absolute;
	top: 45%;
	left: 50%;
	color: #fff;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 10rem;
	height: 10rem
}

.poster__button:hover {
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);
	color: var(--color-primary)
}

.poster__play-icon {
	width: inherit;
	height: inherit;
	fill: currentColor
}

.poster__title {
	bottom: 0;
	text-align: center;
	left: 0;
	color: #fff;
	padding: .4rem;
	font-size: 1.5rem;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caption {
	font-size: 1.2rem;
    bottom: 0;
    width: 100%;
    padding: 3px;
    text-overflow: ellipsis;
	overflow: hidden;
	display:flex;
	justify-content: space-between;
	transition:all .3s;
	margin-bottom: -2.3rem;
}

.poster:hover .caption {
	margin-bottom: 0;
}

.poster:hover .poster__title {
	white-space: normal;
	text-overflow: initial;
}

.poster:hover .poster__img {
	-webkit-filter: brightness(30%);
	filter: brightness(30%)
}

.poster:hover .poster__button {
	display: block
}

.poster:hover .poster__eps, .poster:hover .poster__watched {
	opacity: 1
}

::-webkit-scrollbar {
	width: 10px
}

::-webkit-scrollbar-track {
	background: var(--color-black)
}

::-webkit-scrollbar-thumb {
	background: var(--color-primary)
}

::-webkit-scrollbar-thumb:hover {
	background: var(--color-primary-light)
}

.mr-small {
	margin-right: 1rem
}

.mr-tiny {
	margin-right: .5rem
}

.ml-tiny {
	margin-left: .5rem
}

.ml-small {
	margin-left: 1rem
}

.mb-large {
	margin-bottom: 4rem
}

.mb-small {
	margin-bottom: 1rem
}

.mb-tiny {
	margin-bottom: .5rem
}

.mt-small {
	margin-top: 1rem
}

.mt-tiny {
	margin-top: .5rem
}

.mt-large {
	margin-top: 5rem
}

.mr-last-small>:not(:last-child) {
	margin-right: 1rem
}

.mr-last-tiny>:not(:last-child) {
	margin-right: .5rem
}

.mb-last-small>:not(:last-child) {
	margin-bottom: 1rem
}

.p-tiny {
	padding: .4rem
}

.p-small {
	padding: 1rem
}

.p-medium {
	padding: 1.7rem
}

.p-big {
	padding: 2.5rem
}

.pb-small {
	padding-bottom: 1rem
}

.pl-small {
	padding-left: 1rem
}

.font-huge {
	font-size: 3rem!important
}

.font-big {
	font-size: 2.3rem!important
}

.font-medium {
	font-size: 1.7rem!important
}

.font-small {
	font-size: 1.2rem!important
}

.bold {
	font-weight: 700
}

.upper {
	text-transform: uppercase
}

.c-primary {
	color: var(--color-primary)
}

.c-text {
	color: var(--color-text)
}

.c-dark {
	color: var(--color-text-dark)
}

.c-black {
	color: var(--color-black)
}

.bc-primary {
	background-color: var(--color-primary)
}

.bc-black {
	background-color: var(--color-black)
}

.show-on-mobile {
	display: none
}

@media (max-width: 730px) {
	.show-on-mobile {
		display: block!important
	}
}

@media (max-width: 730px) {
	.hide-on-mobile {
		display: none!important
	}
}


.round-1 {
	border-radius: 3px
}

.round-2 {
	border-radius: 5px
}

.trunc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;background:rgba(0,0,0,0.5);border:none;color:#fff}
.flickity-button:hover{background:rgba(0,0,0,0.8);cursor:pointer; }
.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}
.flickity-button:active{opacity:.6}
.flickity-button:disabled{display:none;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:00%;width:60px;height:100%;transform:translateY(-00%); margin-top: -2px; }
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:0px;
	background: rgb(15,17,20);
	background: -moz-linear-gradient(90deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
	background: linear-gradient(90deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f1114",endColorstr="#0f1114",GradientType=1);
}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:0px;
	background: rgb(15,17,20);
	background: -moz-linear-gradient(90deg, rgba(15,17,20,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(15,17,20,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(90deg, rgba(15,17,20,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f1114",endColorstr="#000000",GradientType=1);
}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button.previous{left:0px}
.flickity-prev-next-button.next{right:0px}

.continer-genere .flickity-prev-next-button.previous,
.continer-genere .flickity-prev-next-button.next {
	margin-top: 5px;
}


.continer-genere {
	padding-top: 10px;
}
.carouselbtn-cell {
	margin-right: 20px;
	border-radius: 10px;
	text-align: center;
	
}

.btn-asrup {background-color: var(--color-btn-secondary) !important; transition: all ease 0.5s; color: #474747; min-width: 140px;}
.btn-asrup:hover {background-color: var(--color-btn-secondary-light) !important; color: #000000;}

.carouselbtn-cell > a {color: #000; background-color: #B5B5B5; border-radius: 15px;}

.continer-asrup {padding: 20px 0 30px 0;}
.continer-asrup2 {padding: 20px 30px 30px 30px;}

.carousel-cell-new img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	border-radius: 10px;

}

.carousel-cell-new:hover .carousel__play-icon2 {
	/*transform: translate(-50%, -50%) scale(1);*/
}

.carousel-cell-new .carousel__play-icon2 {
	width:6rem;
	height:6rem;
	fill: var(--color-btn-secondary);
	transition: all ease 0.3s;
}

.carousel-cell img {
	width: 100%;
	height: 350px;
	transition: all .5s;
	border-radius: 10px;

}

.carousel-cell {
	margin-right: 20px;
	width: 234px;
	
}

.movie-title {direction: rtl; text-align: center; color:#fff !important; padding: 2px 2px 10px 2px;}


.carousel-poster:hover img {
	filter: brightness(20%);
}

.carousel__play-icon {
	position: absolute;
	left:50%;
	top:45%;
	transform: translate(-45%, -50%) scale(0);
	width:10rem;
	height:10rem;
	fill: var(--color-btn-secondary);
	transition: all .3s ease-out;
}

.carousel-cell:hover .carousel__play-icon {
	transform: translate(-50%, -50%) scale(1);
}

.carousel__details {
	text-align: center;
	position: absolute;
	left:0;
	bottom:-100%;
	color:#ffb100;
	font-size: 1.4rem;
	width:100%;
	transition: all 0.2s;
	height: 30px;
	line-height: 35px;
	/*background-image: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));*/
	background-color: #0f1114;
	direction: rtl;
	max-width: 100%;
	padding-top: 5px;
}

.carousel__title > span {color:#fff;}

.carousel__details2 {
padding-top: 0;
}

.carousel-cell:hover .carousel__details {
	bottom:30px;
}
.carousel-cell:hover .carousel__details2 {
	bottom:0;
}

.header-titr {text-align: right; direction: rtl; margin-top: 10px; display: block; padding: 10px 10px 10px 10px;}
.noxx-slider {
	max-height:390px;
	overflow:hidden;
	/*margin-right: 40px;*/
	/*background-color: #fff;*/
}



.icon-bar{position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:100;display:none}
@media screen and (min-width:901px){
	.icon-bar{display:inline!important}
}
.icon-bar a{display:block;text-align:center;padding:10px;transition:all .3s ease;color:#fff;font-size:20px}
.icon-bar a:hover{background-color:#000}
.facebook{background:#3b5998;color:#fff}
.twitter{background:#55acee;color:#fff}
.google{background:#dd4b39;color:#fff}
.reddit{background:#ff4500;color:#fff}


.box-continer {
	margin: 20px 0 0 0;
	direction: rtl;
	display: block;
	width: 100%;
}

.clearfix::after {
	content: " ";
	clear: both;
	display: table;
}

.continer-asrup-fluid {
	max-width: 1600px;
	margin: 0 auto;
}

.carousel-cell-new {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.carousel-cell-new:hover .carousel__play-icon2 {
	width:8rem;
	height:8rem;
}

.carousel-cell-new-overly {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0,0.8);
	text-align: center;
	opacity: 0;
	transition: all ease 0.5s;
	
}

.carousel-cell-new-overly > div {
	top: 35%;
	left: 0;
	right: 0;
	/*left: 50%;*/
	position: absolute;
	/*transform: translate(-50%, -50%);*/
}

.box-b1 .carousel-cell-new-overly > div, .box-b2 .carousel-cell-new-overly > div, .box-b3 .carousel-cell-new-overly > div{
	top: 18% !important;
}

.box-a, .box-it {
	box-shadow: #22262D 0 0 5px;
}

.bottom-title {
	padding-top: 10px;
}
.bottom-title .carousel__title > span {
	color: #FFB100;
}
.bottom-title .carousel__title {
	padding-top: 5px;
	color: #fff;
}

.bottom-title .carousel__title2 {
	padding-top: 8px;
	color: #949494;
}

.carousel-cell-new > a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all ease 0.5s;
	background-position: center;
}

.carousel-cell-new:hover > a {
	background-size: cover;
	/*transform: scale(1.1,1.1);*/
}

.carousel-cell-new:hover .carousel-cell-new-overly {
	opacity: 1;
}

.padding-r-l-10 {
	padding: 0 10px;
}

.box-a {
	overflow: hidden;
	float: right;
	height: 500px;
	width: 280px;
	background-color: #444;
	border-radius: 5px;
	position: relative;
}

.box-c {
	float: left;
	position: relative;
}

.box-b {
	margin-right: 10px;
	overflow: hidden;
	float: right;
	width: calc(100% - 580px);
	height: 500px;
	position: relative;
}

.box-row {
	height: 250px;
	position: relative;
}

.box-row:last-child {
	margin-top: 10px;
}

.box-b1 {
	overflow: hidden;
	height: 250px;
	background-color: #444;
	border-radius: 5px;
	position: relative;
}
.box-b2 {
	overflow: hidden;
	height: 240px;
	background-color: #444;
	border-radius: 5px;
	float: right;
	vertical-align: top;
	width: calc(60% - 5px);
	position: relative;
}
.box-b3 {
	overflow: hidden;
	height: 240px;
	background-color: #444;
	border-radius: 5px;
	float: right;
	vertical-align: top;
	width: calc(40% - 5px);
	position: relative;
}

.box-row > .box-it:last-child {
	float: left;
}

.box-row-grid {

}

.continer-footer {
	margin-top: 20px;
	
	background-color: #08090A;
	direction: rtl;
	color: #ccc;
}

.continer-footer > .footer-copy {
	min-height: 45px;
	text-align: center;
	color: #BEBEBE;
	background-color: #000;
	line-height: 45px;
	
}

.continer-footer > .footer-content {
	min-height: 200px;
	
	
}

.top-slide-item {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.top-slide-item img {width: 100%;}

.continer-slide::after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 20%;
	background: rgb(15,17,20);
	background: -moz-linear-gradient(180deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
	background: linear-gradient(180deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f1114",endColorstr="#0f1114",GradientType=1);
}

.continer-slide .flickity-viewport {
	height: 100% !important;
}

.continer-slide .flickity-button {
	background-color: transparent !important;
}

.break-menu {
	height: 8rem;
}
.full-post {
	position: relative;
	direction: rtl;
	height: 500px;
	/*padding-top: 8rem;*/
	text-align: right;
}
.full-post-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	-webkit-filter: blur(8px);
	filter: blur(8px);
	z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	background-color: #0f1114;
}


.video-detiles {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	padding: 20px 20px;
	direction: rtl;
	text-align: right;
	
}

.video-detiles > .video-img {
	float: right;
	width: 300px;
	height: 460px;
	overflow: hidden;
	border-radius: 30px;
	box-shadow: #000 0 0 3px;
	vertical-align: top;
}

.video-detiles > .video-img > img {
	width: 100%;
	min-height: 100%;
}

.video-detiles > .video-info {
	float: right;
	width: calc(100% - 320px);
	padding-right: 20px;
	vertical-align: top;
}

.video-detiles > .video-info h1 {
	direction: rtl;
	padding-bottom: 15px;
	color: #FFB100;
}

.video-info-row {
	padding: 6px 0;
	color:#FFB100;
	direction: rtl;
	text-align: right;
}

.video-info-row > span {
	color: #fff;
	display: inline-block;
}

.actors-list {
	text-align: center;
	direction: rtl;
	padding: 20px 0;
}

.actor-item {
	display: inline-block;
	width: 120px;
	height: 130px;
	transition: all ease 0.3s;
}
.actor-item img {
	width: 100px;
	height: 100px;
	border-radius: 60px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	transition: all ease 0.5s;
}

.actor-item .actor-name {
	height: 25px;
	line-height: 25px;
	color: #868686;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	direction: ltr;
	font-size: 12px;
	transition: all ease 0.5s;
}

.actor-item:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.actor-item:hover .actor-name {
	color:#fff;
}

.pad-bt {
	padding-bottom: 5px;
}

.basket-btn {
	margin-top: 5px;
	display: inline-block;
	padding: 0 18px;
	border-radius: 21px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	direction: rtl;
	background-color: #FFFFFF;
	border:0px;
	color: #333;
	font:normal 18px Shabnam, sans-serif;
	transition: all ease 0.3s;
	box-shadow: #474747 0 0 5px;
}

.play-btn {
	margin-top: 5px;
	display: inline-block;
	padding: 0 18px;
	border-radius: 21px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	direction: rtl;
	background-color: #FF2121;
	border:0px;
	color: #fff;
	font:normal 18px Shabnam, sans-serif;
	transition: all ease 0.3s;
	box-shadow: #474747 0 0 5px;
}
.trailer-btn {
	margin-top: 5px;
	display: inline-block;
	padding: 0 18px;
	border-radius: 21px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	direction: rtl;
	background-color: rgba(122, 122, 122, 0.62);
	border:0px;
	color: #fff;
	font:normal 18px Shabnam, sans-serif;
	transition: all ease 0.3s;
	box-shadow: #474747 0 0 5px;
}

.basket-btn:hover {
	background-color: #FFB100;
	cursor: pointer;
}
.play-btn:hover {
	background-color: #F65E6B;
	cursor: pointer;
}
.trailer-btn:hover {
	background-color: #fff;
	color: #474747;
	cursor: pointer;
}
.trailer-btn:hover svg {
	fill: #474747;
}

.basket-btn svg, .play-btn svg, .trailer-btn svg {
	transition: all ease 0.3s;
	margin-top: 3px;
	vertical-align: top;
	width: 20px;
	height: 20px;
	fill: #474747;
	margin-left: 4px;
}

.play-btn svg, .trailer-btn svg {
	fill: #fff;
}

#video-modals {
	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s
}

.video-modals {
	background-color: #151515;
	position: absolute;
	width: 100%;
	max-width: 600px;
	left: 0;
	top: 0;
	bottom: 0;
	right: auto;
	background-position: top;
	background-size: cover;
	-webkit-animation-name: animateLeft;
	-webkit-animation-duration: 0.3s;
	animation-name: animateLeft;
	animation-duration: 0.3s
}

.video-modal-header {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(21,21,21);
	background: -moz-linear-gradient(180deg, rgba(21,21,21,0.16) 0%, rgba(21,21,21,1) 350px, rgba(21,21,21,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(21,21,21,0.16) 0%, rgba(21,21,21,1) 350px, rgba(21,21,21,1) 100%);
	background: linear-gradient(180deg, rgba(21,21,21,0.16) 0%, rgba(21,21,21,1) 350px, rgba(21,21,21,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151515",endColorstr="#151515",GradientType=1);
	overflow-y: auto;
}

.video-modal-close {
	z-index: 1;
	cursor: pointer;
	position: absolute;
	left:10px;
	top:10px;
	background-color: #fff;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
	transition: all ease 0.3s;
}
.video-modal-close svg {fill: #C53A3A; width: 23px; height: 23px; margin-top: 5px; transition: all ease 0.3s;}

.video-modal-close:hover {background-color: #C53A3A}
.video-modal-close:hover svg {fill: #fff; }

.video-modal-title {
	color: #fff;
	text-align: right;
	direction: rtl;
	font-size: 18px;
	padding: 290px 10px 10px 10px;
}

.video-modal-tab {
	text-align: center;
	padding: 20px 0;
	direction: rtl;
}

.video-modal-tab > .tab-item {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 40px;
	border-radius: 15px;
	background-color: #3C3C3C;
	color: #CFCFCF;
	text-align: center;
	line-height: 40px;
	margin: 0 2px;
	transition: all ease 0.3s;
	box-shadow: #474747 0 0 4px;
}

.video-modal-tab > .tab-item.active {
	cursor: normal !important;
	color:#000;
	background-color: #FFB100 !important;
	position: relative;
}

.tab-item.active::after {
	content:'';
	position: absolute;
	left: 60px;
	margin: 0 auto;
	width: 0;
	height: 0;
	bottom: -10px;
	border-top: 10px solid #FFB100;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.video-modal-tab > .tab-item:hover {
	background-color: #303030;
	cursor: pointer;
}

.video-modal-tab-body {
	margin: 5px;
	direction: rtl;
}

.video-modal-tab-body th {border-color: transparent !important; background-color: #2B2B2B !important;}
.video-modal-tab-body td {background-color: #212121 !important; border-color: transparent !important}

@media only screen and (max-width: 500px){
	.video-modal-header {
		
		background: -moz-linear-gradient(180deg, rgba(21,21,21,0.16) 0%, rgba(21,21,21,1) 180px, rgba(21,21,21,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(21,21,21,0.16) 0%, rgba(21,21,21,1) 180px, rgba(21,21,21,1) 100%);
		background: linear-gradient(180deg, rgba(21,21,21,0.16) 0%, rgba(21,21,21,1) 180px, rgba(21,21,21,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151515",endColorstr="#151515",GradientType=1);
	}
	
	.video-modal-title {
		padding-top: 120px;
	}
}


.animated--fade-in {-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: .2s;animation-duration: .2s;-webkit-animation-timing-function: opacity cubic-bezier(0, 1, .4, 1);animation-timing-function: opacity cubic-bezier(0, 1, .4, 1)}

.bg-gradient-primary {background-color: #4E73DF;background-image: linear-gradient(180deg, #4E73DF 10%, #224ABE 100%);background-size: cover}

.bg-gradient-secondary {background-color: #858796;background-image: linear-gradient(180deg, #858796 10%, #60616F 100%);background-size: cover}

.bg-gradient-success {background-color: #1CC88A;background-image: linear-gradient(180deg, #1CC88A 10%, #13855C 100%);background-size: cover}

.bg-gradient-info {background-color: #36B9CC;background-image: linear-gradient(180deg, #36B9CC 10%, #258391 100%);background-size: cover}

.bg-gradient-warning {background-color: #F6C23E;background-image: linear-gradient(180deg, #F6C23E 10%, #DDA20A 100%);background-size: cover}

.bg-gradient-danger {background-color: #E74A3B;background-image: linear-gradient(180deg, #E74A3B 10%, #BE2617 100%);background-size: cover}

.bg-gradient-light {background-color: #F8F9FC;background-image: linear-gradient(180deg, #F8F9FC 10%, #C2CBE5 100%);background-size: cover}

.bg-gradient-dark {background-color: #5A5C69;background-image: linear-gradient(180deg, #5A5C69 10%, #373840 100%);background-size: cover}

.bg-gray-100 {background-color: #F8F9FC !important}

.bg-gray-200 {background-color: #EAECF4 !important}

.bg-gray-300 {background-color: #DDDFEB !important}

.bg-gray-400 {background-color: #D1D3E2 !important}

.bg-gray-500 {background-color: #B7B9CC !important}

.bg-gray-600 {background-color: #858796 !important}

.bg-gray-700 {background-color: #6E707E !important}

.bg-gray-800 {background-color: #5A5C69 !important}

.bg-gray-900 {background-color: #3A3B45 !important}

.o-hidden {overflow: hidden !important}

.text-xs {font-size: .7rem}

.text-lg {font-size: 1.2rem}

.text-gray-100 {color: #F8F9FC !important}

.text-gray-200 {color: #EAECF4 !important}

.text-gray-300 {color: #DDDFEB !important}

.text-gray-400 {color: #D1D3E2 !important}

.text-gray-500 {color: #B7B9CC !important}

.text-gray-600 {color: #858796 !important}

.text-gray-700 {color: #6E707E !important}

.text-gray-800 {color: #5A5C69 !important}

.text-gray-900 {color: #3A3B45 !important}

.icon-circle {height: 2.5rem;width: 2.5rem;border-radius: 100%;display: flex;align-items: center;justify-content: center}

.border-left-primary {border-left: .25rem solid #4E73DF !important}

.border-bottom-primary {border-bottom: .25rem solid #4E73DF !important}

.border-left-secondary {border-left: .25rem solid #858796 !important}

.border-bottom-secondary {border-bottom: .25rem solid #858796 !important}

.border-left-success {border-left: .25rem solid #1CC88A !important}

.border-bottom-success {border-bottom: .25rem solid #1CC88A !important}

.border-left-info {border-left: .25rem solid #36B9CC !important}

.border-bottom-info {border-bottom: .25rem solid #36B9CC !important}

.border-left-warning {border-left: .25rem solid #F6C23E !important}

.border-bottom-warning {border-bottom: .25rem solid #F6C23E !important}

.border-left-danger {border-left: .25rem solid #E74A3B !important}

.border-bottom-danger {border-bottom: .25rem solid #E74A3B !important}

.border-left-light {border-left: .25rem solid #F8F9FC !important}

.border-bottom-light {border-bottom: .25rem solid #F8F9FC !important}

.border-left-dark {border-left: .25rem solid #5A5C69 !important}

.border-bottom-dark {border-bottom: .25rem solid #5A5C69 !important}


.table {width: 100%;margin-bottom: 1rem;color: #858796}

.table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #E3E6F0}

.table thead th {vertical-align: bottom;border-bottom: 2px solid #E3E6F0}

.table tbody + tbody {border-top: 2px solid #E3E6F0}

.table-sm td, .table-sm th {padding: .3rem}

.table-bordered {border: 1px solid #E3E6F0}

.table-bordered td, .table-bordered th {border: 1px solid #E3E6F0}

.table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {border: 0}

.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, .05)}

.table-hover tbody tr:hover {color: #858796;background-color: rgba(0, 0, 0, .075)}

.table-primary, .table-primary > td, .table-primary > th {background-color: #CDD8F6}

.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {border-color: #A3B6EE}

.table-hover .table-primary:hover {background-color: #B7C7F2}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #B7C7F2}

.table-secondary, .table-secondary > td, .table-secondary > th {background-color: #DDDDE2}

.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {border-color: #C0C1C8}

.table-hover .table-secondary:hover {background-color: #CFCFD6}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {background-color: #CFCFD6}

.table-success, .table-success > td, .table-success > th {background-color: #BFF0DE}

.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {border-color: #89E2C2}

.table-hover .table-success:hover {background-color: #AAEBD3}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {background-color: #AAEBD3}

.table-info, .table-info > td, .table-info > th {background-color: #C7EBF1}

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {border-color: #96DBE4}

.table-hover .table-info:hover {background-color: #B3E4EC}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {background-color: #B3E4EC}

.table-warning, .table-warning > td, .table-warning > th {background-color: #FCEEC9}

.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {border-color: #FADF9B}

.table-hover .table-warning:hover {background-color: #FBE6B1}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {background-color: #FBE6B1}

.table-danger, .table-danger > td, .table-danger > th {background-color: #F8CCC8}

.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {border-color: #F3A199}

.table-hover .table-danger:hover {background-color: #F5B7B1}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {background-color: #F5B7B1}

.table-light, .table-light > td, .table-light > th {background-color: #FDFDFE}

.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {border-color: #FBFCFD}

.table-hover .table-light:hover {background-color: #ECECF6}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {background-color: #ECECF6}

.table-dark, .table-dark > td, .table-dark > th {background-color: #D1D1D5}

.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {border-color: #A9AAB1}

.table-hover .table-dark:hover {background-color: #C4C4C9}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {background-color: #C4C4C9}

.table-active, .table-active > td, .table-active > th {background-color: rgba(0, 0, 0, .075)}

.table-hover .table-active:hover {background-color: rgba(0, 0, 0, .075)}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {background-color: rgba(0, 0, 0, .075)}

.table .thead-dark th {color: #FFF;background-color: #5A5C69;border-color: #6C6E7E}

.table .thead-light th {color: #6E707E;background-color: #EAECF4;border-color: #E3E6F0}

.table-dark {color: #FFF;background-color: #5A5C69}

.table-dark td, .table-dark th, .table-dark thead th {border-color: #6C6E7E}

.table-dark.table-bordered {border: 0}

.table-dark.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(255, 255, 255, .05)}

.table-dark.table-hover tbody tr:hover {color: #FFF;background-color: rgba(255, 255, 255, .075)}

@media (max-width: 575.98px) {
	.table-responsive-sm {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}
	
	.table-responsive-sm > .table-bordered {border: 0}
}

@media (max-width: 767.98px) {
	.table-responsive-md {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}
	
	.table-responsive-md > .table-bordered {border: 0}
}

@media (max-width: 991.98px) {
	.table-responsive-lg {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}
	
	.table-responsive-lg > .table-bordered {border: 0}
}

@media (max-width: 1199.98px) {
	.table-responsive-xl {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}
	
	.table-responsive-xl > .table-bordered {border: 0}
}

.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}

.table-responsive > .table-bordered {border: 0}


.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}

.sr-only-focusable:active, .sr-only-focusable:focus {position: static;width: auto;height: auto;overflow: visible;clip: auto;white-space: normal}

.shadow-sm {box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important}

.shadow {box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important; transition: all ease 0.3s;}

.shadow-lg {box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important}

.shadow-none {box-shadow: none !important}


.p-0 {padding: 0 !important}

.pt-0, .py-0 {padding-top: 0 !important}

.pr-0, .px-0 {padding-right: 0 !important}

.pb-0, .py-0 {padding-bottom: 0 !important}

.pl-0, .px-0 {padding-left: 0 !important}

.p-1 {padding: .25rem !important}

.pt-1, .py-1 {padding-top: .25rem !important}

.pr-1, .px-1 {padding-right: .25rem !important}

.pb-1, .py-1 {padding-bottom: .25rem !important}

.pl-1, .px-1 {padding-left: .25rem !important}

.p-2 {padding: .5rem !important}

.pt-2, .py-2 {padding-top: .5rem !important}

.pr-2, .px-2 {padding-right: .5rem !important}

.img-post-cover {width: 100%}

.pb-2, .py-2 {padding-bottom: .5rem !important}

.pl-2, .px-2 {padding-left: .5rem !important}

.p-3 {padding: 1rem !important}

.pt-3, .py-3 {padding-top: 1rem !important}

.pr-3, .px-3 {padding-right: 1rem !important}

.pb-3, .py-3 {padding-bottom: 1rem !important}

.pl-3, .px-3 {padding-left: 1rem !important}

.p-4 {padding: 1.5rem !important}

.pt-4, .py-4 {padding-top: 1.5rem !important}

.pr-4, .px-4 {padding-right: 1.5rem !important}

.pb-4, .py-4 {padding-bottom: 1.5rem !important}

.pl-4, .px-4 {padding-left: 1.5rem !important}

.p-5 {padding: 3rem !important}

.pt-5, .py-5 {padding-top: 3rem !important}

.pr-5, .px-5 {padding-right: 3rem !important}

.pb-5, .py-5 {padding-bottom: 3rem !important}

.pl-5, .px-5 {padding-left: 3rem !important}

.m-n1 {margin: -.25rem !important}

.mt-n1, .my-n1 {margin-top: -.25rem !important}

.mr-n1, .mx-n1 {margin-right: -.25rem !important}

.mb-n1, .my-n1 {margin-bottom: -.25rem !important}

.ml-n1, .mx-n1 {margin-left: -.25rem !important}

.m-n2 {margin: -.5rem !important}

.mt-n2, .my-n2 {margin-top: -.5rem !important}

.mr-n2, .mx-n2 {margin-right: -.5rem !important}

.mb-n2, .my-n2 {margin-bottom: -.5rem !important}

.ml-n2, .mx-n2 {margin-left: -.5rem !important}

.m-n3 {margin: -1rem !important}

.mt-n3, .my-n3 {margin-top: -1rem !important}

.mr-n3, .mx-n3 {margin-right: -1rem !important}

.mb-n3, .my-n3 {margin-bottom: -1rem !important}

.ml-n3, .mx-n3 {margin-left: -1rem !important}

.m-n4 {margin: -1.5rem !important}

.mt-n4, .my-n4 {margin-top: -1.5rem !important}

.mr-n4, .mx-n4 {margin-right: -1.5rem !important}

.mb-n4, .my-n4 {margin-bottom: -1.5rem !important}

.ml-n4, .mx-n4 {margin-left: -1.5rem !important}

.m-n5 {margin: -3rem !important}

.mt-n5, .my-n5 {margin-top: -3rem !important}

.mr-n5, .mx-n5 {margin-right: -3rem !important}

.mb-n5, .my-n5 {margin-bottom: -3rem !important}

.ml-n5, .mx-n5 {margin-left: -3rem !important}

.m-auto {margin: auto !important}

.mt-auto, .my-auto {margin-top: auto !important}

.mr-auto, .mx-auto {margin-right: auto !important}

.mb-auto, .my-auto {margin-bottom: auto !important}

.ml-auto, .mx-auto {margin-left: auto !important}

/* WIDGETS */
.widget {
	direction: rtl;
	border-radius: 5px;
	padding: 15px 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.widget.style1 h2 {
	font-size: 30px;
}
.widget h2,
.widget h3 {
	margin-top: 5px;
	margin-bottom: 0;
}
.widget-text-box {
	padding: 20px;
	border: 1px solid #e7eaec;
	background: #ffffff;
}
.widget-head-color-box {
	border-radius: 5px 5px 0 0;
	margin-top: 10px;
}
.widget .flot-chart {
	height: 100px;
}

.widget-title {
	color: #4890D7;
	padding: 5px 0 8px 0;
	border-bottom: 2px dashed #292929;
	margin-bottom: 5px;
}

.widget-body {
	color: #7A7A7A;
	padding: 5px 0;
	line-height: 22px;
	font-size: 13px;
	direction: rtl;
	text-align: justify;
}

.btn {
	border-radius: 3px;
}
.float-e-margins .btn {
	margin-bottom: 5px;
}
.btn-w-m {
	min-width: 120px;
}
.btn-primary.btn-outline {
	color: #1ab394;
}
.btn-success.btn-outline {
	color: #1c84c6;
}
.btn-info.btn-outline {
	color: #23c6c8;
}
.btn-warning.btn-outline {
	color: #f8ac59;
}
.btn-danger.btn-outline {
	color: #ed5565;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
	color: #fff;
}
.btn-primary {
	background-color: #1ab394;
	border-color: #1ab394;
	color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
	background-color: #18a689;
	border-color: #18a689;
	color: #FFFFFF;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
	background-color: #1dc5a3;
	border-color: #1dc5a3;
}
.btn-success {
	background-color: #1c84c6;
	border-color: #1c84c6;
	color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.active:focus {
	background-color: #1a7bb9;
	border-color: #1a7bb9;
	color: #FFFFFF;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
	background-color: #1f90d8;
	border-color: #1f90d8;
}
.btn-info {
	background-color: #23c6c8;
	border-color: #23c6c8;
	color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info.active:focus {
	background-color: #21b9bb;
	border-color: #21b9bb;
	color: #FFFFFF;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
	background-color: #26d7d9;
	border-color: #26d7d9;
}
.btn-default {
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.active:focus {
	color: inherit;
	border: 1px solid #d2d2d2;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
	color: #cacaca;
}
.btn-warning {
	background-color: #f8ac59;
	border-color: #f8ac59;
	color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.active:focus {
	background-color: #f7a54a;
	border-color: #f7a54a;
	color: #FFFFFF;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
	background-color: #f9b66d;
	border-color: #f9b66d;
}
.btn-danger {
	background-color: #ed5565;
	border-color: #ed5565;
	color: #FFFFFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger.active:focus {
	background-color: #ec4758;
	border-color: #ec4758;
	color: #FFFFFF;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
	background-color: #ef6776;
	border-color: #ef6776;
}
.btn-link {
	color: inherit;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
	color: #1ab394;
	text-decoration: none;
}
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
	background-image: none;
}
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
	color: #cacaca;
}
.btn-white {
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white.active:hover,
.btn-white.active:focus {
	color: inherit;
	border: 1px solid #d2d2d2;
}
.btn-white:active,
.btn-white.active {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	background-image: none;
}
.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
	color: #cacaca;
}


.ibtn {display: block; cursor: pointer; -moz-user-select: none; width: 100%; padding: 10px 0; text-align: center; color: #1097FF; background-color: #FFF; transition: all ease 0.3s; border: 1px solid #DDD; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.ibtn:hover {background-color: #FEFEFE; color: #000;
	-webkit-box-shadow: #CCC 0 0 5px;-moz-box-shadow: #CCC 0 0 5px;box-shadow: #CCC 0 0 5px;}

.ibtn > i {font-size: 20px; float: right; margin-right: 3px; vertical-align: top;}

.red-btn {color: #7C7C7C;
	/*border-color: rgba(225, 41, 0, 0.53);*/
}

.green-btn {color: #7C7C7C;
	/*border-color: rgba(15, 207, 21, 0.52);*/
}

.red-btn:hover {background-color: #E12900; color: #FFF;}

.green-btn:hover {background-color: #0E9B13; color: #FFF;}

.ibtn-danger {background-color: #FF6B81 !important; color: #FFEDEF !important; border-width: 0;}

.ibtn-danger:hover {background-color: #FF8696 !important; color: #FFF !important;}

.ibtn-success {background-color: #00C131 !important; color: #DCFFDD !important; border-width: 0;}

.ibtn-success:hover {background-color: #00D336 !important; color: #FFF !important;}

.ibtn-def {background-color: #E6E6E6 !important; color: #757575 !important; border-width: 0;}

.ibtn-def:hover {background-color: #EEEEEE !important; color: #000;}

.ibtn-auto {max-width: 200px;}

.ibtn-auto-m {max-width: 200px; display: inline-block !important;}

button {font-family: Vazir, tahoma, sans-serif;}

.float-btn {float: right; width: 49.5%; vertical-align: top;}

.float-btn:first-child {margin-left: 0.5%;}

.float-btn:last-child {margin-right: 0.5%;}

.ibnts-cricle {display: inline-block; width: 45px; vertical-align: top; margin: 1px 2px;}

.ibtn-cricle {width: 45px; color: #FFF; height: 45px; font-size: 25px; text-align: center; line-height: 45px; overflow: hidden; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;direction: rtl;
	box-shadow: #DDD 0 0 5px; display: block; transition: all ease 0.3s;}

.ibtn-cricle:hover {box-shadow: #464646 0 0 7px;}

.ibnts-cricle span {display: block; padding-top: 5px; color: #474747 !important;}

.ibtn-cricle.icon-whatsapp {background-color: #43D854;}

.ibtn-cricle.icon-telegram {background-color: #0088CC;}

.ibtn-cricle.icon-linkedin2 {background-color: #0077B5;}

.ibtn-cricle.icon-facebook1 {background-color: #3B5998;}

.ibtn-cricle.icon-twitter {background-color: #55ACEE;}

.ibtn-cricle.icon-embed2 {background-color: #FFFFFF; color: #474747;}

i.ibtn-cricle {cursor: pointer}

.sharebtn {direction: ltr;}

.pointer {cursor: pointer}

.video-modal-tab-body .ibtn-warning {padding: 3px 15px; width: auto; border:0; background-color: #1990E0; color:#fff !important; box-shadow: none !important;}
.video-modal-tab-body .ibtn-warning:hover {background-color: #30A2EE;}

/*Modal*/

.modal-open {
	overflow: hidden;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition:      -o-transform .3s ease-out;
	transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
}
.modal-body {
	position: relative;
	padding: 15px;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}
@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
		width: 300px;
	}
}
@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}

.noshow {display:none;


}/* The Modal (background) */

.noshowfade {
	
	-webkit-animation-name: fadeOut;
	-webkit-animation-duration: 0.4s;
	animation-name: fadeOut;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes slideIn {
	from {bottom: -300px; opacity: 0}
	to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
	from {bottom: -300px; opacity: 0}
	to {bottom: 0; opacity: 1}
}

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

@keyframes fadeIn {
	from {opacity: 0}
	to {opacity: 1}
}
@keyframes fadeOut {
	from {opacity: 1}
	to {opacity: 0}
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* Add Animation */
@-webkit-keyframes animatebottom {
	from {bottom:-100px; opacity:0}
	to {bottom:0; opacity:1}
}

@keyframes animatebottom {
	from {bottom:-100px; opacity:0}
	to {bottom:0; opacity:1}
}

/* Add Animation */
@-webkit-keyframes animateLeft {
	from {left:-200px; opacity:0}
	to {left:0; opacity:1}
}

@keyframes animateLeft {
	from {left:-200px; opacity:0}
	to {left:0; opacity:1}
}

/* modal */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	/*background-color: rgb(0,0,0); !* Fallback color *!*/
	/*background-color: rgba(0,0,0,0.4); !* Black w/ opacity *!*/
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 95%;
	max-width: 600px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 0.4s;
	animation-name: animatebottom;
	animation-duration: 0.4s
}

/* The Close Button */
.close {
	color: #474747;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 2px 16px;
	/*background-color: #5cb85c;*/
	color: #474747;
}

.modal-body {padding: 2px 16px; color: #474747;}

.modal-footer {
	padding: 2px 16px;
	/*background-color: #5cb85c;*/
	color: #474747;
}

.modal-trailer .modal-header {border: 0; background-color: #1e1e1e; line-height: 35px;}
.modal-trailer .modal-header svg {fill: #FF8989; width: 20px; height: 20px;}
.modal-trailer .modal-body {padding: 0; background-color: #1e1e1e;}
.modal-trailer .modal-body .close {position: absolute; right: 10px; top:8px; padding: 5px; background-color: #fff; border-radius: 100px; transition: all ease 0.3s;}
.modal-trailer .modal-body .close:hover {background-color: #B41212;}
.modal-trailer .modal-body .close:hover svg {fill: #fff;}
.modal-trailer .modal-body .close svg  {fill: #B41212; width: 24px; height: 24px; transition: all ease 0.3s;}
.modal-trailer .modal-content {border: 2px solid #171717; box-shadow: none; border-radius: 20px; overflow: hidden; line-height: 0;}
.modal-trailer video {background-color: #1e1e1e; width: 100%; height: 300px; object-fit: fill;}

.video-info-row button {transition: all ease 0.3s}


@media (max-width: 840px) {
	.video-info-row button {
		display: block;
		width: 100%;
		text-align: right;
	}
	
	.video-detiles > .video-img {
		width: 240px;
		height: 420px;
	}
	
	.video-detiles > .video-info {
		float: right;
		width: calc(100% - 240px);
	}
}

@media (max-width: 750px) {
	.video-detiles > .video-img {
		display: none;
		width: 240px;
		height: 420px;
	}
	
	.video-detiles > .video-info {
		padding-top: 50px;
		float: none;
		width: 100%;
		padding-right: 0;
	}
	
	.full-post-bg .blurs {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgb(21,21,21);
		background: -moz-linear-gradient(180deg, rgba(15,17,20,0.16) 0%, rgba(15,17,20,1) 350px, rgba(15,17,20,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(15,17,20,0.16) 0%, rgba(15,17,20,1) 350px, rgba(15,17,20,1) 100%);
		background: linear-gradient(180deg, rgba(15,17,20,0.16) 0%, rgba(15,17,20,1) 350px, rgba(15,17,20,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f1114",endColorstr="#0f1114",GradientType=1);
	}
	.full-post-bg {
		filter: none;
		opacity: unset;
		
		
	}
}

.prolist::after {
	content: " ";
	display: table;
	clear: both;
}
.prolist .carousel-cell {
	float: right;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}

.center-align {text-align: center !important}
.left-align {text-align: left !important}
.right-align {text-align: right !important}

.ialert {display: block; direction: rtl; position: relative; padding: 12px 12px; font-size: 15px; overflow: hidden; margin: 7px 0; text-align: right; border: 1px solid #ddd; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	-webkit-animation: fadeIn 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 1s; /* Firefox < 16 */
	-ms-animation: fadeIn 1s; /* Internet Explorer */
	-o-animation: fadeIn 1s; /* Opera < 12.1 */
	animation: fadeIn 1s;
	cursor: help;
}
.ialert .close {position: absolute; color: #474747; left: 13px; top:12px; margin: 0; cursor: pointer; opacity: 0.6; transition: all ease 0.3s;}
.ialert .close:hover { opacity: 1;}
.ialert .close:after {content: "X"; font-size: 16px; font-weight: normal; font-style: normal;}
.ialert-danger {background-color: #F8ECEC; color: #B7110D; border-color: #F1D9D4;}
.ialert-success {background-color: #FDFFF2; color: #408040; border-color: #DCF5DB;}
/*.ialert-warning {background-color: #FFFAF2; color: #AD852C; border-color: #F5F1DB;}*/
.ialert-warning {background-color: #e0cf78; color: #000; border-color: #F1D9D4;}

.full-bodys {padding: 100px 10px 20px 10px; max-width: 98%; margin: 0 auto}
.full-body-lite {padding: 20px 20px 20px 20px; text-align: center; max-width: 800px; margin: 30px auto 0 auto; background-color: #fff; border-radius: 30px;}
.full-body-lite .mb-4 {direction: rtl; text-align: right}
.full-body-lite .mt-0 {color: #151515 !important; font-size: 20px;}
.full-body-lite .mb-0 {line-height: 27px; color: #807F7F !important; padding-right: 15px;}
.full-body-lite .header-titr {color: #333}
.full-body-lite .form-control {font-size: 1.5rem; margin-top: 15px !important; background-color: #F5F5F5; border-radius: 12px; display: inline-block; max-width: 500px; margin: 0 auto; border: 1px soild #ddd; box-shadow: #e6e2e2 0 0 5px; font-family: IranSans;}
.full-body-lite .btn { max-width: 500px; width: 100%; margin-top: 8px; direction: rtl; border-radius: 12px; line-height: 1.2 !important; font-size: 15px; font-family: IranSans; font-weight: bold}
.full-body-lite .buy-price-bx { max-width: 500px; width: 100%; padding-top: 2px; direction: rtl; text-align: left; margin: 0 auto}
.full-body-lite .buy-price-bx .label {padding: 5px 10px; border-radius: 15px; background-color: #333}
.full-body-lite .buy-price-bx .label strong {font-size: 16px}


.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 1.3rem + 2px);
	padding: 0.65rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #3F4254;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #E4E6EF;
	border-radius: 0.42rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

.loading-overfit {position: absolute; z-index: 999999999; overflow: hidden;}

.loading-overfit .blure {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(252, 252, 252, 0.10); padding: 2px;}

.loading-overfit .spiners {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../images/loading.svg") center no-repeat; background-size: 30px 30px; padding: 2px;}

.iloading {display: block; min-width: 50px; margin: 0 auto; min-height: 50px; background: url("../images/loading.svg") center no-repeat; background-size: 30px 30px;}

.blur-load {pointer-events: none;
	-moz-user-select: none;
	filter: blur(4px);
	opacity: 0.5;}

.ptop-10 {padding-top: 10px;}

label:empty {
	display: none;
}
.btn .label {
	position: relative;
	top: -1px;
}
.label-default {
	background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
	background-color: #5e5e5e;
}
.label-primary {
	background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #286090;
}
.label-success {
	background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
	background-color: #449d44;
}
.label-info {
	background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
	background-color: #31b0d5;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
	background-color: #ec971f;
}
.label-danger {
	background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
	background-color: #c9302c;
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}
.badge:empty {
	display: none;
}

.serial-data{text-align: center; padding: 20px 0}
.session-list, .sessiion-episode-list {margin: 0 auto; padding: 20px 0; max-width: 1280px; width: 98%; direction: rtl; text-align: right}

.session-tab {
	
	float: right;
	height: 38px;
	text-align: center;
	min-width: 120px;
	line-height: 38px;
	padding: 0 25px;
	border-radius: 19px;
	background-color: rgb(67, 73, 81);
	margin-left: 8px;
	color:#fff;
	transition: ease 0.5s all;
	cursor: pointer;
}
.session-tab:hover {background-color: #c03;
	color:#fff;}

.session-tab.active {background-color: #c03 !important; color:#fff !important; position: relative; cursor: auto !important}

.session-tab.active:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #c03;
	border-right: 10px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 10px solid transparent;
}
.episode-list {display: none !important}
.episode-list.active {background-color: transparent !important; display: flex !important;}
.episode-item {position: relative; border-radius: 10px; margin-bottom: 20px;}
.episode-image svg {
	display: none;
	position: absolute;
	fill: #fff;
	z-index: 1;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	fill: rgba(255, 179, 0, 0.80);
}
.episode-image::after {
	display: none;
	transition: all ease 0.4s;
	content: "";
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.80);
}
.episode-item:hover .episode-image svg{
	animation: fadeIn 1s;
	display: block;
}
.episode-item:hover .episode-image::after{
	animation: fadeIn 0.3s;
	display: block;
}

.episode-item:hover .episode-btns button {
	opacity: 1;
}
.episode-image {border-radius: 10px; overflow: hidden; position: relative;}
.episode-image img {width: 100%; height: auto}
.episode-titr {height: 120px; padding-top: 10px;}
.episode-titr span,.episode-titr strong,.episode-titr p {display: block}
.episode-titr span {color: #7C7C7C; height: 22px; line-height: 22px; overflow: hidden}
.episode-titr h4 {color: #fff; height: 30px; line-height: 30px; overflow: hidden; font-size: 17px;}
.episode-titr p {color: #969696; height: 90px; overflow: hidden; font-size: 14px; line-height: 20px; direction: rtl; text-align: justify}

.episode-btns {text-align: left}
.episode-btns button {opacity: 0; transition: all ease 0.3s}
.episode-btns .basket-btn, .episode-btns .play-btn {font-size: 14px; margin-right: 5px; padding: 3px 5px; height: auto;}
.episode-btns .basket-btn svg, .episode-btns .play-btn svg {width: 14px; height: 14px;}


img {vertical-align: middle}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto}

.img-rounded {border-radius: 6px}

.img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #FFF;border: 1px solid #DDD;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto}

.img-circle {border-radius: 50%}



/* custom grid bootstrap */
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-left: calc(var(--bs-gutter-x) * -.5);
	margin-right: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}

.col {
	flex: 1 0 0%;
}

.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%;
}

@media (max-width: 480px) {
	.col-6 {width: 100% !important; flex: none}
}
@media (min-width: 576px) {
	.col-sm {
		flex: 1 0 0%;
	}
	
	.row-cols-sm-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	
	.row-cols-sm-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.row-cols-sm-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.row-cols-sm-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	
	.row-cols-sm-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.row-cols-sm-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	
	.row-cols-sm-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
}
@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}
	
	.row-cols-md-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	
	.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	
	.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	
	.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
}
@media (min-width: 992px) {
	.col-lg {
		flex: 1 0 0%;
	}
	
	.row-cols-lg-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	
	.row-cols-lg-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.row-cols-lg-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.row-cols-lg-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	
	.row-cols-lg-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.row-cols-lg-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	
	.row-cols-lg-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
}
@media (min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%;
	}
	
	.row-cols-xl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	
	.row-cols-xl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.row-cols-xl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	
	.row-cols-xl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.row-cols-xl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	
	.row-cols-xl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
}
@media (min-width: 1400px) {
	.col-xxl {
		flex: 1 0 0%;
	}
	
	.row-cols-xxl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	
	.row-cols-xxl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.row-cols-xxl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.row-cols-xxl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	
	.row-cols-xxl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.row-cols-xxl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	
	.row-cols-xxl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
}
.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}



@media (min-width: 576px) {
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}
	
	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	
	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	
	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	
	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	
	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	
	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	
	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	
	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.offset-sm-0 {
		margin-right: 0;
	}
	
	.offset-sm-1 {
		margin-right: 8.33333333%;
	}
	
	.offset-sm-2 {
		margin-right: 16.66666667%;
	}
	
	.offset-sm-3 {
		margin-right: 25%;
	}
	
	.offset-sm-4 {
		margin-right: 33.33333333%;
	}
	
	.offset-sm-5 {
		margin-right: 41.66666667%;
	}
	
	.offset-sm-6 {
		margin-right: 50%;
	}
	
	.offset-sm-7 {
		margin-right: 58.33333333%;
	}
	
	.offset-sm-8 {
		margin-right: 66.66666667%;
	}
	
	.offset-sm-9 {
		margin-right: 75%;
	}
	
	.offset-sm-10 {
		margin-right: 83.33333333%;
	}
	
	.offset-sm-11 {
		margin-right: 91.66666667%;
	}
	
	.g-sm-0,
	.gx-sm-0 {
		--bs-gutter-x: 0;
	}
	
	.g-sm-0,
	.gy-sm-0 {
		--bs-gutter-y: 0;
	}
	
	.g-sm-1,
	.gx-sm-1 {
		--bs-gutter-x: 0.25rem;
	}
	
	.g-sm-1,
	.gy-sm-1 {
		--bs-gutter-y: 0.25rem;
	}
	
	.g-sm-2,
	.gx-sm-2 {
		--bs-gutter-x: 0.5rem;
	}
	
	.g-sm-2,
	.gy-sm-2 {
		--bs-gutter-y: 0.5rem;
	}
	
	.g-sm-3,
	.gx-sm-3 {
		--bs-gutter-x: 1rem;
	}
	
	.g-sm-3,
	.gy-sm-3 {
		--bs-gutter-y: 1rem;
	}
	
	.g-sm-4,
	.gx-sm-4 {
		--bs-gutter-x: 1.5rem;
	}
	
	.g-sm-4,
	.gy-sm-4 {
		--bs-gutter-y: 1.5rem;
	}
	
	.g-sm-5,
	.gx-sm-5 {
		--bs-gutter-x: 3rem;
	}
	
	.g-sm-5,
	.gy-sm-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 768px) {
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}
	
	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	
	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	
	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	
	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	
	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	
	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	
	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	
	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	
	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	
	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.offset-md-0 {
		margin-right: 0;
	}
	
	.offset-md-1 {
		margin-right: 8.33333333%;
	}
	
	.offset-md-2 {
		margin-right: 16.66666667%;
	}
	
	.offset-md-3 {
		margin-right: 25%;
	}
	
	.offset-md-4 {
		margin-right: 33.33333333%;
	}
	
	.offset-md-5 {
		margin-right: 41.66666667%;
	}
	
	.offset-md-6 {
		margin-right: 50%;
	}
	
	.offset-md-7 {
		margin-right: 58.33333333%;
	}
	
	.offset-md-8 {
		margin-right: 66.66666667%;
	}
	
	.offset-md-9 {
		margin-right: 75%;
	}
	
	.offset-md-10 {
		margin-right: 83.33333333%;
	}
	
	.offset-md-11 {
		margin-right: 91.66666667%;
	}
	
	.g-md-0,
	.gx-md-0 {
		--bs-gutter-x: 0;
	}
	
	.g-md-0,
	.gy-md-0 {
		--bs-gutter-y: 0;
	}
	
	.g-md-1,
	.gx-md-1 {
		--bs-gutter-x: 0.25rem;
	}
	
	.g-md-1,
	.gy-md-1 {
		--bs-gutter-y: 0.25rem;
	}
	
	.g-md-2,
	.gx-md-2 {
		--bs-gutter-x: 0.5rem;
	}
	
	.g-md-2,
	.gy-md-2 {
		--bs-gutter-y: 0.5rem;
	}
	
	.g-md-3,
	.gx-md-3 {
		--bs-gutter-x: 1rem;
	}
	
	.g-md-3,
	.gy-md-3 {
		--bs-gutter-y: 1rem;
	}
	
	.g-md-4,
	.gx-md-4 {
		--bs-gutter-x: 1.5rem;
	}
	
	.g-md-4,
	.gy-md-4 {
		--bs-gutter-y: 1.5rem;
	}
	
	.g-md-5,
	.gx-md-5 {
		--bs-gutter-x: 3rem;
	}
	
	.g-md-5,
	.gy-md-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 992px) {
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}
	
	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	
	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	
	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	
	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	
	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	
	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	
	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	
	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	
	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	
	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.offset-lg-0 {
		margin-right: 0;
	}
	
	.offset-lg-1 {
		margin-right: 8.33333333%;
	}
	
	.offset-lg-2 {
		margin-right: 16.66666667%;
	}
	
	.offset-lg-3 {
		margin-right: 25%;
	}
	
	.offset-lg-4 {
		margin-right: 33.33333333%;
	}
	
	.offset-lg-5 {
		margin-right: 41.66666667%;
	}
	
	.offset-lg-6 {
		margin-right: 50%;
	}
	
	.offset-lg-7 {
		margin-right: 58.33333333%;
	}
	
	.offset-lg-8 {
		margin-right: 66.66666667%;
	}
	
	.offset-lg-9 {
		margin-right: 75%;
	}
	
	.offset-lg-10 {
		margin-right: 83.33333333%;
	}
	
	.offset-lg-11 {
		margin-right: 91.66666667%;
	}
	
	.g-lg-0,
	.gx-lg-0 {
		--bs-gutter-x: 0;
	}
	
	.g-lg-0,
	.gy-lg-0 {
		--bs-gutter-y: 0;
	}
	
	.g-lg-1,
	.gx-lg-1 {
		--bs-gutter-x: 0.25rem;
	}
	
	.g-lg-1,
	.gy-lg-1 {
		--bs-gutter-y: 0.25rem;
	}
	
	.g-lg-2,
	.gx-lg-2 {
		--bs-gutter-x: 0.5rem;
	}
	
	.g-lg-2,
	.gy-lg-2 {
		--bs-gutter-y: 0.5rem;
	}
	
	.g-lg-3,
	.gx-lg-3 {
		--bs-gutter-x: 1rem;
	}
	
	.g-lg-3,
	.gy-lg-3 {
		--bs-gutter-y: 1rem;
	}
	
	.g-lg-4,
	.gx-lg-4 {
		--bs-gutter-x: 1.5rem;
	}
	
	.g-lg-4,
	.gy-lg-4 {
		--bs-gutter-y: 1.5rem;
	}
	
	.g-lg-5,
	.gx-lg-5 {
		--bs-gutter-x: 3rem;
	}
	
	.g-lg-5,
	.gy-lg-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 1200px) {
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}
	
	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	
	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	
	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	
	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	
	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	
	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	
	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	
	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	
	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	
	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.offset-xl-0 {
		margin-right: 0;
	}
	
	.offset-xl-1 {
		margin-right: 8.33333333%;
	}
	
	.offset-xl-2 {
		margin-right: 16.66666667%;
	}
	
	.offset-xl-3 {
		margin-right: 25%;
	}
	
	.offset-xl-4 {
		margin-right: 33.33333333%;
	}
	
	.offset-xl-5 {
		margin-right: 41.66666667%;
	}
	
	.offset-xl-6 {
		margin-right: 50%;
	}
	
	.offset-xl-7 {
		margin-right: 58.33333333%;
	}
	
	.offset-xl-8 {
		margin-right: 66.66666667%;
	}
	
	.offset-xl-9 {
		margin-right: 75%;
	}
	
	.offset-xl-10 {
		margin-right: 83.33333333%;
	}
	
	.offset-xl-11 {
		margin-right: 91.66666667%;
	}
	
	.g-xl-0,
	.gx-xl-0 {
		--bs-gutter-x: 0;
	}
	
	.g-xl-0,
	.gy-xl-0 {
		--bs-gutter-y: 0;
	}
	
	.g-xl-1,
	.gx-xl-1 {
		--bs-gutter-x: 0.25rem;
	}
	
	.g-xl-1,
	.gy-xl-1 {
		--bs-gutter-y: 0.25rem;
	}
	
	.g-xl-2,
	.gx-xl-2 {
		--bs-gutter-x: 0.5rem;
	}
	
	.g-xl-2,
	.gy-xl-2 {
		--bs-gutter-y: 0.5rem;
	}
	
	.g-xl-3,
	.gx-xl-3 {
		--bs-gutter-x: 1rem;
	}
	
	.g-xl-3,
	.gy-xl-3 {
		--bs-gutter-y: 1rem;
	}
	
	.g-xl-4,
	.gx-xl-4 {
		--bs-gutter-x: 1.5rem;
	}
	
	.g-xl-4,
	.gy-xl-4 {
		--bs-gutter-y: 1.5rem;
	}
	
	.g-xl-5,
	.gx-xl-5 {
		--bs-gutter-x: 3rem;
	}
	
	.g-xl-5,
	.gy-xl-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 1400px) {
	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
	}
	
	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	
	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	
	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	
	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	
	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	
	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	
	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	
	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	
	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	
	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.offset-xxl-0 {
		margin-right: 0;
	}
	
	.offset-xxl-1 {
		margin-right: 8.33333333%;
	}
	
	.offset-xxl-2 {
		margin-right: 16.66666667%;
	}
	
	.offset-xxl-3 {
		margin-right: 25%;
	}
	
	.offset-xxl-4 {
		margin-right: 33.33333333%;
	}
	
	.offset-xxl-5 {
		margin-right: 41.66666667%;
	}
	
	.offset-xxl-6 {
		margin-right: 50%;
	}
	
	.offset-xxl-7 {
		margin-right: 58.33333333%;
	}
	
	.offset-xxl-8 {
		margin-right: 66.66666667%;
	}
	
	.offset-xxl-9 {
		margin-right: 75%;
	}
	
	.offset-xxl-10 {
		margin-right: 83.33333333%;
	}
	
	.offset-xxl-11 {
		margin-right: 91.66666667%;
	}
	
	.g-xxl-0,
	.gx-xxl-0 {
		--bs-gutter-x: 0;
	}
	
	.g-xxl-0,
	.gy-xxl-0 {
		--bs-gutter-y: 0;
	}
	
	.g-xxl-1,
	.gx-xxl-1 {
		--bs-gutter-x: 0.25rem;
	}
	
	.g-xxl-1,
	.gy-xxl-1 {
		--bs-gutter-y: 0.25rem;
	}
	
	.g-xxl-2,
	.gx-xxl-2 {
		--bs-gutter-x: 0.5rem;
	}
	
	.g-xxl-2,
	.gy-xxl-2 {
		--bs-gutter-y: 0.5rem;
	}
	
	.g-xxl-3,
	.gx-xxl-3 {
		--bs-gutter-x: 1rem;
	}
	
	.g-xxl-3,
	.gy-xxl-3 {
		--bs-gutter-y: 1rem;
	}
	
	.g-xxl-4,
	.gx-xxl-4 {
		--bs-gutter-x: 1.5rem;
	}
	
	.g-xxl-4,
	.gy-xxl-4 {
		--bs-gutter-y: 1.5rem;
	}
	
	.g-xxl-5,
	.gx-xxl-5 {
		--bs-gutter-x: 3rem;
	}
	
	.g-xxl-5,
	.gy-xxl-5 {
		--bs-gutter-y: 3rem;
	}
}

.vast-skip-button{position: absolute;bottom: 25%;    right: 4%;    background: #35a89e;   padding:1em;    color: #fff;}
.vast-blocker{    position: absolute;   width: 100%;    height: 100%;    top: 0;    right: 0;}

#ivideoplayer {position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%;}