:root {
	--color-gold_1: #ffdf82;
	--color-gold_2: #E4CA92;
}

@font-face {
	font-family: 'DBHelvethaica';
	src: url('../../assets/fonts/DB_Helvethaica_X.ttf');
	/*    src: url('../font/DB Helvethaica_X_Bd_Cond_Itv_3.2.ttf') format('truetype'), font-weight: normal;*/
	src: url('../../assets/fonts/DB_Helvethaica_X.ttf') format('truetype'), font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DBHelvethaica_li';
	src: url('../../assets/fonts/DB Helvethaica_X_Li_v3.2.ttf');
	src: url('../../assets/fonts/DB Helvethaica_X_Li_Cond_v3.2.ttf') format('truetype'), font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DBHelvethaica_thin';
	src: url('../../assets/fonts/DB Helvethaica_X_Thin_v3.2.ttf');
	src: url('../../assets/fonts/DB Helvethaica_X_Thin_Cond_v3.2.ttf') format('truetype'), font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DBHeavent';
	src: url('../../assets/fonts/DBHeavent.ttf');
	src: url('../../assets/fonts/DBHeavent.ttf') format('truetype'), font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DBHeavent-MedCond';
	src: url('../../assets/fonts/DBHeavent-MedCond.ttf');
	src: url('../../assets/fonts/DBHeavent-MedCond.ttf') format('truetype'), font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DBHeavent-BlackCond';
	src: url('../../assets/fonts/DBHeavent-BlackCond.ttf');
	src: url('../../assets/fonts/DBHeavent-BlackCond.ttf') format('truetype'), font-weight: normal;
	font-style: normal;
}
/*@font-face {
    font-family: 'DBHelvethaica X Med';
    src: url('DB Helvethaica X Med v3.2.ttf');
    src: url('font/DB Helvethaica X Med v3.2.ttf') format('truetype'),
    font-weight: normal;font-style: normal;
}*/

.DBH-BCond {
	font-family: 'DBHeavent-BlackCond', sans-serif !important;
}
.DBH-helvet {
	font-family: dbhelvethaica, sans-serif !important;
}
.Alumni-Sans {
	font-family: 'Alumni Sans', sans-serif !important;
}

