/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

body,
small,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
.font-secondary { font-family: 'Roboto', sans-serif !important;
font-weight: 100;
}


h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary { font-family: 'Roboto', sans-serif !important;
font-weight: 100;
}


:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-rgb: 33, 37, 41;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 0.75rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
}


/* .owl-carousel {
	padding-top: 20px;
	padding-bottom: 20px;
} */

/* .owl-carousel .owl-item img { */
/* .brand_slide .owl-item img {
	height: 120px;
} */

.owl-carousel .offer_slide img {
	height: 100%
}

#logo img {
	height: 50px;
}

.rs_box {
	background-color: rgba(242,233,227,1);
	/* height: 880px; */
	/* fill: rgba(242,233,227,1); */
}

.title {
	color :rgba(197,150,111,1);
}

.latest_offer h1 {
	border-bottom: solid rgba(197, 150, 111, 1);
}

.heading-block span.brand_desc {
	font-size: 1rem;
}

/* #content > div > div > div > div.row.col-mb-80.mb-0 > div.col-12 > div > div > img{ */
/* .heading-block .detail_logo img{ */
	/* height: 150px; */
	/* width: 250px; */
	/* border-bottom: 3px solid; */
/* } */

.detail_logo img{
	/* width: 250px; */
	height: 200px;
}

.portfolio-item .portfolio-image .bg-overlay-content img {
	display: block;
	padding-left: 10%;
    padding-right: 10%;
    width: auto;
    height: auto;
    min-width: 250px;
}


/* .detail_logo::after{
	content: '';
	display: block;
	margin-top: 30px;
	width: 100px;
	border-top: 3px solid #444;
} */

.detail_logo::after{
	content: '';
	display: block;
	margin-top: 30px;
	position: -webkit-sticky;
	position: relative;
	width: 100px;
	border-top: 3px solid #444;left: 50%;transform: translateX(-50%);

}

.shop_address{
	font-size: 0.75rem;
}

.shop_address{
	padding: 30px;
}

.app-download-wrapper {
	display: flex;
	margin-bottom: 17px;
	flex-direction: column;
	gap: 13px;
	font-size: 16px;
}

.app-download {
	display: grid;
	grid-template-columns: 84px 121.2px;
	grid-gap: 16px 10px;
}

.app-download-qrcode {
	grid-row: span 2;
}

#copyrights {
 background-color: rgba(197,150,111,1);
 color: #fff;
 font-weight: 500;
 padding: 20px 0;
}

#copyright_text {
	border-top: 1px solid #fff;
	padding-top: 5px;
}


.copyrights-menu { margin-bottom: 10px; }

.copyrights-menu a {
	font-size: 1rem;
	margin: 0 20px;
	border-bottom: 0 !important;
	color: #fff;
}

#footer {
	border-top:1px solid rgba(0,0,0,0.2) ;
}

/* ----------------------------------------------------------------
	Login remind box
-----------------------------------------------------------------*/


#loginRemind {
	display: none;
	z-index: 599;
	position: fixed;
	width: 413px;
	height: 150px;
	background-color: #333;
	background-color: rgba(0,0,0,0);
	/* font-size: 1.25rem; */
	line-height: 36px;
	text-align: center;
	color: #FFF;
	/* top: auto; */
	left: auto;
	right: -325px;
	top: 100px;
	cursor: pointer;
	/* border-radius: 2px; */
}

body:not(.device-touch) #loginRemind {
	/* transition: background-color .2s linear; */
	/* -webkit-transition: background-color .2s linear; */
	/* -o-transition: background-color .2s linear; */
	transition: right .2s linear ;
}

.tab-nav li a {
	display: block;
	padding: 0 15px;
	color: #444;
	height: 40px;
	line-height: 40px;
	/* background-color: #F2F2F2; */
	font-weight: bold;
}


.stretched #loginRemind { bottom: 30px; }

#loginRemind:hover {
	/* background-color: #1ABC9C; */
	right: -10px;
}


