@keyframes BlackthemeButtonI {
	0% {
		width: 0;
		height: 0
	}
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	line-height: 1.8;
	padding: 0;
	margin: 0;
	direction: rtl;
	font-size: 11pt;
	overflow-x: hidden
}

details,
main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none;
	max-width: 100%
}

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

optgroup,
select {
	font-family: inherit
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio],
legend {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

.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-button {
	position: absolute;
	border: 0;
	color: #000;
	background-color: transparent
}

.flickity-button:hover {
	cursor: pointer
}

.flickity-button:focus {
	outline: 0;
	box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
	opacity: .6
}

.flickity-button:disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none
}

.flickity-button-icon {
	fill: currentColor
}

.flickity-prev-next-button {
	top: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.flickity-prev-next-button.previous {
	left: 10px
}

.flickity-prev-next-button.next {
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: -25px
}

.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: -25px
}

* svg,
.flickity-prev-next-button .flickity-button-icon,
nav ul li a {
	display: block
}

* {
	box-sizing: border-box
}

body,
button,
input,
textarea {
	font-family: 'nahid', sans-serif, tahoma, arial
}

h1,
h2,
h3,
h4,
h5,
h6,
nav {
	font-family: 'shabnam', sans-serif, tahoma, arial
}

header,
nav {
	margin-bottom: 20px
}

* svg {
	height: 32px;
	width: 32px;
	user-select: none;
	pointer-events: none
}

.blackthemeBox {
	margin: auto
}

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

@media screen and (min-width:586px) {
	.blackthemeBox {
		max-width: 576px
	}
}

@media screen and (min-width:778px) {
	.blackthemeBox {
		max-width: 768px
	}
}

@media screen and (min-width:1002px) {
	.blackthemeBox {
		max-width: 992px
	}
}

@media screen and (min-width:1210px) {
	.blackthemeBox {
		max-width: 1200px
	}
}

nav .blackthemeBox,
nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

nav .blackthemePadding {
	padding-bottom: 0px;
}

nav .blackthemeBox {
	align-items: center;
	justify-content: space-between
}

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

.blackthemePadding {
	padding: 20px
}

