@import "slippry.css";
@import "jquery.gritter.css";

li.sy-slide{
    max-height:500px;
    margin-bottom:24px;
}

textarea{
    resize:none;
}

#iletisimFormuUyari{
   padding:10px;
   margin-bottom:10px;
}

#iletisimFormuUyari .fa{
    color:#f00;
    margin-right:10px;
    margin-left:5px;
}

.yukleniyor{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(40,92,168,.3);
    z-index:9999;
}

.yukleniyor h1{
    position:absolute;
    top:55%;
    left:40%;
    color:#fff;
    text-shadow: 
        -1px -1px 0 #333,
        1px -1px 0 #333,
        -1px 1px 0 #333,
        1px 1px 0 #333;
}

.yuklemeEfekti{
    opacity:1;
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    box-sizing: border-box;
    border-top: 8px solid rgb(40,92,168);
    border-right: 8px solid rgba(40,92,168,.3);
    border-bottom: 8px solid rgba(40,92,168,.3);
    border-left: 8px solid rgba(40,92,168,.3);
    border-radius: 100%;
    animation: rotate 1s infinite linear;
}

@keyframes rotate{
	from {transform: rotate(0deg) translate3d(0,0,0)}
	to {transform: rotate(359deg) translate3d(0,0,0)}
}