@charset "UTF-8";

:root {
	--theme-color-prime: #075175;
	--theme-color-prime-rgb: 7, 81, 117;
	--theme-color-prime-darker: #084360;
	--theme-color-prime-lighter: #09618c;
	--theme-color-sec: #466078;
	--theme-color-sec-rgb: 70, 96, 120;
	--theme-color-sec-darker: #2b4760;
	--theme-color-sec-lighter: #5e768c;
	--theme-color-gray: #999;
	--theme-color-lt-gray: #aaa;
	--theme-color-lighter-gray: #f8f8f8;
	--theme-txt-color: #000;
	--theme-dark-color: #222;
	--theme-dark-color-rgb: 34, 34, 34;
	--theme-pale-color: #c3cbd3;
	--theme-pale-color-rgb: 195, 203, 211;
	--theme-solid-color: #002132;
	--theme-solid-color-rgb: 0, 33, 50;
	--theme-link-decoration: none;
	--dx-adm-main: #305ca5;
	--dx-adm-sec: #000;
	--site-head-height: 72px;
}

body {
	overflow-x: hidden;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--theme-txt-color);
}
body.rtl {
	direction: rtl;
}

a {
	text-decoration: var(--theme-link-decoration);
}

.th-cls-btn {
	position: relative;
	width: 15px;
	height: 15px;
	padding: 0;
	background-color: transparent;
	border: 0;
}
.th-cls-btn::before,
.th-cls-btn::after {
	position: absolute;
	top: -1px;
	left: 7px;
	width: 1px;
	height: 19px;
	background-color: var(--theme-txt-color);
	content: "";
}
.th-cls-btn::before {
	transform: rotateZ(-45deg);
}
.th-cls-btn::after {
	transform: rotateZ(45deg);
}

