.div{
    font-family: Times New Roman;
}
.banner{
    margin: auto;
    width: 100.7%;
    margin-left:-7px;
}
.icerik{

}
.banner img{
    width: 100%;
    height: 100%;
    margin: auto;
    margin-right: 5px;
}

.menu{
    width:100%;
    margin: auto;
    background-color:black;
    position:fixed; top:5px; left:0px; right:0px;
    opacity: 0.5;

}
.menu ul{
    width: 96%;
    margin: auto;
    margin-top:15px;
    margin-bottom: 15px;
}
.menu li{
    position: relative;
    display: inline;
    margin-right: 10px;
    margin-top: 20px;
}
.menu li a{
    text-decoration:none;
    color:white;
    font-size: 14px;
    font-family: Sans-serif;
    font-weight: bold;
}
.menu ul {
    list-style: none outside none;
}

.menu2{
    width:100%;
    margin: auto;
    background-color:transparent;
    position:fixed; top:5px; left:0px; right:0px;
    opacity: 1;

}

.menu2 ul{
    width: 96%;
    margin: auto;
    margin-top:15px;
    margin-bottom: 15px;
}
.menu2 li{
    position: relative;
    display: inline;
    margin-right: 10px;
    margin-top: 20px;
}
.menu2 li a{
    text-decoration:none;
    color:white;
    font-size: 14px;
    font-family: Sans-serif;
    font-weight: bold;
}
.menu2 ul {
    list-style: none outside none;
}
.icerik{
    width: 1000px;
    margin:auto;
}

.son{
    width: 100%;
    height: 420px;
    background-color: gray;
    color:white;
}

.baslik{
    font-size: 24px;
    font-weight: bold;
    color:black;
}

.ayrinti{
    text-align: justify;
}

.altbaslik{
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.ayrinti img{
    height: 100px;
    width: 100px;
    margin-right: 96px;
}

.son img{
    height: 100%;
    width: 100%;
}

#slider-wrapper{
  position: relative;
  width:100%;
  height:500px;
  overflow: hidden;
}

.img-bir, .img-iki, .img-uc, .img-dort,.img-bes,.img-alti,.img-yedi,.img-sekiz{
  position: absolute;
  width:100%;
  height:500px;
}




.img-bir{left: 0px;}
.img-iki{left: 100%;}
.img-uc{left: 200%;}
.img-dort{left: 300%;}
.img-bes{left: 400%;}
.img-alti{left: 500%;}
.img-yedi{left: 600%;}
.img-sekiz{left: 700%;}
.img-bir{left: 0px;}
.img-iki{left: 100%;}
.img-uc{left: 200%;}
.img-dort{left: 300%;}
.img-bes{left: 400%;}
.img-alti{left: 500%;}
.img-yedi{left: 600%;}
.img-sekiz{left: 700%;}

 


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


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



@-webkit-keyframes sliders{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-100%;}
  30% {left:-100%;} 
  40% {left:-200%;}
  50% {left:-200%;}
  60% {left:-300%;}
  70% {left:-300%;}
  80% {left:-400%;}
  90% {left:-400%;}
}
@-moz-keyframes sliders{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-100%;}
  30% {left:-100%;}
  40% {left:-200%;}
  50% {left:-200%;}
  60% {left:-300%;}
  70% {left:-300%;}
  80% {left:-400%;}
  90% {left:-400%;}
}
@-ms-keyframes sliders {
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-100%;}
  30% {left:-100%;}
  40% {left:-200%;}
  50% {left:-200%;}
  60% {left:-300%;}
  70% {left:-300%;}
  80% {left:-400%;}
  90% {left:-400%;}
}
@keyframes sliders{
    0% {left:0px;}
  10% {left:0px;}
  20% {left:-100%;}
  30% {left:-100%;}
  40% {left:-200%;}
  50% {left:-200%;}
  60% {left:-300%;}
  70% {left:-300%;}
  80% {left:-400%;}
  90% {left:-400%;}
}