@media(min-width:600px){.section{font-family:HelveticaNeue,noto kufi arabic,Arial,sans-serif;}#chat_right_content,.chat_message{font-family:HelveticaNeue,noto kufi arabic,Arial,sans-serif;;font-weight: 600;font-size: 16px;}#chat_right_content,.username{font-family:HelveticaNeue,noto kufi arabic,Arial,sans-serif;font-weight: 600;font-size: 16px;}}
.maincontent1{background-color:#24171c;padding:10px;border-radius:25px}
.maincontent2{background-color:#019b2d;padding:10px;border-radius:25px}
.maincontent3{background-color:#64819c;padding:10px;border-radius:25px}
.maincontent4{background-color:#337acc;padding:10px;border-radius:25px}
.maincontent5{background-color:#233c3c;padding:10px;border-radius:25px}
.maincontent6{background-color:#b541a9;padding:10px;border-radius:25px}
.maincontent7{background-color:#052019;padding:10px;border-radius:25px}
.maincontent8{background-color:#034956;padding:10px;border-radius:25px}
.maincontent9{background-color:#897e1e;padding:10px;border-radius:25px}
.maincontent10{background-color:#32328b;padding:10px;border-radius:25px}
.maincontent11{background-color:#62323e;padding:10px;border-radius:25px}
.maincontent12{background-color:#9399a1;padding:10px;border-radius:25px}
.textlinez1 { font-weight: 400;font-size: 16px!important;color: #fff!important; }
.headlinez1 { font-weight: 400;font-size: 32px;color: #fff!important; }
.titlez { background: #f7f7f7;color: #0a6cff; }
.foota nav { display: inline-block;margin: 5px 30px;text-align: right;vertical-align: top; }
.full_input {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 12px 10px;
    border-radius: 2px;
    border: 1px solid #3b2775;
    background: var(--input-bg);
    color: #444;
}
.theme_btn {
    background: var(--brand-2);
    color: #fff;
}
.foot {
    margin: auto;
    border-bottom: 1px solid #eee;
    text-align: center;
}
 :root {
	--bg: #ededed;
	--text: #444;
	--brand: #012832;
	--brand-2: #1f2a44;
	--accent: #ffae19;
	--muted: #f7f7f7;
	--card: #fff;
	--border: #e6e6fa;
	--shadow: 0 0 1px 1px #ddd;
	--radius: 4px;
	--radius-lg: 15px;
	--radius-sm: 3px;
	--fw-bold: 700;
	--fz-base: 14px;
	--fz-lg: 18px;
	--fz-title: 22px;
	--header-h: 50px;
	--overlay: rgba(1,40,50,.65);
	--input-bg: var(--muted);
	--btn-gap: 12px;
	--link-visited: #5b32ff;
	--crumb-gap: .4rem;
	--crumb-color: #444;
	--crumb-sep: "›"
}
html[lang="ar"] {
	--crumb-sep: "‹"
}
*,:before,:after {
	box-sizing: border-box
}
html {
	scroll-behavior: smooth
}
a {
	color: orange;
	outline: none;
	text-decoration: none
}
ul {
	margin: 0;
	padding: 0;
	list-style: none
}
button {
	border: none;
	outline: none;
	cursor: pointer;
	background: #fff0;
	color: #fff
}
h1,h2,h3,p {
	margin: 0;
	padding: 0
}
.no_rtl {
	direction: ltr
}
* {
	scrollbar-width: thin
}
::-webkit-scrollbar {
	width: .4em
}
::-webkit-scrollbar-thumb {
	background: #d3d3d3
}
@media (min-width: 300px) {
	@font-face {
		font-family:noto naskh arabic ui;
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url(fonts/naskh.woff2) format("woff2");
		unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
	body {
		font-family: noto naskh arabic ui,Segoe UI,Tahoma,Arial,Helvetica,sans-serif
}
}
@media (min-width: 600px) {
	@font-face {
		font-family:noto kufi arabic;
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url(fonts/kufi.woff2) format("woff2");
		unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
	body {
		font-family: noto kufi arabic,noto naskh arabic ui,Segoe UI,Tahoma,Arial,Helvetica,sans-serif
}
}
:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px
}
@media (prefers-reduced-motion:reduce) {
	* {
		animation: none!important;
		transition: none!important
}
}
.background_header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--header-h);
	background: var(--brand);
	color: #fff;
	direction: rtl;
	padding: 0 1rem;
	z-index: 1000
}
main {
	margin-bottom: 100px
}
#main_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 100%;
	position: relative
}
#hamburger_btn {
	color: var(--accent);
	cursor: pointer;
	display: none;
	font-size: 1.5rem
}
.head_logo {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	min-width: 115px;
	height: 50px;
	white-space: nowrap
}
.head_logo img {
	height: 50px;
	width: 115px;
	display: block
}
.head_logo a {
	color: var(--accent);
	font-weight: var(--fw-bold)
}
.head_logo h3 {
	display: none
}
#main_nav_menu {
	display: flex;
	gap: 1.1rem;
	margin: 0;
	padding: 0
}
#main_nav_menu li a {
	color: var(--accent);
	font-weight: var(--fw-bold);
	padding: 0 .5rem
}
#main_nav_menu li a:hover {
	color: #fff
}
@media(max-width: 768px) {
	#hamburger_btn,.head_logo h3 {
		display:block
}
	#main_nav_menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 1rem 0;
		background: var(--brand-2);
		border-bottom: 1px solid #fff
}
	#main_nav_menu.open {
		display: flex
}
}
#intro_top {
	background: linear-gradient(135deg,#1f2a44,#16213e);
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 60px 10px 40px
}
#login_all {
	margin: 0 auto;
	padding: 25px 18px;
	max-width: 540px;
	border-radius: 20px;
	background: #12003980;
	color: #fff;
	text-align: center
}
#login_all img {
	margin: 0 auto 18px;
	width: 200px
}
h1.login_title_text {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 15px
}
.centered_element {
	margin: 0 auto 18px;
	max-width: 500px;
	text-align: center
}
.centered_element p {
	margin: 10px;
	font-size: 14px;
	line-height: 1.6
}
.login_box {
	margin-top: 12px
}
.intro_login_btn {
	display: inline-block;
	margin: 4px 6px;
	padding: 12px 22px;
	border-radius: 25px;
	font-size: 15px;
	font-weight: var(--fw-bold);
	text-decoration: none;
	color: #fff
}
.intro_login_btn.ok_btn {
	background: orange;
	color: #000
}
.intro_login_btn.default_btn {
	background: #c61134
}
.intro_login_btn.app_btn {
	background: #2a5f56
}
.intro_login_btn.register_btn {
	background: #4b2ca0
}
.login_sub_text {
	font-size: 13px;
	margin: 8px 0
}
.intro_wrap_social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	min-width: 100px;
	border-radius: var(--radius);
	margin: 4px;
	padding: 0 10px;
	font-size: 13px;
	color: #fff
}
.intro_wrap_social i {
	margin-right: 6px;
	width: 33px;
	line-height: 36px
}
.fbl_button {
	background: #3b5998
}
.ytub_button {
	background: #cd201f
}
.twit_button {
	background: #1da1f2
}
.intro_lang {
	width: 26px;
	height: 17px;
	display: block;
	margin: 0 auto;
	border-radius: 3px
}
.section {
	width: 100%;
	margin: 0 auto;
	text-align: center
}
.section_content {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto
}
.section_inside {
	margin: 0 auto
}
.section p {
	margin: 8px 0;
	width: 100%
}
.main-cont {
	padding: 10px 0;
	text-align: center;
	color: #000;
	font-size: 18px;
	line-height: 1.9;
	background: #f9f9f9;
	border: 1px solid var(--border)
}
.main-cont>* {
	padding: 0 10px
}
.form_split {
	width: 100%;
	clear: both
}
.full_button {
	width: 100%;
	text-align: center
}
.large_button {
	padding: 10px 20px;
	border-radius: 3px;
	min-width: 200px;
	font-size: 16px
}
.main-cont h2 {
	background: linear-gradient(to right,#003666,#ad1f81,#003666);
	color: #fff;
	padding: 5px 0
}
.main-cont li {
	margin-bottom: 6px
}
.main-cont a {
	color: #0007eb
}
.foot {
	margin: auto;
	border-bottom: 1px solid #eee;
	text-align: center
}
.foot nav {
	display: inline-block;
	margin: 14px 6px;
	text-align: right;
	vertical-align: top
}
.foot nav a {
	display: inline-block;
	color: #0007eb;
	font: 18px/1.4 "Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
	padding: 0 15px;
	margin: 5px
}
footer {
	color: #ccc;
	font-size: 14px;
	text-align: center
}
.footer_links {
	margin: 0 auto;
	max-width: 500px
}
.titlez>a {
	text-align: center;
	color: #fff !important
}
.footer_summary {
	cursor: pointer;
	font-weight: var(--fw-bold);
	padding: 12px 0;
	color: #ffae19;
	font-size: 15px
}
.footer_links_list li {
	margin: 6px 0
}
.footer_links_list li a {
	color: #ddd
}
.footer_links_list li a:hover {
	color: #fff;
	text-decoration: underline
}
.cookie_wrap {
	background: #222;
	color: #eee;
	padding: 12px 15px;
	margin-top: 10px;
	font-size: 13px;
	display: flex;
	flex-direction: column;
	align-items: center
}
.cookie_text {
	display: block;
	text-align: center
}
.section_div_down {
	background: var(--brand);
	display: block;
	padding: 20px;
	width: 100%;
	text-align: center
}
.btn-ckookis-div {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0
}
.btn-ckookis-bar {
	background: #ffae19;
	border: 0;
	border-radius: 4px;
	padding: 6px 14px;
	color: #111;
	font-weight: 700;
	cursor: pointer
}
.cookie_button {
	margin-top: 10px
}
.theme_btn {
	background: var(--brand-2);
	color: #fff
}
#wrap_main_header {
	max-width: 1100px;
	margin: 0 auto;
	height: 100%
}
#page_content {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px 0
}
#page_global {
	display: table;
	table-layout: fixed;
	width: 100%
}
.page_full {
	width: 100%;
	display: table;
	table-layout: fixed
}
.page_element {
	padding: 15px;
	margin-bottom: 10px;
	border-radius: 2px;
	background: #fff;
	color: #444;
	box-shadow: 0 0 1px 1px #ddd;
	direction: rtl
}
.page_title {
	padding-bottom: 5px;
	margin-bottom: 15px
}
.border_bottom {
	border-bottom: 1px solid #ededed
}
.text_title {
	font-weight: 700;
	font-size: 15px
}
.text_text {
	font-size: 13px;
	margin: 7px 0
}
.text_large {
	font-size: 22px
}
.text_med {
	font-size: 18px
}
.text_xxreg {
	font-size: 16px
}
.bold {
	font-weight: 700
}
.clear {
	clear: both;
	height: 1px;
	width: 100%
}
.page_indata {
	display: table-cell;
	vertical-align: top
}
.btable {
	display: table;
	table-layout: fixed;
	width: 100%
}
.bcell_mid {
	display: table-cell;
	vertical-align: middle
}
.bcell_mid_center {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.bclick {
	cursor: pointer
}
.side_bar {
	display: table;
	width: 100%;
	table-layout: fixed;
	height: 40px
}
.side_bar_item {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	text-align: center;
	font-size: 18px;
	cursor: pointer
}
#side_inside {
	overflow: hidden;
	overflow-y: auto
}
.fa {
	cursor: pointer
}
.i_btm {
	font-size: 16px
}
.head_option {
	display: table-cell;
	width: 35px;
	vertical-align: middle;
	font-size: 16px;
	text-align: center;
	position: relative;
	cursor: pointer
}
@media(min-width: 600px) {
	.head_option {
		width:40px
}
}
#page_wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	position: relative;
	z-index: 1
}
.modal_top {
	width: 100%;
	display: table;
	table-layout: fixed;
	background: var(--brand);
	color: #fff
}
.modal_top_element {
	display: table-cell;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px
}
.modal_top_empty {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	padding: 0 5px
}
.modal_back {
	background-color: var(--overlay)
}
.small_modal_out,.over_modal_out,.large_modal_out,.over_emodal_out {
	display: none;
	position: fixed;
	z-index: 1100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: var(--overlay);
	cursor: pointer
}
.modal_in {
	background: #fff;
	color: #444
}
.small_modal_in,.over_modal_in,.large_modal_in,.over_emodal_in {
	border-radius: 3px;
	margin: 6% auto;
	max-width: 500px;
	width: 98%
}
.small_modal_in {
	max-width: 400px
}
.small_modal_content,.large_modal_content,.over_modal_content,.over_emodal_content {
	direction: rtl
}
.saved_data {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 1200;
	padding: 15px;
	font-size: 24px;
	text-align: center
}
.saved_ok {
	background-color: #060c;
	color: #fff
}
.saved_error {
	background-color: #f00c;
	color: #fff
}
.titlez {
	margin: 0 0 8px;
	background: linear-gradient(to right,#003666,#ad1f81,#003666);
	color: #fff;
	padding: 6px 10px;
	border-radius: 8px;
	font-size: 18px
}
.pad {
	padding: 14px
}
.pad_box {
	padding: 15px
}
.pad30 {
	padding: 30px
}
.boom_form {
	padding: 10px
}
.bpad5 {
	padding-bottom: 5px
}
.bpad15 {
	padding-bottom: 15px
}
.tpad5 {
	padding-top: 5px
}
.tpad10 {
	padding-top: 10px
}
.form_split {
	width: 100%;
	clear: both
}
.form_left {
	width: 50%;
	float: left;
	padding-right: 3px
}
.form_right {
	width: 50%;
	float: right;
	padding-left: 3px
}
.form_left_full,.form_right_full {
	width: 100%;
	float: none;
	padding: 0
}
.full_input {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 12px 10px;
	border-radius: 2px;
	border: 1px solid #3b2775;
	background: var(--input-bg);
	color: #444
}
.label {
	margin: 5px 0;
	font-size: 12px;
	font-weight: 700
}
.forgot_password {
	padding-top: 12px;
	font-weight: 700;
	color: #e91e63
}
.full_button {
	text-align: center;
	margin-top: 12px
}
.large_button {
	padding: 10px 20px;
	border-radius: 3px;
	min-width: 200px;
	font-size: 16px;
	margin-top: 12px
}
.large_button_rounded {
	padding: 12px 20px;
	min-width: 200px;
	margin-top: 12px;
	color: #fff;
	border-radius: 15px 3px
}
.login_control {
	margin-top: 12px
}
.full_input+.large_button,.full_input+.large_button_rounded,.full_input+.full_button,select+.large_button,select+.large_button_rounded,select+.full_button,textarea+.large_button,textarea+.large_button_rounded,textarea+.full_button {
	margin-top: 12px
}
.large_button+.large_button,.large_button_rounded+.large_button_rounded {
	margin-top: 8px
}
.selectboxit-container {
	width: 100%
}
.selectboxit-container .selectboxit {
	width: 100%;
	border: 1px solid #3b2775;
	border-radius: 2px;
	background: var(--input-bg)
}
.selectboxit-container span {
	height: 44px;
	line-height: 44px
}
.selectboxit-container .selectboxit-list {
	width: 100%
}
.selectboxit-container .selectboxit-options {
	max-height: 180px;
	border-radius: 2px
}
.selectboxit-container .selectboxit-options a {
	height: 44px;
	line-height: 44px
}
select,.selectboxit-container .selectboxit {
	border: 1px solid #3b2775!important;
	border-radius: 2px!important;
	background: var(--input-bg)!important;
	color: #444!important;
	height: 44px!important;
	min-height: 44px!important;
	box-shadow: none!important;
	font: inherit!important
}
select:focus,.selectboxit-container .selectboxit:focus,.selectboxit-container .selectboxit.selectboxit-open {
	border-color: #ffae19!important;
	box-shadow: 0 0 0 2px rgb(255 174 25 / .25)!important;
	outline: 0!important
}
.selectboxit-container .selectboxit:hover {
	border-color: #4b3c93!important
}
.selectboxit-container .selectboxit.selectboxit-disabled,select:disabled {
	opacity: .6!important;
	cursor: not-allowed!important
}
@media (forced-colors:active) {
	select,.selectboxit-container .selectboxit {
		border: 1px solid CanvasText!important
}
}
.chat_side_panel {
	background: #fff;
	color: #444;
	box-shadow: 0 0 1px 1px #ddd
}
#side_content {
	width: 480px;
	max-width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 500;
	display: none
}
.lazyloaded {
	opacity: 1;
	transition: opacity .3s ease
}
#page_content .post_image img {
	max-height: 450px
}
.img-margin-block {
	margin: 0 auto 25px;
	display: block
}
#menu_main_footer {
	font-size: 15px;
	width: auto
}
#menu_main_footer li {
	display: inline-block;
	margin: 0 10px 6px 0;
	font-size: 13px
}
#menu_main_footer li a {
	color: inherit
}
#open_login_menu {
	width: 50px;
	font-size: 24px;
	position: relative
}
#open_login_menu img {
	display: block
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0
}
::placeholder {
	color: #8d8d8d
}
:-ms-input-placeholder {
	color: #8d8d8d
}
::-ms-input-placeholder {
	color: #8d8d8d
}
.main-cont a,.page_element a,.section p a,.footer_links_list a,.foot nav a,#menu_main_footer a,#intro_top a,#login_all a {
	text-decoration: underline;
	text-underline-offset: .15em;
	text-decoration-thickness: from-font
}
.page_element a:visited,.main-cont a:visited,.footer_links_list a:visited,.section p a:visited {
	color: #5b32ff
}
#main_nav_menu li a,.foot nav a,.footer_links_list a,.footer_summary,.head_logo a,#menu_main_footer a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 10px;
	margin-block:4px
}
@media screen and (max-width: 1120px) {
	#page_content {
		padding:20px 5px
}
	#wrap_main_header {
		padding: 0 7px
}
}
@media screen and (max-width: 1100px) {
	.page_menu {
		display:none
}
	#open_sub_mobile {
		display: table-cell
}
	.page_menu_wrapper {
		box-shadow: none
}
}
@media screen and (min-width: 1101px) {
	#side_menu {
		display:none!important
}
}
@media screen and (max-width: 1000px) {
	.room_element {
		width:calc(33% - 10px)
}
}
@media screen and (max-width: 768px) {
	#menu_main_footer {
		text-align:center;
		width: 100%
}
	#side_menu {
		border-bottom: 0!important;
		border-top: 0!important
}
	.hide_mobile {
		display: none
}
	.show_phone {
		display: block
}
	.page_left,.page_right,.page_350,.page_40,.page_half,.page_third,.page_two_third {
		display: block;
		width: 100%;
		padding: 0
}
	#container_stream {
		display: none!important
}
	.room_element {
		width: calc(50% - 10px)
}
}
@media screen and (min-width: 769px) {
	.show_phone {
		display:none
}
}
@media screen and (max-width: 640px) {
	.room_t {
		max-width:60%
}
	.modal_left,.modal_right {
		width: 100%;
		float: none;
		padding: 15px
}
	.profile_avatar,.avatar_profile,.avatar_spin {
		width: 100px;
		height: 100px
}
	.avatar_control {
		left: 11px
}
	.hide_phone {
		display: none
}
	.sp_box {
		width: 98%
}
	.proli {
		width: 145px
}
	.avatar_profile_round_border {
		width: 94px;
		height: 109px;
		top: 0
}
	.profile_avatar_round {
		width: 94px;
		height: 120px
}
	.avatar_profile_round {
		min-height: 75px;
		width: 75px;
		height: 75px;
		border-radius: 75px;
		top: 50px;
		left: 14px
}
	.over3 {
		left: 6px!important;
		top: 30px;
		width: 94px!important
}
	.pro_name {
		font-size: 18px
}
	.pro_name_icon {
		width: 14px;
		height: 14px;
		display: block
}
}
@media only screen and (max-width: 480px) {
	.chat_head_logo {
		width:0;
		overflow: hidden
}
	.listing_half_element {
		width: 100%;
		float: none;
		margin: 0
}
	.sub_half_item {
		width: 100%;
		float: none;
		margin: 0 0 3px
}
	.room_element {
		width: 100%;
		margin: 5px 0
}
	.room_description {
		height: auto;
		max-height: none
}
}
@media screen and (max-width: 400px) {
	.guest_recaptcha>div,.register_recaptcha>div {
		transform:scale(.85)!important;
		-webkit-transform: scale(.85)!important;
		transform-origin: 0 0!important;
		-webkit-transform-origin: 0 0!important
}
}
@media screen and (max-height: 400px) {
	#private_box {
		height:310px
}
	#private_content {
		height: 210px
}
}
.fa-home-lg:before,.fa-home:before,.fa-house:before {
	content: "\f015";
	font-family: "Font Awesome 6 Free";
	font-weight: 900
}
input {
	font-family: sans-serif,trebuchet ms,lucida grande,lucida sans unicode,arial,helvetica,sans-serif,var(--fa-style-family,"Font Awesome 6 Free");
	font-weight: 600
}
#breadcrumb {
	margin: 8px 10px 16px;
	padding: 6px 10px;
	background: #f6f7fb;
	border: 1px solid var(--border,#e6e6fa);
	border-radius: 8px;
	font-size: 16px;
	line-height: 1.6;
	direction: rtl
}
#breadcrumb .breadcrumb-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem
}
#breadcrumb .breadcrumb-item {
	display: inline-flex;
	align-items: center;
	color: #444;
	max-width: 100%
}
#breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: var(--crumb-sep);
	margin: 0 .4rem;
	color: #aaa
}
#breadcrumb .breadcrumb-item a {
	color: inherit;
	text-decoration: none;
	border-radius: 6px
}
#breadcrumb .breadcrumb-item a:hover {
	text-decoration: underline
}
#breadcrumb [aria-current="page"] {
	color: #111;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 60vw
}
#breadcrumb a:focus-visible {
	outline: 2px solid #1a73e8;
	outline-offset: 2px
}
@media (min-width: 768px) {
	#breadcrumb {
		font-size:18px
}
	#breadcrumb [aria-current="page"] {
		max-width: 80vw
}
}
.video-wrap {
	position: relative;
	max-width: 720px;
	margin: auto
}
.video-wrap::before {
	content: "";
	display: block;
	padding-top: 76.7%;
	background-image: image-set(url('/default_images/mlki_home1-320.webp') 1x,url('/default_images/mlki_home1-620.webp') 2x);
	background-size: cover;
	background-position: center;
	border-radius: 8px
}
.video-wrap video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%
}

#wrap_main_header {
    max-width: 1100px;
    margin: 0 auto;
    height: 100%;
}