@charset "utf-8";
@import "fonts/opensans/stylesheet.css";
@import "fonts/gothamnarrow/stylesheet.css";
@import "reset.css";
/*
font-family:'open_sansbold';
font-family:'open_sanssemibold';
font-family:'open_sansregular';
font-family:'open_sanslight';

font-family:'Gotham Narrow';
font-weight: 100; //Thin
font-weight: 300; //Light
font-weight: normal; //Book - Regular
font-weight: 500; //Medium
font-weight: bold; //bold
font-weight: 900; //Black
*/
:root {
	/* data:image altında # yerinde %23. Bu renkler footer.php'de JS içinde kullanılıyor */
	--color1:#004F6F;
	--color2:#294632;
	--color3:#A44082;
	--color4:#5B6B5B;
	--color5:#DC661E;
	--color6:#1C4387;
	/* header URL öncesi ok */
	--ok1:url('data:image/svg+xml,<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;stroke:%23AB305E;stroke-width:2.5px;"><path d="m 2 6 l 11 0 m -4 4 l 4 -4 m -4 -4 l 4 4"/></svg>');
	/* drop-down menüdeki beyaz ok */
	--ok2:url('data:image/svg+xml,<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;stroke:%23ffffff;stroke-width:2.5px;"><path d="m 2 6 l 11 0 m -4 4 l 4 -4 m -4 -4 l 4 4"/></svg>');
	/* ana sayfa kutu altları */
	--ok3:url('data:image/svg+xml,<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;stroke:%23004F6F;stroke-width:2.5px;"><path d="m 2 6 l 11 0 m -4 4 l 4 -4 m -4 -4 l 4 4"/></svg>');
	--ok4:url('data:image/svg+xml,<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;stroke:%235B6B5B;stroke-width:2.5px;"><path d="m 2 6 l 11 0 m -4 4 l 4 -4 m -4 -4 l 4 4"/></svg>');
	--ok5:url('data:image/svg+xml,<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;stroke:%23A44082;stroke-width:2.5px;"><path d="m 2 6 l 11 0 m -4 4 l 4 -4 m -4 -4 l 4 4"/></svg>');
	--ok6:url('data:image/svg+xml,<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;stroke:%235B6B5B;stroke-width:2.5px;"><path d="m 2 6 l 11 0 m -4 4 l 4 -4 m -4 -4 l 4 4"/></svg>');
}

