@charset "UTF-8";
@font-face{font-family:Sf-Semibold;src:url(../fonts/SF-Compact-Display-Semibold.otf) format("opentype")}
@font-face{font-family:Sf-Regular;src:url(../fonts/SF-Compact-Display-Regular.otf) format("opentype")}
@font-face{font-family:Sf-Medium;src:url(../fonts/SF-Compact-Display-Medium.otf) format("opentype")}
@font-face{font-family:Sf-Heavy;src:url(../fonts/SF-Compact-Display-Heavy.otf) format("opentype")}
@font-face{font-family:Sf-Bold;src:url(../fonts/SF-Compact-Display-Bold.otf) format("opentype")}
@font-face{font-family:Optima-Regular;src:url(../fonts/OptimaNovaLTPro-Regular.otf) format("opentype")}
@font-face{font-family:Optima-italic;src:url(../fonts/OptimaNovaLTPro-Italic.otf) format("opentype")}

html {
  scroll-behavior: smooth;
}
 
*{padding:0;margin:0;list-style:none;border:0;text-decoration:none; font-family:Optima-Regular; -webkit-font-smoothing: antialiased; font-weight: 400;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}

body {font-size: 14px; line-height: 1.47059;  letter-spacing: -.022em; font-family:Optima-Regular;  }

.swiper-button-next, .swiper-rtl .swiper-button-prev { display: block !important;}





.SiziArayalim{
  position:fixed;
  bottom:20px;
  right:20px;
  padding:20px;
  background:#333;
  color:#fff;
  border-radius:8px;
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
  z-index: 9999;
}

.SiziArayalim.show{
  opacity:1;
  pointer-events:auto;
}



.BilgiFormu { position: absolute;  z-index: 9; right: 0px; top: 80px; }
.BilgiFormu .content { }
.BilgiFormu .content p.bilgiformuYazi {  color: #fff; background-color: #324353; display: flex; padding: 19px 25px; top: 19px;
  writing-mode: tb;
  transform: rotate(180deg);  }

