/*  
Theme Name: Mavigen
Version: 1.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen İnternet Hizmetleri</a>
Author: Mavigen
Author URI: http://www.mavigen.com
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);
html, body, #site-content {font-family: 'Open Sans', sans-serif; height: 100%;}
body > #site-content {height: auto;}

body {font-family: 'Open Sans', sans-serif; min-width:980px; overflow-x: hidden; }
ul { list-style:none;}
.footer .fRight .icon-social li, .header .right .icon-social li, .sf-menu a { transition: all 0.3s ease 0s; }

		.float-left { float:left; }
		.float-right { float:right; }
		.clear-left { clear:left; }
		.clear-right { clear:right; }
		.clear-both { clear:both; }
		i { display:block;}
		a { text-decoration:none; }
		a:hover { text-decoration:none; }
		.diller {color:#fff;}
		.container { width:980px; margin:0 auto; z-index:5; position:relative; }
		
		.header { background:url('../images/bgHeader.png') no-repeat center top; height:160px; position:relative; z-index:6; border-top:solid 2px rgba(86,62,0,0.3); width:100%;}
		.header a.logo { text-decoration:none; float:left;  margin: 30px 0 0; width:171px;}
				.header ul.language{ position:absolute; top:-5px; right:0; }
				.header .language li{ margin:0 4px; float:left; line-height:24px; height:24px; }
				.header .language li a{ color:#545454; font-size:11px; }	
					
		.header .right{ float:right; width:800px; }
		.header .right .i-cont {float:right; height:30px; margin-top: 31px;}
		.header .right .i-cont i{ background:url(../images/i-cont.png) no-repeat; width:20px; height:20px;}
		.header .right .i-cont span { margin:-25px 25px 0; font-size:16px; font-weight:300; font-family:"open sans" ,Arial, Helvetica, sans-serif; color:#000; float:right;}
		.header .right .i-cant {float:right; height:30px; margin-top: 31px;}
		.header .right .i-cant span { margin:-25px 25px 0; font-size:16px; font-weight:300; font-family:"open sans" ,Arial, Helvetica, sans-serif; color:#000; float:right;}
		.header .right .i-cent {float:right; height:30px; margin-top: 31px;}
		.header .right .i-cent span { margin:-2px 25px 0; font-size:16px; font-weight:300; font-family:"open sans" ,Arial, Helvetica, sans-serif; color:#000; float:right;}

		.header .right ul.icon-social {float:right; margin:26px 0 0 0; padding:0; list-style:none; }
		.header .right .icon-social li { float:left; margin:0 3px; min-width:25px; height:24px; line-height:24px; }
		.header .right .icon-social li a { text-decoration:none; display:block; text-indent:-9999px; }
			.header .right .icon-social li.twitter { background:url('../images/icon-social.png') no-repeat -28px 2px; }
			.header .right .icon-social li.instagram { background:url('../images/icon-social.png') no-repeat -28px 2px; }
			.header .right .icon-social li.facebook { background:url('../images/icon-social.png') no-repeat 0px 2px; }
			.header .right .icon-social li.whatsapp { background:url('../images/icon-social.png') no-repeat -56px 2px; }
				.header .right .icon-social li.twitter:hover { background:url('../images/icon-social.png') no-repeat -28px -22px; }
				.header .right .icon-social li.instagram:hover { background:url('../images/icon-social.png') no-repeat -28px -22px; }
				.header .right .icon-social li.facebook:hover { background:url('../images/icon-social.png') no-repeat 0px -22px; }
				.header .right .icon-social li.whatsapp:hover { background:url('../images/icon-social.png') no-repeat -56px -22px; }
					
.bg-banner {background: url(../images/sliderbg.png) no-repeat center bottom; /*padding:34px 0 0;*/ position: relative; z-index: 4; }
		.yazi { right:10px; top:300px; position: absolute; width: 800px; text-align:right; }	
		.yazi h2 { font-family:'Open Sans', sans-serif; font-weight:300; font-size:34px; color: #fff; margin:0; display: none;}
		.yazi p { font-family:'Open Sans', sans-serif; font-weight:300; font-size:34px; color: #fff; margin:0; }

		
		.main-content { background:url(../images/dfbg.png) no-repeat top center; border-top:2px solid #e7e7e7; padding:0; margin:0 auto; position:relative; z-index:2; }
		.mainTop .address { color: #087EB8; font-size: 14px; font-weight: 400; line-height: 30px; margin: 20px 0 40px; }
		.mainTop .address h3 { font-size: 17px;	font-weight: 600; margin: 20px 0; text-align: center; border-bottom: 2px solid #eee; }
		.mainTop .address h3 span { position:relative; }		        
		.mainTop .address h3 span:after {content:"";position:absolute; width:100%; background: #087EB8; height:2px; bottom:-5px; left:0;}
		.mainTop .address .left { float: left; text-align: right; width: 470px;	}
		.mainTop .address .right { float: right; text-align: left; width: 470px; }
		.mainTop .address .right strong { font-weight: 600;	margin-right: 5px; }
		    
			#map { margin: 20px 0 30px 0; width: 980px; height: 250px; -webkit-box-shadow: -1px 11px 12px -1px rgba(0,0,0,0.12); -moz-box-shadow: -1px 11px 12px -1px rgba(0,0,0,0.12); box-shadow: -1px 11px 12px -1px rgba(0,0,0,0.12);}
			#owl-demo .item{ margin: 5px; color: #FFF; border-radius: 3px; text-align: center;}
		#demo {margin:35px 0 80px;}		
			#owl-demo .prev { position:absolute; left:-20px; top:64px; }
			#owl-demo .next { background-position: -12px 0; position:absolute; right:-20px; top:64px; }
			#owl-demo .buttons:hover { opacity:0.8; }
			#owl-demo .item a{ color:#007DBC; display:block; }
			#owl-demo .item h2{ font-size:14px; font-family:"open sans",sans-serif; font-weight:400; color:#007DBC;}
			#owl-demo .item img{ width:96px; height:96px; border-radius:50px; }
			#owl-demo .item:hover img{ opacity:0.5; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
			#owl-demo .item h2:hover{ color:#007DBC; }
		
		/*.main-content  .duyuru { height:357px; }*/
		.main-content  .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;}
		.main-content  .duyuru  h2 span { position:relative; }		        
		.main-content  .duyuru  h2 span:after {content:"";position:absolute; width:100%; background: #087EB8; height:2px; bottom:-2px; left:0;}
		.main-content  .duyuru  ul { 
			display: flex;
			flex-wrap: wrap;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.main-content  .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% / 8) - 2%); /* her biri %12.5 genişlikte */
}
		.main-content  .duyuru  ul li img { display: block; width:100%; }
		
		.main-content  .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%; }
		.main-content  .duyuru ul li a:hover h3 { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; color: #fff; }
		/*.main-content  p{ color:#555; font-size:11px; line-height:18px; margin:10px 0; text-align:justify; }*/

		.footer { background: url(../images/bgFooter.png) no-repeat center top; margin:0 auto ; height:160px; position:relative; }
			.footer .address { float:left; margin:13px 0 0 0; width:435px; height:70px;}
				.footer .address h2 { font-family:'Open Sans', sans-serif; font-weight:500; color:#545454; font-size:16px; margin:0 0 10px 0; }
				.footer .address p { font-family:'Open Sans', sans-serif; color:#545454; margin:0 0 5px 0; line-height:25px; font-size:14px; font-weight:300; }
				.footer .address strong { margin-left:25px; }
			
						.footer .address2 { float:left; margin:45px 0 0 0; font-family:'Open Sans', sans-serif; width:190px; font-size:14px; height:80px; color:#545454; }
			.footer .address2 a { color:#545454; }
			.footer .address2 strong { font-family:'Open Sans', sans-serif; color:#545454; margin:0 0 5px 0; line-height:25px; font-size:14px;  font-weight:600; }

			.footer .fRight { float:right; width:210px; height:95px; }
			.footer .fRight h2 { font-family:'Open Sans', sans-serif; color:#545454; font-size:14px; font-weight:300; margin:13px 0 0px 0; text-align:right; }
			.footer .fRight ul.icon-social {float:right; margin: 7px 0 0; padding:0; list-style:none; }
			.footer .fRight .icon-social li, .header .right .icon-social li { float:left; margin:0; min-width:25px; height:24px; line-height:24px; }
			.footer .fRight .icon-social li a { text-decoration:none; display:block; text-indent:-9999px; }
				.footer .fRight .icon-social li.twitter { background:url('../images/icon-social.png') no-repeat -28px -22px; }
				.footer .fRight .icon-social li.instagram { background:url('../images/icon-social.png') no-repeat -28px -22px; }
				.footer .fRight .icon-social li.facebook { background:url('../images/icon-social.png') no-repeat 0px -22px; }
				.footer .fRight .icon-social li.whatsapp { background:url('../images/icon-social.png') no-repeat -56px -22px; }
					
					.footer .fRight .icon-social li.twitter:hover { background:url('../images/icon-social.png') no-repeat -28px 2px; }
					.footer .fRight .icon-social li.instagram:hover { background:url('../images/icon-social.png') no-repeat -28px 2px; }
					.footer .fRight .icon-social li.whatsapp:hover { background:url('../images/icon-social.png') no-repeat -56px 2px; }
					.footer .fRight .icon-social li.facebook:hover { background:url('../images/icon-social.png') no-repeat 0px 2px; }
			
			.footer .copyright { font-family:Arial, Helvetica, sans-serif; color:#555555; font-size:12px; height:15px; margin-top:8px; }
			.footer .copyright a { color:#666; }
			.footer .copyright a:hover { color:#666; text-decoration:none; }

		.sub-content { width:940px; padding:20px 20px 50px /*120px*/; margin:0 auto; text-align:justify; font-family:'Open Sans', sans-serif; font-size:15px; color:#666; line-height:26px; font-weight:300; }
			.sub-content h2{ font-family:'Open Sans', sans-serif; color:#444; font-size:22px; font-weight:300; line-height:14px; padding:0; margin:10px 0 20px 0; }
		.sub-content p { margin:0 0 10px 0; }
		
		.resim-sag { width:196px; margin:5px 0 5px 10px; float:right; border:2px solid #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
		.resim-sol { width:196px; margin:5px 10px 5px 0; float:left; border:2px solid #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }


.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;
}

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

.main-video video {
  width: 940px;
  height: auto;
  display: block;
  height: 522px;
  max-height: 522px;
}

.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;
}

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