/*------------------------------------------------------------------
Project:	Serano - Creative Portfolio Template
Version:	1.0
Last change:	15/08/2022
Assigned to:	www.ClaPat.com 
Primary use:	Showcase Portfolio 
-------------------------------------------------------------------*/

@import url("css/content.css");
@import url("css/showcase.css");
@import url("css/shortcodes.css");
@import url("css/assets.css");
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200..700&family=Prata&display=swap');

.prata-regular {
  font-family: "Prata", serif;
  font-weight: 400;
  font-style: normal;
}


.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}


// <weight>: Use a value from 200 to 700
// <uniquifier>: Use a unique and descriptive class name

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


@font-face {
    font-family: 'Mona-Sans';
    src: url('webfonts/Mona-Sans-Medium.woff2') format('woff2'),
        url('webfonts/Mona-Sans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



/*------------------------------------------------------------------

01. General Styles
02. Magic Cursor
03. Page Preloader
04. Header Elements
05. Main Content 
06. Footer Elements
07. Responsive Media Querries

-------------------------------------------------------------------*/

	
	/* Manzé – Instagram Grid (theme-friendly) */
/* Manzé – Instagram Grid (final spacing adjustment) */
.manze-insta-grid{
  list-style:none;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:6px;
  grid-template-columns:repeat(6,1fr);
}

/* Responsive kırılımlar aynı kalıyor */
@media(max-width:1200px){ .manze-insta-grid{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:768px){  .manze-insta-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:520px){  .manze-insta-grid{ grid-template-columns:repeat(2,1fr); } }

/* Kenar çizgileri ve görseller */
.manze-insta-grid li{
  position:relative;
  overflow:hidden;
  border-radius:6px;
  outline:1px solid rgba(209,176,136,.18);
  margin:0 !important;
  padding:0 !important;
}
.manze-insta-grid li:hover{
  outline-color:rgba(209,176,136,.35);
}

/* Görsel oranı aynı (4:5), hover zoom jilet */
.manze-insta-grid img{
  width:100%;
  height:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  display:block;
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
  filter:saturate(1.02);
  margin:0 !important;
}

/* Grid üstü/altı hizalaması tam sıfır */
.content-row.full .manze-insta-grid,
.content-row.light-section .manze-insta-grid{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Hover overlay (gold line + IG icon) */
.ig-hover{ position:absolute; inset:0; pointer-events:none; display:grid; place-items:center;
  background:linear-gradient(0deg, rgba(0,0,0,.28), rgba(0,0,0,0));
  opacity:0; transition:opacity .35s ease; }
.ig-line{ position:absolute; bottom:10px; left:8%; width:84%; height:1px; background:#d1b088;
  transform:scaleX(0); transform-origin:left; transition:transform .45s ease; }
.ig-icon{ color:#d1b088; font-size:22px; transform:translateY(10px); opacity:0;
  transition:transform .45s ease, opacity .35s ease; }

.manze-insta-grid a:hover img,
.manze-insta-grid a:focus img{ transform:scale(1.04); }
.manze-insta-grid a:hover .ig-hover,
.manze-insta-grid a:focus .ig-hover{ opacity:1; }
.manze-insta-grid a:hover .ig-line,
.manze-insta-grid a:focus .ig-line{ transform:scaleX(1); }
.manze-insta-grid a:hover .ig-icon,
.manze-insta-grid a:focus .ig-icon{ transform:translateY(0); opacity:1; }

/* Tema ile uyum: has-cover img’lerine de geçerli olsun */
.has-cover img{ width:100%; height:100%; object-fit:cover; }

/*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/

	html,body{
		font-family: 'Barlow';
		font-weight: 500;
		font-size:14px;
		height:100%;
		width:100%;
		color:#777;
		background-color:#fff;
		user-select: none; /* supported by Chrome and Opera */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */	
		
		
	}
	
	html {
		box-sizing: border-box;
		margin-right: 0px!important;
		overflow: visible!important;
	}
	
	body {
		overflow: hidden;
		overflow-y:scroll;
		-webkit-transition: opacity 0.2s ease-in-out 0.2s;
		transition: opacity 0.2s ease-in-out 0.2s;
	}
	
	body.smooth-scroll {
		overflow:hidden;
	}
	
	body.has-slider {
		overflow:hidden;
	}
	
	body.hidden {
		opacity:0;
	}
	
	main111 {
		-webkit-transition: background 0.5s ease-in-out 0s;
		transition: background 0.5s ease-in-out 0s;
	}
	
	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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	
	article,
	aside,
	details,
	figcaption,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}
	
	audio {
		display: inline-block;
		max-width: 100%;
	}	
	
	address {
		font-style: italic;
		margin-bottom: 24px;
	}
	
	abbr[title] {
		border-bottom: 1px dotted #2b2b2b;
		cursor: help;
	}
	
	b,
	strong {
		font-weight: 600;
		color:#000;
	}
	
	.light-content b, .light-content strong, .dark-section b, .dark-section strong {
		font-weight: 600;
		color:#fff;
	}
	
	.light-content .light-section b, .light-content .light-section strong {
		font-weight: 600;
		color:#000;
	}
	
	cite,
	dfn,
	em,
	i {
		font-style: italic;
	}
	
	mark, ins {
		background: none repeat scroll 0 0 #000;
		text-decoration: none;
		color: #fff;
		padding: 2px 8px;
		display: inline-block;
		border-radius: 2px;
	}
	
	.light-content mark, .light-content ins, .dark-section mark, .dark-section ins {
		background: none repeat scroll 0 0 #fff;
		color:#000;
	}
	
	.light-content .light-section mark, .light-content .light-section ins {
		background: none repeat scroll 0 0 #111;
		color:#fff;
	}
	
	code,
	kbd,
	tt,
	var,
	samp,
	pre {
		font-family: monospace, serif;
		font-size: 15px;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		line-height: 1.6;
	}
	
	pre {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin-bottom: 24px;
		max-width: 100%;
		overflow: auto;
		padding: 12px;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
		background-color:rgba(0,0,0,0.05)
	}
	
	.light-content pre, .dark-section pre {
		background-color:rgba(255,255,255,0.05);
		color:#fff;
	}
	
	.light-content .light-section pre {
		background-color:rgba(0,0,0,0.05);
		color:#000;
	}
	
	blockquote,
	q {
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		quotes: none;
	}
	
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: "";
		content: none;
	}
	
	blockquote {
		color: #000;
		line-height: 1.6;
		font-size: 1.5rem;
		margin-bottom: 2.1875rem;
		font-weight: 500;
		padding-left: 3.5rem;
		margin: 0 0 1.5625rem;
		position:relative;
	}
	
	.light-content blockquote, .dark-section blockquote {
		color: #fff;
	}
	
	.light-content .light-section blockquote {
		color: #000;
	}
	
	blockquote::before {
		content: "\275D";
		position: absolute;
		left: 0;
		top: 5px;
		line-height: 1;
		font-size: 3rem;
		font-weight: 500;
	}
	
	blockquote cite,
	blockquote small {
		color: #2b2b2b;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}
	
	.light-content blockquote cite, .light-content blockquote small {
		color:#fff;
	}
	
	blockquote em,
	blockquote i,
	blockquote cite {
		font-style: normal;
	}
	
	blockquote strong,
	blockquote b {
		font-weight: 600;
	}
	
	small {
		font-size: smaller;
	}
	
	big {
		font-size: 125%;
	}
	
	sup,
	sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	
	sup {
		bottom: 1ex;
	}
	
	sub {
		top: .5ex;
	}
	
	dl {
		margin-bottom: 24px;
	}
	
	dd {
		margin-bottom: 24px;
	}
	
	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}
	
	ul,
	ol {
		list-style: none;
		margin:20px 0 25px 20px;
	}
	
	ul {
		list-style: disc;
	}
	
	ol {
		list-style: decimal;
	}
	
	li > ul,
	li > ol {
		margin: 20px 0px 15px 25px;
	}
	
	li {
		line-height: 20px;
		color:#444;
		margin-bottom:25px;
	}
	
	.light-content li, .dark-section li {
		color: #ccc;
	}
	
	.light-content .light-section li {
		color: #444;
	}
	
	figure {
		margin:0;
		position:relative;
		display: block;
	}
	
	figure.has-parallax {		
		overflow:hidden;
	}
	
	.full figure.has-parallax {		
		overflow:hidden;
		height:100vh;
	}
	
	figure img {
		max-width:100%;
	}
	
	.has-parallax-content > img, .has-parallax > img {
		width:100%;
		height: 100%;
		position:absolute;
		display:block;
		object-position: center; 
		object-fit: cover;
	}
	
	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		color: #fff;
		font-weight:400;
		font-size: 10px;
		padding: 5px 10px;
		position: absolute;
		right: 0px;
		z-index: 10;
		border-radius:0;
	}
	
	fieldset {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0 0 24px;
		padding: 0;
	}
	
	legend {
		white-space: normal;
	}
	
	button,	input {
		line-height: normal;
	}
	
	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}
	
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
	}
	
	button[disabled],
	input[disabled] {
		cursor: default;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
	}
	
	input[type="search"] {
		-webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	
	textarea {
		overflow: auto;
		vertical-align: top;
	}
	
	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;	
		width: 100%;
		color:#444;
	}
	
	thead, .light-content .light-section thead {
		background-color:rgba(0,0,0,1);
		color:#fff;
	}
	
	.light-content thead, .dark-section thead {
		background-color:rgba(255,255,255,1);
	}
	
	thead tr, .light-content .light-section thead tr {
		color:#fff;
	}
	
	.light-content thead tr, .dark-section thead tr {
		color:#000;
	}
	
	tr, .light-content .light-section tr {
		color:#444;
	}
	
	.light-content tr, .dark-section tr{
    	color:#CCC;
	}
	
	tr:nth-child(2n), .light-content .light-section tr:nth-child(2n) {
    	background-color:rgba(0,0,0,0.05);
	}
	
	.light-content tr:nth-child(2n), .dark-section tr:nth-child(2n){
    	background-color:rgba(255,255,255,0.1);
	}
	
	caption, th, td {
		font-weight: normal;
		text-align: left;
	}
	
	th {
		border-width: 0 1px 1px 0;
		padding: 10px;
	}
	
	td {
		border-width: 0 1px 1px 0;
		padding: 10px;
	}
	
	del {
		color: #767676;
	}
	
	hr {
		border: 0;
		height: 28px;
		width:100%;
		float:none;
		margin:0;
		display:inline-block;
		opacity: 1!important;
		-webkit-transition: translateY(0px)!important;
		transform: translateY(0px)!important;
	}
	
	hr.animated-line {
		height:1px;		
		padding-top:20px;
		padding-bottom:20px;
	}
	
	hr.animated-line:before {
		content: ""; 
		display: block; 
		width:0;
		height:1px;
		background:rgba(0,0,0,0.1);
	}
	
	.light-content hr.animated-line:before, .dark-section hr.animated-line:before {
		background:rgba(255,255,255,0.15);
	}
	
	.light-content .light-section hr.animated-line:before {
		background:rgba(0,0,0,0.1);
	}
	
	hr.animated.animated-line:before {
		width:100%;
		-webkit-transition: width 0.7s ease-in-out 0.1s;
		transition: width 0.7s ease-in-out 0.1s;
	}
	
	hr:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	::selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	::-moz-selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	img {
		border: 0 none;
		max-width: 100%;
		vertical-align: middle;
		height:auto;
	}
		
	h1, h2, h3, h4, h5, h6 {		
		font-family:inherit;
		font-weight:500;
		color:#000;
		margin-bottom:20px;
	}
	
	.big-title {
		font-size: calc(1rem + 4vw);
		line-height: calc(1rem + 4vw);
	}	
	
	h1{
		font-size: calc(1rem + 4vw);
		line-height: calc(1rem + 4vw);
	}
	
	h2{
		font-size: calc(1rem + 3vw);
		line-height: calc(1rem + 3.5vw);
	}
	
	h3{
		font-size: calc(1rem + 2vw);
		line-height: calc(1rem + 2.5vw);
	}
	
	h4{
		font-size: calc(1rem + 1vw);
		line-height: calc(1rem + 1.6vw);
	}
	
	h5{
		font-size: calc(1rem + 0.6vw);
		line-height: calc(1rem + 1.5vw);
	}
	
	h6 {
		font-size:15px;
		line-height: 36px;
		letter-spacing: 0.6;
		font-weight: 400;
	}
	
	h6.has-icon {
		padding-left: 20px;
		box-sizing: border-box;
		display: inline-block;
		width: auto;
		position: relative;
	}
	
	h6.has-icon::before {
		font: var(--fa-font-solid);
		content: "\f101";
		font-size: 12px;
		line-height: inherit;
		text-align: left;
		position: absolute;
		left: 0;
	}
	
	.no-margins {
		margin:0;
	}
	
	.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
		color: #fff;
	
	}
	
	.light-content .light-section h1, .light-content .light-section h2, .light-content .light-section h3, .light-content .light-section h4, .light-content .light-section h5, .light-content .light-section h6 {
		color: #000;
	}
	
	p {
		font-size:18px;
		line-height: 28px;
		font-weight:400;
		margin-bottom: 20px;
		color:#777;
	}
	
	.light-content p, .dark-section p {
		color:#999;
	}
	
	.light-content .light-section p {
		color:#777;
	}
	
	.bigger {
		font-size: 24px;
		line-height: 36px;
		font-weight:400;
	}
	
	.smaller {
		font-size: 16px!important;
		line-height: 24px;
		 font-family: "Barlow Condensed", sans-serif;
		letter-spacing: 2px;
	}
	
	.container {
		max-width:1280px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	
	.container::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	a:hover, a:active {
	  outline: 0;
	  color: #000;
	}
	
	a, .light-content .light-section a {
		text-decoration: none;
		color: #000;
		outline: 0;
	}
	
	.light-content a, .dark-section a, .white-header a {
		color: #fff;
	}
	
	.light-content .white-header a { 
		color:#000;		
	}
	
	a:hover {
		text-decoration:none;
	}
	
	.one_half {
    	width: 48%!important;
	}	

	.one_third {
		width: 30.6%!important;
	}	

	.one_fourth {
		width: 22%!important;
	}	

	.one_fifth {
		width: 16.8%!important;
	}	

	.one_sixth {
		width: 13.33%!important;
	}	

	.two_fifth {
		width: 37.6%!important;
	}	

	.two_fourth {
		width: 48%!important;
	}		

	.two_third {
		width: 65.33%!important;
	}	

	.three_fifth {
		width: 58.4%!important;
	}	

	.three_fourth {
		width: 74%!important;
	}	

	.four_fifth {
		width: 79.2%!important;
	}	

	.five_sixth {
		width: 82.67%!important;
	}	

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left!important;
		margin-bottom: 1px!important;
		margin-right: 4%!important;
		position: relative!important;
	}

	.last {
		margin-right:0px!important;
	}
	
	.text-align-left {
		text-align:left;
	}
	
	.text-align-center {
		text-align:center;
	}
	
	.text-align-right {
		text-align:right;
	}
	
	.outer {
		display:table;
		width:100%;
		height:100%;
	}
	
	.inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.light-section-wrapper, .dark-section-wrapper {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}
	
	.light-section-container, .dark-section-container {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}
	
	.content-row {
		position:relative;
		width:100%;
		margin:0 auto;
		z-index:1;
		opacity:1;
		box-sizing:border-box;
	}
	
	.clip-effects {
		overflow:hidden;
		clip-path: inset(4% 10% round 40px);
	}
	
	.content-row::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	.small {
		max-width:820px;
		width:100%;
		margin:0 auto;
	}
	
	.large {
		max-width:1380px;
		width:100%;
		margin:0 auto;
	}
	
	.full {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}
	
	.row_padding_top {
		padding-top:9vw;
	}
	
	.row_padding_bottom {
		padding-bottom:9vw;
	}
	
	.row_padding_left {
		padding-left:80px;
	}
	
	.row_padding_right {
		padding-right:80px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 80px;
		padding-right: 80px;
	}
	
	#rotate-device {
		width:100%;
		height:100%;
		position:fixed;
		z-index:1000;
		top:0;
		left:0;
		background-color:#0f1010;
		background-image:url(images/rotate.png);
		background-size:100px 100px;
		background-position:center;
		background-repeat:no-repeat;
		display:none;
	}
	
	i.arrow-icon {
		border: solid #000;
		border-width: 0px 3px 3px 0px;
		box-sizing:border-box;
		display: block;
		position:relative;
		top:0px;
		left:0px;
		height:20px;
		width:20px;
	}
	
	.light-content i.arrow-icon, .dark-content .item i.arrow-icon {
		border: solid #fff;
		border-width: 0px 3px 3px 0px;
	}
	
	.light-content .change-header i.arrow-icon, .dark-content .change-header i.arrow-icon {
		border: solid #000;
		border-width: 0px 3px 3px 0px;
	}
	
	i.arrow-icon::after {
		content: "";
		position: absolute;
		width: 28px;
		height: 3px;
		top: 7px;
		left: -6px;
		background-color: currentColor;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	
	.light-content i.arrow-icon:after, .light-content .change-header i.arrow-icon::after, .dark-content .item i.arrow-icon::after {
		background-color:currentColor;
	}
	
	.light-content .change-header i.arrow-icon::after, .dark-content .change-header i.arrow-icon::after {
		background-colorcurrentColor;
	}
	
	i.arrow-icon-down {
		border: solid currentColor;
		border-width: 0px 2px 2px 0px;
		box-sizing:border-box;
		display: block;
		position:relative;
		top:14px;
		left:14px;
		height: 12px !important;
		width: 12px !important;
		line-height: 12px !important;
	}
	
	i.arrow-icon-down.left {
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
	}
	
	i.arrow-icon-down::after {
		content: "";
		position: absolute;
		width: 16px;
		height: 2px;
		top: 4px;
		left: -3px;
		background-color: currentColor;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		
	}
	
	.light-content i.arrow-icon-down {
		border: solid currentColor;
		border-width: 0px 2px 2px 0px;
	}
	
	.light-content i.arrow-icon-down::after {
		background-color: currentColor;
	}
	
	i.arrow-icon-up {
		border: solid currentColor;
		border-width:  2px 2px 0px 0px;
		box-sizing:border-box;
		display: block;
		position:relative;
		top:14px;
		left:14px;
		height: 12px !important;
		width: 12px !important;
		line-height: 12px !important;
	}	
	
	i.arrow-icon-up.right {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}	
	
	i.arrow-icon-up::after {
		content: "";
		position: absolute;
		width: 16px;
		height: 2px;
		top: 4px;
		left: -3px;
		background-color: currentColor;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	
	.light-content i.arrow-icon-up {
		border: solid currentColor;
		border-width:  2px 2px 0px 0px;
	}
	
	.light-content i.arrow-icon-up::after {
		background-color: currentColor;
	}

/*--------------------------------------------------
	02. Magic Cursor
---------------------------------------------------*/	
	
	
	#magic-cursor {
	  position: absolute;
	  left:0;
	  top:0;
	  width: 30px;
	  height: 30px;
	  pointer-events: none;
	  z-index:10000;
	  -webkit-transition: opacity 0.2s ease-in-out 0.5s;
		transition: opacity 0.2s ease-in-out 0.5s;
	}
	
	.hidden-ball #magic-cursor {
		opacity:0!important;
		visibility:hidden;
	}
	
	#ball {
		position: fixed;
		width: 80px;
		height: 80px;
		border: 2px solid #999999;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;
		 -webkit-transform: scale(0.5);
	  	transform: scale(0.5);	
	}
	
	.light-content #ball, #ball.over-movie,  .light-content #ball.with-icon {
		border: 2px solid #999999;
		border-color:#999999;
	}
	
	#ball.with-blur {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}
	
	#ball:before {
		font: var(--fa-font-solid);
		content: "\f106";
		font-size:14px;
		width:8px;
		height:16px;
		line-height:16px;
		text-align:center;
		position:absolute;
		left: 32px;
		top: -42px;
		color:#999;
		opacity:0;
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball:before {
		color:#999;
	}
	
	#ball::after {
		font: var(--fa-font-solid);
		content: "\f107";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: 32px;
		top: 100px;
		color: #999;
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball:before, .light-content #ball:after {
		color:#999;
	}
	
	.scale-up #ball:before, .scale-drag-horizontal #ball:before {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-horizontal #ball:before {
		color: #fff;
	}
	
	.scale-up #ball:after, .scale-drag-horizontal #ball:after {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-horizontal #ball:after {
		color: #fff;
	}
	
	.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {
		opacity:0;
	}
	
	#ball-drag-x {
		position: absolute;
		width: 72px;
		height: 72px;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;	
	}
	
	#ball-drag-x::before {
		font: var(--fa-font-solid);
		content: "\f053";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: -37px;
		top: 30px;
		color: #000;
		opacity: 0;
		transform: translateX(-20px);
		-webkit-transform: translateX(-20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-x:before {
		color:#fff;
	}
	
	#ball-drag-x::after {
		font: var(--fa-font-solid);
		content: "\f054";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		right: -40px;
		left: auto;
		top: 30px;
		color: #000;
		opacity: 0;
		transform: translateX(20px);
		-webkit-transform: translateX(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-x:before, .light-content #ball-drag-x:after {
		color:#fff;
	}
	
	.drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after {
		color:#fff;
	}
	
	.drag-cursor-black #ball-drag-x:before, .drag-cursor-black #ball-drag-x:after {
		color:#000;
	}
	
	.scale-drag-x #ball-drag-x:before {
		opacity:1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-x #ball-drag-x:after {
		opacity:1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after {
		opacity:0;
	}
	
	#ball-drag-y {
		position: absolute;
		width: 72px;
		height: 72px;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;	
	}
	
	#ball-drag-y:before {
		font: var(--fa-font-solid);
		content: "\f077";
		font-size:14px;
		width:8px;
		height:16px;
		line-height:16px;
		text-align:center;
		position:absolute;
		left: 32px;
		top: -40px;
		color:#000;
		opacity:0;
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-y:before {
		color:#fff;
	}
	
	#ball-drag-y::after {
		font: var(--fa-font-solid);
		content: "\f078";
		font-size: 14px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: 32px;
		top: 100px;
		color: #000;
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-y:before, .light-content #ball-drag-y:after {
		color:#fff;
	}
	
	.scale-drag-y #ball-drag-y:before {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-y #ball-drag-y:after {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after {
		opacity:0;
	}
	
	#ball i {
		color:#fff;
		width:76px;
		height:80px;
		line-height:78px;
		text-align:center;
		font-size:14px;
		display:block;
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	#ball {
		display:flex;
		flex-direction: column;
		justify-content: center;
	}
	
	#ball p {
		color:#fff;
		width:auto;
		height:16px;
		line-height:16px;
		padding-top:0px;
		padding-left:0px;
		box-sizing:border-box;
		margin:0 auto;
		margin-bottom:0;
		text-align:center;
		font-size:10px;
		font-weight: 500;
		display:flex;
		flex-direction: column;
		align-self: center;
		opacity:1;
		position:relative;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball p {
		color:#fff;
	}
	
	#ball p.center-first::before {
		content:"[";
		font-size:12px;
		font-weight: 500;
		position:absolute;
		height:20px;
		top:calc(50% - 10px);
		left:-8px;
		line-height:20px;
	}
	
	#ball p.center-first::after {
		content:"]";
		font-size:12px;
		font-weight: 500;
		position:absolute;
		height:20px;
		top:calc(50% - 10px);
		right:-8px;
		line-height:20px;
	}
	
	.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {
		color:#fff;
	}
	
	.drag-cursor-white #ball i, .drag-cursor-white #ball.with-icon i {
		color:#fff;
	}
	
	.drag-cursor-black #ball i, .drag-cursor-black #ball.with-icon i {
		color:#000;
	}
	
	.light-content #ball.with-icon.dark-icon i {
		color:#000;
	}
	
	.scale-up #ball i {
		opacity:0;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	#ball.with-icon i {
		width:76px;
	}
	
	#ball.with-icon i:nth-child(2) {
		display:none;
	}
	
	#ball.close-icon i {
		width:75px;
		height:76px;
		font-size:14px;
	}
	
	#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
		display:block;
	}
	
	#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
		display:none;
	}
	
	#ball-loader {
		width: 100px;
		height: 100px;
		position:absolute;
		background-color: transparent;
		border-right: 4px solid transparent;
		border-bottom: 4px solid #999999;
		border-left: 4px solid transparent;
		border-top: 4px solid transparent;
		border-radius: 100px;
		box-sizing: border-box;
		opacity:0;
		-webkit-transform: translate(-14px, -14px) rotate(0deg);
		transform: translate(-14px, -14px) rotate(0deg);
		-webkit-animation: rotating 0.8s ease-in-out infinite;
		animation: rotating 0.8s ease-in-out infinite;
		-webkit-transition: opacity 0s ease-in-out 0s;
		transition: opacity 0s ease-in-out 0s;
	}
	
	.light-content #ball-loader { 
		border-bottom: 4px solid #999999;
	}
	
	.show-loader #ball-loader {
		opacity:1;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}
	
	@keyframes rotating {
      0% {
		-webkit-transform: translate(-14px, -14px)rotate(0deg);
		transform:  translate(-14px, -14px)) rotate(0deg);
      }
	  
	  95% {
        -webkit-transform:  translate(-14px, -14px) rotate(350deg);
		transform:  translate(-14px, -14px) rotate(350deg);
      }
	  
      100% {
        -webkit-transform:  translate(-14px, -14px) rotate(360deg);
		transform:  translate(-14px, -14px) rotate(360deg);
      }
	}
	
	.show-loader a, .show-loader .clapat-nav-wrapper, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title {
		pointer-events:none!important;
	}
	
	.disable-cursor #magic-cursor {
		display:none;
	}
	
	#ball i.arrow-icon {
		border: solid #fff;
		border-width: 3px 3px 0px 0px;
		box-sizing:border-box;
		display: block;
		position:absolute;
		top:28px;
		left:30px;
		height:20px;
		width:20px;
	}
	
	.light-content #ball i.arrow-icon {
		border: solid #fff;
		border-width: 3px 3px 0px 0px;
	}
	
	#ball i.arrow-icon:after {
		content:"";
		position:absolute;
		width:30px;
		height:3px;
		top:8px;
	  	left:-8px;
		background-color:#fff;
		transform: rotate(-45deg);
  		-webkit-transform: rotate(-45deg);
	}
	
	.light-content #ball i.arrow-icon:after {
		background-color:#fff;
	}
	
	#ball.color-cursor p, #ball.color-cursor i , #ball.color-cursor #ball-drag-x::before, #ball.color-cursor #ball-drag-x::after {
		color:currentColor!important;
	}
	
	



