@charset "utf-8";
/* CSS Document */
body, ul, p, h1, figure{margin: 0;padding: 0;}
body{}
.kapsayici{
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.ust{height: 100px;}
.logo{float: left;}
.menu{float: right;
margin-top: 60px;}
.menu ul{margin: 10px;}
.menu ul li{float: left;list-style: none; font-size: 20px;}
.menu ul li a{color:#038FCA;text-decoration-line:underline;padding:10px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-style:oblique; }
.menu ul li a:hover{background-color: #038FCA;color: #FCF9F9;}

#slider-wrapper{
  position: relative;
  width:1200px;
  height:400px;
  overflow: hidden;
}


.img-bir, .img-iki, .img-uc, .img-dort,.img-bes{
  position: absolute;
  width:700px;
  height:400px;
}

.img-bir{left: 0px;}
.img-iki{left: 1200px;}
.img-uc{left: 2400px;}
.img-dort{left: 3600px;}
.img-bes{left: 4800px;}

#slider-wrapper > .slider{
  position: absolute;
  left:0px;
  width: 4800px;
  height: 400px;
  -webkit-animation-duration: 15s;
  -webkit-animation-name: sliders;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-duration: 15s;
  -moz-animation-name: sliders;
  -moz-animation-iteration-count:infinite;
  -ms-animation-duration: 15s;
  -ms-animation-name: sliders;
  -ms-animation-iteration-count:infinite;
  animation-duration: 15s;
  animation-iteration-count:infinite;
 
}

#slider-wrapper > .slider:hover{
-webkit-animation-play-state:paused;
}






#slider-wrapper > .slider:hover{
-webkit-animation-play-state:paused;
}

@-webkit-keyframes sliders{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-1200px;}
  30% {left:-1200px;}
  40% {left:-2400px;}
  50% {left:-2400px;}
  60% {left:-3600px;}
  70% {left:-3600px;}
  80% {left:-4800px;}
  90% {left:-4800px;}
}
@-moz-keyframes sliders{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-1200px;}
  30% {left:-1200px;}
  40% {left:-2400px;}
  50% {left:-2400px;}
  60% {left:-3600px;}
  70% {left:-3600px;}
  80% {left:-4800px;}
  90% {left:-4800px;}
}
@-ms-keyframes sliders{
   0% {left:0px;}
  10% {left:0px;}
  20% {left:-1200px;}
  30% {left:-1200px;}
  40% {left:-2400px;}
  50% {left:-2400px;}
  60% {left:-3600px;}
  70% {left:-3600px;}
  80% {left:-4800px;}
  90% {left:-4800px;}
}
@keyframes sliders{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-1200px;}
  30% {left:-1200px;}
  40% {left:-2400px;}
  50% {left:-2400px;}
  60% {left:-3600px;}
  70% {left:-3600px;}
  80% {left:-4800px;}
  90% {left:-4800px;}
}


.tanitim{margin: 20px 0;}
.tanitim article{}
.tanitim article h1{text-align: center;font-size: 30px;font-weight: 700;margin: 20px 0;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
.tanitim a{font color: #63A1EB;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}



.bolumler{overflow: hidden;}
.bolum1{width: 285px;float: left;margin-right: 20px;}
.bolum2{width: 285px;float: left;margin-right: 20px;}
.bolum3{width: 285px;float: left;margin-right: 20px;}
.bolum4{width: 285px;float: left;}
.bolumler figcaption{text-align: center;margin: 20px 0;font-size: 20px;font-weight: 700;}
.bolumler p{margin-bottom: 20px;}
.devami{padding: 10px;text-decoration: none;background-color:#FCF8F8;color:#038FCA;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.devami:hover{color:#FCF8F8;background-color:#038FCA;}




.projeler-1{}
.projelerimiz1{float: left;margin-right: 20px;margin-bottom: 20px;}
.projelerimiz2{float: left;margin-bottom: 20px;}

.proje-tanitim{}
.proje-tanitim article{}
.proje-tanitim article h1{text-align: center;font-size: 30px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight: 700;margin: 5px 0;}
.proje-tanitim article h1{}







.alt{height:50px;background-color:#038FCA;color:#FCF8F8;text-align: center;margin-top: 20px;padding-top: 20px;}