/** Widgets: flip-box **/

.tmpcoder-flip-box {
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.tmpcoder-flip-box-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tmpcoder-flip-box-front {
	z-index: 5;
}

.tmpcoder-flip-box[data-trigger="box"] {
	cursor: pointer;
}

.tmpcoder-flip-box-item {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
}

.tmpcoder-flip-box-content {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	z-index: 10;
}

.tmpcoder-flip-box-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

.tmpcoder-flip-box-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
}

.tmpcoder-flip-box-btn {
	display: inline-table;
	cursor: pointer;
}

.tmpcoder-flip-box-btn-icon {
	margin-left: 5px;
}

.tmpcoder-flip-box-btn span {
	position: relative;
	z-index: 2;
	opacity: 1 !important;
}

.tmpcoder-flip-box-btn:before, .tmpcoder-flip-box-btn:after {
	z-index: 1 !important;
}

.tmpcoder-flip-box-image img {
	display: block;
	width: 100%;
}

.tmpcoder-flip-box-title a, .tmpcoder-flip-box-title a:hover {
	color: inherit;
}

.tmpcoder-flip-box-front-align-left .tmpcoder-flip-box-front .tmpcoder-flip-box-image img, .tmpcoder-flip-box-back-align-left .tmpcoder-flip-box-back .tmpcoder-flip-box-image img {
	float: left;
}

.tmpcoder-flip-box-front-align-center .tmpcoder-flip-box-front .tmpcoder-flip-box-image img, .tmpcoder-flip-box-back-align-center .tmpcoder-flip-box-back .tmpcoder-flip-box-image img {
	margin: 0 auto;
}

.tmpcoder-flip-box-front-align-right .tmpcoder-flip-box-front .tmpcoder-flip-box-image img, .tmpcoder-flip-box-back-align-right .tmpcoder-flip-box-back .tmpcoder-flip-box-image img {
	float: right;
}

.tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	-webkit-transform: rotateX(0) rotateY(-180deg);
	transform: rotateX(0) rotateY(-180deg);
}

.tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	-webkit-transform: rotateX(0) rotateY(180deg);
	transform: rotateX(0) rotateY(180deg);
}

.tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	-webkit-transform: rotateX(-180deg) rotateY(0);
	transform: rotateX(-180deg) rotateY(0);
}

.tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-flip.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	-webkit-transform: rotateX(180deg) rotateY(0);
	transform: rotateX(180deg) rotateY(0);
}

.tmpcoder-flip-box-animation-flip .tmpcoder-flip-box-active .tmpcoder-flip-box-back {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.tmpcoder-flip-box-animation-3d-yes .tmpcoder-flip-box-content {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(70px) scale(.93);
	transform: translateZ(70px) scale(.93);
}

.tmpcoder-flip-box-animation-push .tmpcoder-flip-box, .tmpcoder-flip-box-animation-slide .tmpcoder-flip-box {
	overflow: hidden;
}

.tmpcoder-flip-box-animation-push .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide .tmpcoder-flip-box-back {
	z-index: 10;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-back {
	top: 100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-active .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-active .tmpcoder-flip-box-back {
	top: 0;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-back {
	top: auto;
	bottom: 100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-active .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-active .tmpcoder-flip-box-back {
	top: auto;
	bottom: 0;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-back {
	left: 100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-active .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-active .tmpcoder-flip-box-back {
	left: 0;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-back {
	left: auto;
	right: 100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-active .tmpcoder-flip-box-back, .tmpcoder-flip-box-animation-slide.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-active .tmpcoder-flip-box-back {
	left: auto;
	right: 0;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-up .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	top: -100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-down .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	top: 100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-left .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	left: -100%;
}

.tmpcoder-flip-box-animation-push.tmpcoder-flip-box-anim-direction-right .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	left: 100%;
}

.tmpcoder-flip-box-animation-fade .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	opacity: 0;
	visibility: hidden;
}

.tmpcoder-flip-box-animation-zoom-in .tmpcoder-flip-box-back {
	opacity: 0;
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
	z-index: 10;
}

.tmpcoder-flip-box-animation-zoom-in .tmpcoder-flip-box-active .tmpcoder-flip-box-back {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.tmpcoder-flip-box-animation-zoom-out .tmpcoder-flip-box-active .tmpcoder-flip-box-front {
	opacity: 0;
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
	visibility: hidden;
}

.elementor-widget-tmpcoder-flip-box .tmpcoder-flip-box-front {
	background-color: #5729d9;
}

.elementor-widget-tmpcoder-flip-box .tmpcoder-flip-box-back {
	background-color: #ff348b;
}