.sdiv {
    display: inline-block;
    overflow: hidden;
    height: 244px;
	font-family: Arial, sans-serif;
    font-size: 14px xx-small medium;
	
    
}









.s {
    position: relative;
     width: 320px;
    bottom: 44px;
    padding: 10px;
	border-radius:4px;
    
    color: #fff;
    transition: all 1s;
    height: 100%;
}
h3{
    padding-bottom: 4px;
	color: #fff;
	font-size: 17px;
	line-height:0;
	
}

h4{
    padding-bottom: 4px;
	color: #fff;
	font-size: 14px;
	line-height:0;
	
}


.sdiv:hover .s{
        position: relative;
    bottom: 44px;
	transform:translateY(-9px);
	
    
}

.clourfour{
	
	color:#fff;
	font-family:arial;
	font-weight:400;
	font-size:17px;
	bottom:5px;


}




.gri{
    background: rgba(42, 128, 192, 0.55);
}

.siyah{
     background: rgba(0, 0, 0, 0.55);

}




.sampi{
    background: rgba(254, 153, 2, 0.65);
}

.mor{
    background: rgba(115, 51, 129, 0.50);
}
.balpolen{
        background: rgba(232, 89, 25, 0.55);
}

.mavi{
    background: rgba(22, 117, 214, 0.65)
}

.seffafardic{
    background: rgba(163, 81, 21, 0.55);
}

.pembe{
        background: rgba(194, 39, 138, 0.55);
}

.yesil{
        background: rgba(47, 113, 112, 0.65);
}


.gri{
         background: rgba(0, 0, 0, 0.65);
}

.mavii{
    background: rgba(22, 117, 214, 0.25)
}


.corek{
    background: rgba(72, 176, 151, 0.70)
}