@font-face {
  font-family: 'Ubuntu';
  src: url('/fonts/ubuntu-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap; 
}

@font-face {
  font-family: 'Ubuntu';
  src: url('/fonts/ubuntu-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*
	Minimaxing by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	html {
		box-sizing: border-box;
	}

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

	@-ms-viewport {
		width: device-width;
	}

	body {
		font-size: 13.5pt;
		font-family: sans-serif;

		font-family: 'Ubuntu', sans-serif;
		color: #333333;
		letter-spacing: 0px;
		line-height: 1.5;
	}

	h1, h2, h3, h4 {
		
		font-weight: normal;
	}

	h1 {
		color: #FFFFFF;
		font-size: 1em;
		margin-bottom: 0.5em;	
	}

	h2 {
		font-size: 1.4em;
		margin-bottom: 0.5em;
		
	}

	h3 {
		color: #EEEEEE;
		font-size: 2.4em;
		margin-bottom: 0.5em;
	}

	h3 {
		font-size: 1.2em;
		margin-bottom: 0.1em;
	}

	h4 {
		color: #004a80;
		font-size: 2.4em;
	}
	
	

	p, ul {
		margin-bottom: 1.25em;
	}

	p {
		line-height: 1.2 em;
	}

	strong {
		color: #474e43;
	}

	img.left {
		float: left;
		margin: 2px 1.25em 0 0;
	}

	img.top {
		margin: 4px 0 2.25em 0;
	}

	ul {
		padding: 0.25em 0 0 0;
	}

	a {
		color: #000000;
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline;
		}

	* > p:last-child {
		margin-bottom: 0 !important;
	}

	section, article {
		margin: 0 0 60px 0;
	}

	section:last-child, article:last-child {
		margin-bottom: 0;
	}

	.baslik {
		font-size: 1.4em;
		margin-bottom: 0.5em;
		color: #004a80;
		font-weight: normal;
  }
  
  .altbaslik {
		font-size: 1em;
		margin-bottom: 0.5em;
		color: #004a80;
		font-weight: normal;
  }


/* Dubai Fuarları */
        .month-header {
            background-color: #0d6efd; /* Bootstrap primary rengi */
            color: white;
            padding: 10px 15px;
            border-radius: 5px;
            margin-top: 30px;
            margin-bottom: 20px;
            font-weight: bold;
            font-size: 1.5rem;
        }
        .fair-card {
            border-left: 5px solid #0d6efd; /* Mavi çizgi ile vurgu */
            margin-bottom: 15px;
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        }
        .fair-card-body {
            padding: 15px;
        }
        .fair-date {
            font-weight: bold;
            color: #dc3545; /* Kırmızı ile tarih vurgusu */
            display: block;
            margin-bottom: 5px;
        }
        .fair-name {
            font-size: 1.1rem;
            font-weight: 500;
            color: #212529;
        }











/* 1. Kapsayıcıyı Flexbox ile hizala */

.middle-content {
    max-width: 1000px; 
    margin-left: auto;
    margin-right: auto;
    padding: 20px;

}

.blog-item {
    display: flex; /* İçindeki öğeleri yan yana hizalamayı etkinleştirir */
    align-items: flex-start; /* İçerikleri dikeyde yukarı hizalar */
    gap: 30px; /* Resim ve metin arasına boşluk koyar */
    padding: 20px 0; 
    border-bottom: 1px solid #ccc; /* İsteğe bağlı: Her blog öğesi arasına çizgi ekler */
}








/* SLIDER CSS STİLLERİ */

/* YENİ KAPSAYICI STİLİ (Örneğin HTML'de slider'ın etrafına bu class'ı eklemelisiniz) */
.slider-container {
    max-width: 1200px; /* Slider'ın maksimum genişliğini 1200px ile sınırla */
    margin: 0 auto; /* Konteyneri yatayda ortalar */
    padding: 0 15px; /* Kenarlarda boşluk bırakır (mobil uyumluluk için) */
}

.slider-org {
    max-width: 350px; /* Slider'ın maksimum genişliğini 1200px ile sınırla */
    margin: 0 auto; /* Konteyneri yatayda ortalar */
    padding: 0 15px; /* Kenarlarda boşluk bırakır (mobil uyumluluk için) */
}

/* ANA SLIDER (glovistaSlider) STİLİ */
#glovistaSlider {
    /* Resimdeki hafif yuvarlak köşeler için */
    border-radius: 15px; /* İstediğiniz ovalleşme miktarını ayarlayın */
    overflow: hidden; /* Köşelerin içindeki resmin/içeriğin taşmamasını sağlar */
    margin-bottom: 30px; /* Alttan biraz boşluk */
}


.banner-slide-content {
    position: relative;
    /* YÜKSEKLİĞİ 100vh yerine sabit bir değere düşürüyoruz */
    height: 500px; /* Bu değeri resimdeki gibi görünmesi için 400px - 600px arasında ayarlayabilirsiniz. */
}

.banner-icerik-content {
    position: relative;
    /* YÜKSEKLİĞİ 100vh yerine sabit bir değere düşürüyoruz */
    height: 350px; /* Bu değeri resimdeki gibi görünmesi için 400px - 600px arasında ayarlayabilirsiniz. */
}

.banner-slide-text {
    position: absolute;
    
    /* YENİ KONUMLANDIRMA: Soldan boşluk bırakarak dikeyde ortala */
    top: 50%; /* Dikeyde ortalama için */
    left: 10%; /* Veya istediğiniz bir değer (örneğin 50px, 10%) */
    transform: translateY(-50%); /* Dikeyde sadece %50 yukarı kaydırarak ortalama */
    
    /* YATAY HİZALAMA */
    text-align: left; /* Metni sola hizalar */
    text-shadow: 2px 2px 4px #000000;
    /* GENİŞLİK VE DOLGU */
    width: 90%; /* Kapsayıcının %90 genişliğini kaplar */
    max-width: 750px; /* Metin bloğunun maksimum genişliğini sınırlayın */
    padding: 0 15px; /* Kenarlarda biraz boşluk bırakır (Mobil için önemli) */
    
    /* ------------------------------------- */
}

/* Her slayt için farklı arkaplan resmi/rengi tanımlanabilir */
#glovistaSlider .carousel-item:nth-child(1) .banner-slide-content .banner-icerik-content {
    /* ... background kodları ... */
    background-size: cover;
    background-position: center;
}

/* Diğer slaytlar... */

/* Metin Gölgelendirmesi: Daha keskin ve modern bir gölge verin (böyleyap.JPG'ye yakın) */
#glovistaSlider .carousel-item h2 {
    font-size: 2.5em; 
    color: #FFFFFF;
    margin-bottom: 15px;
    
    /* GÖLGE DEĞİŞİKLİĞİ: Daha yumuşak bir dış çizgi/gölge veriyoruz */
    text-shadow: 
        1px 1px 1px rgba(0, 0, 0, 0.7), /* Metni daha belirgin yapar */
        2px 2px 5px rgba(0, 0, 0, 0.5); /* Hafif derinlik ekler */
}

