.swiper-container {
        width: 640px;
        height: 410px;
        imargin: 10px auto;
        margin-left:0px;
        right:0px;
        iborder: solid 1px pink;
				opacity:0.0;
				-webkit-transition: all 1.0s;
				-webkit-transition-delay: 0.0s;
				-webkit-transition-timing-function:ease-in;
				transition: all 1.0s; 
				transition-delay: 0.0s;
				transition-timing-function:ease-in;

    }
    .swiper-slide {
        iborder: solid 1px green;
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 200px;
        height:410px;

        xwidth: 200px;
        xheight:410px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;

        -webkit-justify-content: center;
        justify-content: center;

        -webkit-box-align: center;
        -ms-flex-align: center;

        -webkit-align-items: flex-end;
        align-items: flex-end;
        
    }



.grduate_card {
	iborder:solid 1px gray;
  iborder-radius:30px ;

}

.gradu_name {
	itext-align: left;
	iborder: solid 1px pink;
	z-index:10;
	position: absolute;
	top:-30px;
	left:0px;
	font-family:sans-serif;
	font-size:50px;
	transform:rotate(90deg);
	color:White;
	text-shadow: 3px -3px 10px black;;
	transform-origin:left bottom;
	line-height:100%;
}

.gradu_photo {
	z-index:1;
	position: absolute;
	top:0px;
	left:0px;
	iwidth:100%;
	iheight:90%;
	border-radius:5px ;
	box-shadow: 5px 5px  7px  -5px  rgba(0,0,0,0.5);

}

.gradu_facebook {
	iz-index:1;
	iposition: absolute;
	itop:50px;
	ileft:0px;
	width:100%;
	iborder-radius:5px ;
	ibox-shadow: 5px 5px  7px  -5px  rgba(0,0,0,0.5);
}