/*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/	
	
/* --------------------------------------------------
   03. Page Preloader  (REPLACE ME)
--------------------------------------------------- */
/* --------------------------------------------------
   PRELOADER
-------------------------------------------------- *//* ===== MANZÉ Preloader (temiz sürüm) ===== */
:root{
  --ring-size: 120px;     /* dış halka */
  --badge-size: 42px;     /* iç logo */
  --ring-stroke: 1.0px;   /* çizgi kalınlığı */
  --gloss-width: 3px;     /* yansıma halka kalınlığı */
  --gloss-opacity: .55;   /* yansıma şiddeti */
  --gloss-speed: 4s;      /* yansıma dönüş süresi */
  --gold:#d3b18d;
  --gold-dim: rgba(211,177,141,.25);
  --bg:#71242e;
}

.disable-ajaxload .preloader-wrap{display:none}

.preloader-wrap{
  position:fixed; inset:0; z-index:1800;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg); text-align:center;
}

.preloader-center{
  display:flex; flex-direction:column; align-items:center; gap:14px;
  opacity:0; transform:translateY(8px);
  animation:preIn .6s ease .15s forwards;
}
@keyframes preIn{to{opacity:1; transform:translateY(0)}}

/* Logo + halka */
.preloader-logo{
  position:relative; width:var(--ring-size); height:var(--ring-size); z-index:0;
}
.preloader-logo img{
  position:absolute; inset:0; margin:auto;
  width:var(--badge-size); height:var(--badge-size); z-index:3;
  filter:drop-shadow(0 0 .4px rgba(211,177,141,.35));
}