#glovistaSlider .carousel-item span {
    font-size: 1.2em; 
    color: #FFFFFF;
    
    /* GÖLGE DEĞİŞİKLİĞİ: Alt metne de aynı gölgeyi uygulayın */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    
    margin-bottom: 20px;
    display: block; 
}


/* Buton Stili (böyleyap.JPG'deki gibi dolgun ve keskin kırmızı) */
.banner-slide-text a.btn {
    padding: 12px 35px; /* Daha dolgun buton */
    background-color: #d82020; /* Kırmızı tonu */
    color: #fff;
    border-radius: 6px; /* Daha yuvarlak köşeler */
    font-size: 1.1em;
    font-weight: bold;
    text-transform: none; /* Metni büyük harfe çevirmeyin */
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    transition: background-color 0.2s;
}

.banner-slide-text a.btn:hover {
    background-color: #c41c1c; 
}











/* 2. Resim için özel ayarlar */
.sol-resim img {
    /* HTML'deki width/height değerlerini koruyabilir veya CSS ile kontrol edebilirsiniz */
    display: block; /* Resmi satır içi blok yapar */
    width: 300px; /* Resmin sabit genişliği */
    height: auto; /* Oranını korur */

}

/* 3. Metin için özel ayarlar */
.sag-metin {
    /* Geriye kalan tüm alanı kaplamasını sağlar */
    flex-grow: 1; 
}

.sag-metin h2 {
    margin-top: 0; /* Başlığın varsayılan üst boşluğunu kaldırır */
    font-size: 1.5em; /* Başlık boyutunu ayarlar */
}


