/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}


/*
	VARIABLES
*/
:root {
	--gap-sm: 20px;
	--gap-md: 40px;
	--gap-lg: 80px;
	--gap-xl: 120px;
	--gap-header: 88px;

	--color-black: #171717;
	--color-gray: #6c7778;
	--color-white: #FFFFFF;
	--color-red: #E1231D;
	--color-gray-trans: rgba(110, 122, 123, 0.3);
}


/*
	CUSTOM NORMALIZE
*/
body {
	margin: 0;
	padding: 0;
	background: var(--color-white);
	width: 100%;
	height: 100%;
	color: var(--color-black);

	font-family: 'Lexend', sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0;

	font-size: 1rem;
	line-height: 1.33;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 1em;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
}
a:focus-visible,
button:focus-visible {
	outline: thin dotted;
}
.logo a {
	display: block;
}


/*
	TYPOGRAPHY
*/
.text_18 {
	font-size: 1.125rem;
}
.text_20 {
	font-size: 1.25rem;
}
.text_24 {
	font-size: 1.5rem;
}
.text_48 {
	font-size: 3rem;
}
.text_54 {
	font-size: 3.375rem;
}


/*
	ANIMATIONS
*/
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.animate {
  opacity: 0;
  transition: opacity .6s ease, transform .6s ease !important;
  transition-delay: var(--anim-delay, 0ms) !important;
}
.animate[data-direction="left"] {
  transform: translateX(calc(-1* var(--gap-lg)));
}
.animate[data-direction="right"] {
  transform: translateX(var(--gap-lg));
}
.animate[data-direction="bottom"] {
  transform: translateY(var(--gap-lg));
}
.animate[data-direction="scaleup"] {
  transform: scale(0.5);
}
.animate[data-direction="scaleup"].animated {
  transform: scale(1);
}
.animate.animated {
  opacity: 1 !important;
  transform: translate(0) !important;
}


/*
	SECTIONS
*/
.site_nav {
	font-weight: 500;
	padding: var(--gap-sm) 0;

	position: sticky;
	top: 0;
	z-index: 100;
}
.site_nav .container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--gap-lg);
}
.site_nav.site_header {
	background-color: var(--color-black);
	color: var(--color-white);
	text-transform: uppercase;
}
.site_nav.site_footer {
	background-color: var(--color-white);
	color: var(--color-gray);
}
.site_nav .logo {
	margin-left: 0;
	margin-right: auto;
}
.site_nav img {
	height: 48px;
	width: auto;
}
.site_nav li:not(.logo) a:hover,
.site_nav li:not(.logo) a:focus-visible,
.ul_link:hover,
.ul_link:focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 0.07em;
	text-underline-offset: 0.1em;
}

.top_video {
	position: relative;
}
.top_video h1 {
	color: var(--color-white);
	font-weight: 500;
	margin-bottom: 0;
}
.top_video > .container {
	position: absolute;
	z-index: 5;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding-top: var(--gap-xl);
	padding-bottom: var(--gap-xl);
}
.top_video video {
	max-height: calc(100vh - var(--gap-header));
	max-height: calc(100svh - var(--gap-header));
	overflow: hidden;
	object-fit: cover;
	aspect-ratio: 16/9;
}

.section_text {
	max-width: 580px;
}

.markalar_wrap {
	background-color: var(--color-red);
	color: var(--color-white);
	text-align: center;
	padding: var(--gap-lg);
	border-radius: var(--gap-md);
}
.markalar_wrap h2 {
	margin-bottom: 1.5em;
}
.markalar_btns {
	display: flex;
	gap: 1em;
	align-items: center;
	justify-content: center;
	transition: opacity .6s ease;
}
.markalar_btns > button {
	padding: 0.75em 1.5em;
	transition: background-color .3s ease, color .3s ease;
}

#age_gate_accept {
	background-color: var(--color-white);
	color: var(--color-gray);
}
#age_gate_decline {
	background-color: var(--color-gray);
	color: var(--color-white);
}
.markalar_btns > button:hover,
.markalar_btns > button:focus-visible {
	background-color: var(--color-black) !important;
	color: var(--color-white) !important;
}

.markalar_content {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-md);
	align-items: center;
	justify-content: center;
	filter: blur(0.3em);
	opacity: 0.5;
	transition: opacity .6s ease, filter .6s ease;
}
.markalar_content > * {
	background-color: var(--color-white);
	color: var(--color-black);
	padding: var(--gap-md);
	border-radius: var(--gap-sm);
}

.markalar_inner {
	position: relative;
}
.markalar_gate {
	position: absolute;
	z-index: 10;
	width: 100%;
	top: -3em;
	left: 0;
}
.marka_error {
	display: none;
}
.markalar_wrap.accepted .markalar_content {
	filter: none;
	opacity: 1;
}
.markalar_wrap.accepted .markalar_gate {
	display: none;
}
.markalar_wrap.declined .markalar_content {
	opacity: 0;
}
.markalar_wrap.declined .markalar_btns,
.markalar_wrap.declined .marka_gate {
	display: none;
}
.markalar_wrap.declined .marka_error {
	display: block;
}
.markalar_wrap:not(.accepted) .markalar_content {
	pointer-events: none;
	user-select: none;
}

.button_wrap svg {
	height: 2em;
	width: auto;
}



