@charset "utf-8";
@import "fonts/stylesheet.css";
@import "reset.css";


/*
font-family: 'MyriadPro-Bold';
font-family: 'MyriadPro-Light';
font-family: 'MyriadPro-Regular';
font-family: 'MyriadPro-Cond';
font-family: 'MyriadPro-BoldCond';
*/
:root {
	--headerHeight: 70px;
	--kirmizi: rgb(225, 24, 55);
	--kirmizi-alpha: rgba(225, 24, 55, 0.70);
	--gri1: rgb(88, 89, 91);
	--gri2: #f2f2f2;
}

body {margin:0; padding:0px; background:#fff; font-family: 'MyriadPro-Regular'; font-size:14px; color:#777; text-rendering: optimizelegibility;}

*:focus {outline: 0;}
*, *:before, *:after {box-sizing:border-box;}
form {display:inline;}
img {border:none;}

sub, sup {font-size:80%; line-height:0; position: relative; vertical-align: baseline;}
sup {top:-0.3em;}
sub {bottom:-0.3em;}

.container {
	width:100%; Xmax-width:1200px; height:auto; Xoutline:1px solid red;
	margin:0 auto; position:relative; word-wrap:break-word;
	/*padding-right:110px; padding-left:110px;*/
}
.container:after {display:block; clear:both; content:"";}
.container p {font-size:1em; font-family: 'MyriadPro-Light'; line-height:125%; margin:1em 0; color:#000;}
.container p strong {font-family: 'MyriadPro-Bold';}

.header {
	height:var(--headerHeight); position:relative; background:#f2f2f2;
}
.header > div {width:100%; height:100%; max-width:1200px; position:relative; margin:0 auto; background-image:url(images/bg.png); background-size:cover; background-repeat: no-repeat; background-position:top right; }
.header img.logo {max-height:60%; position:absolute; bottom:10px;}
.header .title {color:var(--kirmizi); font-size:13px; font-family: 'MyriadPro-Bold'; position:absolute; bottom:10px; left:10%;}
.topmenu {position:absolute; right:15%; bottom:10px;}
.topmenu a {font-family: 'MyriadPro-Regular'; font-size:13px; color:var(--gri1); line-height:120%; margin-left:1rem; text-decoration:none;}
.topmenu a:hover {text-decoration:underline;}
.rightnav {position:absolute; right:0px; bottom:10px; display:flex; align-items:center;}
a.language {
	font-family: 'MyriadPro-Regular'; font-size:13px; color:var(--gri1); line-height:100%; text-decoration:none; display:flex; align-items:center;
	display:inline-block; border:1px solid var(--gri1); padding:5px 15px 5px 15px; border-radius:10px; margin-right:0.5rem; height:20px;
}
a.fullpdf {line-height:0; margin-right:0.5rem;}
a.fullpdf img {height:30px; width:auto;}
a.burger {line-height:0; margin-right:0.5rem;}
a.burger img {height:20px; width:auto;}
a.download {position:fixed; right:15px; top:40%; z-index:700; text-align:center; font-family: 'MyriadPro-Bold'; font-size:12px; line-height:100%; color:var(--kirmizi); text-decoration:none; opacity:0.7; transition: all 0.8s;}
a.download img {width:30px;}
a.download:hover {opacity:1;}

#slides {width:100%; height:calc(100vh - var(--headerHeight)); height:calc(100dvh - var(--headerHeight)); background:#ddd; position:relative; margin:0 auto; clear:both; overflow:hidden;}
.slide {position:absolute; display:none; width:100%; height:100%; background-position:center center; background-size: cover;}
.slide:first-child {display:block;}
.bullets {display:none; position:absolute; bottom:13px; right:50px; z-index:600;}
.bullet {width:14px; height:5px; margin-right:5px; float:left; background:#fff; border:1px solid #ccc; border-radius:15px; cursor:pointer;}
.bactive {background:#E12826;}
.slide h1 {
	position:absolute; bottom:10%; background-color:var(--kirmizi-alpha); width:100%;
	padding:2rem 4rem; font-family: 'MyriadPro-Regular'; color:#fff; font-size:17px; line-height:125%;
}

.ilkslide {}
.uyumlu {font-family: 'MyriadPro-BoldCond'; color:#000; font-size:12px; position:absolute; top:20px; left:20px;}
#animdiv {width:31.5%; left:10%; position:absolute; bottom:20%;}
#animdiv svg {width:100%; Xleft: 25%; position: relative;}
.slidebuttons {
	position:absolute; top:50%; z-index:610;
	background:none; border:none; line-height:0;
}
.slidebuttons:hover {cursor:pointer;}
.slidebuttons svg {width:40px;}
#btn_prev {left:2rem; transform: rotate(180deg);}
#btn_next {right:2rem;}

.ilkmanset {
	position:absolute; width:55%; right:0; bottom: calc(20% - 0.3em); opacity:0;
	display:flex; flex-direction:column; justify-content: flex-start; font-size:58px; 
} /* font ya da line-height değişirse 0.3em değişir */
.stil1 {font-family: 'MyriadPro-BoldCond'; font-size:1em; line-height:100%; color:#000;} /* 58 */
.stil2 {font-family: 'MyriadPro-BoldCond'; font-size:1.17em; line-height:100%; color:var(--kirmizi);} /* 68 */
.stil3 {font-family: 'MyriadPro-BoldCond'; font-size:1.465em; line-height:100%; color:var(--kirmizi);} /* 85 */

html[lang="en"] .stil1 {font-size:0.8em;}
html[lang="en"] .stil2 {font-size:1.00em;}
html[lang="en"] .stil3 {font-size:1.00em;}

#logo1, #logo2, #logo3, #yedi1, #yedi2, #bes, #yil1, #yil2, #yil3, #yil4, #yil5, #yil6 {
	opacity: 0;
}
    
/* Transform origin değerleri */
#logo1, #logo2, #logo3, #yedi1, #yedi2, #bes {
	transform-box: fill-box;
	transform-origin: center center;
}

.liderler {padding:4em 0;}
.liderwrap {position:relative; width:100%; min-height:32vh; display: flex; align-items: flex-end;}
.lider {width:100%; max-width:1400px; margin:0 auto; display:flex; flex-direction:row; justify-content: flex-start; align-items:stretch;}
.lider > div {flex-grow: 0; flex-shrink: 0; flex-basis: auto; justify-content: flex-end; display: flex; flex-direction: column;}
.lider .foto {width:20%; line-height: 0; z-index:1;}
.lider .foto img {width:100%;}
.lider .title {width:10%; font-size:10px; line-height:120%; padding:0 1em 2em 1em; font-family: 'MyriadPro-Regular'; z-index:1;}
.lider .title strong {font-family: 'MyriadPro-Bold';}
.lider .ozet {width:55%; padding: 0em 5em; z-index:1;}
.lider .isim {font-family: 'MyriadPro-Regular'; font-size:14px; line-height:120%; display:flex; align-items: center; padding-bottom:2em; color:#000;}
.lider .isim strong {font-family: 'MyriadPro-Bold';}
.lider .hilite {font-family: 'MyriadPro-Bold'; font-size:14px; line-height:120%; color:var(--kirmizi); display:flex; align-items: center; height:7em;}
.lider .arrow {width:15%; z-index:1; position:relative; padding-bottom:2em;}
.lider .arrow img {width:45px;}
.liderwrap .altbant {position:absolute; bottom:0; left:0; width:100%; height:7em; z-index:0;}
.liderwrap2 {position:relative; width:100%; max-width:1400px; margin:0 auto; Xpadding-left:calc(35% + 5em); padding-right:15%; padding-left:4em; padding-top:2em;}
.liderwrap2 h1 {font-family: 'MyriadPro-Bold'; font-size:14px; line-height:120%; color:var(--kirmizi);}
.indented {padding-left:3em;}

.gradzemin {
	background-image:url(images/grad.png);
	background-repeat: repeat;
	background-size: contain;
}

.baslik {font-family: 'MyriadPro-Bold'; font-size:25px; line-height:120%; color:var(--kirmizi); margin:1em 0 3em 0;}

div.paydas {width:100%; max-width:1200px; margin-bottom:3em;}
.paydasgorsel {text-align:center; margin:2em 0 4em 0;}
.paydasgorsel img {width:100%; max-width:800px;}
.paydasgorsel2 {text-align:center; padding:3em 0 4em 0;}
.paydasgorsel2 img {width:100%; max-width:850px;}
.paydastablo {width:100%; max-width:1200px; border:1px solid var(--kirmizi); margin:2em auto;}
.paydastablo td {padding:1em; text-align:center;}
.paydastablo tr:first-child td {border-bottom:1px solid #000;}
.paydastablo td:last-child {border-left:1px solid #000;}
.paydastablo p {font-size:1em; font-family: 'MyriadPro-Regular'; line-height:125%; margin:1em 0; color:#000;}
.paydastablo p strong {font-family: 'MyriadPro-Bold';}






footer {background-color: #c2ced5; color: #000; padding: 0.5em 2em 2em 2em; margin-top: auto; font-size:1em; font-family: 'MyriadPro-Regular';}
.footer-menu {list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; width: 100%;}
.footer-menu li {flex: 1; margin: 0; position: relative;}
.footer-menu li:not(:last-child)::after {content: ""; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: #fff;}
.footer-menu a {display: block; padding: 15px 5px; color: #000; text-decoration: none; text-align: center; transition: background-color 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.footer-menu a:hover {background-color: #d7e4ed;}
.tayburn {text-align:center; margin-top:3em;}


@media (max-width: 768px) {
#animdiv {width:70%; left:10%; bottom:50%;}
.ilkmanset {right:0; bottom:30%; left:20%;}
.stil1 {font-size:1.4em; line-height:100%;} /* 58 */
.stil2 {font-size:1.57em; line-height:100%;} /* 68 */
.stil3 {font-size:1.665em; line-height:100%;} /* 85 */

.header img.logo {max-height: 50%; top:10px; bottom:auto; left:5px;}
.header .title {bottom:5px; left:5px; font-family: 'MyriadPro-Regular';}
.topmenu {display:none;}
.topmenu a {display:block; font-size: 13px; line-height:100%; margin-left:0;}
.footer-menu {flex-direction: column;}
.footer-menu li {width: 100%;}
.footer-menu li::after {display: none;}
.footer-menu li:not(:last-child) {border-bottom: 1px solid #fff;}
.container.slideswrapper {padding:0;}
.slide h1 {padding: 1rem 1rem;}
.liderwrap {min-height: 25vh;}
.lider .foto {width:30%;}
.lider .title {width:0%; display:none;}
.lider .ozet {width:60%; padding:0 0.5em;}
.lider .ozet .isim {font-family: 'MyriadPro-Regular'; font-size:12px;}
.lider .ozet .hilite {font-family: 'MyriadPro-Regular'; font-size:12px; line-height:110%; height:9em;}
.liderwrap .altbant {height:9em;}
.lider .arrow {width:10%;}
.lider .arrow img {width:25px;}
.icsayfa .lider .ozet {width:70%;}
.icsayfa .lider .arrow {display:none;}
.liderwrap2 {padding-right:1em; padding-left:1em;}
}
		
		
@media (max-width: 992px) {
	.ilkmanset {font-size:4vw;}
}