/* Services */


        .services-table {
            display: grid;
            /* 4 sütunlu bir tablo yapısı */
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            max-width: 1000px; /* Tablonun maksimum genişliği */
            margin: 0 auto; /* Ortalamak için */
            padding: 20px;
            background-color: #ffffff;
            border-radius: 8px;
            
        }

        .service-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 15px;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            background-color: #fefefe;
            transition: transform 0.2s;
        }

        .service-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        .service-icon {
            width: 50px; /* İkon boyutu */
            height: 50px;
            margin-bottom: 10px;
            /* İkonun fotoğrafınızdaki gibi altın rengi bir kutu içinde görünmesini simüle etmek için */
            background-color: #c9b17d; /* Altın/Bej tonu */
            padding: 5px;
            border-radius: 4px;
        }

        .service-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* İkonun kutuya sığması için */
            /* Fotoğraftaki gibi altın çizgi stilini uygulamak zor olduğundan, ikonun içindeki rengi beyaza yakın yapmayı deneyebilirsiniz. */
            
        }

        .service-text {
            font-size: 14px;
            color: #333;
            font-weight: bold;
            line-height: 1.3;
        }



.ozel-sol-buton {
    /* Arka plan rengi */
    background-color: #eeeeee !important; 
    /* Metin rengi siyah olsun */
    color: #000000 !important;
    /* Kenarlık stili: 1px kalınlığında, kesik çizgili, siyah */
    border: 1px dashed #000000 !important;
    /* Gölgelenmeyi (shadow) ve kenar yuvarlaklığını sıfırlamak (isteğe bağlı) */
    box-shadow: none !important;
    border-radius: .25rem; 
}





/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 1200px;
	}

		@media screen and (max-width: 1680px) {

			.container {
				width: 1200px;
			}
			
			#mainmenu {
			
      border-top: none;
    }

		}

		@media screen and (max-width: 1280px) {

			.container {
				width: calc(100% - 70px);
			}
			#mainmenu {
			padding-top:30px;
      border-top: none;
    }
		}

		@media screen and (max-width: 980px) {

			.container {
				width: calc(100% - 100px);
			}
			
			#mainmenu {
			padding-top:30px;
      border-top: none;
    }
		}

		@media screen and (max-width: 736px) {

			.container {
				width: calc(100% - 40px);
			}
			#mainmenu {
			padding-top: 0px;
      border-top: none;
    }
		}
		
		/* Logo */
		
		#logo img {
    max-height: 100px;   /* logo yüksekliği */
    width: auto;        /* orantılı kalsın */
    padding: 10px;      /* her kenardan boşluk */
}

/* Alt */

	.alt {
	
    color: #FFFFFF;
	}
	
	.alt a {
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: -1px;
	}	
	
		.alt a:hover {
    color: #EEEEEE;
	}	
	



/* link-list */





/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}
	

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 33.33333%;
		}

		.row > .off-3 {
			margin-left: 33.33333%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-25 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row.gtr-50 {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row.gtr-50 > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 25px;
				}

		.row {
			
			margin-left: -20px;
		}

			.row > * {
				padding: 20px 0 0 50px;
			}

			.row.gtr-uniform {
				margin-top: -50px;
			}

				.row.gtr-uniform > * {
					padding-top: 50px;
				}

		.row.gtr-150 {
			margin-top: -75px;
			margin-left: -75px;
		}

			.row.gtr-150 > * {
				padding: 75px 0 0 75px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -75px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 75px;
				}

		.row.gtr-200 {
			margin-top: -100px;
			margin-left: -100px;
		}

			.row.gtr-200 > * {
				padding: 100px 0 0 100px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -100px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 100px;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: -10px;
					margin-left: -50px;
				}

					.row > * {
						padding: 0 0 0 50px;
					}

					.row.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-uniform > * {
							padding-top: 50px;
						}

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -8.75px;
					margin-left: -8.75px;
				}

					.row.gtr-25 > * {
						padding: 8.75px 0 0 8.75px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -8.75px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 8.75px;
						}

				.row.gtr-50 {
					margin-top: -17.5px;
					margin-left: -17.5px;
				}

					.row.gtr-50 > * {
						padding: 17.5px 0 0 17.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -17.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 17.5px;
						}

				.row {
					margin-top: -20px;
					margin-left: -35px;
				}

					.row > * {
						padding: 0 0 0 35px;
					}

					.row.gtr-uniform {
						margin-top: -35px;
					}

						.row.gtr-uniform > * {
							padding-top: 35px;
						}

				.row.gtr-150 {
					margin-top: -52.5px;
					margin-left: -52.5px;
				}

					.row.gtr-150 > * {
						padding: 52.5px 0 0 52.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -52.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 52.5px;
						}

				.row.gtr-200 {
					margin-top: -70px;
					margin-left: -70px;
				}

					.row.gtr-200 > * {
						padding: 70px 0 0 70px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -70px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 70px;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: 0px;
					margin-left: -50px;
				}

					.row > * {
						padding: 0 0 0 50px;
					}

					.row.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-uniform > * {
							padding-top: 50px;
						}

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-25 > * {
						padding: 5px 0 0 5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 5px;
						}

				.row.gtr-50 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-50 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 10px;
						}

				.row {
					margin-top: 0px;
					margin-left: -20px;
				}

					.row > * {
						padding: 0 0 0 20px;
					}

					.row.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-uniform > * {
							padding-top: 20px;
						}

				.row.gtr-150 {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row.gtr-150 > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-200 {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row.gtr-200 > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 40px;
						}

		}

