@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";
/*
font-family: 'SohoGothicPro-Light';
font-family: 'SohoGothicPro-Regular';
font-family: 'SohoGothicPro-Medium';
font-family: 'SohoGothicPro-Bold';
font-family: 'GothamNarrow-Book';
*/

div, img, table, h1 {transition:width 0.3s, height 0.3s, transform 0.3s;}
@media screen and (min-width:0\0) {div, img, table, h1 {transition:none;}} /* IE için özel */

body {margin:0px; padding:0px; background:#fff; font-family:'SohoGothicPro-Light'; font-size:16px;	color:#000; text-rendering: optimizelegibility;}

*:focus {outline:0;}
* {box-sizing:border-box;}
img {border:none;}

#menubars {display:block; position:absolute; top:90px; right:0px; z-index:2000; cursor:pointer;}
.topmenu {display:none !important; transition:0.0s!important; width:320px;}
.topmenu.fade-ready {display:block !important; opacity:0;}
.topmenu:after {display:block; clear:both; content:"";}
.topmenu {position:absolute; top:130px; right:0px; z-index:1500; padding:30px 10px 0 10px; background:rgba(242,242,242,0.8);}
.mlink {display:block; font-family:'SohoGothicPro-Medium'; margin:10px 10px 15px 20px; color:#000; font-size:16px; line-height:130%; text-decoration:none;}
.mlink:hover {text-decoration:underline;}

.container {
	background:#fff; width:100%; height:auto; Xborder: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:"";}

.header {height:195px; position:relative; background:#fff; margin-bottom:35px;}
.headband {background-color:#00B0C7; height:50px;}
.reportname {position:absolute; bottom:0px; color:#1C2D5A; font-family: 'SohoGothicPro-Medium'; font-size:20px;}
.cizgi {position:absolute; bottom:35px; width:100%; height:2px; background:#1C2D5A;}
.logo {max-width:35%; position:absolute; left:0px; top:70px;}
.fullpdf {position:absolute; right:120px; top:86px;}
.fullpdf img {height:46px;}

.slides {width:100%; Xheight:715px; background:#162149; position:relative; margin:0 auto; padding:0 15%; clear:both; overflow:hidden;}
.slide {position:absolute; top:0; left:15%; display:none; width:70%; Xheight:715px; z-index:100}
.slide:first-child {display:block;}
.slides img {max-width:100%;}

div[class*="panel"] {margin:40px auto 40px auto; min-height:550px;}
div[class*="panel"] img {max-width:100%;}

h1 {color:#1C2D5A; font-family: 'SohoGothicPro-Bold'; font-size:25px; margin-bottom:20px; line-height:120%;}
h1.white, p.white {color:#fff;}
p.f22 {font-size:22px;}
h2 {color:#1C2D5A; font-family: 'SohoGothicPro-Medium'; font-size:41px; padding:0px 20px 25px 20px;}
p {color:#1C2D5A; font-family: 'SohoGothicPro-Regular'; font-size:25px; padding:0px 0px 20px 0px; line-height:130%;}
h3 {color:#fff; font-family: 'SohoGothicPro-Regular'; font-size:16px; position:absolute; left:15px; bottom:15px;}
h3 strong {font-family: 'SohoGothicPro-Medium';}

.panel1 {background:#D3D2DB; padding:20px 0 20px 0;}
.panel1 > img {width:calc(100% - 40px); margin-left:20px;}
.panel2 {background:#0A1B25;}
.panel3 {background:#1C2D5A; padding:20px;}
.panel4 {border-top:1px solid #1C2D5A; border-bottom:1px solid #1C2D5A; padding:20px; padding-bottom:100px!important;}
.panel5 {background:#E5E5E5;}
.panel6 {background:#0A1B25;}
.panel6 p {color:#00B0C7; width:50%; margin-top:60px;}

.ikili {display:flex;}
.ikili1 {flex:1 0 52.5%; position:relative;}
.ikili2 {padding:20px 40px;}

a.devam {display:block; margin:20px 0 0px 0; background-color:#1C2D5A; text-align:center; padding:8px 0 8px 0;}
a.devam img {max-width:80%;}
a.pdf {position:absolute; right:0; bottom:20px;}

.footer {background:#00B0C7; text-align:center; font-size:19px; color:#fff; padding:15px 0 15px 0;}

@media (max-width: 900px) {
	.container {margin-left:10px; margin-right:10px; width:calc(100% - 20px);}
	.mobile {display:block;}
	.desktop {display:none;}
	div[class*="panel"] {margin:40px auto 40px auto; min-height:100px;}
	h2 {font-size:30px;}
	h1 {font-size:16px; margin-bottom:15px;}
	p {font-size:13px; line-height:110%;}
	p.f22 {font-size:15px;}
	a.pdf {bottom:0;}
	a.pdf img {height:40px;}
	.panel4 {padding-bottom:50px!important;}
	.ikili {flex-flow:column;}
	.ikili1 {flex:1 0 100%;}
	.ikili1 img {width:100%; max-width:100%;}
	.ikili2 {padding:10px 20px 30px 20px;}
	.panel6 p {width:90%; margin-top:10px;}
	.panel6 {padding-bottom:30px;}
	.panel2 {padding-bottom:30px;}
	.panel3 {padding-bottom:30px;}
}

@media (min-width: 901px) {
	.container {max-width:1200px;}
	.logo {max-width:38%;}
	.mobile {display:none;}
	.desktop {display:block;}
}