/* flip the pane when hovered */

.flip-wrap:hover .flipper, {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 100%;
  height: 392px;
}


/* flip speed goes here */

.flipper {
  transition: 0.9s;
  transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
  	-ms-transform-style:preserve-3d;
  position: relative;
} 

/* hide back of pane during swap */

.front, .back {
  backface-visibility: hidden;
  	-webkit-backface-visibility: hidden;
  	-ms-backface-visibility: hidden;
  position: absolute;
  left: 0;
}

/* front pane, placed above back */

.front {
  z-index: 2;

/* for firefox 31 */
  transform: rotateY(0deg);
  border-radius:3px;
}

/* back, initially hidden pane */

.back {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  border-radius:3px;
  z-index: 2;
}

.flip-wrap:hover .flipper, .flip-wrap.hover .flipper, .flip-wrap.flip .flipper {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.module_content {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 20px 20px;
  height:100%;
  background-position:center center;
}

.contentwrap {
  max-width:377px;
  margin: 0 auto;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight:600;
}

.content {
  position: relative;
  z-index: 50;
  color: #fff;
}

/* ------ alignment --- */

.align__left {
  text-align:left;
}
.align__center {
  text-align:center;
}
.align__right {
  text-align:right;
}

/*Service flippers end*/


.contentWrap a{color:#194262}
.flipper h3{margin-top:0px;}


/*
.ie .flip-container:hover .flipper, .ie .flip-container.hover .flipper, .ie .flip-container.flip .flipper
{ transform: inherit; -ms-transform: inherit;  -webkit-transform: inherit;}
.ie .flip-container:hover .front, .flipper:hover .front { display: none;}
.ie .flipper{float: left; width: 100%; display: block; transform-style: inherit; -webkit-transform-style: inherit; -ms-transform-style: inherit;}
.ie .back {transform: inherit; -ms-transform: inherit;  -webkit-transform: inherit; display:none}
.ie .front{ backface-visibility: inherit; -webkit-backface-visibility: inherit; -ms-backface-visibility: inherit;}
.ie .flip-container:hover .back, .flipper:hover .back { display: block;}