/* Reusable */

	article.blog-post {
		position: relative;
	}

		article.blog-post .comments {
			position: absolute;
			top: 0;
			right: 0;
			height: 32px;
			line-height: 24px;
			padding-left: 40px;
			background: url("images/icon-bubble.png") no-repeat;
		}

		article.blog-post .blog-post-image {
			width: 100%;
		}

	ul.small-image-list li {
		overflow: hidden;
		margin-bottom: 1.5em;
	}

		ul.small-image-list li img {
			text-align: center;
		}

	ul.big-image-list li {
		overflow: hidden;
		margin-bottom: 2em;
	}

		ul.big-image-list li img {
			width: 178px;
		}

	/* Genel Liste Stili: Artık sadece yatay ayırıcıyı tutuyor */
ul.link-list li {
    padding: 0; 
    margin: 0;
}

/* İlk eleman stili */
ul.link-list li:first-child {
    border-top: 0;
}

/* Bağlantı Metnine Dolgu Ekleme */
ul.link-list li a {
    /* Metin ve ikon arasına dikey boşluğu buradan veriyoruz */
    display: block; /* A etiketinin tam genişliği kaplamasını sağlar */
    padding: 0.75em 0; /* Dikey boşlukları (eski 0.75em) buraya taşıdık */
    text-decoration: none; /* Alt çizgiyi kaldırabilirsiniz */
    color: inherit; /* Rengi üst etiketten miras almasını sağlar */
}

ul.link-list li a:hover {
    text-decoration: underline; /* Alt çizgiyi kaldırabilirsiniz */

}

/* İkonun bulunduğu liste (Sizin ul.link-tik adını kullandığınızı varsayıyorum) */
ul.link-tik li {
    position: relative;
    /* İkonun sol tarafta durması için boşluk */
    padding-left: 20px; 
}

/* İkonun Kendi Stili (Hiçbir değişiklik yapmıyoruz, çünkü 50% doğru) */
ul.link-tik li:before {
    content: "";
    display: block;
    background-image: url("images/ok.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%; 
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}
		
		/* Sadece İngilizce bağlantısını hedefliyoruz */
.lang-icon {
    position: relative;
    /* İkon için metinden solda boşluk bırak */
    padding-left: 25px; /* İkonun boyutuna göre ayarlayabilirsiniz */
}

.lang-icon::before {
    content: "";
    display: block;
    /* Bayrak ikonunun yolunu buraya ekleyin */
    background-image: url('images/en.png'); 
    background-size: contain; 
    background-repeat: no-repeat;
    
    /* İkonun pozisyonunu belirle */
    position: absolute;
    left: 0;
    top: 50%; /* Dikeyde ortala */
    transform: translateY(-50%);
    
    /* İkonun boyutunu belirle */
    width: 20px; /* Genişlik */
    height: 20px; /* Yükseklik */
}
		

	.button {
		background-image: -moz-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
		background-image: -ms-linear-gradient(top, #008dad, #007b9d);
		background-image: linear-gradient(top, #008dad, #007b9d);
		display: inline-block;
		padding: 15px 25px 15px 25px;
		background-color: #007b9d;
		border-radius: 10px;
		text-transform: lowercase;
		text-decoration: none;
		color: #fff;
		font-size: 1.2em;
		letter-spacing: -1px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
	}

		.button:hover {
			background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1);
			background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1);
			background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1);
			background-image: linear-gradient(top, #1b9fbe, #118eb1);
			background-color: #118eb1;
			box-shadow: inset 0px 0px 0px 1px #3ecceb;
		}

/* Header */

	/* HEADER GENEL DÜZENİ */
#header {
    width: 100%;
    /* Çizginin üstünde kalması için biraz padding verilebilir */
    

    background-color: white;
}

