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 { margin:0; padding:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

html { background-color:var(--color-dark); }
body { margin:0; color:var(--color-dark); 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%; background-color:var(--color-dark); }
body::-webkit-scrollbar { display:none; }

*::-moz-selection { color:var(--color-brown); background:var(--color-white); }
*::selection { color:var(--color-brown); background:var(--color-white); }

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

:root {
	--color-black:#000;
	--color-white:#FFF;
	--color-dark:#2E1F18;
	--color-brown:#463026;
	--color-brown-light:#C19977;
	--color-orange:#EC9B32;
	--color-red:#F03;
	--color-grey:#878787;
	--color-light:#F9F1DF;
	--font-primary:'Momo Trust Sans','Arial';
	--font-secondary:'MrAlex','Arial';
	--input-background-color: #FFF;
	--input-border-color: #bfbfbf;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #00B382;
	--input-background-color-checked: #00B382;
	--input-border-color-inline-checked: #00B382;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #F2F2F2;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #00B382;
	--input-background-color-hover: #FFF;
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: #00B382;
}

/* 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 10px 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: 5px; 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:17px; font-family:var(--font-primary), Arial; border-radius:0; border:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:var(--font-secondary), Arial; font-size:19px; font-weight:700; letter-spacing:0.5px; }

.input { width:100%; height:50px; padding:0 18px; position:relative; transition:all 0.3s; background-color:var(--color-white); color:var(--color-dark); border-radius:12px; }
.select { background-image:url(../images/arrow-select.png); background-repeat:no-repeat; background-position:right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.input:focus , .select:focus { box-shadow:0 4px 20px rgba(70,48,38,0.12); }

textarea.input { padding-top:13px !important; padding-bottom:13px !important; }

.button { float:none; height:48px; display:flex; align-items:center; padding:9px; cursor:pointer; position:relative; color:var(--color-white); line-height:48px; background-color:var(--color-brown); overflow:hidden; text-align:left; border-radius:24px; transition:all 0.5s; }
.button:hover { background-color:var(--color-orange); }
	.button small { float:left; flex:1; margin-left:15px; margin-right:15px; }
	.button i { float:right; padding:4px; margin-left:auto; font-size:24px; color:var(--color-dark); background-color:var(--color-white); border-radius:50%; }
	
a.button { color:var(--color-white); font-weight:600; font-size:14px; line-height:50px; }

.kahvedukkani { float:left; width:100%; position:relative; background-color:var(--color-light); }
.wrap , .wrap-slim { width:100%; max-width:1680px; padding-left:60px; padding-right:60px; margin:0 auto; position:relative; }
.wrap-slim { max-width:1200px; }

.tac { text-align:center; }
.tar { text-align:right; }
.ttu { text-transform:uppercase; }

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

.w100 { float:left; width:100% !important; position:relative; }
.w75 { float:left; width:75%; max-width:1040px; }
.w50 { float:left; width:50%; }
.w35 { float:left; width:35%; }
.wa { width:auto; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }
.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }
.mb10 { margin-bottom:10px; }

/*	Start TOP	*/

.header { position:fixed; top:32px; left:32px; right:32px; z-index:9000; }
	
	.header-flex { position:relative; background-color:rgba(255,255,255,0.85); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); transition:all 0.5s; border-radius:16px; display:flex; align-items:center; z-index:100; }
	.header:hover .header-flex { background-color:var(--color-white); }
	.nav-up .header-flex , .nav-down .header-flex { box-shadow:0 0 20px rgba(70,48,38,0.1); }
	
	#logo { float:left; margin-left:60px; display:flex; align-items:center; justify-content:center; gap:20px; z-index:2000; }
		#logo::after { content:""; float:right; width:123px; height:40px; background:url(../images/anniversary.png) no-repeat 0 0 / 100% 100%; }
		#logo a { float:left; position:relative; }
			#logo a::before { content:""; position:absolute; inset:-16px; background:url(../images/cycle.png) no-repeat center / 100% 100%; transition:all 1.5s; }
			#logo a:hover::before { inset:-10px; transform:rotate(270deg); }
			#logo a img { float:left; height:80px; position:relative; transition:all 0.5s; }
			#logo a:hover img { padding:6px; }
	
	.nav-wrap { flex:1; display:flex; }
	
	#nav { float:left; margin:0 auto; z-index:200; }
		#nav > ul { width:100%; display:flex; gap:24px; }

			#nav > ul > li > a { float:left; padding:0 12px; position:relative; font-family:var(--font-secondary); font-size:17px; font-weight:700; letter-spacing:0.5px; line-height:80px; transition:all 0.3s; z-index:100; }
			#nav > ul > li > a.highlight , .footer-links > ul > li a.highlight { color:var(--color-orange); }
				#nav > ul > li > a.highlight::before , #nav > ul > li > a.highlight::after , .footer-links > ul > li a.highlight::before { content:""; position:absolute; top:14px; left:0; right:0; height:12px; background:url(../images/highlight.png) no-repeat center / auto 100%; transition:all 0.05s; }
				#nav > ul > li > a.highlight::after { top:auto; bottom:14px; background-image:url(../images/highlight-2.png); }
				#nav > ul > li > a:hover.highlight::before { top:12px; height:14px; transform:rotate(4deg); }
				#nav > ul > li > a:hover.highlight::after { bottom:12px; height:14px; transform:rotate(-4deg); }
			
			.nav-menu { position:absolute; top:80px; left:0; right:0; padding:20px 30px; display:none; }
				.nav-menu-in { float:left; width:100%; padding-top:40px; padding-left:12%; padding-right:80px; position:relative; display:flex; }
					
					.nav-menu-links { float:left; width:50%; padding-bottom:100px; position:relative; display:flex; flex-direction:column; }
						.nav-menu-links > a { float:left; position:relative; font-family:var(--font-secondary); font-size:40px; line-height:60px; color:var(--color-white); display:flex; align-items:center; transition:all 0.5s; }
						.nav-menu-links > a:hover { color:var(--color-orange); }
							.nav-menu-links > a i { font-size:20px; opacity:0; transition:all 0.3s; }
							.nav-menu-links > a:hover i { margin-left:16px; opacity:1; }
					
					.nav-menu-photo { float:right; width:50%; min-height:278px; margin-bottom:12px; position:relative; z-index:-1; pointer-events:none; }
						.nav-menu-photo picture { position:absolute; left:0; right:0; top:-50%; bottom:0; text-align:center; display:flex; align-items:end; justify-content:center; }
							.nav-menu-photo picture img { max-width:100%; max-height:360px; }
	
			.nav-menu-cover { position:absolute; top:-32px; left:-32px; right:-32px; background-color:var(--color-brown); transition:height 0.4s ease, opacity 0.4s ease, visibility 0.4s; height:0; opacity:0; visibility:hidden; }
	
	.header-right { float:left; position:relative; display:flex; align-items:center; gap:28px; font-family:var(--font-secondary); font-size:17px; font-weight:700; letter-spacing:0.5px; }
		.header-store , .header-search-icon { float:left; position:relative; }
			.header-store a { padding:10px 20px; position:relative; display:flex; align-items:center; gap:6px; color:var(--color-white); background-color:var(--color-orange); transition:all 0.5s; }
			.header-store a:hover { color:var(--color-dark); }
				.header-store a::before , .header-store a::after , .fixed-buttons > a::before , .fixed-buttons > a::after { content:""; position:absolute; top:0; bottom:0; left:-4px; width:4px; background:url(../images/btn-wave.png) repeat-y 0 0 / 100% auto; }
				.header-store a::after , .fixed-buttons > a::after { left:auto; right:-4px; transform:scaleX(-1); }
				.header-store a:hover::before , .header-store a:hover::after , .fixed-buttons > a:hover::before , .fixed-buttons > a:hover::after { animation:waveY 0.75s linear infinite; }
				@keyframes waveY {
				from { background-position:0 0; }
				to { background-position:0 15px; }
				}
		.header-search-icon { width:90px; padding:10px 0; display:flex; align-items:center; gap:6px; cursor:pointer; transition:all 0.5s; }
		.header-search-close { color:var(--color-brown-light); }
			.header-search-icon i , .header-store a i { font-size:28px; }
			.header-search-icon i:nth-child(2) { display:none; }
			.header-search-close i:nth-child(1) { display:none; }
			.header-search-close i:nth-child(2) { display:block; }
			
		.header-search { position:absolute; top:84px; right:0; width:360px; z-index:90; display:none; }
			.header-search button , .header-search button i { position:absolute; top:0; right:0; bottom:0; width:50px; font-size:28px; text-align:center; color:var(--color-orange); line-height:50px; z-index:100; }
			.header-search button:hover i { color:var(--color-brown); }
			
			.header-search input { float:left; width:100%; height:50px; padding:0 60px 0 20px; position:relative; font-size:17px; line-height:50px; background-color:var(--color-white); z-index:50; box-shadow:0 0 33px rgba(70,48,38,0.1); border-radius:16px; }
			.header-search input:focus { box-shadow:0 2px 0 var(--color-red) , 0 0 33px rgba(0,23,71,0.27); }

/*	Start NAV MEGA	*/

.nav-icon { float:right; width:80px; height:60px; position:relative; cursor:pointer; display:none; text-indent:-9999px; z-index:1990; }
	.nav-icon span { position:absolute; top:50%; left:50%; width:40px; height:2px; margin:-1px 0 0 -20px; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-6px; left:0; right:0; height:2px; background-color:var(--color-white); transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:10px; height:2px; background-color:var(--color-white); 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);
			top:0;
			right:0;
			background-color:var(--color-brown-light);
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			bottom:0;
			right:0;
			background-color:var(--color-brown-light);
		}

.nav-opened { overflow:hidden; }

.fixed-buttons { position:fixed; right:24px; bottom:24px; z-index:8990; transition:all 1s; }
	.fixed-buttons > a { float:left; width:100%; padding:20px 24px; position:relative; display:flex; align-items:center; gap:16px; background-color:var(--color-orange); transition:all 0.5s; }
	.fixed-buttons > a:hover { color:var(--color-white); }
		.fixed-buttons > a section { flex:1; font-family:var(--font-secondary); font-weight:700; }
			.fixed-buttons > a section small { display:block; }
			.fixed-buttons > a section strong { display:block; font-size:24px; }
		.fixed-buttons > a picture { float:right; }
			.fixed-buttons > a picture img { height:40px; }

