body, html {
    height:100%;
}
#FSliderAlani {
    position:relative;
    height:100vh;
}

#FOn, #FArka, #FYuzey, #FSZemin {
    background: url(/html/arkaplanlar/bg1.jpg) no-repeat scroll center center / cover #232323;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: auto;
    height: 100%;
    margin:0;
    padding:0;
}
#FSliderAlani #FOn {
    z-index: 20;
    background-size: cover;
    background-position: center;
}
#FSliderAlani #FArka {
    z-index: 10;
    background-size: cover;
    background-position: center;
}
#FSliderAlani #FYuzey {
    z-index: 30;
    background: url(pattern2.png) repeat scroll center center transparent;
}
#FSliderAlani ul {
    display: none;
}

#FSZemin {
    z-index: 1;
}

#FSliderAlani #FAciklama {
    animation-duration: 1s;
    /*animation-name: GecisEfekt1;*/
    /*background: rgba(20, 20, 20, 0.5) none repeat scroll 0 0;*/
    /*bottom: 0;*/
    padding: 10px;
    /*position: absolute;*/
    margin-top: calc(100vh - 500px);
    z-index: 40;
}

#FAciklama h2 {
    color: #ffffff;
    font-size: 50px;
    opacity: 0.8;
    text-shadow: 2px 0 4px rgba(80, 0, 0, 0.7);
}

@media(max-width:767px){
    #FAciklama h2 {
        font-size: 25px;
    }
}

.FAciklamaAnimasyon {
    /*animation-duration: 3s;
    animation-name: YukariAsagi1;*/
    bottom: -100%;
    transition: all 300ms ease 0s;
}

/*
@keyframes YukariAsagi1 {
  0% {
    opacity:0;
    bottom:-100px;
  }
  30% {
    opacity:1
    bottom: 0;
  }
  100% {
    opacity:0;
    bottom:-100px;
  }
}*/