html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
figure { border:none; margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:var(--color-black); font-size:15px; font-family:var(--font-primary); font-weight:400; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:var(--color-dark); text-decoration:none; }
a:hover { color:var(--color-black); text-decoration:none; }

:root {
	--color-white:#FFF;
	--color-black:#000;
	--color-dark:#120046;
	--color-navy:#240094;
	--color-blue:#21ACFD;
	--color-orange:#FF8D00;
	--color-grey:#777;
	--color-grey-light:#BBB;
	--color-green:#21D375;
	--color-green-dark:#159B84;
	--color-green-light:#1FD3B4;
	--color-light:#F6F5F7;
	--font-primary:'General Sans','Arial';
	--input-background-color: var(--color-white);
	--input-border-color: #bfbfbf;
	--input-border-color-inline: var(--color-white);
	--input-border-color-checked: var(--color-green);
	--input-background-color-checked: var(--color-green);
	--input-border-color-inline-checked: var(--color-green);
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: var(--color-green);
	--input-background-color-hover: var(--color-white);
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: var(--color-green);
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:20px; height:20px; line-height:20px; min-width:1px !important; margin:0 12px 0 0; padding:0; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:4px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius:50%; border:solid 1px; }
input[type='radio']::after { border:solid; border-color:var(--input-border-color-inline-checked); border-width:6px; border-radius:50%; width:0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:15px; font-family:var(--font-primary); color:var(--color-dark); border-radius:0; border:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:var(--font-primary); font-size:15px; font-weight:500; text-align:left; }

.input { width:100%; height:44px; padding:0 16px; border:1px solid rgba(36,0,148,0.3); transition:all 0.3s; background-color:var(--color-white); border-radius:12px; line-height:42px; }
.select { background:url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus { border-color:var(--color-navy); background-color:rgba(36,0,148,0.03); }
.input:disabled { background-color:var(--color-light); color:var(--color-grey); opacity:1; }

textarea.input { padding-top:10px !important; padding-bottom:10px !important; line-height:20px; }

.button { float:none; padding:7px; display:flex; align-items:center; cursor:pointer; position:relative; color:var(--color-white); background-color:var(--color-navy); transition:all 0.5s; border-radius:22px; border:1px solid transparent; }
.button:hover { background-color:var(--color-dark) !important; color:var(--color-white); }
.btn-light { border-color:rgba(36,0,148,0.15); background-color:var(--color-white) !important; color:var(--color-navy); }
.btn-light:hover { border-color:var(--color-navy) !important; background-color:var(--color-white) !important; color:var(--color-navy) !important; }
	.button small { float:left; padding-left:12px; padding-right:6px; }
	.button i { float:right; width:28px; margin-left:auto; font-size:24px; text-align:center; line-height:28px; transition:all 0.5s; border-radius:50%; }
	.button i:first-child { margin-left:0; margin-right:auto; }

.gioport { float:left; width:100%; position:relative; }
	.outer { float:left; width:100%; padding-left:24px; padding-right:24px; position:relative; }
		.wrap , .wrap-slim { margin:0 auto; width:1440px; min-height:10px; position:relative; }
		.wrap-slim { max-width:960px; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }

.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt15 { margin-top:15px; }
.mt10 { margin-top:10px; }

.mr15 { margin-right:15px; }

.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }
.mb15 { margin-bottom:15px; }
.mb10 { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }

/*	FUNCTIONS	*/

.to-top { position:fixed; bottom:20px; right:20px; z-index:4700; opacity:0; transition:all 0.5s; }
.scroll-top .to-top { opacity:1; bottom:80px; }
	.to-top a { float:right; width:48px; height:48px; background-color:var(--color-light); border-radius:50%; position:relative; transition:all 0.3s; box-shadow:0 -5px 10px rgb(0,0,0,0.15); border:2px solid var(--color-white); }
	.to-top a:hover { background-color:var(--color-blue) !important; color:var(--color-white) !important; }
		.to-top a i { display:block; font-size:24px; text-align:center; line-height:44px; }

.connect-whatsapp { position:fixed; bottom:20px; right:20px; z-index:4800; display:block; }
	.connect-whatsapp a { float:right; width:48px; height:48px; background-color:#18BC41; border-radius:50%; overflow:hidden; position:relative; text-indent:-9999px; box-shadow:0 -5px 10px rgb(0,0,0,0.15); border:2px solid var(--color-white); }
	.connect-whatsapp a:hover { background-color:#00C451; }
		.connect-whatsapp a::before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../images/icon-whatsapp-2.png) no-repeat center / 24px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; background-color:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:5000; transition:all 0.5s; }
.scroll .header , .scroll-mobile .header { box-shadow:0 0 20px rgba(18,0,70,0.1); }

	.header-flex { padding-top:20px; padding-bottom:20px; position:relative; display:flex; align-items:center; gap:10px; }
	
	#logo { float:left; margin-right:20px; position:relative; z-index:1000; }
		#logo a { float:left; position:relative; }
			#logo img { float:left; height:44px; transition:all 0.5s; }
	
	.header-search-content { flex:1; width:100%; max-width:400px; margin-left:auto; margin-right:auto; position:relative; }
		.header-search-content input { width:100%; height:44px; padding:0 40px 0 20px; border-radius:22px; font-size:15px; line-height:44px; background-color:rgba(18,0,70,0.05); border:0; transition:all 0.5s; }
		.header-search-content input:focus , .header-search-icon:hover { background-color:rgba(18,0,70,0.08); }
		.header-search-content button { position:absolute; top:0; right:0; text-align:center; }
			.header-search-content button i { float:left; width:44px; font-size:28px; color:var(--color-navy); line-height:44px; }
			.header-search-content button:hover i { font-size:26px; }
	
	.header-box { position:absolute; top:52px; right:-10px; background-color:var(--color-white); box-shadow:0 15px 25px rgba(18,0,70,0.15); z-index:1001; border-radius:16px; border:1px solid var(--color-dark); display:none; }
	
	.header-icon { float:left; position:relative; cursor:pointer; font-weight:500; color:var(--color-dark); display:flex; align-items:center; border-radius:22px; }
		.header-icon i { float:left; width:44px; position:relative; font-size:28px; text-align:center; line-height:44px; border-radius:20px; z-index:5; }
		.header-icon span { position:relative; z-index:10; font-size:13px; font-weight:500; line-height:14px; }
		.header-icon em { padding-left:20px; font-size:16px; }
	
	.header-account { float:right; position:relative; }
		
		.header-apply-icon { padding-left:14px; padding-right:24px; margin-left:10px; margin-right:20px; color:var(--color-blue); }
		.header-apply-icon.header-account-icon { margin-left:10px; margin-right:0; }
		.header-apply-icon:hover { background-color:var(--color-blue); color:var(--color-white); }
			.header-apply-icon::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid var(--color-blue) !important; border-radius:22px; pointer-events:none; }

		.header-account-content { width:280px; }
			.header-account-content::before , .nav-menu::before {
				content:"";
				border-bottom:4px solid transparent;
				border-left:9px solid transparent;
				border-right:9px solid transparent;
				height: 0;
				top:-4px;
				right:24px;
				position:absolute;
				width:0;
				border-bottom-color:var(--color-navy);
			}
			.nav-menu::before { right:auto; left:30px; }
			
			.header-account-content > ul { width:100%; padding:15px; position:relative; }
				.header-account-content > ul > li { width:100%; }
				.header-account-content > ul > li:last-child { padding-top:10px; margin-top:10px; border-top:1px solid rgba(36,0,148,0.08); }
				
			.header-account-form { float:left; width:100%; padding:19px; position:relative; }
				.header-account-form section { float:left; width:100%; margin-bottom:12px; position:relative; }
				.header-account-form section:last-child { margin-bottom:0; }
					.header-account-form section > .input { padding-right:34px; border-radius:22px; }
					.header-account-form section > i { position:absolute; font-size:20px; top:calc(50% - 10px); right:10px; color:var(--color-navy); opacity:0.3; pointer-events:none; }

.nav-icon , .sidebar-icon { display:none; }

#nav { float:left; margin-left:10px; position:relative; z-index:1440; }
	#nav::after { content:""; float:right; width:1px; height:30px; margin:6px 20px; background-color:var(--color-dark); opacity:0.1; }
	
	#nav > ul > li { margin-right:12px; position:relative; }
	#nav > ul > li:last-child { margin-right:0; }
	#nav > ul > li:hover { z-index:10; }
		
		#nav > ul > li > a { float:left; width:100%; padding:12px 15px; position:relative; font-weight:500; display:flex; align-items:center; transition:all 0.5s; }
		
		.nav-menu { position:absolute; top:44px; left:-10px; width:320px; padding:15px; background-color:var(--color-white); box-shadow:0 15px 25px rgba(18,0,70,0.15); border-radius:16px; border:1px solid var(--color-dark); display:none; }
			.nav-menu a , .nav-menu-sub > ul > li a , .header-account-content > ul > li a { float:left; width:100%; padding:10px; position:relative; font-weight:500; display:flex; align-items:center; transition:all 0.5s; border-radius:12px; gap:10px; }
			.nav-menu a:hover , .nav-menu-sub > ul > li a:hover , .header-account-content > ul > li a:hover { background-color:var(--color-light); }
				.nav-menu a picture { float:left; width:48px; margin-right:7px; aspect-ratio:1/1; border-radius:50%; overflow:hidden; }
				.nav-menu a small , .nav-menu-sub > ul > li a small , .header-account-content li a small { float:left; flex:1; padding-left:5px; padding-right:5px; }
				.nav-menu a i , .header-account-content li a i { float:left; margin-left:auto; margin-right:-5px; font-size:20px; opacity:0.3; transition:all 0.25s; }
				.nav-menu a:hover i , .header-account-content li a:hover i { transform:rotate(45deg); }
				.header-account-content li a i:first-child { font-size:24px; opacity:1; }
				.nav-menu a:hover i , .header-account-content li a:hover i { opacity:1; }
		
		.nav-menu-sub { float:left; width:100%; position:relative; }
			.nav-menu-sub > ul { position:absolute; top:0; left:255px; width:280px; padding:10px 20px; background-color:var(--color-white); border-left:2px solid var(--color-blue); border-radius:8px; box-shadow:0 15px 25px rgba(18,0,70,0.15); display:none; }
			.nav-menu-sub > ul.nav-show { display:block; }
				.nav-menu-sub > ul > li { width:100%; }


.scroll-thin::-webkit-scrollbar { width:6px; background:rgba(18,0,70,0.07); border-radius:10px; }
.scroll-thin::-webkit-scrollbar-track { border-radius:10px; }
.scroll-thin::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(18,0,70,0.2); }