.blackthemeElement {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.blackthemeElement>* {
	pointer-events: none
}

nav ul li a {
	padding: 5px 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	border-radius: 5px;
	border: 2px solid rgba(240, 240, 240, .2)
}

nav ul li:last-of-type a {
	margin-left: 0
}

.blackthemeElement:hover {
	transition: .3s cubic-bezier(.55, .085, .68, .53);
	transition-delay: .3s;
	-webkit-transition: .3s cubic-bezier(.55, .085, .68, .53);
	-moz-transition: .3s cubic-bezier(.55, .085, .68, .53);
	-ms-transition: .3s cubic-bezier(.55, .085, .68, .53);
	-o-transition: .3s cubic-bezier(.55, .085, .68, .53)
}

.blackthemeElement i,
nav ul li a svg {
	user-select: none;
	pointer-events: none
}

.blackthemeElement i {
	position: absolute;
	width: 400px;
	height: 400px;
	z-index: -1;
	animation: BlackthemeButtonI .3s cubic-bezier(.55, .085, .68, .53);
	-webkit-animation: BlackthemeButtonI .3s cubic-bezier(.55, .085, .68, .53);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.blackthemeCarousel .blackthemeElement i {
	width: 800px;
	height: 800px
}

.blackthemeBoxShadow {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.blackthemeInfo,
header .blackthemeBox {
	display: flex;
	flex-direction: row;
	align-items: center
}

header .blackthemeBox {
	justify-content: space-between;
	flex-wrap: wrap
}

.blackthemeInfo {
	margin-bottom: 20px
}

.blackthemeInfoUrl h1 {
	padding: 0;
	margin: 0 0 5px
}

.blackthemeInfoUrl h2 {
	margin: 0;
	padding: 0;
	font-weight: 400
}

.blackthemeInfoImg {
	margin-left: 20px;
	min-width: 150px
}

.blackthemeInfoImg img {
	display: block;
	max-height: 130px
}

.blackthemeAds a {
	display: block;
	margin-bottom: 10px
}

.blackthemeAds img {
	display: block
}

.blackthemeAds a:last-of-type,
.blackthemeCategoryListUl>li>ul>li:last-of-type {
	margin-bottom: 0
}

.blackthemeAds {
	display: flex;
	flex-direction: column;
	min-width: 468px
}

.blackthemeCategoryListUl {
	flex-wrap: wrap;
	justify-content: center
}

.blackthemeCategoryList .blackthemePadding {
	padding-bottom: 0;
	padding-top: 0
}

.blackthemeCategoryListUl>li {
	position: relative;
	z-index: 3
}

.blackthemeCategoryListUl>li>h2,
.blackthemeCategoryListUl>li>ul>li>h2 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: 400
}

.blackthemeCategoryListUl>li>h2>a {
	display: block;
	padding: 15px 30px
}

.blackthemeCategoryListUl>li>ul {
	position: absolute;
	width: 300px;
	right: 0;
	z-index: -2;
	top: 100%;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	user-select: none;
	overflow: hidden;
	list-style: none;
	margin: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.blackthemeCategoryListUl>li:hover>ul {
	opacity: 1;
	pointer-events: all;
	user-select: unset;
	transition: .3s cubic-bezier(.55, .085, .68, .53) opacity;
	-webkit-transition: .3s cubic-bezier(.55, .085, .68, .53) opacity;
	-moz-transition: .3s cubic-bezier(.55, .085, .68, .53) opacity;
	-ms-transition: .3s cubic-bezier(.55, .085, .68, .53) opacity;
	-o-transition: .3s cubic-bezier(.55, .085, .68, .53) opacity
}

.blackthemeCategoryListUl>li>ul>li>h2>a {
	width: 100%
}

.blackthemeCategoryListUl>li>ul>li,
.blackthemeSideBox ul li {
	margin-bottom: 10px
}

.blackthemeCategoryListUl,
.blackthemeMenuUl {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row
}

.blackthemeMenuUl li a {
	padding: 10px 20px;
	display: block
}

.blackthemeGalleryList img,
.blackthemeMedium {
	display: none
}

.blackthemeAdsBox a img,
.blackthemeMediumSet {
	display: block
}

@media screen and (min-width:1002px) {
	.blackthemeMedium {
		display: flex
	}

	.blackthemeSmall {
		display: none
	}
}

.blackthemeCarousel {
	padding: 0;
	margin-left: -10px;
	margin-right: -10px
}

.blackthemeCarouselBox a h2,
footer h2 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 1.5em
}

.blackthemeCarouselBox {
	width: 25%;
	padding: 20px 10px
}

.blackthemeCarouselBox a {
	height: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.blackthemeCarouselBox a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.blackthemeRow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: -10px;
	margin-right: -10px
}

.blackthemeSideRight {
	padding-left: 10px;
	padding-right: 10px;
	min-width: 50%
}

.blackthemeSideLeft {
	min-width: 50%
}

.blackthemeSideLeftFull {
	padding: 0 10px
}

.blackthemeGalleryList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 10px
}

.blackthemeSideBox marquee {
	width: 100%;
	display: block;
	direction: ltr;
	font-size: 11pt
}

.blackthemeSideBox marquee a {
	font-weight: 700
}

.blackthemeAdsBox,
.blackthemeGalleryOverlay,
.blackthemeSideBox h6 {
	display: flex;
	flex-direction: column;
	align-items: center
}

.blackthemeAdsBox a {
	display: block;
	margin-bottom: 10px
}

.blackthemeGalleryList .blackthemeGalleryImg {
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	cursor: pointer
}

.blackthemeGalleryOverlay {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 4;
	justify-content: center;
	overflow: auto;
	transition: .15s cubic-bezier(.55, .085, .68, .53) opacity;
	-webkit-transition: .15s cubic-bezier(.55, .085, .68, .53) opacity;
	-moz-transition: .15s cubic-bezier(.55, .085, .68, .53) opacity;
	-ms-transition: .15s cubic-bezier(.55, .085, .68, .53) opacity;
	-o-transition: .15s cubic-bezier(.55, .085, .68, .53) opacity;
	opacity: 0;
	user-select: none;
	pointer-events: none
}

.blackthemeGalleryOverlaySet {
	opacity: 1;
	pointer-events: all;
	user-select: unset
}

.blackthemeGalleryOverlay img {
	display: block !important
}

.blackthemeSideLeftFlex {
	display: flex;
	flex-direction: row;
	position: relative;
	align-items: flex-start
}

.blackthemeSideLeftBox {
	min-width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	position: sticky;
	position: -webkit-sticky;
	top: 20px
}

.blackthemeSideBox {
	padding: 20px;
	margin-bottom: 20px
}

.blackthemeClear {
	clear: both
}

.blackthemeSideBox h6 {
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	margin: 0 0 30px;
	font-size: 1.2em;
	color: #14213d
}

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

.blackthemeSideBox ul li a {
	overflow: hidden;
	position: relative;
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: 2px solid rgba(108, 128, 172, .02);
	background-color: #f5f5f5
}

.blackthemeSideBox ul li .blackthemeElement i {
	height: 800px;
	width: 800px
}

.blackthemePostBox {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px
}

.blackthemePostBox a {
	font-weight: 700
}

.blackthemePostBoxTitle {
	margin: 0 0 20px;
	padding: 0
}

.blackthemePostInfo {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px -20px -20px;
	padding-bottom: 0
}

.blackthemePostInfoBox {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px
}

.blackthemePostInfoBox svg {
	margin-left: 10px
}

.blackthemePostBox .blackthemeClear {
	padding-top: 20px
}

.blackthemePagination {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px
}

.blackthemePrevoius {
	float: right
}

.blackthemeNext {
	float: left
}

footer {
	text-align: center;
	margin-top: 40px
}

footer h2 {
	font-size: inherit;
	display: inline-block
}

body {
	background-color: #f3f3f3
}

nav {
	background-color: #14213d
}

.blackthemeCategoryListUl>li>ul>li>h2>a,
.blackthemeElement:hover,
.blackthemeStyle .blackthemeElement:hover,
.blackthemeStyle body,
body {
	color: #000
}

.blackthemeCategoryListUl>li>ul,
.blackthemeElement .blackthemeElementHover,
.blackthemeStyle .blackthemeElement .blackthemeElementHover {
	background-color: #fca311
}

.blackthemeElement .blackthemeElementClick,
.blackthemeStyle .blackthemeElement .blackthemeElementClick {
	background-color: #f3f3f3
}

.blackthemeBoxShadow {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(108, 128, 172, .3)
}

.blackthemeCarouselBox a,
.blackthemeCategoryList,
footer {
	color: #fff;
	background-color: #14213d
}

.blackthemePostBox a:hover,
.blackthemeSideBox marquee a:hover,
.blackthemeStyle .blackthemePostBox a:hover,
.blackthemeStyle .blackthemeSideBox marquee a:hover {
	color: #fca311
}

.blackthemeGalleryOverlay {
	background-color: rgba(11, 18, 34, .75)
}

.blackthemeGalleryImg .blackthemeElementHover,
.blackthemeStyle .blackthemeGalleryImg .blackthemeElementHover {
	background-color: rgba(253, 163, 18, .75)
}

.blackthemePostInfo {
	background-color: #f3f3f3;
	color: #14213d
}

.blackthemeStyle {
	background-color: #34445c
}

.blackthemeStyle nav {
	background-color: #001020;
	color: #fff
}

.blackthemeStyle nav ul li a {
	border: 2px solid rgba(240, 240, 240, .2)
}

.blackthemeStyle .blackthemeBoxShadow {
	background-color: #1c2a44;
	box-shadow: 0 0 15px rgb(28 42 68/20%);
	color: #fff
}

.blackthemeCategoryListUl>li>ul>li>h2>a:hover,
.blackthemeStyle .blackthemeCategoryListUl>li>ul>li>h2>a,
.blackthemeStyle .blackthemeCategoryListUl>li>ul>li>h2>a:hover,
.blackthemeStyle .blackthemeSideBox h6,
nav {
	color: #fff
}

.blackthemeStyle .blackthemeCarouselBox a,
.blackthemeStyle .blackthemeCategoryList,
.blackthemeStyle footer {
	color: #fff;
	background-color: #031428
}

.blackthemeCarouselBox a::before,
.blackthemeStyle .blackthemeCarouselBox a::before {
	background-color: rgba(20, 33, 62, .3)
}

.blackthemeStyle .blackthemeGalleryOverlay {
	background-color: rgba(11, 18, 34, .75)
}

.blackthemeStyle .blackthemeSideBox ul li a {
	border: 2px solid rgba(108, 128, 172, .02);
	background-color: #1f2f4d
}

.blackthemeStyle .blackthemePostInfo {
	background-color: #18243a;
	color: #fff
}

.blackthemeStyle .flickity-button {
	color: #fff
}

@media screen and (max-width:1002px) {

	.blackthemeRow,
	header .blackthemeBox {
		flex-direction: column
	}

	.blackthemeSideLeft,
	.blackthemeSideRight {
		min-width: 100%
	}

	.flickity-prev-next-button {
		display: none
	}

	.blackthemeCarouselBox {
		width: 33.333%
	}

	.blackthemeCategoryListUl {
		flex-direction: column;
		padding-top: 20px;
		padding-bottom: 20px
	}

	.blackthemeCategoryListUl>li {
		border: 2px solid rgba(108, 128, 172, .2);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		margin-bottom: 20px
	}

	.blackthemeCategoryListUl>li>h2>a {
		padding: 20px !important
	}

	.blackthemeCategoryListUl .blackthemeElement i {
		display: none !important
	}

	.blackthemeCategoryListUl .blackthemeElement:hover {
		color: inherit !important
	}

	.blackthemeCategoryListUl>li>ul {
		position: relative;
		opacity: 1;
		pointer-events: unset;
		user-select: unset;
		top: unset;
		width: 100%;
		background-color: rgba(108, 128, 172, .08);
		box-shadow: none;
		border-radius: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		-ms-border-radius: none;
		-o-border-radius: none
	}

	.blackthemeCategoryListUl>li>ul>li>h2>a {
		color: #fff
	}
}

@media screen and (max-width:778px) {
	.blackthemePaddingSet {
		padding-right: 10px;
		padding-left: 10px
	}

	.blackthemeCarouselBox {
		width: 50%
	}

	.blackthemeSideLeftFlex {
		flex-direction: column
	}

	.blackthemeSideLeftBox {
		min-width: 100%;
		position: relative !important;
		top: unset
	}

	.blackthemeInfo {
		flex-wrap: wrap
	}

	.blackthemeAds,
	.blackthemeInfoImg {
		min-width: unset;
		flex-wrap: wrap
	}
}

@media screen and (max-width:586px) {
	.blackthemeRemoveElement {
		display: none;
	}

	.blackthemeCarouselBox {
		width: 100%
	}

	.blackthemePostInfo {
		flex-direction: column;
	}
}