/* SVG ring (tek halka) */
.preloader-ring{
  position:absolute; inset:0; width:100%; height:100%;
  transform:rotate(-90deg); z-index:1;
}
.preloader-ring .ring-bg{
  fill:none; stroke:var(--gold-dim); stroke-width:var(--ring-stroke);
}
.preloader-ring .ring-fg{
  fill:none; stroke:var(--gold); stroke-width:var(--ring-stroke); stroke-linecap:round;
  /* 2πr ≈ 327 (r=52) — JS ile dashoffset azaltılacak */
  stroke-dasharray:327; stroke-dashoffset:327;
  transition:stroke-dashoffset .18s ease;
  filter:drop-shadow(0 0 .5px rgba(211,177,141,.35));
}

/* Zarif yansıma (tek, dönen gloss) */
.preloader-logo::after{
  content:""; position:absolute; inset:calc(-1 * var(--ring-stroke)); border-radius:50%;
  z-index:2; mix-blend-mode:screen; opacity:var(--gloss-opacity); pointer-events:none;
  background:
    conic-gradient(from 0deg,
      rgba(255,255,255,.30) 0deg,
      rgba(255,255,255,0) 38deg 322deg,
      rgba(255,255,255,.30) 360deg);
  /* içi boş halka maskeleme (gloss kalınlığı) */
  -webkit-mask:radial-gradient(farthest-side,
                transparent calc(100% - var(--gloss-width)),
                #000 calc(100% - var(--gloss-width)));
          mask:radial-gradient(farthest-side,
                transparent calc(100% - var(--gloss-width)),
                #000 calc(100% - var(--gloss-width)));
  animation:ringSweep var(--gloss-speed) linear infinite;
}
@keyframes ringSweep{to{transform:rotate(360deg)}}

/* Yüzde */
.percentage-wrapper{ text-align:center; mix-blend-mode:normal }
.percentage{
  font-size:14px; line-height:1; color:var(--gold); letter-spacing:.02em;
  display:block; margin:0 auto; margin-top: 100px;
}
.percentage::after{ content:""; margin-left:6px; font-size:14px; opacity:.7 }

/* hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  .preloader-logo::after{animation:none}
  .preloader-ring .ring-fg{transition:none}
}
	
/*--------------------------------------------------
	04. Header Elements
---------------------------------------------------*/	
	
		
	.clapat-header {
		width:100%;
		height:120px;
		left:0;
		top:0;
		background-color:transparent;
		position:fixed;
		box-sizing:border-box;
		z-index:1000;
		pointer-events:none;
		-webkit-transition: background 0.4s ease-in-out 0.3s;
		transition: background 0s ease-in-out 0s;
	}
	
	#header-container {
		box-sizing: border-box;
		height: inherit;
		padding: 20px 80px;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.header-middle {
		position: absolute;
  		left: 0;
		right:0;
		display:table;
		width:100%;
		text-align:center;
		pointer-events:none;
		margin:0 auto;
		color:#000;
		line-height:18px;
	}
	
	.header-middle span {
		display:block;
		opacity:0;
		transform: translateY(50%);
		-webkit-transform: translateY(50%);
	}
	
	.light-content .header-middle {
		color:#fff;
	}
	
	#clapat-logo {
		position: relative;
		display: block;
		pointer-events: initial;
		z-index: 10;
	}
	
	#clapat-logo a {
		display:block;
		-webkit-transition: transform 0.5s ease-in-out 0.1s;
		transition: transform 0.5s ease-in-out 0.1s;	
	}
	
	#clapat-logo a.disable, .open #clapat-logo a {
		pointer-events: none;
	}
	
	#clapat-logo img {
		display: block;
		height: 50px;
		width: auto;
		max-width:none;
		-webkit-transition: opacity 0.15s ease-in-out 0s;
		transition: opacity 0.15s ease-in-out 0s;
	}
	
	#clapat-logo img.black-logo {
		opacity:1;
	}
	
	.light-content #clapat-logo img.black-logo {
		opacity:0;
	}
	
	#clapat-logo img.white-logo {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
	}
	
	.light-content #clapat-logo img.white-logo {
		opacity:1;
	}
	
	.white-header #clapat-logo img.black-logo {
		opacity:0;
	}
	
	.light-content .white-header #clapat-logo img.black-logo {
		opacity:1;
	}
	
	.light-content .white-header.over-white-section #clapat-logo img.black-logo, .show-loader1 .light-content .white-header #clapat-logo img.black-logo {
		opacity:0;
	}
	
	.white-header #clapat-logo img.white-logo {
		opacity:1;
	}
	
	.light-content .white-header #clapat-logo img.white-logo {
		opacity:0;
	}
	
	.light-content .white-header.over-white-section #clapat-logo img.white-logo, .show-loader1 .light-content .white-header #clapat-logo img.white-logo {
		opacity:1;
	}
	
	.menu-open.light-content .slide-in #clapat-logo img.white-logo {
		opacity:1;
	}
	
	.clapat-nav-wrapper {
		pointer-events: none;
	}
	
	.clapat-nav-wrapper.open {
		pointer-events: initial;
	}
	
	.dark-content-header #clapat-logo img.black-logo {
		opacity:1!important;		
	}
	
	.dark-content-header #clapat-logo img.white-logo {
		opacity:0!important;		
	}
	
	.light-content-header #clapat-logo img.black-logo {
		opacity:0!important;		
	}
	
	.light-content-header #clapat-logo img.white-logo {
		opacity:1!important;		
	}
	
	@media all and (min-width: 1025px) {
		
		.light-content .classic-menu .flexnav li a.shape-ball {
			border:1px solid rgb(255,255,255);
			border-radius:3px;
			background-color:#fff;
			color:#000;
		}
		
		.classic-menu .clapat-nav-wrapper {
			position: relative;
			width: auto;
			top: 0px;
			-webkit-transition: all 0.2s ease-in-out 0.5s;
			transition: all 0.2s ease-in-out 0.5s;
			display:block;
			height: 60px;
			margin: 10px 0;
			background-color:transparent!important;
			opacity: 1 !important;
		}
		
		.classic-menu .flexnav {
			display: block;
			float: right;
			position: relative;
			width: auto;
			max-height: 60px;
		}
		
		.classic-menu .flexnav .touch-button {
			background: transparent none repeat scroll 0 0;
		}	
		
		.flexnav .touch-button .navicon {
			display:none;
		}
		
		.classic-menu .flexnav li {    
			background: transparent none repeat scroll 0 0;
			padding:0 30px;
			padding-bottom:20px;
			padding-top:20px;
		}
		
		.classic-menu .menu-timeline {
			opacity:1!important;
			-webkit-transition: translateY(0px)!important;
			transform: translateY(0px)!important;
			pointer-events:initial;
		}
		
		.classic-menu .flexnav li:last-child {
			padding-right:0px;
		}
		
		.classic-menu .before-span {
			opacity:1!important;
			-webkit-transition: translateY(0px)!important;
			transform: translateY(0px)!important;
			
		}
		
		.classic-menu .flexnav li a {    
			background: transparent none repeat scroll 0 0;
			padding: 0;
			position:relative;
			border-left: medium none;
			color:#000;
			line-height:20px;
			display:block;
			overflow:hidden;
			white-space: nowrap;			
		}
		
		.light-content .classic-menu .flexnav li a { 
			color:#fff;		
		}
		
		.light-content  .classic-menu.white-header .flexnav li a { 
			color:#000;		
		}
		
		.classic-menu.white-header .flexnav li a { 
			color:#fff;		
		}
		
		.flexnav:hover li a {
			opacity:0.4;
		}
		
		.flexnav:hover li:hover a {
			opacity:1;
		}
	
		.classic-menu .flexnav li a span {
			position: relative;
			display: block;
			-webkit-transition: -webkit-transform 0.2s;
			transition: transform 0.2s;
			transform-origin: 100% 0%;
		}
		
		.classic-menu .flexnav li a span::before {
			position: absolute;
			top: 100%;
			width:100%;
			left:0;
			content: attr(data-hover);
		}
		
		.classic-menu .flexnav li:hover a span {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			transform-origin: 0% 0%;
		}
		
		.classic-menu .flexnav li a span:nth-child(2), .classic-menu .flexnav li a span:nth-child(3) {
			display:none;
		}
		
		.classic-menu .flexnav li ul li a { 
			padding:0 20px 20px;
			background-color:transparent;
			text-transform:none;
			color:#fff;
			opacity:1;
			-webkit-transition: all 0.05s ease-in-out;
			-moz-transition: all 0.05s ease-in-out;
			-o-transition: all 0.05s ease-in-out;
			-ms-transition: all 0.05s ease-in-out;
			transition: all 0.05s ease-in-out;
		}
		
		.classic-menu .flexnav li ul li:first-child a {
			padding-top:20px;
		}
		
		.classic-menu .flexnav li ul li a.link::before {
			display:none;
		}
		
		.classic-menu .flexnav li ul:hover li a {
			opacity:0.6;
		}
		
		.classic-menu .flexnav li ul li a.active, .classic-menu .flexnav li ul li a:hover {
			opacity:1;
		}
		
		.classic-menu .flexnav li > ul li {
			margin-left:0;
			padding:0;
			opacity: 1 !important;
			transform: none !important;
		}
		
		.classic-menu .flexnav li ul {
			-webkit-transform: translate3d(0px, 30px, 0px);
			transform: translate3d(0px, 30px, 0px);
			display:block!important;
			opacity:0!important;
			height:inherit!important;
			overflow:visible!important;
			visibility:hidden;
			left:15px;
			top:60px;
			background: #000;		
			border-radius:3px;
			min-width: 100px;
			width:auto;
			-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
			transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
		}
		
		.classic-menu .flexnav li:last-child ul {
			left:auto;
			right:-10px;
		}
		
		.classic-menu .flexnav li ul ul {
			left:5px!important;

		}
		
		.classic-menu .flexnav li ul:after {
			display: block;
			content: '';
			position: absolute;
			top: -6px;
			left: 20px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 9px;
			border-color: transparent transparent #000;
		}
		
		.classic-menu .flexnav li:last-child ul:after {
			left: auto;
			right: 20px;
		}
		
		.classic-menu .flexnav ul li ul:after {
			display: block;
			content: '';
			position: absolute;
			top: 15px;
			left: -10px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 9px;
			border-color: transparent transparent #000;
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}
		
		.classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open {
			top: -5px;
			z-index:10;
		}
		
		.classic-menu .flexnav li:last-child ul li > ul, .classic-menu .flexnav li:last-child ul.open ul.open {
			margin-left: -100%;
			left:-5px!important;
			right:auto;
			top: 0;
		}
		
		.classic-menu .flexnav li:last-child ul li ul::after {
			right: -10px;
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		
		.classic-menu .flexnav ul li ul li a {
			background: #000;
		}
		
		.classic-menu .flexnav ul li ul li ul li a {
			background: #000;
		}
		
		.classic-menu .flexnav li ul.flexnav-show {
			-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
			opacity:1!important;
			visibility:visible;
			-webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
			transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;	
		}
		
		.classic-menu .flexnav .touch-button {
			display:none;
		}
				
		
		/*-- Full Screen Menu --*/	
		
		.fullscreen-menu .clapat-nav-wrapper {
			height: 100vh;
			position: fixed;
			top:0;
			left:0;
			width: 100%;
			box-sizing: border-box;
			visibility: visible;
			pointer-events:none;
			opacity:0;
			padding:20px 0;
		}
		
		.fullscreen-menu .clapat-nav-wrapper.open {
			visibility:visible;
			pointer-events:initial;
		}
		
		.fullscreen-menu .nav-height {
			overflow-y: scroll;
			position: relative;
			height: 100%;
			padding: 40px 0;
			padding-right: 30px;
			width: calc(100% + 30px);
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
		}		
		
		.fullscreen-menu .flexnav {
			max-height: 2000px;
			-webkit-transition: all 0.2s ease-in 0.6s;
			transition: all 0.2s ease-in 0.6s;
			display: block;
			width: auto;
			padding:0 20px;
			box-sizing:border-box;
		}
		
		.fullscreen-menu .flexnav.flexnav-show {
			-webkit-transition: all .3s ease-out 0.2s;
			transition: all .3s ease-out 0.2s;	
		}
		
		.fullscreen-menu .flexnav li {
			text-align:center;
			padding:0;
			box-sizing:border-box;
			float:none;			
		}
		
		.fullscreen-menu .menu-timeline {
			opacity:0;
		}
		
		.fullscreen-menu .flexnav li ul li .touch-button {
			height:32px;
		}
		
		.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
            opacity:1;
        }
		
		.fullscreen-menu .flexnav .touch-button .navicon {
			display:none;
		}
		
		.fullscreen-menu .flexnav li.link {
			border-bottom: none;	
		}
		
		.fullscreen-menu .flexnav > li > a {
			font-size: calc(1rem + 4vw);
			line-height: calc(1rem + 4vw);
			font-weight: 500;
			padding: 0 50px;
			-webkit-transition: all .1s ease-in-out 0s;
			transition: all .1s ease-in-out 0s;
		}
		
		.fullscreen-menu .flexnav .touch-button {
			width: 100%;
			display: block;
			height:calc(1rem + 4.5vw);
		}
		
		.fullscreen-menu .flexnav li a {
			color:#000;
		}
		
		.fullscreen-menu.invert-header .flexnav li a {
			color: #fff;
		}
		
		.fullscreen-menu .flexnav:hover li a, .fullscreen-menu .flexnav.hover li a {
			opacity:0.3;
		}
		
		.fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active {
			opacity:1;
		}
		
		.fullscreen-menu .flexnav:hover li ul li a {
			opacity:0.3;
		}
		
		.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
			opacity:1;
		}
		
		.fullscreen-menu .flexnav a.link::before {
			display:none;
		}
		
		.fullscreen-menu .flexnav li ul {
			margin-top:10px;
			margin-bottom:10px;
			position:relative;
			left:0;			
		}
		
		.fullscreen-menu .flexnav li ul:after {
			display:none;
		}
		
		.fullscreen-menu .flexnav li ul li a {
			padding: 3px 0;
			font-size: 20px;
    		line-height: 30px;
			font-weight:500;
			border-top: none;
			text-transform:none;
		}
		
		.uppercase-text .fullscreen-menu .flexnav li ul li a {
			text-transform:uppercase;
			line-height:20px;				
		}
		
		.fullscreen-menu .flexnav ul li ul li a {
			background:transparent;
		}
		
		.fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open {
			margin-left: 0;
			top: 0;
		}
		
		.fullscreen-menu .menu-timeline {
			opacity:1;
		}
		
		.fullscreen-menu .menu-timeline .before-span {
			opacity:0;
			display:block;
			-webkit-transform: translateY(120px);
			transform: translateY(120px);
		}
		
		.fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a  {
			background-color:transparent;
			border:0;
		}
		
		.fullscreen-menu .flexnav li a span {
			position: relative;
			display: block;			
			overflow:hidden;
			transform-origin: left bottom;
			-webkit-transition: 0.8s cubic-bezier(.2, 1.33, .25 ,1);
			transition: 0.8s cubic-bezier(.2, 1.33, .25 ,1);
		}
		
		.fullscreen-menu .flexnav li a span::before {
			position: fixed;
			top: 0;
			width:100%;
			left:0;
			opacity:0;
			content: attr(data-hover);
			-webkit-transform: translateY(100%) rotate(-10deg);
			transform: translateY(100%) rotate(-10deg);
			transform-origin: right top;
			-webkit-transition: 0.8s cubic-bezier(.2, 1.33, .25 ,1);
			transition: 0.8s cubic-bezier(.2, 1.33, .25 ,1);
		}
		
		.fullscreen-menu .flexnav li:hover a span {
			-webkit-transform: translateX(-2%) translateY(-115%) rotate(-10deg);
			transform: translateX(-2%) translateY(-115%) rotate(-10deg);
		}
		
		.fullscreen-menu .flexnav li:hover a span::before {
			opacity:1;
			-webkit-transform: translateY(200%) rotate(10deg);
			transform: translateY(200%) rotate(10deg);
		}
		
		.fullscreen-menu .open .flexnav li a span {
			overflow:visible;
		}
		
		.fullscreen-menu .flexnav li.hover a span {
			-webkit-transform: translateX(-2%) translateY(-115%) rotate(-10deg)!important;
			transform: translateX(-2%) translateY(-115%) rotate(-10deg)!important;
		}
		
		.fullscreen-menu .flexnav li.hover a span::before {
			opacity:1!important;
			-webkit-transform: translateY(200%) rotate(10deg)!important;
			transform: translateY(200%) rotate(10deg)!important;
		}
	
	}

	.clapat-nav-wrapper, .clapat-nav-wrapper.open {
		background:transparent;
	}

	#burger-wrapper {
		width: 40px;
		height: 40px;
		float: right;
		top: 0px;
		right: 0;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		pointer-events: initial;
	}
	
	.classic-menu .button-wrap.right.menu {
		display:none;
	}

	.burger-dots #menu-burger {
		top:0px;
		width: 25px;
		height: 25px;
		position: relative;
		margin: 0 auto;		
		z-index:2;
		pointer-events: none;
	}
	
	.menu-overlay #menu-burger {
		display:block;
	}

	.burger-dots #menu-burger span {
	  display: block;
	  position: absolute;
	  height: 5px;
	  width: 5px;
	  border-radius:5px;
	  background-color: #000;
	  opacity: 1;
	  top:8px;
	  left:0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
	  transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
	}
	
	#burger-wrapper .touch-button {
		display:none;
	}

	.burger-dots #menu-burger span:nth-child(1) {
	  	left: 0px;
	}
	
	.burger-dots #menu-burger span:nth-child(2){
	  	left: 10px;
	}
	
	.burger-dots #menu-burger span:nth-child(3){
	  	left: 20px;
	}
	
	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1) {
	  	left: 10px;
	}
	
	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3) {
	  	left: 10px;
	}
	
	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1) {
	  	left: 3px;
	}
	
	.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3) {
	  	left: 3px;
	}
	
	.burger-dots #menu-burger.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top:12px;
		height: 2px;
		width:20px;
		left: 3px;
	}
	
	.burger-dots #menu-burger.open span:nth-child(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	
	.burger-dots #menu-burger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top:12px;
		height: 2px;
		width:20px;
		left: 3px;
	}
	
	.button-wrap.right.burger-lines {
		right: -30px;
	}
	
	.burger-lines #menu-burger {
		width: 16px;
		height: 22px;
		position: relative;
		margin: 0 auto;		
		z-index:2;
		pointer-events: none;
	}
	
	.burger-lines #menu-burger span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		opacity: 1;
		right: 0;
		background-color:currentColor;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
		transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
	}
	
	.burger-lines #menu-burger span:nth-child(1) {
	  top: 6px;
	}
	
	.burger-lines #menu-burger span:nth-child(2){
	  top: 13px;
	}
	
	.burger-lines #menu-burger span:nth-child(3){
		display:none;
	}
	
	.burger-lines #menu-burger.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top:10px;
	}
	
	.burger-lines #menu-burger.open span:nth-child(2) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top:10px;
	}
	
	.light-content #menu-burger span {
		background-color:currentColor;
	}
	
	.white-header #menu-burger span {
		background-color:currentColor;
	}
	
	.light-content .white-header #menu-burger span {
		background-color:currentColor;
	}
	
	.light-content .white-header.over-white-section #menu-burger span, .show-loader1 .light-content .white-header #menu-burger span {
		background-color:currentColor;
	}
	
	/* Modify Colors*/
	
	#clapat-logo {
		overflow:hidden;
	}
	
	#clapat-logo img.black-logo {
		color: #000;
		-webkit-transform: translate(0px, -100px);
		transform: translate(0px, -100px);
		-webkit-filter: drop-shadow(0px 100px 0px);
		filter: drop-shadow(0px 100px 0px);
	}
	
	#clapat-logo img.white-logo {
		color: #fff;
		-webkit-transform: translate(0px, -100px);
		transform: translate(0px, -100px);
		-webkit-filter: drop-shadow(0px 100px 0px);
		filter: drop-shadow(0px 100px 0px);
	}
	
	.show-loader #clapat-logo img {
		-webkit-transition: color .25s ease-out, filter .3s ease-in-out;
		transition: color .25s ease-out, filter .3s ease-in-out;
	}
	
	.show-loader .button-wrap.menu {
		-webkit-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
	}
	
	.show-loader .classic-menu .flexnav li a {
		-webkit-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
	}
	
	.show-loader .modify-color {
		-webkit-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
	}
	
	
