@charset "utf-8";
@import "fonts/stylesheet.css";
@import "reset.css";
/*
font-family: 'gotham_narrowlight';
font-family: 'gotham_narrowbold';
font-family: 'gotham_narrowbook';
font-family: 'gotham_narrowmedium';	

kirmizi:  #D40A1C
*/

:root {
  --header-height: 185px;
  --top-menu-height: 50px;
}

body {margin:0px; padding:0px; font-family: 'gotham_narrowbook'; font-size:13px; color:#666;}

*:focus {outline: 0;}
* {outline: 0;}
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;}
table, td {border-collapse:collapse;}
em {font-style:italic;}

table {width:100%; margin:20px 0 20px 0;}
table td {border-top:1px solid #231F20; border-bottom:1px solid #231F20; padding:2px 4px;}
table th {font-family: 'gotham_narrowmedium'; color:#D40A1C; padding:2px 4px; text-align:inherit; background:#ffffff99; border-bottom:1px solid #D40A1C; border-top:1px solid #D40A1C;}
table td strong {color:#000!important;}
table th strong {color:#D40A1C!important; font-weight:normal;}
.noborder, .noborder td, .noborder th {border:none;}
table.ortali td {padding:7px 0; vertical-align: middle;}
.vmiddle {vertical-align: middle;}

*, *::before, *::after {box-sizing:border-box;}

header, footer, main {width:1240px; margin:0 auto; position:relative;}
header {
	position:fixed; z-index:700; left:0; right:0%; height:calc( var(--header-height) );
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background:url(images/header-bg.png) no-repeat;
}
main {padding-bottom:25px; padding-top:180px!important;} /* Sabit menü için top padding*/
footer {background:#fff; padding:30px 0 20px 0; font-size:13px; display:flex; flex-direction:row; justify-content: space-between}
footer div {display: flex; align-items:center;}
footer a {color:#000; text-decoration:none;}

.sag {padding-top:10px; padding-left:520px; Xbackground:url(images/back.jpg);} /* içeriği sağda olan sayfalarda wrapper */
.max100 {max-width:100%;}
.content .max50 {max-width:50%;}
.content .max30 {max-width:30%;}
.content .max25 {max-width:25%;}
.saga, .float-right {float:right; margin:0 0 1em 1em;}
.sola, .float-left {float:left; margin:0 1em 1em 0;}

.genis h2 {float:left; margin:0 1em 1em 0; max-width:320px;}
.genis h2 img {border-radius:10px;}
.genis h2.moremargin {margin:0 2em 1em 0;}
.radius {border-radius:10px;}

.genisbant {position:relative; left:-390px; width:1110px;} /* dar sayfalarda soldaki hilite alanını da kaplayan tablolar için */

.logo {position:absolute; top:35px; left:40px; max-width:275px; display:none;}
.logo2 {position:absolute; top:13px; left:24px; Xmax-width:275px; z-index:4000;}
html[lang="en"] .logo {max-width:235px;}
.logo img {width:100%;}
.title {position:absolute; top:57px; top:19px; white-space:nowrap; right:360px; right:91px; font-family: 'gotham_narrowbold'; font-size:17px; color:#000;}
.titleeng {left:667px;}
.navbox {position:absolute; top:50px; width:280px; text-align:center; right:70px; color:#000; font-size:10px; margin:0;}
.navbox a {font-family: 'gotham_narrowbook'; font-size:10px; color:#000; display:inline-block; margin-left:2px; text-decoration:none; vertical-align:middle;}
.navbox a:hover img {filter: invert(14%) sepia(59%) saturate(4214%) hue-rotate(342deg) brightness(113%) contrast(115%);} /*CodePen Home CSS filter generator to target hex color*/
.navbox td {border:none; width:50%;}
.navbox tr:first-child td {border-left:1px solid #000; border-right:1px solid #000;}
.pdflink {width:98px;}
.icon {width:22px;}
.buton {border-radius:15px; border:1px solid #000; display:block; width:100%; color:#000; font-size:14px; padding:3px 0 3px 0;}
.buton:hover, .buton.aktif {background:#fff; color:#D40A1C;}
span.dikme {border-left:1px solid #D6AD6D; margin:0 5px 0 5px;}

.baslik {color:#D40A1C; font-family: 'gotham_narrowbold'; font-size:34px; line-height:120%; margin:40px 0 20px 0; padding:20px 0px 20px 0px;; text-align:center;}
.content {background:#fff; font-size:14px; min-height:650px; Xbackground:url(images/back.jpg);}
.content img {max-width:100%;}
.content p img {border-radius:10px;}
.content p {line-height:130%; margin-bottom:15px;}
.content p strong, .content li strong, .content table strong {font-family: 'gotham_narrowmedium'; font-weight:normal; color:#000;}
.content em strong, .content strong em, .content p em strong {color:#000!important; font-style:normal; font-family: 'gotham_narrowmedium';} /* bold siyah için italic tag */
.content h1 {color:#4D4D4F; font-family: 'gotham_narrowbold'; font-size:19px; line-height:120%; margin:20px 0 20px 0;} 
.content h1:first-child {margin-top:0px;}
.content h4 {color:#D40A1C; font-family: 'gotham_narrowbold'; margin:20px 0 20px 0;} 
.content ul {margin:0px 0px 15px 0px; padding:0px 0px 0px 30px; list-style-position:inside; list-style:disc;}
.content li {margin-bottom:6px; line-height:120%;}
.content ol {margin:0px 0px 15px 0px; padding:0px 0px 0px 30px; list-style-position:outside; list-style-type:decimal; display: block;}
.dipnot {font-size:11px; color:#999;}
.no-top-margin {margin-top:0px!important;}
.kirmizi, .kirmizi strong {color: #D40A1C!important;}
.kirmizicerceve {border:1px solid #E12826; border-radius:10px; padding:10px;}
.siyahcerceve {border:1px solid #000; border-radius:10px; padding:10px;}
.grizemin {border-radius:10px; padding:10px; background:#ddd;}
.kagitzemin {border-radius:10px; padding:30px 30px; Xbackground:url(images/bg.html); background-size:cover;}
.kagitzemin li {text-align:center;}
.kagitzemin strong {border-bottom:1px dotted #D40A1C;}
.notopmargin {margin-top:0px!important;}

.sag h2 {
	position:absolute; left:130px; width:320px; padding:0px 0px 0px 0px; z-index:3; /*50px left, 320px wide*/
	font-family:'gotham_narrowbold'; font-size:19px; color:#4D4D4F; line-height:120%;
}
.sag h2 span {text-transform:none;}
.sag h2 strong {font-family: 'gotham_narrowbold'; font-size:50px; display:block; line-height:100%; margin-bottom:15px; font-weight:normal; color:#000!important;}
.sag h2 strong:nth-child(2), h2 strong:nth-child(3) {color:inherit!important;}
.sag h2 img {max-width:100%; margin:5px 0 5px 0; border-radius:15px;}
.sag h2.nobg {background:none; padding:0px;}
.sag h2.nobg::before, h2.nobg::after {display:none;}
.sag h2 p img {margin:0;}
.sag h3 {position:relative; left:0px; border-radius:10px; border:2px solid #D6AD6D; display:block; width:300px; font-family: 'gotham_narrowmedium'; color:#000; font-size:14px; padding:25px 15px 15px 15px; text-align:center; margin:30px 0 20px 470px;}
.sag h3 strong {
	display:block; position:absolute; color:#E12826!important; width:110px;
	font-family: 'gotham_narrowbold'!important; background:#fff!important; 
	padding:5px; top:-20px; left:calc(50% - 55px); text-align:center;
}

.content table p {margin:5px 0 5px 0!important; padding:0px!important; line-height:110%;}
.mavikutu {background:#D9EFF9; border-radius:15px; padding:20px; margin-bottom:1rem;}

.ska {width:80px; height:auto;}
.gra {width:100%;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
a.pdf {background:url(images/pdf.png) no-repeat 0px 0px; padding-left:20px; padding-bottom:5px;}

.cvtext {
	width:100%; display:none; z-index:10;
	font-family: 'gotham_narrowbook'; font-size:16px; line-height:130%;
}
.cvtext strong {font-family: 'gotham_narrowmedium'; font-weight:normal;}
.cvtext p {margin-bottom:10px;}
.cvtext img {float:left; margin:0 20px 20px 0;}

.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.upper {text-transform:uppercase;}

.indexArrow {position:fixed; bottom:5px; left:calc(50vw - 22px); z-index:550;}
#toTop {position:fixed; width:50px; bottom:70px; right:5px; z-index:1200;}
#arrowdown {position:fixed; bottom:20px; left:calc(50vw - 22px); z-index:550;}
#toTop img, #arrowdown img, .indexArrow img {width:45px; height:auto; opacity:0.5; transition:all 0.2s ease-in-out;}
#toTop img:hover, #arrowdown img:hover, .indexArrow img:hover {opacity:1.0;}


/* SDG RENKLERI */
.i1 {background:#e5243b;}
.i2 {background:#DDA63A;}
.i3 {background:#4C9F38;}
.i4 {background:#C5192D;}
.i5 {background:#FF3A21;}
.i6 {background:#26BDE2;}
.i7 {background:#FCC30B;}
.i8 {background:#A21942;}
.i9 {background:#FD6925;}
.i10 {background:#DD1367;}
.i11 {background:#FD9D24;}
.i12 {background:#BF8B2E;}
.i13 {background:#3F7E44;}
.i14 {background:#0A97D9;}
.i15 {background:#56C02B;}
.i16 {background:#00689D;}
.i17 {background:#19486A;}

.i1:before {content:'1';}
.i2:before {content:'2';}
.i3:before {content:'3';}
.i4:before {content:'4';}
.i5:before {content:'5';}
.i6:before {content:'6';}
.i7:before {content:'7';}
.i8:before {content:'8';}
.i9:before {content:'9';}
.i10:before {content:'10';}
.i11:before {content:'11';}
.i12:before {content:'12';}
.i13:before {content:'13';}
.i14:before {content:'14';}
.i15:before {content:'15';}
.i16:before {content:'16';}
.i17:before {content:'17';}

.i1:before {background-image:url('images/sdg-tr/1.png');}
.i2:before {background-image:url('images/sdg-tr/2.png');}
.i3:before {background-image:url('images/sdg-tr/3.png');}
.i4:before {background-image:url('images/sdg-tr/4.png');}
.i5:before {background-image:url('images/sdg-tr/5.png');}
.i6:before {background-image:url('images/sdg-tr/6.png');}
.i7:before {background-image:url('images/sdg-tr/7.png');}
.i8:before {background-image:url('images/sdg-tr/8.png');}
.i9:before {background-image:url('images/sdg-tr/9.png');}
.i10:before {background-image:url('images/sdg-tr/10.png');}
.i11:before {background-image:url('images/sdg-tr/11.png');}
.i12:before {background-image:url('images/sdg-tr/12.png');}
.i13:before {background-image:url('images/sdg-tr/13.png');}
.i14:before {background-image:url('images/sdg-tr/14.png');}
.i15:before {background-image:url('images/sdg-tr/15.png');}
.i16:before {background-image:url('images/sdg-tr/16.png');}
.i17:before {background-image:url('images/sdg-tr/17.png');}

html[lang="en"] .i1:before {background-image:url('images/sdg-en/1.png');}
html[lang="en"] .i2:before {background-image:url('images/sdg-en/2.png');}
html[lang="en"] .i3:before {background-image:url('images/sdg-en/3.png');}
html[lang="en"] .i4:before {background-image:url('images/sdg-en/4.png');}
html[lang="en"] .i5:before {background-image:url('images/sdg-en/5.png');}
html[lang="en"] .i6:before {background-image:url('images/sdg-en/6.png');}
html[lang="en"] .i7:before {background-image:url('images/sdg-en/7.png');}
html[lang="en"] .i8:before {background-image:url('images/sdg-en/8.png');}
html[lang="en"] .i9:before {background-image:url('images/sdg-en/9.png');}
html[lang="en"] .i10:before {background-image:url('images/sdg-en/10.png');}
html[lang="en"] .i11:before {background-image:url('images/sdg-en/11.png');}
html[lang="en"] .i12:before {background-image:url('images/sdg-en/12.png');}
html[lang="en"] .i13:before {background-image:url('images/sdg-en/13.png');}
html[lang="en"] .i14:before {background-image:url('images/sdg-en/14.png');}
html[lang="en"] .i15:before {background-image:url('images/sdg-en/15.png');}
html[lang="en"] .i16:before {background-image:url('images/sdg-en/16.png');}
html[lang="en"] .i17:before {background-image:url('images/sdg-en/17.png');}