.BilgiFormu .content li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px;
  transform: rotate(0deg);
  background-color: #dfe0e4;
  }
  .BilgiFormu .content img { width: 40px; }

  .swiper-container{width:100%;height:auto;  overflow: hidden;}
  .swiper-slide img{width:100%; height:80vh; }
  .swiper-slide video{width:100%; height:100vh; object-fit: cover; object-position: left;}

  .swiper-container{margin-left:auto;margin-right:auto}
  
  .swiper-slide { width: 100%; display: flex !important; flex-direction: row !important; justify-content: center; align-items: center;}
  .swiper-slide .left { width: 50%; height: auto; height: 100vh; }
  .swiper-slide .right { width: 50%; height: 100vh; display: flex;}
  .swiper-slide .right .BannerIcerik { display: flex; flex-direction: column; justify-content: center; align-content:center;  color: #fff; align-items: center; }
  .swiper-slide .right .BannerIcerik h1 { font-size: 2.8vw; width: 70%; font-family: Sf-Semibold; letter-spacing: -1px; line-height: 1.1; }
  .swiper-slide .right .BannerIcerik h4 { font-size: 1.4vw; margin-top: 19px; width: 70%; letter-spacing: -1px; line-height: normal; }
  .swiper-slide  .blue { background-color: #0000e1; }
  .swiper-slide  .purp { background-color: #3f29b3; }
  .swiper-slide  .red { background-color: #f31746; }
  .swiper-pagination { z-index: 1 !important;}
  .swiper-button-next, .swiper-button-prev { z-index: 1 !important;}



  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { right: 44vw !important; width: auto !important; bottom: 22vh !important; left: auto !important; }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 60px !important; border-radius: 0px !important; height: 4px !important; background-color: #fff !important;}
  .swiper-pagination-bullet-active { background-color: #fff !important;}


  .HomeKatalog { text-align: center; width: 100%;  background-color: #d1d1d1;  margin: 55px 0px;}
  .HomeKatalog img {width: 750px; margin-bottom: -6px;}



.container {width:100%;max-width:1250px;min-width:1000px;margin:0 auto;text-align:center}

nav { background-color:#ecf0f6;  width:100%; text-align:center; margin: 0 auto; }
nav { background-color:#fff; }
nav .header { padding:25px }
nav .header .Logo  { width: 100%; display: inline-block; position: absolute; left: 0;}
nav .header .Logo img { width:11%;vertical-align: middle; }
nav .header .WriteUs { text-align:right; width:90%; display: inline-block; vertical-align: middle;}
nav .header .WriteUs p { color:#000; padding: 5px 10px; width: max-content; margin-left: 80%; display: inline-block; }
nav .header .WriteUs p:after { background: url(../img/Write-Us.png); background-size: 100%; width: 25px; height: 19px; display: inline-block; margin-left: 10px; content: ""; vertical-align: middle; }
nav .Menu { text-align:right; display: inline-block; vertical-align: middle; margin-left:5%;}
nav .Menu p { font-size:25px; }


 .OrmanRuhu { background: url(../img/Orman-Ruhu-BG.jpg); width: 100%; height: 900px; object-fit: cover; background-size: cover; background-position: center; }
 .OrmanRuhu .kalip { max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .OrmanRuhu .kalip .Icerik { width: 100%; text-align: center; margin-top: 5vh; }
 .OrmanRuhu .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #fff; align-items: center; font-size: 35px; width: 50%; text-align: center; margin: 0 auto;} 
 .OrmanRuhu .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .OrmanRuhu .kalip .Icerik p { color: #fff; font-size: 20px; width: 55%; text-align: center; margin: 30px auto 0px;}
 .OrmanRuhu .kalip .Icerik img {width: 66px; margin: 50px auto; }
 .OrmanRuhu .kalip img {width: 80%;  }

.MustakilKonfor {width: 100%; height: 900px;}
.MustakilKonfor .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.MustakilKonfor .kalip .Icerik { width: 100%; text-align: center; margin-top: 200px; margin-bottom: 5vh; }
.MustakilKonfor .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #007c7a; align-items: center; font-size: 35px; width: 500px; text-align: center; margin: 0 auto;} 
.MustakilKonfor .kalip .Icerik p { color: #007c7a; font-size: 20px; width: 650px; text-align: center; margin: 30px auto 0px;}
.MustakilKonfor .kalip img {width: 1200px;  }

 

 .HerDetayMukemmel { width: 100%; height: 1100px; background-color: #282b3a; }
 .HerDetayMukemmel .kalip { max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .HerDetayMukemmel .kalip .Icerik { width: 100%; text-align: center; margin-top: 290px; margin-bottom: 5vh; }
 .HerDetayMukemmel .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #aca49f; align-items: center; font-size: 35px; width: 50%; text-align: center; margin: 0 auto;} 
 .HerDetayMukemmel .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .HerDetayMukemmel .kalip .Icerik p { color: #aca49f; font-size: 20px; width: 55%; text-align: center; margin: 30px auto 0px;}
 .HerDetayMukemmel .kalip .Icerik img {width: 66px; margin: 50px auto; }
 .HerDetayMukemmel .kalip img {width: 100%;  }

.IkiliTipOverlay{position:relative;display:block;width:100%;max-width:1250px;margin:40px auto;}
.IkiliTipOverlay img{width:100%;display:block;}
.IkiliTipOverlay .overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 12%;color:#fff;}
.IkiliTipOverlay .col{text-align:center;width:45%;}
.IkiliTipOverlay h5{font-size:26px;letter-spacing:2px;text-transform:uppercase;}
.IkiliTipOverlay h2{font-size:140px;line-height:1;margin:20px 0;}
.IkiliTipOverlay .btn{display:inline-block;padding:14px 36px;background:rgba(255,255,255,.35);color:#fff;border-radius:3px;backdrop-filter:saturate(120%) blur(2px);} 
.IkiliTipOverlay .btn:hover{background:rgba(255,255,255,.5);} 
.IkiliTipOverlay .divider{width:2px;height:60%;background:rgba(255,255,255,.65);} 

@media (max-width:1200px){
  .IkiliTipOverlay h2{font-size:110px}
}
@media (max-width:900px){
  .IkiliTipOverlay{margin:20px auto}
  .IkiliTipOverlay .overlay{padding:0 8%}
  .IkiliTipOverlay h2{font-size:86px}
  .IkiliTipOverlay h5{font-size:20px}
}
@media (max-width:680px){
  .IkiliTipOverlay .overlay{flex-direction:column;gap:22px;justify-content:center}
  .IkiliTipOverlay .col{width:100%}
  .IkiliTipOverlay h2{font-size:64px}
}






 .SeckinVilla { background: url(../img/Seckin-Villa-BG.jpg); width: 100%; height: 800px; object-fit: cover; background-size: cover; background-position: top; }
 .SeckinVilla .kalip { max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .SeckinVilla .kalip .Icerik { width: 100%; text-align: center; margin-top: 250px; }
 .SeckinVilla .kalip .Icerik h3 { display: flex; flex-direction: row; justify-content: center; color: #282b3a; align-items: center; font-size: 35px; width: 50%; text-align: center; margin: 0 auto;} 
 .SeckinVilla .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .SeckinVilla .kalip .Icerik p { color: #282b3a; font-size: 20px; width: 55%; text-align: center; margin: 30px auto 0px;}
 .SeckinVilla .kalip .Icerik img {width: 66px; margin: 40px auto; }
 .SeckinVilla .kalip img {width: 100%;  }

.GaleriButton{position:relative;display:inline-block;}
.GaleriButton img{display:block;}
.GaleriButton .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px;color:#fff;pointer-events:none;}
.GaleriButton::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .25s ease;}
.GaleriButton::after{content:"";position:absolute;inset:12px;border:2px solid #fff;opacity:0;transition:opacity .25s ease;}
.GaleriButton:hover::before{opacity:1;}
.GaleriButton:hover::after{opacity:1;}


.SosyalYasam {width: 100%; height: 900px;}
.SosyalYasam .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.SosyalYasam .kalip .Icerik { width: 100%; text-align: center; margin-top: 190px; margin-bottom: 5vh; }
.SosyalYasam .kalip .Icerik p { color: #938f8c; font-size: 20px; width: 780px; text-align: center; margin: 60px auto 0px;}
.SosyalYasam .kalip img {width: 80%;  }

.SosyalYasam .kalip .SosyalDonati {}
.SosyalYasam .kalip .SosyalDonati .kalip { display: flex; flex-direction: row; justify-content: center; }
.SosyalYasam .kalip .SosyalDonati .kalip .box {}
.SosyalYasam .kalip .SosyalDonati .kalip .box img { height: 70px; width: auto;}
.SosyalYasam .kalip .SosyalDonati .kalip .box p { width: 190px; color: #938f8c; margin-top: 10px;}
  
 
.Bulut { margin-top: 550px; }
.Bulut .kalip {}
.Bulut .kalip img{ width: 100%; } 



.OrmanIci { background: url(../img/Anka-Vadi-Orman.jpg); width: 100%; height: 1400px; object-fit: cover; background-size: cover;background-position: top;margin-top: -640px; }
.OrmanIci .kalip { max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.OrmanIci .kalip .Icerik { width: 100%; text-align: center; margin-top: 390px; }
.OrmanIci .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #1d200e; align-items: center; font-size: 35px; width: 350px; text-align: center; margin: 0 auto;} 
.OrmanIci .kalip .Icerik h2 { font-size: 60px; color: #1d200e; } 
.OrmanIci .kalip .Icerik p { color: #1d200e; font-size: 20px; width: 55%; text-align: center; margin: 30px auto 0px;}
.OrmanIci .kalip .Icerik img {width: 66px; margin: 50px auto; }
.OrmanIci .kalip img {width: 80%;  }


/* Grid */
.GaleriKalip { background-color: #000; padding: 5vh auto;}
.GaleriKalip h3 {width: 100%; padding: 5vh  0px; font-size: 25px;  text-align: center; color: #fff; }
.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:10px;max-width:1250px;margin:0 auto; padding: 0vh 0px 7vh;}
.galleryGrid .thumb{position:relative;display:block;height:100%;overflow:hidden;border-radius:6px;}
.galleryGrid .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease;}
.galleryGrid .thumb::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .25s ease;}
.galleryGrid .thumb::after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);color:#fff;font-size:36px;line-height:1;opacity:0;transition:opacity .25s ease;}
.galleryGrid .thumb:hover img{transform:scale(1.03);opacity:.85;}
.galleryGrid .thumb:hover::before{opacity:1;}
.galleryGrid .thumb:hover::after{opacity:1;}
/* Büyük ilk görsel gibi kareyi büyütmek için */
.galleryGrid .span2x2{grid-column:span 2;grid-row:span 2;}
/* Responsive */
@media(max-width:1000px){.galleryGrid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}
@media(max-width:640px){.galleryGrid{grid-template-columns:1fr;grid-auto-rows:220px}.galleryGrid .span2x2{grid-column:span 1;grid-row:span 1}}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:9999;}
.lightbox.open{display:flex;}
.lb-stage{position:relative;max-width:min(92vw,1400px);max-height:86vh;display:flex;align-items:center;justify-content:center;}
.lb-stage img{max-width:100%;max-height:86vh;display:block;object-fit:contain;}
.lb-prev,.lb-next,.lb-close{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.18);color:#fff;font-size:46px;line-height:1;width:54px;height:54px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:saturate(120%) blur(2px);}
.lb-prev{left:24px;} .lb-next{right:24px;}
.lb-close{top:24px;right:24px;transform:none;font-size:38px;}
.lb-prev:hover,.lb-next:hover,.lb-close:hover{background:rgba(255,255,255,.3);}
.lb-counter{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;letter-spacing:2px;opacity:.9;}
@media(max-width:640px){.lb-prev,.lb-next{width:46px;height:46px;font-size:34px}}



.GaleriBanner { width: 100%; height: 80vh;}
.GaleriBanner img{ height: 80vh; width: 100%;  object-fit: cover;}
.GaleriBanner{width:100%;height:80vh;position:relative;}
.GaleriBanner video{height:80vh;width:100%;object-fit:cover;display:block;}
.GaleriBanner .mobile{display:none;}
@media(max-width:768px){
  .GaleriBanner{height:60vh}
  .GaleriBanner video{height:60vh}
  .GaleriBanner .desktop{display:none}
  .GaleriBanner .mobile{display:block}
}


.HomeBanner { width: 100%; height: 80vh;}
.HomeBanner img{ height: 80vh; width: 100%;  object-fit: cover;}
.HomeBanner{width:100%;height:80vh;position:relative;}
.HomeBanner video{height:80vh;width:100%;object-fit:cover;display:block;}
.HomeBanner .mobile{display:none;}
@media(max-width:768px){
  .HomeBanner{height:80vh}
  .HomeBanner video{height:80vh}
  .HomeBanner .desktop{display:none}
  .HomeBanner .mobile{display:block}
}




.LuksYasam { background-color: #e1e0dd; padding: 3vh 0px;  width: 100%; }
 .LuksYasam .kalip { max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .LuksYasam .kalip .Icerik { width: 100%; text-align: center; margin-top: 5vh; }
 .LuksYasam .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 35px; width: 50%; text-align: center; margin: 0 auto;} 
 .LuksYasam .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .LuksYasam .kalip .Icerik p { color: #282b3a; font-size: 20px; width: 55%; text-align: center; margin: 30px auto 0px;}
 .LuksYasam .kalip .Icerik img { width: 60px; margin-top: 3vh;}




.VaziyetPlan {width: 100%; background-color: #858482; padding: 7vh 0px; }
.VaziyetPlan .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.VaziyetPlan .kalip .Icerik { width: 100%; text-align: center; }
.VaziyetPlan .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 35px; width: 500px; text-align: center; margin: 0 auto;} 
.VaziyetPlan .kalip .Icerik p { color: #282b3a; font-size: 20px; width: 650px; text-align: center; margin: 30px auto 0px;}
.VaziyetPlan .kalip img {width: 50%; margin-top: 3vh;  } 
 

.GaleriOrman {}
.GaleriOrman img { width: 100%; margin-bottom: -20px; }



.VaziyetPlan {width: 100%; background-color: #858482; padding: 7vh 0px; }
.VaziyetPlan .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.VaziyetPlan .kalip .Icerik { width: 100%; text-align: center; }
.VaziyetPlan .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 35px; width: 500px; text-align: center; margin: 0 auto;} 
.VaziyetPlan .kalip .Icerik p { color: #282b3a; font-size: 20px; width: 650px; text-align: center; margin: 30px auto 0px;}
.VaziyetPlan .kalip img {width: 50%; margin-top: 3vh;  } 


.GoogleBanner .kalip{ margin-bottom: -20px;}
.GoogleBanner .kalip img{ width: 100%;}



.LokasyonDetay {width: 100%; background-color: #e1e0dd; padding: 7vh 0px; }
.LokasyonDetay .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.LokasyonDetay .kalip .Icerik { width: 100%; text-align: center; }
.LokasyonDetay .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 35px; width: 500px; text-align: center; margin: 0 auto;} 
.LokasyonDetay .kalip .Icerik p { color: #282b3a; font-size: 20px; width: 450px; text-align: center; margin: 30px auto 0px;}
.LokasyonDetay .kalip ul { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 30px; margin-top: 3vh;  } 
.LokasyonDetay .kalip ul li {    } 
.LokasyonDetay .kalip ul li img { width: 190px; } 

.AnkaVadiDairePlani { margin-bottom: -20px;}
.AnkaVadiDairePlani .kalip { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: stretch; align-content: center; }
.AnkaVadiDairePlani .kalip .left { width: 50%; }
.AnkaVadiDairePlani .kalip .left img { width: 100%;}
.AnkaVadiDairePlani .kalip .right { width: 50%; background-color: #e1e0dd; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; align-items: center; }
.AnkaVadiDairePlani .kalip .right .kalip { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; align-items: center; text-align: center; gap: 50px; }
.AnkaVadiDairePlani .kalip .right .kalip .Gorsel {}
.AnkaVadiDairePlani .kalip .right .kalip .Gorsel img{ width: 70%; }
.AnkaVadiDairePlani .kalip .right .kalip .icerik {}
.AnkaVadiDairePlani .kalip .right .kalip .icerik p { font-size: 20px; width: 500px;}


.AnkaVadiDairePlaniGorsel { background-color: #bab8b4; padding: 5vh 0px;  }
.AnkaVadiDairePlaniGorsel .kalip {width: 100%;  margin: 0 auto; text-align: center;}
.AnkaVadiDairePlaniGorsel .kalip img{ width: 90%; text-align: center; margin: 0 auto; }





footer { background: url(../img/Footer-BG.jpg); width: 100%; height: 900px; object-fit: cover; background-size: cover;background-position: top;}
footer .container  {  padding-top: 5vh; }
footer .container .FooterLogo {  }
footer .container .FooterLogo img { width:15%; }

footer .container .FooterMenu { margin:40px auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
footer .container .FooterMenu ul.menu { display: flex; flex-direction: row; gap: 19px; font-size: 16px; }

footer .container .FooterMenu ul.menu li { display: inline-block; margin:0px 8px;  }
footer .container .FooterMenu ul.footerwriteus { display: inline-block; margin: 0px 19px;}
footer .container .FooterMenu ul.footerwriteus li { color:#fff; }
 footer .container .FooterMenu ul.footersosyal { display: block; margin-top: 4vh;}
footer .container .FooterMenu ul.footersosyal li { display: inline-block; margin:0px 10px; color:#848e94; vertical-align: middle;}
footer .container .FooterMenu ul.footersosyal li img { height:25px; display: inline-block; vertical-align: middle;}

 footer .container .FooterMenu ul.footerwhatsapp { margin-top: 4vh;}
 footer .container .FooterMenu ul.footerwhatsapp li p { color: #ffffff; font-size: 16px; letter-spacing: 6px;}


footer .container .FooterMenu ul.menu li  a { color:#b7b3ad; }
footer .container .FooterMenu ul.menu li  a:link { color:#b7b3ad; font-size: 19px; }
footer .container .FooterMenu ul.menu li  a:visited { color:#b7b3ad; }
footer .container .FooterMenu ul.menu li a:hover { color:#fff; }


.KriptonCopyright { padding: 25vh 0px 0px; z-index: 9; bottom: 1vh; top: auto; width: 100%; color: #a0a196; }
.footer-extra { padding: 3vh 0px 0px; z-index: 9; bottom: 1vh; top: auto; width: 100%; color: #a0a196; }
.footer-extra span{ color: #ffffff; letter-spacing: 3px; margin-top: 5px; }



.KahveBg { background-color:#c1ae95 !important}
.SogukGriBg { background-color:#8d8e8d !important}
.GriBg { background-color:#e5e2dd !important}
.BeyazBg { background-color:#fff !important}
.clear { clear: both !important; }

 



#slider {
  position: relative;
  overflow: hidden;
  margin: 19px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

#slider ul li img {
width:100%
}

a.control_prev, a.control_next {
  position: absolute;
  top: 43%;
  z-index: 999;
  display: block;
  padding: 2% 2%;
  width: 8%;
  background: #2a2a2a;
  opacity: 0.8;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}
a.control_prev img {
  width: 50%;
  vertical-align: middle;
}
a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
a.control_next img {
  width: 50%;
  vertical-align: middle;
  transform: rotate(180deg);
}
.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 19px;
}











/* Sil */