/*--------------------------------------------------
	05. Main Content
---------------------------------------------------*/		
	
	#content-scroll {
		z-index:1;
		position:relative;
	}
	
	.smooth-scroll #content-scroll {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index:1;		
		overflow:hidden; 
	}
	
	.scroll-content {
		cursor:default!important;
	}
	
	.scale-up .scroll-content {
		cursor:grabbing!important;
	}
	
	.scrollbar-track {
		background: transparent!important;
	}
	
	
/*--------------------------------------------------
	06. Footer Elements
---------------------------------------------------*/		
	
	.clapat-footer {
		position:relative;
		width:100%;
		height:120px;
		z-index:900;
		box-sizing:border-box;
		text-align:center;
		bottom:0;
		left:0;
		overflow:hidden;
		pointer-events:none;
	}
	
	.clapat-footer.fixed {
		position:fixed;
	}
	
	.clapat-footer.showcase-footer{
		position:fixed;
	}
	
	#footer-container {
		padding: 0 80px;
		margin: 20px auto;
		height: 80px;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		bottom: 0;
		left: 0;
	}
	
	.footer-middle {
		position: absolute;
		margin: 0 auto;
		width: 100%;
		height: inherit;
		display: table;
		left: 0;
		pointer-events: none;;
	}
	
	.copyright {
		position: relative;
		top: 25px;
		  font-family: "Oswald", sans-serif;
		width: auto;
		height: 30px;
		overflow: hidden;
		line-height: 30px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 1.4px;
		color: #000;
		pointer-events: initial;
		display: table;
		width: auto;
		padding: 0px 20px 0px 20px;
		max-width: 820px;
		box-sizing:border-box;
		text-align:center;
		margin: 0 auto;	
		font-size: 11px;
	}
	
	.light-content .copyright {
		color:#fff;
	}
	
	.socials-wrap {
		position:relative;
		float: right;
		color: #000;
		width: 240px;
		height: 160px;
		box-sizing: border-box;
		pointer-events:initial;	
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content .socials-wrap {
		color: #fff;
	}
	
	.clapat-footer .socials-wrap {
		margin-top:0px;
		 font-family: "Oswald", sans-serif!important;
		font-size: 11px;
		letter-spacing: 1px;
	}
	
	.socials-wrap:hover {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		 font-family: "Oswald", sans-serif!important;
	}
	
	.socials-text {
		float:right;	
		line-height:40px;
		transform:translateY(20px);
		 font-family: "Oswald", sans-serif!important;
	}
	
	.socials-wrap:hover .socials-text {
		transform: translateY(15px) translateX(5px);
		-webkit-transform: translateY(15px) translateX(5px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;	
		 font-family: "Oswald", sans-serif!important;
	}
	
	.socials-icon {
		float:right;
		width:30px;
		height:40px;
		font-size:14px;
		line-height:40px;
		text-align:right;
		margin-left:10px;
		transform:scale(1) translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.socials-wrap:hover .socials-icon {
		transform:scale(0) translateY(40px);
		width:0;
		margin:0;
		overflow:hidden;
	}
	
	.socials-icon:after, .socials-text:after {
	  content: "";
	  clear: both;
	  display: table;
	}
	
	.socials {
		height: auto;
		line-height: 30px;
		position: relative;
		width: auto;
		margin:0 auto;
		margin-top: 10px;
		text-align: center;
		bottom: 0;
		display: table;
		transform: translateX(15px);
		-webkit-transform: translateX(15px);
	}
	
	.socials-wrap .socials {
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	
	.socials li {
		margin-right: 0px;
		margin-left: 10px;
		list-style: none;
		margin-bottom: 0;
		line-height: 40px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		float: right;
		z-index: 2;
		-webkit-transition: background 0.4s ease-in-out 0s;
		transition: background 0.4s ease-in-out 0s;
	}
	
	.socials-wrap .socials li {
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.socials-wrap:hover .socials li:nth-child(5) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);		
	}
	
	.socials-wrap:hover .socials li:nth-child(4) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);	
	}
	
	.socials-wrap:hover .socials li:nth-child(3) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);		
	}
	
	.socials-wrap:hover .socials li:nth-child(2) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);	
	}
	
	.socials-wrap:hover .socials li:nth-child(1) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);		
	}
		
	.socials li:last-child {
		margin-left: 0px;
	}
	
	.socials li a {
		color: #000;
		display: block;
		height: 40px;
		width: 40px;		
		line-height:40px;
		text-align:center;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	
	.socials:hover li  a {
		opacity:0.3;
	}
	
	.socials li a:hover {
		color: #000;
		opacity:1;
	}
	
	.light-content .socials li a {
		color: #fff;	
	}
	
	.light-content .socials:hover li  a {
		opacity:0.3;
	}
	
	.light-content .socials li a:hover {
		color: #fff;
		opacity:1;
	}
	
	.button-wrap {
		position: relative;
		cursor: pointer;
		top: 0px;
		pointer-events: initial;
		width: auto;
		display: table;
		color:#000;
	}
	
	.over-white-section .button-wrap.menu {
		-webkit-transition: color 0.1s ease-in-out 0s;
		transition: color 0.1s ease-in-out 0s;
	}
	
	.light-content .button-wrap, .dark-section .button-wrap {
		color:#fff;
	}
	
	.light-content .light-section .button-wrap {
		color:#000;
	}
	
	.white-header .button-wrap {
		color:#fff;		
	}
	
	.light-content .white-header .button-wrap {
		color:#000;		
	}
	
	.button-wrap:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	.button-wrap.left {
		float:left;
		left:-32px;	
	}
	
	.button-wrap.right {
		float:right;
		right:-26px;	
	}
	
	#main .button-wrap.left {
		float:none;
		left:-24px;		
	}
	
	#main .button-wrap.button-link.left {
		float:none;
		left:-20px;		
	}
	
	#main .button-wrap.right {
		float:none;
		right:auto;			
	}
	
	#main .button-wrap.button-link.right {
		right:-2px;		
	}
	
	.icon-wrap {
		width: 80px;
		height: 80px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		float:left;
	}
	
	#main .icon-wrap {
		width: 60px;
		height: 60px;
	}
	
	.button-wrap.left .icon-wrap {
		float:left;
	}
	
	.button-wrap.right .icon-wrap {
		float:right;
	}
	
	#main  .text-align-right .button-wrap.right {
		float:right;
	}
	
	.button-icon {
		height: 40px;
		width: 40px;
		color: currentColor;
		text-align: center;
		line-height: 40px;
	}
	
	.button-icon i.fa-solid.fa-sort {
		font-size: 14px;
		line-height: 38px;
	}
	
	.button-icon i {
		height:40px;
		line-height:40px;
		width:40px;
		text-align:center;
	}
	
	#main .button-icon i {
		line-height:40px;
	}
	
	#main .button-icon i.fa.fa-arrow-right {
		font-size:14px;
	}
	
	.button-text {
		line-height:30px;
		margin:25px 0;
		overflow: hidden;
		width:auto;
		padding:0 10px;
		color:currentColor;
	}
	
	#main #hero-footer .button-text span::after {
		content:none;
	}
	
	#main .button-text {
		margin:15px 0;
		transition: transform .2s ease-out;
	}
	
	#main .large-btn .button-text {
		font-size: 24px;
		line-height:40px;
		font-weight:400;
		margin:10px 0;
		transition: transform .2s ease-out;
	}
	
	.light-content .button-text, .dark-section .button-text {
		color:currentColor;
	}
	
	.light-content .light-section .button-text {
		color:currentColor;
	}
	
	.white-header .button-text {
		color:currentColor;		
	}
	
	.light-content .white-header .button-text {
		color:currentColor;		
	}
	
	.light-content .white-header.over-white-section .button-text, .show-loader1 .light-content .white-header .button-text {
		color:currentColor;		
	}
	
	.button-wrap.left a {
		text-align:left;
		float: left;
	}
	
	.button-wrap.right a {
		text-align:right;
		float: right;
	}
	
	.button-wrap.right .button-text {
		padding-left:0px;
	}
	
	.button-link .button-text, #main .button-link .button-text {
		overflow:visible;
		transition: padding 0.3s ease-out;
	}
	
	.button-link.left .button-text {
		padding-left:0px;
	}
	
	.button-link.left:hover .button-text {
		padding-left:10px;
	}
	
	.button-text span {
		position: relative;
		display: inline-block;
		width:auto;
		text-align:center;
		-webkit-transition: transform 0.8s cubic-bezier(.2, 1.33, .25 ,1);
		transition: transform 0.8s cubic-bezier(.2, 1.33, .25 ,1);
	}
	
	.button-text span::before {
		position: absolute;
		width:auto;
		top:0;
		left:0;
		content: attr(data-hover);
		-webkit-transform: translateY(150%) rotate(-10deg);
		transform: translateY(150%) rotate(-10deg);
		-webkit-transition: transform 0.8s cubic-bezier(.2, 1.33, .25 ,1);
		transition: transform 0.8s cubic-bezier(.2, 1.33, .25 ,1);
	}
	
	.button-wrap:hover .button-text span {
		-webkit-transform: translateY(-150%) rotate(-10deg);
		transform: translateY(-150%) rotate(-10deg);
	}
	
	.button-wrap:hover .button-text span::before {
		-webkit-transform: translateY(150%) rotate(10deg);
		transform: translateY(150%) rotate(10deg);
	}
	
	.button-link .button-text span::before {
		content: '';
		position: absolute;
		bottom: 1px;
		left: 0;
		width: 100%;
		height: 1px;
		background: transparent;
		transform: scaleX(1);
		transform-origin: right;
		transition: transform 0.3s ease-out;
	}
	
	.button-link.left .button-text span::before {
		transform-origin: left;
	}
	
	.light-content .button-link .button-text span::before, .dark-section .button-link .button-text span::before {
		background: transparent;
	}
	
	.light-content .light-section .button-link .button-text span::before {
		background: transparent;
	}
  
    .button-wrap.button-link:hover .button-text span {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	.button-link:hover .button-text span::before {
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform-origin: left;
	}
	
	.button-link.left:hover .button-text span::before {
		transform-origin: right;
	}
	
	.button-link .button-icon i {
		background-color:#000;
		color:transparent;
		font-size: 14px;
		border-radius:100%;
		transform: scale(0.2);
		box-sizing:border-box;
		transition: all .3s ease-out;
		text-indent:-100px;
		overflow:hidden;
		opacity:1;
	}
	
	.button-link:hover .button-icon i {
		background-color:#000;
		color:#fff;
		transform: scale(1.2);
		text-indent:0px;
		opacity:1;
	}
	
	.light-content .button-link .button-icon i, .dark-section .button-link .button-icon i {
		background-color:#fff;
	}
	
	.light-content .button-link:hover .button-icon i, .dark-section .button-link:hover .button-icon i {
		background-color:#fff;
		color:#000;
		opacity:1;
	}
	
	.light-content .light-section .button-link:hover .button-icon i {
		background-color:#000;
		color:#fff;
		opacity:1;
	}
	
	.button-link.right .button-icon i {
		transform: scale(0.2) translateX(-60px);
		-webkit-transform: scale(0.2) translateX(-60px);
	}
	
	.button-link.right:hover .button-icon i {
		transform: scale(1.2) translateX(0px);
		-webkit-transform: scale(1.2) translateX(0px);
	}
	
	.button-wrap.left .button-text span {
		text-align:left;
		  font-family: "Oswald", sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	.button-wrap.right .button-text span {
		text-align:right;
		 font-family: "Oswald", sans-serif;
		letter-spacing: 1px;
		
		text-transform: uppercase;
		font-size: 11px;
		
	}
	
	.link-text {
		line-height:30px;
		margin:0;
		overflow: hidden;
		display: table;
		width:auto;
		padding:0;
		color:#000;
		
	}
	
	.clapat-footer .link-text {
		float:left;
		opacity:0;
		margin-top: 25px;
	}
	
	p .link-text {
		display:inline-table;
	}
	
	.light-content .link-text, .dark-section .link-text {
		color:#fff;
	}
	
	.light-content .light-section .link-text {
		color:#000;
	}
	
	.link-text span {
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
		width:auto;
		text-align:center;
		transform-origin: 100% 0%;
		pointer-events:initial;
		cursor:pointer;
	}
	
	.link-text span::before {
		position: absolute;
		width:auto;
		top: 100%;
		left:0;
		content: attr(data-hover);
	}
	
	.link-text:hover span {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		transform-origin: 0% 0%;
	}
	
	.button-icon i.list-view, .button-icon i.grid-view {
		height:40px;
		width:40px;
		position:relative;
		display:block;
	}
	
	.button-icon i.list-view span, .button-icon i.grid-view span {
		width:4px;
		height:4px;
		border-radius:4px;
		background-color:currentColor;
		position:absolute;
		display:block;		
	}
	
	.button-icon i.list-view span:nth-child(1) {
		left:10px;
		top:18px;
	}
	
	.button-icon i.list-view span:nth-child(2) {
		left:18px;
		top:18px;
	}
	
	.button-icon i.list-view span:nth-child(3) {
		left:26px;
		top:18px;
	}
	
	.button-icon i.grid-view span:nth-child(1) {
		left:14px;
		top:14px;
	}
	
	.button-icon i.grid-view span:nth-child(2) {
		right:14px;
		top:14px;
	}
	
	.button-icon i.grid-view span:nth-child(3) {
		left:14px;
		bottom:14px;
	}
	
	.button-icon i.grid-view span:nth-child(4) {
		right:14px;
		bottom:14px;
	}
	
	.clapat-nav-wrapper, .clapat-nav-wrapper.open {
		background:transparent;
	}
	
/*--------------------------------------------------
	07. Responsive
---------------------------------------------------*/			

			
@media only screen and (max-width: 1466px) {
	
	.row_padding_all {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.row_padding_left {
		padding-left:60px;
	}
	
	.row_padding_right {
		padding-right:60px;
	}
	
	.trackbar {
  		padding: 0 60px;
	}
	
	.percentage-intro {
  		bottom: 40px;
	}
	
	.clapat-header {
    	height: 100px;
	}
	
	#header-container {
		padding: 10px 60px;
	}
	
	.flexnav li {
    	padding: 20px;
	}
	
	.clapat-footer {
    	height: 100px;
	}
	
	#footer-container {
    	padding: 0 60px;
		margin: 10px auto;
		 font-family: "Oswald", sans-serif!important;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	.socials-wrap:hover .socials-text {
		transform: translateY(20px) translateX(5px);
		-webkit-transform: translateY(20px) translateX(5px);
		 font-family: "Oswald", sans-serif!important;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 11px!important;
	}
	
}


@media only screen and (max-width: 1024px) {
	
	.parallax-wrap {
		transform:none!important;
	}
	
	.parallax-element {
		transform:none!important;
	}
	
	.has-parallax figcaption {
		display:none;
	}
	
	.destroy {
		display:none;
	}
	
	.row_padding_left {
		padding-left: 0px;
	}
	
	.row_padding_right {
		padding-right: 0px;
	}
	
	.full.row_padding_left {
		padding-left: 40px;
	}
	
	.full.row_padding_right {
		padding-right: 40px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#magic-cursor {
		display:none;
	}
	
	.trackbar {
  		padding: 0 40px;
	}
	
	.percentage-intro {
  		bottom: 40px;
	}

	
	#header-container {
		padding: 10px 40px;
	}
	
	.clapat-nav-wrapper {
		height: 100vh;
		width: 100%;
		position: fixed;
		left: 0;
    	top: 0;		
		box-sizing: border-box;
		visibility: visible;
		pointer-events:none;
		opacity:0;
		padding:20px 0;	
	}
	
	.clapat-nav-wrapper.open {
		visibility:visible;
		pointer-events:initial;
	}
	
	.nav-height {
		position: relative;
		height: 100%;
		padding: 40px 0;
		width: 100%;
		box-sizing: border-box;
		overflow-y: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.flexnav {
		padding: 0 20px;
    	max-height: 2000px;
		display: block;
		width: auto;
		text-align:center;
		box-sizing:border-box;
		background: transparent;
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}
	
	.flexnav.flexnav-show {
		-webkit-transition: all .3s ease-out 0.2s;
		transition: all .3s ease-out 0.2s;	
	}
	
	.flexnav.opacity {
		opacity: 1;
	}
	
	.flexnav li {
		padding:0;
		-webkit-transition: color .15s ease-out 0s;
		transition: color .15s ease-out 0s;	
	}
	
	.flexnav:hover li  {
		color:rgba(255,255,255,0.4)
	}
	
	.flexnav li:hover {
		color:rgba(255,255,255,1)
	}
	
	.flexnav li a, .flexnav li ul li a {
    	background: transparent;
	}
	
	.flexnav li a {
		font-weight:500;
		padding:0;
		border:none;
		-webkit-transition: all .1s ease-in-out 0s;
		transition: all .1s ease-in-out 0s;
	}
	
	.flexnav > li > a {
		font-size: calc(1rem + 4vw);
		line-height: calc(1rem + 4vw);		
	}
	
	.flexnav > li > .touch-button {
		width: 100%;		
		height:calc(1rem + 4vw);
		display: block;
	}
	
	.flexnav li a {
		color:#000;
	}
	
	.invert-header .flexnav li a {
		color: #fff;
	}
	
	.flexnav:hover li a {
		opacity:0.3;
	}
	
	.flexnav li:hover a, .flexnav li a.active{
		opacity:1;
	}
	
	.flexnav .touch-button {
		width: 100%;
		display: block;
		height:10vw;
	}
	
	.flexnav li ul {
		margin-bottom:15px;
	}
	
	.flexnav li ul li a {
		padding: 3px 0;
		font-weight: 500;
		text-transform:none;
		font-size: 18px;
		line-height: 28px;
		border-top: none;
		opacity:0.4;
		-webkit-text-stroke:none;
	}
	
	.uppercase-text .flexnav li ul li a {
		text-transform:uppercase;		
	}
	
	.flexnav li ul li:hover a, .flexnav li ul li a.active{
		opacity:1;
	}
	
	.flexnav:hover li ul li a {
		opacity:0.3;
	}
	
	.flexnav:hover li ul li a.active, .flexnav:hover li ul li:hover > a {
		opacity:1;
	}
	
	.flexnav ul li ul li a {
		background: transparent;
	}
	
	.flexnav li ul li ul li a {
		padding: 10px 40px;	
	}
	
	.flexnav li ul li .touch-button {
		height:30px;
	}
	
	.flexnav .touch-button .navicon {
		display:none;
	}
	
	#menu-burger span.touch-button {
		display:none;
	}
	
	.classic-menu .button-wrap.right.menu {
		display: block;
	}
	
	#footer-container {
    	padding: 0 40px;	
	}
	
	.copyright {
		text-align:center;
		 
	}
	
	.socials-wrap {
		width: 240px;
		 font-family: "Oswald", sans-serif!important;
		height: 40px;
		float:right;
		margin:0 auto;
		right:-10px;
		transform: translateX(0px) translateY(20px)!important;
		-webkit-transform: translateX(0px) translateY(20px)!important;
	}
	
	.socials-wrap:hover {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	
	.socials-icon, .socials-text {
		display:none;
	}
	
	.socials-wrap .socials {
		margin-top: 3px;
		text-align: right;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);	
	}
	
	.socials-wrap .socials li {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	
	.socials-wrap:hover .socials li {
		opacity: 1;
		transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
	}
	
	.socials li {
		margin-right: 10px;
		line-height: 30px;
		height: 30px;
		width: 30px;
		margin: 0 5px auto;
		display: inline-block;
		float: none;
	}
	
	.socials li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
	}
	
}


