/**handles:ddt_flipbox_style_css**/
/* backcard button style */
.back_btn{margin: 20px 0;}	
.back_btn:hover:after{margin-left :10px !important;}
.blank_btn_txt_cls.back_btn:hover:after{position:relative}
.blank_btn_txt_cls.back_btn:after{position:relative;
	margin:0 !important; }
	.back_btn:hover:before{margin-left :10px !important;}
.blank_btn_txt_cls.back_btn:hover:before{position:relative}
.blank_btn_txt_cls.back_btn:before{position:relative;
	margin:0 !important; }
.blank_btn_txt_cls.back_btn {
	 padding-right: 0.7em !important; 
	 padding-left: 0.7em !important; 
}

.ddt_flipbox_content_front.ddt_position_right .ddt_image_icon_wrap.ddt_flipbox_icon{ text-align:right;}
.ddt_flipbox_content_front.ddt_position_left .ddt_image_icon_wrap.ddt_flipbox_icon{ text-align:left;}
.ddt_flipbox_content_front.ddt_position_center .ddt_image_icon_wrap.ddt_flipbox_icon{ text-align:center;}

.ddt_flipbox_wrap{
	height: 100%;
	position: relative;
	perspective: 1000px; 
	-webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;	
}
.ddt_flipbox_effect_flip .ddt_flipbox_wrap{   
	 perspective: 1000px; 
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ddt_flipbox_effect_flip .ddt_flipbox_wrap:hover .ddt_flipbox_content_back {
     transform: none;
}
.ddt_flipbox_effect_flip .ddt_flipbox_layer{
  -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
}
.ddt_flipbox_layer{
	position: absolute;
    width: 100%;
}
.ddt_flipbox_layer .ddt_image_icon_wrap{
	    margin-bottom: 30px;
}
.ddt_flipbox_layer_overlay {
     display: flex;
     width: 100%;
     height: 100%;
     flex-direction: column;
     justify-content: center;
     align-items: stretch;
     text-align: center;
     padding: 35px;
}
.ddt_flipbox_title {
     font-size: 21px;
     line-height: 1;
     font-weight: 600;
     color: #fff;
}
.ddt_flipbox_description {
     font-size: 14px;
     color: #e5e5e5;
}
.ddt_flipbox_effect_flip .ddt_flipbox_content_front{
	transform: none;
    z-index: 1;
}
/* .ddt_flipbox_content_front ,.ddt_flipbox_content_back{ */
	/* display:table; */
/* } */
.ddt_flipbox_content_front {
     background-color: #a46497;
}
.ddt_flipbox_content_back {
	background-color: #666;
	display: block;
}
.ddt_flipbox_effect_flip .ddt_flipbox_content_front {
  z-index: 1;
}
.ddt_flipbox_effect_flip .ddt_flipbox_content_back {
  z-index: -1;
}
.ddt_flipbox_effect_flip:hover .ddt_flipbox_content_front {
  z-index: -1;
}
.ddt_flipbox_effect_flip:hover .ddt_flipbox_content_back {
  z-index: 1;
}
/* 2D Flip animation with Direction Styles */
.ddt_flipbox_effect_flip.ddt_flipbox_dir_left .ddt_flipbox_content_back {
    transform: rotateX(0) rotateY(180deg);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_left .ddt_flipbox_wrap:hover .ddt_flipbox_content_front {
     transform: rotateX(0) rotateY(-180deg);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_right .ddt_flipbox_content_back {
     transform: rotateX(0) rotateY(-180deg);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_right .ddt_flipbox_wrap:hover .ddt_flipbox_content_front {
     transform: rotateX(0) rotateY(180deg);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_up .ddt_flipbox_content_back {
     transform: rotateX(-180deg) rotateY(0);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_up .ddt_flipbox_wrap:hover .ddt_flipbox_content_front {
     transform: rotateX(180deg) rotateY(0);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_down .ddt_flipbox_content_back {
     transform: rotateX(180deg) rotateY(0);
}
.ddt_flipbox_effect_flip.ddt_flipbox_dir_down .ddt_flipbox_wrap:hover .ddt_flipbox_content_front {
     transform: rotateX(-180deg) rotateY(0);
}
/* Slide */
.ddt_flipbox_effect_hover.slide .ddt_flipbox_wrap {
     overflow: hidden;
}
.ddt_flipbox_effect_hover.slide .ddt_flipbox_wrap:hover .ddt_flipbox_content_back {
     transform: none;
}
.ddt_flipbox_effect_hover.slide .ddt_flipbox_content_back {
     transform: translateX(100%) translateY(0);
	 transition: all 0.5s ease-out;
}
/* Push */
.ddt_flipbox_effect_hover.push .ddt_flipbox_content_front {
     transform: none;
}
.ddt_flipbox_effect_hover.push .ddt_flipbox_wrap {
     overflow: hidden;
}
.ddt_flipbox_effect_hover.push .ddt_flipbox_wrap:hover .ddt_flipbox_content_back {
     transform: none;
}
.ddt_flipbox_effect_hover.push .ddt_flipbox_wrap:hover .ddt_flipbox_content_front {
     transform: translateX(100%) translateY(0);
}
.ddt_flipbox_effect_hover.push .ddt_flipbox_content_back {
     transform: translateX(-100%) translateY(0);
	 transition: all 0.5s ease-out;
}
/* Zoomout */
.ddt_flipbox_effect_hover.zoomout .ddt_flipbox_wrap .ddt_flipbox_content_front {
     opacity: 1;
     transform: scale(1);
     z-index: 1;
     width: 100%;
	 transition: all .5s ease-in-out;
 }
.ddt_flipbox_effect_hover.zoomout .ddt_flipbox_wrap:hover .ddt_flipbox_content_front {
     opacity: 0;
     transform: scale(.8);
	 transition: all .5s ease-in-out;
}
/* zoomin */
.ddt_flipbox_effect_hover.zoomin .ddt_flipbox_wrap .ddt_flipbox_content_back {
     transition: all .5s ease-in-out;
     opacity: 0;
     transform: scale(.7);
}
.ddt_flipbox_effect_hover.zoomin .ddt_flipbox_wrap:hover .ddt_flipbox_content_back {
    transition: all .5s ease-in-out;
     opacity: 1;
     transform: scale(1);
}
/* fade */
.ddt_flipbox_effect_hover.fade .ddt_flipbox_wrap .ddt_flipbox_content_back {
     opacity: 0;
	 transition: all .5s ease-in-out;
}
.ddt_flipbox_effect_hover.fade .ddt_flipbox_wrap:hover .ddt_flipbox_content_back {
     opacity: 1;
	 transition: all .5s ease-in-out;
}

/* Transition Effect - EaseInOutExpo Style */
.ddt_flipbox_easeInOutExpo .ddt_flipbox_content_front,
.ddt_flipbox_easeInOutExpo .ddt_flipbox_content_back {
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
/* Transition Effect - EaseInOutCircle Style */
.ddt_flipbox_easeInOutCirc .ddt_flipbox_content_front,
.ddt_flipbox_easeInOutCirc .ddt_flipbox_content_back 
{
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/* Transition Effect - EaseOutBack /BounceOut Style */

.ddt_flipbox_easeOutBack .ddt_flipbox_content_front,
.ddt_flipbox_easeOutBack .ddt_flipbox_content_back 
{ 
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* Transition Effect - Bounce Style */
.ddt_flipbox_bounce .ddt_flipbox_content_front,
.ddt_flipbox_bounce .ddt_flipbox_content_back 
{
  -webkit-transition-timing-function: cubic-bezier(0.745, -0.265, 0.355, 1.255);
  -moz-transition-timing-function: cubic-bezier(0.745, -0.265, 0.355, 1.255);
  transition-timing-function: cubic-bezier(0.745, -0.265, 0.355, 1.255);
}
/* Transition Effect - BounceIn Style */
.ddt_flipbox_bounceIn .ddt_flipbox_content_front,
.ddt_flipbox_bounceIn .ddt_flipbox_content_back 
{
  -webkit-transition-timing-function: cubic-bezier(0.605, -0.240, 0.560, 0.960)!important;
  -moz-transition-timing-function: cubic-bezier(0.605, -0.240, 0.560, 0.960)!important;
  transition-timing-function: cubic-bezier(0.605, -0.240, 0.560, 0.960)!important;
}
/* Transition Effect - bounceOut : ddt_flipbox_easeOutBack Style */
.ddt_flipbox_bounceOut .ddt_flipbox_content_front,
.ddt_flipbox_bounceOut .ddt_flipbox_content_back 
{ 
  -webkit-transition-timing-function: cubic-bezier(0.565, 0.275, 0.460, 1.215);
  -moz-transition-timing-function: cubic-bezier(0.565, 0.275, 0.460, 1.215);
  transition-timing-function: cubic-bezier(0.565, 0.275, 0.460, 1.215);
}
/* 3D parallax effect  */
.ddt_3d_parallax_yes .ddt_flipbox_layer_inner {
     transform: translateZ(90px) scale(.91);
	 -webkit-transform: translateZ(90px) scale(.91);
-ms-transform:  translateZ(90px) scale(.91);
-moz-transform:  translateZ(90px) scale(.91);
}
.ddt_3d_parallax_yes .ddt_flipbox_layer_overlay {
     transform-style: preserve-3d;
     transform: translateZ(.1px);
}