/*	Finish TOP	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; height:10px; z-index:700; background:url(../images/mask.png) repeat-x 0 0 / auto 100%; }
.mask.light , .mask-top.light { background-image:url(../images/mask-light.png); }
.mask.orange , .mask-top.orange { background-image:url(../images/mask-orange.png); }
.mask-top { top:0; bottom:auto; transform:rotateX(-180deg); }
.nav-menu-cover .mask { z-index:100000; }
.nav-menu-cover .mask-top { top:auto; bottom:-10px; }

.controls { height:100%; }
	.slick-prev , .slick-next { position:absolute; top:calc(50% - 24px); width:48px; height:48px; text-indent:-9999px; cursor:pointer; z-index:1000; transition:all 0.4s; background:url(../images/bg-arrow.png) no-repeat center / 100% 100%; border-radius:50%; border:1px solid rgba(255,255,255,0.2); }
		
	.slick-prev { left:16px; }
	.slick-next { right:16px; }
		.slick-prev::after , .slick-next::after { content:""; position:absolute; inset:0; background:url(../images/arrow-white-left.png) no-repeat center / 20px auto; }
		.slick-next::after { background-image:url(../images/arrow-white-right.png); }
	
	.slick-prev:hover , .slick-next:hover { transform:rotate(360deg); }
	
	ul.slick-dots { position:absolute; right:0; left:0; bottom:0; padding:30px 0; z-index:1000; background:linear-gradient(180deg,rgba(46,31,24,0.0),rgba(46,31,24,0.5)); display:flex; align-items:center; justify-content:center; gap:12px; }
		ul.slick-dots li { width:40px; height:13px; display:inline-block; transition:all 0.5s; }
			ul.slick-dots li button { width:100%; height:100%; cursor:pointer; border-top:5px solid transparent; border-bottom:5px solid transparent; transition:all 0.2s; position:relative; text-indent:-9999px; opacity:0.5; }
			ul.slick-dots li button:hover { opacity:0.7; }
			ul.slick-dots li.slick-active button { opacity:1; }
				ul.slick-dots li button::after { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#FFF; }
				ul.slick-dots li.slick-active button::after { background-color:var(--color-white); }

.slider-hero-wrap { float:left; width:100%; position:relative; z-index:700; background-color:var(--color-brown); }

.slider-hero { float:left; width:100%; position:relative; background-color:var(--color-black); z-index:700; overflow:hidden; }
	.slider-hero .slick-list { overflow:hidden; }
	
	.slider-hero-item { float:left; width:100%; height:calc(100vh - 60px); min-height:480px; position:relative; overflow:hidden; }
			
		.slider-title-wrap { position:absolute; top:0; left:0; right:0; bottom:0; padding-bottom:100px; color:var(--color-white); z-index:100; display:flex; align-items:end; }
			.slider-title-wrap::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(180deg,rgba(46,31,24,0) 50%,rgba(46,31,24,0.7)); z-index:10; }
			.slider-title-wrap .wrap { display:flex; align-items:center; z-index:100; }
			
			.slider-title { width:50% !important; font-weight:700; color:var(--color-white) !important; }
			.slider-title-cta { width:50%; padding-left:120px; display:flex; align-items:center; gap:120px; }
				.slider-title-cta::before { content:""; float:left; flex:1; height:12px; background:url(../images/line.png) repeat-x 0 0 / auto 100%; }
		
		.hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; transition:all 3s; }
		
		.slider-hero-item a { position:absolute; inset:0; z-index:1000; }
		
		.slider-hero picture { position:absolute; top:0; bottom:0; left:0; right:0; transition:all 3s; background-position:center; background-size:cover; background-repeat:no-repeat; transform-origin:center; transform:scale(1.5); overflow:hidden; }
		.slider-hero .slick-current picture { transform:scale(1); }
		
	.slider-hero .slick-prev { top:auto; bottom:60px; left:auto; right:108px; }
	.slider-hero .slick-next { top:auto; bottom:60px; right:48px; }

.hero-scroll { float:left; display:flex; align-items:center; gap:20px; cursor:pointer; }
	.hero-scroll section { float:left; width:40px; height:40px; position:relative; border-radius:35%; }
	
		.hero-scroll section::before {
			content:"";
			position:absolute;
			inset:0;
			padding:2px;
			border-radius:inherit;
			background:conic-gradient(
			from var(--angle), 
			var(--color-white), 
			rgba(255,255,255,0), 
			var(--color-white));
			-webkit-mask:
			linear-gradient(#000 0 0) content-box,
			linear-gradient(#000 0 0);
			-webkit-mask-composite: xor;
			mask-composite:exclude;
			pointer-events:none;
			transition:all 0.5s;
			animation:spinnn 3s linear infinite;
			mix-blend-mode:color-dodge;
		}
	
		.hero-scroll section::after { content:""; position:absolute; top:calc(50% - 2px); left:18px; width:12px; height:4px; background-color:var(--color-white); border-radius:4px; animation:updown 1s ease-in-out infinite alternate; }
		
		@keyframes updown {
		  0% {
			transform: translateX(0);
		  }
		  100% {
			transform: translateX(-8px);
			opacity:0.2;
		  }
		}
		
		@property --angle {
			syntax: '<angle>';
			initial-value: 0deg;
			inherits: false;
		}

		@keyframes spinnn {
			from {
			--angle: 0deg;
			}
			to {
			--angle: 360deg;
			}
		}
	
	.hero-scroll small { float:left; display:flex; align-items:center; gap:10px; }
		.hero-scroll small i { font-size:24px; }

.hero-logos > ul > li > a::before , .footer-address section a::before , .fixed-buttons > ul > li a::before {
content:"";
position: absolute;
inset: 0;
padding:1px;
border-radius: inherit;
background:linear-gradient(125deg,var(--color-white),rgba(255,255,255,0.0),var(--color-white));
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite:exclude;
pointer-events:none;
opacity:0.7;
transition:all 0.5s;
}

/*	Start WHATSAPP	*/