@media only screen and (max-width: 767px) {
	
	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		font-size: 10px;
		padding: 5px 10px;
		right: 0px;
		border-radius: 0;
	}
	
	.text-aligh-right {
		text-align:left;
	}
	
	.one_half {
    	width: 100%!important;
	}
	
	.one_half {
    	padding-right: 0!important;
	}
	
	.one_half.last {
    	padding-left: 0!important;
	}

	.one_third {
		width: 100%!important;
	}	

	.one_fourth {
		width: 100%!important;
	}	

	.one_fifth {
		width: 100%!important;
	}	

	.one_sixth {
		width: 100%!important;
	}	

	.two_fifth {
		width: 100%!important;
	}	

	.two_fourth {
		width: 100%!important;
	}		

	.two_third {
		width: 100%!important;
	}	

	.three_fifth {
		width: 100%!important;
	}	

	.three_fourth {
		width: 100%!important;
	}	

	.four_fifth {
		width: 100%!important;
	}	

	.five_sixth {
		width: 100%!important;
	}	

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 30px!important;
		margin-right: 0%!important;
	}
	
	.row_padding_top {
		padding-top:10vw;
	}
	
	.row_padding_bottom {
		padding-bottom:10vw;
	}
	
	.row_padding_left {
		padding-left: 0px;
	}
	
	.row_padding_right {
		padding-right: 0px;
	}
	
	.full.row_padding_left {
		padding-left: 30px;
	}
	
	.full.row_padding_right {
		padding-right: 30px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.clip-effects {
		overflow: hidden;
		clip-path: inset(2% 5% round 30px);
	}
	
	hr {
		height: 20px;
	}
	
	.big-title {
    font-size: calc(0.38rem + 2.1vw);
    line-height: calc(0.42rem + 2.3vw);
    font-family: "Prata", serif!important;
	}
	.bigger {
		font-size: 20px;
		line-height: 30px;
	}
	
	.trackbar {
  		padding: 0 30px;
	}
	
	.percentage-intro {
  		bottom: 30px;
	}
	
	.clapat-header {
		height:80px;
	}
	
	#header-container {
    	padding: 0;
		margin: 0 auto;
	}
	
	.header-middle {
		display:none;
	}
	
	.clapat-header .button-text {
    	display: block!important;
		opacity:0;
		pointer-events:none;
  	}
	
	#clapat-logo {
		left: 30px;
	}
	
	.button-wrap.right.menu {
		right: 4px;
	}
	
	.button-wrap.right.menu.burger-lines {
		right: 0px;
	}
	
	.clapat-header .button-text {
		display: none;
	}
	
	.flexnav > li > a {
		font-size: calc(1rem + 5vw);
		line-height: calc(1rem + 6vw);
	}
	
	.flexnav > li > .touch-button {
		width: 100%;		
		height:calc(1rem + 6vw);
		display: block;
	}
	
	.clapat-footer {
		height: 80px;
		 font-family: "Oswald", sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	.footer-button-wrap {
    	bottom: 80px;
	}
	
	#footer-container {
		height: 80px;
		padding: 0 30px;
		margin:0;
	}
	
	#footer-container #backtotop.button-wrap.left {
		float: none;
		top:5px;
		left: 0;
		right: 0;
		position: absolute;
		display:block;
	}
	
	#backtotop.button-wrap.left .button-text {
		text-align: left;
		float: left;
		display: none;
	}
	
	#backtotop.button-wrap.left .icon-wrap {
		float: none;
		position: absolute;
		right: auto;
		left: 0;
		margin: auto;
		top: 0px;
		opacity:0.4;
		-webkit-transition: opacity 0.2s ease-out 0s;
		transition: opacity 0.2s ease-out 0s;
	}
	
	#backtotop.button-wrap.left:hover .icon-wrap {
		opacity:1;
	}
	
	.footer-middle {
		max-width: 1180px;
		height:20px;
		position: relative;
		margin: 0 auto;
		left: 0;
		width: 100%;
		top: 0px;
		margin-bottom: 15px;
	}
	
	.copyright {
		margin: 0 auto;
		left: auto;
		right: auto;
		
		top: 0;
		height: 20px;
		line-height: 20px;
	}
	
	.clapat-footer.showcase-footer .arrows-wrap {
		right: auto;
		left: -30px;
		float: left;
		margin: auto;
	}
	
	.socials-wrap {
		width: auto;
		float: none;
		display: table;
		left: auto;
		right: auto;
		top: 0;
		 font-family: "Oswald", sans-serif!important;
		margin: 0 auto;		
		height: 20px;
		line-height: 20px;
		transform: translateX(0px) translateY(0px)!important;
		-webkit-transform: translateX(0px) translateY(0px)!important;
	}
	
	.socials-wrap .socials {
		text-align: center;
		margin: 0 auto;
		height: 20px;
		line-height: 20px;
		display: table;
		width: auto;
		 font-family: "Oswald", sans-serif!important;
	}
	
	.socials li, .socials li a {
		height: 20px;
		line-height: 20px;
		margin: 0 auto;
	}
	
}


