.swiper-container{
	margin:0;
	padding:0;
}
    .swiper-container {
        width: 100%;
        height: 400px;
        margin: 0;
		padding:0;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		width:auto;
        /* 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: center;
        align-items: center;
    }


.flipcontainer {
	position: relative;
	width: 350px;
	height: 400px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-msi-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}

.flipcontainer.hover .card {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card {
	width: 312px;
	height: 312px;

	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.face {
	position: absolute;
	width: 312px;
	height: 312px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.face .bgphoto{
	width:312px;
	height:312px;
}

.back.face {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.back.face .bgphoto {
	transform: scaleX(-1);
}

.back.face .txtdata {
	width:290px;
	height:250px;
	position:absolute;
	top:32px;
	left:10px;
	color:#F00;
	background:#FFF;
	opacity:0.8;
}

.front.face {
	transform: perspective(1200px) rotateY(0deg);
}