.connect-whatsapp { position:fixed; bottom:20px; right:20px; z-index:1990; display:block; }
	.connect-whatsapp a { float:left; width:48px; height:48px; border:2px solid #FFF; background:#25CC64 url(../images/icon-whatsapp.png) no-repeat center / 20px; border-radius:50%; overflow:hidden; text-indent:-9999px; }
	.connect-whatsapp a:hover { background-color:#20AC55; }

/*	Start FOOTER	*/

.footer { float:left; width:100%; padding-top:120px; padding-bottom:80px; position:relative; background-color:var(--color-light); color:var(--color-brown); overflow:hidden; }
	.footer::before { content:""; position:absolute; top:100px; bottom:0; left:0; right:22%; background:url(../images/footer-lines.png) no-repeat right top / auto 100%; }
	
	.footer-content { position:relative; display:flex; gap:40px; }
		
		.footer-left { float:left; width:30%; max-width:440px; margin-top:-1px; position:relative; }
			
			.footer-links > ul { width:100%; display:flex; flex-direction:column; flex-flow:row wrap; gap:8px; }
				.footer-links > ul > li { width:100%; }
					.footer-links > ul > li a , .footer-title { float:left; position:relative; font-family:var(--font-secondary); font-size:30px; font-weight:700; letter-spacing:1px; line-height:40px; transition:all 0.5s; }
						.footer-links > ul > li a.highlight::before { top:calc(50% - 7px); left:-36px; right:auto; height:14px; width:40px; transform:rotate(-90deg); }
						.footer-links > ul > li a:hover.highlight::before { transform:rotate(-90deg) scale(1.25); }
		
		.footer-center { float:right; flex:1; position:relative; }
			
			.footer-address { float:left; width:100%; margin-top:-1px; position:relative; font-size:17px; line-height:24px; }
				.footer-address .footer-title { margin-bottom:-3px; }
				.footer-address section { margin-top:24px; }
				
			.footer-social { margin-top:42px; }
			.contact-social { margin-top:22px; }
				.footer-social > ul { display:flex; gap:12px; }
					.footer-social > ul > li a { float:left; padding:9px; border:1px solid var(--color-brown); border-radius:16px; transition:all 0.5s; }
					.footer-social > ul > li a:hover { border-color:var(--color-orange); background-color:var(--color-orange); color:var(--color-white); border-radius:8px; }
						.footer-social > ul > li a i { float:left; font-size:28px; }

		.footer-right { float:right; margin-left:auto; position:relative; }
			
			.footer-logo { float:right; position:relative; }
				.footer-logo > img { float:left; width:140px; }
				
				.footer-wheel { position:absolute; inset:-50px; z-index:100; animation:wheelRotate 24s linear infinite; }
					.footer-wheel img { float:left; width:100%; border-radius:50%; }

					@keyframes wheelRotate {
						from { transform: rotate(0deg); }
						to { transform: rotate(360deg); }
					}

	.copyright { float:left; width:100%; padding-top:77px; padding-bottom:77px; position:relative; z-index:10; display:flex; align-items:center; font-size:13px; line-height:24px; }
		
		.copyright-left , .copyright-right { display:flex; align-items:center; }
		.copyright-right { margin-left:auto; }
		
		.copyright section { float:left; }
			.copyright section > a { float:left; margin-right:40px; }
		.copyright small { float:right; margin-left:auto; }
			.copyright small a img { float:right; height:24px; margin-bottom:2px; margin-top:-2px; margin-left:7px; }

/*	Start CONTENT	*/

.page-title { float:left; width:100%; position:relative; font-family:var(--font-secondary); font-size:70px; color:var(--color-brown); line-height:110%; z-index:10; }
.page-title.top { padding-top:57px; }
.page-title.bottom { padding-bottom:25px; }

.page-title.centered { display:flex; align-items:center; justify-content:center; }
	.page-title-in { width:100%; display:flex; align-items:center; justify-content:center; gap:32px; text-align:center; line-height:120%; }
		.page-title-in::before , .page-title-in::after { width:160px !important; }
		.page-title-in section { flex:1; }
	.page-title-in.left { text-align:left; }
		.page-title-in.left::before { display:none; }

.gradient-text { background:linear-gradient(90deg,var(--color-brown),var(--color-brown)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.gradient-text-light { background:linear-gradient(90deg,var(--color-orange),var(--color-white)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.stroke-text { color:var(--color-white); text-shadow:-1px 0 var(--color-brown),1px 0 var(--color-brown),0 -1px var(--color-brown),0 1px var(--color-brown); }

.small-title { float:left; width:100%; position:relative; font-family:var(--font-secondary); font-size:19px; font-weight:600; letter-spacing:1px; display:flex; align-items:center; gap:20px; z-index:10; }
.small-title.top { margin-top:14px; }
.small-title.bottom { margin-bottom:28px; }
	.small-title strong { float:left; display:flex; align-items:center; font-weight:600; gap:16px; }
	.small-title.light strong { color:var(--color-brown-light); transition:all 0.5s; }
	.small-title.light a:hover strong { color:var(--color-brown); }
		.small-title::before { content:""; float:left; width:24px; aspect-ratio:1/1; background:url(../images/logo.png) no-repeat center / 100% 100%; }
		.small-title::after { content:""; float:left; flex:1; height:2px; background-color:var(--color-brown); opacity:0.06; }
		.small-title.dark::before , .small-title.dark::after { background-color:var(--color-brown); }

.page-text , .page-summary { float:left; width:100%; position:relative; font-size:17px; color:rgba(70,48,38,0.75); line-height:24px; }
.page-text.top { margin-top:15px; }
.page-text.bottom { margin-bottom:44px; }
.page-text.narrow { display:flex; align-items:center; justify-content:center; }
.page-text.narrow .in { width:100%; max-width:920px; }
.page-summary { font-size:36px; font-weight:300; line-height:40px; }
.static-text { font-size:17px; line-height:26px; }

.kd-404 { display:flex; align-items:center; justify-content:center; }
	.kd-404 picture { width:100%; max-width:780px; }

.column-2 { column-count:2; column-gap:40px; }

	.page-text h2 , .page-text h3 , .page-text h4 { margin-bottom:10px; font-weight:600; font-size:36px; line-height:120%; }
	.page-text h3 , .page-text h4 { font-size:28px; }
	
	.page-text p { margin-bottom:20px; }
	.page-text p:last-child { margin-bottom:0; }
	
	.page-text ul , .page-text ol { float:none; padding-bottom:20px; display:table; }
	.page-text ol { padding-left:20px; padding-bottom:20px; display:inline-block; }
		
		.page-text ul li { width:100%; padding-left:20px; margin-bottom:10px; position:relative; }
			.page-text ul li::before { content:""; position:absolute; top:12px; left:0; width:6px; height:6px; background-color:var(--color-brown); 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; }
	
	.page-text table { width:100% !important; border:1px solid var(--color-grey); }
		.page-text table td { padding:14px; border:1px solid var(--color-grey); }

.text-column { column-count:2; column-gap:40px; }

.spacer { height:1px; background-color:rgba(46,31,24,0.07); }
.text-white { color:var(--color-white) !important; }

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

.block-about { display:flex; align-items:center; gap:60px; }
.block-about-title { flex:1; }
.block-about-picture { width:44%; position:relative; }
.block-about-picture > picture { float:left; width:75%; max-width:440px; aspect-ratio:44/54; border-radius:24px; overflow:hidden; }
.block-about-content { width:28%; }

.rotate-left { transform:rotate(-4deg); }
.rotate-right { transform:rotate(4deg); }
.skew-top { transform:skewY(-3deg); }

.animate-1 { animation:floatAnimation 3.5s ease-in-out infinite; }
@keyframes floatAnimation {
    0% { transform: translateY(0); }
    50% { transform: translateY(-24px); }
    100% { transform: translateY(0); }
}

.animate-2 { animation:floatAnimation2 3.5s ease-in-out infinite; }
@keyframes floatAnimation2 {
    0% { transform: translateY(0); }
    50% { transform: translateY(24px); }
    100% { transform: translateY(0); }
}
.animate-1:hover , .animate-2:hover { animation-play-state:paused; }

.working-hours { position:absolute; top:60px; bottom:60px; right:0; width:60%; max-width:360px; padding-top:20px; z-index:100; display:flex; align-items:center; }
	.working-hours .in { position:relative; background-color:rgba(255,255,255,0.75); display:flex; flex-direction:column; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
	.working-hours .in::before , .working-hours .in::after { content:""; position:absolute; top:-5px; left:0; right:0; height:5px; background:url(../images/mask.png) repeat-x 0 0 / auto 100%; opacity:0.75; }
	.working-hours .in::after { top:auto; bottom:-5px; transform:rotateX(-180deg); }
		.working-hours article { display:block; padding-top:24px; text-align:center; font-size:20px; font-weight:700; font-family:var(--font-secondary); }
		.working-hours section { display:block; padding:30px; box-shadow:inset 0 -1px 0 rgba(70,48,38,0.1); }
			.working-hours section p { display:flex; align-items:center; }
				.working-hours section p small {  }
				.working-hours section p span { margin-left:auto; font-weight:600; }
		.working-hours .link-cta { padding:30px; }

.animate-icons { float:left; width:100%; margin-top:50px; position:relative; overflow:hidden; white-space:nowrap; }
	.animate-icons ul { float:none; width:100%; display:block; animation:scroll-left 30s linear infinite; }
	.animate-icons:hover ul { animation-play-state:paused; }
		.animate-icons li { float:none; display:inline-block; padding:0 20px; }
		
		.icon-item { float:left; }
			.icon-item picture { overflow:hidden; }
				.icon-item picture img { float:left; height:100px; }

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.block-products-wrap { padding-top:220px; padding-bottom:120px; position:relative; background-color:var(--color-brown); overflow:hidden; }
	
	.block-products-wrap .hero-video { mix-blend-mode:overlay; }
	
	.block-products { display:flex; flex-direction:column; gap:60px; }
		.block-products-top { display:flex; align-items:center; }
			.block-products-top .left , .block-products-top .right { width:35%; max-width:440px; }
			.block-products-top .right { margin-left:auto; }

.slider-pro-wrap { float:left; width:100%; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; }
	
	.slider-pro { float:left; width:100%; max-width:460px; }
		
		.slider-pro-qr { position:absolute; bottom:0; left:calc(50% - 210px); width:420px; aspect-ratio:1/2; border-radius:24px; background-color:rgba(70,48,38,0.3); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
			.slider-pro-qr .left-actions , .slider-pro-qr .right-actions { position:absolute; top:20%; left:-4px; width:4px; height:80px; border-radius:4px 0 0 4px; background-color:var(--color-white); }
				.slider-pro-qr .left-actions::before { content:""; position:absolute; top:-100%; left:0; width:4px; height:48px; border-radius:4px 0 0 4px; background-color:var(--color-white); }
			.slider-pro-qr .right-actions { top:18%; left:auto; right:-4px; height:72px; border-radius:0 4px 4px 0; }
			
			.slider-pro-qr::before { content:""; position:absolute; inset:0; border-radius:inherit; border:3px solid var(--color-white); }
			.slider-pro-qr picture { float:left; width:100%; margin-top:60px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px; z-index:100; }
				.slider-pro-qr picture img { width:100%; max-width:160px; }
				
				.slider-pro-qr picture::after , 
				.page-title-in::before , 
				.page-title-in::after ,
				.cta-item-title::after { content:""; width:100%; max-width:240px; height:12px; background:url(../images/line.png) repeat-x 0 0 / auto 100%; }
		
		.slider-pro .slick-list , .slider-pro .slick-track { height:100%; }
		.slider-pro-item { float:left; width:100%; height:100%; padding:0 20px; position:relative; }
			
			.slider-pro-item a { float:left; width:100%; height:100%; position:relative; color:var(--color-white); }
			
			.slider-pro-item picture { float:left; width:100%; padding:28px; position:relative; border:2px solid rgba(235,154,50,0.15); border-radius:24px; transition:all 1s; }
			.slider-pro-item.slick-center picture { border:2px solid rgba(235,154,50,0); }
				.slider-pro-item picture figure { float:left; width:100%; aspect-ratio:1/1; position:relative; overflow:hidden; border-radius:12px; }
			
			.slider-pro-item section { float:left; width:100%; padding-left:48px; padding-right:48px; transition:all 1s; opacity:0; display:flex; flex-direction:column; gap:10px; }
			.slider-pro-item.slick-current section { opacity:1; }
				.slider-pro-item section strong { display:block; font-size:26px; font-family:var(--font-secondary); color:var(--color-orange); line-height:30px; }
				.slider-pro-item section article { display:block; height:40px; overflow:hidden; }

.block-gallery { padding-left:66px; padding-right:66px; margin-top:20px; position:relative; z-index:100; }
	.block-gallery > ul { width:100%; display:flex; align-items:center; justify-content:center; flex-flow:row wrap; row-gap:24px; }
		.block-gallery > ul > li { width:13.5%; padding:0 12px; display:flex; align-items:center; }
		.block-gallery > ul > li:nth-child(2) , .block-gallery > ul > li:nth-child(6) { width:17.3%; }
		.block-gallery > ul > li:nth-child(3) { width:21.1%; }
		.block-gallery > ul > li:nth-child(4) { width:14.2%; }
		.block-gallery > ul > li:nth-child(5) { width:16.6%; }

.block-mochamini { position:relative; z-index:1000; }
	.block-mochamini > picture { margin-bottom:-30px; position:relative; display:flex; align-items:center; justify-content:center; z-index:1000; }
		.block-mochamini > picture img { width:100%; max-width:640px; }

.animate-text-out { position:absolute; top:30%; bottom:0; left:0; right:0; overflow:hidden; z-index:999; display:flex; align-items:center; pointer-events:none; }
.footer .animate-text-out { top:auto; bottom:-40px; height:160px; opacity:0.5; }
.animate-text-wrap { transform:translateX(-50%); left:50%; position:absolute; width:100%; }
.animate-text { margin:10px 0; }
.animate-text span { display:inline-block; min-width:auto; }


@keyframes text-scrolling {
  0% { transform: translate3d(-100%, 0, 0); }
  100% { transform: translate3d(0%, 0, 0); }
}

.animate-text { animation:text-scrolling 40s linear infinite; will-change:transform; display:block; position:relative; white-space:nowrap; font-family:var(--font-secondary); font-size:120px; line-height:100%; color:transparent; -webkit-text-stroke:1px var(--color-orange); }
.animate-text.left { animation-direction:reverse !important; -webkit-text-stroke:1px var(--color-brown); }

.gallery-item { aspect-ratio:22/46; position:relative; border-radius:24px; overflow:hidden; }
	.gallery-item picture { float:left; width:100%; height:100%; border-radius:inherit; overflow:hidden; transition:all 1s; }
	.gallery-item picture:hover { border-radius:48px; }

.block-gallery > ul > li:nth-child(2) .gallery-item { aspect-ratio:28/24; }
.block-gallery > ul > li:nth-child(3) .gallery-item { aspect-ratio:1/1; }
.block-gallery > ul > li:nth-child(4) .gallery-item { aspect-ratio:23/30; }
.block-gallery > ul > li:nth-child(5) .gallery-item { aspect-ratio:27/52; }
.block-gallery > ul > li:nth-child(6) .gallery-item { aspect-ratio:1/1; }

.block-benefits { padding:90px 120px 0 120px; margin-bottom:100px; position:relative; background-color:var(--color-brown); color:var(--color-white); border-radius:24px; display:flex; gap:60px; }
	.block-benefits::before { content:""; position:absolute; top:10%; left:14%; right:14%; bottom:0; background:url(../images/logo.png) no-repeat center top / 100% auto; opacity:0.2; mix-blend-mode:overlay; filter:blur(7px); z-index:1; pointer-events:none; }

.benefit-list { width:30%; max-width:300px; position:relative; z-index:100; }
	.benefit-list > ul { width:100%; display:flex; flex-direction:column; row-gap:48px; }

.benefit-item { height:100%; position:relative; display:flex; flex-direction:column; row-gap:24px; text-align:center; }
	.benefit-item picture , .benefit-item strong , .benefit-item article { display:block; }
	.benefit-item picture { margin-bottom:20px; }
		.benefit-item picture img { height:100px; }
	.benefit-item strong { font-family:var(--font-secondary); font-size:20px; color:var(--color-orange); letter-spacing:0.5px; line-height:24px; }
	.benefit-item article { margin-top:auto; }

.item-boxed { padding:38px; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:2px solid var(--color-orange); border-radius:24px; background-color:rgba(70,48,38,0.5); }

.benefit-center { width:40%; max-width:400px; margin-top:30px; margin-left:auto; margin-right:auto; position:relative; }

.wave-spacer { height:12px; background:url(../images/line.png) repeat-x 0 0 / auto 100%; }

.slider-cup-wrap { padding-top:100px; margin-top:100px; margin-bottom:-100px; position:relative; background-color:var(--color-light); border-radius:200px 200px 0 0; }
	.slider-cup { margin-bottom:; position:relative; }
		.slider-cup .slick-list { overflow:hidden; }
		.slider-cup-item { float:left; width:100%; position:relative; }
			.slider-cup-item picture { float:left; width:100%; display:flex; align-items:center; justify-content:center; }
				.slider-cup-item picture img { width:100%; max-width:300px; }
		
		.slider-cup .slick-prev { left:-24px; }
		.slider-cup .slick-next { right:-24px; }

.slider-cup-corner-left , .slider-cup-corner-right { position:absolute; left:-32px; bottom:100px; width:32px; aspect-ratio:1/1; background-color:var(--color-light); pointer-events:none; }
.slider-cup-corner-right { left:auto; right:-32px; }
.slider-cup-corner-left::before , .slider-cup-corner-right::before { content:""; position:absolute; inset:0; background-color:var(--color-brown); border-radius:0 0 32px 0; }
.slider-cup-corner-right::before { border-radius:0 0 0 32px; }

.icon-star { position:absolute; top:-80px; left:0; right:0; height:240px; background:url(../images/star.png) no-repeat center / auto 100%; z-index:1000; pointer-events:none; }

.slider-six , .slider-four , .slider-three { float:left; width:100%; position:relative; }
	.slider-six .slick-list , .slider-four .slick-list , .slider-three .slick-list { overflow:hidden; margin:0 -20px; }
	.slider-six .slick-track , .slider-four .slick-track , .slider-three .slick-track { display:flex !important; }
	.slider-in-item { float:left; width:100%; margin:0 20px; position:relative; overflow:hidden; }
	.block-youtube .slider-six .slider-in-item:nth-child(even) { margin-top:40px; }
	
.slider-six .slick-prev , .slider-four .slick-prev , .slider-three .slick-prev { left:-24px; }
.slider-six .slick-next , .slider-four .slick-next , .slider-three .slick-next { right:-24px; }

.branch-item { height:100%; display:flex; flex-direction:column; gap:11px; transition:all 0.5s; }
	
	.branch-item-photo { display:block; position:relative; }
		.branch-item-photo picture { float:left; width:100%; position:relative; aspect-ratio:1/1; overflow:hidden; }
		.blog-item-photo picture { aspect-ratio:5/3; border-radius:16px; }
			.branch-item-photo picture img , .youtube-item picture img , .gallery-item picture img , .block-video picture img { transform-origin:center; transition:all 2s; }
			.branch-item:hover .branch-item-photo picture img , .youtube-item:hover picture img , .gallery-item:hover picture img , .block-video picture:hover img { transform:scale(1.25,1.25); }
		
		.branch-item-photo .mask-top { height:6px; }
		.branch-item-photo .mask { height:3px; }
		
		.branch-item-logo { position:absolute; right:30px; bottom:-40px; padding:13px; background:url(../images/cycle-light.png) no-repeat center / 100% 100%; z-index:1000; }
			.branch-item-logo img { width:54px; }
	
	.branch-item-title { display:block; margin-top:14px; font-size:19px; font-weight:600; line-height:24px; }
	.branch-item-info { display:block; margin-bottom:13px; font-size:13px; color:rgba(70,48,38,0.7); }
		.branch-item-info small { display:block; }
	.branch-item-cta { display:block; margin-top:auto; font-family:var(--font-secondary); letter-spacing:0.5px; }
		.branch-item-cta > ul { width:100%; display:flex; flex-flow:row wrap; row-gap:12px; }
			.branch-item-cta > ul > li { width:calc(50% - 6px); }
			.branch-item-cta > ul > li:nth-child(even) { margin-left:auto; }
				.branch-item-cta > ul > li a , .branch-item-cta > ul > li span { float:left; width:100%; padding:9px; border:1px solid rgba(70,48,38,0.15); border-radius:20px; display:flex; align-items:center; transition:all 0.5s; }
				.branch-item-cta > ul > li a:hover , .branch-item:hover .branch-item-cta > ul > li span { border-color:var(--color-brown); color:var(--color-brown); background-color:var(--color-white); border-radius:8px; }
					.branch-item-cta > ul > li small , .youtube-item section small { padding-left:10px; flex:1; }
					.branch-item-cta > ul > li i , .youtube-item section i { font-size:20px; }

.block-youtube { position:relative; background:url(../images/bg-youtube.jpg) no-repeat center / cover; }
.block-youtube::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(46,31,24,0.0),var(--color-dark)); }

.bg-fixed { background-attachment:fixed; }

.youtube-item , .block-app { position:relative; }
	.youtube-item picture { float:left; width:100%; aspect-ratio:9/16; position:relative; border-radius:24px; overflow:hidden; transition:all 1s; }
	.youtube-item picture:hover { border-radius:48px; }
	.youtube-item section { position:absolute; left:20px; bottom:20px; right:20px; z-index:100; border:1px solid var(--color-white); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-radius:20px; padding:9px; display:flex; align-items:center; font-family:var(--font-secondary); color:var(--color-white); letter-spacing:0.5px; transition:all 0.5s; }
	.youtube-item:hover section { background-color:var(--color-red); border-radius:10px; }

.block-cta { z-index:100; }
.block-cta.space { margin-top:70px; }
	.block-cta > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; row-gap:40px; }
	.branch-contact > ul { width:calc(100% + 24px); margin-left:-12px; row-gap:24px !important; }
		.block-cta > ul > li { flex:1; flex-basis:25%; padding:0 20px; }
		.branch-contact > ul > li { flex-basis:50%; padding:0 12px; }

.cta-item { height:100%; padding:40px; position:relative; display:flex; flex-direction:column; gap:27px; border-radius:24px; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.cta-item.high { padding-top:80px; padding-bottom:80px; }
	.cta-item::before { content:""; position:absolute; inset:0; border-radius:inherit; border:2px solid var(--color-brown-light); pointer-events:none; transition:all 0.5s; }
	.cta-item:hover::before { border-color:var(--color-brown); }
	.cta-item-icon { margin-top:-110px; position:relative; display:flex; justify-content:center; align-items:center; z-index:10; }
		.cta-item-icon picture { width:140px; position:relative; aspect-ratio:1/1; background:url(../images/bg-cta.png) no-repeat center / 100% 100%; display:flex; justify-content:center; align-items:center; }
			.cta-item-icon picture img { height:72px; }
			.cta-item-icon picture::before , .cta-item-icon picture::after { content:""; position:absolute; top:calc(50% - 2px); left:-140px; width:140px; height:4px; background:linear-gradient(90deg,rgba(255,255,255,0.0),var(--color-white) 80%); }
			.cta-item-icon picture::after { left:auto; right:-140px; transform:rotateY(-180deg); }
	
	.cta-item-title { font-size:24px; font-weight:700; font-family:var(--font-secondary); color:var(--color-brown); letter-spacing:0.5px; line-height:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:24px; }
	.branch-contact .cta-item-title { font-size:17px; font-weight:500; font-family:var(--font-primary); letter-spacing:0; line-height:24px; }
	.cta-item-title.reverse { flex-direction:column-reverse; }
	.cta-item-text { color:var(--color-brown); }
		.cta-item-text section { width:100%; display:flex; align-items:center; justify-content:center; gap:12px; }
			.cta-item-text section i { margin:-4px 0; font-size:28px; }
	.cta-item .link-cta { margin-top:auto; }

.block-app { padding-top:80px; padding-bottom:80px; }
.block-app::before { content:""; position:absolute; inset:0; background-color:rgba(46,31,24,0.2); z-index:1; }

.app-dk { position:relative; display:flex; flex-direction:column; gap:16px; z-index:100; }
	.app-dk > picture { display:block; margin-bottom:24px; }
		.app-dk > picture img { height:140px; }
	.app-dk .block-flexed { align-items:center; }
	
	.app-cta { float:right; width:auto; margin-left:auto; justify-content:right !important; gap:30px; }
		.app-cta a { width:200px; background-color:var(--color-white) !important; }
		.product-app-cta a { width:calc(50% - 15px); }
		.app-cta a:hover { opacity:0.7; }
			.app-cta a img { height:50px; margin:-5px auto; }

.fw-800 { font-weight:800 !important; }
.fw-700 { font-weight:700 !important; }
.fw-600 { font-weight:600 !important; }
.fw-500 { font-weight:500 !important; }
.fw-400 { font-weight:400 !important; }
.fw-300 { font-weight:300 !important; }

.block-flexed { float:left; width:100%; position:relative; display:flex; }
.align-center { align-items:center; }

	.flex-left { float:left; width:calc(50% - 80px); position:relative; }
	.flex-right { float:right; width:50%; margin-left:auto; position:relative; display:flex; align-items:center; gap:60px; }
		.flex-right-text { flex:1; }
		.flex-right-cta { float:right; }
			.flex-right-icon { float:left; width:150px; aspect-ratio:1/1; border-radius:50%; overflow:hidden; }

	.block-flexed.narrow .flex-left { width:400px; }
	.block-flexed.narrow .flex-right { flex:1; width:auto; }
	
	.flex-cta { float:left; width:100%; display:flex; align-items:center; gap:40px; }
			.flex-cta::before { content:""; float:left; flex:1; height:2px; background-color:var(--color-brown); opacity:0.06; }
			.flex-white .flex-cta::before { background-color:var(--color-white); opacity:0.1; }
			.flex-cta .link-cta { float:right; width:auto; margin-left:auto; }
			.flex-cta-icon { float:right; width:100px; padding:10px; margin-left:auto; background-color:rgba(0,33,105,0.07); border-radius:50%; }
				.flex-cta-icon picture { float:left; margin-left:auto; aspect-ratio:1/1; overflow:hidden; }
					.flex-cta-icon picture img { width:100%; height:100%; object-fit:cover; }
		.flex-photo { float:left; width:100%; aspect-ratio:5/3; border-radius:24px; overflow:hidden; }
			.flex-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }

.gallery { float:left; width:100%; position:relative; z-index:100; overflow:hidden; }
	.gallery > ul { width:calc(100% + 16px); margin-left:-8px; display:flex; flex-flow:row wrap; row-gap:16px; }
		.gallery > ul > li { width:25%; padding:0 8px; position:relative; }
		.gallery-3 > ul > li { width:33.33334%; }
			.gallery > ul > li a { float:left; width:100%; position:relative; overflow:hidden; transition:all 1s; border-radius:24px; }
			.gallery > ul > li a:hover { border-radius:48px; }
				.gallery > ul > li a::before { content:""; position:absolute; inset:0; background-color:var(--color-dark); z-index:5; transition:all 0.5s; opacity:0; }
				.gallery > ul > li a:hover::before { opacity:0.5; }
				.gallery > ul > li a::after { 
					content:""; 
					position:absolute; 
					top:0;
					bottom:0;					
					left:0;
					right:0;
					background:url(../images/icon-zoom.png) no-repeat center / 40px;
					transition:all 0.3s;
					opacity:0;
					z-index:10;
					}
				.gallery > ul > li a:hover::after { opacity:1; }
				.gallery > ul > li a picture { float:left; width:100%; aspect-ratio:4/3; transition:all 1.5s; overflow:hidden; }
				.gallery > ul > li a img { width:100%; height:100%; object-fit:cover; object-position:center; }
				.gallery > ul > li a:hover picture { transform:scale(1.2,1.2); }

.inner-12 { margin:0 -12px; }

.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; }

.line-bottom , .line-center { position:relative; }
.line-bottom::before , .line-center::before { content:""; position:absolute; inset:0; background:url(../images/line-bottom.png) no-repeat center bottom / 100% auto; z-index:100; pointer-events:none; mix-blend-mode:overlay; opacity:0.4; }
.line-center::before { background-image:url(../images/line-center.png); background-position:center; }

.block-dark { position:relative; background-color:var(--color-brown); background-position:center; background-repeat:no-repeat; background-size:cover; color:var(--color-white); }
.block-dark::before { content:""; position:absolute; inset:0; background-color:var(--color-brown); opacity:0.35; z-index:1; mix-blend-mode:multiply; }
.block-white { background-color:var(--color-white); }

.link-cta { float:left; width:100%; position:relative; display:flex; justify-content:center; font-family:var(--font-secondary); font-size:19px; font-weight:700; letter-spacing:0.5px; }
.link-cta.al { justify-content:left; }
	.link-cta a { min-width:200px; padding:10px; border-radius:24px; transition:all 0.5s; display:flex; align-items:center; background-color:var(--color-white); white-space:nowrap; }
	.link-cta.light a { background-color:var(--color-light); }
	.link-cta.orange a { background-color:var(--color-orange); color:var(--color-white); }
	.link-cta.red a { background-color:var(--color-red); color:var(--color-white); }
	.link-cta a:hover { background-color:var(--color-brown); color:var(--color-white); border-radius:12px; }
		.link-cta a small { float:left; padding-left:16px; padding-right:24px; }
		.link-cta a i { float:right; margin-left:auto; margin-right:5px; font-size:28px; transition:all 0.5s; }

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

.sub-hero-wrap { float:left; width:100%; min-height:300px; position:relative; z-index:700; background:var(--color-brown-light) url(../images/bg-sub-hero.png) no-repeat center / cover; }
	.sub-hero-photo { float:right; width:50%; position:relative; }
		.sub-hero-photo picture { float:left; width:100%; aspect-ratio:16/9; overflow:hidden; }
	.sub-hero-title { position:absolute; inset:104px 0 0 0; z-index:100; display:flex; align-items:center; }
		.sub-hero-title .page-title { width:calc(50% - 240px); }
	
	.sub-hero-video { position:absolute; top:60px; bottom:-40px; left:calc(50% - 180px); width:360px; z-index:800 !important; border-radius:180px; }
		.sub-hero-video::before , .sub-hero-video::after , .card-item-photo picture::after { content:""; position:absolute; inset:0; border-radius:inherit; border:2px solid var(--color-white); z-index:100; mix-blend-mode:overlay; }
		.sub-hero-video::after { inset:-20px; border-radius:200px; border:2px solid var(--color-brown); opacity:0.2; }
		
		.video-in { position:absolute; inset:0; border-radius:inherit; overflow:hidden; }
		.video-wheel { position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:100px; aspect-ratio:1/1; mix-blend-mode:plus-lighter; border:1px solid rgba(235,154,50,0.5); border-radius:50%; }

.blur { -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }

.our-values { position:relative; z-index:110; }
	.our-values > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; justify-content:center; flex-flow:row wrap; row-gap:40px; }
		.our-values > ul > li { flex:1; flex-basis:20%; max-width:280px; padding:0 20px; }

.value-item { position:relative; aspect-ratio:1/1; display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center; gap:20px; border-radius:50%; }
	
	.value-item::before { content:""; position:absolute; inset:50%; border-radius:inherit; pointer-events:none; background-color:var(--color-white); transition:all 0.5s; opacity:0; z-index:-1; }
	.value-item:hover::before { inset:12px; opacity:0.5; }
	
	.value-item::after { content:""; position:absolute; inset:0; pointer-events:none; background:url(../images/cycle-stroke.png) no-repeat center / cover; transform:rotate(0deg); transition:transform 0.3s ease; }
	.value-item:hover::after { animation:strokeAnimate 12s linear infinite; }
	
	@keyframes strokeAnimate {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(360deg);
	  }
	}
	
	.value-item .wave-spacer { width:70%; max-width:120px; }
	.value-item > picture { width:100%; margin-top:-8px; }
		.value-item > picture img { height:64px; }
	.value-item > strong { width:100%; max-width:170px; font-weight:600; font-size:17px; color:var(--color-brown); }

.cards-left { float:left; width:calc(50% - 80px); height:80vh; padding-top:40px; padding-bottom:40px; position:relative; display:flex; align-items:center; }
.cards-right { float:right; width:calc(50% - 80px); margin-left:auto; position:relative; }

.pro-nav { margin-bottom:48px; position:relative; }
	.pro-nav > ul { width:100%; display:flex; align-items:center; justify-content:center; gap:60px; }
		.pro-nav > ul > li a { float:left; padding:5px 0; position:relative; font-family:var(--font-secondary); font-size:30px; font-weight:700; color:var(--color-brown); line-height:100%; transition:all 0.5s; }
		.pro-nav > ul > li a.active { color:var(--color-orange); }
			
			.pro-nav > ul > li a::after , .pro-nav > ul > li a.active::after { content:""; position:absolute; bottom:0; left:0; right:100%; height:6px; background:url(../images/line.png) repeat-x 0 0 / auto 100%; transition:all 0.5s; filter:grayscale(1) sepia(1) hue-rotate(345deg) saturate(4) brightness(0.2); opacity:0; }
			.pro-nav > ul > li a:hover::after , .pro-nav > ul > li a.active::after { right:0; opacity:1; }
			
			
			.pro-nav > ul > li a.active::after { background-position:center; filter:none; }
			
			.pro-nav > ul > li a i { position:absolute; top:-7px; right:-30px; width:24px; height:24px; font-size:13px; line-height:100%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(70,48,38,0.5); border-radius:32%; transition:all 0.5s; }
			.pro-nav > ul > li a:hover i { border-color:var(--color-brown); background-color:var(--color-brown); color:var(--color-white); }
			.pro-nav > ul > li a.active i { background-color:var(--color-orange); color:var(--color-white); border-color:transparent; }

.menu-list { position:relative; z-index:100; }
.blog-list { margin-bottom:20px; }
	.menu-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; row-gap:80px; }
		.menu-list > ul > li { width:25%; padding:0 20px; }
		.blog-list > ul > li { width:33.33334%; }

.product-item { height:100%; padding:20px; position:relative; border-radius:24px; background-color:rgba(70,48,38,0.04); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--color-brown); transition:all 0.5s; text-align:center; }
.product-item:hover { background-color:var(--color-brown); color:var(--color-white); }
	.product-item-photo { position:relative; border-radius:12px; background-color:rgba(255,255,255,0.5); transition:all 0.5s; overflow:hidden; }
	.product-item:hover .product-item-photo { background-color:var(--color-white); border-radius:25%; }
		.product-item-photo picture { float:left; width:100%; position:relative; aspect-ratio:1/1; overflow:hidden; }
			
			.product-item-photo picture::after , .product-photo picture::after { content:""; position:absolute; bottom:20px; left:12%; right:12%; height:6px; border-radius:50%; background:radial-gradient(ellipse at center, var(--color-brown) 0%, rgba(70,48,38,0) 75%); filter:blur(5px); pointer-events:none; opacity:0.4; }
			.product-photo picture::after { opacity:0.8; }
			
			.product-item-photo picture img { transform-origin:center; transition:all 1s; }
			.product-item:hover .product-item-photo picture img { transform:scale(0.8,0.8); }
	.product-item .wave-spacer { width:160px; margin-top:30px; }
	.product-item:hover .wave-spacer { animation:waveMove 3s linear infinite; }
	.product-item-title { padding-top:24px; padding-bottom:16px; margin-top:auto; font-family:var(--font-secondary); font-size:30px; font-weight:700; line-height:100%; }
	
	.product-item .animate-text-out { top:4%; opacity:0; transition:all 1s; transform-origin:center; transform:scale(0.4,0.4); mix-blend-mode:multiply; }
	.product-item:hover .animate-text-out { opacity:0.75; transform:scale(1,1) skewY(-6deg); }
	.product-item .animate-text { animation:text-scrolling 16s linear infinite; font-size:80px; }

