.mobileLoader{ position:fixed; left:0; top:0; bottom:0; right:0; background:#fff; }
.mobileLoader img{ position:absolute; left:50%; top:50%; margin-top:-36px; }

.mm-page{ width:100%; }

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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:125%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
	
img,iframe {max-width:100%;/* max-width:500px*/}
.multiyukleme { width:auto !important;}

body {  font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#fff }

ul.language { float:right; font-size:12px; line-height:48px; height:48px; margin-right:10px; }
.language li{ float:left; color:#fff; }
.language li:after{ content:'|'; padding:0 2px; color:#fff; opacity:0.2; }
.language li:last-child:after{ content:''; padding:0; }
.language li:first-child{ padding:0 0 0 5px; }
.language li a{ color:#fff; text-decoration:underline; }
	

.header ul.icon-social { margin:0; padding:0; list-style:none; float:left; }
.header .icon-social li { float:left; margin:0 3px; min-width:40px; height:50px; line-height:50px; background:url(images/icon-social.png) no-repeat 0 0; }
.header .icon-social li a { text-decoration:none; display:block; text-indent:-9999px; }
	.header .icon-social li.facebook { background-position:-40px 0; }
	.header .icon-social li.twitter { background-position:-80px 0; }
	.header .icon-social li.youtube { background-position:0 0; }
	.header .icon-social li.instagram { background-position:-160px 0; }
	.header .icon-social li.vimeo { background-position:-200px 0; }
	.header .icon-social li.googleplus { background-position:-240px 0; }
	.header .icon-social li.linkedin { background-position:-280px 0; }
	.header .icon-social li.pinterest { background-position:-320px 0; }
	.header .icon-social li.behance { background-position:-360px 0; }
	.header .icon-social li.whatsapp { background-position:-400px 0; }
.header .top{ background:#25547D; }
.header .top .home{ background:url(images/icon-social.png) no-repeat -120px 0; height:50px; line-height:50px; width:40px; float:right; text-indent:-99999px; display:none; }

.header .bottom .menu{ float:left; margin:0 0 0 3% }
	.header .bottom .menu .mButton{ background:url(images/sprite.png) no-repeat 0 0; width:44px; height:34px; display:inline-block; margin:40px 0 0 0; }
	.header .bottom .menu .mButton:hover{ background-position:0 -34px; }

.header .bottom .logo{ float:right; margin:10px 2.3% 10px 0; }
.header .bottom .logo img{ height:55px;margin-bottom: 10px;
margin-top: 10px; }


.float-left { float:left; }
.float-right { float:right; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
		
.content00 { width:96%; float:left; display:inline; padding:2%; font-size:14px; line-height:22px; color:#333; }	
.content00 h2{ margin:0 0 14px; font-size:16px; }	
.content00 img{ width:100%; }	


.mainContent{ margin:0; clear:both;  }
				
					
.subContent{ border-top:1px solid #E1E1E1; width:96%; margin:0 auto; padding:20px 0 40px; }
	
.footer { background:#3C3C3C; position:relative; padding:20px 0 10px 0; }
	.footer .container { width:90%; text-align:center; margin:0 auto; }
		.footer .address h2 { color:#fff; font-size:18px; margin:0 0 10px 0; }
		.footer .address strong { font-size:14px; margin:0 0 0 10px; }
		.footer .address p { color:#fff; margin:0 0 5px 0; line-height:18px; }
					
.footer ul.icon-social { margin:10px auto 0; padding:0; list-style:none; display:table; }
.footer .icon-social li { display:inline-block; margin:0 3px; min-width:40px; height:50px; line-height:50px; background:url(images/icon-social.png) no-repeat 0 0; }
.footer .icon-social li a { text-decoration:none; display:block; text-indent:-9999px; }
	.footer .icon-social li.facebook { background-position:-40px 0; }
	.footer .icon-social li.twitter { background-position:-80px 0; }
	.footer .icon-social li.youtube { background-position:0 0; }
	.footer .icon-social li.instagram { background-position:-160px 0; }
	.footer .icon-social li.vimeo { background-position:-200px 0; }
	.footer .icon-social li.googleplus { background-position:-240px 0; }
	.footer .icon-social li.linkedin { background-position:-280px 0; }
	.footer .icon-social li.pinterest { background-position:-320px 0; }
	.footer .icon-social li.behance { background-position:-360px 0; }
	.footer .icon-social li.whatsapp { background-position:-400px 0; }
	
#form1 img{ width:auto;}


.desversion { margin:5px 0px;}
.fflogo { margin:10px 0px; }
.desversion a { text-decoration:underline; color:#fff; font-size:12px }



.sfldiv {float:left; width:100%; font-weight:bold; margin:10px 0px; text-align:center}
.sfl { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;display:inline-block; margin-bottom:5px}
.sfla { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;background:#666; color:#CCC;display:inline-block; margin-bottom:5px}
.sfl:hover, .sfla:hover { padding:1px 4px; border:2px solid #aaa}

.resim{ width:99% !important; }
.resim img{ max-width:100% !important; }

#form1{ width:30% !important; }
#form2{ width:70% !important; }
#form2 .input,
#form2 .textarea,
#form2 .form2input{ width:98% !important; }
#form2 .select,
#form2 .selectmulti{ width:99% !important; }

.listeleme ul li{ width:98% !important; margin-bottom:3% !important; }
.listeleme ul li a img { max-width:100% !important;}
.lbc_box{ width:100% !important; height:auto !important; }
.lbc_box .lbcb_ph,
.lbc_box .lbcb_yz{ height:auto !important; }
.lbc_box .lbcb_ph img{ height:auto !important; display:block; max-height:inherit !important; }

.fideo{ width:99% !important; margin-bottom:5% !important; }

.ic-menu-alt1{ height:auto !important; margin-bottom:14px; }
.subContent > h2 { margin-bottom:14px; line-height:24px; }
nav#menu .mm-selected{ background:rgba(0, 0, 0, 0.1); }

img,iframe {max-width:98%;/* max-width:500px*/}
.multiyukleme img { height: auto !important; width: 96% !important; }

.mainContent{ margin: 20px 0 0; padding: 0 4%; }
.mainContent .address { color: #087EB8; font-size: 14px; font-weight: 400; line-height: 30px; margin: 20px 0 40px; }
.mainContent .address h3 { font-size: 17px;	font-weight: 600; margin: 20px 0; text-align: center; border-bottom: 2px solid #eee; }
.mainContent .address h3 span { position:relative; }		        
.mainContent .address h3 span:after {content:"";position:absolute; width:100%; background: #087EB8; height:2px; bottom:-5px; left:0;}
.mainContent .address .left { float: left; text-align: right; width: 47%;	}
.mainContent .address .right { float: right; text-align: left; width: 47%; }
.mainContent .address .right strong { font-weight: 600;	margin-right: 5px; }
    
	.mainContent #map { margin: 20px 0 30px 0; width: 100%; height: 120px; }


.mainContent ul.services{ width:98%; margin:0 auto; }
.mainContent .services li { width:49%; float:left; margin:10px 0.5% 10px; position:relative; }
.mainContent .services li a { display:block; text-decoration:none; color:#666; border:3px solid #eee; }
.mainContent .services li a img { width:100%; display:block; max-width:100% !important; }
.mainContent .services li a h2 { width:92%; left:0; padding:0 4%; position:absolute; bottom:0; font-size:12px; color:#fff; height:50px; line-height:50px; color:#fff; font-weight:700; background:url('images/bgTitle.png') repeat-x left bottom; font-size:20px; }
.mainContent .services li a span { width:100%; float:left; display:inline; font-size:11px; color:#fff }



/*.mainContent  .duyuru { height:357px; }*/

.mainContent .duyuru  h2 { position:relative; color: #007dba; font-family: open sans; font-size: 18px; border-bottom:2px solid #eee; margin:22px 0 32px 0; font-weight:400;}
.mainContent .duyuru  h2 span { position:relative; }		        
.mainContent .duyuru  h2 span:after {content:"";position:absolute; width:100%; background: #087EB8; height:2px; bottom:-2px; left:0;}
.mainContent .duyuru  ul { 
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.mainContent .duyuru  ul li { background: none repeat scroll 0 0 rgba(211, 211, 211, 0.2); border: 1px solid #ccc; margin: 0 1% 2%;
padding: 5px;
box-sizing: border-box;
text-align: center;
flex: 0 0 calc(calc(100% / 3) - 2%); /* her biri %12.5 genişlikte */
}
.mainContent .duyuru  ul li img { display: block; width:100%; }

.mainContent .duyuru ul li a h3 { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; bottom: 0; color: #bababa; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; left: 0; line-height: 50px; margin: 0; overflow: hidden;
padding: 0 3%; position: absolute; text-align: left; text-overflow: ellipsis; transition: all 0.3s ease 0s; white-space: nowrap; width: 94%; }
.mainContent .duyuru ul li a:hover h3 { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; color: #fff; }
/*.mainContent  p{ color:#555; font-size:11px; line-height:18px; margin:10px 0; text-align:justify; }*/



.video-container {
  width: 960px;
  margin: 40px auto;
  padding: 10px;
  background: #f8f8f8;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  box-sizing: border-box;
}

/* Ana video */
.main-video {
  width: 100%;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.main-video video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* Sabit oran, responsive davranır */
  display: block;
}

/* Thumbnail galerisi */
.video-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.video-thumbs li {
  position: relative;
  flex: 0 0 calc((100% - 70px) / 8);
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}

.video-thumbs li:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* 🔸 Thumbnail görseli */
.video-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s;
}

/* 🔹 Play butonu efekti */
.video-thumbs li::after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  color: white;
  opacity: 0.85;
  text-shadow: 0 0 8px rgba(0,0,0,0.6);
  pointer-events: none;
  transition: transform 0.2s, opacity 0.2s;
}

/* 🔹 Hover'da parlaması */
.video-thumbs li:hover::after {
  transform: translate(-50%, -50%) scale(1.2);
  opacity: 1;
}

/* 🔹 Hover'da görsel biraz kararsın */
.video-thumbs li:hover img {
  opacity: 0.7;
}


/* 📱 Tablet (max 992px) */
@media (max-width: 992px) {
  .video-container {
    width: 100%;
    margin: 20px auto;
  }

  .video-thumbs li {
    flex: 0 0 calc((100% - 30px) / 4); /* 4 thumbnail */
  }
}

/* 📱 Küçük tablet ve büyük telefon (max 768px) */
@media (max-width: 768px) {
  .video-container {
    border-radius: 0;
    box-shadow: none;
    padding: 8px;
  }

  .video-thumbs li {
    flex: 0 0 calc((100% - 20px) / 3); /* 3 thumbnail */
  }
}

/* 📱 Küçük telefon (max 480px) */
@media (max-width: 480px) {
  .video-thumbs {
    gap: 6px;
  }

  .video-thumbs li {
    flex: 0 0 calc((100% - 6px) / 2); /* 2 thumbnail */
  }
}


.slides video {
  width: 100%;
  aspect-ratio: 1920 / 800;
  object-fit: cover;
  height: auto;
  display: block;
}