@import url('fonts.css');

.demo-2 {
	font-family: 'Vito', sans-serif;
	--color-text: #FFF;
	/* --color-bg: #9c9c9c; */
	--color-bg: #333;
	--color-link: #8958b1;
	--color-link-hover: #fff;
	--color-info: #000;
}

.content__title { font-family: 'Vito', serif; font-size: 8vw; margin: 0; position: relative; font-weight: bold; z-index: 2 }
.content__subtitle { font-size: 20px; padding: 1rem 0; letter-spacing: 2px; text-indent: 2px; text-align: center; z-index: 2; }
.content__subtitle span{ font-size: 70px; }
.content__subtitle span::after { content: '\2014'; position: relative; display: block; font-size: 70px; text-align: center; }
.menu-trigger { display: none; }
.grim { display: none; }
.content--switch { background-size: cover; }
.content--switch::after { content: ''; pointer-events: none; position: absolute; width: 100%; height: 60px; bottom: 0; background: #fff; }
.content  img{max-width: 100%}


#content-7 { background-color: #FFF;  }
.kvkkcontent {color : #000;}
.kvkk_li{
	height: 100% !important;
	background-color: #f8b461;
}

#content-1 { background-image: url(../images/bg.jpg); }
#content-3 { background-color: #FFF; padding: 0 0 60px; }
#content-3 .contactLogo { position: absolute; top: 15px; left: calc((100% - 251px) / 2); cursor: pointer; }
#content-3 .map { display: block; border: 0; }
#content-3 .address { background-color: #272264; font-size: 16px; padding: 15px 0; }
#content-3 .address a.mapLink { color: #FFF; border: 1px solid #FFF; padding: 15px 60px; display: inline-block; margin-top: 10px; transition: all .2s; }
#content-3 .address a.mapLink:hover { background: rgba(255,255,255,.1); text-decoration: none; }
#content-3 .contactForm input { line-height: 56px; }
#content-3 .contactForm textarea { line-height: 40px; }
#content-3 .contactForm input,
#content-3 .contactForm textarea { height: auto; border-color: #d4dade; }
#content-3 .contactForm button { width: 100%; padding: 21px 0; font-weight: 600; background: #f39420; height: auto; border-radius: 0; transition: all .2s; }
#content-3 .contactForm button:hover { color: #FFF; opacity: 0.9; }
#content-3 .miniForm1 { background: #f39420; padding: 30px; }
#content-3 .miniForm2 { background: #272264; padding: 30px; }
#content-3 .miniForm1 .title,
#content-3 .miniForm2 .title { font-weight: bold; font-size: 20px; color: #FFF; }
#content-3 .miniForm1 p,
#content-3 .miniForm2 p { font-size: 16px; color: #FFF; margin: 15px 0; }
#content-3 .miniForm1 form input,
#content-3 .miniForm2 form input { line-height: 46px; height: auto; border-color: #d4dade; }
#content-3 .miniForm1 form button { background: #272264; }
#content-3 .miniForm2 form button { background: #f39420; }
#content-3 .miniForm1 form button,
#content-3 .miniForm2 form button { padding: 20px 40px; border: 0; font-weight: 600; height: auto; border-radius: 0; transition: all .2s; }
#content-3 .miniForm1 form button:hover,
#content-3 .miniForm2 form button:hover { color: #FFF; opacity: 0.9; }
.menu-trigger-2 {cursor: pointer;}

@media screen and (min-width: 55em) {
	.menu-trigger { display: inline-block; background: none; border: 0; grid-area: menu; justify-self: start; align-self: end; cursor: pointer; pointer-events: auto; font-family: inherit; color: inherit; position: relative; padding: 0; color: #000; white-space: nowrap; z-index: 99; }
	.menu-trigger--close { color: #000; align-self: center; }
	.grim { display: grid; position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; height: 100vh; grid-template-columns: repeat(32,3.125vw); grid-template-rows: repeat(32,3.125vh); pointer-events: none; }
	.grim--open { pointer-events: auto; }
	.grim__item { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
	.grim__item .grim__item-img {transition: all linear .5s}
	.grim__item:hover .grim__item-img {transform: scale(1.1);}
	.grim__item:first-child { grid-area: 31 / 1 / 33 / 2; }
	.grim__item:nth-child(2) { grid-area: 31 / 2 / 33 / 3; }
	.grim__item:nth-child(3) { grid-area: 29 / 1 / 31 / 3; }
	.grim__item:nth-child(4) { grid-area: 29 / 3 / 33 / 5; }
	.grim__item:nth-child(5) { grid-area: 25 / 1 / 29 / 5; }
	.grim__item:nth-child(6) { grid-area: 17 / 1 / 25 / 5; }
	.grim__item:nth-child(7) { grid-area: 17 / 5 / 33 / 17; }
	.grim__item:nth-child(8) { grid-area: 1 / 1 / 17 / 17; }
	.grim__item:nth-child(9) { grid-area: 1 / 17 / 17 / 33; }
	.grim__item:nth-child(10) { grid-area: 17 / 17 / 33 / 33; }
	.grim__item-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; box-shadow: 0 0 0 2px currentColor; background: currentColor; }
    .grim__item-img--2 { background-size:cover !important; }
	.grim__item-bg--1 { color: #f1d3b9; }
	.grim__item-bg--2 { color: #df9e98;}
	.grim__item-bg--3 { color: #fcfdff; }
	.grim__item-bg--4 { color: #9ed4d4; }
	.grim__item-bg--5 { color: #000; }
	.grim__item-bg--6 { color: #7296de; }
	.grim__item-bg--7 { color: #7c95b5; }
	.grim__item-bg--8 { color: #86bfbf; }
	.grim__item-bg--9 { color: #af9b9b; }
	.grim__item-bg--10 { color: #c57d76; }

	.grim__item-img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 50% 100%;
		background-color: currentColor;
	}

	.grim__item-img--1 { color: #fcfdff; }
	.grim__item-img--2 { color: #a9bdd6; }
	.grim__item-img--3 { color: #9ed4d4; }
	.grim__item-img--4 { color: #d0bebe; }
	.grim__item-img--5 { color: #df9e98; }

	.grim__item-content {
		position: relative;
		color: #fff;
		overflow: hidden;
	}

	.grim__item-content:hover,
	.grim__item-content:focus {
		opacity: 0.8;
		color: inherit;
		transition: opacity 0.3s;
	}

	.grim__item-inner {
		padding: 0 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;
		opacity: 0;
	}

	.grim__item-title {
		font-weight: bold;
		margin: 0;
		font-size: 4vmax;
		font-family: 'Vito', serif;
	}

	.grim__item:nth-child(-n+6) .grim__item-title {
		font-size: 2vmax;
	}

	.grim__item:nth-child(5) .grim__item-title {
		color: #fff;
	}

	.grim__item-desc {
		font-size: 0.85rem;
		margin: 0.5rem 0 0 0;
	}

	.grim__item-desc::after {
		content: '\2014';
		position: relative;
		display: block;
		font-size: 1.75rem;
	}
}

.content--switch-current {background-size: 100% 100%; transition: all 1s}
.content--switch-current img.content-img{position: fixed; z-index: 0; width: 100%; height: 100%; top: 0; transition: all linear .5s;animation: img 8s ease alternate; animation-iteration-count: 2;}
.content--switch-current img.content-img:hover{ }

@keyframes img {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.3);
  }
}

.content--switch-current .content__title{ transition: all linear .5s;animation: title 2s ease alternate; animation-iteration-count: 1;}
@keyframes title {
  0% {
    opacity: 0;
    font-size:2vw;
  }
  100% {
    opacity: 1;
  }
}

.content--switch-current .content__subtitle{ transition: all linear .5s;animation: subtitle 5s ease alternate; animation-iteration-count: 1;}
@keyframes subtitle {
  0% {
    opacity: 0;
    font-size:0;
  }
  50% {
    opacity: 0;
    font-size:0;
  }
  100% {
    opacity: 1;
    font-size:20px;
  }
}

.content--switch-current .content__subtitle span,
.content--switch-current .content__subtitle span::after{  transition: all linear .8s;animation: span 8s ease alternate; animation-iteration-count: 1;}
@keyframes span {
  0% {
    opacity: 0;
    font-size:0;
  }
  75% {
    opacity: 0;
    font-size:0;
  }
  100% {
  	opacity: 1;
    font-size: 70px;
  }
}

.contactUsIMG {position: absolute; right: 150px; bottom: 100px; cursor: pointer;}
.kvkkgizlilik {
	cursor: pointer;
	/* background-color: #f8b461; */
}
.kvkkgizlilik:hover{
	background-color: #272264 !important;
}
.kvkk_li:hover{
	background-color: #272264 !important;
}
.gizlilikbutontext {
	font-family: arial;
	margin:unset !important;
	color: #FFF;
	display:flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 36px;
}
.kvkkgizlilik:hover {
		text-decoration: none !important;
}
.contactText {font-size: 20px; font-family: 'Vito'; font-weight: bold; text-shadow: 1px 1px 30px rgba(0, 0, 0, 1);}