.img_marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.marquee_inner {
  display: flex;
  width: max-content;
  animation: imgs-marquee var(--duration, 40s) linear infinite alternate;
  will-change: transform;
  backface-visibility: hidden;
}
.marquee_items {
  display: flex;
  align-items: center;
  gap: var(--gap-md);
  margin-left: var(--gap-md);
  margin-right: var(--gap-md);
}
.marquee_items > * {
	background-color: var(--color-gray-trans);
}
.marquee_inner img {
	aspect-ratio: 1/1;
	height: 40vw;
	width: auto;
}
@keyframes imgs-marquee {
  from {
    transform: translate3d(0,0,0);
  }
  to {
    transform: translate3d(calc(-1 * var(--scroll-distance)),0,0);
  }
}

#iletisim {
	background-color: var(--color-gray-trans);
	color: var(--color-gray);
}
#iletisim .section_text {
	margin-bottom: var(--gap-md);
}


/*
	GENERAL
*/
html {
	scroll-behavior: smooth;
}
p {
	margin-top: 0;
	margin-bottom: 1em;
}
p:last-child {
	margin-bottom: 0 !important;
}
::selection {
	background-color: var(--color-gray-trans);
	color: var(--color-black);
}
img,
video {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	user-select: none;
}
strong, b {
	font-weight: 600;
}
.container {
	max-width: calc(1400px + (2*var(--gap-md)));
	width: 100%;
	padding-left: var(--gap-md);
	padding-right: var(--gap-md);
	margin-left: auto;
	margin-right: auto;
}
.button {
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.5em 1em;
	letter-spacing: 0.1em;
	display: inline-block;
	transition: background-color .3s ease, color .3s ease;
}
button.button {
	box-shadow: none;
	border: 0;
	border-radius: 0;
	cursor: pointer;
}
.button > span {
	display: flex;
	align-items: center;
	gap: 0.25em;
}
.button_red {
	background-color: var(--color-red);
	color: var(--color-white);
}
.button_red:hover,
.button_red:focus-visible {
	background-color: var(--color-black);
}
.color_red {
	color: var(--color-red);
}
#content > *[id] {
	scroll-margin-top: var(--gap-header);
	padding-top: var(--gap-xl);
	padding-bottom: var(--gap-xl);
}
#ankol {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.text_w500 {
	font-weight: 500;
}
.text_w600 {
	font-weight: 600;
}

address {
	font-style: normal;
}



@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lexend-v26-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/lexend-v26-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/lexend-v26-latin_latin-ext-600.woff2') format('woff2');
}






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

	body {
		font-size: 0.9em;
	}
	.text_18 {
		font-size: 1.00rem;
	}
	.text_20 {
		font-size: 1.15rem;
	}
	.text_24 {
		font-size: 1.35rem;
	}
	.text_48 {
		font-size: 2.7rem;
	}
	.text_54 {
		font-size: 3.0rem;
	}
	.site_nav img {
		height: 40px;
	}

	:root {
		--gap-sm: 16px;
		--gap-md: 32px;
		--gap-lg: 64px;
		--gap-xl: 96px;
		--gap-header: 72px;
	}
}

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

	.site_nav .container {
		gap: calc(1.5* var(--gap-md));
	}

	body {
		font-size: 0.90em;
	}
	.text_18 {
		font-size: 0.95rem;
	}
	.text_20 {
		font-size: 1.10rem;
	}
	.text_24 {
		font-size: 1.30rem;
	}
	.text_48 {
		font-size: 2.55rem;
	}
	.text_54 {
		font-size: 2.8rem;
	}
	.site_nav img {
		height: 36px;
	}

	:root {
		--gap-sm: 16px;
		--gap-md: 28px;
		--gap-lg: 56px;
		--gap-xl: 84px;
		--gap-header: 68px;
	}
}


@media only screen and (min-width: 1000px) {
	.mobile_only {
		display: none !important;
	}
}

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

	.marquee_inner img {
		height: 50vw;
	}

	.button_wrap a {
		font-size: 1rem;
	}
	.top_video video {
		aspect-ratio: 1/1;
	}

	.site_nav.site_header {
		position: absolute;
		left: 0;
		width: 100%;
	}
	.site_header .container > li:not(.logo) {
		display: none;
	}

	.text_18 {
		font-size: 0.90rem;
	}
	.text_20 {
		font-size: 1.00rem;
	}
	.text_24 {
		font-size: 1.15rem;
	}
	.text_48 {
		font-size: 2.15rem;
	}
	.text_54 {
		font-size: 2.35rem;
	}
	.site_nav img {
		height: 36px;
	}

	:root {
		--gap-sm: 16px;
		--gap-md: 20px;
		--gap-lg: 36px;
		--gap-xl: 48px;
		--gap-header: 0;
	}
}

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

	.top_video > .container {
		flex-wrap: wrap;
		gap: var(--gap-md);
	}
	.top_video > .container > * {
		flex-basis: 100%;
	}
	.markalar_content > * {
		flex-basis: calc(50% - (0.5* var(--gap-md)));
	}

	.marquee_inner img {
		height: 60vw;
	}

	.site_nav.site_footer > .container {
		flex-wrap: wrap;
		gap: 10px;
	}
	.site_nav.site_footer .logo {
		margin-bottom: 1.5em;
	}
	.site_nav.site_footer ul > li {
		width: 100%;
	}
	.site_nav {
		padding-top: var(--gap-md);
		padding-bottom: var(--gap-md);
	}
}

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

	.top_video > .container {
		padding-bottom: var(--gap-md);
	}

	.markalar_wrap {
		padding: calc(1.5* var(--gap-md));
	}
	.markalar_content > * {
		padding: var(--gap-md) 10px;
		font-size: 1rem;
	}
}

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

	.markalar_content > * {
		flex-basis: 100%;
		padding: 10px;
	}
}