@keyframes waveMove {
  from { background-position:0 0; }
  to   { background-position:86px 0; }
}

@keyframes maskMove {
  from { background-position:0 0; }
  to   { background-position:120px 0; }
}

.product-hero { position:relative; }
	.product-left , .product-right { float:left; width:50%; padding:80px; padding-top:180px; position:relative; z-index:100; }
	.product-left { height:100vh; background:var(--color-brown-light) url(../images/bg-sub-hero.png) no-repeat left center / cover; display:flex; align-items:center; justify-content:center; }
		.product-photo { float:left; height:100%; max-height:600px; aspect-ratio:1/1; position:relative; /* border:2px solid rgba(255,255,255,0.1); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); */ border-radius:24px; z-index:100; }
			.product-photo picture { float:left; width:100%; position:relative; aspect-ratio:1/1; overflow:hidden; }
	.product-right { float:right; min-height:100vh; position:relative; z-index:100; display:flex; align-items:center; flex-direction:column; justify-content:center; }

.page-search { margin-bottom:48px; position:relative; display:flex; justify-content:center; }
	.page-search > section { float:left; width:100%; max-width:840px; position:relative; }
		.page-search > section .input { padding-left:20px; padding-right:120px; border-radius:25px; }
		.page-search > section .input:focus { border-radius:16px; }
		.page-search > section button { position:absolute; top:5px; right:5px; padding:0 20px 0 10px; display:flex; align-items:center; color:var(--color-white); background-color:var(--color-brown); border-radius:20px; transition:all 0.5s; }
		.page-search > section button:hover { background-color:var(--color-orange); }
			.page-search > section button i { float:left; width:40px; font-size:24px; line-height:40px; }

