@charset "UTF-8";
@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat-Light.otf) format("opentype")}
@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.otf) format("opentype")}
@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.otf) format("opentype")}
@font-face{font-family:Montserrat-Black;src:url(../fonts/Montserrat-Black.otf) format("opentype")}


*{padding:0;margin:0;list-style:none;border:0;text-decoration:none;font-family:Montserrat-Light;font-weight:300}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}

body{width:100%;background-color:#fff;margin:0;padding:0;font-family:Montserrat-Light}
.container{width:100%;max-width:1350px;min-width:1000px;margin:0 auto;text-align:center}
.mobil-menu{display:none;z-index:999999;position:relative}


a:link{color:#000}
a:hover{background:none}
a:visited{color:#000}



nav {width:100%; padding:20px 0px;}
nav ul {position:relative; text-align:left; width:69%; display: inline-block; padding-left:15%;}
nav li {margin:0px 10px 10px 10px;display:inline-block;color:#474747}
nav .Logo { width:30%; position:relative; display:inline-block;vertical-align:middle; padding-left:5%}
nav .Logo img {width:170px}


nav li a:visited{color:#474747;}
nav li a:active{color:#474747;}
nav li a:hover{text-decoration:none;color:#ccc}



.dilSecenegi a:link , a:visited  {color:#474747;}
.dilSecenegi {background:#474747; position:absolute;top: 2.2%;right: 5%; z-index:99999; cursor:pointer; color:#fff; padding:5px 10px;}
.dilSecenegi .dilAcil {display:none;   }
.dilSecenegi .dilAc { font-family:Montserrat-Bold }
/* .dilSecenegi .dilAc:after { background:url(../img/ileri-git.svg); background-size:100%; width:16px; height:16px; vertical-align:middle; display:inline-block; transform: rotate(90deg); content:"" } */
.dilSecenegi .dilAc .dilAcil{position: absolute;}
.dilSecenegi .dilAc .dilAcil li {margin-top:3px; margin-bottom:3px; font-family:Montserrat-Bold}
.dilAc:hover  .dilAcil {display:block;}




.Giris { background-color:#474747; padding:50px 0px; text-align: center;}
.Giris h1 { color:#fff; font-family: Montserrat-Black; font-size:40px;}
.Giris h1.left { margin-left:7%;}
.Giris h1.right { margin-right:7%;}
.Giris h1 span {font-family: Montserrat-Light;}
.Giris p { font-size:16px; color:#bbc6c8; width:30%; margin:20px auto 0px;}



.Luxwelt { text-align:center; padding: 50px 0px; width:40%; margin: 0 auto;}
.Luxwelt p { color:#7e7e7e; }



.ProjeDetay { text-align:center; padding: 50px 0px; width:40%; margin: 0 auto;  clear: both;}
.ProjeDetay .container {   clear: both;}
.ProjeDetay h4 { color:#000; font-family:Montserrat-Bold; margin-bottom:5px; margin-top:5px;}
.ProjeDetay p { color:#7e7e7e; }
.ProjeDetay .Panorama { margin-top:20px;  display: none;}
.ProjeDetay .Panorama img { width:80px;}
.ProjeDetay .Panorama p { color:#c390c7; font-size:18px; margin-top:5px;font-family:Montserrat-Regular}



[class^="swiper-button-"] {
  transition: all .3s ease;
}

.swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.swiper-container {
  width: 70%;
  height:80vh;
  float:left;
  transition: opacity .6s ease, -webkit-transform .3s ease;
  transition: opacity .6s ease, transform .3s ease;
  transition: opacity .6s ease, transform .3s ease, -webkit-transform .3s ease;
}
.swiper-container.nav-slider {
  width: 30%;
  padding-left: 5px;
}
.swiper-container.nav-slider .swiper-slide {
  cursor: pointer;
  opacity: .4;
  transition: opacity .3s ease;
}
.swiper-container.nav-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.swiper-container.nav-slider .swiper-slide .content {
  width: 100%;
}
.swiper-container.nav-slider .swiper-slide .content .title {
  font-size: 20px;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}

.swiper-slide {
  overflow: hidden;
}
.swiper-slide .slide-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.swiper-slide .entity-img {
  display: none;
}
.swiper-slide .content {
  position: absolute;
  top: 40%;
  left: 0;
  width: 50%;
  padding-left: 5%;
  color: #fff;
}
.swiper-slide .content .title {
  font-size: 2.6em;
  font-weight: bold;
  margin-bottom: 30px;
}
.swiper-slide .content .caption {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
  transition: opacity .3s ease, -webkit-transform .7s ease;
  transition: opacity .3s ease, transform .7s ease;
  transition: opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
}
.swiper-slide .content .caption.show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

[class^="swiper-button-"] {
  width: 44px;
  opacity: 0;
  visibility: hidden;
}

.swiper-button-prev {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.swiper-button-next {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}









.Projeler { background-color:#84b8c3; padding:10px 0px 40px;; float: left; width: 100%;}
.Projeler .container h3 { border:1px solid #fff; color:#fff; padding:10px 40px ; margin:40px auto 20px; font-size:15px; width:max-content}
.Projeler .container p { color:#fff;}


.Corporate {float: left; width:50%; background-color: #f4f3ef;}
.Corporate  { height: 803px;}
.Corporate  .Kapsa { text-align:left; padding:40px;}
.Corporate  .Kapsa h2 { font-size:18px; color:#000; font-family:Montserrat-Regular; margin-bottom:10px;}
.Corporate  .Kapsa  p { font-size:14px; color:#464646;}



.MuratCap { background-color:#2a2a2a; padding:50px; width:50%; float: left; height: 803px;}

.MuratCap .Gorsel { padding:0px 0px 80px 0px; float: none; width:100%;}
.MuratCap .Gorsel img  { width:500px; }
.MuratCap .Member {  width:100%; text-align:center;}
.MuratCap .Member .Kalip { background-color:#f4f3ef; border:4px solid #f4f3ef; box-shadow: inset 0px 0px 0px 2px #000; padding:30px; width:max-content; display: inline-block; height:100px; vertical-align: top; margin:10px;}
.MuratCap .Member .Kalip p { }
.MuratCap .Member .Kalip p span { font-family:Montserrat-Bold}








.DigerProjeler { background-color:#d9d9d9; padding:10px 0px 40px;; float: left; width: 100%;}
.DigerProjeler .container h3 {display:inline-block; border:1px solid #fff; color:#fff; padding:10px 40px ; margin:40px 10px 20px 10px; font-size:15px; width:max-content}
.DigerProjeler .container h3.Sonraki {border:1px solid #ed5436; background-color:#ed5436}




.AllProject { background-color:#f1f1f1;  padding:50px;}
.AllProject .container .Kalip { width:25%; background:#fff; min-height:470px; vertical-align: top; display: inline-block; margin:25px 25px;}
.AllProject .container .Kalip img { margin-top:30px; width:80%;  }
.AllProject .container .Kalip p.year { text-align:right; color:#19a68e; margin-right:10%; font-size:13px; font-family:Montserrat-Bold; }
.AllProject .container .Kalip p.baslik { text-align:left; color:#474747; margin-left:10%; font-size:20px; font-family:Montserrat-Bold; margin-bottom:10px;}
.AllProject .container .Kalip p.text { width:80%; text-align:left; color:#96958e; margin-left:10%; font-size:14px; font-family:Montserrat-Regular;}
.AllProject .container .Kalip .Detail {float:right; margin-top:35px; color:#c291c6; font-family:Montserrat-Regular; margin-right:10%;display: inline-block; font-size:14px; vertical-align:middle; cursor:pointer;}
.AllProject .container .Kalip .Detail:after { background: url(../img/sag-ok.png); background-size: 100%; width: 12px; height: 21px; display: inline-block; vertical-align: middle; content: ""; text-align: right; margin-left: 10px;}






.Referances { background-color:#f1f1f1; padding:40px;}
.Referances .container .kalip { background-color:#fff; padding:15px; display: inline-block; height:200px; width:200px; margin:20px;}
.Referances .container .kalip img {width:100%;}





.iletisim {text-align: center;padding-top: 80px;padding-bottom: 70px;background: #fafafa; position:relative;}
.iletisim .container .sol-alan  { display:inline-block; vertical-align:top; margin-top:-25px; text-align:left;}
.iletisim .container .sol-alan .baslik img { width:150px }

.iletisim .container .sol-alan .icerik { margin-top:40px; }
.iletisim .container .sol-alan .icerik span { font-family:Montserrat-Regular }
.iletisim .container .sol-alan .icerik p { margin:10px 0px 10px 0px; color: #414141; }
.iletisim .container .sol-alan .icerik p span { font-family: Montserrat-Regular; }
.iletisim .container .sol-alan .icerik img { width:80px}


.iletisim .container .sag-alan  {display:inline-block; vertical-align:top; }

.iletisim .container .sag-alan .baslik { text-align:center; font-size:21px; color:#272525; margin-top:40px; }
.iletisim .container .sag-alan .baslik:after { background-color:#6e5c54; width:60px; height:1px; margin:15px auto; display:block; content:"";   }

.iletisim .container .sag-alan form { width: 515px;margin-left: 80px; }
.iletisim .container .sag-alan form .ana { color: #3c5549;margin-top: 40px;font-size: 20px;text-align: left;font-family:Montserrat-Regular }

.iletisim .container .sag-alan form li:first-child { margin-top:20px;  }
.iletisim .container .sag-alan form li { display:block; font-size:14px; margin-bottom:19px; text-align:left;}
.iletisim .container .sag-alan form li.check { text-align:left; display:inline-block; }
.iletisim .container .sag-alan form li.submit {  display:inline-block; }
.iletisim .container .sag-alan form li p { display: inline-block; color: #414141; width: 130px; font-family: Montserrat-Regular; }
.iletisim .container .sag-alan form li p.checkbox { display:inline-block; margin-left:10px; color:#3c5549; width:320px;   }
.iletisim .container .sag-alan form li input[type="text"] { width: 373px; height: 35px; background-color: #fafafa; color: #3c5549; border: 1px solid #9f9f9f; border-radius: 5px; font-size: 14px; text-indent: 8px; -webkit-appearance: none; display: inline-block;}
.iletisim .container .sag-alan form li input[type="submit"] { width:90px; height:35px; background-color:#378851; color:#fff; font-size:14px; border-radius: 5px;  -webkit-appearance:none; display:inline-block; font-family: Montserrat-Regular;}
.iletisim .container .sag-alan form li textarea { width:370px; border:1px solid #3c5549; border-radius: 5px; height:70px; background-color:#fafafa; color:#3c5549; font-size:14px; padding-top:8px; text-indent:8px; -webkit-appearance:none; display:inline-block; }
.iletisim .container .sag-alan form li input[type="text"].mini { width:183px; height:35px;  background-color:#fafafa; color:#3c5549; font-size:14px; text-indent:8px; -webkit-appearance:none; display:inline-block; }
.iletisim .container .sag-alan form li input[type="checkbox"] { margin-left:70px; }







footer { padding:50px 0px; text-align:center; float: none; clear: both;}
footer .container .FooterLogo { margin-bottom:30px;}
footer .container .FooterLogo img { width:150px;}

footer .container .FooterMenu li { display: inline-block; margin: 0px 2%;}

footer .container .FooterLabel  { margin-top:40px;}
footer .container .FooterLabel li { display: inline-block; margin: 0px 1%;}

footer .container .FooterLabel .FooterSosyalMedya  { display: inline-block; width:20%;}
footer .container .FooterLabel .FooterSosyalMedya li  { display: inline-block; vertical-align:middle; margin: 0px 1%; color:#c390c7}
footer .container .FooterLabel .FooterSosyalMedya li img { width:23px;}

footer .container .FooterLabel .FooterWrite  { display: inline-block;  width:18%; }
footer .container .FooterLabel .FooterWrite li  { display: inline-block; vertical-align:middle; margin: 0px 0.5%; color:#00a78e}
footer .container .FooterLabel .FooterWrite li img { width:23px;}

footer .container .FooterLabel .FooterDil  { display: inline-block;  width:18%; }
footer .container .FooterLabel .FooterDil li  { display: inline-block; vertical-align:middle; margin: 0px 0.5%; color:#96958e}
footer .container .FooterLabel .FooterDil li span  {color:#000; font-family: Montserrat-Bold}

footer .container .Kripton { margin-top:90px;}
footer .container .Kripton p { color:#afaea5}
footer .container .Kripton p:before{ background-color:#000; width:70px; height:1px; display: block; content:""; margin:0 auto 25px;;  }






/* sil */