.header-inner {
   display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;   /* ?? Bu satır önemli! Elemanlar alta geçebilir */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 10px;         /* Elemanlar arasında biraz boşluk bırak */
}

/* 1. SOL ALAN: LOGO */
.header-left #logo img {
    /* Logo görselinin genişliğini ayarlayın */
    
    height: auto;
    display: block;
}
/* Logo yazısı varsa stilini ayarlayın (Görselde MIRAD GROUP yazısı altta) */
.header-left #logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    font-size: 0.9em;
}


/* 2. ORTA ALAN: ADRES & İLETİŞİM */
.header-center {
display: flex;
    gap: 25px;
    font-size: 14px;
    color: #333;
    align-items: center;
    /* flex-grow: 1;  <- Bu satırı kaldırmanız önerilir, sağa yaslamayı zorlaştırır. */
    
    /* ************************************** */
    /* SAĞA YASLAMA İÇİN EKLEYİN: */
    margin-left: auto; 
    /* ************************************** */
}


.social-icons {
    display: flex;
    justify-content: center; /* ortalamak için */
    align-items: center;
    gap: 10px; /* ikonlar arası boşluk */
    margin-top: 10px;
}

.social-icons img {
    width: 30px;  /* ikon boyutu */
    height: 30px;
    transition: transform 0.2s ease; /* hover efekti için */
}

.social-icons img:hover {
    transform: scale(1.1);
}


.header-center .contact-item {
    display: flex;
    align-items: center;
}

/* Adres daha uzun olduğu için biraz daha kalın font */
.header-center .address span {
    font-weight: 500;
}

/* Sosyal medya ikonları için küçük ayarlamalar */
.header-center .social img {
    width: 20px; /* İkon boyutunu ayarlayın */
    margin-left: 5px;
}


/* 3. SAĞ ALAN: NAVİGASYON VE BUTONLAR */
#nav {
    display: flex;
    align-items: center;
    gap: 15px; /* Sağdaki elemanlar arasına boşluk */
}

.nav-icon {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}

.language {
    display: flex;
    align-items: center;
    font-weight: bold;
}
.language img {
    width: 20px;
    margin-left: 5px;

}

/* Buton Stilleri */
.btn {
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s;
    font-size: 14px;
}

/* Log in Butonu (Beyaz zemin, kırmızı çerçeve) */
.btn-login {
    background-color: white;
    color: #d82020; /* Kırmızı metin */
    border: 1px solid #d82020; /* Kırmızı çerçeve */
}
.btn-login:hover {
    background-color: #fce7e7;
}

/* Submit Application Butonu (Kırmızı zemin) */
.btn-submit {
    background-color: #d82020; /* Kırmızı zemin */
    color: white;
    border: 1px solid #d82020;
}
.btn-submit:hover {
    background-color: #c41c1c;
}




/* Mainmenu */

	#mainmenu-wrapper {
		background-image: -moz-linear-gradient(top, #0b0f12, #333333);
		background-image: -webkit-linear-gradient(top, #0b0f12, #333333);
		background-image: -ms-linear-gradient(top, #0b0f12, #333333);
		background-image: linear-gradient(top, #0b0f12, #333333);
		background-color: #0b0f12;
	}

	#mainmenu {
    
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		padding: 0 40px 0 40px;
		background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
		background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
		background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
		background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
		background-color: #EEEEEE;
	}
#mainmenu a[href="tr/index.php"] {
  display: none;
}
		#mainmenu h1 {
			position: absolute;
			left: 40px;
			top: 0;
			color: #fff;
			font-size: 2.4em;
			letter-spacing: -2px;
			line-height: 86px;
		}

			#mainmenu h1 a {
				color: #333333;
				text-decoration: none;
			}

		#mainmenu nav {
      width: fit-content; 
      margin-left: auto;
      margin-right: auto;
      margin: 0 auto;
			padding-top: 10px;
      padding-bottom: 10px;
			font-size: 1em;
      text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(0, 0, 0, 0);
		}

			#mainmenu nav a {
				display: inline-block;
				text-decoration: none;
				color: #333333;
				padding: 0 25px 0 25px;
				outline: 0;
			}

				#mainmenu nav a.current-page-item {

					
				}

				#mainmenu nav a:hover {

					text-decoration: underline; 
					
				}





