/* ======== Flib Box CSS =========== */
/**Flip Box**/
.flipbox-wrapper {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.flipbox-wrapper .flip-box {
  position: relative;
  width: 100%;
  height: 100%;
    -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -ms-perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flipbox-wrapper .ifb-flip-box {
  height: 100%;
}
.flipbox-wrapper .flipbox-front,
.flipbox-wrapper .flipbox-back {
  padding: 15px 15px;
  height: 100%;
  margin-bottom: 0;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.flipbox-wrapper .flipbox-front {
  z-index: 9;
  backface-visibility: hidden;
  padding: 0;
}
.flipbox-wrapper .flipbox-back {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.flipbox-wrapper .flip-box h3 {
  margin: 15px 0 12px;
  line-height: 1.3em;
}

.feature_subtitle {
  margin-top: -10px;
display: block;
}

.flipbox-wrapper .flip-box-icon {
  display: block;
  margin: 0 auto;
}
.flip-box-icon .aio-icon-img {
  margin: 0 auto;
}
.flipbox-wrapper p {
  margin-bottom: 15px;
}
.flipbox-wrapper .flipbox-back p {
  margin-bottom: 15px;
  max-height: 50%;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.flipbox-wrapper .flip-box-custom-height .flipbox-back p {
  max-height: 100% !important;
}
.flipbox-wrapper .flipbox-link {
  display: block;
  position: relative;
  z-index: 5;
}
.flipbox-wrapper .flipbox-link a {
  
}
.flipbox-wrapper .flipbox-link a:hover,
.flipbox-wrapper .flipbox-link a:visited,
.flipbox-wrapper .flipbox-link a:active {
 
}
/*Horizontal Flip effect*/
/*Left Flip*/
.flipbox-wrapper .horizontal_flip_left .flipbox-front {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipbox-wrapper .horizontal_flip_left .flipbox-back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flipbox-wrapper .horizontal_flip_left .ifb-hover .flipbox-back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipbox-wrapper .horizontal_flip_left .ifb-hover .flipbox-front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/*.flipbox-wrapper:hover .horizontal_flip_left .flipbox-back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipbox-wrapper:hover .horizontal_flip_left .flipbox-front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/*Right Flip*/
.flipbox-wrapper .horizontal_flip_right .flipbox-front {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipbox-wrapper .horizontal_flip_right .flipbox-back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipbox-wrapper .horizontal_flip_right .ifb-hover .flipbox-back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipbox-wrapper .horizontal_flip_right .ifb-hover .flipbox-front {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/*.flipbox-wrapper:hover .horizontal_flip_right .flipbox-back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipbox-wrapper:hover .horizontal_flip_right .flipbox-front {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/*Vertical Flip effect*/
.flipbox-wrapper .vertical_flip_top .ifb-hover .flipbox-back,
.flipbox-wrapper .vertical_flip_bottom .ifb-hover .flipbox-back {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
/*.flipbox-wrapper:hover .vertical_flip_top .flipbox-back,
.flipbox-wrapper:hover .vertical_flip_bottom .flipbox-back {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
/*Top Flip*/
.flipbox-wrapper .vertical_flip_top .flipbox-back {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.flipbox-wrapper .vertical_flip_top .flipbox-front {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.flipbox-wrapper .vertical_flip_top .ifb-hover .flipbox-front {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
/*.flipbox-wrapper:hover .vertical_flip_top .flipbox-front {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
/*Bottom Flip*/
.flipbox-wrapper .vertical_flip_bottom .flipbox-back {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.flipbox-wrapper .vertical_flip_bottom .flipbox-front {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.flipbox-wrapper .vertical_flip_bottom .ifb-hover .flipbox-front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
/*.flipbox-wrapper:hover .vertical_flip_bottom .flipbox-front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
*/

.feature_icon_wrapper .feature_icon:before {
  font-size: 240px;
  z-index: 0;
  position: absolute;
  bottom: -50px;
  right: -33px;
  opacity: 0.1;
}



@media (min-width: 768px) and (max-width: 959px) {
.flipbox-wrapper .feature_text {
  display: none;
}
.flipbox-link {
  margin-top: 5px;
}
}