@font-face {
	font-family: "TheSegoeUI";
	src: url("Segoe-UI.woff") format('woff');
}

@font-face {
	font-family: "vzr";
	src: url("Vazir-FD.woff") format('woff');
}

body, html {
	font-family: 'vzr', 'TheSegoeUI', 'Tahoma', 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #333;
	direction: rtl;
}

body {
	/* min-height: 75rem; */
	padding-top: 2.2rem; /*140px;*/
	text-align: right;
	background-color: #ddd;
}

h2 {
	margin-top: 0.5rem;
	font-size: 1rem;
	line-height: 1.5;
}

img {
	color: #bbb !important;
}

main {
	min-height: 20rem;
	background-color: #fff;
}

a {
	text-decoration: none !important;
}

.list-unstyled {
	padding-right: 0 !important;
}

#mainMenu {
	background-color: #3b779b;
	opacity: 0.93; /*ef*/
	border-color: rgba(231, 231, 231, 0);
	padding: 3px 5px 0px 5px;
	transition: all 0.8s;
	min-height: 2rem;
}

	#mainMenu a {
		color: white;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: right;
		display: inline-block;
	}

		#mainMenu a:hover {
			text-decoration: unset;
		}

	#mainMenu li > a, #mainMenu .logindiv > a, #mainMenu .cartbtn, #mainMenu .searchbtn {
		transition: all 0.3s;
		margin: 1px 0px;
		padding: 1px 3px;
		font-size: 10.5pt;
		border-radius: 4px;
	}

		#mainMenu li > a:hover, #mainMenu .logindiv > a:hover {
			background-color: #5f99bd;
			padding-right: 10px;
			padding-left: 2px;
		}

	#mainMenu .cartbtn {
		color: #5fae5f;
		cursor: pointer;
	}

		#mainMenu .cartbtn.filled {
			color: #5fef5f;
		}

			#mainMenu .cartbtn.filled:before {
				content: "سبدخرید ";
			}

	#mainMenu .searchbtn {
		color: #ee5f5f;
		cursor: pointer;
	}

	#mainMenu .logindiv > a {
		color: #e9e900 !important;
	}

	#mainMenu .dropdown-menu {
		/*background-color: red;*/
		font-size: 10.5pt;
		background-color: #4c88ac;
		margin-right: 1px;
		text-align: right;
		right: 1px;
		min-width: min-content;
	}

		#mainMenu .dropdown-menu .dropdown-item:hover {
			background-color: #5d99bd;
		}

	#mainMenu .navbar-brand {
		padding-top: 0px;
		margin-right: 3px;
		font-size: 14pt;
	}