/* Banner */

	#banner-wrapper {
		background: #ffffff;
		background-size: cover;   
	}

	#banner {
		position: relative;
		width: 100%;
		padding: 6em 0;
		text-align: center;
	}

		#banner h2 {
			font-size: 2.6em;
			color: #fff;
			text-align: center;
			letter-spacing: -2px;
			margin: 0;
			text-shadow: 2px 2px 5px #000; /* X, Y kayma, blur ve renk */
		}

		#banner span {
			display: block;
			left: 0;
			margin: 0.5em 0 0 0;
			font-size: 1.6em;
			color: #fff;
			letter-spacing: -1px;
			opacity: 0.8;
			text-shadow: 2px 2px 5px #000; /* X, Y kayma, blur ve renk */
		}

/* Main */

	#main {
		background: #fff;
		padding-bottom: 20px;
	}

/* Footer */

	#footer-wrapper {
		padding: 4em 0;
    background-color: #333333;
	}

/* Copyright */

	#copyright {
		text-align: center;
		color: #EEEEEE;
		border-top: solid 1px #ced0b7;
		padding: 3em 0 0 0;
		margin: 3em 0 0 0;
	}

		#copyright a {
			color: #E;
		}

/* Large */

	@media screen and (max-width: 1280px) {

		/* Reusable 

			ul.small-image-list img {
				width: 50px;
			}

			ul.big-image-list img {
				width: 75px;
			}
*/


		/* Header */

			#header {
				height: auto;
			}

				#header h1 {
					font-size: 2em;
					line-height: 76px;
				}

				#header nav {
					line-height: 74px;
					font-size: 1.1em;
				}

					#header nav a {
						padding: 0 20px 0 20px;
					}



		/* Banner */

			#banner {
				width: 100%;
				padding: 5em 0;
			}

				#banner h2 {
					font-size: 3em;
				}

				#banner span {
					font-size: 1.4em;
				}

		/* Footer */

			#footer-wrapper {
				padding: 4em 0;
			}

		/* Copyright */

			#copyright {
				padding: 3em 0 0 0;
				margin: 4em 0 0 0;
			}

	}