body {margin:0px; padding:0px; background:#fff; font-family:'Gotham Narrow'; font-weight:normal; font-size:16px; color:#000; text-rendering: optimizelegibility;}

*:focus {outline:0;}
* {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;}
table, td {border-collapse:collapse;}
table {width:100%; margin:1em 0 1em 0;}
td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0px 5px; vertical-align:top;}
th {background:#fff; color:#000; border-top:1px solid #000; border-bottom:1px solid #000; padding:3px; text-align:left; font-family:'open_sanssemibold';}
table p {margin:4px 0 4px 0!important; padding:0px;}
.tr-odd {background:#E4EBF7!important;}
table.cizgili td, table.cizgili th {border:1px solid #231F20;}

.container {/* Padding media queries'de */
	background:#fff; width:100%; height:auto;
	margin:0 auto; position:relative; word-wrap:break-word;
}
.container:after {display:block; clear:both; content:"";}

.container > h1 {font-size:40px; line-height:120%; color:#29ABE2; padding:20px 0 20px 0;}
.container > h1 strong {font-weight:normal!important; font-family:'open_sanssemibold';}

.header {height:170px; position:relative;}
.logo {width:180px; position:absolute; top:15px; z-index:3000;}
.logo img {width:100%; height:auto;}
.headband {position:absolute; right:0px; top:15px; text-align:right; font-size:19px; z-index:1; color:#000; font-weight: normal;}
.headband strong {font-weight: bold;}
.toolbox {position:absolute; right:0px; top:50px; text-align:right; font-size:20px; z-index:2;}
.toolbox a {font-size:16px; color:#404040; text-decoration:none; font-family:'open_sanssemibold';}
.urllink {padding:0px 0px 0px 30px; background:var(--ok1) no-repeat left center; background-size:21px auto;}
html:lang(tr) .langlink {padding:0px 0px 0px 30px; background:url(images/flag-en.png) no-repeat left center;}
html:lang(en) .langlink {padding:0px 0px 0px 30px; background:url(images/flag-tr.png) no-repeat left center;}

.topmenudiv {position:absolute; left:0; right:0; bottom:15px; z-index:1000; height:50px;}

.footer {font-weight: normal; font-size:14px; margin-top:40px; border-top:1px solid #ccc;}
.footer a {text-decoration:none;}
.footer a:hover {color:#fff; text-decoration:underline;}

.copyright-band a {color:#000; text-decoration:none;}
.copyright-band a:hover {color:#000;}
.pagetitle {color:#004F6F; font-family:'open_sansbold'; font-size:24px; margin-bottom:30px; line-height:110%; margin-top:30px; text-transform:uppercase;}
.pagecontent {min-height:475px; position:relative; margin-top:50px; font-weight: normal; font-size:18px; color:#000; line-height:140%;}
.pagecontent strong {font-weight: bold;}
.pagecontent table strong {font-weight: 500;}
.pagecontent p {margin:16px 0 16px 0;}
.pagecontent > h1 {position:absolute; left:0px; width:280px; font-size:20px!important; font-family:'open_sanssemibold'; line-height:125%; color:#004F6F; padding:20px 0 20px 0!important;}
.pagecontent > h1 strong {font-weight: 500; font-weight:normal;}
.pagecontent > h1 p {font-family:'open_sanslight'; font-size:18px; color:#000;}
.pagecontent > h1 p strong { font-weight: 500; font-size:18px; color:#000; font-weight:normal;}
.pagecontent > h2 {font-weight: 500; color:#004F6F; padding:0px 0 0px 0!important; margin:15px 0 15px 0;} /* alt başlık */
.pagecontent > h2 strong {font-weight:normal; font-weight: 500;}

.h3set {display:flex; justify-content:space-between; flex-wrap:wrap;}
.h3set > h3 {flex:0 1 30%; min-height:160px; border:1px solid #ddd; padding:15px; margin-bottom:1em;}
.h3set > h3 strong {display:block; font-size:30px; font-weight: 500; line-height:125%;}

.pagecontent h6 {font-size:12px!important; line-height:120%;} /* footnote */
.pagecontent ul {padding-left:15px; list-style:disc outside; margin:15px 0 15px 0;}
.pagecontent ol {padding-left:15px; list-style-type:decimal; margin:15px 0 15px 0;}
.pagecontent li {margin-bottom:5px;}
.gra {max-width:100%;}
.gra.kucuk {max-width:45%;}
.image {max-width:100%;}
.image.kucuk {max-width:45%;}

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

.no-padding {padding:0px!important;}
.no-horizontal-padding {padding-left:0px!important; padding-right:0px!important;}
.horizontal-pad-30 {padding-left:30px!important; padding-right:30px!important;}
.no-margin-top {margin-top:0px!important;}
.top-padded {padding-top:35px!important;}
.bottom-padded {padding-bottom:35px!important;}
.valign-middle {vertical-align:middle; position:absolute; top:50%; transform: translateY(-50%);}
.min-height-0 {min-height:0px!important;}

.cvblock {margin-bottom:10px;}
.cvblock:after {content:""; clear:both; display:block;}
.cvblock > div { float:left; margin:0 10px 10px 0; width:250px; min-height:350px;}
.cvblock > div img {max-width:90%; margin-bottom:10px;}
.cvblock > div > p {margin:0px; padding:0px; font-weight: bold; font-size:90%; line-height:110%;}
.cvblock > div > p:last-child {font-weight: normal;}

/* Footer'daki flex sıra */
.flex3 {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.flex3 > div {}
.flex3 > div:nth-child(2) {text-align:center;}
.flex3 > div:last-child {text-align:right;}
.tayburn {text-align:right; font-size:12px; color:#666; padding-top:5px;}

.renklikutu {background:#E3DBDF; border-top:5px solid #622451; padding:10px; margin:20px 0 20px 0;}
.renklikutu h2 {color:#622451; font-size:120%; margin:0px 0px 15px 0px; font-weight: 500;}

.sdglist {width:80px; height:auto; display:block;}
.sdgler {margin:15px 0 15px 0;}
.sdgler img {display:inline-block; margin-right:10px; width:50px; height:auto;}

@media (max-width: 768px) {
	.container {max-width:576px; padding-right:10px; padding-left:10px!important;}
	.container.no-padding {padding-left:0px!important;}
	.footmenu {display:none;}
	.right-padded {padding-right:10px!important;}
	.horizontal-pad-30 {padding-left:10px!important; padding-right:10px!important;}
	.container h1 {font-size:30px;}
	.header {height:70px;}
	.logo {width:120px;}
	.headband {font-size:11px; top:43px; right:10px; text-align:right;}
	.toolbox {top:50px; right:15px;}
	.toolbox a {font-size:12px; padding:0;}
	.langlink {padding:0px!important; background:none!important; margin:0px;}
	.urllink {display:none;}
	.pagecontent {width:100%; min-height:475px; padding:0px 0 30px 0; font-size:15px; line-height:130%;}
	.tayburn {padding-right:15px;}
	.copyright-band {font-size:12px;}
	.contact-link {display:none;}
	.pagecontent h1 {position:relative; left:0px; width:100%;}
	.gra {max-width:none; width:100%!important;}
	.gra.kucuk {max-width:100%;}
	.flex3 {flex-direction:column;} /* Footer */
	.flex3 > div {width:100%; text-align:center!important; padding-top:5px; padding-bottom:5px;}
	.h3set > h3 {flex:0 1 48%;}
}

@media (min-width: 768px) {
	.container {max-width:750px; padding-right:30px; padding-left:30px;}
	.container h1 {font-size:35px;}
	.headband {font-size:20px;}
}

@media (min-width: 992px) {
	.container {max-width:980px; padding-right:50px; padding-left:50px;}
	.container h1 {font-size:35px;}
	.headband {font-size:22px;}
}

@media (min-width: 1200px) {
	.container {max-width:1200px; padding-right:30px; padding-left:300px;}
	.container h1 {font-size:40px;}
	.headband {font-size:22px;}
}