/*	Finish HEADER	*/

.hero-search-out { float:left; width:100%; padding-top:95px; padding-bottom:50px; padding-left:24px; padding-right:24px; position:relative; background-color:var(--color-dark); background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:24px; display:flex; justify-content:center; z-index:20; }
	.hero-search-out::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(180deg,var(--color-dark),rgba(18,0,70,0.7)); opacity:0.9; border-radius:24px; }
	
	.hero-search-out .in { float:left; width:100%; max-width:960px; position:relative; z-index:10; }
	
	.hero-search-slogan { width:100%; margin-bottom:24px; color:var(--color-white); text-align:center; }
	
	.hero-search-tab { float:left; width:100%; padding-bottom:5px; margin-top:3px; margin-bottom:15px; position:relative; display:flex; justify-content:center; text-align:center; overflow:hidden; }
		.hero-search-tab > ul { width:100%; display:flex; justify-content:center; gap:10px; }
			.hero-search-tab > ul > li a { float:left; padding:9px 19px; position:relative; font-size:15px; font-weight:500; color:var(--color-white); display:flex; align-items:center; background-color:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.5); border-radius:20px; transition:all 0.5s; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
			.hero-search-tab > ul > li a:hover { border-color:var(--color-white); }
			.hero-search-tab > ul > li a.active { border-color:var(--color-blue); background-color:var(--color-blue); color:var(--color-white); }
				.hero-search-tab > ul > li a i { float:left; margin-right:4px; font-size:24px; line-height:20px; }
				.hero-search-tab > ul > li a.active::after {
					content:"";
					border-top:4px solid transparent;
					border-left:10px solid transparent;
					border-right:10px solid transparent;
					height: 0;
					bottom:-4px;
					left:calc(50% - 10px);
					position:absolute;
					width:0;
					border-top-color:var(--color-blue);
				}
	
	.hero-search-tags { float:left; width:100%; margin-top:50px; position:relative; font-size:15px; text-align:center; color:rgba(255,255,255,0.7); }
		.hero-search-tags a { color:#FFF; text-decoration:underline; }
		.hero-search-tags a:hover { text-decoration:none; }

.hero-search-wrap { float:left; width:100%; padding:20px; position:relative; border-radius:40px; background-color:var(--color-white); display:flex; z-index:990; }
	
	.hero-search { float:left; flex:1; padding-right:8px; position:relative; display:flex; align-items:center; }
		
		.hero-search-input { float:left; flex:1; padding-right:8px; position:relative; }
			.hero-search-input .input { height:40px; padding-left:40px; border:0; background-color:transparent; font-size:17px; font-weight:400; line-height:40px; }
			.hero-search-input .input::placeholder { color:var(--color-navy); opacity:1; }
			.hero-search-input .input:focus { font-weight:500; }
			.hero-search-input > i { position:absolute; font-size:28px; top:calc(50% - 14px); left:0; color:var(--color-navy); opacity:0.3; pointer-events:none; }
		
		.hero-search-filter { float:right; position:relative; }
			.hero-search-filter-icon { float:left; padding:7px 19px; position:relative; font-size:15px; font-weight:500; color:var(--color-navy); display:flex; align-items:center; border:1px solid rgba(36,0,148,0.5); border-radius:20px; cursor:pointer; transition:all 0.5s; gap:8px; }
			.hero-search-filter-icon:hover { border-color:var(--color-navy); background-color:var(--color-light); }
				.hero-search-filter-icon i { float:left; font-size:24px; }

	.hero-search-cta { float:right; width:100px; margin-left:auto; position:relative; }
		.hero-search-cta button { float:left; width:100%; height:40px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; color:var(--color-white); background-color:var(--color-blue); border-radius:20px; transition:all 0.5s; }
		.hero-search-cta button:hover { background-color:var(--color-navy); }
			.hero-search-cta button span { display:flex; align-items:center; gap:5px; }
				.hero-search-cta button span small { float:left; }
				.hero-search-cta button span i , .hero-search-category-icon i { float:left; font-size:24px; transform:scaleX(-1); }

.search-filter-box {position:fixed;top:0;bottom:0;left:0;right:0;padding:30px;background-color: rgb(255 255 255 / 50%);z-index:10000;opacity:0;pointer-events:none;transition:opacity 0.3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.search-filter-box.active { opacity:1; pointer-events:auto; }

	.search-filter-box-out { float:left; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
		.search-filter-box-in {float:left;width:100%;max-width:720px;position:relative;background-color:var(--color-white);border-radius:16px;overflow:hidden;/* border: 1px solid #250294; */border: 3px solid rgb(36 0 148 / 45%);}
			
			.search-filter-close , .listing-photo-gallery-close { position:absolute; top:8px; right:8px; z-index:1000; cursor:pointer; }
				.search-filter-close i , .listing-photo-gallery-close i { float:left; width:32px; font-size:28px; color:var(--color-grey); line-height:32px; text-align:center; border-radius:50%; }
	
	.filter-box { float:left; width:100%; max-height:calc(100vh - 184px); padding:30px; position:relative; overflow:hidden; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--color-grey-light) #0000; }
		
		.filter-box-item { float:left; width:100%; padding:24px 0; position:relative; border-bottom:1px solid rgba(18,0,70,0.08); }
		.filter-box .filter-box-item:first-child { padding-top:0; }
		.filter-box .filter-box-item:last-child { padding-bottom:0; border-bottom:0; }
		.filter-box .tab { margin-bottom:0; }
			
			.filter-box-row { float:left; width:100%; position:relative; }
				.fbr-title { float:left; flex:1; font-size:17px; font-weight:500; color:var(--color-navy); display:flex; align-items:center; }
					.fbr-title i { float:left; padding-right:10px; font-size:28px; }
				.fbr-cta { float:right; margin-left:auto; }
				.fbr-content { float:left; width:100%; margin-top:16px; position:relative; }
				
					.filter-option-list { float:left; width:100%; position:relative; }
						.filter-option-list > ul { width:100%; display:flex; flex-flow:row wrap; gap:12px; }
							.filter-option-list > ul > li { width:calc(50% - 8px); }
							.filter-option-list > ul > li:nth-child(even) , .filter-price-range section:nth-child(even) { margin-left:auto; }
							
							.fol-item { float:left; display:flex; align-items:center; }
								.fol-item label { float:left; display:flex; align-items:center; cursor:pointer; font-weight:500; }
							
					.filter-price-range { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; gap:8px; }
						.filter-price-range section { float:left; width:calc(50% - 4px); }
							.filter-price-range section .input { border-radius:22px; }
				
	.filter-cta { float:left; width:100%; position:relative; z-index:100; padding:16px; background-color:var(--color-white); box-shadow:inset 0 1px 0 rgba(18,0,70,0.08); }
		.filter-cta .button { float:right; background-color:var(--color-blue); }
		.filter-cta .button:last-child { float:left; margin-left:0; }

.switch-btn { float:right; width:44px; height:24px; margin-left:auto; position:relative; }
.switch-btn input { opacity:0; width:0; height:0; }

.switch-btn-slider { position:absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:var(--color-grey-light); transition:0.4s; border-radius:24px; }
.switch-btn-slider:before { position:absolute; content: ""; height:20px; width:20px; left:2px; bottom:2px; background-color:#FFF; transition:0.4s; border-radius:50%; }

input:checked + .switch-btn-slider { background-color:var(--color-green); }
input:checked + .switch-btn-slider:before { transform:translateX(20px); }

.nav-opened , .lockscreen { overflow:hidden; /* padding-right:15px; */ }


/*	Finish HERO SEARCH	*/


/*	Start COOKIES	*/

.cookies {position:fixed;bottom:0;left:20px;right:20px;padding:25px;z-index:2000;transition:all 0.5s;background-color: rgb(36 0 148 / 71%);color:var(--color-white);text-align:center;border-radius: 16px 16px 0 0;display:none;}
	.cookies a { color:var(--color-white); font-weight:500; text-decoration:underline; }
	.cookies a:hover { text-decoration:none; }
	
	.cookies-close {position:absolute;top:-16px;right: 20px;width:32px;height:32px;}
		.cookies-close::before { content:""; position:absolute; top:-3px; left:-40px; right:-40px; height:19px; background:url(../images/hat.png) no-repeat center / 60% 100%; }
		.cookies-close span {float:left;width:100%;height:100%;position:relative;border-radius:50%;text-indent:-9999px;background:var(--color-white) url(../images/icon-close-2.png) no-repeat center / 12px;cursor:pointer;border: 1px solid #644ab3;}
		.cookies-close span:hover { background-size:10px; background-image:url(../images/icon-close.png); background-color:var(--color-blue); }

.controls { height:100%; }
	.slick-prev , .slick-next { 
		position:absolute;
		top:calc(50% - 22px);
		width:44px; 
		height:44px;
		text-indent:-9999px; 
		cursor:pointer;
		z-index:1000;
		transition:all 0.5s;
		background:var(--color-white) url(../images/arrow-left.png) no-repeat center / auto 28px;
		border-radius:50%;
		box-shadow:0 4px 8px rgba(18,0,70,0.12);
		}
		
	.slick-prev { left:15px; }
	.slick-next { right:15px; background-image:url(../images/arrow-right.png); }
	
	.slick-prev:hover , .slick-next:hover { box-shadow:0 0 20px rgba(18,0,70,0.1); }

	ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:40px 0 10px 0; z-index:1000; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.2)); }
		ul.slick-dots li { float:none; margin:0 5px; position:relative; display:inline-block; transition:all 0.3s; z-index:10; }
			ul.slick-dots li button { float:left; width:30px; height:23px; cursor:pointer; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.3; border-top:10px solid transparent; border-bottom:10px solid transparent; }
			ul.slick-dots li button:hover { opacity:0.7; }
			ul.slick-dots li.slick-active button { opacity:1 !important; }
				ul.slick-dots li button::before { content:""; float:left; width:100%; height:100%; background-color:var(--color-white); border-radius:2px; }
			
.slider-hero-wrap { float:left; width:100%; position:relative; }
.slider-hero { float:right; width:100%; max-height:480px; position:relative; overflow:hidden; border-radius:12px; }
	.slider-hero-item { float:left; width:100%; position:relative; }
		
		.slider-hero-item picture { float:left; width:100%; max-height:480px; aspect-ratio:1792/480; position:relative; overflow:hidden; }
		
		.slider-hero-title { position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; color:var(--color-white); }
			.slider-hero-title::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.0)); }
			.slider-hero-title-in { float:left; width:100%; max-width:720px; position:relative; display:flex; flex-direction:column; gap:20px; }
	
	.slider-hero .slick-prev , .slider-hero .slick-next { opacity:0.5; }
	.slider-hero .slick-prev:hover , .slider-hero .slick-next:hover { opacity:1; }