body { background-color: #111111; font-family: 'DBHelvethaica', sans-serif; color: #a9a9a9; } 
.navbar, .navbar.fixed-top {   
	background-image: url(../images/bgnav.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden; 
}
.site-title { color:  var(--color-gold_1); font-weight: 500; }
.navbar .nav-item .nav-link { color:  var(--color-gold_2); }
.theme-btn { 
	border: 1px solid transparent;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: linear-gradient(181deg, #675d47 0%, #201c19 100%)padding-box, linear-gradient(90deg, #E6CEA1 0%, #A6772E 96.86%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 1;
	color: #EFD8A5 !important;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 22px;
	font-weight: 400;
}
.game-logosl { max-width: 120px; padding: 15px; flex: 0 0 auto; width: 25%; }
.nav-right { gap: 10px; }
.booking-area {  margin-top: -102px;  }
.navbar .nav-item .nav-link { font-weight: 400; font-size: 24px; }
h1, h2, h3, h4, h5, h6 { font-family: 'DBHelvethaica', sans-serif; } 
button, button:hover, a, a:hover, img:hover { outline: none !important; border: unset; }
.testimonial-single { padding: 0px 4px; margin-bottom: 5px; width: 10.6%; display: inline-flex; border-radius: 8px; 
	background: linear-gradient(181deg, #675d47 0%, #201c19 100%)padding-box,  linear-gradient(90deg, #E6CEA1 0%, #A6772E 96.86%); 
	/*background-image: linear-gradient(180deg, #606060 0%, #171717FC 100%); */
	background-image: url(../images/bgnav.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.testimonial-author-info h4 { font-size: 20px; color: #ffdf82; font-weight: 300; }
.testimonial-single::before { height: 25px; width: 56px; right: 4px; top: 4px; border-radius: 0 8px 0 0; border: 1px solid #ffdf823d; border-left: none; border-bottom: none;}
/*.testimonial-author-img { width: 50px; padding: 0px; margin-right: 0px; border: none ; /*border: 2px solid #ffdf825e; border-top-color: transparent; border-bottom-color: transparent; }*/
	.testimonial-content { width: 96%; display: block; }
	.testimonial-author-img { width: 70px;
		padding: 0px;
		margin-right: 0px;
		border: none;
		margin: 0 auto;
		margin-top: 15px;
		text-align: center; 
	}
	.testimonial-author-info { text-align: center; margin: 0px 0 10px 0; }
	.testimonial-author-img img { border-radius: 0; }
	.block_game .col-3 { width: 16.666%; padding: 0 5px;}

	.gradient-border-mask { 
/*	opacity: 1;
	transition: unset;
	background: linear-gradient(108.79deg, rgba(79, 79, 79, 0.33) 40.56%, rgba(98, 92, 92, 0.33) 97.23%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	filter: blur(0);
	backdrop-filter: unset;
	border-radius: 10px;
	margin: 0 auto;
	width: 100%;
	padding: 20px;*/

	opacity: 1;
	transition: unset;
	background: linear-gradient(108.79deg, rgb(0 0 0) 40.56%, rgb(0 0 0) 97.23%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	filter: blur(0);
	backdrop-filter: unset;
	border-radius: 10px;
	margin: 0 auto;
	width: 100%;
	padding: 20px;
	box-shadow: inset 0px 0px 19px #464646;
}
.gradient-border-mask::before { 
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	border: 1px solid transparent;
	background: linear-gradient(344deg, #E6CEA1, #A6772E) border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	z-index: -1;
}

.navbar #main_nav { justify-content: space-between; }

.testimonial-single.active, .testimonial-single:hover { 
	background: linear-gradient(178.79deg, rgb(227 207 153) 10.51%, rgb(186 156 104) 88.62%);
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.5);
}
.testimonial-single.active::before, .testimonial-single.active:hover::before { border: 1px solid #0000003d; border-left: none; border-bottom: none; }
.testimonial-single.active .testimonial-author-info h4, .testimonial-single:hover .testimonial-author-info h4 { color: #fff; }

.uael-img-grid__column-2{
	position: relative;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	display: flex;
}
.uael-grid-item {align-items: flex-start; display: inline-grid; /*width: 19.6666%;*/ padding-right: calc( 20px/2); padding-left: calc( 20px/2); }
.uael-img-grid__column-2 .uael-grid-item  { width: 50%; }
.uael-img-grid__column-5 .uael-grid-item  { width: 19.6666%; }



.site-title-tagline { letter-spacing: 3px; font-size: 28px; font-weight: 600; color: #ffdf7f;  }
.heading-divider:after { content: url('../images/icon/icn-sportsbook-checked.png'); background: unset; top: -10px; left: -10px; animation: heading-move 15s infinite linear; }
.heading-divider { border: 2px solid #443b2d; width: 220px; height: 10px;  }
.site-title-tagline::before { background: rgb(255 179 0 / 30%); }
.feature-item { background: unset; padding: 10px 0px; }
.feature-item h4 {  color:  var(--color-gold_1); font-weight: 400; font-size: 24px; margin-bottom: 0px; }
.feature-content p { 
	margin-bottom: 0; 
	text-align: center;
	color: #fff;
	font-family: "DBHelvethaica", Sans-serif;
	font-weight: 400;
	line-height: 1;
	font-size: 20px; 
}
.site-heading { margin-bottom: 15px; }

.feature-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	border-radius: 50px;
	font-size: 56px;
	color: var(--color-white);
	background: var(--theme-color);
	position: relative;
	box-shadow: var(--box-shadow);
}
.feature-icon::before {
	content: "";
	position: absolute;
	left: -6px;
	right: -6px;
	top: -6px;
	bottom: -6px;
	border: 2px dashed #805f2087;
	border-radius: 50%;
	animation: rotate 9s linear infinite;
}

.bg_black { background-image: url(../images/bg/bg_black_1.webp);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bg_black_bottom {
	background-image: url(../images/bg/pc_bottom_bg.webp);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}

.feature-icon { width: 130px; height: 130px; border-radius: 100px; background: linear-gradient(181deg, #201c1900 50%, #675d474a 100%); margin: 0 auto 10px auto; }
.feature-icon img { width: 100px; transition: all 0.3s ease-out 0s; }

.-providers-logo-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.-providers-logo-inner .-img {
	background: unset;
	padding: 2px 6px;
	border-radius: 54px;
	margin: 0.5rem 0.2rem;
	width: 100px;
	transition: all .4s;
	min-height: 38px;
}
.copyright { border-bottom: 5px solid #d1b163; padding: 16px 0; 
	background-image: url(../images/bgnav.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.copyright::before { background: linear-gradient(139deg, #BF953F, #FCF6BA, #B38728); color: #0e0e0e; top: 68px; }
.footer-area::before { background-image: unset; }
.home-2 .footer-widget-wrapper { padding-top: 0; }
.copyright .copyright-text { font-size: 20px; color: var(--color-gold_2); text-align: right; font-weight: 400; }
.textwidget a {color: var(--color-gold_2);}

.top_title_footer {
	/*background: linear-gradient(90.74deg, #59471B -14.2%, #FFE297 44.69%, #634C18 103.59%);*/
	background: linear-gradient(139deg, #BF953F, #FCF6BA, #B38728);
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #3D3006;
	letter-spacing: 1px;
	padding: 8px 0px;
}

.team-item::before { 
	background: unset;
	background-image: url(../images/bg/2365.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden; 
}

.team-item { margin-bottom: 0px; }
.team-img img { border: unset; }
.team-content { padding: 0px 0 5px 0; }

.hero-single { padding-top: 50px; padding-bottom: 100px; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center !important;
	overflow: hidden;
}
.hero-single .hero-content .hero-title { font-weight: 500;}
.home-2 .hero-single .hero-title span { -webkit-text-stroke: 0px #baa578; }
.hero-single .hero-content p { font-size: 28px; margin-bottom: 0px; }
/*.hero-single::before { 	
	background-image: url(../images/bg/pc_top_bg_v2.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	overflow: hidden; 
}*/
.hero-single::before { background: unset; }
.hero-single .hero-content { position: relative; }
.hero-section .owl-carousel img.animated { animation-duration: 2s; }
.hero-single .hero-content .hero-btn {  margin-top: 0; }
.btn.-register-btn {
	position: relative;
	width: 280px;
	padding: 0;
	color: #fff;
	background: transparent;
	box-shadow: none;
	transition: all .2s;
	margin: auto;
	display: block;
	outline: none;
	border: unset !important;
}
.btn.-register-btn:hover { outline:none; }
.btn.-register-btn .-btn-title {
/*	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 40px;
	font-weight: 600;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: inline-block;
	color: #ffb100;
	background: #ffefbe -webkit-gradient(linear,100% 0,0 0,from(#ffeebb),color-stop(.5,#b68f37),to(#ffeebb));
	background-position: -200px top;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation-name: x-shimmer;
	animation-name: x-shimmer;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;*/
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 40px;
	font-weight: 600;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: inline-block;
	color: #ffb100;
	background: #584303 -webkit-gradient(linear,100% 0,0 0,from(#584303),color-stop(.5,#deca8c),to(#584303));
	background-position: -200px top;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation-name: x-shimmer;
	animation-name: x-shimmer;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.bg_eff_orange {
	-webkit-animation: x-register-button-glowing 1s infinite alternate;
	animation: x-register-button-glowing 1s infinite alternate;
}

.dragon { position: absolute; top: -167px; left: -159px; width: 367px; overflow: hidden; }
.light_dg { position: absolute; top: -22%; left: -28px; width: 58%; z-index: -1; }
.hero-slider.owl-theme .owl-nav [class*=owl-] { line-height: 67px; }

.tab_gameroom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.-providers-logo-inner {
	border: 1px solid transparent;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: linear-gradient(181deg, #675d47 0%, #201c19 100%)padding-box, linear-gradient(90deg, #E6CEA1 0%, #A6772E 96.86%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 1;
	color: #EFD8A5 !important;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 22px;
	font-weight: 400;
}


@media (max-width: 1198px) { 
	.light_dg { left: 0; width: 50%;     top: -12%; }
	.uael-img-grid__column-2 .uael-grid-item  { width: 50%; }
	.uael-img-grid__column-5 .uael-grid-item  { width: 24.773%; }
}

@media (max-width: 991px) { 
	.navbar-brand img {
		width: 160px;
	}
	.navbar-brand {
		padding-left: 0px;
	}
	.hero-slider { padding-top: 40px; }
	.dragon { position: absolute; top: -75px; left: -64px; width: 224px; overflow: hidden; }
	.light_dg { left: 0; width: 100%; top: -13%; }
	.uael-img-grid__column-2 .uael-grid-item  { width: 50%; }
	.uael-img-grid__column-5 .uael-grid-item  { width: 32.999%; }
	.testimonial-single { width: 32.6%; }
	.testimonial-author-img { width: 42px; margin-top: 0px; }
	.testimonial-content { width: 96%; display: flex; }
	.testimonial-author-info { margin: 11px 0 13px 0; }
	.about-right { text-align: center; }
	.about-right .site-heading { text-align: center; }
	.about-right .about-text { text-align: center;  }
	.about-right .theme-btn {  }
}

@media (max-width: 767px) { 

}

@media (max-width: 602px) { 
	.uael-img-grid__column-2 .uael-grid-item  { width: 100%; }
	.uael-img-grid__column-5 .uael-grid-item  { width: 49.555%; padding-right: calc( 5px/2); padding-left: calc( 5px/2); }
	.bg_black_bottom {
		position: relative;
		background: unset;

/*		background-image: url(../images/bg/pc_bottom_mb.webp);
		background-position: bottom center;
		background-size: 100%;
		background-repeat: no-repeat;*/
	}
	.bg_black_bottom_mb { background-image: url(../images/bg/pc_bottom_mb.webp);
		background-position: bottom center;
		background-size: 100%;
		background-repeat: no-repeat; 
	}
/*	.team-area {
		background-image: url(../images/bg/bggg.webp);
		background-position: bottom center;
		background-size: 100%;
		background-repeat: no-repeat; 
	}*/
	.site-title { font-size: 30px; }

}


@media (max-width: 480px) { 
	.light_dg { top: -9%; }
	.testimonial-content { width: 96%; display: flex; align-items: center;}
	.testimonial-author-img { margin-top: 0px; }
}

@media (max-width: 380px) { 
	.uael-img-grid__column-5 .uael-grid-item  { width: 49.44%; }
	.testimonial-author-info h4 { font-size: 18px; }
}

@media (max-width: 303px) { 
	.uael-img-grid__column-5 .uael-grid-item  { width: 100%; }
}


.block {
	position: relative;
	background: linear-gradient(0deg, #000, #272727);
}

.block:after {
	filter: blur(50px);
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	/*background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);*/
	background: linear-gradient(45deg, #fffdb8, #fdf68c, #f4cd2a,#eda323, #d28d0d, #eda323, #f4cd2a, #fdf68c,#fffdb8);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

.animate-char_eff {
	text-transform: uppercase;
	/* background-image: linear-gradient( 130deg, #e19b12 0%, #E5AC40 25%, #F9E4BB 50%, #ffa300 75%, #e19b12 100%); */
	background-image: linear-gradient( 130deg, #deb541 0%, #cfa14b 10%, #b58b41 20%, #fff9b6 49%, #c2962d 80%, #deb541 100%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
	display: inline-block;
	/*font-weight: 500;*/
}

.animate_char_eff_fast {
	text-transform: uppercase;
	/*background-image: linear-gradient( 130deg, #deb541 0%, #cfa14b 10%, #b58b41 20%, #fff9b6 40%, #ffffff 50%, #fff9b6 60%, #c2962d 80%, #deb541 100%);*/
	background-image: linear-gradient( 130deg, #baa578 0%, #b58b41 45%, #ffffff 50%, #f1d594 60%, #baa578 100%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 1.8s linear infinite;
	display: inline-block;
}

.scale-up-center {
	-webkit-animation: scale-up-center 1s ease-in-out infinite alternate both;
	animation: scale-up-center 1s ease-in-out infinite alternate both;
}

@keyframes x-register-button-glowing {
	0% {
		-webkit-filter: drop-shadow(0 0 2px #cd9d2c);
		filter: drop-shadow(0 0 2px #cd9d2c);
	}

	to {
		-webkit-filter: drop-shadow(0 0 10px #cd9d2c);
		filter: drop-shadow(0 0 10px #cd9d2c);
	}
}

@-webkit-keyframes scale-up-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@keyframes scale-up-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@keyframes textclip {
	to {
		background-position: 200% center;
	}
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}
@keyframes heading-move {
	0% {
		transform: translateX(-1px);
	}
	50% {
		transform: translateX(210px);
	}
	100% {
		transform: translateX(-1px);
	}
}

@-webkit-keyframes x-shimmer {
	0% {
		background-position: -200px top
	}

	to {
		background-position: 200px top
	}
}

@keyframes x-shimmer {
	0% {
		background-position: -200px top
	}

	to {
		background-position: 200px top
	}
}


.ani-updown {
	-webkit-animation: x-floating-tab 1.5s ease-in-out infinite;
	animation: x-floating-tab 1.5s ease-in-out infinite;
}

@keyframes x-floating-tab {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-5px) rotate(
			-1deg);
		transform: translateY(-5px) rotate(
			-1deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}



/*.imgeff_li {
	-webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
	mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
	-webkit-mask-size: 800%;
	mask-size: 800%;
	-webkit-mask-position: 0;
	mask-position: 0;
}

.imgeff_li:hover {
	transition: mask-position 2s ease,-webkit-mask-position 2s ease;
	-webkit-mask-position: 120%;
	mask-position: 120%;
	opacity: 1;
}*/


.team-img { position: relative; }
.imgeff_li { 
	-webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.6) 30%,#000 35%);
	mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.6) 30%,#000 35%);
	-webkit-mask-size: 400%;
	mask-size: 400%;
	-webkit-mask-position: 0;
	mask-position: 0;
}
.imgbg_white { 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	height: 100%;
}

.shine2s { animation: img_shine 2s linear infinite; }
.shine25s { animation: img_shine 2.5s linear infinite; }
.shine3s { animation: img_shine 3s linear infinite; }
.shine35s { animation: img_shine 3.5s linear infinite; }
.shine4s { animation: img_shine 4s linear infinite; }

@keyframes img_shine {
	0% {
		transition: mask-position 2s ease,-webkit-mask-position 2s ease;
		-webkit-mask-position: 120%;
		mask-position: 120%;
		opacity: 1;
	}
/*	50% {
		transition: mask-position 2s ease,-webkit-mask-position 2s ease;
		-webkit-mask-position: 120%;
		mask-position: 120%;
		opacity: 1;
	}*/
}


.offcanvas { 
	border: 1px solid transparent;
	cursor: pointer;
	background: linear-gradient(181deg, rgb(103 93 71 / 70%) 0%, rgb(32 28 25 / 80%) 100%)padding-box, linear-gradient(90deg, rgb(230 206 161 / 80%) 0%, rgb(166 119 46 / 80%) 96.86%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #EFD8A5 !important;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	font-size: 22px;
	font-weight: 400;
} 
.offcanvas::before {
	background: linear-gradient(45deg, transparent 0%, white 50%, transparent 100%);
	width: 1px;
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	height: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
}
.offcanvas::after {
	width: 1px;
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	height: 38%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	mix-blend-mode: screen;
	z-index: 9999999999;
}

.theme-btn.btn-mb { padding: 5px 4px; font-size: 18px;}
.mobile-menu-right { gap: 7px; }

.offcanvas-body a.nav-link {
	color: #ffffff !important;
	margin-left: 20px;
}
.x-hamburger {
	margin-right: 8px;
	width: 25px;
	height: 24px;
	transition: .3s ease-in-out;
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: 2px;
	right: -4px;
	z-index: 1001;
}

.x-hamburger, .x-hamburger span {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.x-hamburger span {
	width: 70%;
	display: block;
	position: absolute;
	height: 3px;
	background: #ffffff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transition: .25s ease-in-out;
}

.x-hamburger span:first-child {
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-animation: x-hamburger-wave .4s ease-out infinite alternate;
	animation: x-hamburger-wave .4s ease-out infinite alternate;
}

.x-hamburger span:nth-child(2) {
	top: 9px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-animation: x-hamburger-wave .4s ease-out .3s infinite alternate;
	animation: x-hamburger-wave .4s ease-out .3s infinite alternate;
}

.x-hamburger span:nth-child(3) {
	top: 18px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-animation: x-hamburger-wave .4s ease-out .6s infinite alternate;
	animation: x-hamburger-wave .4s ease-out .6s infinite alternate;
}

@-webkit-keyframes x-hamburger-wave {
	0% {
		width: 70%
	}
	to {
		width: 100%
	}
}

@keyframes x-hamburger-wave {
	0% {
		width: 70%
	}
	to {
		width: 100%
	}
}