@media only screen and (max-width: 479px) {	
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px!important;
		margin-right: 0%!important;
	}
	
	.row_padding_top {
		padding-top:12vw;
	}
	
	.row_padding_bottom {
		padding-bottom:12vw;
	}
		
	.row_padding_left {
		padding-left: 0px;
	}
	
	.row_padding_right {
		padding-right: 0px;
	}
	
	.full.row_padding_left {
		padding-left: 20px;
	}
	
	.full.row_padding_right {
		padding-right: 20px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	hr {
		height: 10px;
	}
	
	.trackbar {
  		padding: 0 20px;
	}
	
	#clapat-logo {
		left: 20px;
	}
	
	.button-wrap.right.menu {
		right: -6px;
	}
	
	.button-wrap.right.menu.burger-lines {
		right: -10px;
	}
	
	#footer-container {
		padding: 0px;
		margin:0;
	}
	
	.clapat-footer.showcase-footer #footer-container {
		padding: 0px 20px;
	}
	
	.arrows-wrap {
		left: -10px;
		width: 80px;
	}
	
	.prev-wrap, .next-wrap {
    	width: 40px;
	}
	
	.clapat-footer.showcase-footer .arrows-wrap {
		right: 0;
		left: 0;
		float: none;
		margin: auto;
	}
	
	.clapat-footer.showcase-footer .arrows-wrap {
		width: 100%;
	}
	
	.clapat-footer.showcase-footer .prev-wrap, .clapat-footer.showcase-footer .next-wrap {
    	width: 60px;
	}
	
	.clapat-footer.showcase-footer .footer-middle {
		top: 0px;
	}
	
	.clapat-footer.showcase-footer .showcase-subtitles-wrap {
		left: 0;
	}
	
	.clapat-footer.showcase-footer .socials-wrap {
		display:none;
	}
	
	.button-text {
		display:none;
	}
	
	#main-page-content .button-text, #hero .button-text {
		display:block;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    
	#rotate-device {
		display:block;
	}
}

/* Manzé refinements: map marker, compact logo, editorial manifesto */

/* Map: keep the theme's original clipped-image animation, but force the live map to fill it cleanly. */
.clipped-image #map_canvas.manze-map-canvas {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    display: block !important;
    background: #12090b;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#map_canvas.manze-map-canvas.leaflet-container {
    background: #12090b;
    font-family: inherit;
}

#map_canvas.manze-map-canvas .leaflet-pane,
#map_canvas.manze-map-canvas .leaflet-map-pane,
#map_canvas.manze-map-canvas .leaflet-tile-pane,
#map_canvas.manze-map-canvas .leaflet-overlay-pane,
#map_canvas.manze-map-canvas .leaflet-marker-pane,
#map_canvas.manze-map-canvas .leaflet-shadow-pane {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#map_canvas.manze-map-canvas .leaflet-tile-pane {
    filter: contrast(0.98) brightness(0.70) saturate(0.70);
}

#map_canvas.manze-map-canvas .leaflet-control-attribution {
    background: rgba(12, 8, 9, 0.35);
    color: rgba(216, 184, 141, 0.38);
    font-size: 9px;
    letter-spacing: 0.02em;
}

#map_canvas.manze-map-canvas .leaflet-control-attribution a {
    color: rgba(216, 184, 141, 0.54);
}

.manze-map-marker {
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    border: 0 !important;
}

.manze-marker-badge {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(113,36,46, 0.96);
    background-image: url("images/manze-istanbul-logominimalbadge.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    border: 1px solid rgba(216, 184, 141, 0.78);
    box-shadow: 0 12px 28px rgba(0,0,0,0.34), 0 0 0 6px rgba(113,36,46,0.16);
    display: block;
    box-sizing: border-box;
}

#map_canvas.manze-map-canvas .leaflet-popup-content-wrapper,
#map_canvas.manze-map-canvas .leaflet-popup-tip {
    background: #f3dfbd;
    color: #71242e;
    box-shadow: 0 18px 45px rgba(0,0,0,0.25);
}

#map_canvas.manze-map-canvas .leaflet-popup-content {
    font-size: 13px;
    line-height: 1.45;
}

.map-fallback-link {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #d8b88d;
    border: 1px solid rgba(216, 184, 141, 0.45);
    padding: 16px 22px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 11px;
    z-index: 5;
}

.manze-center-logo {
    width: min(118px, 16vw);
    max-width: 118px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.manze-manifesto-title {
    font-family: "Oswald", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.035em;
    font-size: clamp(56px, 6.1vw, 108px);
    line-height: 1.06;
    max-width: 1060px;
    margin: 0 auto;
    color: #d1b390;
}

.manze-manifesto-title .manifesto-line,
.manze-manifesto-title .manifesto-outro {
    display: block;
}

.manze-manifesto-title .line-1 { margin-left: 0.34em; }
.manze-manifesto-title .line-2 { margin-left: 0; }
.manze-manifesto-title .line-3 { margin-left: 1.08em; }
.manze-manifesto-title .line-4 { margin-left: 0.18em; }
.manze-manifesto-title .line-5 { margin-left: 1.44em; }

.manze-manifesto-title .manifesto-outro {
    margin-top: 0.42em;
    font-size: 0.46em;
    line-height: 1.08;
    letter-spacing: 0.16em;
    font-weight: 400;
    opacity: 0.96;
}

.contact-hero-title {
    font-family: "Oswald", sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0.01em;
    font-size: clamp(54px, 5vw, 92px) !important;
    line-height: 1.02 !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.contact-hero-title span {
    display: block;
}

.manze-map-to-info-gradient {
    position: relative;
    height: clamp(92px, 12vw, 160px);
    margin-top: -1px;
    background: linear-gradient(180deg, rgba(9,5,6,0.95) 0%, rgba(113,36,46,0.82) 40%, rgba(113,36,46,0.0) 100%);
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}

.manze-contact-info-row {
    padding-top: clamp(36px, 6vw, 88px);
}

.manze-contact-info-row .one_third {
    margin-top: 0;
}

.manze-contact-info-row .box-icon-content p {
    margin-top: 14px;
}

.manze-contact-info-row .box-icon-content h6 + p {
    margin-bottom: 0;
}

.hero-subtitle.caption-timeline {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .manze-map-marker,
    .manze-marker-badge {
        width: 40px !important;
        height: 40px !important;
    }
    .manze-marker-badge {
        background-size: 30px 30px;
        box-shadow: 0 10px 22px rgba(0,0,0,0.32), 0 0 0 5px rgba(113,36,46,0.14);
    }
    .manze-center-logo {
        width: min(96px, 28vw);
        max-width: 96px;
    }
    .manze-manifesto-title {
        font-size: clamp(40px, 10.5vw, 64px);
        line-height: 1.08;
        letter-spacing: 0.028em;
        max-width: 92vw;
    }
    .manze-manifesto-title .line-1,
    .manze-manifesto-title .line-2,
    .manze-manifesto-title .line-3,
    .manze-manifesto-title .line-4,
    .manze-manifesto-title .line-5,
    .manze-manifesto-title .manifesto-outro {
        margin-left: 0 !important;
    }
    .manze-manifesto-title .manifesto-outro {
        font-size: 0.52em;
        margin-top: 0.5em;
        letter-spacing: 0.12em;
    }
    .contact-hero-title {
        font-size: clamp(42px, 10vw, 64px) !important;
        line-height: 1.02 !important;
        max-width: 92vw;
    }
}

/* Manzé map v3 fix: Leaflet tile images live inside .clipped-image.
   The theme's .clipped-image img rule forces every img to width/height:100%,
   which breaks map tiles into floating squares. These overrides restore Leaflet's
   own tile sizing while keeping the original clipped-image animation intact. */
#map_canvas.manze-map-canvas .leaflet-tile,
.clipped-image #map_canvas.manze-map-canvas img.leaflet-tile {
    width: 256px !important;
    height: 256px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    position: absolute !important;
    display: block !important;
    object-fit: initial !important;
    object-position: initial !important;
    margin: 0 !important;
    z-index: auto !important;
}

#map_canvas.manze-map-canvas .leaflet-marker-icon,
.clipped-image #map_canvas.manze-map-canvas img.leaflet-marker-icon {
    max-width: none !important;
    object-fit: initial !important;
    object-position: initial !important;
}

#map_canvas.manze-map-canvas .leaflet-container,
#map_canvas.manze-map-canvas .leaflet-map-pane,
#map_canvas.manze-map-canvas .leaflet-tile-pane {
    overflow: visible !important;
}


/* Manzé v6: restrained burgundy, image-shadow gradient, manifesto balance */

/* All Manzé burgundy surfaces use the approved shade. */
body, .dark-section, .light-section {
    --manze-burgundy: #71242e;
}

/* Contact map: shadow belongs inside the image/map, not as a separate band. */
.manze-map-image {
    background-color: #71242e;
}

.manze-map-image .clipped-image-gradient {
    opacity: 1 !important;
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    height: 42% !important;
    bottom: 0 !important;
    background: linear-gradient(
        180deg,
        rgba(113,36,46,0) 0%,
        rgba(113,36,46,0.36) 46%,
        rgba(113,36,46,0.90) 100%
    ) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}

/* The map/info spacing stays elegant without creating a visible extra block. */
.manze-contact-info-row {
    padding-top: clamp(52px, 7vw, 104px);
}

/* About manifesto: slightly lower, 30-35% calmer, still bold/editorial. */
.manze-manifesto-row .slowed-text {
    padding-top: clamp(120px, 13vh, 190px);
    justify-content: flex-start;
}