.scene { position:absolute; top:0; bottom:0; left:0; right:0; display:flex; text-align:center; opacity:0.4; mix-blend-mode:multiply; z-index:1; pointer-events:none; }
.scene img { float:left; width:100%; }

.slider-wide { overflow:hidden; border-radius:24px; }
	.slider-wide-item { float:left; width:100%; position:relative; }
		.slider-wide-item picture { float:left; width:100%; max-height:480px; aspect-ratio:4/3; overflow:hidden; }

.block-video { position:relative; border-radius:16px; overflow:hidden; /* box-shadow:0 5px 25px rgba(70,48,38,0.1); */ z-index:200; }
	.block-video > iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
	.block-video picture { float:left; width:100%; aspect-ratio:3/2; background-color:rgba(70,48,38,0.06); overflow:hidden; }
		.block-video picture a { position:absolute; inset:0; z-index:10; display:flex; align-items:center; justify-content:center; transition:all 0.5s; }
			.block-video picture a::before , .block-video picture a::after { content:""; position:absolute; width:50%; aspect-ratio:1/1; background-color:var(--color-white); border-radius:50%; opacity:0.2; transition:all 1s; }
			.block-video picture a::after { transform:scale(0.6); }
			.block-video picture a:hover::before { transform:scale(1.6); }
			.block-video picture a:hover::after { transform:scale(0.8); }
			.block-video picture a i { display:inline-block; padding:24px; font-size:40px; background-color:rgba(255,255,255,0.3); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:50%; border:1px solid var(--color-white); z-index:10; transition:all 0.5s; }
			.block-video picture a:hover i { background-color:var(--color-orange); color:var(--color-white); }

