@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 10;
	src: url('fonts/eot/dana-thin.eot');
	src: url('fonts/eot/dana-thin.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-thin.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-thin.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/eot/dana-extralight.eot');
	src: url('fonts/eot/dana-extralight.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-extralight.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-extralight.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/eot/dana-light.eot');
	src: url('fonts/eot/dana-light.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-light.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-light.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/eot/dana-medium.eot');
	src: url('fonts/eot/dana-medium.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-medium.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-medium.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/eot/dana-demibold.eot');
	src: url('fonts/eot/dana-demibold.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-demibold.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-demibold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 750;
	src: url('fonts/eot/dana-ultrabold.eot');
	src: url('fonts/eot/dana-ultrabold.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-ultrabold.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-ultrabold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/eot/dana-extrabold.eot');
	src: url('fonts/eot/dana-extrabold.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-extrabold.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-extrabold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/eot/dana-black.eot');
	src: url('fonts/eot/dana-black.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-black.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-black.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/eot/dana-bold.eot');
	src: url('fonts/eot/dana-bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-bold.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-bold.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/eot/dana-regular.eot');
	src: url('fonts/eot/dana-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-8 */
		url('fonts/woff2/dana-regular.woff2') format('woff2'),
		/* FF39+,Chrome36+, Opera24+*/
		url('fonts/woff/dana-regular.woff') format('woff');
	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: 'Lalezar';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/eot/Lalezar-Regular.eot');
	src: url('fonts/eot/Lalezar-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/woff2//Lalezar-Regular.woff2') format('woff2'),
		url('fonts/woff/Lalezar-Regular.woff') format('woff'),
		url('fonts/ttf/Lalezar-Regular.ttf') format('truetype');
}

* {
	margin: 0px;
	padding: 0px;
	font-family: dana;

}

body {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	background-color: #eaecef !important;
}

@media (prefers-color-scheme: dark) {
	body {
		background: #050505 !important;
		color: #fff !important;
	}

	a {
		color: #fff !important;
	}

	.cardh {
		color: #fff !important;
	}

	p {
		color: #fff !important;
	}

	.navtitlex {
		background: #050505 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
	}

	.bback {
		background: rgba(0, 0, 0, 0.15) !important;
		backdrop-filter: blur(11px) !important;
		-webkit-backdrop-filter: blur(11px) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
		color: #fff !important;
	}

	.tab-nav-container {
		background: rgba(0, 0, 0, 0.15) !important;
		backdrop-filter: blur(11px) !important;
		-webkit-backdrop-filter: blur(11px) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
	}

	.mcard {
		background-color: #242424 !important;
	}
	.tab{
		color:white !important;
	}
	.q11 {
		background-color: #050505 !important;
	}

	.mcardx {
		background-color: #242424 !important;
		color: #fff !important;
		border: 2px solid rgba(60, 59, 59, 0.5);
	}

	.mcards {
		background-color: #3c3b3b !important;
		color: #fff !important;
	}

	::-webkit-input-placeholder {
		/* Edge */
		color: #eee !important;
	}

	:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #eee !important;
	}

	::placeholder {
		color: #eee !important;
	}

	input[type=text],
	input[type=password] {
		background-color: #3c3b3b !important;
		color: #fff !important;
	}

	input[type=tel] {
		background-color: #3c3b3b !important;
		color: #fff !important;
	}
}

.cardh {
	color: #000;
	max-width: 100%;
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 500;
}

.mcard {
	color: #000;
	background-color: #fff;
	max-width: 100%;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	font-size: 15px;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgb(19 37 71 / 10%);
}

.mcardx {
	color: #000;
	background-color: #fff;
	max-width: 100%;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	font-size: 15px;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgb(19 37 71 / 10%);
}

.mcards {
	color: #000;
	background-color: #eaecef;
	max-width: 100%;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	font-size: 15px;
	overflow: hidden;
}

.has-search .form-control {
	padding-right: 2.675rem;
}

.has-search .form-control-feedback {
	margin-top: 17px;
	margin-right: 14px;
	position: absolute;
	z-index: 2;
	display: block;
	width: 1.375rem;
	height: 1.375rem;
	line-height: 1.375rem;
	text-align: center;
	pointer-events: none;
}

.result {
	background: transparent;
	border-radius: 7px;
	width: 100%;
	height: auto;
	overflow: auto;
}

.bback {
	bottom: 0;
	height: 70px;
	line-height: 70px;
	width: 100%;
	position: fixed;
	background: rgba( 255, 255, 255, 0.15 ); 
	backdrop-filter: blur( 11px ); 
	-webkit-backdrop-filter: blur( 11px ); 
	border-bottom: 1px solid rgba( 255, 255, 255, 0.18 );
	font-weight: bold;
	box-shadow: 0 4px 8px 0 rgb(19 37 71 / 10%);
}

.btn:focus {
	box-shadow: none !important;
}

.q11 {
	background-color: #eaecef;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.loading {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 70px;
	display: flex;
	align-items: center;
}