.img-fit { width:100%; height:100%; object-fit:cover; }

/*	Start FOOTER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
	.mask > img , .mask-top > img { float:left; width:100%; }
	
.footer { float:left; width:100%; padding-top:60px; position:relative; color:var(--color-grey); overflow:hidden; }
	
	.footer a { color:var(--color-grey); }
	.footer a:hover { color:var(--color-black); }
	
	.footer-join { float:left; width:100%; padding-top:72px; padding-bottom:80px; position:relative; z-index:20; text-align:center; }
		.footer-join .wrap { max-width:960px; }
		
		.footer-join article { float:left; width:100%; margin-bottom:15px; position:relative; display:flex; justify-content:center; }
			.footer-join article span { display:flex; align-items:center; gap:12px; }
				.footer-join article span i { float:left; font-size:40px; color:var(--color-red); }
				.footer-join article span small { float:left; font-size:19px; font-weight:500; }
		
		.footer-join section { float:left; width:100%; margin-top:33px; position:relative; display:flex; }
			.footer-join section .input { flex:1; height:48px; padding-left:22px; margin-right:10px; border-color:var(--color-navy); border-radius:25px; line-height:46px; }
			.footer-join section .input:focus { box-shadow:0 0 20px rgba(0,0,0,0.1); }
			.footer-join section .button { width:140px; height:48px; padding-left:25px; padding-right:10px; border-radius:25px; line-height:48px; background-color:var(--color-navy); }
			.footer-join section .button:hover { background-color:var(--color-blue) !important; }
	
	.footer-social { float:left; width:100%; margin-bottom:15px; position:relative; display:flex; align-items:center; justify-content:center; }
		.footer-social > ul { display:flex; gap:12px; }
			.footer-social > ul > li em { float:left; width:1px; height:48px; margin-left:20px; margin-right:32px; background-color:rgba(36,0,148,0.1); }
			.footer-social > ul > li a { float:left; display:flex; align-items:center; border-radius:24px; color:var(--color-navy); border:1px solid rgba(36,0,148,0.15); transition:all 0.5s; }
			.footer-social > ul > li a:hover { border-color:var(--color-navy); }
				.footer-social > ul > li a i { float:left; width:46px; font-size:24px; text-align:center; line-height:46px; }
				.footer-social > ul > li a small { padding-right:22px; font-size:15px; font-weight:500; }
	
	.footer-links { float:left; width:100%; margin-top:15px; position:relative; display:flex; align-items:center; justify-content:center; }
		.footer-links > ul { display:flex; gap:16px; }
			.footer-links > ul > li a { float:left; padding:0 6px; text-align:center; }
	
	.copyright { float:left; width:100%; padding-top:20px; padding-bottom:20px; position:relative; z-index:10; font-size:13px; display:flex; align-items:center; flex-direction:column; gap:10px; }
		.copyright .left { float:left; }
			.copyright .left section { display:block; margin-bottom:5px; }
			.copyright .left section:last-child { margin-bottom:0; }
				.copyright .left section a { margin-right:16px; }
		.copyright .right { float:right; }
			.copyright .right a { float:left; }
				.copyright .right a img { float:right; height:20px; margin-left:7px; }
				
	.footer-info { float:left; width:100%; padding-top:32px; padding-bottom:32px; margin-top:20px; position:relative; z-index:10; box-shadow:inset 0 1px 0 rgba(18,0,70,0.08); font-size:11px; line-height:16px; }

.app-item { float:left; display:flex; align-items:center; font-size:17px; font-weight:500; color:var(--color-white) !important; text-align:center; border:1px solid var(--color-blue); border-radius:25px; transition:all 0.5s; }
.app-item:hover { border-color:var(--color-white); color:var(--color-white) !important; }
	.app-item picture { float:left; }
		.app-item picture img { float:left; height:48px; }
	.app-item small { float:left; flex:1; padding-right:24px; }


/*	Start CONTENT	*/

.title-line-wrap { float:left; width:100%; position:relative; overflow:hidden; display:flex; justify-content:center; }
.title-line-wrap.bottom { margin-bottom:25px; }
	.title-line { position:relative; font-size:17px; font-weight:600; color:var(--color-dark); }
		.title-line::before , .title-line::after { content:""; position:absolute; top:calc(50% - 1px); left:-2020px; width:2000px; height:1px; background-color:var(--color-dark); opacity:0.07; }
		.title-line::after { left:auto; right:-2020px; }

.slider-four , .slider-six { float:left; width:100%; position:relative; }
	.slider-four .slick-list , .slider-six .slick-list , .slider-five .slick-list { overflow:hidden; margin:0 -12px; }
	.slider-four .slick-track , .slider-six .slick-track , .slider-five .slick-track { display:flex !important; }
	.slider-in-item { float:left; width:100%; margin:0 12px; position:relative; overflow:hidden; }
	
	.slider-four .slick-prev , .slider-five .slick-prev , .slider-six .slick-prev { left:-22px; }
	.slider-four .slick-next , .slider-five .slick-next , .slider-six .slick-next { right:-22px; }

.city-item { float:left; width:100%; position:relative; border-radius:16px; overflow:hidden; transition:all 0.5s; color:var(--color-white); }
.city-item:hover { box-shadow:0 5px 25px rgba(0,31,70,0.17); }
	.city-item picture { float:left; width:100%; aspect-ratio:22/32; overflow:hidden; }
		.city-item::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid var(--color-dark); opacity:0.15; border-radius:16px; transition:all 0.5s; z-index:10; pointer-events:none; }
		.city-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; }
	.city-item section { position:absolute; left:10px; right:10px; bottom:10px; padding:13px 19px; z-index:20; border-radius:12px; background-color:rgba(0,0,0,0.15); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:all 0.5s; }
	.city-item:hover section { background-color:var(--color-white); }
		.city-item section strong { float:left; width:100%; height:20px; font-size:17px; font-weight:500; overflow:hidden; }
		.city-item section small { float:left; width:100%; font-size:13px; line-height:16px; opacity:0.7; }

.page-title-wrap { float:left; width:100%; position:relative; display:flex; align-items:center; gap:20px; }
.page-title-wrap.tac { flex-direction:column; gap:10px; }
.page-title-wrap.top { margin-top:65px; }
.cat-title-wrap.top { margin-top:35px; }
.page-title-wrap.bottom { margin-bottom:25px; }

.page-title-wrap article { font-size:17px; line-height:24px; }
.page-title { float:left; flex:1; position:relative; font-size:28px; color:var(--color-dark); line-height:30px; }
.page-title strong { font-weight:600; text-decoration:underline; }

.page-title-cta { float:right; }

.page-title-link a { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:500; color:var(--color-grey); transition:all 0.5s; }
.page-title-link a:hover { color:var(--color-dark); }
	.page-title-link a i { width:24px; font-size:20px; line-height:24px; text-align:center; border-radius:50%; transition:all 0.5s; }
	.page-title-link a:hover i { background-color:rgba(18,0,70,0.05); }

.tab { float:left; width:100%; margin-bottom:20px; position:relative; }
.tab.slim { margin-top:-10px; }
	.tab > ul { width:100%; display:flex; gap:10px; }
			.tab > ul > li a { float:left; padding:9px 19px; position:relative; font-size:15px; font-weight:500; display:flex; align-items:center; border:1px solid rgba(18,0,70,0.1); border-radius:20px; transition:all 0.5s; }
			.tab > ul > li a:hover { border-color:rgba(18,0,70,0.5); }
			.tab > ul > li a.active { border-color:var(--color-blue); color:var(--color-blue); }
				.tab > ul > li a i { float:left; margin-right:4px; font-size:24px; line-height:20px; }
	
.meta-index { float:left; width:100%; padding-left:20px; padding-right:20px; position:relative; z-index:100; }
	.meta-index > ul { width:calc(100% + 24px); margin-left:-12px; column-count:5; }
		.meta-index > ul > li { width:100%; padding:0 12px; }
			.meta-index > ul > li a {float:left;width:100%;padding:3px 0;position:relative;display:flex;align-items:center;margin-left: -21px;}
				.meta-index > ul > li a::before { content:""; position:absolute; top:9px; left:-15px; width:7px; height:7px; background-color:var(--color-blue); border-radius:50%; transition:all 0.3s; opacity:0; }
				.meta-index > ul > li a:hover::before { opacity:1; }
	
.page-text { float:left; width:100%; position:relative; font-size:17px; line-height:24px; }
.page-text.top { margin-top:13px; }
.page-text.bottom { margin-bottom:34px; }
.page-text.tac { padding-left:10%; padding-right:10%; }
	
	.page-text strong , .page-text b { font-weight:600; }
	
	.page-text h2 , .page-text h3 , .page-text h4 , .page-text h5 { display:block; font-size:24px; font-weight:600; line-height:150%; }
	.page-text h3 { font-size:22px; line-height:35px; }
	.page-text h4 { font-size:20px; line-height:30px; }
	.page-text h5 { font-size:18px; line-height:25px; }
	.page-text p { margin-bottom:20px; }
	.page-text p:last-child { margin-bottom:0; }
	
	.page-text a { font-weight:500; text-decoration:underline; }
	.page-text a:hover { text-decoration:none; }
	
	.page-text img { max-width:100%; }

	.page-text ul , .page-text ol { float:none; padding-bottom:20px; display:table; }
	.page-text ol { padding-left:30px; padding-bottom:20px; display:inline-block; }
		
		.page-text ul li { width:100%; padding-left:20px; margin-bottom:10px; position:relative; display:flex; align-items:center; }
			.page-text ul li::before { content:""; position:absolute; width:6px; height:6px; top:12px; left:0; background-color:var(--color-blue-light); border-radius:50%; }
		
		.page-text ol li { width:100%; margin-bottom:15px; display:list-item; list-style:decimal; }
		.page-text ul li:last-child , .article-content ol li:last-child { margin-bottom:0; }
			.page-text ol li::marker { font-weight:700; }

.medium-title { float:left; width:100%; padding:30px 0 20px 0; position:relative; font-size:24px; font-weight:600; letter-spacing:-0.5px; line-height:30px; }
.medium-title-slim { padding-top:0; }