.sidebar { float:left; width:320px; position:relative; background-color:var(--color-white); z-index:200; }
	
	.sidebar .mask , .sidebar .mask-top { height:4px; }
	
	.sidebar > ul { width:100%; padding:32px; display:flex; flex-direction:column; gap:6px; }
		.sidebar > ul > li { width:100%; }
			.sidebar > ul > li a { float:left; width:100%; padding:5px 20px 5px 0; font-family:var(--font-secondary); font-size:20px; font-weight:700; letter-spacing:0.5px; transition:all 0.5s; box-shadow:inset -3px 0 0 rgba(70,48,38,0.15); display:flex; align-items:center; gap:12px; }
			.sidebar > ul > li a:hover { color:var(--color-brown); box-shadow:inset -3px 0 0 var(--color-brown); }
			.sidebar > ul > li a.active { color:var(--color-orange); box-shadow:inset -3px 0 0 var(--color-orange); }
				.sidebar > ul > li a i { font-size:28px; }

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

.branch-section { margin-top:100px; position:relative; }
.right-block .branch-section:first-child { margin-top:0; }

.article-wrap { float:left; width:100%; position:relative; }

	.article-top { float:left; width:100%; position:relative; display:flex; }
		
		.article-info { float:left; width:25%; min-width:240px; padding:25px 0; position:relative; box-shadow:inset 0 1px 0 rgba(70,48,38,0.1); display:flex; flex-direction:column; gap:20px; }
		.article-content { float:right; flex:1; margin-left:60px; position:relative; }
			
			.article-content .page-title { font-family:var(--font-primary); letter-spacing:-0.5px; }

			.article-date { float:left; position:relative; color:var(--color-brown); }
				.article-date small { color:var(--color-brown-light); }

			.page-share { float:left; width:100%; position:relative; }
				.page-share > ul { display:flex; flex-flow:row wrap; gap:12px; }
					.page-share > ul > li a { float:left; padding:8px; transition:all 0.5s; text-align:center; color:var(--color-brown-light); }
					.page-share > ul > li a:hover { color:var(--color-brown); background-color:var(--color-white); border-radius:33%; }
						.page-share > ul > li a i { float:left; font-size:24px; }
		
		.article-photo { float:left; width:100%; position:relative; }
			.article-photo picture { float:left; width:100%; max-height:540px; position:relative; aspect-ratio:5/3; overflow:hidden; border-radius:24px; }


.search-results > ul { width:100%; display:flex; flex-direction:column; gap:20px; }
	.search-results > ul > li { width:100%; }

.search-item { padding:24px; border:1px solid rgba(70,48,38,0.3); border-radius:24px; color:var(--color-brown); display:flex; gap:32px; transition:all 0.5s; }
.search-item:hover { border-color:var(--color-brown); color:var(--color-dark); background-color:rgba(255,255,255,0.3); }
	.search-item-icon { padding:10px; color:var(--color-brown-light); background-color:var(--color-white); display:flex; align-items:center; border-radius:8px; }
		.search-item-icon i { font-size:32px; }
	.search-item section { flex:1; padding-top:14px; padding-bottom:10px; display:flex; flex-direction:column; gap:12px; transition:all 0.5s; }
		.search-item small , .search-item h3 , .search-item p { display:block; }
		.search-item h3 { margin-top:4px; }
			.search-item small span { display:inline-block; padding:4px 12px; font-family:var(--font-secondary); font-size:16px; letter-spacing:1px; color:var(--color-white); background-color:var(--color-brown-light); border-radius:8px; }

.masonry-container { float:left; width:calc(100% + 24px); margin-left:-12px; }
	.item { float:left; width:33.33334%; padding:0 12px; margin-bottom:24px; }
	.photo-item { float:left; width:100%; transition:all 0.25s; }
		.photo-item a { float:left; width:100%; position:relative; }
			.photo-item a picture { float:left; width:100%; position:relative; overflow:hidden; border-radius:8px; transition:all 0.5s; }
			.photo-item a:hover picture { border-radius:16px; }
				
				.photo-item a picture img { float:left; width:100%; transform-origin:center; transition:all 1.5s; }
				.photo-item a:hover picture img { transform:scale(1.2); }


/*	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:30px !important; border-radius:0; }
	
	.my-fancy-wrap { width:100%; max-width:800px; max-height:600px; overflow:hidden; overflow-y:auto; }
		.my-fancy-wrap::-webkit-scrollbar { width:5px; }
		.my-fancy-wrap::-webkit-scrollbar-track { background:#EEE; }
		.my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; }
		.my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; }

.fancy-title { float:left; width:100%; margin-bottom:25px; position:relative; font-weight:500; font-size:17px; color:var(--color-brown); }

.fancy-form { float:left; width:100%; }
	.fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; }
	.fancy-form .item:last-child { margin-bottom:0; }
	.fancy-form .item-2 { width:calc(50% - 10px); }
		.fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid #999; border-radius:4px; font-weight:600; }
		.fancy-form .item a { font-weight:600; text-decoration:underline; }


/*	Start CONTACT	*/
	
.accordion { float:left; width:100%; }
	
	.accordion-section-title { float:left; width:100%; padding:19px 24px; padding-right:54px; margin-bottom:20px; position:relative; font-size:20px; font-weight:500; line-height:24px; z-index:10; border:1px solid rgba(70,48,38,0.1); border-radius:16px; }
	.accordion-section-title:hover , .accordion-section-title.active { color:var(--color-brown); }
	.accordion-section-title.active { color:var(--color-orange); background-color:var(--color-white); border-color:var(--color-orange); }
		.accordion-section-title::after { content:""; position:absolute; top:0; bottom:0; right:20px; width:18px; background:url(../images/arrow-down.png) no-repeat center / 100% auto; transition:all 0.3s; opacity:0.3; }
		.accordion-section-title.active::after { transform:rotate(180deg); opacity:1; }

	.accordion-section-content { float:left; width:100%; padding:0 24px; margin-bottom:30px; position:relative; display:none; }

.contact-map { float:left; width:100%; height:calc(100% - 96px); padding:8px; margin:48px 0; position:relative; border-radius:16px; overflow:hidden; background-color:var(--color-white); }
.branch-map { height:auto; max-height:540px; margin:0; aspect-ratio:5/3; }
	.contact-map iframe { border-radius:8px; }

.contact-form { float:left; width:100%; position:relative; }
	
	.form-item { float:left; width:50%; padding:0 12px; margin-bottom:24px; position:relative; }
	.form-item:last-child { margin-bottom:0; }
		.form-item:has(input.input)::after , .form-item:has(select.input)::after , .form-item:has(textarea.input)::after { content:""; position:absolute; left:16px; bottom:-2px; right:16px; height:5px; background:url(../images/line.png) repeat-x center / auto 100%; border-radius:0 0 24px 24px; pointer-events:none; }
		.form-item label a { font-weight:600; text-decoration:underline; }
	
	.upload { float:left; width:100%; height:48px; position:relative; text-align:center; }

		.upload span {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			color:var(--color-white);
			font-weight:500;
			font-size:16px;
			line-height:50px;
			z-index:2;
			background-color:var(--color-grey);
			border-radius:24px;
		}
		.upload:hover span { background-color:var(--color-brown); }

		.upload input {
			display:block !important;
			width:100% !important;
			height:100% !important;
			opacity:0 !important;
			overflow:hidden !important;
			position:absolute;
			left:0;
			top:0;
			z-index:3;
			cursor:pointer;
		}
		
/*	Start PAGINATION	*/

.fs-50 { font-size:50px; }
.fs-40 { font-size:40px; }
.fs-30 { font-size:30px; line-height:110%; }
.fs-24 { font-size:24px; line-height:110%; }
.fs-15 { font-size:15px; }

.pages { float:left; width:100%; margin-top:40px; position:relative; text-align:center; }
	.pages > ul { width:100%; display:flex; justify-content:center; flex-flow:row wrap; gap:12px; }
		.pages > ul > li a { float:left; width:48px; height:48px; line-height:48px; transition:all 0.5s; }
			.pages > ul > li a:hover { background-color:var(--color-white); border-radius:33%; }
			.pages > ul > li a.current { color:var(--color-white); background-color:var(--color-brown); border-radius:33%; }


/*	Start REVEAL	*/
	