/* Small */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width: 980px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

		/* Page Wrapper */

			#page-wrapper {
				padding-top: 44px;
			}

		/* Header */

			#header-wrapper {
				background-color: #FFFFFF;
			}

			#header {
				display: none;
			}
			

			#banner {
				padding: 6em 0;
			}
			
							#banner h1 {
					font-size: 2.5em;
				}

				#banner h2 {
					font-size: 2.5em;
				}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 84px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				text-align: center;
				color: #fff;
				font-size: 1.25em;
				background-color: #FFFFFF;
			}

				#titleBar .title {
					line-height: 44px;
				}

				#titleBar .toggle {
					position: absolute;
					top: 16px;
					left: 0;
					width: 80px;
					height: 60px;
				}

					#titleBar .toggle:after {
						content: '';
						position: absolute;
						left: 4px;
						top: 4px;
						color: #000;
						text-align: center;
						line-height: 31px;
						font-size: 0.8em;
						width: 50px;
						height: 35px;
						border-radius: 5px;
						box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 6px 13px 0px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
					}

					#titleBar .toggle:before {
						content: '';
						position: absolute;
						width: 20px;
						height: 30px;
						background: url("images/mobileUI-site-nav-opener-bg.svg");
						top: 16px;
						left: 19px;
					}

					#titleBar .toggle:active:after {
						background: rgba(0, 0, 0, 0.2);
					}

			#navPanel {
				background-image: -moz-linear-gradient(top, #0b0f12, #333333);
				background-image: -webkit-linear-gradient(top, #0b0f12, #333333);
				background-image: -ms-linear-gradient(top, #0b0f12, #333333);
				background-image: linear-gradient(top, #0b0f12, #333333);
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #333333;
				color: #fff;
				box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.5);
			}

				#navPanel .link {
					display: block;
					color: #fff;
					border-top: solid 1px rgba(255, 255, 255, 0.1);
					border-bottom: solid 1px rgba(0, 0, 0, 0.2);
					height: 55px;
					line-height: 55px;
					padding: 0 15px 0 15px;
					text-decoration: none;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link:last-child {
						border-bottom: 0;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}
	
	
	
	
	/* Blog Genel Stilleri */
.blog-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
}

/* Ana Blog Yazıları */
.blog-post-item {
    
    border-bottom: 1px solid #f5f5f5; /* Yazılar arasına ince ayırıcı */
}

.blog-post-title {
    font-size: 1.4rem;
    margin-top: 0;
}

.blog-post-title a {
    color: #ff0000; /* Bağlantı rengi (Bootstrap mavi) */
    text-decoration: none;
}
.blog-post-title a:hover {
    text-decoration: underline;
}

.blog-post-meta {
    color: #6c757d; /* Gri renkli meta bilgi */
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.blog-post-item img {
    border-radius: 4px; /* Hafif yuvarlak köşeler */
}

.blog-read-more {
    background-color: #004a80; /* Glovista rengi */
    color: white;
    border: none;
    text-decoration: none;
    border-radius: 4px;
}
.blog-read-more:hover {
    background-color: #003055;
    color: white;
}

/* Kenar Çubuğu Stilleri */
.sidebar-box {
    background-color: #f8f9fa; /* Hafif gri arkaplan */
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.sidebar-list {
    padding-left: 0;
    margin-bottom: 0;
}

.sidebar-list li {
    padding: 5px 0;
    border-bottom: 1px dotted #dee2e6;
}

.sidebar-list li:last-child {
    border-bottom: none;
}
	
/* Kenar Çubuğu Stilleri */
.hizbar-box {
    background-color: #EEE; /* Hafif gri arkaplan */
    border-radius: 8px;
    border: 1px solid #e9ecef;
    padding: 10px 20px 10px 20px;
}

.hizbar-list {
    padding-left: 0;
    margin-bottom: 0;
}

.hizbar-list li {
    padding: 5px 0;
    border-bottom: 1px dotted #dee2e6;
}

.hizbar-list li:last-child {
    border-bottom: none;
}	
	
	
	#navPanel .link {
  display: block;
  color: #fff;
  border-top: solid 1px rgba(255,255,255,0.1);
  height: 55px;
  line-height: 55px;
  padding: 0 15px;
  text-decoration: none;
  font-size: 1em;
}
#navPanel .link:hover {
  background-color: rgba(255,255,255,0.1);
}
	
	

/* Small */

	@media screen and (max-width: 736px) {

		/* Basic */

			body {
				font-size: 13pt;
			}

			h2 {
				font-size: 1.4em;
			}

			h3 {
				font-size: 1.2em;
			}

			h4 {
				font-size: 2em;
			}

		/* Reusable 

			ul.small-image-list li img {
				width: 100px;
			}

			ul.big-image-list li img {
				width: 100px;
			} */

			ul.link-list {
				margin: 0 0 1em 0;
			}

			article.blog-post .comments {
				display: block;
				position: relative;
				top: -0.5em;
				margin: 0 0 0.5em 0;
			}

			.button {
				font-size: 1em;
			}

			.blog-post-image {
				width: 100%;
			}
		



		/* Banner */

			#banner-wrapper {
				background: #c8d2bc url;
				padding: 20px 0 0 0;
				background-size: cover; 
			}

			#banner {
				
				padding: 4em 1em;
			}

				#banner h2 {
					font-size: 2em;
					letter-spacing: -2px;
					line-height: 1.25em;
				}

				#banner span {
					font-size: 1.25em;
					letter-spacing: -1px;
					line-height: 1.25em;
				}
				
				.banner-slide-content {
        height: 350px; 
    }
				.banner-icerik-content {
        height: 350px; 
    }
    /* Başlık boyutunu küçültün */
    #glovistaSlider .carousel-item h2 {
        font-size: 1.5em; 
    }

    /* Alt metin boyutunu küçültün */
    #glovistaSlider .carousel-item span {
        font-size: 1em; 
    }
				
		/* Main */

			#main {
				padding: 0px 0;
			}

		/* Footer */

			#footer-wrapper {
				padding: 40px 0;
			}

		/* Copyright */

			#copyright {
				text-align: center;
				color: #EEEEEE;
				padding: 30px 0 0 0;
				font-size: 0.8em;
				line-height: 1.5em;
			}

				#copyright a {
					color: #EEEEEE;
				}
				
				   

	}