.manze-manifesto-title {
    font-family: "Oswald", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.036em;
    font-size: clamp(42px, 4.35vw, 74px) !important;
    line-height: 1.11 !important;
    max-width: 980px;
    margin: 0 auto;
    color: #d1b390;
}

.manze-manifesto-title .manifesto-line {
    display: block;
}

.manze-manifesto-title .line-1 { margin-left: 0.20em; }
.manze-manifesto-title .line-2 { margin-left: 0.00em; }
.manze-manifesto-title .line-3 { margin-left: 0.33em; }
.manze-manifesto-title .line-4 { margin-left: 1.06em; }

.manze-manifesto-title .manifesto-outro {
    display: inline-block;
    width: auto;
    margin-top: 1.05em;
    margin-left: 1.16em;
    padding: 0.72em 1.05em 0.68em;
    border: 1px solid rgba(209,179,144,0.48);
    border-radius: 999px;
    font-size: 0.22em;
    line-height: 1;
    letter-spacing: 0.20em;
    font-weight: 400;
    opacity: 0.95;
}

/* Contact title: same family, less cramped. */
.contact-hero-title {
    font-family: "Oswald", sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0.012em;
    font-size: clamp(54px, 4.75vw, 88px) !important;
    line-height: 1.05 !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.contact-hero-title span {
    display: block;
}

/* Footer badge kept compact. */
.manze-center-logo {
    width: min(106px, 14vw);
    max-width: 106px;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .manze-manifesto-row .slowed-text {
        padding-top: clamp(92px, 14vh, 132px);
        justify-content: flex-start;
    }

    .manze-manifesto-title {
        font-size: clamp(36px, 9vw, 54px) !important;
        line-height: 1.10 !important;
        letter-spacing: 0.028em;
        max-width: 92vw;
    }

    .manze-manifesto-title .line-1,
    .manze-manifesto-title .line-2,
    .manze-manifesto-title .line-3,
    .manze-manifesto-title .line-4,
    .manze-manifesto-title .manifesto-outro {
        margin-left: 0 !important;
    }

    .manze-manifesto-title .manifesto-outro {
        margin-top: 0.92em;
        padding: 0.72em 0.96em 0.68em;
        font-size: 0.28em;
        letter-spacing: 0.14em;
    }

    .contact-hero-title {
        font-size: clamp(42px, 9vw, 62px) !important;
        line-height: 1.06 !important;
        max-width: 92vw;
    }

    .manze-contact-info-row {
        padding-top: clamp(40px, 10vw, 72px);
    }

    .manze-center-logo {
        width: min(88px, 24vw);
        max-width: 88px;
    }
}


/* Manzé contact safe restore:
   About/slowed manifesto animation is intentionally untouched. */

.manze-map-to-info-gradient {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Index'teki clipped gradient mantığını contact map'e de uyguluyoruz.
   Leaflet katmanları yüksek z-index kullandığı için sadece layer sırasını düzeltiyoruz. */
.manze-map-image .clipped-image-gradient {
    z-index: 1200 !important;
    background-color: #71242e !important;
    pointer-events: none !important;
}

.manze-contact-info-row {
    padding-top: clamp(48px, 5.4vw, 88px) !important;
    padding-bottom: clamp(84px, 8vw, 126px) !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(30px, 4.8vw, 74px);
    flex-wrap: nowrap;
}

.manze-contact-info-row > .one_third {
    float: none !important;
    width: min(30.6%, 390px) !important;
    margin: 0 !important;
    display: flex;
    justify-content: center;
}

.manze-contact-info-row .box-icon-wrapper {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.manze-contact-info-row .box-icon {
    width: 36px;
    height: 36px;
    margin: 0 0 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manze-contact-info-row .box-icon i {
    font-size: 22px !important;
    line-height: 1 !important;
    color: #d1b390 !important;
}

.manze-contact-info-row .box-icon-content h6 {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manze-contact-info-row .box-icon-content h6,
.manze-contact-info-row .box-icon-content h6 span {
    line-height: 1.55 !important;
}

.manze-contact-info-row .box-icon-content p {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    color: rgba(209,179,144,0.86);
}

.manze-hours-card {
    clear: both;
    width: fit-content;
    margin: clamp(54px, 6vw, 86px) auto 0;
    padding: 14px 34px 13px;
    border: 1px solid rgba(209,179,144,0.42);
    border-radius: 999px;
    color: #d1b390;
    font-family: "Oswald", sans-serif !important;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.manze-hours-card span,
.manze-hours-card strong {
    font-family: "Oswald", sans-serif !important;
    line-height: 1;
}

.manze-hours-card span {
    font-size: 11px;
    font-weight: 400;
    opacity: 0.78;
}

.manze-hours-card strong {
    font-size: 13px;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .manze-contact-info-row {
        padding-top: clamp(52px, 12vw, 84px) !important;
        padding-bottom: clamp(68px, 14vw, 96px) !important;
    }

    .manze-contact-info-row .one_third {
        margin-bottom: 42px;
    }

    .manze-contact-info-row .box-icon i {
        font-size: 22px !important;
    }

    .manze-hours-card {
        flex-direction: column;
        gap: 7px;
        margin-top: 18px;
        padding: 14px 26px 13px;
    }
}


/* Manzé v10 final safe polish
   - About sliding/slowed animation is intentionally preserved.
   - Contact map gradient uses the same clipped-image-gradient behavior as index about.mp4. */

/* Hide old spacer band completely. */
.manze-map-to-info-gradient {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Contact map gradient: same logic as index clipped video.
   Keep opacity/transform animated by the theme; only raise z-index above Leaflet panes. */
.manze-map-image .clipped-image-gradient {
    position: absolute !important;
    height: 30% !important;
    width: 100% !important;
    bottom: 0 !important;
    opacity: 0;
    background-color: #71242e !important;
    z-index: 1200 !important;
    -webkit-mask-image: linear-gradient(transparent, black 85%) !important;
    mask-image: linear-gradient(transparent, black 85%) !important;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    pointer-events: none !important;
}

/* Compact contact information so the section does not open too much. */
.manze-contact-info-row {
    padding-top: clamp(48px, 5.4vw, 88px) !important;
    padding-bottom: clamp(78px, 7.2vw, 118px) !important;
}

.manze-contact-info-row .one_third {
    margin-top: 0 !important;
}

.manze-contact-info-row .box-icon-wrapper {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}

.manze-contact-info-row .box-icon {
    margin-bottom: 18px;
}

.manze-contact-info-row .box-icon i {
    font-size: 22px !important;
    line-height: 1 !important;
    color: #d1b390 !important;
}

.manze-contact-info-row .box-icon-content h6 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.manze-contact-info-row .box-icon-content h6,
.manze-contact-info-row .box-icon-content h6 span {
    line-height: 1.48 !important;
}

.manze-contact-info-row .box-icon-content p {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    color: rgba(209,179,144,0.86);
}

.manze-hours-inline {
    width: 100%;
    margin: 0;
    min-height: 46px;
    padding: 12px 16px 11px;
    border: 1px solid rgba(209,179,144,0.30);
    border-radius: 0;
    background: rgba(18,9,11,0.08);
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: #d1b390;
    font-family: "Oswald", sans-serif !important;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.manze-location-utility {
    width: min(100%, 330px);
    margin: clamp(36px, 3.4vw, 54px) auto 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.manze-location-map-button {
    width: 100%;
    max-width: 300px;
    min-height: 44px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #d1b390 !important;
    -webkit-text-fill-color: #d1b390 !important;
    border: 1px solid rgba(209,179,144,0.45);
    background: transparent;
    font-family: "Oswald", sans-serif !important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.manze-location-map-button i,
.manze-location-map-button svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    font-size: 12px;
    line-height: 1;
    opacity: 0.82;
}

.manze-hours-note {
    width: 100%;
    max-width: 360px;
    margin: 0 auto !important;
    color: rgba(209,179,144,0.68);
    font-family: "Oswald", sans-serif !important;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    white-space: nowrap;
}

.manze-location-map-button:hover,
.manze-location-map-button:focus-visible {
    background: rgba(209,179,144,0.04);
    border-color: rgba(209,179,144,0.70);
    opacity: 0.95;
    transform: translateY(-1px);
    outline: none;
}

.manze-location-map-button:active {
    transform: translateY(0);
    opacity: 0.85;
}

.manze-hello-mail-link {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-decoration: none !important;
}

.manze-hello-mail-link:hover,
.manze-hello-mail-link:focus-visible {
    color: #f1d4a8 !important;
    -webkit-text-fill-color: #f1d4a8 !important;
    outline: none;
}

.manze-hours-inline .manze-hours-kicker,
.manze-hours-inline .manze-hours-times,
.manze-hours-inline .manze-hours-line {
    font-family: "Oswald", sans-serif !important;
    line-height: 1.12;
}

.manze-hours-inline .manze-hours-kicker {
    font-size: 10px;
    font-weight: 400;
    opacity: 0.68;
    white-space: nowrap;
}

.manze-hours-inline .manze-hours-times {
    display: grid;
    gap: 5px;
    text-align: left;
}

.manze-hours-inline .manze-hours-line {
    display: block;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.manze-hours-inline .manze-hours-line:last-child {
    color: #f1d4a8;
}

/* About CTA: uses template rounded outline button; participates in the existing slowed/sliding block. */
.manze-manifesto-title .manifesto-outro {
    display: none !important;
}

.manze-manifesto-cta {
    margin-top: clamp(22px, 2.2vw, 34px);
    pointer-events: auto;
    z-index: 20;
}

.manze-manifesto-cta .button-border {
    border-radius: 999px !important;
    border-color: rgba(209,179,144,0.52) !important;
}

.manze-manifesto-cta .button-border a,
.manze-manifesto-cta .button-border span {
    font-family: "Oswald", sans-serif !important;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.manze-manifesto-cta .button-border span {
    color: #d1b390;
}

@media only screen and (max-width: 767px) {
    .manze-contact-info-row {
        padding-top: clamp(34px, 9vw, 58px) !important;
        padding-bottom: clamp(44px, 10vw, 68px) !important;
        flex-direction: column;
        align-items: center;
        gap: 34px;
    }

    .manze-contact-info-row > .one_third {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    .manze-contact-info-row .box-icon i {
        font-size: 21px !important;
    }

    .manze-location-utility {
        width: min(100%, 320px);
        margin-top: 30px;
    }

    .manze-location-map-button {
        max-width: 100%;
    }

    .manze-hours-note {
        white-space: normal;
        max-width: 280px;
    }

    .manze-hours-inline {
        flex-direction: column;
        gap: 7px;
        padding: 12px 18px 11px;
    }

    .manze-hours-inline .manze-hours-times {
        text-align: center;
    }

    .manze-hours-inline .manze-hours-line {
        font-size: 14px;
    }

    .manze-manifesto-cta {
        margin-top: 22px;
    }
}


/* Manzé v11: refined menu dividers for Food / Cocktail / Manzé Selection */
.team-members-list li {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.team-members-list li::before {
    content: "";
    position: absolute;
    left: clamp(36px, 7vw, 118px);
    right: clamp(36px, 7vw, 118px);
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(209,179,144,0) 0%,
        rgba(209,179,144,0.05) 12%,
        rgba(209,179,144,0.26) 50%,
        rgba(209,179,144,0.05) 88%,
        rgba(209,179,144,0) 100%
    );
    opacity: 0.78;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}

.team-members-list li:first-child::before {
    opacity: 0.48;
}

.team-members-list li::after {
    content: "";
    position: absolute;
    left: clamp(36px, 9vw, 156px);
    right: clamp(36px, 9vw, 156px);
    top: 1px;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.035) 50%,
        rgba(255,255,255,0) 100%
    );
    opacity: 0.42;
    pointer-events: none;
}

.team-members-list li:last-child {
    border-bottom: 0 !important;
}

.team-members-list li:last-child::after {
    display: none;
}

.team-members-list .team-member > span {
    color: rgba(209,179,144,0.84) !important;
}

.team-members-list .team-member > div {
    color: #d1b390;
}

@media only screen and (max-width: 767px) {
    .team-members-list li::before {
        left: 24px;
        right: 24px;
    }

    .team-members-list li::after {
        left: 42px;
        right: 42px;
    }
}


/* Manzé v12: beige magic cursor across index / about / contact */
#magic-cursor {
    mix-blend-mode: normal;
}

#ball {
    border-color: #d1b390 !important;
    color: #d1b390 !important;
}

.light-content #ball,
#ball.over-movie,
.light-content #ball.with-icon {
    border-color: #d1b390 !important;
}

#ball:before,
#ball:after,
.light-content #ball:before,
.light-content #ball:after {
    color: #d1b390 !important;
}

#ball i,
#ball p,
#ball .first,
#ball .center-first {
    color: #d1b390 !important;
}

#ball-loader,
#ball-loader:before,
#ball-loader:after {
    border-color: #d1b390 !important;
}


/* Manzé v13: Instagram links + cursor verification */
.manze-insta-grid a.manze-instagram-link {
    cursor: pointer;
}

.manze-contact-instagram-row {
    padding-top: clamp(54px, 7vw, 96px) !important;
    padding-bottom: clamp(48px, 6vw, 86px) !important;
}

.manze-instagram-kicker {
    width: 100%;
    margin: 0 auto clamp(28px, 4vw, 48px);
    text-align: center;
    color: #d1b390;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.manze-instagram-kicker span {
    display: block;
    font-size: 11px;
    opacity: 0.72;
    margin-bottom: 8px;
}

.manze-instagram-kicker strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

/* Cursor must be visible after the template removes .hidden-ball. */
body:not(.hidden-ball) #magic-cursor {
    opacity: 1;
    visibility: visible;
}

#magic-cursor #ball {
    border-color: #d1b390 !important;
    color: #d1b390 !important;
}

#magic-cursor #ball:before,
#magic-cursor #ball:after,
#magic-cursor #ball-loader {
    color: #d1b390 !important;
    border-color: #d1b390 !important;
}

@media only screen and (max-width: 767px) {
    .manze-contact-instagram-row {
        padding-top: 48px !important;
        padding-bottom: 58px !important;
    }
}


/* Manzé v15 SAFE: refined empty cursor, CSS-only */
#magic-cursor {
    width: 24px !important;
    height: 24px !important;
    mix-blend-mode: normal !important;
}