.title-small { float:left; width:100%; padding:0 15px; margin:15px 0; position:relative; font-size:14px; font-weight:600; color:var(--color-black); letter-spacing:1px; text-transform:uppercase; }
	.title-small::before { content:""; position:absolute; top:50%; left:0; right:0; height:2px; margin-top:-1px; background-color:var(--color-black); opacity:0.06; }
	.title-small i { float:left; padding:0 15px; background-color:var(--color-white); position:relative; border-radius:8px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.link-cta { float:left; width:100%; position:relative; text-align:center; z-index:100; }
.link-cta.center { display:flex; justify-content:center; }
	.link-cta a { float:left; margin-right:16px; display:flex; align-items:center; min-width:220px; padding:9px; position:relative; text-align:left; border:1px solid var(--color-dark); border-radius:25px; transition:all 0.5s; }
	.link-cta a:last-child { margin-right:0; }
	.link-cta a.white { color:var(--color-white); border-color:var(--color-white); }
	.link-cta a.blue { color:var(--color-white) !important; background-color:var(--color-blue); border-color:transparent !important; }
	.link-cta a.navy { color:var(--color-white) !important; background-color:var(--color-navy); border-color:transparent !important; }
	.link-cta a:hover { color:var(--color-blue); border-color:var(--color-blue); }
	.link-cta a.blue:hover , .link-cta a.navy:hover { background-color:var(--color-dark); }
		.link-cta a small { float:left; flex:1; padding-left:13px; padding-right:10px; font-weight:500; }
		.link-cta a i { float:right; padding:2px; margin-left:auto; font-size:24px; border-radius:50%; transition:all 0.5s; }

.slider-five-wrap { float:left; width:100%; margin-bottom:30px; position:relative; }
	.slider-five { float:left; width:100%; position:relative; display:flex; flex-flow:row wrap; }

.slider-five .slick-track , .slider-similar .slick-track { height:100%; }

.listing-item-wrap { float:left; width:100%; height:100%; position:relative; display:flex; flex-direction:column; border-radius:16px; transition:all 0.5s; }
.listing-item-wrap:hover { background-color:var(--color-light); }
.listing-item-wrap::after , .listing-item-photo::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid var(--color-dark); border-radius:16px; opacity:0.2; transition:all 0.5s; pointer-events:none; }
.listing-item-wrap:hover::after { opacity:0.5; }

.listing-item {float:left;width:100%;padding:20px;position:relative;background-color:var(--color-white);/* border-radius:16px; */display:flex;flex-direction:column;transition:all 0.5s;}
.passive { pointer-events:none; filter:grayscale(1); opacity:0.5; }
	
	.listing-item-photo { float:left; width:calc(100% + 40px); margin-left:-20px; margin-top:-20px; margin-bottom:20px; position:relative; aspect-ratio:3/2; border-radius:16px 16px 0 0; overflow:hidden; }
		.listing-item-photo::after { border-radius:16px 16px 0 0; border:0; border-bottom:1px solid var(--color-dark); }
		.listing-item-photo img { transition:all 1.5s; }
	
	.listing-item-price { float:left; width:100%; margin-bottom:7px; font-weight:500; }
		.listing-item-price strong { display:block; margin-right:5px; font-size:20px; font-weight:600; }
		.listing-item-price i { display:block; text-decoration:line-through; font-size:12px; }
	
	.listing-item-title {float:left;width:100%;margin-bottom:15px;font-weight:500;text-overflow:ellipsis;/* white-space: nowrap; */overflow:hidden;min-height: 60px;}
	
	.listing-item-highlights { float:left; width:100%; margin-bottom:10px; font-size:13px; display:flex; align-items:center; gap:5px; color:var(--color-grey); }
		.listing-item-highlights > strong { float:left; flex:1; font-weight:500; display:flex; align-items:center; color:var(--color-dark); gap:5px; }
			.listing-item-highlights > strong::after { content:""; float:right; flex:1; height:1px; margin-left:10px; margin-right:10px; background-color:var(--color-dark); opacity:0.08; }
		.listing-item-highlights > section { float:left; display:flex; gap:5px; font-size:11px; font-weight:500; line-height:18px; }
			.listing-item-highlights > section span {float:left;padding: 2px 8px;border:1px solid var(--color-grey);border-radius:20px;display:flex;align-items:center;gap:7px;}
	
	.listing-item-pin { float:left; width:100%; margin-bottom:-3px; font-size:13px; color:var(--color-grey); display:flex; align-items:center; gap:5px; }
		.listing-item-pin i { float:left; font-size:16px; }
		.listing-item-pin.large i , .listing-item-highlights.large > strong i { margin-right:8px; font-size:24px; color:var(--color-dark); }
	
	.listing-item-highlights.large , .listing-item-highlights.large > section , .listing-item-pin.large { font-size:17px; }
	.listing-item-pin.large { margin-bottom:40px; }
	.listing-item-highlights.large > section { gap:12px; }
		.listing-item-highlights.large > section span { padding:7px 19px; color:var(--color-dark); border-color:transparent; background-color:var(--color-light); }
			.listing-item-highlights.large > section span i { font-size:24px; }

.listing-item-cta { float:left; width:calc(100% - 40px); padding:15px 0; margin-top:auto; margin-left:20px; margin-bottom:5px; position:relative; display:flex; align-items:center; gap:10px; box-shadow:inset 0 1px 0 rgba(18,0,70,0.08); }
	
	.listing-item-message { float:left; position:relative; font-size:13px; font-weight:500; border-radius:16px; z-index:100; transition:all 0.3s; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:4px; }
	.listing-item-message:hover { border-color:var(--color-blue); }
		.listing-item-message i { font-size:24px; }

.icon-fav { float:right; margin-left:auto; z-index:200; border-radius:50%; color:var(--color-grey); cursor:pointer; transition:all 0.5s; }

	.icon-fav i { float:left; font-size:24px; color:#ff9000; text-align:center; }

.gioport-app-cta { float:left; width:100%; position:relative; background-color:var(--color-light); border-radius:24px; display:flex; align-items:end; gap:60px; }
	.gioport-app-content { float:left; flex:1; padding-top:60px; padding-bottom:60px; display:flex; align-items:center; gap:40px; }
		.gioport-app-content picture { float:left; padding:19px; font-size:40px; color:var(--color-navy); background-color:var(--color-white); border:1px solid var(--color-navy); border-radius:50%; }
		.gioport-app-content section { float:left; flex:1; }
	.gioport-app-screen { float:right; width:320px; position:relative; }
		.gioport-app-screen picture { position:absolute; left:0; right:0; bottom:0; }
			.gioport-app-screen picture img { width:100%; max-width:320px; }

.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-12 { margin:0 -12px; }
.inner-10 { margin:0 -10px; }
.inner-5 { margin:0 -5px; }
.inner-4 { margin:0 -4px; }
.inner-2 { margin:0 -2px; }

.promo-block-wrap { float:left; width:100%; position:relative; display:flex; flex-direction:column; gap:64px; }
	.promo-block { float:left; width:100%; position:relative; display:flex; gap:64px; }
		.promo-block-content , .promo-block-photo { float:left; width:50%; position:relative; background-color:var(--color-light); border-radius:16px; overflow:hidden; }
		.promo-block-content { min-height:300px; padding-top:30px; padding-bottom:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:transparent; }
			.promo-block-photo picture { display:flex; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center; }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.sub-page-wrap { float:left; width:100%; position:relative; background-color:var(--color-white); border-radius:12px; }
.sub-page-in { margin-top:40px; }

.breadcrumb { float:left; width:100%; padding:16px 0; position:relative; font-size:13px; overflow:hidden; border-radius:12px; }
	.breadcrumb::before { content:""; position:absolute; top:0; left:0; right:0; height:16px; background:linear-gradient(180deg,var(--color-navy),rgba(36,0,148,0)); opacity:0.035; pointer-events:none; }
	.breadcrumb section { float:left; width:500%; height:20px; }
		.breadcrumb a , .breadcrumb i , .breadcrumb strong { float:left; color:var(--color-grey); }
		.breadcrumb a:hover { text-decoration:underline; }
		.breadcrumb i { margin:0 16px; font-size:20px; opacity:0.4; }
		.breadcrumb a i { margin:0; opacity:1; }
		.breadcrumb strong { font-weight:500; color:var(--color-dark); }

.page-filter-wrap { float:left; width:100%; border-radius:12px; display:flex; align-items:center; }
	
	.page-filter-btn { float:right; }
		.page-filter-btn .hero-search-filter-icon { background-color:var(--color-navy); color:var(--color-white); border-color:transparent; }
	
	.page-filter { float:left; flex:1; display:flex; gap:12px; }

.filter-toggle-wrap { float:left; position:relative; letter-spacing:0; }
	
	.filter-toggle-icon { float:left; padding:9px; position:relative; border:1px solid rgba(36,0,148,0.3); border-radius:20px; font-weight:500; font-size:14px; display:flex; align-items:center; cursor:pointer; transition:all 0.5s; white-space:nowrap; overflow:hidden; gap:8px; }
	.filter-toggle-icon:hover , .toggle-active , .toggle-selected { border-color:var(--color-navy); }
	.toggle-active , .toggle-selected { background-color:rgba(36,0,148,0.05); }
		.filter-toggle-icon small { float:right; margin-left:10px; }
		.filter-toggle-icon i { float:right; margin-left:auto; font-size:16px; transition:all 0.3s; line-height:20px; }
		.filter-toggle-icon i:only-child { margin-right:5px; }
		.toggle-active i { transform:rotate(180deg); }
	
	.filter-toggle-box {position:absolute;top:48px;left:0;width: 360px;background-color:var(--color-white);box-shadow:0 15px 25px rgba(18,0,70,0.15);border:1px solid var(--color-navy);border-radius:16px;display:none;overflow:hidden;z-index:10000;}
		
		.filter-toggle-box .in { float:left; width:100%; padding:20px; position:relative; }
		
		.filter-toggle-content { float:left; width:100%; max-height:280px; padding:15px; position:relative; overflow:hidden; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--color-grey-light) #0000; }
		.fancy-content .filter-toggle-content { max-height:280px; padding:0 !important; }
		.button-cta .filter-toggle-content { padding:10px; }
			.filter-toggle-content > ul { width:100%; }
				.filter-toggle-content > ul > li { width:100%; padding:10px 10px 10px 15px; margin-bottom:1px; border-radius:8px; cursor:pointer; display:flex; align-items:center; font-size:15px; font-weight:500; }
				.button-cta .filter-toggle-content > ul > li { width:100%; padding:10px 10px 10px 15px; font-size:13px; }
				.filter-toggle-content > ul > li:last-child { margin-bottom:0; }
				.filter-toggle-content > ul > li:hover { background-color:var(--color-light); }
				.filter-toggle-content > ul > li.selected { background-color:var(--color-light-green); }
					.filter-toggle-content > ul > li i { float:right; margin-left:auto; font-size:20px; color:var(--color-grey); opacity:0; }
					.filter-toggle-content > ul > li:hover i { opacity:0.5; }
					.filter-toggle-content > ul > li.selected i { opacity:1; color:var(--color-green); }
		
		.filter-toggle-box .button { padding:5px; }

.filter-options { float:right; width:100%; padding-top:24px; margin-top:24px; margin-bottom:24px; display:flex; align-items:center; border-top:1px solid rgba(18,0,70,0.07); }
	
	.filter-style { float:left; line-height:40px; display:flex; align-items:center; gap:10px; }
		.filter-style > span { float:left; color:var(--color-grey); }
		.filter-style > ul { padding:3px; border:1px solid rgba(36,0,148,0.3); border-radius:20px; }
			.filter-style ul > li { position:relative; }
				.filter-style ul > li a { float:left; width:76px; display:flex; align-items:center; justify-content:center; border-radius:16px; }
				.filter-style ul > li a:hover { background-color:rgba(36,0,148,0.05); }
				.filter-style ul > li a.list-active { background-color:rgba(36,0,148,0.15); }
					.filter-style ul > li a img { float:left; height:32px; padding:8px 0; opacity:0.5; }
					.filter-style ul > li a.list-active img { opacity:1; }
	
	.filter-type { float:right; margin-left:auto; display:flex; align-items:center; gap:10px; }
		.filter-type section { float:left; position:relative; color:var(--color-grey); line-height:40px; }
			.filter-type .input { width:auto; height:40px; padding-right:32px; font-weight:500; line-height:38px; border-radius:20px; }

.cat-list { float:left; width:100%; position:relative; }
	.cat-list > ul { width:calc(100% + 32px); margin-left:-16px; position:relative; display:flex; flex-flow:row wrap; }
		.cat-list ul > li { width:25%; padding:0 16px; margin-bottom:32px; }
		.list-3-view .cat-list ul > li { width:33.33334%; }

.btn-switch { float:left; width:40px; height:22px; position:relative; }
.btn-switch input { opacity:0; width:0; height:0; }

.btn-switch-slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.12); transition:0.4s; border-radius:24px; }
.btn-switch-slider:before { content: ""; position:absolute; height:16px; width:16px; left:3px; bottom:3px; background-color:var(--color-white); transition:0.5s; border-radius:50%; }

