<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.flip_box {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	overflow: visible;
	margin-bottom: 5px;
	position: relative;
}

.flip_box .front,
.flip_box .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 750ms ease 0s;
	-moz-transition: all 750ms ease 0s;
	-o-transition: all 750ms ease 0s;
	-ms-transition: all 750ms ease 0s;
	transition: all 750ms ease 0s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip_box .front {
	position: relative;
	z-index: 0;
	background-color: transparent;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip_box .back {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	z-index: -2;
	background-color: transparent;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip_box.flip_right .back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flip_box.flip_top .front {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.flip_box.flip_top .back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.flip_box.flip_bottom .front {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.flip_box.flip_bottom .back {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.flip_box:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flip_box:hover .back {
	z-index: 3;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip_box.flip_right:hover .front {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip_box.flip_top:hover .front {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.flip_box.flip_top:hover .back {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.flip_box.flip_bottom:hover .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.flip_box.flip_bottom:hover .back {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}


.flip_box_1 .front{
	border:0px solid #e2e2e2;
	/*padding:25px;*/
	padding:0;
	text-align:center;
}


.flip_box_1 .back{
	border:0px solid #e2e2e2;
	/*padding:25px;*/
	padding:0;
	text-align:justify;
	font-size: 12px!important;
}

.flip_box_1 .card-content {
    padding: 0px;
    border-radius: 0 0 2px 2px;
}
 
.flip_box_1 .front .fa {
	background-color:#22BB75;
	border-radius:			50%;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:26px;
	color:#FFF;
	margin-bottom:20px;
}
.flip_box_1 .back{
	height:auto;
}

/*.flip_box_1 .back a.but{
	padding:6px 0px;
	color:#FFF;
	background-color:#22BB75;
	text-decoration:none;
	display:block;
	width:120px;
	text-align:center;
	margin:37px auto -42px
}*/
</pre></body></html>