body:not(.hidden-ball) #magic-cursor {
    opacity: 1 !important;
    visibility: visible !important;
}

#magic-cursor #ball {
    width: 46px !important;
    height: 46px !important;
    border: 1px solid #d1b390 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #d1b390 !important;
    opacity: 0.92 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#magic-cursor #ball.with-blur {
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#magic-cursor #ball-loader {
    opacity: 0 !important;
    display: none !important;
}

#magic-cursor #ball:before,
#magic-cursor #ball:after,
#magic-cursor #ball i,
#magic-cursor #ball p,
#magic-cursor #ball .first,
#magic-cursor #ball .center-first {
    color: #d1b390 !important;
}

#magic-cursor #ball-drag-x,
#magic-cursor #ball-drag-y {
    opacity: 0.48 !important;
}

@media only screen and (max-width: 1024px) {
    #magic-cursor {
        display: none !important;
    }
}


/* Manzé contact map: visible Google Maps embed with branded marker */
.manze-map-image {
    background: #160b0d;
}

.manze-map-card {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    cursor: default !important;
    pointer-events: none !important;
    background: #160b0d;
}

.manze-map-frame {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border: 0 !important;
    opacity: 1;
    filter: saturate(0.84) contrast(0.98) brightness(0.9);
    pointer-events: auto;
}

.manze-map-logo-marker {
    position: absolute !important;
    left: 50%;
    top: 48%;
    z-index: 4;
    width: clamp(74px, 7vw, 112px);
    height: clamp(74px, 7vw, 112px);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(113,36,46,0.92);
    border: 1px solid rgba(209,179,144,0.72);
    box-shadow: 0 18px 42px rgba(18,9,11,0.32), 0 0 0 12px rgba(113,36,46,0.14);
    pointer-events: auto;
}

.manze-map-logo-marker img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}

.manze-map-card.is-google-map-active .manze-map-frame {
    display: block !important;
}

.manze-map-vignette {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(113,36,46,0) 0%, rgba(113,36,46,0.06) 58%, rgba(113,36,46,0.28) 100%);
}

.manze-map-copy {
    display: none !important;
    position: absolute;
    left: clamp(28px, 6vw, 88px);
    bottom: clamp(34px, 8vw, 94px);
    z-index: 4;
    color: #d1b390;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    pointer-events: none;
}

.manze-map-copy span {
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 12px;
    color: rgba(209,179,144,0.74);
}

.manze-map-copy strong {
    display: block;
    font-family: 'Kalnia', Georgia, serif;
    font-size: clamp(36px, 6vw, 86px);
    line-height: 0.9;
    font-weight: 400;
    letter-spacing: -0.03em;
    text-transform: none;
}

.manze-map-marker-dot {
    position: absolute !important;
    left: 52.5% !important;
    top: 49% !important;
    z-index: 5 !important;
    width: 54px !important;
    height: 54px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(209,179,144,0.72) !important;
    background: #71242e !important;
    box-shadow: 0 14px 34px rgba(18,9,11,0.34), 0 0 0 12px rgba(113,36,46,0.16) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}

.manze-map-marker-dot img {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
}

.manze-map-hit-area {
    position: absolute !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: block !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    background: transparent !important;
}

.manze-map-button.map-fallback-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    z-index: 10001 !important;
    top: calc(50% + 88px);
    pointer-events: auto !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font: inherit !important;
    line-height: 1 !important;
    text-align: center !important;
    background: rgba(18, 9, 11, 0.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #d1b390 !important;
    -webkit-text-fill-color: #d1b390 !important;
    border-color: rgba(209,179,144,0.48);
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.scale-up .manze-map-hit-area,
.scale-up .manze-map-button.map-fallback-link,
.scale-drag .manze-map-hit-area,
.scale-drag .manze-map-button.map-fallback-link,
.scale-drag-x .manze-map-hit-area,
.scale-drag-x .manze-map-button.map-fallback-link,
.scale-drag-y .manze-map-hit-area,
.scale-drag-y .manze-map-button.map-fallback-link {
    pointer-events: auto !important;
    cursor: pointer !important;
}

.manze-map-button.map-fallback-link:hover,
.manze-map-button.map-fallback-link:focus,
.manze-map-button.map-fallback-link:active {
    background: #71242e !important;
    color: #d1b390 !important;
    -webkit-text-fill-color: #d1b390 !important;
    border-color: #d1b390 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

.manze-map-image .clipped-image-gradient {
    z-index: 3;
    opacity: 0.92 !important;
    height: 34% !important;
    background: linear-gradient(180deg, rgba(113,36,46,0) 0%, rgba(113,36,46,0.42) 54%, #71242e 100%) !important;
    pointer-events: none !important;
}

.manze-map-card {
    isolation: isolate;
}

.manze-map-button.map-fallback-link {
    position: absolute !important;
    left: 50% !important;
    top: calc(50% + 88px) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10002 !important;
    pointer-events: auto !important;
}

.manze-map-hit-area {
    z-index: 10001 !important;
}

@media only screen and (max-width: 767px) {
    .manze-map-copy {
        left: 26px;
        right: 26px;
        bottom: 116px;
    }

    .manze-map-copy span {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .manze-map-copy strong {
        font-size: clamp(34px, 12vw, 54px);
    }

    .manze-map-button.map-fallback-link {
        width: calc(100% - 52px);
        text-align: center;
        padding: 14px 14px;
        font-size: 10px;
    }
}

/* Manzé contact map v21: static Google Maps section, not the fullscreen image module. */
.manze-contact-map-section {
    padding-top: clamp(70px, 9vw, 132px) !important;
    padding-bottom: clamp(54px, 7vw, 96px) !important;
}

.manze-contact-map-shell {
    position: relative !important;
    width: min(1120px, calc(100vw - clamp(42px, 8vw, 152px))) !important;
    height: clamp(420px, 56vw, 680px) !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border: 1px solid rgba(209,179,144,0.38) !important;
    background: #d8d0c6 !important;
    isolation: isolate !important;
}

.manze-contact-map-shell .manze-map-frame {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border: 0 !important;
    opacity: 1 !important;
    filter: saturate(1.04) contrast(1.02) brightness(0.96) !important;
    pointer-events: auto !important;
}

.manze-contact-map-shell .manze-map-logo-marker {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 3 !important;
    width: 54px !important;
    height: 54px !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(113,36,46,0.94) !important;
    border: 1px solid rgba(209,179,144,0.76) !important;
    box-shadow: 0 18px 42px rgba(18,9,11,0.28), 0 0 0 10px rgba(113,36,46,0.13) !important;
    pointer-events: auto !important;
}

.manze-contact-map-shell .manze-map-logo-marker img {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
    object-fit: contain !important;
}

@media only screen and (max-width: 767px) {
    .manze-contact-map-shell {
        width: calc(100vw - 36px) !important;
        height: 420px !important;
    }
}

/* Manzé home responsive v25: calmer reading flow without changing desktop. */
.manze-home-slider-spacer {
    display: block;
    height: 200px;
}

.manze-home-instagram-spacer,
.manze-home-footer-spacer {
    display: block;
    height: 84px;
}

@media only screen and (max-width: 1024px) {
    body.manze-home .manze-home-manifesto-row {
        padding-top: clamp(34px, 10vw, 56px) !important;
        padding-bottom: clamp(28px, 9vw, 46px) !important;
        overflow: visible !important;
    }

    body.manze-home .manze-home-manifesto {
        position: relative !important;
        display: block !important;
        width: min(100%, 560px) !important;
        margin: 0 auto !important;
        min-height: 0 !important;
        height: auto !important;
        transform: none !important;
    }

    body.manze-home .manze-home-kicker {
        position: sticky;
        top: 92px;
        z-index: 5;
        width: max-content;
        max-width: calc(100vw - 48px);
        margin: 0 auto clamp(22px, 7vw, 34px) !important;
        padding: 12px 18px 11px;
        border: 1px solid rgba(209,179,144,0.34);
        background: rgba(113,36,46,0.96);
        color: #d1b390 !important;
        font-family: "Oswald", "Barlow Condensed", Arial, sans-serif !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        text-align: center;
    }

    body.manze-home .manze-home-kicker br {
        display: none !important;
    }

    body.manze-home .manze-home-kicker img {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto 10px;
    }

    body.manze-home .manze-home-manifesto .pinned-lists {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    body.manze-home .manze-home-manifesto .pinned-lists li {
        position: relative !important;
        display: block !important;
        transform: none !important;
        opacity: 1 !important;
        margin: 0 auto 8px !important;
        padding: 0 !important;
        color: #d1b390 !important;
        font-family: "Prata", serif !important;
        font-size: clamp(34px, 10.8vw, 52px) !important;
        line-height: 1.03 !important;
        letter-spacing: 0.01em;
        text-transform: none;
    }

    body.manze-home .manze-home-manifesto .pinned-lists li br {
        display: none !important;
    }

    body.manze-home .manze-home-story-copy {
        display: block !important;
        max-width: 31rem;
        margin: clamp(18px, 7vw, 32px) auto 0 !important;
        padding: 18px 20px 19px;
        border: 1px solid rgba(209,179,144,0.20);
        background: rgba(113,36,46,0.88);
        color: rgba(209,179,144,0.94) !important;
        font-family: "Prata", serif !important;
        font-size: 15px !important;
        line-height: 1.58 !important;
        text-align: left;
    }

    body.manze-home .manze-home-story-copy br {
        display: none !important;
    }

    body.manze-home .manze-home-story-copy br:nth-of-type(1),
    body.manze-home .manze-home-story-copy br:nth-of-type(3),
    body.manze-home .manze-home-story-copy br:nth-of-type(5),
    body.manze-home .manze-home-story-copy br:nth-of-type(7) {
        display: block !important;
        content: "";
        margin-top: 0.72em;
    }

    body.manze-home .manze-home-snap-row {
        padding-top: clamp(16px, 6vw, 30px) !important;
        padding-bottom: clamp(14px, 5vw, 26px) !important;
        overflow: visible !important;
    }

    body.manze-home .snap-slider-container {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    body.manze-home .snap-slider-images {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.manze-home .snap-slide,
    body.manze-home .snap-slide .img-mask {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        transform: none !important;
        overflow: hidden !important;
    }

    body.manze-home .snap-slide img {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 5;
        object-fit: cover !important;
        transform: none !important;
    }

    body.manze-home .snap-slider-captions {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 14px auto 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    body.manze-home .snap-slider-captions-wrapper {
        position: relative !important;
        display: grid !important;
        gap: 10px;
        height: auto !important;
        transform: none !important;
    }

    body.manze-home .snap-slide-caption {
        position: relative !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        margin: 0 auto !important;
        padding: 13px 16px 12px;
        width: max-content;
        max-width: min(100%, 520px);
        border: 1px solid rgba(209,179,144,0.26);
        background: rgba(113,36,46,0.96);
    }

    body.manze-home .snap-title.primary-font-title,
    body.manze-home .snap-title.primary-font-title span {
        display: block !important;
        color: #d1b390 !important;
        font-family: "Oswald", "Barlow Condensed", Arial, sans-serif !important;
        font-size: clamp(18px, 5.4vw, 25px) !important;
        line-height: 1.12 !important;
        letter-spacing: 0.035em;
        text-transform: uppercase;
        text-align: center;
    }

    body.manze-home .manze-home-menu-row {
        padding-top: clamp(18px, 6vw, 34px) !important;
        padding-bottom: clamp(34px, 9vw, 54px) !important;
        margin-top: 0 !important;
    }

    body.manze-home .manze-home-menu-row > br,
    body.manze-home .manze-home-menu-row .team-members-list > br {
        display: none !important;
    }

    body.manze-home .team-members-list {
        top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        overflow: visible !important;
    }

    body.manze-home .team-members-list li {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.manze-home .team-members-list .team-member {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    body.manze-home .team-members-list .team-member > div,
    body.manze-home .team-members-list .primary-font-title {
        font-family: "Oswald", "Barlow Condensed", Arial, sans-serif !important;
        letter-spacing: 0.03em;
    }

    body.manze-home .manze-home-slider-spacer {
        height: clamp(24px, 5vw, 48px) !important;
    }

    body.manze-home .manze-home-carousel-row {
        padding-top: 0 !important;
        padding-bottom: clamp(24px, 7vw, 54px) !important;
    }

    body.manze-home .manze-home-carousel-row .clapat-slider-wrapper {
        margin-top: 0 !important;
        transform: none !important;
    }

    body.manze-home .manze-home-contact-row {
        padding-top: clamp(20px, 6vw, 48px) !important;
    }

    body.manze-home .manze-home-contact-row br {
        display: none !important;
    }

    body.manze-home .manze-home-contact-row .one_third {
        margin-bottom: 22px !important;
    }

    body.manze-home .manze-home-instagram-row {
        padding-top: clamp(14px, 4vw, 28px) !important;
        padding-bottom: clamp(18px, 5vw, 36px) !important;
    }

    body.manze-home .manze-home-instagram-spacer {
        display: none !important;
        height: 0 !important;
    }

    body.manze-home .manze-home-instagram-row .manze-insta-grid {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.manze-home .manze-home-footer-spacer {
        height: clamp(18px, 5vw, 34px) !important;
    }
}

@media only screen and (max-width: 479px) {
    body.manze-home .snap-slider-images {
        gap: 8px;
    }

    body.manze-home .snap-slide-caption {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    body.manze-home .manze-home-kicker,
    body.manze-home .manze-home-story-copy,
    body.manze-home .snap-slide-caption {
        border: 0 !important;
        box-shadow: none !important;
    }
}