input:checked + .btn-switch-slider { background-color:var(--color-green); }
input:checked + .btn-switch-slider:before { transform:translateX(18px); background-color:var(--color-white); }

/*	Start LISTING DETAIL	*/


.listing-hero { float:left; width:100%; margin-bottom:40px; position:relative; display:flex; align-items:center; justify-content:center; }
.listing-hero-in { float:left; width:100%; max-width:1640px; }

.listing-hero-photos { display:flex; width:100%; max-height:480px; gap:4px; aspect-ratio:8/3; cursor:pointer; }
.hero-photo-1 { flex:0 0 50%; aspect-ratio:3/2; height:100%; background-color:var(--color-light); border-radius:12px; overflow:hidden; }
.listing-hero-photos:has(> .hero-photo-1:only-child) > .hero-photo-1 { flex:0 0 100%; }
.hero-photo-2 , .hero-photo-3 { flex:1; height:100%; background-color:var(--color-light); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; gap:4px; }
.hero-photo-3 { background-color:transparent; }
.hero-photo-3 picture { flex:1; position:relative; background-color:var(--color-light); border-radius:12px; overflow:hidden; }
.listing-hero-photos:has(> .hero-photo-1:nth-child(1)):has(> .hero-photo-2:nth-child(2)):not(:has(.hero-photo-3)) .hero-photo-2 { flex:0 0 50%; }

.listing-photos-count { position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(18,0,70,0.6); font-weight:500; color:var(--color-white); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; transition:all 0.5s; }
.listing-photos-count strong { display:block; font-weight:600; font-size:28px; line-height:100%; }



.listing-photo-gallery { position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; pointer-events:none; transition:opacity 0.3s ease; z-index:10000; overflow:hidden; background-color:var(--color-white); }
.listing-photo-gallery.active { opacity:1; pointer-events:auto; }

.listing-photo-gallery-header { position:fixed; top:0; left:0; right:0; z-index:2000; }
.listing-photo-gallery-close { position:fixed; z-index:2100; }

.listing-gallery-all { float:left; width:100%; height:calc(100vh - 48px); padding:30px; margin-top:48px; position:relative; display:flex; justify-content:center; overflow:hidden; overflow-y:auto; }
	.listing-gallery-all > ul { width:100%; max-width:1080px; display:flex; flex-flow:row wrap; gap:16px; }
	.listing-gallery-all > ul::after { content:""; float:right; width:100%; height:30px; }
		.listing-gallery-all > ul > li { flex:0 0 100%; }
		.listing-gallery-all > ul > li:nth-child(3n+2) , .listing-gallery-all > ul > li:nth-child(3n+3) { flex:0 0 calc(50% - 8px); }

.gallery-item { float:left; width:100%; position:relative; aspect-ratio:3/2; border-radius:12px; overflow:hidden; }
	.gallery-item img { width:100%; height:100%; object-fit:cover; }



.listing-left { float:left; width:calc(100% - 380px); position:relative; }
.listing-right { float:right; width:320px; position:relative; }

.listing-sidebar { float:left; width:100%; position:relative; background-color:var(--color-light); border-radius:12px; }
	
	.listing-sidebar-price { float:left; width:100%; padding:15px 24px; box-shadow:inset 0 -1px rgba(18,0,70,0.08); }
		.listing-sidebar-price strong { display:block; }
		.listing-sidebar-price span { display:block; }
			.listing-sidebar-price span small { font-weight:600; }
	
		.listing-sidebar-agent > picture { float:left; width:64px; aspect-ratio:1/1; overflow:hidden; }
	
	.listing-sidebar-agent { float:left; width:100%; padding:24px; position:relative; display:flex; align-items:center; }
		.listing-sidebar-agent picture { float:left; width:64px; padding:3px; position:relative; border:1px solid rgba(18,0,70,0.2); background-color:var(--color-white); aspect-ratio:1/1; overflow:hidden; border-radius:50%; }
			.listing-sidebar-agent picture img { border-radius:50%; }
			.listing-sidebar-agent picture::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.1); border-radius:6px; }
		.listing-sidebar-agent section { float:left; width:calc(100% - 48px); flex:1; padding-left:16px; }
			.listing-sidebar-agent section strong { float:left; width:100%; font-weight:500; font-size:15px; color:var(--color-dark); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			.listing-sidebar-agent section small { float:left; font-size:13px; color:var(--color-grey); }
			
	.listing-sidebar .link-cta { padding:24px; padding-top:0 !important; }
	
	.listing-sidebar-cta { float:left; width:100%; margin-top:20px; position:relative; display:flex; align-items:center; justify-content:center; transition:all 0.5s; opacity:0; pointer-events:none; }
	.listing-right.is-sticky .listing-sidebar-cta { opacity:1; pointer-events:auto; }

.listing-section { float:left; width:100%; position:relative; box-shadow:inset 0 1px 0 rgba(18,0,70,0.08); }

.listing-section-title { float:left; width:100%; padding-top:20px; padding-bottom:20px; position:relative; display:flex; align-items:center; color:var(--color-dark); gap:20px; }
	.listing-section-title i { float:left; padding:7px; font-size:24px; background-color:rgba(18,0,70,0.05); border-radius:50%; }
	.listing-section-title section {  }

.listing-section-content { float:left; width:100%; margin-bottom:60px; position:relative; }
.listing-left .listing-section:last-child .listing-section-content { margin-bottom:0; }

.listing-features { float:left; width:100%; position:relative; }
	.listing-features > article { float:left; width:100%; padding-top:10px; padding-bottom:10px; font-size:17px; font-weight:500; color:var(--color-dark); }
	.listing-features > ul { width:calc(100% + 24px); margin-left:-12px; margin-bottom:20px; display:flex; flex-flow:row wrap; }
	.listing-features > ul:last-child { margin-bottom:0; }
		.listing-features > ul > li { width:33.33334%; padding:0 12px; margin-bottom:10px; display:flex; align-items:center; }
			.listing-features > ul > li i { float:left; width:32px; font-size:24px; color:var(--color-dark); }
			.listing-features > ul > li span { float:left; font-size:15px; font-weight:500; color:var(--color-grey); }
				.listing-features > ul > li span strong { font-size:17px; font-weight:600; color:var(--color-dark); }

.listing-video , .listing-location { float:left; width:100%; /* padding:2px; */ aspect-ratio:16/9; background-color:var(--color-white); /* border:8px solid rgba(18,0,70,0.05); */ border-radius:12px; overflow:hidden; }
.listing-location { margin-top:0; }
	.listing-video iframe , .listing-location iframe { width:100% !important; height:100% !important; }

.listing-hero-cta { position:absolute; top:-34px; right:14%; z-index:1000; }
.listing-sidebar-cta .listing-hero-cta { position:relative; top:auto; right:auto; }
	.listing-hero-cta > ul { display:flex; gap:4px; }
	.listing-sidebar-cta .listing-hero-cta > ul { gap:12px; }

.listing-cta-item { float:left; padding:3px; background:linear-gradient(180deg,rgba(18,0,70,0) 65%,rgba(18,0,70,0.33)); border-radius:50%; cursor:pointer; }
.listing-sidebar-cta .listing-cta-item { padding:1px; background:rgba(18,0,70,0.1); }
.listing-cta-item i { float:left; padding:9px; font-size:24px; background-color:var(--color-white); border-radius:50%; }
.listing-cta-item:hover i { background-color:var(--color-light); }

/*	Start LISTING DETAIL	*/


.block-light { float:left; width:100%; position:relative; background-color:var(--color-light); border:1px solid rgba(18,0,70,0.06); }
.block-navy { background-color:var(--color-navy); color:var(--color-white); }
.border-bottom { border-bottom:1px solid rgba(18,0,70,0.06); }

.block-gioport { float:left; width:100%; position:relative; background-color:var(--color-light); }
.block-gioport::before { content:""; position:absolute; left:0; right:0; bottom:0; height:20%; background-color:var(--color-navy); }

.gioport-network { float:left; width:100%; position:relative; background-color:var(--color-white); box-shadow:0 10px 33px rgba(36,0,148,0.08); z-index:100; display:flex; }
	.gioport-network > ul { width:100%; display:flex; flex-flow:row wrap; }
		.gioport-network > ul > li { width:33.33334%; position:relative; box-shadow:inset 1px 0 0 rgba(18,0,70,0.08); }
		.gioport-network > ul > li:first-child { box-shadow:none; }
			.gioport-network > ul > li em { position:absolute; top:calc(50% - 20px); right:-20px; font-size:24px; padding:7px; border:1px solid rgba(18,0,70,0.08); background-color:var(--color-white); border-radius:50%; z-index:100; transition:all 0.5s; }
			.gioport-network > ul > li:hover em { background-color:var(--color-blue); color:var(--color-white); }

.gioport-network-item {float:left;width:100%;height:100%;padding: 60px 30px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;}
	.gioport-network-item > picture { float:left; width:100%; }
		.gioport-network-item > picture img { height:160px; }
	.gioport-network-item .fs-19 { margin-top:10px; margin-bottom:-10px; }
	.gioport-network-item .page-text { max-width:360px; margin-bottom:10px; }

.br-24 { border-radius:24px; }

.block-cta { position:relative; }
	.block-cta > ul { width:100%; display:flex; flex-flow:row wrap; gap:48px; }
		.block-cta > ul > li { width:calc(50% - 24px); }

.cta-item { float:left; width:100%; height:100%; padding:39px; position:relative; border:1px solid rgba(255,255,255,0.2); display:flex; flex-direction:column; overflow:hidden; }
	.cta-item::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/cta-1.png) no-repeat center bottom / 100% auto; opacity:0.7; pointer-events:none; }
	.block-cta > ul > li:nth-child(2) .cta-item::before { background-image:url(../images/cta-2.png); }
	.cta-item .page-text { width:75%; margin-bottom:15%; }
	.cta-item .link-cta { margin-top:auto; }


