.tp-flipbox{
width: 100%;
min-height: 250px;
height: 100%;
}
.tp-flipbox__holder {
position: relative;
width: 100%;
height: 100%;
min-height: inherit;
}
.tp-flipbox__front,
.tp-flipbox__back {
height: 100%;
width : 100%;
display: -webkit-box;
display: flex;
-webkit-display: flex;
-ms-flex-align: center;
-moz-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
background-size: cover;
}
.tp-flipbox__content{
display: flex;
-webkit-display: flex;
flex-direction: column;
width: 100%;
}
.tp-flipbox__title-front,
.tp-flipbox__title-back{
padding: 20px;
text-align: center;
}
.tp-flipbox__icon-front,
.tp-flipbox__icon-back{
padding: 20px;
text-align: center;
}
.tp-flipbox__icon-front img,
.tp-flipbox__icon-back img{
max-width: 100%;
height: auto;
margin: 0 auto;
}
.tp-flipbox__desc-front,
.tp-flipbox__desc-back{
padding: 0 20px;
text-align: center;
padding-bottom: 40px;
}
.tp-flipbox__action{
margin-top: 20px;
margin-bottom: 15px;
text-align: center;
} .tp-flipbox__btn{
padding: 12px 18px;
display: inline-block;
font-weight: bold;
font-size:10px;
transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
-webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
} .tp-flipbox.flip-box-style{
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-ms-transform-style: preserve-3d;
}
.flip-box-style .tp-flipbox__holder{
-webkit-transition: 0.6s;
-ms-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-box-style .tp-flipbox__front,
.flip-box-style .tp-flipbox__back {
-webkit-transition: all .5s cubic-bezier(.645,.045,.355,1) 0.1s;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg);
-moz-transition: all .5s cubic-bezier(.645,.045,.355,1);
-moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg);
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
-o-transform: rotateY(0deg);
-ms-transition: all .5s cubic-bezier(.645,.045,.355,1);
-ms-transform-style: preserve-3d;
-ms-transform: rotateY(0deg);
transition: all .5s cubic-bezier(.645,.045,.355,1) 0.1s;
transform-style: preserve-3d;
transform: rotateY(0deg);
}
.flip-box-style .tp-flipbox__front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
z-index: 2;
}
.flip-box-style .tp-flipbox__back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
} .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__holder{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-box-style.tp-flipbox--horizontal.hover .tp-flipbox__holder{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
} .ie .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__back,
.ie .flip-box-style.tp-flipbox--horizontal.hover .tp-flipbox__back {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ie .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__front,
.ie .flip-box-style.tp-flipbox--horizontal.hover .tp-flipbox__front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ie .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__holder{
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}  .flip-box-style.tp-flipbox--vertical .tp-flipbox {
position: relative;
}
.flip-box-style.tp-flipbox--vertical .tp-flipbox__back {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.flip-box-style.tp-flipbox--vertical .tp-flipbox__holder {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__holder {
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.flip-box-style.tp-flipbox--vertical.hover .tp-flipbox__holder {
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
} .ie .flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__back,
.ie .flip-box-style.tp-flipbox--vertical.hover .tp-flipbox__back {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.ie .flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__front,
.ie .flip-box-style.tp-flipbox--vertical.hover .tp-flipbox__front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ie .flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__holder {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}  .tp-flipbox.rotate-box-style {
overflow: hidden;
}
.tp-flipbox.rotate-box-style .tp-flipbox__front{
-webkit-transition: -webkit-transform 0.9s ease-in-out;
transition: -webkit-transform 0.9s ease-in-out;
-o-transition: transform 0.9s ease-in-out;
transition: transform 0.9s ease-in-out;
transition: transform 0.9s ease-in-out, -webkit-transform 0.9s ease-in-out;
}
.tp-flipbox.rotate-box-style:hover .tp-flipbox__front {
-webkit-transform: scale(3) rotate(30deg);
-ms-transform: scale(3) rotate(30deg);
transform: scale(3) rotate(30deg);
}
.tp-flipbox.rotate-box-style .tp-flipbox__back{
-webkit-transform: scale(1.5) rotate(30deg);
-ms-transform: scale(1.5) rotate(30deg);
transform: scale(1.5) rotate(30deg);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
}
.tp-flipbox.rotate-box-style:hover .tp-flipbox__back{
-webkit-transform: scale(1)rotate(0deg);
-ms-transform: scale(1)rotate(0deg);
transform: scale(1)rotate(0deg);
opacity: 1;
} .tp-flipbox.zoomin-box-style {
overflow: hidden;
}
.tp-flipbox.zoomin-box-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.zoomin-box-style .tp-flipbox__back{
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
z-index:1;
}
.tp-flipbox.zoomin-box-style:hover .tp-flipbox__front {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
z-index:1;
}
.tp-flipbox.zoomin-box-style:hover .tp-flipbox__back{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 3;
} .tp-flipbox.zoomout-box-style {
overflow: hidden;
}
.tp-flipbox.zoomout-box-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.zoomout-box-style .tp-flipbox__back{
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
z-index:1;
}
.tp-flipbox.zoomout-box-style:hover .tp-flipbox__front {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
z-index:1;
}
.tp-flipbox.zoomout-box-style:hover .tp-flipbox__back{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 3;
} .tp-flipbox.side-right-style {
overflow: hidden;
}
.tp-flipbox.side-right-style .tp-flipbox__back {
transform: translateX(-120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-right-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-right-style:hover .tp-flipbox__back{
transform: translateX(0) scale(1);
}
.tp-flipbox.side-right-style:hover .tp-flipbox__front{
transform: translateX(100%);
} .tp-flipbox.side-left-style {
overflow: hidden;
}
.tp-flipbox.side-left-style .tp-flipbox__back {
transform: translateX(120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-left-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-left-style:hover .tp-flipbox__back{
transform: translateX(0);
}
.tp-flipbox.side-left-style:hover .tp-flipbox__front{
transform: translateX(-100%);
} .tp-flipbox.to-top-style {
overflow: hidden;
}
.tp-flipbox.to-top-style .tp-flipbox__back {
transform: translateY(120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-top-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-top-style:hover .tp-flipbox__back{
transform: translateY(0);
}
.tp-flipbox.to-top-style:hover .tp-flipbox__front{
transform: translateY(-100%);
} .tp-flipbox.to-bottom-style {
overflow: hidden;
}
.tp-flipbox.to-bottom-style .tp-flipbox__back {
transform: translateY(-120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-bottom-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-bottom-style:hover .tp-flipbox__back{
transform: translateY(0);
}
.tp-flipbox.to-bottom-style:hover .tp-flipbox__front{
transform: translateY(100%);
} .tp-flipbox.fade-style {
overflow: hidden;
}
.tp-flipbox.fade-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.fade-style .tp-flipbox__back{
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
}
.tp-flipbox.fade-style:hover .tp-flipbox__front {
z-index:1;
opacity: 0;
}
.tp-flipbox.fade-style:hover .tp-flipbox__back{
opacity: 1;
z-index: 3;
}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.elementor-widget-n-accordion{--n-accordion-title-font-size:20px;--n-accordion-title-flex-grow:initial;--n-accordion-title-justify-content:initial;--n-accordion-title-icon-order:-1;--n-accordion-border-width:1px;--n-accordion-border-color:#d5d8dc;--n-accordion-border-style:solid;--n-accordion-item-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-padding:10px;--n-accordion-border-radius:0px;--n-accordion-icon-size:15px;--n-accordion-title-normal-color:#1f2124;--n-accordion-title-hover-color:#1f2124;--n-accordion-title-active-color:#1f2124;--n-accordion-icon-normal-color:var(--n-accordion-title-normal-color);--n-accordion-icon-hover-color:var(--n-accordion-title-hover-color);--n-accordion-icon-active-color:var(--n-accordion-title-active-color);--n-accordion-icon-gap:0 10px;width:100%}.elementor-widget-n-accordion .e-n-accordion details>summary::-webkit-details-marker{display:none}.elementor-widget-n-accordion .e-n-accordion-item{display:flex;flex-direction:column;position:relative}.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child){margin-block-end:var(--n-accordion-item-title-space-between)}:where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con){border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)}.elementor-widget-n-accordion .e-n-accordion-item-title{align-items:center;border-color:var(--n-accordion-border-color);border-radius:var(--n-accordion-border-radius);border-style:var(--n-accordion-border-style);border-width:var(--n-accordion-border-width);color:var(--n-accordion-title-normal-color);cursor:pointer;display:flex;flex-direction:row;flex-grow:var(--n-menu-title-flex-grow);gap:var(--n-accordion-icon-gap);justify-content:var(--n-accordion-title-justify-content);list-style:none;padding:var(--n-accordion-padding)}.elementor-widget-n-accordion .e-n-accordion-item-title-header{display:flex}.elementor-widget-n-accordion .e-n-accordion-item-title-header h1,.elementor-widget-n-accordion .e-n-accordion-item-title-header h2,.elementor-widget-n-accordion .e-n-accordion-item-title-header h3,.elementor-widget-n-accordion .e-n-accordion-item-title-header h4,.elementor-widget-n-accordion .e-n-accordion-item-title-header h5,.elementor-widget-n-accordion .e-n-accordion-item-title-header h6,.elementor-widget-n-accordion .e-n-accordion-item-title-header p{margin-block-end:0;margin-block-start:0}.elementor-widget-n-accordion .e-n-accordion-item-title-text{align-items:center;font-size:var(--n-accordion-title-font-size)}.elementor-widget-n-accordion .e-n-accordion-item-title-icon{align-items:center;display:flex;flex-direction:row;order:var(--n-accordion-title-icon-order);position:relative;width:-moz-fit-content;width:fit-content}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span{height:var(--n-accordion-icon-size);width:auto}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-normal-color);font-size:var(--n-accordion-icon-size)}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-normal-color);height:var(--n-accordion-icon-size)}.elementor-widget-n-accordion .e-n-accordion-item-title>span{cursor:pointer}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{color:var(--n-accordion-title-active-color);margin-block-end:var(--n-accordion-item-title-distance-from-content)}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened{display:flex}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-closed{display:none}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-active-color)}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-active-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]) .e-con{display:none}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title{color:var(--n-accordion-title-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened{display:none}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed{display:flex}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-normal-color)}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-normal-color)}.elementor-widget-n-accordion .e-n-accordion-item>span{cursor:pointer}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}