.cartpanel {
	flex-direction: column;
	position: absolute;
	width: 400px;
	min-height: 100px;
	background-color: #fff;
	top: 36px;
	left: 0;
	font-size: 0.8rem;
	padding: 3px;
	border: 2px solid #2b678b;
	border-top-width: 0;
	border-bottom-right-radius: 5px;
	box-shadow: 5px 5px 20px 5px #111;
	display: inline-flex;
	display: none;
}

	.cartpanel * {
		transition: all 0.3s;
	}

	.cartpanel a * {
		color: #777;
	}

	.cartpanel > .cartcontent:empty {
		width: 100%;
	}

		.cartpanel > .cartcontent:empty:after {
			content: "سبد خرید خالی است";
			font-size: 2rem;
			text-align: center;
			vertical-align: middle;
			align-self: center;
			color: #aaa;
			opacity: 0.5;
		}

	.cartpanel > .cartcontent {
		display: inline-flex;
		flex-direction: column;
	}

		.cartpanel > .cartcontent > div {
			display: inline-flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: stretch;
			border-bottom: 2px solid #eee;
			padding: 0 0;
		}

			.cartpanel > .cartcontent > div > div {
				padding: 2px;
				display: inline-flex;
				align-items: center;
				/*border: 1px solid red;*/
			}

			.cartpanel > .cartcontent > div .cartthumb {
				border-left: 1px solid #eee;
				height: 50px;
				text-align: center;
				vertical-align: middle;
				width: 50px;
			}

				.cartpanel > .cartcontent > div .cartthumb img {
					max-width: calc(100% - 1px);
					max-height: calc(100% - 1px);
					text-align: center;
					display: inline-block;
				}

			.cartpanel > .cartcontent > div .carttitle {
				width: 275px;
				border-left: 1px solid #eee;
				/*font-size: 1rem;*/
			}

				.cartpanel > .cartcontent > div .carttitle * {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

			.cartpanel > .cartcontent > div .cartcnt {
				width: 40px;
			}

			.cartpanel > .cartcontent > div .cartremove {
				cursor: pointer;
				color: #ddd;
				font-size: 1rem;
				line-height: 100%;
				/*border: 1px solid red;*/
			}

				.cartpanel > .cartcontent > div .cartremove:hover {
					color: #f77;
				}

			.cartpanel > .cartcontent > div:first-child .cartcnt {
				flex-flow: column;
				align-items: flex-start;
			}

				.cartpanel > .cartcontent > div:first-child .cartcnt:before {
					content: "مقدار";
					font-size: 0.8rem;
					color: #bbb;
				}

	.cartpanel .cartcheckout {
		padding: 5px;
		text-align: center;
	}

		.cartpanel .cartcheckout * {
			font-size: 1.2rem;
			color: #5a5 !important;
		}

.searchpanel {
	flex-direction: column;
	position: absolute;
	width: 400px;
	/*min-height: 100px;*/
	background-color: #fff;
	top: 36px;
	left: 0;
	font-size: 0.8rem;
	padding: 3px;
	border: 2px solid #2b678b;
	border-top-width: 0;
	border-bottom-right-radius: 5px;
	box-shadow: 5px 5px 20px 5px #111;
	display: inline-flex;
	display: none;
	max-width: 100%;
}

	.searchpanel > div {
		display: flex;
		flex-flow: row;
		align-items: flex-start;
	}

		.searchpanel > div > * {
			margin: 4px 1px;
		}

		.searchpanel > div > #searchprg {
			color: #ee5f5f;
			margin: 0 10px;
			position: absolute;
			left: 3rem;
			font-size: 1.5rem;
			display: none;
			align-self: center;
		}


	.searchpanel #sitesearch {
		display: inline-block;
	}

	.searchpanel #dositesearch {
		background-color: #ee5f5f;
		border-color: transparent;
		font-size: 1rem;
	}

	.searchpanel #searchcontent {
		display: flex;
		flex-direction: column;
		padding: 0 10px;
	}

		.searchpanel #searchcontent a {
			color: #3b779b;
			margin: 2px 0;
		}

			.searchpanel #searchcontent a:hover {
				color: #fb779b;
			}

		.searchpanel #searchcontent > .notfound {
			align-self: center;
		}

			.searchpanel #searchcontent > .notfound::after {
				content: "موردی پیدا نشد";
				font-size: 1.5rem;
				color: #aaa;
			}

		.searchpanel #searchcontent > .found {
			/*font-size: 1.2em;*/
			align-self: center;
			color: #a00;
		}

			.searchpanel #searchcontent > .found:before {
				content: "نمایش ";
			}

			.searchpanel #searchcontent > .found:after {
				content: " مورد پیدا شده در جستجو";
			}

.navbar-toggler {
	padding: 1px 0.5rem;
}

/*nav {
	max-height: 3rem;
}*/

#abstract {
	background-color: #eee;
	text-align: justify;
	/*margin: 10px 50px;
	padding: 10px;*/
}

#header {
	position: absolute;
	width: 100%;
	top: 0px;
	/*min-width: 1200px;*/
	text-align: right;
	background-image: url(hbk.jpg);
	background-position: right bottom;
	height: 130px;
	background-repeat: repeat-x;
	z-index: 1020;
	background-size: cover;
}

	#header .headertxt {
		background-image: url(hbktxt.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		height: 130px;
		top: 11px;
		position: relative;
		background-size: contain;
	}

#contact {
	/*background-color: #ddd;*/
	background-color: #000;
	padding: 10px 0;
	font-size: 10.5pt;
}

	#contact i ~ *, #contact i {
		/*color: #3b779b;*/
		color: #8bc7eb;
	}

	#contact i {
		/*color: #3b779b;*/
		display: inline-block;
		margin: 0 5px;
		font-size: 12pt;
	}

	#contact .largeicons i {
		font-size: 30pt;
	}

	#contact p {
		margin: 10px 0;
	}