/*	Start LOGIN + SIGN UP	*/

.login-wrap { float:left; width:100%; position:relative; z-index:20; display:flex; justify-content:center; }
	.login-wrap-in { width:100%; max-width:480px; }
		
		.sign-form { float:left; width:100%; position:relative; }
			
			.sign-form > section { float:left; width:100%; padding-bottom:20px; text-align:left; }
				.sign-form > section .input { height:48px; padding-left:18px; line-height:46px; }
				.sign-form > section .button { width:100%; height:48px; padding:10px; }
				
				.sign-up { float:left; width:100%; text-align:center; position:relative; font-size:15px; }
					.sign-up section { float:left; width:100%; margin-bottom:10px; }
					.sign-up section:last-child { margin-bottom:0; }
						.sign-up section a , .sign-form > section a { font-weight:500; }
						.sign-up section a:hover , .sign-form > section a:hover { text-decoration:underline; }

/*	Start STATIC PAGES	*/

.blog-list { float:left; width:100%; margin-bottom:40px; position:relative; overflow:hidden; }
	.blog-list > ul { width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:40px; }
		.blog-list > ul > li { width:100%; }

.blog-item { float:left; width:100%; max-height:400px; aspect-ratio:4/6; position:relative; background-color:var(--color-white); border-radius:16px; overflow:hidden; }
.blog-item:hover { color:var(--color-white); }
	
	.blog-item::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(180deg,var(--color-light) 20%,rgba(245,246,247,0.6)); transition:all 0.7s; }
	.blog-item:hover::after { bottom:100%; }
	
	.blog-item picture { position:absolute; top:0; bottom:0; left:0; right:0; transform:scale(1,1); transition:all 2s; background-size:cover; background-position:center; background-repeat:no-repeat; }
	.blog-item:hover picture { transform:scale(1.25,1.25); }
		.blog-item picture::after { content:""; position:absolute; top:50%; left:50%; width:800px; height:800px; margin:-400px 0 0 -400px; background-color:var(--color-white); opacity:0; transition:all 1.5s; border-radius:50%; transform:scale(0,0); }
		.blog-item:hover picture::after { background-color:var(--color-blue); opacity:0.8; transform:scale(1,1); }
	
	.blog-item-title { position:absolute; left:0; right:0; top:0; padding:40px 40px 22px 40px; z-index:10; }
		.blog-item-title strong { float:left; width:100%; font-size:19px; font-weight:500; line-height:26px; transition:all 0.5s; }
	
	.blog-item section { position:absolute; bottom:0; left:0; right:0; padding:20px 40px; font-size:13px; font-weight:500; letter-spacing:1px; display:flex; align-items:center; z-index:10; }
		.blog-item section::before { content:""; position:absolute; top:0; left:40px; right:0; height:1px; background-color:var(--color-black); opacity:0.07; transition:all 0.3s; }
		.blog-item:hover section::before { background-color:var(--color-white); opacity:0.5; }
		
		.blog-item section i { float:left; font-size:50px; font-weight:200; color:var(--color-blue); letter-spacing:-1px; line-height:60px; transition:all 0.3s; }
		.blog-item:hover section i { color:var(--color-white); }
		.blog-item section span { float:right; margin-left:auto; text-align:right; transition:all 0.3s; }
			.blog-item section span small { font-size:11px; }