.container-wide {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.mono-wide {
	width: 100%;
	max-width: calc(100% - 15px);
	margin-right: 0;
	margin-left: auto;
	padding-left: 15px;
}
.mono-wide.right {
	margin-right: auto;
	margin-left: 0;
	padding-right: 15px;
	padding-left: 0;
}
@media (min-width: 576px){
	.container-wide {
		width: 576px;
	}
	.mono-wide {
		max-width: calc(50% + 288px);
	}
	.container.semi-left {
		margin-right: 0;
	}
	.container.semi-right {
		margin-left: 0;
	}
	.container.semi-left,
	.container.semi-right {
		max-width: calc(50% + 270px);
	}
}
@media (min-width: 768px){
	.container-wide {
		width: 738px;
	}
	.mono-wide {
		max-width: calc(50% + 369px);
	}
	.container.semi-left,
	.container.semi-right {
		max-width: calc(50% + 360px);
	}
}
@media (min-width: 992px){
	.container-wide {
		width: 962px;
	}
	.mono-wide, .container-wide.tipend {
		max-width: calc(50% + 481px);
	}
	.container-wide.tipend {
		margin-right: 0;
		padding-right: 0;
	}
	.container.semi-left,
	.container.semi-right {
		max-width: calc(50% + 480px);
	}
}
@media (min-width: 1200px){
	.container-wide {
		width: 95%;
	}
	.mono-wide, .container-wide.tipend {
		max-width: 97.5%;
	}
	.container.semi-left,
	.container.semi-right {
		max-width: calc(50% + 570px);
	}
}
@media (min-width: 1400px){
	.container.semi-left,
	.container.semi-right {
		max-width: calc(50% + 660px);
	}
}
@media (min-width: 1750px){
	.container-wide {
		width: 1750px;
	}
	.mono-wide, .container-wide.tipend {
		max-width: calc(50% + 875px);
	}
}

/*
 * DX Good stuff
 */
.adm-pos-tr {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
.adm-pos-tl {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.adm-pos-br {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
}
.adm-pos-bl {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.btn-adm, a.btn-adm {
	position: relative;
	display: inline-block;
	direction: rtl;
	min-width: 30px;
	height: 30px;
	padding: 0 4px;
	background-color: #c5c7ca;
	line-height: 30px;
	text-align: center;
	color: #3d3833;
	font-size: 18px;
	text-decoration: none;
	border: none;
	transition: all 0.4s ease 0s;
}
.btn-adm .on-label {
	display: inline-block;
	padding: 0;
}
.btn-adm * {
	position: relative;
	z-index: 3;
}
.btn-adm::before,
.btn-adm::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: var(--dx-adm-sec);
	z-index: 0;
	content: "";
	transition: all 0.4s ease 0s;
}
.btn-adm::after {
	background-color: var(--dx-adm-main);
	z-index: 1;
}
.btn-adm:hover {
	color: #fff;
}
.btn-adm:hover::before {
	width: 100%;
}
.btn-adm:hover::after {
	width: 4px;
}
.btn-adm.sm {
	min-width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
}
.hide-adm-ui .btn-adm,
.hide-adm-ui .adm-cont {
	display: none;
}

.form-error-msg {
	display: none;
	padding-top: 4px;
	font-size: 14px;
	color: #d00;
}
.form-error-msg.vis {
	display: block;
}
.form-error-msg.inline.vis {
	display: inline;
}

.dx-g-recaptcha {
	display: none;
}
.dx-recaptcha-notice {
	color: var(--theme-txt-color);
	font-size: 14px;
}
.dx-recaptcha-notice a {
	color: var(--theme-txt-color);
	text-decoration: underline;
}
.dx-recaptcha-notice a:hover {
	color: var(--theme-dark-color);
}

.read-audio-player {
	display: flex;
	position: relative;
	min-height: 86px;
	margin: 0 0 30px;
	padding: 10px;
	background-color: #f0f0f0;
	line-height: 1.5;
	font-size: 13px;
	color: #333;
	border: 1px solid #666;
	border-radius: 44px;
	align-items: center;
}
.read-audio-player .waveform-container {
	flex: 1 1 auto;
}
.read-audio-player .controls .play-btn {
	position: relative;
	width: 48px;
	height: 48px;
	background-color: transparent;
	border: 3px solid #333;
	border-radius: 50%;
	cursor: pointer;
}
.read-audio-player .controls .play-btn::after {
	position: absolute;
	top: 6px;
	right: 4px;
	width: 30px;
	height: 30px;
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDMwIDMwIj48cG9seWdvbiBmaWxsPSIjMzMzIiBwb2ludHM9IjI5Ljk4LDE1IDQsMCA0LDMwICIvPjwvc3ZnPg") scroll 50% 50% no-repeat;
	content: "";
}
.read-audio-player .controls .play-btn.paused::after {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSIjMzMzIj48cmVjdCB4PSIzIiB5PSIyIiB3aWR0aD0iNyIgaGVpZ2h0PSIyNiIvPjxyZWN0IHg9IjE1IiB5PSIyIiB3aWR0aD0iNyIgaGVpZ2h0PSIyNiIvPjwvc3ZnPg") scroll 50% 50% no-repeat;
}
.read-audio-player .status-line {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.read-audio-player .status-line.head {
	font-size: 20px;
}
.read-audio-player audio {
	display: none;
}
.read-audio-player.fallback {
	display: block;
	min-height: auto;
	padding: 0;
	background-color: transparent;
	font-size: 16px;
	border: 0;
}
.read-audio-player.fallback .controls,
.read-audio-player.fallback .waveform-container {
	display: none;
}
.read-audio-player.fallback .status-line {
	position: static;
	top: auto;
	right: auto;
	margin-bottom: 5px;
	transform: none;
}
.read-audio-player.fallback audio {
	display: block;
	width: 100%;
}

.fs-12 {
	font-size: 12px;
}
.fs-14 {
	font-size: 14px;
}
.fs-15 {
	font-size: 15px;
}
.fs-18 {
	font-size: 18px;
}
.fs-20 {
	font-size: 20px;
}
.fw-100 {
	font-weight: 100;
}
.fw-200 {
	font-weight: 200;
}
.fw-300 {
	font-weight: 300;
}
.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
.fw-900 {
	font-weight: 900;
}

.text-theme {
	color: var(--theme-color-prime) !important;
}
.text-theme-alt {
	color: var(--theme-color-sec) !important;
}
.text-theme-dark {
	color: var(--theme-dark-color) !important;
}
.text-theme-pale {
	color: var(--theme-pale-color) !important;
}
.text-solid {
	color: var(--theme-solid-color) !important;
}
.text-gray {
	color: var(--theme-color-gray) !important;
}
.text-lt-gray {
	color: var(--theme-color-lt-gray) !important;
}
.bg-theme {
	background-color: var(--theme-color-prime) !important;
}
.bg-theme-alt {
	background-color: var(--theme-color-sec) !important;
}
.bg-theme-dark {
	background-color: var(--theme-dark-color) !important;
}
.bg-theme-pale {
	background-color: var(--theme-pale-color) !important;
}
.bg-solid {
	background-color: var(--theme-solid-color) !important;
}
.bg-theme-light {
	background-color: #f0f0f0 !important;
}
.bg-gray {
	background-color: var(--theme-color-gray) !important;
}
.bg-lt-gray {
	background-color: var(--theme-color-lt-gray) !important;
}
.bg-lighter-gray {
	background-color: var(--theme-color-lighter-gray) !important;
}

.btn-theme {
	--theme-cri-bg: var(--theme-color-prime);
	--theme-cri-border-color: var(--theme-color-prime);
	--theme-crt-bg: var(--theme-color-prime-darker);
	--theme-crt-border-color: var(--theme-color-prime-darker);
	--theme-cri-color: #fff;
	--theme-crt-color: #fff;
	--bs-btn-color: var(--theme-cri-color);
	--bs-btn-bg: var(--theme-cri-bg);
	--bs-btn-border-color: var(--theme-cri-border-color);
	--bs-btn-hover-color: var(--theme-crt-color);
	--bs-btn-hover-bg: var(--theme-crt-bg);
	--bs-btn-hover-border-color: var(--theme-crt-bg);
	--bs-btn-focus-box-shadow: none;
	--bs-btn-active-color: var(--theme-crt-color);
	--bs-btn-active-bg: var(--theme-crt-bg);
	--bs-btn-active-border-color: var(--theme-crt-bg);
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: var(--theme-cri-color);
	--bs-btn-disabled-bg: var(--theme-cri-bg);
	--bs-btn-disabled-border-color: var(--theme-cri-bg);
}
.btn-theme.alt {
	--theme-cri-bg: var(--theme-color-sec);
	--theme-cri-border-color: var(--theme-color-sec);
	--theme-crt-bg: var(--theme-color-sec-darker);
	--theme-crt-border-color: var(--theme-color-sec-darker);
	--theme-cri-color: #fff;
	--theme-crt-color: #fff;
}
.btn-theme.black {
	--theme-cri-bg: #000;
	--theme-cri-border-color: #000;
	--theme-crt-bg: #262626;
	--theme-crt-border-color: #262626;
}
.btn-theme.whatsapp {
	--theme-cri-bg: #25d366;
	--theme-cri-border-color: #25d366;
	--theme-crt-bg: #21b557;
	--theme-crt-border-color: #21b557;
	--theme-cri-color: #000;
	--theme-crt-color: #000;
}
.btn.btn-resp {
	--bs-btn-padding-x: 18px;
	--bs-btn-padding-y: 14px;
}
@media (min-width: 768px){
	.btn.btn-resp {
		--bs-btn-padding-x: 45px;
		--bs-btn-padding-y: 18px;
	}
}

.dx-vect {
	--theme-fill-color: var(--theme-txt-color);
	--theme-hover-fill-color: var(--theme-txt-color);
	fill: var(--theme-fill-color);
	transition: fill .4s ease;
}
.text-white .dx-vect {
	--theme-fill-color: #fff;
	--theme-hover-fill-color: #fff;
}
.dx-vect.theme {
	--theme-fill-color: var(--theme-color-prime);
	--theme-hover-fill-color: var(--theme-color-prime);
}
.dx-vect.theme-alt {
	--theme-fill-color: var(--theme-color-sec);
	--theme-hover-fill-color: var(--theme-color-sec);
}
.dx-vect.theme-dark {
	--theme-fill-color: var(--theme-dark-color);
	--theme-hover-fill-color: var(--theme-dark-color);
}
.dx-vect.theme-pale {
	--theme-fill-color: var(--theme-pale-color);
	--theme-hover-fill-color: var(--theme-pale-color);
}

.lt-link {
	--theme-cri-color: var(--bs-white);
	--theme-crt-color: var(--theme-color-prime);
}
.lt-link.alt {
	--theme-crt-color: var(--theme-color-sec);
}
.lt-link.inv {
	--theme-cri-color: var(--theme-color-prime);
	--theme-crt-color: var(--bs-white);
}
.lt-link.alt.inv {
	--theme-cri-color: var(--theme-color-sec);
}
.thm-link, .xlink {
	--theme-cri-color: var(--theme-color-prime);
	--theme-crt-color: var(--bs-black);
}
.drk-link {
	--theme-cri-color: var(--bs-black);
	--theme-crt-color: var(--theme-color-prime);
}
.lt-link, .thm-link, .drk-link, .xlink {
	color: var(--theme-cri-color);
	transition: color 0.5s ease;
}
.lt-link:hover, .lt-link:focus,
.lt-link.alt:hover, .lt-link.alt:focus,
.thm-link:hover, .thm-link:focus,
.drk-link:hover, .drk-link:focus,
.xlink:hover, .xlink:focus {
	color: var(--theme-crt-color);
}

.cr-shift {
	--theme-cri-bg: var(--theme-color-prime);
	--theme-cri-color: var(--bs-white);
	--theme-cri-border-color: var(--theme-color-prime);
	--theme-crt-bg: var(--theme-color-sec);
	--theme-crt-color: var(--bs-white);
	--theme-crt-border-color: var(--theme-color-sec);
	background-color: var(--theme-cri-bg);
	color: var(--theme-cri-color);
	transition: all 0.3s ease-in-out;
}
.xfrom-bg-none {
	--theme-cri-bg: transparent;
}
.xfrom-bg-theme {
	--theme-cri-bg: var(--theme-color-prime);
}
.xfrom-bg-theme-alt {
	--theme-cri-bg: var(--theme-color-sec);
}
.xfrom-bg-pale {
	--theme-cri-bg: var(--theme-pale-color);
}
.xfrom-bg-solid {
	--theme-cri-bg: var(--theme-solid-color);
}
.xfrom-bg-black {
	--theme-cri-bg: var(--bs-black);
}
.xfrom-bg-dark {
	--theme-cri-bg: var(--theme-dark-color);
}
.xfrom-bg-white {
	--theme-cri-bg: var(--bs-white);
}
.xto-bg-none {
	--theme-crt-bg: transparent;
}
.xto-bg-theme-alt {
	--theme-crt-bg: var(--theme-color-sec);
}
.xto-bg-pale {
	--theme-crt-bg: var(--theme-pale-color);
}
.xto-bg-solid {
	--theme-crt-bg: var(--theme-solid-color);
}
.xto-bg-black {
	--theme-crt-bg: var(--bs-black);
}
.xto-bg-dark {
	--theme-crt-bg: var(--theme-dark-color);
}
.xto-bg-white {
	--theme-crt-bg: var(--bs-white);
}
.xfrom-border-theme {
	--theme-cri-border-color: var(--theme-color-prime);
}
.xfrom-border-theme-alt {
	--theme-cri-border-color: var(--theme-color-sec);
}
.xfrom-border-pale {
	--theme-cri-border-color: var(--theme-pale-color);
}
.xfrom-border-solid {
	--theme-cri-border-color: var(--theme-solid-color);
}
.xfrom-border-black {
	--theme-cri-border-color: var(--bs-black);
}
.xfrom-border-dark {
	--theme-cri-border-color: var(--theme-dark-color);
}
.xfrom-border-white {
	--theme-cri-border-color: var(--bs-white);
}
.xto-border-theme-alt {
	--theme-crt-border-color: var(--theme-color-sec);
}
.xto-border-pale {
	--theme-crt-border-color: var(--theme-pale-color);
}
.xto-border-solid {
	--theme-crt-border-color: var(--theme-solid-color);
}
.xto-border-black {
	--theme-crt-border-color: var(--bs-black);
}
.xto-border-dark {
	--theme-crt-border-color: var(--theme-dark-color);
}
.xto-border-white {
	--theme-crt-border-color: var(--bs-white);
}
.xfrom-color-theme {
	--theme-cri-color: var(--theme-color-prime);
}
.xfrom-color-theme-alt {
	--theme-cri-color: var(--theme-color-sec);
}
.xfrom-color-pale {
	--theme-cri-color: var(--theme-pale-color);
}
.xfrom-color-solid {
	--theme-cri-color: var(--theme-solid-color);
}
.xfrom-color-black {
	--theme-cri-color: var(--bs-black);
}
.xfrom-color-dark {
	--theme-cri-color: var(--theme-dark-color);
}
.xfrom-color-white {
	--theme-cri-color: var(--bs-white);
}
.xto-color-theme-alt {
	--theme-crt-color: var(--theme-color-sec);
}
.xto-color-pale {
	--theme-crt-color: var(--theme-pale-color);
}
.xto-color-solid {
	--theme-crt-color: var(--theme-solid-color);
}
.xto-color-black {
	--theme-crt-color: var(--bs-black);
}
.xto-color-dark {
	--theme-crt-color: var(--theme-dark-color);
}
.xto-color-white {
	--theme-crt-color: var(--bs-white);
}
.cr-shift:hover {
	background-color: var(--theme-crt-bg);
	color: var(--theme-crt-color);
	border-color: var(--theme-crt-border-color);
}

.form-control.theme,
.form-select.theme {
	--bs-border-radius: 0;
}
.form-control.theme:focus,
.form-select.theme:focus {
	border-color: var(--theme-color-prime);
	box-shadow: none;
}

.form-control.error,
.form-select.error,
.form-control.error:focus,
.form-select.error:focus {
	color: #d00;
	border-color: #d00;
}

.form-control.preheight {
	min-height: 150px;
}

.form-check.theme {
	--thm-bs-ui-color: var(--theme-color-prime);
	--thm-bs-ui-color2: var(--theme-color-prime-darker);
}
.form-check.theme.alt {
	--thm-bs-ui-color: var(--theme-color-sec);
	--thm-bs-ui-color2: var(--theme-color-sec-darker);
}
.form-check.theme.black {
	--thm-bs-ui-color: var(--bs-black);
	--thm-bs-ui-color2: var(--bs-black);
}
.form-check.theme .form-check-input:checked {
	background-color: var(--thm-bs-ui-color);
	border-color: var(--thm-bs-ui-color2);
}
.form-check.theme .form-check-input:focus {
	border-color: var(--thm-bs-ui-color2);
}
.form-check.theme .form-check-input:focus {
	box-shadow: none;
}
.form-check.rounded-0 .form-check-input[type="checkbox"] {
	border-radius: 0;
}

.fc-indi {
	position: relative;
}
.fc-indi > input,
.billing-info-wrap .billing-info .fc-indi > input {
	padding-left: 10px;
	padding-right: 24px;
}
body.rtl .fc-indi > input,
body.rtl .billing-info-wrap .billing-info .fc-indi > input {
	padding-right: 10px;
	padding-left: 24px;
}
.fc-indi > .icn {
	display: none;
	position: absolute;
	top: 13px;
	right: 6px;
	color: #aaa;
}
body.rtl .fc-indi > .icn {
	left: 6px;
	right: auto;
}
.fc-indi.ok > .icn {
	display: block;
}
.fc-indi.nomatch > input {
	background-color: #f4f4f4;
}

.under-label {
	--und-lbl-active-bg-color: var(--theme-color-prime);
	--und-lbl-active-color: #fff;
	display: block;
	width: 100%;
	background-color: var(--bs-border-color);
}
.under-label.alt {
	--und-lbl-active-bg-color: var(--theme-color-sec);
}
.form-control:focus ~ .under-label,
.form-control:active ~ .under-label,
.form-select:focus ~ .under-label,
.form-select:focus ~ .under-label {
	background-color: var(--und-lbl-active-bg-color);
	color: var(--und-lbl-active-color);
}

.w-50px {
	width: 50px;
}
.w-70px {
	width: 70px;
}
.w-80px {
	width: 80px;
}
.w-100px {
	width: 100px;
}

.modal.rounded-0 {
	--bs-modal-border-radius: 0;
	--bs-modal-inner-border-radius: 0;
}
@media (min-width: 992px) {
	.modal-xxl {
		--bs-modal-width: 800px;
	}
}
@media (min-width: 1200px) {
	.modal-xxl {
		--bs-modal-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.modal-xxl {
		--bs-modal-width: 1320px;
	}
}

.accordion.theme {
	--bs-accordion-color: var(--theme-txt-color);
	--bs-accordion-border-radius: 0;
	--bs-accordion-inner-border-radius: 0;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-focus-border-color: var(--bs-border-color);
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-active-color: var(--theme-txt-color);
	--bs-accordion-active-bg: var(--bs-body-bg);
}
.accordion.nobg {
	--bs-accordion-bg: transparent;
	--bs-accordion-active-bg: transparent;
}
.accordion.noxguts {
	--bs-accordion-btn-padding-x: 0;
}
.accordion.theme.pluses {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23000' d='M14,7.5H8.5V2c0-0.276-0.224-0.5-0.5-0.5S7.5,1.724,7.5,2v5.5H2C1.724,7.5,1.5,7.724,1.5,8S1.724,8.5,2,8.5h5.5V14c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5V8.5H14c0.276,0,0.5-0.224,0.5-0.5S14.276,7.5,14,7.5z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23000' d='M1.5,8c0-0.276,0.224-0.5,0.5-0.5h12c0.276,0,0.5,0.224,0.5,0.5S14.276,8.5,14,8.5H2C1.724,8.5,1.5,8.276,1.5,8z'/%3e%3c/svg%3e");
}
.accordion.theme .accordion-item {
	border: 0;
}
.accordion.theme .accordion-item + .accordion-item {
	border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.nav.cornered {
	--bs-nav-tabs-border-radius: 0;
}
.nav.theme {
	--bs-nav-link-font-weight: 400;
	--bs-nav-link-color: var(--theme-txt-color);
	--bs-nav-tabs-border-color: #d0d0d7;
	--bs-nav-link-hover-color: var(--theme-solid-color);
	--bs-nav-tabs-link-hover-border-color: #d0d0d7;
	--bs-nav-link-disabled-color: var(--theme-solid-color);
	--bs-nav-tabs-link-active-color: #fff;
	--bs-nav-tabs-link-active-border-color: var(--theme-solid-color);
	--bs-nav-tabs-link-active-bg: var(--theme-solid-color);
}
.nav.nav-tabs.theme {
	position: relative;
	border-bottom: 0;
}
.nav-tabs.theme .nav-link {
	margin-bottom: 0;
	background-color: #e9e9ed;
	border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs.theme .nav-link:hover {
	background-color: #d0d0d7;
}
.nav-tabs.theme .nav-item.show .nav-link,
.nav-tabs.theme .nav-link.active {
	background-color: var(--bs-nav-tabs-link-active-bg);
	border-color: var(--bs-nav-tabs-link-active-border-color);
}

.pagination.theme {
	--bs-pagination-color: var(--theme-txt-color);
	--bs-pagination-hover-color: var(--theme-txt-color);
	--bs-pagination-focus-color: var(--theme-txt-color);
	--bs-pagination-active-color: var(--theme-txt-color);
	--bs-pagination-border-radius: 0;
	--bs-pagination-padding-x: 1rem;
	--bs-pagination-padding-y: .5rem;
}
.pagination.theme .page-link {
	background-color: #ddd;
	border: 0;
}
.pagination.theme .page-link:focus {
	box-shadow: none;
}
.pagination.theme .page-link.active,
.pagination.theme .page-link:hover {
	background-color: var(--theme-color-prime);
}

.vect-curr {
	fill: currentColor;
}

/** site main header bar **/
.site-main-header {
	--thm-smh-bg-from: #fff;
	--thm-smh-bg-to: var(--theme-solid-color);
	--thm-smh-color-from: #000;
	--thm-smh-color-to: #fff;
	--thm-smh-bg-chosen: var(--thm-smh-bg-from);
	--thm-smh-color-chosen: var(--thm-smh-color-from);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 997;
	background-color: var(--thm-smh-bg-chosen);
	color: var(--thm-smh-color-chosen);
	box-shadow: none;
	transition: background-color .4s ease, box-shadow .4s ease, transform .4s ease, opacity .4s ease;
}
.site-main-header.ibg-dark {
	--thm-smh-bg-from: #000;
}
.site-main-header.ibg-tx {
	--thm-smh-bg-from: transparent;
}
.site-main-header.ibg-semi {
	--thm-smh-bg-from: rgba(var(--theme-solid-color-rgb), .5);
}
.site-main-header.ibg-semi-lt {
	--thm-smh-bg-from: rgba(255, 255, 255, .5);
}
.site-main-header.icol-white {
	--thm-smh-color-from: #fff;
}
.site-main-header.tcol-white {
	--thm-smh-bg-to: #fff;
	--thm-smh-color-to: #000;
}
.site-main-header.above {
	--thm-smh-bg-chosen: var(--thm-smh-bg-to);
	--thm-smh-color-chosen: var(--thm-smh-color-to);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.site-main-header.sepline {
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}
.site-main-header.sepline.adrift {
	border-bottom: 0;
}
.site-main-header.smart.adrift {
	opacity: 0;
	transform: translateY(-100%);
}
.site-main-header.adrift.up {
	opacity: 1;
	transform: none;
}
.site-main-header .inner {
	display: flex;
	height: var(--site-head-height);
}

.site-main-header .inner .logo {
	position: relative;
	height: 45px;
	align-self: center;
}
.site-main-header .inner .logo img {
	display: inline-block;
	width: auto;
	height: 100%;
	transition: opacity .4s linear;
}
.site-main-header .inner .logo .alt-logo-box {
	display: flex;
	visibility: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	transition: visibiliy .4s linear, opacity .4s linear;
}
.site-main-header .inner .logo .alt-logo-box img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.site-main-header.above .inner .logo .logo-main {
	opacity: 0;
}
.site-main-header.above .inner .logo .alt-logo-box {
	visibility: visible;
	opacity: 1;
}
.site-main-header.adrift .topbar {
	display: none;
}

.site-main-header .mobile-menu-btn {
	position: relative;
	width: 20px;
	height: 20px;
	padding: 0;
	align-self: center;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}
.site-main-header .mobile-menu-btn::before,
.site-main-header .mobile-menu-btn::after {
	position: absolute;
	border-top: 2px solid var(--thm-smh-color-chosen);
	content: "";
	transition: border-color .4s ease;
}
.site-main-header .mobile-menu-btn::before {
	top: 1px;
	left: 0;
	width: 100%;
	height: 18px;
	border-bottom: 2px solid var(--thm-smh-color-chosen);
}
.site-main-header .mobile-menu-btn::after {
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	height: 1px;
}

.site-main-header .top-btn {
	padding: 0;
	align-self: center;
	background-color: transparent;
	font-size: 20px;
	font-weight: 400;
	color: var(--thm-smh-color-chosen);
	text-decoration: none;
	border: 0;
	cursor: pointer;
	transition: color .4s ease;
}

.site-main-header .main-menu {
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: outside none;
}
.site-main-header .main-menu li {
	position: relative;
	font-size: 16px;
	font-weight: 400;
}
.site-main-header .main-menu > li {
	display: flex;
	height: 100%;
	padding: 0;
	align-items: center;
	font-weight: 500;
}
.site-main-header .main-menu > li > a {
	position: relative;
	color: var(--thm-smh-color-chosen);
	text-decoration: none;
}
.site-main-header .main-menu > li > a::before {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: var(--thm-smh-color-chosen);
	content: "";
	transform: scaleX(0);
	transform-origin: 0 0;
	transition: transform .3s ease;
}
body.rtl .site-main-header .main-menu > li > a::before {
	transform-origin: 100% 0;
}
.site-main-header .main-menu.midind > li > a::before,
body.rtl .site-main-header .main-menu.midind > li > a::before {
	transform-origin: 50%;
}
.site-main-header .main-menu > li.active > a::before,
.site-main-header .main-menu > li:hover > a::before {
	transform: scaleX(1);
}
.site-main-header .main-menu > li + li {
	margin-left: 30px;
}
body.rtl .site-main-header .main-menu > li + li {
	margin-right: 30px;
	margin-left: 0;
}
.site-main-header .main-menu > li.has-sub > a {
	padding-right: 12px;
}
body.rtl .site-main-header .main-menu > li.has-sub > a {
	padding-left: 12px;
	padding-right: 0;
}
.site-main-header .main-menu > li.has-sub > a::after {
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-left: 2px solid var(--thm-smh-color-chosen);
	border-bottom: 2px solid var(--thm-smh-color-chosen);
	content: "";
	transform: rotateZ(-45deg);
}
body.rtl .site-main-header .main-menu > li.has-sub > a::after {
	left: 0;
	right: auto;
}
.site-main-header .main-menu .submenu {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	padding: 16px 0;
	z-index: -1;
	opacity: 0;
	list-style: outside none;
	background-color: var(--theme-solid-color);
	color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	transform: translateY(20px);
	transform-origin: 50% 0;
	transition: opacity .2s ease, transform .2s ease;
}
body.rtl .site-main-header .main-menu .submenu {
	right: 0;
	left: auto;
}
.site-main-header .main-menu .submenu li .submenu {
	top: -16px;
	left: 100%;
}
body.rtl .site-main-header .main-menu .submenu li .submenu {
	right: 100%;
	left: auto;
}
.site-main-header .main-menu .submenu a {
	color: var(--theme-pale-color);
	text-decoration: none;
	transition: color .4s ease;
}
.site-main-header .main-menu .submenu .it-link,
.mobile-side-nav .navigator .menu li .it-link {
	display: flex;
	align-items: center;
}
.site-main-header .main-menu .submenu .it-link > .thimg {
	width: 32px;
	height: auto;
	margin-right: 5px;
}
body.rtl .site-main-header .main-menu .submenu .it-link > .thimg {
	margin-left: 5px;
	margin-right: 0;
}
.mobile-side-nav .navigator .menu li .it-link > .thimg {
	width: 30px;
	height: auto;
	margin-right: 5px;
}
body.rtl .mobile-side-nav .navigator .menu li .it-link > .thimg {
	margin-left: 5px;
	margin-right: 0;
}
.site-main-header .main-menu .submenu li.active,
.site-main-header .main-menu .submenu li.active a,
.site-main-header .main-menu .submenu li a:hover {
	color: #fff;
}
.site-main-header .main-menu .submenu li {
	padding: 6px 20px;
}
.site-main-header .main-menu li:hover > .submenu {
	visibility: visible;
	z-index: 1;
	opacity: 1;
	transform: translateY(0) scaleY(1);
}
.site-main-header .main-menu .submenu li.has-sub {
	padding-right: 32px;
}
body.rtl .site-main-header .main-menu .submenu li.has-sub {
	padding-left: 32px;
	padding-right: 20px;
}
.site-main-header .main-menu .submenu li.has-sub::after {
	position: absolute;
	right: 12px;
	top: 12px;
	font-family: "Font Awesome 6 Free";
	line-height: 1;
	font-size: 13px;
	font-weight: 900;
	color: var(--theme-pale-color);
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	content: "\f061";
	transform: rotateZ(-45deg);
	transition: transform .3s ease, color .3s ease;
}
body.rtl .site-main-header .main-menu .submenu li.has-sub::after {
	left: 12px;
	right: auto;
	content: "\f060";
	transform: rotateZ(45deg);
}
.site-main-header .main-menu .submenu li.has-sub:hover::after,
body.rtl .site-main-header .main-menu .submenu li.has-sub:hover::after {
	color: #fff;
	transform: rotateZ(0);
}

.site-main-header .search-area {
	display: none;
	flex: 1 1 auto;
	width: auto;
	align-self: center;
}
.site-main-header .search-area .dismiss-btn {
	position: relative;
	width: 16px;
	margin-right: 5px;
	padding: 0;
	flex: 0 0 16px;
	background-color: transparent;
	border: 0;
}
body.rtl .site-main-header .search-area .dismiss-btn {
	margin-right: 0;
	margin-left: 5px;
}
.site-main-header .search-area .dismiss-btn::before,
.site-main-header .search-area .dismiss-btn::after {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 1px;
	height: 16px;
	background-color: var(--thm-smh-color-chosen);
	content: "";
	transform: rotateZ(45deg);
}
.site-main-header .search-area .dismiss-btn::after {
	transform: rotateZ(-45deg);
}
.site-main-header .search-area .form-bar {
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
	font-size: 16px;
}
.site-main-header .search-area .form-bar .tbox {
	width: 100%;
	height: 25px;
	padding: 0 20px 0 2px;
	background-color: transparent;
	line-height: 1;
	color: var(--thm-smh-color-chosen);
	border: 0;
	border-bottom: 1px solid var(--thm-smh-color-chosen);
	outline: 0;
}
body.rtl .site-main-header .search-area .form-bar .tbox {
	padding: 0 2px 0 20px;
}
.site-main-header .search-area .form-bar .srch-submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	background-color: transparent;
	color: var(--thm-smh-color-chosen);
	border: 0;
}
body.rtl .site-main-header .search-area .form-bar .srch-submit {
	left: 0;
	right: auto;
}
.site-main-header.searching .search-area {
	display: flex;
}

.site-main-header .main-nav,
.site-main-header.searching .srch-btn,
.site-main-header.searching .logo,
.site-main-header.searching .cart-btn,
.site-main-header.searching .user-btn,
.site-main-header.searching .main-nav {
	display: none;
}

@media (min-width: 576px){
	.site-main-header .search-area {
		flex: 0 0 60%;
		width: 60%;
	}
	.site-main-header.searching .cart-btn,
	.site-main-header.searching .user-btn {
		display: block;
	}
	.site-main-header .inner .logo {
		height: 50px;
	}
}
@media (min-width: 768px){
	.site-main-header .search-area {
		flex: 0 0 420px;
		width: 420px;
	}
}
@media (min-width: 992px){
	.site-main-header .search-area {
		flex: 0 0 560px;
		width: 560px;
	}
}
@media (min-width: 1200px){
	:root {
		--site-head-height: 75px;
	}
	.site-main-header .main-nav,
	.site-main-header.searching .logo {
		display: block;
	}
	.site-main-header .mobile-menu-btn {
		display: none;
	}
	.cart-btn .total {
		display: inline-block;
	}
}
@media (min-width: 1600px){
	.site-main-header .main-menu > li + li {
		margin-left: 40px;
	}
}

.site-viewport.with-gap {
	padding-top: var(--site-head-height);
}

.siders-overlay-matte {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: .5;
	z-index: -1;
}
.siders-overlay-matte.show {
	display: block;
	z-index: 1000;
}

.siders {
	visibility: hidden;
	display: flex;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	flex-direction: column;
	width: 100%;
	padding: 20px;
	opacity: 0;
	background-color: #fff;
	z-index: 1001;
	transform: translate(-100%,0);
	transition: transform .4s ease-in-out, opacity .4s linear, visibility .4s linear;
}
.siders.right {
	right: 0;
	left: auto;
	transform: translate(100%,0);
}
.siders.show {
	visibility: visible;
	opacity: 1;
	transform: translate(0,0);
}
.siders .navigator {
	display: block;
	flex: 1 1 auto;
	height: 0;
	margin-right: -20px;
	padding-right: 20px;
	overflow: auto;
}
body.rtl .siders .navigator {
	margin-left: -20px;
	padding-left: 20px;
	margin-right: 0;
	padding-right: 0;
}

.mobile-side-nav {
	z-index: 1002;
}
.mobile-side-nav .header {
	margin-bottom: 1rem;
}
.mobile-side-nav .header .logo {
	width: auto;
	height: 32px;
}
.mobile-side-nav .navigator .menu {
	display: block;
	margin: 0;
	padding: 0;
}
.mobile-side-nav .navigator .menu li,
.mobile-side-nav .navigator .menu a {
	color: var(--theme-txt-color);
	text-decoration: none;
}
.mobile-side-nav .navigator .menu a:hover {
	color: var(--theme-color-prime);
}
.mobile-side-nav .navigator .menu li {
	display: block;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
}
.mobile-side-nav .navigator .menu li.has-sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mobile-side-nav .navigator .menu li.has-sub .mbt {
	display: block;
	position: relative;
	width: 18px;
	height: 18px;
	align-self: center;
	order: 1;
}
.mobile-side-nav .navigator .menu li.has-sub .mbt::after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-top: 1px solid var(--theme-txt-color);
	border-right: 1px solid var(--theme-txt-color);
	content: "";
	transform: rotate(45deg);
	transition: transform .3s ease;
}
.mobile-side-nav .navigator .menu  li > a .icon {
	display: none;
}
.mobile-side-nav .navigator .menu li.has-sub.expanded > .mbt::after {
	transform: rotate(135deg);
}
body.rtl .mobile-side-nav .navigator .menu li.has-sub .mbt::after {
	transform: rotate(-135deg);
}
body.rtl .mobile-side-nav .navigator .menu li.has-sub.expanded > .mbt::after {
	transform: rotate(-225deg);
}
.mobile-side-nav .navigator .menu li .submenu {
	display: none;
	width: 100%;
	padding: 0 0 0 10px;
	order: 2;
}
body.rtl .mobile-side-nav .navigator .menu li .submenu {
	padding: 0 10px 0 0;
}
.mobile-side-nav .navigator .menu li .submenu.reveal {
	display: block;
}
@media (min-width: 320px){
	.siders {
		width: 310px;
	}
	.siders .header {
		margin-bottom: 1.5rem;
	}
}
@media (min-width: 360px){
	.siders {
		width: 350px;
	}
	.siders.side-cart {
		padding: 24px 30px 40px;
	}
	.mobile-side-nav .navigator .menu li {
		font-size: 18px;
	}
}

.hp-main-slider .item {
	position: relative;
	background-color: #000;
	min-height: 100vh;
}
.hp-main-slider .item .img-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.hp-main-slider .item .text-layer {
	display: flex;
	flex-direction: column;
	position: relative;
	min-height: 100vh;
	overflow: hidden;
	color: #fff;
	z-index: 1;
	justify-content: center;
	align-items: center;
}
.hp-main-slider .text-layer .heading {
	font-size: 34px;
}
@media (min-width: 576px){
	.hp-main-slider .text-layer .heading {
		font-size: 40px;
	}
}
@media (min-width: 768px){
	.hp-main-slider .text-layer .heading {
		font-size: 58px;
	}
}
@media (min-width: 1300px){
	.hp-main-slider .text-layer .heading {
		font-size: 64px;
	}
}

.bg-i {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.bg-i.pos-t {
	background-position: 50% 0;
}
.bg-i.pos-tl {
	background-position: 0 0;
}
.bg-i.pos-tr {
	background-position: 100% 0;
}
.bg-i.pos-b {
	background-position: 50% 100%;
}
.bg-i.pos-bl {
	background-position: 0 100%;
}
.bg-i.pos-br {
	background-position: 100% 100%;
}

.bg-i.gfx1 {
	background-image: url("../images/gfx/bg-gfx1.jpg");
}
.bg-i.gfx2 {
	background-image: url("../images/gfx/bg-gfx2.png");
}
.bg-i.gfx3 {
	background-image: url("../images/gfx/bg-gfx3.jpg");
}
.bg-i.gfx4 {
	background-image: url("../images/gfx/bg-gfx4.png");
}
.bg-i.gfx5 {
	background-image: url("../images/gfx/bg-gfx5.jpg");
}
.bg-i.gfx6 {
	background-image: url("../images/gfx/bg-gfx6.jpg");
}
.bg-i.idef1 {
	background-image: url("../images/default/default-slide.jpg");
}
.bg-i.bc1 {
	background-image: url("../images/bg/breadcrumbs.jpg");
	background-position: 50% 30%;
}

.mh-title {
	margin: 0;
	font-size: 36px;
}

.sec-sub-title {
	margin: 0;
	font-size: inherit;
	font-weight: 500;
	color: var(--theme-solid-color);
	letter-spacing: 1px;
	opacity: .7;
}

.sec-title {
	--thm-font-size: 24px;
	margin: 0;
	padding: 0;
	font-size: var(--thm-font-size);
	font-weight: 600;
	color: var(--theme-solid-color);
}
@media (min-width: 576px){
	.mh-title {
		font-size: 40px;
	}
}
@media (min-width: 768px){
	.mh-title {
		font-size: 50px;
	}
	.sec-title {
		--thm-font-size: 30px;
	}
}
@media (min-width: 992px){
	.mh-title {
		font-size: 55px;
	}
}
@media (min-width: 1200px){
	.sec-title {
		--thm-font-size: 36px;
	}
}
@media (min-width: 1400px){
	.sec-title {
		--thm-font-size: 42px;
	}
}

.about-main-img {
	position: relative;
	z-index: 1;
}
.about-sec-img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 80%;
	border: 10px solid #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	z-index: 2;
}
.about-gfx {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 0;
}
body.rtl .about-sec-img {
	left: 0;
	right: auto;
}
body.rtl .about-gfx {
	left: 1rem;
	right: auto;
}

.figure-show {
	display: block;
	margin: 0;
	overflow: hidden;
}
.figure-show .img {
	width: 100%;
	height: auto;
	transition: transform .4s ease;
}
.figure-show:hover .img {
	transform: scale(1.1);
}

.readmore {
	position: relative;
	display: inline-block;
	height: auto;
	width: auto;
	z-index: 1;
	overflow: hidden;
	line-height: 1;
	font-size: 16px;
	font-weight: 500;
	color: var(--theme-solid-color);
}
.readmore .label {
	position: relative;
	display: inline-block;
	margin-right: 0;
	opacity: 0;
	line-height: 1;
	font-size: 16px;
	font-weight: 600;
	text-indent: -110px;
	visibility: hidden;
	white-space: nowrap;
	transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
}
.readmore .icn {
	font-size: 18px;
}
.feature-item:hover .readmore .label,
.article-item:hover .readmore .label {
	opacity: 1;
	margin-right: 6px;
	text-indent: 0;
	visibility: visible;
	transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
}

.feature-item {
	background-color: #fff;
	box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
}
.feature-item .content {
	padding: 40px 20px;
	text-align: center;
	color: #555;
}
.feature-item .txt {
	font-size: 16px;
	color: #5a5a67;
}

.about-tag {
	--thm-gfx-bg-color: var(--theme-color-prime);
	position: absolute;
	top: 10%;
	left: 15px;
	padding: 30px 40px;
	background-color: var(--thm-gfx-bg-color);
	z-index: 3;
	color: #fff;
}
body.rtl .about-tag {
	right: 15px;
	left: auto;
}
.about-tag.alt {
	--thm-gfx-bg-color: var(--theme-color-sec);
}
.about-tag.black {
	--thm-gfx-bg-color: var(--bs-black);
}
.about-tag::before,
.about-tag::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	outline: 2px solid #000;
	outline-offset: -2px;
	pointer-events: none;
	content: "";
}
.about-tag::after {
	outline: 8px solid #fff;
	outline-offset: -10px;
}
.about-tag .vtip {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 45px;
	height: 40px;
	z-index: 1;
}
.about-tag .vtip .vbg {
	fill: var(--thm-gfx-bg-color);
}
.about-tag .icon {
	line-height: 1;
	font-size: 62px;
}
@media (min-width: 1200px){
	.about-tag {
		left: -20px;
	}
	body.rtl .about-tag {
		right: -20px;
		left: auto;
	}
}
@media (min-width: 1600px){
	.about-tag {
		left: -80px;
	}
	body.rtl .about-tag {
		right: -80px;
		left: auto;
	}
}

.breadcrumbs {
	margin: 0;
	padding: 0;
	list-style: outside none;
	font-size: 16px;
}
.breadcrumbs > li {
	display: inline-block;
}
.breadcrumbs > li::after {
	margin-left: .3rem;
	font-family: "Font Awesome 6 Free";
	font-size: 12px;
	font-weight: 900;
	content: "\f105";
}
body.rtl .breadcrumbs > li::after {
	margin-right: .3rem;
	margin-left: 0;
	content: "\f104";
}
.breadcrumbs > li:last-child::after {
	display: none;
}
.breadcrumbs > li + li {
	margin-left: .3rem;
}
body.rtl .breadcrumbs > li + li {
	margin-right: .3rem;
	margin-left: 0;
}

.item-box {
	padding: 60px 40px;
	background-color: #fff;
	text-align: center;
	color: #666;
	border: 1px solid var(--theme-color-lt-gray);
}
.item-box .it-icon {
	display: block;
	width: 60px;
	height: 60px;
	padding: 16px 0;
	background-color: var(--theme-solid-color);
	text-align: center;
	line-height: 28px;
	font-size: 28px;
	color: #fff;
	border-radius: 50%;
	transition: background-color .4s linear;
}
.item-box:hover .it-icon {
	background-color: var(--theme-color-prime);
}
.item-box .lnk {
	color: #666;
}

.dx-datepicker {
	position: relative;
}
.dx-datepicker .input {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
	z-index: 1;
}
.dx-datepicker .input:focus {
	outline: 1px solid var(--theme-color-prime);
}
.dx-datepicker .display {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	min-height: 38px;
	padding: .375rem .75rem .375rem 1.75rem;
	background-color: #fff;
	font-size: 16px;
	border: 1px solid var(--bs-border-color);
	z-index: 2;
}
.dx-datepicker .display::before {
	position: absolute;
	top: 4px;
	left: 6px;
	font-family: "Font Awesome 6 Free";
	font-weight: 400;
	color: var(--theme-txt-color);
	content: "\f133";
}
.dx-datepicker.time .display::before {
	content: "\f017";
}
body.rtl .dx-datepicker .display {
	padding: .375rem 1.75rem .375rem .75rem;
}
body.rtl .dx-datepicker .display::before {
	right: 6px;
	left: auto;
}
.dx-datepicker .input.error ~ .display {
	border-color: #d00;
}
.dx-datepicker .bootstrap-datetimepicker-widget table td.active,
.dx-datepicker .bootstrap-datetimepicker-widget table td.active:hover {
	background-color: var(--theme-txt-color);
	color: #fff;
}
.dx-datepicker .bootstrap-datetimepicker-widget table td.today::before {
	border-bottom-color: var(--theme-txt-color);
}
.dx-datepicker .bootstrap-datetimepicker-widget table td.today.active::before {
	border-bottom-color: #fff;
}
.dx-datepicker .bootstrap-datetimepicker-widget table td span.active {
	background-color: var(--theme-color-prime);
}

.yta-video-box {
    position: relative;
    width: 100%;
	height: 100vw;
    display: block;
    background-color: #000;
	z-index: 90;
	overflow: hidden;
}
@media(min-width: 576px){
	.yta-video-box {
		height: 100vh;
	}
	.yta-video-box.minus {
		height: calc(100vh - var(--site-head-height));
	}
}
.yta-video-box .player-container {
	position: relative;
	width: 100%;
    z-index: 1;
}
.yta-video-box .video-blind {
	display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
	align-items: center;
    background-color: #fff;
    opacity: 1;
    transition: opacity .5s linear 0s;
}
.yta-video-box .video-blind > img {
	width: 100%;
}
.yta-video-box .video-blind.reveal {
    opacity: 0;
}
.yta-video-box .video-blind .video-loader {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.yta-video-box .video-blind .video-loader::after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-top: 10px solid var(--theme-color-prime);
	z-index: 2;
	content: "";
	transform-origin: 100% 0;
	animation: underswipe 1s linear infinite;
}
.yta-video-box .video-blind.ready .video-loader,
.yta-video-box .video-blind.reveal .video-loader {
	display: none;
}
.yta-video-box .video-blind.ready .video-loader::after,
.yta-video-box .video-blind.reveal .video-loader::after {
	animation: none;
}
.yta-video-box .video-blind .video-loader.ontop,
.yta-video-box .video-blind .video-loader.ontop::after {
	top: 0;
	bottom: auto;
}
.yta-video-box .mute-button {
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 10px;
	width: 50px;
	height: 50px;
	background-color: #000;
	opacity: 0.8;
	cursor: pointer;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
}
.yta-video-box .mute-button::before {
	font-family: "Font Awesome 6 Free";
	line-height: 1.5;
	font-size: 24px;
	font-weight: 900;
	content: "\f028";
}
.yta-video-box .mute-button:hover {
	opacity: 1;
}
.yta-video-box .mute-button.muted::before {
	content: "\f6a9";
}
.yta-video-box .player-container>iframe {
    margin: auto;
}

@keyframes underswipe {
	0% {
		transform: translateX(0) scaleX(0);
	}
	50% {
		transform: translateX(0) scaleX(1);
	}
	100% {
		transform: translateX(-100%) scaleX(0);
	}
}

.owl-carousel.flexforce .owl-stage {
	display: flex;
}
.owl-carousel.flexforce .owl-item,
.owl-carousel.owl-rtl.flexforce .owl-item {
	float: none;
	min-height: 100%;
}

.about-fig {
	position: relative;
	display: flex;
}
.about-fig .capt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 250px;
	padding: 35px;
	background: url("../images/bg/card-bg-1.jpg") scroll 0 100% no-repeat;
	background-size: cover;
	font-size: 30px;
	color: #fff;
}
body.rtl .about-fig .capt {
	right: 0;
	left: auto;
}
@media (min-width: 768px){
	.about-fig .capt {
		
	}
}

.hover-shine {
	display: block;
	position: relative;
	overflow: hidden;
}
.hover-shine::before {
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	width: 50%;
	height: 100%;
	z-index: 2;
	content: "";
	background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
	transform: skewX(-25deg);
}
.hover-shine.v2::before {
	visibility: hidden;
	left: 25%;
	opacity: 0;
	background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	transform: none;
}
.hover-shine:hover::before {
	animation: shine 1s ease;
}
.hover-shine.v2:hover::before {
	animation: mid-shine 2s ease;
}
.hover-shine .sclimg {
	transition: transform 1s ease;
}
.hover-shine:hover .sclimg {
	transform: scale(1.1);
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes mid-shine {
	0% {
		visibility: visible;
		opacity: 0;
		transform: scaleX(1);
	}
	30% {
		opacity: 0.6;
		transform: scaleX(3);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		transform: scaleX(1);
	}
}

.blog-cell .card-body {
	position: relative;
	margin: -85px 15px 0;
	padding: 30px 30px 20px;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 0 60px rgba(0,0,0,.1);
	z-index: 1;
}
.blog-cell .dater {
	position: absolute;
	top: -30px;
	right: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
}
body.rtl .blog-cell .dater {
	left: 30px;
	right: auto;
}
.blog-cell .dater .month {
	padding: 12px 16px 4px;
	background-color: var(--theme-color-prime);
	border-radius: 6px 6px 0 0;
}
.blog-cell .dater .year {
	padding: 6px 16px;
	background-color: #000;
}

.blog-listing > li + li {
	margin-top: 5px;
}
.blog-listing a,
.blog-listing a:hover {
	color: #000;
}

.recent-post-widget .thumb-side .imgw {
	width: 70px;
}

.cont-block {
	display: flex;
	width: 48px;
	height: 48px;
	justify-content: center;
	align-items: center;
}
@media (min-width: 768px){
	.cont-block {
		width: 64px;
		height: 64px;
	}
}

.side-hovers {
	position: fixed;
	bottom: 120px;
	left: 0;
	z-index: 990;
}
.side-hovers.upper {
	top: 120px;
	bottom: auto;
}
.side-hovers.toright {
	right: 0;
	left: auto;
}
@media(min-width: 768px){
	.side-hovers {
		bottom: 120px;
	}
	.side-hovers.upper {
		bottom: auto;
	}
}
@media(min-width: 992px){
	.side-hovers.upper {
		top: 140px;
	}
}
.side-hovers .sbtn {
	display: block;
	position: relative;
	bottom: 0;
	left: 0;
	width: 43px;
	height: 46px;
	margin-bottom: 10px;
	background-color: var(--theme-pale);
	line-height: 46px;
	text-align: center;
	font-size: 28px;
	color: var(--theme-txt-color);
	border: 0;
	border-radius: 0 23px 23px 0;
}
.side-hovers .sbtn:last-child {
	margin-bottom: 0;
}
.side-hovers.toright .sbtn {
	right: 0;
	left: auto;
	border-radius: 23px 0 0 23px;
}
.side-hovers .sbtn:hover {
	transform: translateX(0);
}
.side-hovers .sbtn.square,
.side-hovers.toright .sbtn.square {
	border-radius: 0;
}
.side-hovers .sbtn.main {
	background-color: var(--theme-prime);
}
.side-hovers .sbtn.whatsapp {
	background-color: #25d366;
	color: #fff;
}

.galcat .item {
	padding: 5px 12px;
	background-color: var(--theme-color-gray);
	color: #fff;
	border: 0;
	transition: background-color .4s ease, color .4s ease;
}
.galcat .item:hover,
.galcat .item.active {
	background-color: var(--theme-color-prime);
	color: #fff;
}

.brand-slider-item {
	display: flex;
	width: 100%;
	max-width: 120px;
	height: 100%;
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.owl-carousel .owl-item .brand-slider-item .item-img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.hl-fig {
	display: flex;
	width: 48px;
	height: 48px;
	justify-content: center;
	align-items: center;
}
.hl-fig .img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.map-cont {
	min-height: 400px;
}

.scroll-top {
	visibility: hidden;
	display: block;
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 50px;
	width: 50px;
	z-index: 10000;
	opacity: 0;
	border-radius: 50px;
	cursor: pointer;
	transform: translateY(25px);
	transition: opacity .3s ease, visibility .3s linear, transform .3s ease;
}
.scroll-top::after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	z-index: 1;
	text-align: center;
	line-height: 50px;
	font-family: "Font Awesome 6 Free";
	font-size: 20px;
	font-weight: 600;
	color: var(--theme-color-prime);
	cursor: pointer;
	border: 2px solid var(--theme-color-prime);
	border-radius: 50%;
	box-shadow: none;
	content: "\f062";
}
.scroll-top svg {
	color: var(--theme-color-prime);
	border-radius: 50%;
	background-color: #fff;
}
.scroll-top svg path {
	fill: none;
}
.scroll-top .progress-circle path {
	stroke: var(--theme-color-prime);
	stroke-width: 15px;
	box-sizing: border-box;
}
.scroll-top.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.copyright-wrap {
	border-top: 1px solid rgba(255, 255, 255, .3);
}

.tliner {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.tliner.titling {
	display: block;
}
.tliner.inf::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background-color: var(--theme-pale-color);
	content: "";
}
.tliner.inf::after {
	position: absolute;
	top: calc(50% - 9px);
	left: -1px;
	width: 6px;
	height: 6px;
	background-color: var(--theme-solid-color);
	outline: 6px solid #fff;
	border-radius: 50%;
	content: "";
	transition: outline-color .3s ease;
}
.tliner.inf:hover::after {
	outline-color: rgba(255, 255, 255, 0.5);
}
body.rtl .tliner.inf::before {
	right: 0;
	left: auto;
}
body.rtl .tliner.inf::after {
	right: -1px;
	left: auto;
}
.tliner .tl-capt {
	position: relative;
	max-width: 320px;
	margin: 0 15px;
	padding: 40px 20px;
	flex: 1 1 auto;
	z-index: 1;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 3px 50px rgba(0, 0, 0, 0.1);
	transition: box-shadow .3s ease;
}
.tliner .tl-capt::after {
	position: absolute;
	top: calc(50% - 15px);
	left: 5px;
	width: 22px;
	height: 22px;
	z-index: 0;
	background-color: #fff;
	content: "";
	transform: rotate(45deg);
	transition: top .3s ease, bottom .3s ease, left .3s ease, right .3s ease;
}
.tliner:hover .tl-capt::after {
	left: -11px;
}
body.rtl .tliner .tl-capt::after {
	right: 5px;
	left: auto;
}
body.rtl .tliner:hover .tl-capt::after {
	right: -11px;
	left: auto;
}
.tliner:hover .tl-capt {
	box-shadow: 0 3px 50px rgba(0, 0, 0, 0.15);
}
.tliner .tl-capt .title {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	color: var(--theme-solid-color);
}
@media (min-width: 992px) {
	.tliner .tl-capt::after,
	body.rtl .tliner .tl-capt::after {
		top: auto;
		bottom: 5px;
		left: calc(50% - 15px);
		right: auto;
	}
	.tliner:hover .tl-capt::after,
	body.rtl .tliner:hover .tl-capt::after {
		bottom: -11px;
		left: calc(50% - 15px);
		right: auto;
	}
	.tliner.inf::before,
	body.rtl .tliner.inf::before {
		top: auto;
		bottom: 2px;
		left: 0;
		right: 0;
		width: auto;
		height: 4px;
	}
	.tliner.inf::after,
	body.rtl .tliner.inf::after {
		top: auto;
		bottom: 0;
		left: calc(50% - 9px);
		right: auto;
	}
}
@media (min-width: 1200px) {
	.tliner.titling::before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		height: 4px;
		background-color: var(--theme-pale-color);
		content: "";
	}
	.tliner.swpr.inf::before {
		display: none;
	}
	.tliner.swpr .tl-capt::after,
	body.rtl .tliner.swpr .tl-capt::after {
		bottom: auto;
		top: 5px;
	}
	.tliner.swpr:hover .tl-capt::after,
	body.rtl .tliner.swpr:hover .tl-capt::after {
		bottom: auto;
		top: -11px;
	}
	.tliner.swpr.inf::after,
	body.rtl .tliner.swpr.inf::after {
		top: -6px;
		bottom: auto;
		left: calc(50% - 9px);
		right: auto;
	}
}

.widget-list {
	list-style: outside none;
	padding: 0;
}
.widget-list > li {
	position: relative;
	display: block;
	padding-left: 1.5rem;
}
.widget-list > li::before {
	position: absolute;
	left: 0;
	top: 2px;
	font-family: "Font Awesome 6 Free";
	font-size: 12px;
	font-weight: 900;
	content: "\f101";
}