#footer {
	font-size: 0.8em;
	direction: rtl;
	text-align: center;
	background-color: #222222;
	color: #777;
	padding: 10px;
}

#homeSlideShow .carousel-inner {
	max-height: 450px;
}

.tag {
	font-size: 10pt;
}

	.tag:not(:last-child)::after {
		content: ",";
	}

.video-fluid, .audio-fluid {
	max-width: 100%;
	height: auto;
}

.pageTitle {
	color: #555;
	font-size: 14pt;
}

.pageDate {
	font-size: 11pt;
}

.navbar-toggler {
	font-size: 12.5pt;
}

@keyframes adminlogokey {
	0% {
		text-shadow: 0 0 7px red;
	}

	100% {
		text-shadow: 0 0 7px green;
	}
}

.adminlogo {
	color: yellow;
	animation: adminlogokey ease-in-out 2s infinite alternate;
}

@keyframes routerkey {
	0% {
		color: white;
		background-color: #bf0000;
	}

	100% {
		color: #bf0000;
		background-color: lightyellow;
	}
}

.router {
	font-size: 8.5pt !important;
	border-radius: 7px;
	padding: 1px 2px;
	animation: routerkey ease-in-out 5s infinite alternate;
}

	.router:hover {
		text-decoration: unset;
	}

.waze {
	background: transparent url(waze.png) no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: bottom;
}

.googlemap {
	background: transparent url(gm.png) no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: bottom;
}

.selectdiv {
	position: relative;
	display: inline-block;
}

	.selectdiv select {
		display: inline-block;
		width: 100%;
		height: 2em;
		color: #495057;
		vertical-align: middle;
		border: 1px solid #ced4da;
		border-radius: .25em;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		position: relative;
		background-color: white;
	}

	.selectdiv:after {
		content: '\f078';
		font: 900 normal normal 1em/1 "Font Awesome 5 Free";
		color: #aaa;
		top: 0;
		left: 0.2em;
		height: 2em;
		padding: 0.6em 1px 0px 0px;
		border-right: 1px solid #ccc;
		position: absolute;
		pointer-events: none;
	}

.modal-dialog .modal-body {
	direction: rtl;
}

.zeroOverlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	justify-content: center;
	background-color: rgba(0,0,0,0.8);
	padding: 50px;
}

	.zeroOverlay > div {
		color: white;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.imageOverlay {
	display: block;
}

	.imageOverlay > div {
		height: calc(100% - 50px);
		position: relative;
	}

		.imageOverlay > div > img, .imageOverlay > div > audio, .imageOverlay > div > video {
			max-height: 100%;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			left: 0;
			right: 0;
			max-width: 100%;
		}

		.imageOverlay > div > audio {
			height: 100px;
		}

	.imageOverlay > i {
		font-size: 3rem;
		color: #f00;
		z-index: 9001;
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
	}

.zeroProgress {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	justify-content: center;
	background-color: rgba(0,0,0,0.5);
	padding: 50px;
	/*position: fixed;
	display: none;
	width: 100px;
	height: 100px;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	right: auto;
	bottom: auto;
	z-index: 10000;
	justify-content: center;
	background-color: rgba(0,0,0,1);
	border-radius: 20px;*/
}

	.zeroProgress > div {
		position: fixed;
		width: 70px;
		height: 70px;
		top: calc(50% - 35px);
		left: calc(50% - 35px);
		right: auto;
		bottom: auto;
		z-index: 10000;
		justify-content: center;
		background-color: #000;
		border-radius: 10px;
		display: flex;
		align-items: center;
	}

		.zeroProgress > div > div {
			color: #fff;
		}

.pager {
	display: flex;
	margin: 2rem auto;
	color: #3b779b;
	flex-direction: row;
	justify-content: center;
}

	.pager .pagerbtn {
		border: 1px solid transparent;
		width: 2rem;
		line-height: 2.2rem;
		height: 2rem;
		margin: 1px;
		border-radius: 5px;
		background-color: #3b779b;
		cursor: pointer;
		color: white;
	}

		.pager .pagerbtn:hover {
			background-color: #5b97bb;
		}

		.pager .pagerbtn:disabled {
			background-color: #aaa;
			cursor: default;
		}

	.pager .status {
		cursor: default;
		height: 2rem;
		line-height: 2.2rem;
		padding: 0px 0.5rem;
	}