.reveal { position:relative; transform:translateY(100px) scale(0.8); opacity:0; transition:1.3s all ease; }
.reveal.active { transform:translateY(0) scale(1); opacity:1; transition:scale(1); }

.reveal-left { transform:translateX(-240px); }
.reveal-left.active { transform:translateX(0); }
.reveal-right { transform:translateX(240px); }
.reveal-right.active { transform:translateX(0); }

.reveal-up { opacity:0; transform:translateY(100px) scale(0.8); animation:revealUp 1.3s forwards; z-index:100; }
.delay { animation-delay:0.3s; }
.delay-2 { animation-delay:0.6s; }

@keyframes revealUp {
  0% {
    opacity: 0;
    transform: translateY(100px) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.section-title { position:absolute; bottom:-54px; left:0; right:0; z-index:100; pointer-events:none; overflow:hidden; mix-blend-mode:difference; opacity:0.05; }
.block-light .section-title { mix-blend-mode:overlay; opacity:0.3; color:var(--color-white); }
.fit-text-wrap { padding-left:40px; padding-right:40px; }
.fit-text { white-space:nowrap; display:inline-block; font-family:var(--font-secondary); font-weight:300; font-size:10vw; line-height:90% !important; }

.hidden { overflow:hidden; }
.zi-500 { z-index:500; }




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

body { overflow-x:hidden; }

.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; }

.block-gallery { padding-left:20px; padding-right:20px; }
.block-benefits { padding:60px 80px 0 80px; }

.page-title { font-size:60px; }
.fs-40 { font-size:36px; }

.product-left , .product-right { padding:60px; padding-top:160px; }

.cards-right { width:50%; }

}


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

.wrap , .wrap-slim { padding-left:40px; padding-right:40px; }

#logo { margin-left:40px; }
#nav > ul { gap:16px; }

.page-title { font-size:50px; }
.fs-40 { font-size:30px; }
.block-products-top .left , .block-products-top .right { max-width:360px; }

.animate-text { font-size:90px; }
.block-mochamini > picture img { max-width:480px; }

.footer { padding-top:80px; padding-bottom:50px; }
.footer .animate-text-out { bottom:-48px; }

.working-hours section , .working-hours .link-cta { padding:24px; }
.working-hours section { font-size:13px; }

.flex-left { width:calc(50% - 48px); }
.flex-right { gap:40px; }

.pro-nav > ul { gap:48px; }
.pro-nav > ul > li a { font-size:24px; }

.menu-list > ul { width:calc(100% + 24px); margin-left:-12px; row-gap:40px; }
.menu-list > ul > li { padding:0 12px; }

.product-item-title { padding-top:20px; padding-bottom:6px; font-size:24px; }
.product-item .wave-spacer { width:120px; height:8px; margin-top:24px; }

.cta-item { padding:30px; } 
.cta-item-icon { margin-top:-70px; }
.cta-item-icon picture { width:80px; }
.cta-item-icon picture img { height:48px; }
.cta-item-icon picture::before { top:calc(50% - 2px); left:-80px; width:80px; }
.cta-item-icon picture::after { width:80px; right:-80px; }

.article-content { margin-left:40px; }

.sidebar { width:300px; }
.right-block { width:calc(100% - 340px); }

.cards-left { width:calc(50% - 40px); }

}


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

.wrap , .wrap-slim { padding-left:30px; padding-right:30px; }

.header { top:20px; left:20px; right:20px; }
.nav-menu-cover { position:absolute; top:-20px; left:-20px; right:-20px; }

#logo a::before { inset:-12px; }
#logo::after { width:88px; height:40px; background-size:100% auto; background-position:center; }
#nav > ul { gap:8px; }
#nav > ul > li > a { padding:0 8px; font-size:15px; }
.header-right { gap:20px; font-size:13px; }
.header-search-icon { width:70px; }
.header-store a { padding:10px 14px; }

.nav-menu { padding:10px 20px; }
.nav-menu-links { padding-bottom:40px; }
.nav-menu-links > a { font-size:30px; line-height:48px; }
.nav-menu-in { padding-top:20px; padding-left:80px; padding-right:40px; }
.nav-menu-photo picture { bottom:-32px; }

.slider-title-cta { padding-left:20px; gap:60px; }

.block-products-wrap { padding-top:160px; padding-bottom:80px; }
.slider-pro { max-width:400px; }
.slider-pro-item section { padding-left:32px; padding-right:32px; }
.slider-pro-qr { left:calc(50% - 180px); width:360px; }
.slider-pro-qr picture { margin-top:40px; gap:30px; }

.block-benefits { padding:60px 40px 0 40px; }

.mask , .mask-top { height:7px; }
.nav-menu-cover .mask-top { bottom:-7px; }

.slider-six .slick-list , .slider-four .slick-list , .slider-three .slick-list { margin:0 -12px; }
.slider-in-item { margin:0 12px; }
.block-youtube .slider-six .slider-in-item:nth-child(even) { margin-top:24px; }

.block-about { margin-top:0; margin-bottom:0; flex-direction:column; gap:32px; }
.block-about-title , .block-about-content { width:100%; text-align:center; }
.block-about-picture { width:100%; max-width:720px; }
.block-about-picture > picture { aspect-ratio:1/1; }
.block-about-content .page-text { text-align:center; }

.page-title { font-size:50px; }
.page-text.bottom { margin-bottom:34px; }
.page-title-in { gap:20px; }

.fs-50 { font-size:40px; }
.fs-40 { font-size:30px; }
.fs-30 { font-size:24px; }
.fs-24 { font-size:20px; }

.flex-left { width:calc(50% - 30px); }
.flex-right { gap:24px; }

.block-products { gap:0; }
.block-products-top .left , .block-products-top .right { max-width:280px; }

.block-cta.space { margin-top:50px; }
.block-cta > ul { width:calc(100% + 24px); margin-left:-12px; row-gap:60px; }
.block-cta > ul > li { padding:0 12px; }

.benefit-list > ul { row-gap:32px; }

.block-app { padding-top:48px; padding-bottom:48px; }
.app-dk > picture img { height:96px; }

.sub-hero-wrap { min-height:240px; }

.menu-list > ul > li { width:33.33334%; }

.page-search { margin-top:-20px; margin-bottom:24px; }

.our-values > ul { width:calc(100% + 24px); margin-left:-12px; row-gap:24px; }
.our-values > ul > li { padding:0 12px; }
.value-item { gap:10px; }
.value-item > picture img { height:48px; }
.value-item .wave-spacer { max-width:80px; height:8px; }
.value-item > strong { max-width:150px; font-size:15px; line-height:18px; }

.col-2 > ul { row-gap:24px; }
.col-2 > ul > li , .concept-list > ul > li { width:50%; }

.item-boxed { padding:24px; }

.product-left , .product-right { padding:40px; padding-top:130px; }
.product-photo { max-height:480px; }

.article-content { margin-left:30px; }

.gallery > ul > li { width:33.33334%; }

.sidebar { width:280px; }
.sidebar > ul { padding:24px; }
.right-block { width:calc(100% - 310px); }
.branch-section { margin-top:60px; }

.cards-left { width:calc(50% - 30px); }
.column-2 { column-gap:30px; }

}


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

*::-webkit-scrollbar { display:none; }
* { scrollbar-width:none; -ms-overflow-style:none; }

.wrap , .wrap-slim { float:left; }
.reveal { transform:initial; opacity:1 !important; }

.header { top:10px; left:10px; right:10px; }
.header::after { content:""; position:absolute; inset:-10px; background:linear-gradient(180deg,var(--color-dark) 25%,rgba(46,31,24,0)); pointer-events:none; opacity:0; transition:all 0.5s; }
.nav-up::after , .nav-down::after , .nav-opened .header::after { opacity:1; }

.header-flex { background-color:var(--color-white) !important; }

.header::before { content:""; position:absolute; inset:-10px; height:0; background:linear-gradient(180deg,var(--color-brown),var(--color-dark)); pointer-events:none; opacity:0; transition:all 0.75s; }
.nav-opened .header::before { height:100vh; opacity:1; }

.nav-menu-cover , .nav-menu-photo , .slider-pro-qr picture::after , .slider-pro-qr .left-actions , .slider-pro-qr .right-actions , .sub-hero-video { display:none; }
.header-flex { border-radius:12px; }

#logo { margin-left:24px; }
#logo a img { height:64px; }
#logo a::before { inset:-8px !important; }

.header-right { width:100%; padding-left:4px; margin-top:30px; font-size:20px; flex-direction:column; gap:24px; }
.header-store { width:100%; }
.header-search-icon { display:none; }
.header-search { width:calc(100% + 8px); margin-left:-4px; position:relative; top:auto; right:auto; display:block; }

ul.slick-dots { padding:20px 0; gap:8px; }
ul.slick-dots li { width:24px; }

.nav-icon { float:right; width:80px; height:64px; margin-left:auto; position:relative; top:0; cursor:pointer; display:block; text-indent:-9999px; }
	.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:-6px; left:0; right:0; height:2px; background-color:var(--color-brown); transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:5px; height:2px; background-color:var(--color-brown); 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);
			top:0;
			right:0;
			background-color:var(--color-orange);
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			bottom:0;
			right:0;
			background-color:var(--color-orange);
		}

.nav-wrap { position:fixed; top:70px; bottom:0; left:0; right:0; height:calc(100vh - 90px); padding:30px 30px 110px 30px; padding-bottom:calc(110px + env(safe-area-inset-bottom)); background-color:var(--color-dark); overflow-y:auto; z-index:20; border-radius:12px; display:none; }

#nav { width:100%; max-width:initial; }
	
	#nav > ul { width:100%; display:flex; flex-direction:column; column-count:auto; gap:8px; }
		#nav > ul > li { width:100%; margin-right:0; position:relative !important; }
		#nav > ul > li:first-child { display:block; }
			
			#nav > ul > li.nav-multi::after { content:""; position:absolute; top:0; right:16px; width:14px; height:60px; background:url(../images/arrow-white-down.png) no-repeat right 52% / 100% auto; transition:all 0.3s; }
			
			#nav > ul > li > a { width:100%; padding:0 24px; font-size:24px; font-weight:500; color:var(--color-white); letter-spacing:1px; line-height:60px; background-color:rgba(70,48,38,0.5); border-radius:12px; }
				#nav > ul > li > a small { display:block; }
				#nav > ul > li > a.highlight::before , #nav > ul > li > a.highlight::after { left:-30px; right:auto; width:60px; }
			
			.nav-menu { float:left; width:100%; position:relative; top:auto !important; left:auto; margin-top:5px; margin-bottom:24px; background-color:var(--color-brown); border-radius:12px; }
				.nav-menu-in { padding-top:6px; padding-left:4px; padding-right:4px; }
					.nav-menu-links { width:100%; padding-bottom:6px; }
					.nav-menu-links > a { width:100%; padding:5px; font-size:24px; line-height:40px; }
						.nav-menu-links > a i { margin-left:auto !important; opacity:0.5; }

