.dipi-flip-box-container .dipi-flip-box-inner {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	backface-visibility: hidden;
	perspective: 1000px;
	transform-style: preserve-3d;
}

.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-inner-wrapper {
  height: 250px;
  position: relative;
  transform-style: preserve-3d;
}

.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-front-side,
.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-back-side {
	background: #fff;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	padding: 30px;
	align-items: center;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	border-style: solid;
	position: absolute;
	height: 100%;
}

.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-front-side {
	bottom: 0;
	z-index: 1;
}

.dipi-flip-box-container .dipi-flip-box-inner:hover .dipi-flip-box-front-side{
	z-index: -1
}

.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-back-side {
	z-index: -1
}

.dipi-flip-box-container .dipi-flip-box-inner:hover .dipi-flip-box-back-side{
	z-index: 1
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-top-bottom .dipi-flip-box-front-side,
.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-top-bottom:hover .dipi-flip-box-back-side,
.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-bottom-top .dipi-flip-box-back-side,
.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-bottom-top:hover .dipi-flip-box-back-side {
	transform: rotateX(0deg) rotateY(0deg);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-top-bottom:hover .dipi-flip-box-front-side {
	transform: rotateX(180deg) rotateY(0)
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-top-bottom .dipi-flip-box-back-side {
  transform: rotateX(-180deg) rotateY(0);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-bottom-top:hover .dipi-flip-box-front-side {
	transform: rotateX(-180deg) rotateY(0)
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-bottom-top .dipi-flip-box-back-side {
  transform: rotateX(180deg) rotateY(0);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-left-right .dipi-flip-box-front-side,
.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-left-right:hover .dipi-flip-box-back-side,
.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-right-left .dipi-flip-box-front-side,
.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-right-left:hover .dipi-flip-box-back-side {
	transform: rotateX(0deg) rotateY(0deg);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-left-right:hover .dipi-flip-box-front-side {
	transform: rotateX(0deg) rotateY(180deg);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-left-right .dipi-flip-box-back-side {
	transform: rotateX(0deg) rotateY(-180deg);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-right-left:hover .dipi-flip-box-front-side {
	transform: rotateX(0deg) rotateY(-180deg);
}

.dipi-flip-box-container .dipi-flip-box-inner.dipi-flip-right-left .dipi-flip-box-back-side {
	transform: rotateX(0deg) rotateY(180deg);
}

.dipi-flip-box-container .dipi-3d-flip-box .dipi-flip-box-front-side > div,
.dipi-flip-box-container .dipi-3d-flip-box .dipi-flip-box-back-side > div {
	transform: translateZ(90px) scale(.91);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube {
	transition: .5s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	transform-style: preserve-3d;
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ttb .dipi-flip-box-inner-wrapper {
	transform:rotateX(-90deg) translateY(50%) rotateX(90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ttb .dipi-flip-box-front-side {
	transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ttb .dipi-flip-box-back-side {
	transform: rotateX(-90deg) translateY(50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ttb .dipi-flip-box-3d-flank {
	transform: translateY(-50%) rotateX(90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ttb:hover .dipi-flip-box-inner-wrapper {
	transform: rotateX(-90deg) translateY(50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-btt .dipi-flip-box-inner-wrapper {
	transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-btt .dipi-flip-box-front-side {
	transform:rotateX(90deg) translateY(50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-btt .dipi-flip-box-back-side {
	transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-btt .dipi-flip-box-3d-flank {
	transform:translateY(50%) rotateX(-90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-btt:hover .dipi-flip-box-inner-wrapper {
	transform:rotateX(90deg) translateY(-50%) rotateX(90deg);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ltr .dipi-flip-box-inner-wrapper {
	transform:rotateY(90deg) translateX(50%) rotateY(-90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ltr .dipi-flip-box-front-side {
	transform:rotateY(90deg) translateX(-50%) rotateY(-90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ltr .dipi-flip-box-back-side {
	transform:rotateY(90deg) translateX(50%) rotateY(90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ltr .dipi-flip-box-3d-flank{
	transform:translateX(-50%) rotateY(-90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-ltr:hover .dipi-flip-box-inner-wrapper{
	transform:rotateY(90deg) translateX(50%) rotateY(90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-rtl .dipi-flip-box-inner-wrapper {
	transform:rotateY(-90deg) translateX(-50%) rotateY(90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-rtl .dipi-flip-box-front-side {
	transform:rotateY(90deg) translateX(-50%) rotateY(-90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-rtl .dipi-flip-box-back-side {
	transform:rotateY(90deg) translateX(50%) rotateY(90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-rtl .dipi-flip-box-3d-flank{
	transform:translateX(50%) rotateY(90deg)
}

.dipi-flip-box-container .dipi-flip-box-3d-cube.dipi-flip-rtl:hover .dipi-flip-box-inner-wrapper{
	transform:rotateY(-90deg) translateX(-50%) rotateY(-90deg)
}

.dipi-flip-box-3d-flank, 
.dipi-flip-box-inner, 
.dipi-flip-box-inner-wrapper, 
.dipi-flip-box-3d-cube .dipi-flip-box-inner-wrapper, 
.dipi-flip-box-front-side, 
.dipi-flip-box-back-side {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	transition-duration: inherit;
}

.dipi-flip-box-3d-flank,
.dipi-flip-box-inner, 
.dipi-flip-box-inner-wrapper,
.dipi-flip-box-front-side, 
.dipi-flip-box-back-side {
	transition-timing-function: cubic-bezier(.785,.135,.15,.86);
}

.dipi-flip-box-container .dipi-flip-box-3d-cube .dipi-flip-box-front-side,
.dipi-flip-box-container .dipi-flip-box-3d-cube:hover .dipi-flip-box-back-side {
  box-shadow:none !important;
	transition: all .5s linear 0s
}

.dipi-flip-box-container .dipi-flip-box-3d-cube .dipi-flip-box-3d-flank {
  backface-visibility: visible;
	background-color: #ddd;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-style: solid;
  border-width: 0;
}

.dipi-flip-box-container .dipi-flip-box-front-side > div,
.dipi-flip-box-container .dipi-flip-box-back-side > div {
	width: 100%;
}

.dipi-flip-box-container .dipi-flip-box-front-side .dipi-icon-wrap, 
.dipi-flip-box-container .dipi-flip-box-back-side .dipi-icon-wrap {
	padding: 15px 0 0
}

.dipi-flip-box-container .dipi-flip-box-front-side .dipi-image-wrap,
.dipi-flip-box-container .dipi-flip-box-back-side .dipi-image-wrap {
	width: 100%;
	margin: auto;
	position: relative;
}

.dipi-flip-box-container .dipi-flip-box-front-side .dipi-image-wrap img, 
.dipi-flip-box-container .dipi-flip-box-back-side .dipi-image-wrap img {
	border-style: solid;
}

.dipi-flip-box-container .dipi-flip-box-front-side .dipi-front-icon-circle,
.dipi-flip-box-container .dipi-flip-box-back-side .dipi-back-icon-circle {
	padding: 25px;
	border-radius: 100%;
	line-height: 1;
}

.dipi-flip-box-container .dipi-flip-box-front-side .dipi-front-icon-border,
.dipi-flip-box-container .dipi-flip-box-back-side .dipi-back-icon-border {
	border: 3px solid
}

.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-front-side .dipi-text,
.dipi-flip-box-container .dipi-flip-box-inner .dipi-flip-box-back-side .dipi-text {
	padding: 15px 0
}

.dipi-flip-box-container .dipi-flip-box-front-side .dipi-flip-box-heading, 
.dipi-flip-box-container .dipi-flip-box-back-side .dipi-flip-box-heading {
	margin: 0;
	font-weight: 700;
	font-size: 20px
}

.dipi-flip-box-container .dipi-front-button,
.dipi-flip-box-container .dipi-back-button {
	display: inline-block;
	transition: all .2s !important;
}

.dipi-flip-box-container .dipi-front-button:hover:after,
.dipi-flip-box-container .dipi-back-button:hover:after {
	font-size: inherit  !important;
}

.dipi-flip-box-container .dipi-front-button:hover:before,
.dipi-flip-box-container .dipi-back-button:hover:before {
	font-size: inherit !important;
}