.blog-wrap { float:left; width:100%; padding-right:70px; position:relative; }
	
	.blog-content { float:left; width:100%; }
		.blog-photo { float:left; width:100%; max-height:480px; margin-bottom:30px; border-radius:8px; overflow:hidden; text-align:center; }
			.blog-photo img { width:100%; height:100%; object-fit:cover; }
		.date { float:left; width:100%; padding-left:35px; margin-bottom:25px; font-weight:500; color:#999; position:relative; letter-spacing:0.5px; }
			.date::before { content:""; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:var(--color-blue); }

.page-share { position:absolute; top:0; right:0; }
	.page-share ul { width:40px; }
		.page-share li { margin-bottom:15px; }
			.page-share li a { float:left; transition:all 0.25s; border-radius:16%; background-color:#616177; }
			.page-share li a:hover { background-color:var(--color-blue); }
				.page-share li a img { float:left; height:40px; }


.faq-list { float:left; width:100%; padding:34px; margin-left:auto; position:relative; border:1px solid rgba(18,0,70,0.07); border-radius:12px; }

.container { margin-top:30px; }
.sidebar { float:left !important; }

.sidebar-menu { float:left; width:100%; position:relative; }
	.sidebar-menu > ul { width:100%; padding:24px; border:1px solid rgba(36,0,148,0.1); transition:all 0.5s; border-radius:16px; display:flex; flex-direction:column; gap:12px; }
		.sidebar-menu > ul > li { width:100%; }
			.sidebar-menu > ul > li a { float:left; width:100%; padding:5px 0 5px 20px; transition:all 0.3s; box-shadow:inset 2px 0 0 rgba(36,0,148,0.08); }
			.sidebar-menu > ul > li a:hover { color:var(--color-navy); box-shadow:inset 3px 0 0 var(--color-navy); }
			.sidebar-menu > ul > li a.active { font-weight:500; color:var(--color-blue); box-shadow:inset 3px 0 0 var(--color-blue); }

/*	ACCOUNT PAGES	*/

.block-flexed { float:left; width:100%; position:relative; display:flex; }
.align-center { align-items:center; }
	.flex-left { float:left; width:calc(50% - 48px); position:relative; }
	.flex-right { float:right; width:50%; margin-left:auto; }

.static-page { float:left; width:100%; max-width:1000px; }

.static-photo { float:left; width:100%; max-height:480px; margin-bottom:30px; aspect-ratio:3/2; overflow:hidden; border-radius:12px; }

.static-text { font-size:15px; }
	
.accordion { float:left; width:100%; }
	.accordion-section { float:left; width:100%; }
	
	.accordion-section-title { float:left; width:100%; padding:20px 40px 20px 20px; margin-bottom:15px; position:relative; font-size:19px; font-weight:500; border:1px solid rgba(18,0,70,0.08); border-radius:12px; z-index:10; transition:all 0.5s; }
	.accordion-section-title:hover { color:var(--color-navy); }
	.accordion-section-title.active { color:var(--color-navy) !important; border-color:var(--color-navy) !important; background-color:var(--color-light) !important; }
		.accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; }
		.accordion-section-title.active::after { transform:rotate(180deg); }
		.accordion-section-title section { float:left; }

	.accordion-section-content { float:left; width:100%; padding:0 20px; margin-top:10px; margin-bottom:40px; position:relative; display:none; }
		.accordion-section-text { float:left; width:100%; font-size:17px; line-height:24px; }

.contact-item { float:left; width:100%; position:relative; }

.contact-info { float:left; width:100%; position:relative; display:flex; gap:32px; }
	.contact-info section { float:left; width:50%; position:relative; overflow:hidden; }
		.contact-info section > img { width:100%; height:100%; object-fit:cover; }
		.contact-info section .page-text { padding-top:30px; margin-top:30px; border-top:1px solid rgba(36,0,148,0.2); }

.contact-map { float:left; width:100%; max-height:600px; position:relative; aspect-ratio:3/2; overflow:hidden; border-radius:16px; overflow:hidden; }

.contact-form { float:left; width:100%; position:relative; }
	.form-item { float:left; width:100%; padding-bottom:20px; position:relative; font-weight:500; display:flex; align-items:center; }
	.form-item:last-child { padding-bottom:0; }
		.form-item-title { float:left; width:35%; position:relative; }
		.form-item-content { float:right; width:65%; margin-left:auto; position:relative; }
			.form-item > a { float:right; font-weight:700; line-height:40px; }
			.form-item label > a { font-weight:500; text-decoration:underline; }

.apply-form .form-item { width:50%; padding-left:10px; padding-right:10px; }
.apply-form .form-item i { width:100%; padding-top:0; padding-bottom:11px; }
.apply-form .form-item em { width:100%; }

.account-wrap { float:left; width:100%; background-color:#F6F6F6; }
.account-outer { float:left; width:100%; padding-left:30px; }

.account-form .form-item em .input { width:60%; height:45px; line-height:45px; }
.account-form .form-item span { float:left; padding-right:15px; }
	.account-form .form-item span a { font-weight:500; line-height:45px; }

.account-container { padding:0 !important; }

.account-content { padding:30px; }

.account-settings { position:relative; border:1px solid rgba(18,0,70,0.08); border-radius:12px; overflow:hidden; }
	.account-settings > ul { width:100%; }
		.account-settings > ul > li { width:100%; border-bottom:1px solid rgba(18,0,70,0.08); }
		.account-settings > ul > li:last-child { border-bottom:0; }

.setting-item { float:left; width:100%; padding:24px; position:relative; display:flex; align-items:center; }
.setting-item:hover { background-color:rgba(18,0,70,0.04); }
	.setting-item small { float:left; flex:1; }
	.setting-item section { float:right; margin-left:auto; }

.raport-list > ul { width:100%; display:flex; flex-direction:column; gap:24px; }
	.raport-list > ul > li { width:100%; }

.raport-item { float:left; width:100%; border:1px solid rgba(36,0,148,0.2); border-radius:16px; }
	.raport-item-listing , .raport-item-stats {float:left;width:100%;padding: 15px;}
	.raport-item-listing { display:flex; align-items:center; }
		.raport-item-listing > picture { float:left; width:160px; aspect-ratio:3/2; border-radius:10px; overflow:hidden; }
		.raport-item-listing > section { float:left; width:calc(100% - 184px); margin-left:auto; display:flex; flex-direction:column; gap:12px; }
			.raport-item-listing > section .page-title { width:100%; font-size:17px; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
			.raport-item-info { display:flex; align-items:center; }
				.raport-item-info .listing-item-price , .raport-item-info .link-cta { width:auto; margin-bottom:0; }
				.raport-item-info .link-cta { margin-left:auto; }
				.raport-item-info .link-cta a { min-width:initial; padding:5px; }
	
	.raport-item-stats { border-top:1px solid rgba(36,0,148,0.1); background-color:rgba(36,0,148,0.03); }
		.raport-item-stats > ul { width:100%; display:flex; flex-flow:row wrap; gap:16px; }
			.raport-item-stats > ul > li { flex:1; margin-top:-4px; margin-bottom:-4px; }
				.raport-item-stats > ul > li small { display:block; font-size:11px; font-weight:500; color:var(--color-grey); letter-spacing:1px; }
				.raport-item-stats > ul > li strong { display:block; font-weight:600; font-size:17px; }

/*	Start PAGINATION	*/
	
.pages { float:left; width:100%; padding:0 40px; position:relative; font-weight:500; line-height:38px; text-align:center; }
	
	.page-prev , .page-next { position:absolute; top:0; left:0; }
	.page-next { left:auto; right:0; }
	.page-prev a , .page-next a { float:left; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(36,0,148,0.1); }
	.page-prev a:hover , .page-next a:hover { border-color:rgba(36,0,148,0.33); }
		.page-prev a i , .page-next a i { font-size:24px; opacity:0.5; }
		.page-prev a:hover i , .page-next a:hover i { opacity:1; }
	
	.pages > ul { width:100%; display:flex; flex-flow:row wrap; justify-content:center; gap:8px; }
		.pages > ul > li { float:none; display:inline-flex; }
			.pages > ul > li a { float:left; width:40px; height:40px; border-radius:50%; border:1px solid rgba(36,0,148,0.1); }
			.pages > ul > li a:hover {border-color: #240094;}
			.pages > ul > li a.current {background: #240094;border-color: #240094;color: #ffffff;}

/*	Start LIGHTBOX	*/

.fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; }

.my-fancy {display:none;padding:0 !important;border-radius:16px;border: 3px solid rgb(36 0 148 / 45%);box-shadow:0 0 80px rgba(18,0,70,0.5);background:transparent !important;}
.my-fancy.narrow {max-width: 480px !important;}
	
	.my-fancy-wrap { width:100%; max-width:800px; max-height:640px; overflow:hidden; overflow-y:auto; background-color:var(--color-white); }
		
.fancy-content { float:left; width:100%; padding:24px; }

.back-to-start { float:left; padding:3px; margin-bottom:5px; position:relative; display:flex; align-items:center; color:var(--color-grey); border:1px solid rgba(18,0,70,0.15); border-radius:15px; }
.back-to-start:hover { border-color:var(--color-blue); background-color:var(--color-light); }
	.back-to-start i { float:left; font-size:20px; }
	.back-to-start small { float:right; flex:1; padding-right:10px; font-size:12px; text-align:center; }

.fancy-title { float:left; width:100%; padding:14px; position:relative; text-align:center; font-size:19px; font-weight:500; color:var(--color-dark); background-color:var(--color-white); box-shadow:inset 0 -1px 0 rgba(18,0,70,0.08); }

.fancy-promo { float:left; width:100%; margin-bottom:24px; position:relative; }
	.fancy-promo picture { float:left; width:100%; position:relative; border-radius:12px; overflow:hidden; }
		.fancy-promo picture::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(18,0,70,0.15); border-radius:12px; pointer-events:none; }
		.fancy-promo picture img { float:left; width:100%; }

.fancy-cta { float:left; width:100%; position:relative; text-align:center; }
	.fancy-cta > ul { width:100%; display:flex; align-items:center; gap:16px; }
		.fancy-cta > ul > li { flex:1; }

.fancy-cta-item { float:left; width:100%; padding:11px; border:1px solid var(--color-blue); font-weight:500; border-radius:24px; display:flex; align-items:center; justify-content:center; gap:8px; }
.fancy-cta-item:hover { background-color:var(--color-light); }
.fancy-cta-item.dark { background-color:var(--color-blue); color:var(--color-white); }
.fancy-cta-item.dark:hover { background-color:var(--color-dark); border-color:var(--color-dark); }
	.fancy-cta-item i { font-size:24px; }

.spacer { float:left; width:100%; position:relative; overflow:hidden; display:flex; justify-content:center; font-size:13px; }
	.spacer span { float:left; position:relative; color:var(--color-grey); }
		.spacer span::before , .spacer span::after { content:""; position:absolute; top:50%; left:-1012px; width:1000px; height:1px; background-color:rgba(18,0,70,0.1); }
		.spacer span::after { left:auto; right:-1012px; }

.fancy-share { float:left; width:100%; position:relative; }
	.fancy-share > ul { width:100%; display:flex; flex-flow:row wrap; gap:10px; }
		.fancy-share > ul > li { width:100%; }

.fw-700 { font-weight:700; }
.fw-600 { font-weight:600; }
.fw-500 { font-weight:500; }
.fw-300 { font-weight:300; }
.fw-200 { font-weight:200; }
.fw-100 { font-weight:100; }

.fs-34 { font-size:34px; line-height:40px; }
.fs-19 { font-size:19px; line-height:24px; }

.text-navy { color:var(--color-navy) !important; }
.text-blue { color:var(--color-blue) !important; }
.text-grey { color:var(--color-grey) !important; }
.text-green { color:var(--color-green) !important; }
.text-orange { color:var(--color-orange) !important; }
.text-white { color:var(--color-white) !important; }
.text-dark { color:var(--color-dark) !important; }
.text-black { color:var(--color-black) !important; }



@media only screen and (max-width:1640px) {

.wrap { width:1320px; }

}



@media only screen and (max-width:1520px) {

.header-apply-icon { padding-left:9px; padding-right:19px; margin-left:0; }
#nav > ul > li > a { padding:12px; }

}



@media only screen and (max-width:1440px) {

.wrap { width:1200px; }

.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }

.gioport-app { margin-top:40px; }

.cat-list > ul { width:calc(100% + 24px); margin-left:-12px; }
.cat-list ul > li { width:33.33334%; padding:0 12px; margin-bottom:24px; }
.filter-style { display:none; }

.listing-left { width:calc(100% - 360px); }
.list-3-view .cat-list ul > li { width:50%; }

.promo-block-wrap , .promo-block { gap:40px; }

}




@media only screen and (max-width:1320px) {

.wrap { width:960px; }

.header-apply-icon { padding-left:0; padding-right:14px; margin-left:-5px; }
#nav > ul > li > a { padding:12px 8px; }
.hero-search-out { padding-top:75px; padding-bottom:40px; }
.hero-search-tags { margin-top:30px; }

.gioport-app .wrap { width:100%; padding-left:24px; padding-right:24px; }
.gioport-app-cta { gap:40px; }
.gioport-app-content { gap:24px; }
.hero-search-out , .hero-search-out::before , .br-24 { border-radius:16px; }

.block-cta > ul { gap:32px; }
.block-cta > ul > li { width:calc(50% - 16px); }
.cta-item { padding:29px; }
.cta-item .page-text { width:100%; margin-bottom:40px; }

.meta-index > ul { column-count:4; }
.footer-join { padding-top:32px; padding-bottom:40px; }

.page-text.tac { padding-left:5%; padding-right:5%; }

.listing-hero { margin-bottom:30px; }
.listing-left { width:calc(100% - 330px); }
.listing-right { width:300px; }
.listing-location { aspect-ratio:1/1; }

}




@media only screen and (max-width:1080px) {

.outer { padding-left:0; padding-right:0; }
.outer .br-24 , .hero-search-out , .hero-search-out::before { border-radius:0; }
.hero-search-wrap { padding:12px; }
.gioport-app .page-title { font-size:21px; line-height:24px; }
.block-light { border:0; }
.footer-social > ul > li em { margin-left:15px; margin-right:27px; }
.listing-hero { padding-left:4px; padding-right:4px; }
.listing-hero-cta { right:20px; }
.listing-gallery-all { padding:24px; }
.promo-block-wrap , .promo-block { gap:32px; }

}




@media only screen and (max-width:1023px) {

.wrap , .wrap-slim { float:left; width:100%; padding-left:24px; padding-right:24px; }

.header { background-color:var(--color-white); }
.header .wrap { padding-left:12px; padding-right:12px; }
.header-flex { padding-top:0; padding-bottom:0; }

#logo { margin-left:8px; flex:1; }
#logo img { padding:4px 0; }

.header-search-content { display:none; }

.header-account-icon { padding-right:8px; }
.header-account-content::before { right:48px; }
.header-apply-icon { margin-right:10px; }
.header-apply-icon::after { border-radius:30px; }
.header-box { top:49px; right:-5px; }

.hero-search-input > i { left:5px; }
.header-search-content input { border:1px solid rgba(36,0,148,0.6); background-color:transparent; }

.nav-menu a small , .nav-menu-sub > ul > li a small , .header-account-content li a small { font-size:17px; }

.nav-icon { float:right; width:64px; height:64px; position:relative; cursor:pointer; display:block; text-indent:-9999px; z-index:200; }
	.nav-icon span { position:absolute; top:50%; left:50%; width:32px; height:2px; margin:-1px 0 0 -16px; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-5px; left:0; right:0; height:2px; background-color:var(--color-navy); transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-5px; left:0; right:6px; height:2px; background-color:var(--color-navy); transition:all 0.5s; }
	
	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before { 
			-webkit-transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-o-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
			background-color:var(--color-blue);
			top:0;
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			background-color:var(--color-blue);
			bottom:0;
			right:0;
		}
		
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height:0;
		position: absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:var(--color-light);
	}


#nav { position:fixed; top:64px; bottom:0; left:0; right:0; width:100%; height:0; padding:0 30px; margin:0; background-color:var(--color-light); overflow-y:auto; overflow:hidden; z-index:200; display:block; flex-direction:column; transition:height .3s ease, padding .3s ease; }
body.nav-opened #nav { height:calc(100vh - 64px); padding:30px 30px 124px 30px; }

#nav { width:100%; margin-left:0; }
#nav::after { display:none; }
#nav > ul { width:100%; display:flex; flex-direction:column; gap:5px; }
#nav > ul > li { width:100%; margin-right:0; }
#nav > ul > li.nav-multi::after { content:""; position:absolute; top:0; right:18px; width:14px; height:60px; background:url(../images/arrow-down.png) no-repeat right 52% / 100% auto; transition:all 0.3s; pointer-events:none; }
#nav > ul > li > a { width:100%; padding:20px 25px !important; margin-bottom:5px; font-size:17px; background-color:var(--color-white); border-radius:30px; }
#nav > ul > li > a > i { display:none; }
#nav > ul > li > a > small { display:block; }

.nav-menu { float:left; width:100%; margin-top:3px; margin-bottom:10px; position:relative; top:auto; left:auto; }

.search-filter-box { padding:20px; }
.search-filter-box-in { max-width:initial; }
.filter-box { max-height:calc(100vh - 244px); padding:24px; }

.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }

.page-title-wrap.top { margin-top:45px; }
.cat-title-wrap.top {margin-top: 0px;}
.page-text.tac { padding-left:12px; padding-right:12px; }

.gioport-app { margin-top:0; }
.gioport-app-cta { flex-direction:column; gap:48px; }
.gioport-app-content { padding-top:40px; padding-bottom:0; text-align:center; }
.gioport-app-content picture , .listing-sidebar-cta { display:none; }
.gioport-app-content .link-cta { display:flex; justify-content:center; }
.gioport-app-screen { width:100%; z-index:100; }
.gioport-app-screen picture { position:relative; left:auto; right:auto; bottom:auto; display:flex; justify-content:center; }

.cta-item { padding:24px; }

.gioport-network-item { padding:24px; gap:20px; }
.gioport-network-item .page-text { margin-bottom:0; }

.footer-links > ul { gap:8px; }

.filter-box { scrollbar-width:none; -ms-overflow-style:none; }
.filter-options { padding-top:19px; margin-top:19px; }

.hide-768 , .sidebar { display:none; }
.cat-list ul > li { width:50%; }

.filter-type { width:100%; }
.filter-type section:last-child { flex:1; }
.filter-type .input { width:100%; }

.container {margin-top: 0px;}
.listing-left { width:100%; }
.listing-right { width:100%; margin-bottom:24px; }

.raport-item-stats > ul { gap:8px; }

.sidebar-icon {float:left;width:100%;display: none;padding:7px 14px;margin-bottom:10px;position:relative;z-index:90;font-weight:500;color:var(--color-navy);/* display:flex !important; */align-items:center;border:1px solid var(--color-navy);border-radius:22px;gap:8px;transition:all 0.5s;}
.sidebar-icon-close { color:var(--color-navy); display:flex !important; align-items:center; border-color:rgba(36,0,148,0.3); background-color:var(--color-light); }
.sidebar-icon i { float:left; font-size:28px; transition:all 0.5s; }
.sidebar-icon i:last-child { font-size:20px; }
.sidebar-icon-close i:last-child { transform:rotate(180deg); }
.sidebar-icon small { flex:1; text-align:center; }
.sidebar-menu > ul > li a { font-weight:500; }

.block-flexed { flex-direction:column; gap:24px; }
.flex-left , .flex-right { width:100%; }

}