.slider-hero-item { height:auto; aspect-ratio:16/9; }
.slider-title-wrap { padding-bottom:64px; }
.slider-title-cta { gap:20px; }

.fixed-buttons { right:12px; bottom:12px; }
.fixed-buttons > a { padding:10px; gap:10px; }
.fixed-buttons > a section small { font-size:12px; line-height:16px; }
.fixed-buttons > a section strong { font-size:20px; }
.fixed-buttons > a picture { float:right; }
.fixed-buttons > a picture img { height:32px; }

.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; }

.block-flexed { flex-direction:column; gap:30px; }
.flex-left , .flex-right { width:100% !important; max-width:initial; padding-right:0 !important; }

.animate-icons li { padding:0 5px; }
.icon-item picture img { height:80px; }

.branch-item-cta > ul > li , .app-cta a { width:100%; min-width:initial; }
.app-cta { gap:16px; }
.branch-item-logo { right:20px; bottom:-24px; padding:6px; background:url(../images/cycle-light.png) no-repeat center / 100% 100%; z-index:1000; }
.branch-item-logo img { width:36px; }

.footer-content { gap:20px; }
.footer-address { font-size:15px; }
.footer-logo > img { width:100px; }
.footer-wheel { inset:-32px; }
.copyright section > a { margin-right:20px; }

.block-benefits { width:calc(100% + 60px) !important; padding:48px 30px 0 30px; margin-left:-30px; border-radius:0; flex-direction:column; gap:32px; }
.benefit-list { width:100%; max-width:initial; }
.benefit-list > ul > li { display:flex; align-items:center; justify-content:center; }
.benefit-list > ul > li .wave-spacer { max-width:160px; }
.benefit-list:last-child { order:2; }
.benefit-item picture { margin-bottom:0; }
.benefit-item picture img { height:80px; }
.benefit-center { order:3; }

.slider-cup-wrap { padding-top:60px; margin-top:40px; }
.slider-cup-item picture { padding:0 30px; }
.icon-star { top:-40px; height:128px; }

.block-products-wrap { padding-top:60px; padding-bottom:40px; }
.block-products { gap:32px; }
.block-products-top .left , .block-products-top .right { width:calc(50% - 12px); max-width:initial; }
.slider-pro-wrap { padding-left:30px; padding-right:30px; flex-direction:column; gap:48px; }
.slider-pro-qr { float:left; width:100%; position:relative; bottom:auto; left:auto; aspect-ratio:auto; border-radius:16px; }
.slider-pro-qr picture { margin-top:30px; margin-bottom:30px; }

.slider-pro { max-width:300px; }
.slider-pro .slick-prev { top:auto; left:10px; bottom:118px; }
.slider-pro .slick-next { top:auto; right:10px; bottom:118px; }
.slider-pro-item { padding:0 10px; }
.slider-pro-item picture { padding:18px; }

.page-title-in { width:100%; display:flex; align-items:center; justify-content:center; gap:16px; }
.slider-pro-qr::before { border-width:2px; }
.slider-pro-qr picture::after , .page-title-in::before , .page-title-in::after , .cta-item-title::after { max-width:80px; height:8px; }

.block-mochamini { margin-top:24px; }
.block-mochamini > picture { margin-bottom:-20px; }
.block-mochamini > picture img { max-width:400px; }

.cta-item-title { font-size:20px; line-height:24px; gap:20px; }
.link-cta { font-size:16px; }

.sub-hero-wrap { min-height:200px; }
.sub-hero-title { inset:74px 0 0 0; }
.sub-hero-title .page-title { width:calc(50% - 30px); }
.sub-hero-photo picture { aspect-ratio:4/3; }

.pro-nav { width:calc(100% + 60px) !important; padding-top:10px; padding-left:30px; margin-top:-10px; margin-left:-30px; margin-bottom:24px; overflow:hidden; overflow-x:auto; white-space:nowrap; }
.pro-nav > ul { float:none; display:block; }
.pro-nav > ul > li { float:none; display:inline-block; margin-right:48px; }
.pro-nav > ul > li a i { top:-5px; right:-24px; width:20px; height:20px; font-size:11px; }

.product-left , .product-right { width:100%; height:auto; min-height:initial; padding:30px; }
.product-left { padding-top:104px; }

.sidebar { display:none; }
.right-block { width:100%; }
.contact-map , .branch-map { aspect-ratio:1/1; }
.contact-map { height:auto; margin-top:0; }

.cards-left { width:100%; height:auto; padding-top:0; padding-bottom:20px; }
.cards-right { width:100%; }

.block-gallery { padding:30px 0 0 30px; padding-right:0; margin-top:0; overflow:hidden; overflow-x:auto; white-space:nowrap; }
.block-gallery > ul { float:none; display:block; width:960px; }
.block-gallery > ul > li { float:none; display:inline-block; padding:0; margin-right:12px; vertical-align:middle; }
.block-gallery > ul > li:last-child , .our-values > ul > li:last-child { margin-right:30px; }

.our-values { width:calc(100% + 60px) !important; padding-top:10px; padding-left:30px; margin-left:-30px; overflow:hidden; overflow-x:auto; white-space:nowrap; }
.our-values > ul { float:none; width:auto; margin-left:0; display:block; }
.our-values > ul > li { float:none; width:200px; display:inline-block; padding:0; margin-right:16px; white-space:normal; }
.value-item { gap:20px; }

}





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

@supports (-webkit-touch-callout: none) { .bg-fixed { background-attachment:initial !important; } }

.slider-hero-item { min-height:initial; aspect-ratio:840/1080; }

.mask , .mask-top { height:4px; }
.nav-menu-cover .mask-top { bottom:-4px; }

.page-title { font-size:44px; }
.fs-50 { font-size:36px; }
.fs-40 { font-size:27px; }

.youtube-item section { left:12px; bottom:12px; right:12px; }

.benefit-center { width:280px; }

.footer { padding-top:50px; }
.footer-content { flex-direction:column; gap:48px; }
.footer-left , .footer-center , .footer-right { width:100%; max-width:initial; }
.footer-left { order:2; }
.footer-center { order:3; }
.footer-right { margin-bottom:24px; order:1; display:flex; align-items:center; justify-content:center; }
.footer-links > ul > li { width:calc(50% - 8px); }
.footer-links > ul > li:nth-child(even) { margin-left:auto; }
.footer-links > ul > li a , .footer-title { font-size:20px; line-height:30px; }

.block-products-top { flex-direction:column; gap:12px; }
.block-products-top .left , .block-products-top .right { width:100%; text-align:center; }
.block-products-top .page-text { text-align:center; }

.menu-list > ul > li { width:50%; }

.article-top { flex-direction:column; }
.article-info , .article-content { width:100%; margin-left:0; }

.contact-cta > ul { row-gap:24px; }
.contact-cta > ul > li { flex-basis:50%; }

.column-2 { column-count:1; }

}



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

.slider-title { width:auto !important; flex:1; }
.slider-title-cta { width:100px; }
.slider-title-cta::before { height:8px; }
.hero-scroll { display:none; }

.block-mochamini > picture img { max-width:320px; }
.animate-text { animation:text-scrolling 28s linear infinite; font-size:60px; }

.footer::before { right:0; background-position:center bottom; background-size:auto 100%; }
.copyright { padding-top:32px; padding-bottom:48px; flex-direction:column; gap:12px; }
.copyright-left , .copyright-right { width:100%; }
.copyright-left { display:block; }
.copyright small { float:left; margin-left:0; }
.footer .animate-text-out { bottom:-59px; }

.animate-icons ul { animation:scroll-left 16s linear infinite; }

.accordion-section-title { padding:17px 19px; padding-right:40px; margin-bottom:12px; font-size:17px; line-height:20px; border-radius:12px; }
.accordion-section-title::after { right:12px; width:16px; }
.accordion-section-content { padding:0 0 0 20px; }

.gallery > ul { width:calc(100% + 8px); margin-left:-4px; row-gap:8px; }
.gallery > ul > li { width:50%; padding:0 4px; }
.gallery > ul > li a { border-radius:16px; }

.block-cta-high > ul { row-gap:24px; }
.block-cta-high > ul > li { flex-basis:100%; }
.cta-item.high { padding-top:40px; padding-bottom:40px; }

}



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

.slider-title-wrap { padding-bottom:48px; }
.slider-title { font-size:32px; line-height:36px; }

.block-about { gap:20px; }
.block-about-picture { margin-bottom:60px; }
.block-about-picture > picture { width:100%; max-width:initial; }
.working-hours { width:80%; top:auto; bottom:-60px; right:10%; }
.hide-mobile { display:none !important; }

.footer-social > ul { gap:8px; }
.footer-social > ul > li a { padding:7px; }
.footer-social > ul > li a i { font-size:24px; }

.flex-right { flex-direction:column; }
.flex-right-text , .flex-right-cta { width:100%; }

.block-about-picture > picture , .gallery-item { border-radius:16px; }

.menu-list > ul { width:calc(100% + 12px); margin-left:-6px; row-gap:12px; }
.menu-list > ul > li { padding:0 6px; }

.blog-list > ul > li , .branch-list > ul > li , .concept-list > ul > li { width:100%; margin-bottom:48px; }
.blog-list > ul > li:last-child , .branch-list > ul > li:last-child , .concept-list > ul > li:last-child { margin-bottom:0; }
.branch-item-photo picture { max-height:360px; }

.product-item { padding:10px; }
.product-item-title { padding-bottom:10px; font-size:16px; letter-spacing:0.5px; }

.sub-hero-photo , .sub-hero-title .page-title , .col-2 > ul > li , .form-item { width:100%; }
.sub-hero-title .page-title { text-align:center; text-shadow:0 0 13px rgba(46,31,24,0.6); }
.sub-hero-photo picture { aspect-ratio:8/5; }

.branch-contact > ul , .contact-cta > ul { row-gap:12px !important; }
.branch-contact > ul > li , .contact-cta > ul > li { flex-basis:100%; }

.block-video picture a i { padding:15px; font-size:32px; }

.search-item-icon { display:none; }
.search-item section { width:100%; padding-top:0; padding-bottom:0; }

}



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

.slider-title-cta { width:64px; }
.slider-title-cta::before { height:6px; }

.app-cta { gap:8px; }

.page-title-in { gap:12px; }
.slider-pro-qr picture::after , .page-title-in::before , .page-title-in::after , .cta-item-title::after { max-width:40px; height:6px; }
.page-title.centered .page-title-in::before { margin-left:-12px; }
.page-title.centered .page-title-in::after { margin-right:-12px; }

.contact-map { aspect-ratio:4/5; }

}



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



}