#loginRemind .hight_light_box {
	margin-left: auto;
	width: 500px;
	color: rgba(0,0,0,1);
	background-color: rgba(242,233,227,1);
}

#loginRemind .sub-form {
	border-top: 1px solid #fff;
	width: 300px;
	margin-left: 100px;
	margin-top: 0px;
	color: #fff;
	font-size: 14px;
}




#imagesWell img{
	width:100%;
	max-width:100%;
	max-height:100%;
}




.style-9 .menu-container > .menu-item > .menu-link { position: relative; font-size: 16px; }

	.style-9 .menu-container > .menu-item > .menu-link::after,
	.style-9 .menu-container > .menu-item.current > .menu-link::after {
		content: '';
		position: absolute;
		/* top: 0; */
		bottom: 0;
		left: 50%;
		height: 2px;
		width: 0;
		border-bottom: 3px solid #000000;
		-webkit-transition: width .3s ease;
		-o-transition: width .3s ease;
		transition: width .3s ease;
		transform: translateX(-50%);
	}

	.style-9 .menu-container > .menu-item.current > .menu-link::after,
	.style-9 .menu-container > .menu-item:hover > .menu-link::after { width: 100%; }


.grid-filter li a:hover { color: rgba(197,150,111,1); }

.grid-filter li.activeFilter a {
	color: #FFF;
	background-color: rgba(197,150,111,1);
	margin: 0;
	font-weight: bold;
}

.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
	position: relative;
	z-index: 2;
	border-color: rgba(0,0,0,0.1) !important;
	color: #FFF !important;
	font-weight: 700;
	background-color: rgba(197,150,111,1) !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


.table > :not(caption) > * > * {
	padding: 1rem 1.5rem 0rem;
}

th.membership_red,
li.membership_red {
	background-color: #a34444;
	color: white;
}

th.membership_glod,
li.membership_glod {
	background-color: #c5966f;
	color: white;
}

th.membership_black,
li.membership_black {
	background-color: #1a1311;
	color: white;
}

th.membership_level_block {
	border-top: none;
	border-left: none;
}

/* #oc-clients-full.owl-item.active > div:after {
	content: 'active';
	}
#oc-clients-full.owl-item.center > div:after {
	content: 'center';
	}
#oc-clients-full.owl-item.active.center > div:after {
	content: 'active center';
	}
#oc-clients-full.owl-item > div:after {
	font-family: sans-serif;
	font-size: 24px;
	font-weight: bold;
	} */

/* #content > div > div > div > div.row.col-mb-80.mb-0 > div.col-12 > div.heading-block.center.border-bottom-0 > span */

.dark .bg-overlay-bg,
.bg-overlay-bg.dark {
	background-color: rgba(0,0,0,0.8);
}

.highlight_box img{
	max-width: none;
}

.pricing-box {
	font-size : 0.85rem
}

.pricing-box .divider {
	margin: 1rem auto;
	color: rgba(197, 150, 111, 1);
}

.pricing-box .divider i,
.pricing-box .divider a,
.pricing-box .divider-text {
	font-size: 24px !important;
}

#social_buttoms a,
#contact_buttom a{
	margin: 0 20px;
}

@media (min-width: 768px) {

	#page-title {
		height: 350px;
	}

	#page-title.small {
		height: 100px;
	}

}

@media (max-width: 767px) {

	#page-title {
		height: 250px;
	}

	#page-title.small {
		height: auto;
	}

}

label {

	text-transform: none;

}

header-wrap-clone {
	height: 121px;
}

.fixHeightBox {
	height: 120px;
}

.menu-box {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 5px;
	border: 1px solid rgba(197, 150, 111, 1);
	border-radius: 5px;
	color: rgba(197, 150, 111, 1);
}

.menu-box img {
	height: 12px;
}

#div_id_agreement_on_privacy .asteriskField {
	display: none;
}

input.no-spin::-webkit-outer-spin-button,
input.no-spin::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}