@media only screen and (max-width:767px) {
.my-fancy.narrow {max-width: 330px !important;}
	
.block-gioport::before { height:8%; }
.gioport-network > ul { flex-direction:column; }
.gioport-network > ul > li { width:100%; padding-top:15px; padding-bottom:15px; box-shadow:inset 0 1px 0 rgba(18,0,70,0.08); }
.gioport-network > ul > li em { top:auto; bottom:-20px; right:calc(50% - 20px); transform:rotate(90deg); }

.footer { padding-top:40px; }
.footer-social { flex-direction:column; gap:20px; }
.footer-social > ul {  }
.footer-social > ul:first-child > li:last-child { display:none; }

.footer-info .wrap-slim { padding-left:0; padding-right:0; }

.tab { width:calc(100% + 48px); padding-left:24px; margin-left:-24px; overflow:hidden; overflow-x:auto; white-space:nowrap; scrollbar-width:none; -ms-overflow-style:none; } 
.tab > ul { float:none; display:block; } 
.tab > ul > li { float:none; display:inline-block; padding:0; margin-right:6px; vertical-align:top; }
.tab > ul > li:last-child { margin-right:24px; }

.breadcrumb i { margin:0 6px; font-size:16px; line-height:20px; }
.listing-item-highlights > strong::after { margin-left:6px; margin-right:6px; }

.promo-block { flex-direction:column; gap:20px; }
.promo-block-content , .promo-block-photo { width:100%; }
.promo-block-photo { aspect-ratio:3/2; }
.promo-block-content { min-height:initial; padding-top:0; }
.promo-block.right .promo-block-photo { order:1; }
.promo-block.right .promo-block-content { order:2; }

.fs-34 { font-size:27px; line-height:30px; }

}





@media only screen and (max-width:640px) {

.hero-search-out { padding-top:60px; padding-bottom:30px; }
.hero-search-slogan { margin-bottom:34px; }

.hero-search-tab { margin-bottom:10px; }
.hero-search-tab > ul { gap:4px; }
.hero-search-tab > ul > li a { padding:9px 11px; font-size:13px; }

.hero-search-wrap { padding:6px; }
.hero-search { padding-right:6px; }
.hero-search-input .input { padding-left:15px; font-size:15px; font-weight:500; }
.hero-search-cta { width:64px; }
.hero-search-cta button span small , .hero-search-input > i { display:none; }

.block-cta > ul { gap:20px; }
.block-cta > ul > li , .cta-item .link-cta a , .cat-list ul > li , .list-3-view .cat-list ul > li , .form-item-title , .form-item-content , .form-item-content .button { width:100%; }
.meta-index > ul { column-count:3; }

.gioport-app-content .link-cta { flex-direction:column; gap:20px; }
.gioport-app-content .link-cta a {width:100%;margin-right:0;/* margin-bottom: 45px; */}

.listing-hero-photos { aspect-ratio:5/3; }
.listing-features > ul > li { width:50%; }

.listing-item-highlights.large { margin-bottom:20px; flex-direction:column; gap:16px; }
.listing-item-highlights.large > strong { width:100%; }
.listing-item-highlights.large > section { width:100%; }
.listing-item-highlights.large > section span { padding:7px 14px; }
.listing-item-highlights.large > section { font-size:15px; font-weight:500; }

.form-item { flex-direction:column; gap:6px; }

.contact-info { gap:24px; }
.contact-map { aspect-ratio:1/1; }

.breadcrumb { padding:16px 0; font-size:11px; }
.hero-photo-1 { flex:0 0 65%; }
.hero-photo-2 { display:none; }
.listing-photos-count , .listing-hero-cta > ul { font-size:13px; gap:0; }
.listing-photos-count strong { font-size:24px; }

}



@media only screen and (max-width:540px) {

.meta-index > ul { column-count:2; }

.header-apply-icon.header-account-icon { margin-left:0; }
.header-icon { padding:0 8px !important; }
.header-account-icon { background-color:var(--color-light); }
.header-icon span { display:none; }
.header-account-content { right:-2px; width:calc(100vw - 20px); }
.header-account-content::before { right:22px; }

.footer-join article span { flex-direction:column; }
.footer-links > ul { width:100%; flex-direction:column; }
.footer-links > ul > li , .footer-links > ul > li > a , .page-filter-btn , .page-filter-btn .hero-search-filter-icon { width:100%; }
.page-filter-btn .hero-search-filter-icon { justify-content:center; }

.page-filter { display:none; }

.raport-item-listing { flex-direction:column; gap:20px; }
.raport-item-listing > picture , .raport-item-listing > section , .contact-info section { width:100%; }
.raport-item-listing > section .page-title { white-space:normal; }
.raport-item-listing > section .listing-item-price strong { font-size:17px; }
.raport-item-stats > ul { gap:12px; }
.raport-item-stats > ul > li { flex-basis:calc(50% - 6px); }

.listing-section-content .link-cta { display:flex; flex-flow:row wrap; gap:12px; }
.listing-section-content .link-cta a { width:100%; margin:0; }

.contact-info { flex-flow:row wrap; gap:0; }

}



@media only screen and (max-width:440px) {

#logo { margin-right:12px; }
#logo img { padding:6px 0; }
.filter-cta .button:last-child small { display:none; }
.meta-index > ul > li a { font-size:13px; font-weight:500; }
.footer-join section .button { width:100px; padding-left:10px; padding-right:10px; }
.listing-features.main > ul > li { width:100%; }

}



@media only screen and (max-width:374px) {



}


/* Radio input'u tamamen gizle (global input etkilenmesin diye selector daraltıldı) */
.hero-search-tab-checks input[type='radio'] {
    position:absolute;
    opacity:0;
    width:0;
    height:0;
    margin:0;
    padding:0;
}

/* Liste düzeni */
.hero-search-tab > ul.hero-search-tab-checks {
    width:100%;
    display:flex;
    justify-content:center;
    gap:10px;
}

/* Tab görünümü — label’a uygulanır */
.hero-search-tab > ul.hero-search-tab-checks > li label {
    float:left;
    padding:9px 19px;
    position:relative;
    font-size:15px;
    font-weight:500;
    color:var(--color-white);
    display:flex;
    align-items:center;
    background-color:rgba(0,0,0,0.2);
    border:1px solid rgba(255,255,255,0.5);
    border-radius:20px;
    transition:all 0.5s;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    cursor:pointer;
}

/* Hover */
.hero-search-tab > ul.hero-search-tab-checks > li label:hover {
    border-color:var(--color-white);
}

/* SEÇİLİ RADIO HALİ */
.hero-search-tab-checks input[type='radio']:checked + label {
    border-color:var(--color-blue);
    background-color:var(--color-blue);
    color:var(--color-white);
}

/* Seçili butona küçük üçgen ok */
.hero-search-tab-checks input[type='radio']:checked + label::after {
    content:"";
    border-top:4px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    height:0;
    bottom:-4px;
    left:calc(50% - 10px);
    position:absolute;
    width:0;
    border-top-color:var(--color-blue);
}