@charset "utf-8";
@import "fonts/stylesheet.css";
@import "reset.css";
/*
kirmizi: #AD073D
font-family: 'Baloo 2';
font-weight: normal;
Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800
*/

:root {
	--kirmizi1:#AD1D3F;
	--gri1:#4a494b;
	--headerheight:110px;
	--fixedHeaderHeight: 110px;
	--netVh:calc(100vh - var(--headerheight));
	--netVh:calc(100dvh - var(--headerheight));
}

html {font-weight:400;}
body {margin: var(--headerheight) 0 0 0; padding:0px; background:#fff; font-family: 'UniviaPro-Book'; 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;}
table, td {border-collapse:collapse;}

table {width:100%;}
table td {border-top:1px solid #999; border-bottom:1px solid #999; padding:3px;}
table th {background:#eee; color:#333; border-top:1px solid #999; border-bottom:1px solid #999; padding:3px; text-align:inherit; font-family:'Prelo-Book';}
table th[align="right"] p {text-align:right;}
table td[align="right"] p {text-align:right;}
table p {margin:4px 0 4px 0!important; padding:0px;}
.tr-odd {background:#EDF2E2!important;}
.noborder td, .noborder th {border:none;}

.container {
	width:100%; max-width:1024px; 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:"";}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.desktop {display:block;}
.mobile {display:none;}


.cizgi {width:100%; height:1px; background:#fff; margin:1em 0em; position:relative;}
.cizgi:before {position:absolute; content:''; top:-2px; left:0; width:6em; height:5px; background-color:var(--kirmizi1); border-radius:10px;}

.cizgi2 {width:100%; height:1px; background:#666; margin:1em 0em; position:relative;}
.cizgi2:before {position:absolute; content:''; top:-2px; left:0; width:6em; height:5px; background-color:var(--kirmizi1); border-radius:10px;}


#header {
	position:fixed; top:0px; display:block;	width:100%; height:var(--headerheight);
	Xbackground:rgba(186,189,191, .6); z-index:50; color: #f2f2f2;
	background:#eee;
	box-shadow: 0px 7px 26px -7px rgba(0,0,0,0.6);
}
#header .container2 {/* var öncesi IE için fallback */
	width:100%; max-width:1024px; height:100%; Xoutline:1px solid red;
	position:relative; margin:0 auto;
}
#header .title {font-family: 'UniviaPro-Ultra'; font-size:24px; line-height:100%; color:#4a494b; position:absolute; bottom:28px; left:calc(50% - 170px); width:340px; text-align:center; z-index:1;}
#header .title strong {color:#AD073D;}
.logo {position:absolute; top:20px; left:30px;}
.logo img {max-width:125px;}
.social {position:absolute; top:20px; right:50px; z-index:2; display:flex; align-items:center; justify-content:center; width:fit-content;}
.social > div {width:25px; height:20px; display:flex; align-items:center; justify-content:center;}
.social img {max-width:18px; margin-left:3px;}
.social a {line-height:0;}
.social div.separator {width:1px; height:25px; background-color:#ccc;  margin:0 3px;}
.social .facebook {max-height:20px;}
.pdflink {position:absolute; bottom:20px; right:100px; z-index:2;}
.pdflink img {max-width:26px;}
.menubtn {position:absolute; bottom:20px; right:50px; z-index:200;}
.menubtn img {max-width:38px;}
.langLink {color:#666; font-family: 'Prelo-Medium'; font-size:18px; text-decoration:none;}

#minimenu {
	position:absolute; z-index:100; width:100%; right:0px; top:var(--headerheight);
	padding:25px 30px 40px 30px; min-height:75vh;
	border-radius:0 0 10px 10px;
	background:rgba(255, 255, 255, 0.8); border:1px solid #ccc; backdrop-filter: blur(5px);
	opacity:0; visibility: hidden; /* Bu satirlar menünün kapalı hali*/
	transform: scale(1, 0.8); transform-origin: 0 0;
	transition: opacity .15s ease-out, visibility .15s ease-out, all .15s ease-in-out;
}

#minimenu.menuacik {opacity:1; visibility:visible; -webkit-transform: scale(1); -moz-transform:scale(1); transform:scale(1);} /* Menu butonu tıklandı */
/* #minimenu:not(.menuacik) {transform: rotateX(-10deg) rotateY(10deg);} */


.footer {margin-top:40px;}
.footer a {color:inherit!important;}

.baslik {padding:55px 45px 25px 45px; color:var(--kirmizi1); font-family:'UniviaPro-Regular'; font-size:33px; text-transform:uppercase; line-height:110%; text-align:center;}
.arabaslik {color:#AD073D; font-weight:800; font-size:31px; text-transform:uppercase; line-height:110%; margin:25px 0;}

.pagecontent table {margin:1em 0;}
.pagecontent {
	min-height:475px; padding:30px 45px 50px 45px; Xmargin-top:50px; 
	font-weight:400; font-size:18px; color:#666; line-height:140%;
	xborder-top:2px solid #ccc;
}
.Xpagecontent:not(.notirnak):before {position:absolute; content:url(images/tirnak.png); top:-40px; left:45px; width:10vw;}

.Xpagecontent:not(.nobg):after {
	position:absolute; overflow:hidden; content:''; top:0; bottom:0; left:calc((100vw - 100%) * -1); width:calc(100vw + (100vw - 100%) / 2); z-index:-1;
	background-image: url('images/bg1.png'); background-repeat: repeat-x; background-position: top center; border-top:2px solid #ccc;
}
.tepeborder:after {position:absolute; content:''; top:0; left:calc((100vw - 100%) * -1); width:calc(100vw + (100vw - 100%) / 2 - 8px); border-top: 2px solid #ccc;}

.pagecontent p strong {font-family: 'UniviaPro-Medium'; color:#AD073D;}
.pagecontent li strong {font-family: 'UniviaPro-Medium'; color:#inherit;}
.pagecontent td strong {font-family: 'UniviaPro-Medium'; color:inherit!important;}
.pagecontent th strong {font-family: 'UniviaPro-Medium'; color:inherit!important;}
.pagecontent p {margin:16px 0 16px 0; line-height:130%;}
.pagecontent h1 {font-size:23px!important; font-family: 'UniviaPro-Regular'; text-align:center; text-transform:uppercase; line-height:125%; color:#414141; Xpadding:40px 0 40px 0!important; margin:1rem 0;}
.pagecontent h1 strong {font-family: 'UniviaPro-Bold';}

.pagecontent > h2 {font-family: 'UniviaPro-Medium'; font-size:30px; line-height:115%; margin:40px 0 15px 0; color:#666; font-weight:700; Xtext-transform:uppercase;}
.pagecontent > h2 strong {font-weight:800;}

.pagecontent > h3 {
	font-family: 'UniviaPro-Medium'; position:relative; z-index:2; line-height:125%; color:var(--kirmizi1); font-size:18px; 
	padding:1rem 2rem; margin:15px 0 50px 0; Xtext-transform:uppercase;	background:#f1f1f2; border-radius:30px;
}
.pagecontent > h3 strong {display:block; position:absolute; bottom:calc(100% + 15px); Xmargin-bottom:20px; font-weight:700; font-size:42px; line-height:115%;}
.pagecontent > h3 strong em {font-weight:800;}
.Xpagecontent > h3:before {
	position:absolute; overflow:hidden; content:''; top:0; bottom:0; left:calc(((-100vw + 100%) / 2) - 11px); width:100vw; z-index:-1;
	background:#E5EDEE; background-repeat: repeat-x; background-position: top center; border-top:2px solid #ccc;
}

.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;}
.pagecontent img {max-width:100%; height:auto;}

.container a {color:#09F; text-decoration:none;}
.container a:hover {color:#29ABE2;}

.w100 {width:100%;}
.w80 {width:80%;}
.w50 {width:50%;}
.w33 {width:31%; margin-right:1%; float:left;}
.no-padding {padding:0px!important;}
.dipnot, h6 {font-size:80%; font-weight:400;}
.gra {margin:16px 0;}
.gra.tekdar {max-width:300px;}

.footer {Xwidth:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:stretch; padding:20px 0 20px 0;}
.footer> div {flex-grow:1; flex-shrink:1; display:flex; align-items:center; flex-basis:33.33%; min-height:35px;}
.copyright {justify-content:left;}
.pdflink {justify-content:center;}
.tayburn {justify-content:right; text-align:right; font-size:14px; line-height:16px;}
.tayburn a img {width:24px; height:auto; margin-right:3px; vertical-align:middle;}

#arrowdown {position:fixed; bottom:20px; Xwidth:100%; text-align:center; xbackground:#FC0; z-index:550; left:calc(50% - 20px);}
#arrowdown img {width:40px; height:40px;}

.sharediv {position:fixed; top:50%; right:-155px; Xz-index:2000; width:200px; height:30px; background:rgba(150,150,150,.6); border-radius:15px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; transition:all 0.3s ease; z-index:200;}
.sharediv:hover {position:fixed; right:-40px;}
.shareimg {padding:0 20px 0 15px;}
.sharebtns img { height:24px; width:auto; margin-right:8px;}

.cift {display:flex; flex-direction:row; padding:1rem 0 1rem 0; justify-content:space-between; flex-wrap:wrap; gap:2rem;}
.cift > div {width:calc(50% - 1rem); padding:0 0px;}
.cift img {width:100%;}
.cift.dar img {width:65%;}



@media (max-width: 992px) {}
@media (max-aspect-ratio: 4/4) {/*@media (max-width: 992px) (max-aspect-ratio: 4/4){*/
	.desktop {display:none;}
	.mobile {display:block;}
	
	/*#header {height:90px;}*/
	:root {
		--headerheight:70px;
	}
	
	.baslik {padding:25px 15px 15px 15px; font-size: 23px;}
	.pagecontent {padding:1em 15px 50px 15px; font-size:14px;}
	.pagecontent > h1 {font-size:17px!important;}
	.pagecontent > h2 {font-size:25px;}
	.pagecontent > h3 {font-size:18px;}
	
	#header .title {font-size:12px; bottom:5px; font-family: 'UniviaPro-Medium';}
	#header .title strong {font-size:12px;}
	.logo {position:absolute; top:8px; left:15px;}
	.logo img {max-width:90px;}
	.social {top:10px; right:40px;}
	.social > div {width:20px; height:20px;}
	.social img {max-width:15px; margin-left:3px;}
	.pdflink {top:10px; right:10px;}
	.pdflink img {max-width:20px;}
	.menubtn {position:absolute; bottom:4px; right:10px; z-index:200;}
	.menubtn img {max-width:30px;}
	#arrowdown {display:none;}
	.cift {flex-direction:column; flex-wrap:wrap; gap:1rem;}
	.cift > div {width:100%;}
}

@media (max-height: 800px) {
	:root {
		--headerheight:70px;
	}
	.logo {position:absolute; top:8px; left:15px;}
	.logo img {max-width:90px;}
	.social {top:10px; right:40px;}
	.social > div {width:20px; height:20px;}
	.social img {max-width:15px; margin-left:3px;}
	.pdflink {top:10px; right:10px;}
	.pdflink img {max-width:20px;}
	.menubtn {position:absolute; bottom:4px; right:10px; z-index:200;}
	.menubtn img {max-width:30px;}
}