@charset "utf-8";

/*  
    Bhover - CSS3 Button Effects
    ----------------------------
*/


/* Common style */

[class^="bh-eff"] {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0.5em 0.8em;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
[class^="bh-eff"]::before,
[class^="bh-eff"]::after,
[class^="bh-eff"] span::before,
[class^="bh-eff"] span::after {
  content: '';
  position: absolute;
}


/*
     Individual effects 
     ------------------
*/


/*** bh-eff1 ***/

.bh-eff1 {
  color: #fff;
  border-radius: 0.2em;
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff1::before,.bh-eff1::after {
  z-index: -1;
  top: 0;
  height: 100%;
  -webkit-transform: skewX(50deg);
  transform: skewX(50deg);
  -webkit-transition: left 0.6s;
  transition: left 0.6s;
  opacity: 0;
}
.bh-eff1::before { left: 150%; width: 100%; }
.bh-eff1::after { left: 200%; width: 30%; }
.bh-eff1:hover::before, .bh-eff1:hover::after {
  left: -150%;
  opacity: 1;
}

/*** bh-eff2 ***/

.bh-eff2 {
  color: #fff;
  border-radius: 0.2em;
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff2::before, .bh-eff2::after, .bh-eff2 span::before, .bh-eff2 span::after {
  z-index: -1;
  width: 0.2em;
  height: 0.2em;
  border-radius: 0.2em;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
}
.bh-eff2::before { top: -0.1em; left: -0.1em; }
.bh-eff2::after { top: -0.1em; right: -0.1em; }
.bh-eff2 span::before { bottom: -0.1em; left: -0.1em; }
.bh-eff2 span::after { bottom: -0.1em; right: -0.1em; }

.bh-eff2:hover::before, .bh-eff2:hover::after, .bh-eff2:hover span::before, .bh-eff2:hover span::after {
  -webkit-transform: scale(4);
  transform: scale(4);
}

/*** bh-eff3 ***/

.bh-eff3 {
  color: #fff;
  border-radius: 0.2em;
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff3::before, .bh-eff3::after, .bh-eff3 span::before, .bh-eff3 span::after {
  z-index: -1;
  width: 0.2em;
  height: 0.2em;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
  transition: transform 0.3s, opacity 0.3s 0.1s;
}
.bh-eff3::before { top: -0.1em; left: -0.1em; }
.bh-eff3::after { top: -0.1em; right: -0.1em; }
.bh-eff3 span::before { bottom: -0.1em; left: -0.1em; }
.bh-eff3 span::after { bottom: -0.1em; right: -0.1em; }

.bh-eff3:hover::before, .bh-eff3:hover::after, .bh-eff3:hover span::before, .bh-eff3:hover span::after {
  -webkit-transform: scale(15) rotate(45deg);
  transform: scale(15) rotate(45deg);
  opacity: 0;
}

/*** bh-eff4 ***/

.bh-eff4 {
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff4::before,.bh-eff4::after { z-index: -1; opacity: 0; }
.bh-eff4::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s, transform 0.4s ease-out;
}
.bh-eff4::after {
  top: 0.15em;
  left: 0.15em; 
  bottom:0.15em;
  right:0.15em;
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
.bh-eff4:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.bh-eff4:hover::after {
  top: 0.05em;
  left: 0.05em; 
  bottom:0.05em;
  right:0.05em;
  opacity: 1;
  border-width: 0.1em;
  border-radius: 0.25em;
}

/*** bh-eff5 ***/

.bh-eff5 {
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff5::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: -1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s, transform 0.6s ease-out;
}
.bh-eff5::after {
  top: 0.15em;
  left: 0.15em; 
  bottom:0.15em;
  right:0.15em;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.bh-eff5:hover::before {
  -webkit-transform: scale(0.3,0.3);
  transform: scale(0.3,0.3);
  opacity: 0;
}
.bh-eff5:hover::after {
  top: 0.05em;
  left: 0.05em; 
  bottom:0.05em;
  right:0.05em;
  opacity: 1;
  border-width: 0.1em;
  border-radius: 0.25em;
}

/*** bh-eff6 ***/

.bh-eff6 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff6::before {
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s, transform 0.4s ease-out;
}
.bh-eff6::after {
  z-index: -1;
  top: 0.15em;
  left: 0.15em; 
  bottom:0.15em;
  right:0.15em;
  opacity: 0;
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
.bh-eff6:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}
.bh-eff6:hover::after {
  top: 0.05em;
  left: 0.05em; 
  bottom:0.05em;
  right:0.05em;
  opacity: 1;
  border-width: 0.1em;
  border-radius: 0.25em;
}

/*** bh-eff7 ***/

.bh-eff7 {
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff7::before, .bh-eff7::after, .bh-eff7 span::before, .bh-eff7 span::after {
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.bh-eff7::before { top: -0.1em; left: -0.1em; }
.bh-eff7::after { top: -0.1em; right: -0.1em; }
.bh-eff7 span::before { bottom: -0.1em; left: -0.1em; }
.bh-eff7 span::after { bottom: -0.1em; right: -0.1em; }

.bh-eff7:hover::before {
  -webkit-transform: translate3d(-0.2em,-0.2em,0);
  transform: translate3d(-0.2em,-0.2em,0);
}
.bh-eff7:hover::after {
  -webkit-transform: translate3d(0.2em,-0.2em,0);
  transform: translate3d(0.2em,-0.2em,0);
}
.bh-eff7:hover span::before {
  -webkit-transform: translate3d(-0.2em,0.2em,0);
  transform: translate3d(-0.2em,0.2em,0);
}
.bh-eff7:hover span::after {
  -webkit-transform: translate3d(0.2em,0.2em,0);
  transform: translate3d(0.2em,0.2em,0);
}

/*** bh-eff8 ***/

.bh-eff8 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff8::before, .bh-eff8::after {
  width: 0.25em;
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.bh-eff8::before { left: -0.125em; }
.bh-eff8::after { right: -0.125em; }

.bh-eff8 span::before, .bh-eff8 span::after {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: 0.25em;
  right: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.bh-eff8 span::before { top: -0.125em; }
.bh-eff8 span::after { bottom: -0.125em; }

.bh-eff8:hover::before, .bh-eff8:hover::after {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.bh-eff8:hover span::before, .bh-eff8:hover span::after {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

/*** bh-eff9 ***/

.bh-eff9 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff9::before, .bh-eff9::after {
  width: 0.25em;
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; 
}
.bh-eff9::before { left: -0.125em; }
.bh-eff9::after { right: -0.125em; }

.bh-eff9 span::before, .bh-eff9 span::after {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: 0.25em;
  right: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; 
}
.bh-eff9 span::before { top: -0.125em; }
.bh-eff9 span::after { bottom: -0.125em; }

.bh-eff9:hover::before {
  -webkit-transform: translate3d(-1em,0,0);
  transform: translate3d(-1em,0,0);
  opacity: 0;
}
.bh-eff9:hover::after {
  -webkit-transform: translate3d(1em,0,0);
  transform: translate3d(1em,0,0);
  opacity: 0;
}
.bh-eff9:hover span::before {
  -webkit-transform: translate3d(0,-1em,0);
  transform: translate3d(0,-1em,0);
  opacity: 0;
}
.bh-eff9:hover span::after {
  -webkit-transform: translate3d(0,1em,0);
  transform: translate3d(0,1em,0);
  opacity: 0;
}

/*** bh-eff10 ***/

.bh-eff10 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  box-shadow: none !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff10::before, .bh-eff10::after {
  width: 0.25em;
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.bh-eff10::before { left: -0.125em; }
.bh-eff10::after { right: -0.125em; }

.bh-eff10 span::before, .bh-eff10 span::after {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: 0.25em;
  right: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; 
}
.bh-eff10 span::before { top: -0.125em; }
.bh-eff10 span::after { bottom: -0.125em; }

.bh-eff10:hover::before {
  -webkit-transform: translate3d(-0.25em,0,0);
  transform: translate3d(-0.25em,0,0);
}
.bh-eff10:hover::after {
  -webkit-transform: translate3d(0.25em,0,0);
  transform: translate3d(0.25em,0,0);
}
.bh-eff10:hover span::before {
  -webkit-transform: translate3d(0,-0.25em,0);
  transform: translate3d(0,-0.25em,0);
}
.bh-eff10:hover span::after {
  -webkit-transform: translate3d(0,0.25em,0);
  transform: translate3d(0,0.25em,0);
}

/*** bh-eff11 ***/

.bh-eff11 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff11::before, .bh-eff11::after {
  width: 0.25em;
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: height 0.3s, top 0.3s;
  transition: height 0.3s, top 0.3s; 
}
.bh-eff11::before { left: -0.125em; }
.bh-eff11::after { right: -0.125em; }

.bh-eff11 span::before, .bh-eff11 span::after {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: 0.25em;
  left: 0.25em;
  border-radius: 0.15em;
  -webkit-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s; 
}
.bh-eff11 span::before { top: -0.125em; }
.bh-eff11 span::after { bottom: -0.125em; }

.bh-eff11:hover::before, .bh-eff11:hover::after {
  height: -webkit-calc(100% + 1em);
  height: calc(100% + 1em);
  top: -0.5em;
}
.bh-eff11:hover span::before, .bh-eff11:hover span::after {
  width: -webkit-calc(100% + 1em);
  width: calc(100% + 1em);
  left: -0.5em;
}

/*** bh-eff12 ***/

.bh-eff12 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff12::before, .bh-eff12::after, .bh-eff12 span::before, .bh-eff12 span::after {
  width: 25%;
  height: 100%;
  top:0;
  z-index: -1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.bh-eff12::before {
  left:0;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.bh-eff12::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.25s 0.05s;
  transition: transform 0.25s 0.05s;
}
.bh-eff12 span::before {
  left:50%;
  -webkit-transition: -webkit-transform 0.25s 0.1s;
  transition: transform 0.25s 0.1s;
}
.bh-eff12 span::after {
  left:75%;
  -webkit-transition: -webkit-transform 0.25s 0.15s;
  transition: transform 0.25s 0.15s;
}
.bh-eff12:hover::before, .bh-eff12:hover::after, .bh-eff12:hover span::before, .bh-eff12:hover span::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*** bh-eff13 ***/

.bh-eff13 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff13::before, .bh-eff13::after, .bh-eff13 span::before, .bh-eff13 span::after {
  width: 25%;
  height: 100%;
  z-index: -1;
  top:0;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.bh-eff13::before {
  left:0;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.bh-eff13::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.25s 0.05s;
  transition: transform 0.25s 0.05s;
}
.bh-eff13 span::before {
  left:50%;
  -webkit-transition: -webkit-transform 0.25s 0.1s;
  transition: transform 0.25s 0.1s;
}
.bh-eff13 span::after {
  left:75%;
  -webkit-transition: -webkit-transform 0.25s 0.15s;
  transition: transform 0.25s 0.15s;
}
.bh-eff13:hover::before, .bh-eff13:hover::after, .bh-eff13:hover span::before, .bh-eff13:hover span::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*** bh-eff14 ***/

.bh-eff14 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff14::before, .bh-eff14::after, .bh-eff14 span::before, .bh-eff14 span::after {
  width: 25%;
  height: 100%;
  z-index: -1;
  top:0;
  -webkit-transform: skewY(90deg);
  transform: skewY(90deg);
}
.bh-eff14::before {
  left:0;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.bh-eff14::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.25s 0.05s;
  transition: transform 0.25s 0.05s;
}
.bh-eff14 span::before {
  left:50%;
  -webkit-transition: -webkit-transform 0.25s 0.1s;
  transition: transform 0.25s 0.1s;
}
.bh-eff14 span::after {
  left:75%;
  -webkit-transition: -webkit-transform 0.25s 0.15s;
  transition: transform 0.25s 0.15s;
}
.bh-eff14:hover::before, .bh-eff14:hover::after, .bh-eff14:hover span::before, .bh-eff14:hover span::after {
  -webkit-transform: skewY(0deg);
  transform: skewY(0deg);
}

/*** bh-eff15 ***/

.bh-eff15 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff15::before, .bh-eff15::after {
  width: 0.5em;
  height: 0.5em;
  top: -webkit-calc(50% - 0.25em);
  top: calc(50% - 0.25em);
  left: -webkit-calc(50% - 0.25em);
  left: calc(50% - 0.25em);
  z-index: -1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  opacity: 0;
}
.bh-eff15::before {
  -webkit-transform: scale(0.01);
  transform: scale(0.01);
}
.bh-eff15::after {
  -webkit-transform: scale(0.01) rotate(45deg);
  transform: scale(0.01) rotate(45deg);
}
.bh-eff15:hover::before {
  -webkit-transform: scale(8) rotate(720deg);
  transform: scale(8) rotate(720deg);
  opacity: 1;
}
.bh-eff15:hover::after {
  -webkit-transform: scale(8) rotate(765deg);
  transform: scale(8) rotate(765deg);
  opacity: 1;
}

/*** bh-eff16 ***/

.bh-eff16 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff16::before, .bh-eff16::after {
  width: 0.5em;
  height: 0.5em;
  top: -webkit-calc(50% - 0.25em);
  top: calc(50% - 0.25em);
  left: -webkit-calc(50% - 0.25em);
  left: calc(50% - 0.25em);
  z-index: -1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  opacity: 0;
}
.bh-eff16::before {
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
}
.bh-eff16::after {
  -webkit-transform: scale(0.1) rotate(45deg);
  transform: scale(0.1) rotate(45deg);
}
.bh-eff16:hover::before {
  -webkit-transform: scale(8);
  transform: scale(8);
  opacity: 1;
}
.bh-eff16:hover::after {
  -webkit-transform: scale(8) rotate(45deg);
  transform: scale(8) rotate(45deg);
  opacity: 1;
}

/*** bh-eff17 ***/

.bh-eff17 {
  color: #fff;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff17::before, .bh-eff17::after, .bh-eff17 span::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.4s ease-in;
  transition: transform 0.4s ease-in;
  opacity: 0;
}
.bh-eff17::after {
  -webkit-transition: -webkit-transform 0.4s ease-in 0.05s;
  transition: transform 0.4s ease-in 0.05s;
}
.bh-eff17 span::before {
  -webkit-transition: -webkit-transform 0.4s ease-in 0.1s;
  transition: transform 0.4s ease-in 0.1s;
}
.bh-eff17:hover::before, .bh-eff17:hover::after, .bh-eff17:hover span::before {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 1;
}

/*** bh-eff18 ***/

.bh-eff18 {
  color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff18::before, .bh-eff18::after, .bh-eff18 span::before, .bh-eff18 span::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  opacity: 0;
}
.bh-eff18::after {
  -webkit-transition: -webkit-transform 0.3s ease-in 0.1s;
  transition: transform 0.3s ease-in 0.1s;
}
.bh-eff18 span::before {
  -webkit-transition: -webkit-transform 0.3s ease-in 0.2s;
  transition: transform 0.3s ease-in 0.2s;
}
.bh-eff18 span::after {
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
.bh-eff18:hover::before, .bh-eff18:hover::after, .bh-eff18:hover span::before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 1;
}

/*** bh-eff19 ***/

.bh-eff19 {
  color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff19::before, .bh-eff19::after, .bh-eff19 span::before, .bh-eff19 span::after {
  width: 100%;
  height: 0.3em;
  bottom: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
  opacity: 0;
}
.bh-eff19::after {
 -webkit-transition: -webkit-transform 0.25s ease-in 0.1s;
  transition: transform 0.25s ease-in 0.1s;
}
.bh-eff19 span::before {
  -webkit-transition: -webkit-transform 0.25s ease-in 0.2s;
  transition: transform 0.25s ease-in 0.2s;
}
.bh-eff19 span::after {
  -webkit-transition: -webkit-transform 0.25s ease-in 0.3s;
  transition: transform 0.25s ease-in 0.3s;
}
.bh-eff19:hover::before, .bh-eff19:hover::after, .bh-eff19:hover::after, .bh-eff19:hover span::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 1;
}

/*** bh-eff20 ***/

.bh-eff20 {
  color: #fff;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff20::before, .bh-eff20::after, .bh-eff20 span::before {
  width: 2em;
  height: 2em;
  top: -webkit-calc(50% - 1em);
  top: calc(50% - 1em);
  left: -3.5em;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  opacity: 0;
}
.bh-eff20::after {
  -webkit-transition: -webkit-transform 0.6s ease 0.05s;
  transition: transform 0.6s ease 0.05s;
}
.bh-eff20 span::before {
  -webkit-transition: -webkit-transform 0.6s ease 0.1s;
  transition: transform 0.6s ease 0.1s;
}
.bh-eff20:hover::before, .bh-eff20:hover::after, .bh-eff20:hover span::before {
  -webkit-transform: translateX(8em) rotate(45deg);
  transform: translateX(8em) rotate(45deg);
  opacity: 1;
}

/*** bh-eff21 ***/

.bh-eff21 {
  color: #fff;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff21::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: scale(0.01) rotate(360deg) ;
  transform: scale(0.01) rotate(360deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  opacity: 0;
}
.bh-eff21:hover::before {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/*** bh-eff22 ***/

.bh-eff22 {
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff22::before, .bh-eff22::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.bh-eff22:hover::before {
  -webkit-transform: scaleX(0.2);
  transform: scaleX(0.2);
  opacity: 0;
}
.bh-eff22:hover::after {
  -webkit-transform: scaleY(0.2);
  transform: scaleY(0.2);
  opacity: 0;
}

/*** bh-eff23 ***/

.bh-eff23 {
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff23::before, .bh-eff23::after {
  z-index: -1;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.bh-eff23::before {
  width: 100%;
  height: -webkit-calc(100% - 0.7em);
  height: calc(100% - 0.7em);
  top: 0.35em;
  left: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.bh-eff23::after {
  width: -webkit-calc(100% - 0.7em);
  width: calc(100% - 0.7em);
  height: 100%;
  top: 0;
  left: 0.35em;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.bh-eff23:hover::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.bh-eff23:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*** bh-eff24 ***/

.bh-eff24 {
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff24::before, .bh-eff24::after {
  width: 100%;
  height: 0.25em;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  z-index: -1;
}
.bh-eff24::before { top: 0; }
.bh-eff24::after { bottom: 0; }

.bh-eff24 span::before, .bh-eff24 span::after {
  width: 0.25em;
  height: 100%;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.bh-eff24 span::before { left: 0; }
.bh-eff24 span::after { right: 0; }

.bh-eff24:hover::before, .bh-eff24:hover::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.bh-eff24:hover span::before, .bh-eff24:hover span::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/*** bh-eff25 ***/

.bh-eff25 {
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff25::before, .bh-eff25::after {
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.bh-eff25::before { top: 0; }
.bh-eff25::after {
  bottom: 0;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.bh-eff25:hover::before {
  -webkit-transform: rotate3d(-1,1,0,90deg);
  transform: rotate3d(-1,1,0,90deg);
  border-radius: 0 0 10em 0;
}
.bh-eff25:hover::after {
  -webkit-transform: rotate3d(-1,1,0,90deg);
  transform: rotate3d(-1,1,0,90deg);
  border-radius: 10em 0 0 0;
}

/*** bh-eff26 ***/

.bh-eff26 {
  color: #fff;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff26::before, .bh-eff26::after {
  width: 50%;
  height: 100%;
  z-index: -1;
  top:0;
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate3d(-1,1,0,100deg);
  transform: rotate3d(-1,1,0,100deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.bh-eff26::after {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.bh-eff26::before { left:0; }
.bh-eff26::after { left: 50%; }

.bh-eff26:hover::before, .bh-eff26:hover::after {
  -webkit-transform: rotate3d(1,1,0,0deg);
  transform: rotate3d(1,1,0,0deg);
  opacity: 1;
}

/*** bh-eff27 ***/

.bh-eff27 {
  color: #fff;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff27::before, .bh-eff27::after, .bh-eff27 span::before, .bh-eff27 span::after {
  width: 50%;
  height: 50%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
  transition: transform 0.35s, opacity 0.35s;
}
.bh-eff27::before {
  top:0;
  left:0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate3d(-1,1,0,100deg);
  transform: rotate3d(-1,1,0,100deg);
}
.bh-eff27::after {
  top:0;
  left:50%;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate3d(1,1,0,-100deg);
  transform: rotate3d(1,1,0,-100deg);
}
.bh-eff27 span::before {
  top: 50%;
  left: 0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotate3d(1,1,0,100deg);
  transform: rotate3d(1,1,0,100deg);
}
.bh-eff27 span::after {
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate3d(1,-1,0,100deg);
  transform: rotate3d(1,-1,0,100deg);
}
.bh-eff27:hover::before, .bh-eff27:hover::after, .bh-eff27:hover span::before, .bh-eff27:hover span::after {
  -webkit-transform: rotate3d(1,1,0,0deg);
  transform: rotate3d(1,1,0,0deg);
  opacity: 1;
}

/*** bh-eff28 ***/

.bh-eff28 {
  color: #fff;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff28::before, .bh-eff28::after, .bh-eff28 span::before, .bh-eff28 span::after {
  width: -webkit-calc(50% - 0.25em);
  width: calc(50% - 0.25em);
  height: 50%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}
.bh-eff28::before {
  top: 0;
  left: 0.25em;
  border-radius: 0 0 0 0.4em;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotate3d(-1,1,0,100deg);
  transform: rotate3d(-1,1,0,100deg);
}
.bh-eff28::after {
  top: 0;
  left: 50%;
  border-radius: 0 0 0.4em 0;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotate3d(1,1,0,100deg);
  transform: rotate3d(1,1,0,100deg);
}
.bh-eff28 span::before {
  top: 50%;
  left: 0.25em;
  border-radius: 0.4em 0 0 0;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: rotate3d(1,1,0,100deg);
  transform: rotate3d(1,1,0,100deg);
}
.bh-eff28 span::after {
  top: 50%;
  left: 50%;
  border-radius: 0 0.4em 0 0;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transform: rotate3d(1,-1,0,100deg);
  transform: rotate3d(1,-1,0,100deg);
}
.bh-eff28:hover::before, .bh-eff28:hover::after, .bh-eff28:hover span::before, .bh-eff28:hover span::after {
  -webkit-transform: rotate3d(1,1,0,0deg);
  transform: rotate3d(1,1,0,0deg);
  opacity: 1;
}

/*** bh-eff29 ***/

.bh-eff29 {
  color: #fff;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff29::before, .bh-eff29::after, .bh-eff29 span::before, .bh-eff29 span::after {
  width: 25%;
  height: 100%;
  z-index: -1;
  top:0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate3d(-1,1,0,110deg);
  transform: rotate3d(-1,1,0,110deg);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
}
.bh-eff29::before { left:0; }
.bh-eff29::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.4s 0.02s, opacity 0.4s 0.02s;
  transition: transform 0.4s 0.02s, opacity 0.4s 0.02s;
}
.bh-eff29 span::before {
  left:50%;
  -webkit-transition: -webkit-transform 0.4s 0.04s, opacity 0.4s 0.04s;
  transition: transform 0.4s 0.04s, opacity 0.4s 0.04s;
}
.bh-eff29 span::after {
  left:75%;
  -webkit-transition: -webkit-transform 0.4s 0.08s, opacity 0.4s 0.08s;
  transition: transform 0.4s 0.08s,  opacity 0.4s 0.08s;
}
.bh-eff29:hover::before, .bh-eff29:hover::after, .bh-eff29:hover span::before,.bh-eff29:hover span::after  {
  -webkit-transform: rotate3d(1,1,0,0deg);
  transform: rotate3d(1,1,0,0deg);
  opacity: 1;
}

/*** bh-eff30 ***/

.bh-eff30 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff30::before, .bh-eff30::after, .bh-eff30 span::before, .bh-eff30 span::after {
  width: 25%;
  height: 100%;
  z-index: -1;
  top:0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.bh-eff30::before {
  left:0;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.bh-eff30::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.25s 0.05s;
  transition: transform 0.25s 0.05s;
}
.bh-eff30 span::before {
 left:50%;
  -webkit-transition: -webkit-transform 0.25s 0.1s;
  transition: transform 0.25s 0.1s;
}
.bh-eff30 span::after {
  left:75%;
  -webkit-transition: -webkit-transform 0.25s 0.15s;
  transition: transform 0.25s 0.15s;
}
.bh-eff30:hover::before, .bh-eff30:hover::after, .bh-eff30:hover span::before, .bh-eff30:hover span::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*** bh-eff31 ***/

.bh-eff31 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff31::before, .bh-eff31::after {
  width: 30%;
  height: 100%;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  z-index: -1;
}
.bh-eff31::before {
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.bh-eff31::after {
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.bh-eff31 span::before, .bh-eff31 span::after {
  width: 40%;
  height: 50%;
  left: 30%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}
.bh-eff31 span::before {
  top: 0;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.bh-eff31 span::after {
  top: 50%;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.bh-eff31:hover::before, .bh-eff31:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.bh-eff31:hover span::before, .bh-eff31:hover span::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*** bh-eff32 ***/

.bh-eff32 {
  color: #fff;
  border-radius: 0.2em;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff32::before, .bh-eff32::after, .bh-eff32 span::before, .bh-eff32 span::after {
  width: 0;
  height: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff32::before {
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-radius: 0.2em 0 0 0;
}
.bh-eff32::after {
  right: 0;
  top: 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  border-radius: 0 0.2em 0 0;
}
.bh-eff32 span::before {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  border-radius: 0 0 0 0.2em;
}
.bh-eff32 span::after {
  right: 0;
  bottom: 0;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  border-radius: 0 0 0.2em 0;
}
.bh-eff32:hover::before {
  -webkit-transform: rotate3d(-1,1,0,180deg);
  transform: rotate3d(-1,1,0,180deg);
  opacity: 0;
}
.bh-eff32:hover::after, .bh-eff32:hover span::before {
  -webkit-transform: rotate3d(1,1,0,180deg);
  transform: rotate3d(1,1,0,180deg);
  opacity: 0;
}
.bh-eff32:hover span::after {
  -webkit-transform: rotate3d(1,-1,0,180deg);
  transform: rotate3d(1,-1,0,180deg);
 opacity: 0;
}

/*** bh-eff33 ***/

.bh-eff33 {
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff33::before, .bh-eff33::after {
  width: 0;
  height: 0;
  top: -webkit-calc(50% - 0.4em);
  top: calc(50% - 0.4em);
  z-index: -1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.bh-eff33::before { left: 0; }
.bh-eff33::after { right: 0; }
.bh-eff33:hover::before {
  height: 100%;
  top: -0.4em;
  left: 0;
}
.bh-eff33:hover::after {
  height: 100%;
  top: -0.4em;
  right: 0;
}

/*** bh-eff34 ***/

.bh-eff34 {
  color: #fff;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff34::before, .bh-eff34::after {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  z-index: -1;
}
.bh-eff34::before {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: -webkit-calc(100% + 0.5em);
  height: calc(100% + 0.5em);
  top: -0.25em;
  left: 0.25em;
}
.bh-eff34::after {
  width: -webkit-calc(100% + 0.5em);
  width: calc(100% + 0.5em);
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  left: -0.25em;
}

/*** bh-eff35 ***/

.bh-eff35 {
  color: rgba(15,85,168,1);
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff35::before, .bh-eff35::after {
  -webkit-transition: -webkit-transform 0.4s, background-color 0.4s;
  transition: transform 0.4s, background-color 0.4s;
  z-index: -1;
}
.bh-eff35::before {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: -webkit-calc(100% + 0.5em);
  height: calc(100% + 0.5em);
  top: -0.25em;
  left: 0.25em;
}
.bh-eff35::after {
  width: -webkit-calc(100% + 0.5em);
  width: calc(100% + 0.5em);
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  left: -0.25em;
 }
.bh-eff35:hover::before, .bh-eff35:hover::after {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*** bh-eff36 ***/

.bh-eff36 {
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff36::before, .bh-eff36::after {
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  z-index: -1;
}
.bh-eff36::before {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: -webkit-calc(100% + 0.5em);
  height: calc(100% + 0.5em);
  top: -0.25em;
  left: 0.25em;
}
.bh-eff36::after {
  width: -webkit-calc(100% + 0.5em);
  width: calc(100% + 0.5em);
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  left: -0.25em;
}
.bh-eff36:hover::before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.bh-eff36:hover::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/*** bh-eff37 ***/

.bh-eff37 {
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff37::before, .bh-eff37::after {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  z-index: -1;
}
.bh-eff37::before {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: -webkit-calc(100% + 0.5em);
  height: calc(100% + 0.5em);
  top: -0.25em;
  left: 0.25em;
}
.bh-eff37::after {
  width: -webkit-calc(100% + 0.5em);
  width: calc(100% + 0.5em);
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  left: -0.25em;
}
.bh-eff37:hover::before, .bh-eff37:hover::after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/*** bh-eff38 ***/

.bh-eff38 {
  color: #fff;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff38::before, .bh-eff38::after {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  z-index: -1;
}
.bh-eff38::before {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: -webkit-calc(100% + 0.5em);
  height: calc(100% + 0.5em);
  top: -0.25em;
  left: 0.25em;
}
.bh-eff38::after {
  width: -webkit-calc(100% + 0.5em);
  width: calc(100% + 0.5em);
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  left: -0.25em;
}
.bh-eff38:hover::before {
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}
.bh-eff38:hover::after {
  -webkit-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
}
.bh-eff38:hover { color: rgba(15,85,168,1); }

/*** bh-eff39 ***/

.bh-eff39 {
  color: #fff;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff39::before, .bh-eff39::after {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  z-index: -1;
}
.bh-eff39::before {
  width: -webkit-calc(100% - 0.5em);
  width: calc(100% - 0.5em);
  height: -webkit-calc(100% + 0.5em);
  height: calc(100% + 0.5em);
  top: -0.25em;
  left: 0.25em;
}
.bh-eff39::after {
  width: -webkit-calc(100% + 0.5em);
  width: calc(100% + 0.5em);
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  top: 0.25em;
  left: -0.25em;
}
.bh-eff39:hover::before {
  -webkit-transform: scaleX(0.9);
  transform: scaleX(0.9);
}
.bh-eff39:hover::after {
  -webkit-transform: scaleY(0.9);
  transform: scaleY(0.9);
}
.bh-eff39:hover {
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}

/*** bh-eff40 ***/

.bh-eff40 {
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff40::before, .bh-eff40::after {
  width: 0;
  height: 0;
  top: -webkit-calc(50% - 0.4em);
  top: calc(50% - 0.4em);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.bh-eff40::before { left:0; }
.bh-eff40::after { right:0; }
.bh-eff40 span::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.bh-eff40:hover::before, .bh-eff40:hover::after {
  width: 0.25em;
  height: 100%;
  top: 0;
  border-width: 0;
}
.bh-eff40:hover span::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/*** bh-eff41 ***/

.bh-eff41 {
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff41::before, .bh-eff41::after, .bh-eff41 span::before, .bh-eff41 span::after {
  width: 0;
  height: 0;
  border: 0.3em solid rgba(0,0,0,0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.bh-eff41::before { bottom: 0; left:0; }
.bh-eff41::after { top: 0; right: 0; }
.bh-eff41 span::before { top: 0; left:0; }
.bh-eff41 span::after { bottom: 0; right:0; }
.bh-eff41:hover::before, .bh-eff41:hover::after {
  width: 0.28em;
  height: 100%;
  border-width: 0;
}
.bh-eff41:hover span::before, .bh-eff41:hover span::after {
  width: 100%;
  height: 0.2em;
  border-width: 0;
}

/*** bh-eff42 ***/

.bh-eff42 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff42::before, .bh-eff42::after {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.4s, box-shadow 0.4s;
  transition: transform 0.4s, box-shadow 0.4s;
}
.bh-eff42::before {
  left: 100%;
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
.bh-eff42::after {
  left: -100%;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.bh-eff42:hover::before {
  -webkit-transform: skewX(45deg) translateX(-100%) scale(1.1);
  transform: skewX(45deg) translateX(-100%) scale(1.1);
}
.bh-eff42:hover::after {
  -webkit-transform: skewX(-45deg) translateX(100%) scale(1.1);
  transform: skewX(-45deg) translateX(100%) scale(1.1);
}

/*** bh-eff43 ***/

.bh-eff43 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.bh-eff43::before, .bh-eff43::after, .bh-eff43 span::before, .bh-eff43 span::after {
  width: 0.15em;
  height: 0.5em;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
.bh-eff43::before { top: 0; left: 0; }
.bh-eff43::after { top: 0; right: 0; }
.bh-eff43 span::before { bottom: 0; left: 0; }
.bh-eff43 span::after { bottom: 0; right: 0; }

.bh-eff43:hover::before, .bh-eff43:hover span::before {
  -webkit-transform: translateX(0.2em) rotate(90deg);
  transform: translateX(0.2em) rotate(90deg);
}
.bh-eff43:hover::after, .bh-eff43:hover span::after {
  -webkit-transform: translateX(-0.2em) rotate(90deg);
  transform: translateX(-0.2em) rotate(90deg);
}

/*** bh-eff44 ***/

.bh-eff44 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.bh-eff44::before, .bh-eff44::after, .bh-eff44 span::before, .bh-eff44 span::after {
  width: 0.15em;
  height: 0.5em;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
.bh-eff44::before { 
  top: -0.25em;
  left: -0.075em; 
  -webkit-transform: translate(0.35em,0.35em) rotate(45deg);
  transform: translate(0.35em,0.35em) rotate(45deg);
}
.bh-eff44::after { 
  top: -0.25em;
  right: -0.075em;
  -webkit-transform: translate(-0.35em,0.35em) rotate(-45deg);
 transform: translate(-0.35em,0.35em) rotate(-45deg);
}
.bh-eff44 span::before { 
  bottom: -0.25em;
  left: -0.075em;
  -webkit-transform: translate(0.35em,-0.35em) rotate(-45deg);
 transform: translate(0.35em,-0.35em) rotate(-45deg);
}
.bh-eff44 span::after {
  bottom: -0.25em;
  right: -0.075em;
  -webkit-transform: translate(-0.35em,-0.35em) rotate(45deg);
  transform: translate(-0.35em,-0.35em) rotate(45deg);
}
.bh-eff44:hover::before {
  -webkit-transform: translate(0.2em,0.2em) rotate(45deg);
  transform: translate(0.2em,0.2em) rotate(45deg);
}
.bh-eff44:hover::after {
  -webkit-transform: translate(-0.2em,0.2em) rotate(-45deg);
  transform: translate(-0.2em,0.2em) rotate(-45deg);
}
.bh-eff44:hover span::before {
  -webkit-transform: translate(0.2em,-0.2em) rotate(-45deg);
  transform: translate(0.2em,-0.2em) rotate(-45deg);
}
.bh-eff44:hover span::after {
  -webkit-transform: translate(-0.2em,-0.2em) rotate(45deg);
  transform: translate(-0.2em,-0.2em) rotate(45deg);
}

/*** bh-eff45 ***/

.bh-eff45 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff45::before, .bh-eff45::after, .bh-eff45 span::before, .bh-eff45 span::after {
  width: 0.15em;
  height: 0.5em;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
.bh-eff45::before { 
  top: -0.25em;
  left: -0.075em; 
  -webkit-transform: translate3d(0.35em,0.35em,0) rotate(45deg);
  transform: translate3d(0.35em,0.35em,0) rotate(45deg);
}
.bh-eff45::after { 
  top: -0.25em;
  right: -0.075em;
  -webkit-transform: translate3d(-0.35em,0.35em,0) rotate(-45deg);
 transform: translate3d(-0.35em,0.35em,0) rotate(-45deg);
}
.bh-eff45 span::before { 
  bottom: -0.25em;
  left: -0.075em;
  -webkit-transform: translate3d(0.35em,-0.35em,0) rotate(-45deg);
 transform: translate3d(0.35em,-0.35em,0) rotate(-45deg);
}
.bh-eff45 span::after {
  bottom: -0.25em;
  right: -0.075em;
  -webkit-transform: translate3d(-0.35em,-0.35em,0) rotate(45deg);
  transform: translate3d(-0.35em,-0.35em,0) rotate(45deg);
}
.bh-eff45:hover::before {
  -webkit-transform: translate3d(0.2em,0.2em,0) rotate(135deg);
  transform: translate3d(0.2em,0.2em,0) rotate(135deg);
  height: 0.5em;
  top: -0.25em;
}
.bh-eff45:hover::after {
  -webkit-transform: translate3d(-0.2em,0.2em,0) rotate(-135deg);
  transform: translate3d(-0.2em,0.2em,0) rotate(-135deg);
  height: 0.5em;
  top: -0.25em;
}
.bh-eff45:hover span::before {
  -webkit-transform: translate3d(0.2em,-0.2em,0) rotate(-135deg);
  transform: translate3d(0.2em,-0.2em,0) rotate(-135deg);
  height: 0.5em;
  bottom: -0.25em;
}
.bh-eff45:hover span::after {
  -webkit-transform: translate3d(-0.2em,-0.2em,0) rotate(135deg);
  transform: translate3d(-0.2em,-0.2em,0) rotate(135deg);
  height: 0.5em;
  bottom: -0.25em;
}

/*** bh-eff46 ***/

.bh-eff46 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bh-eff46::before, .bh-eff46::after {
  width: 0.15em;
  height: 0.5em;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
.bh-eff46::before { 
  bottom: -0.25em;
  left: -0.075em;
  -webkit-transform: translate3d(0.35em,-0.35em,0) rotate(-45deg);
  transform: translate3d(0.35em,-0.35em,0) rotate(-45deg);
}
.bh-eff46::after { 
  top: -0.25em;
  right: -0.075em;
  -webkit-transform: translate3d(-0.35em,0.35em,0) rotate(-45deg);
  transform: translate3d(-0.35em,0.35em,0) rotate(-45deg);
}
.bh-eff46 span::before, .bh-eff46 span::after {
   background-color: transparent !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
} 
.bh-eff46:hover::before {
  height: 0.25em;
  bottom: -0.15em;
  -webkit-transform: translate3d(0.1em,-0.1em,0) rotate(-45deg);
  transform: translate3d(0.1em,-0.1em,0) rotate(-45deg);
}
.bh-eff46:hover::after {
  height: 0.25em;
  top: -0.15em;
  -webkit-transform: translate3d(-0.1em,0.1em,0) rotate(-45deg);
  transform: translate3d(-0.1em,0.1em,0) rotate(-45deg);
}

/*** bh-eff47 ***/

.bh-eff47 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  border-radius: 0.2em;
}
.bh-eff47::before, .bh-eff47::after, .bh-eff47 span::before, .bh-eff47 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff47::before { top: -0.05em; left: -0.05em; }
.bh-eff47::after { top: -0.05em; right: -0.05em; }
.bh-eff47 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff47 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff47:hover::before {
  -webkit-transform: translate3d(0.25em,0.25em,0) scale(1.5);
  transform: translate3d(0.25em,0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff47:hover::after {
  -webkit-transform: translate3d(-0.25em,0.25em,0) scale(1.5);
  transform: translate3d(-0.25em,0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff47:hover span::before {
  -webkit-transform: translate3d(0.25em,-0.25em,0) scale(1.5);
  transform: translate3d(0.25em,-0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff47:hover span::after {
  -webkit-transform: translate3d(-0.25em,-0.25em,0) scale(1.5);
  transform: translate3d(-0.25em,-0.25em,0) scale(1.5);
  opacity: 0;
}

/*** bh-eff48 ***/

.bh-eff48 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  border-radius: 0.2em;
}
.bh-eff48::before, .bh-eff48::after, .bh-eff48 span::before, .bh-eff48 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff48::before {
  top: -0.05em;
  left: -0.05em;
  -webkit-transform: translate3d(0.25em,0.25em,0) scale(1.5);
  transform: translate3d(0.25em,0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff48::after {
  top: -0.05em;
  right: -0.05em;
  -webkit-transform: translate3d(-0.25em,0.25em,0) scale(1.5);
  transform: translate3d(-0.25em,0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff48 span::before {
  bottom: -0.05em;
  left: -0.05em;
  -webkit-transform: translate3d(0.25em,-0.25em,0) scale(1.5);
  transform: translate3d(0.25em,-0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff48 span::after {
  bottom: -0.05em; 
  right: -0.05em;
  -webkit-transform: translate3d(-0.25em,-0.25em,0) scale(1.5);
  transform: translate3d(-0.25em,-0.25em,0) scale(1.5);
  opacity: 0;
}
.bh-eff48:hover::before, .bh-eff48:hover::after, .bh-eff48:hover span::before, .bh-eff48:hover span::after {
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
  opacity: 1;
}

/*** bh-eff49 ***/

.bh-eff49 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff49::before, .bh-eff49::after, .bh-eff49 span::before, .bh-eff49 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.bh-eff49::before { top: -0.05em; left: -0.05em; }
.bh-eff49::after { top: -0.05em; right: -0.05em; }
.bh-eff49 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff49 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff49:hover::before, .bh-eff49:hover span::after {
  -webkit-transform: rotateZ(135deg);
  transform: rotateZ(135deg);
}
.bh-eff49:hover::after, .bh-eff49:hover span::before {
  -webkit-transform: rotateZ(-135deg);
  transform: rotateZ(-135deg);
}

/*** bh-eff50 ***/

.bh-eff50 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff50::before, .bh-eff50::after, .bh-eff50 span::before, .bh-eff50 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, box-shadow 0.4s;
  transition: transform 0.4s, opacity 0.4s, box-shadow 0.4s;
}
.bh-eff50::before { top: -0.05em; left: -0.05em; }
.bh-eff50::after { top: -0.05em; right: -0.05em; }
.bh-eff50 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff50 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff50:hover::before, .bh-eff50:hover::after, .bh-eff50:hover span::before, .bh-eff50:hover span::after {
  opacity: 0.4;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bh-eff50:hover::before {
  -webkit-transform: rotateZ(180deg) translate3d(-0.15em,-0.15em,0);
  transform: rotateZ(180deg) translate3d(-0.15em,-0.15em,0);
  border-radius: 0.4em;
}
.bh-eff50:hover::after {
  -webkit-transform: rotateZ(-180deg) translate3d(0.15em,-0.15em,0);
  transform: rotateZ(-180deg) translate3d(0.15em,-0.15em,0);
  border-radius: 0.4em;
}
.bh-eff50:hover span::before {
  -webkit-transform: rotateZ(-180deg) translate3d(-0.15em,0.15em,0);
  transform: rotateZ(-180deg) translate3d(-0.15em,0.15em,0);
  border-radius: 0.4em;
}
.bh-eff50:hover span::after {
  -webkit-transform: rotateZ(180deg) translate3d(0.15em,0.15em,0);
  transform: rotateZ(180deg) translate3d(0.15em,0.15em,0);
  border-radius: 0.4em;
}

/*** bh-eff51 ***/

.bh-eff51 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff51::before, .bh-eff51::after, .bh-eff51 span::before, .bh-eff51 span::after {
  width: 0.4em;
  height: 0.4em;
  border-radius: 0.4em;
  opacity: 0.4;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, box-shadow 0.4s;
  transition: transform 0.4s, opacity 0.4s, box-shadow 0.4s;
}
.bh-eff51::before {
  top: -0.05em;
  left: -0.05em;
  -webkit-transform: rotateZ(180deg) translate3d(-0.15em,-0.15em,0);
  transform: rotateZ(180deg) translate3d(-0.15em,-0.15em,0);
}
.bh-eff51::after {
  top: -0.05em;
  right: -0.05em;
  -webkit-transform: rotateZ(-180deg) translate3d(0.15em,-0.15em,0);
  transform: rotateZ(-180deg) translate3d(0.15em,-0.15em,0);
}
.bh-eff51 span::before {
  bottom: -0.05em;
  left: -0.05em;
  -webkit-transform: rotateZ(-180deg) translate3d(-0.15em,0.15em,0);
  transform: rotateZ(-180deg) translate3d(-0.15em,0.15em,0);
}
.bh-eff51 span::after {
  bottom: -0.05em;
  right: -0.05em;
  -webkit-transform: rotateZ(180deg) translate3d(0.15em,0.15em,0);
  transform: rotateZ(180deg) translate3d(0.15em,0.15em,0);
}
.bh-eff51:hover::before, .bh-eff51:hover::after, .bh-eff51:hover span::before, .bh-eff51:hover span::after {
  opacity: 1;
  border-radius: 0;
  -webkit-transform: rotateZ(0deg) translate3d(0,0,0);
  transform: rotateZ(0deg) translate3d(0,0,0);
}

/*** bh-eff52 ***/

.bh-eff52 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.bh-eff52::before, .bh-eff52::after, .bh-eff52 span::before, .bh-eff52 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, opacity 0.2s, box-shadow 0.2s;
}
.bh-eff52::before { top: -0.05em; left: -0.05em; }
.bh-eff52::after { top: -0.05em; right: -0.05em; }
.bh-eff52 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff52 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff52:hover::before, .bh-eff52:hover::after, .bh-eff52:hover span::before, .bh-eff52:hover span::after {
  opacity: 0.5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bh-eff52:hover::before {
  -webkit-transform: translate3d(-0.35em,-0.35em,0);
  transform: translate3d(-0.35em,-0.35em,0);
}
.bh-eff52:hover::after {
  -webkit-transform: translate3d(0.35em,-0.35em,0);
  transform: translate3d(0.35em,-0.35em,0);
}
.bh-eff52:hover span::before {
  -webkit-transform: translate3d(-0.35em,0.35em,0);
  transform: translate3d(-0.35em,0.35em,0);
}
.bh-eff52:hover span::after {
  -webkit-transform: translate3d(0.35em,0.35em,0);
  transform: translate3d(0.35em,0.35em,0);
}

/*** bh-eff53 ***/

.bh-eff53 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff53::before, .bh-eff53::after, .bh-eff53 span::before, .bh-eff53 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition:transform 0.4s, opacity 0.4s;
}
.bh-eff53::before { top: -0.05em; left: -0.05em; }
.bh-eff53::after { top: -0.05em; right: -0.05em; }
.bh-eff53 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff53 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff53:hover::before {
  -webkit-transform: translate3d(1em,-1em,0) scale(0);
  transform: translate3d(1em,-1em,0) scale(0);
  opacity: 0;
}
.bh-eff53:hover::after {
  -webkit-transform: translate3d(1em,1em,0) scale(0);
  transform: translate3d(1em,1em,0) scale(0);
  opacity: 0;
}
.bh-eff53:hover span::before {
  -webkit-transform: translate3d(-1em,-1em,0) scale(0);
  transform: translate3d(-1em,-1em,0) scale(0);
  opacity: 0;
}
.bh-eff53:hover span::after {
  -webkit-transform: translate3d(-1em,1em,0) scale(0);
  transform: translate3d(-1em,1em,0) scale(0);
  opacity: 0;
}

/*** bh-eff54 ***/

.bh-eff54 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff54::before, .bh-eff54::after, .bh-eff54 span::before, .bh-eff54 span::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff54::before { top: -0.05em; left: -0.05em; }
.bh-eff54::after { top: -0.05em; right: -0.05em; }
.bh-eff54 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff54 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff54:hover::before {
  -webkit-transform: translate3d(-1em,-1em,0) scale(0);
  transform: translate3d(-1em,-1em,0) scale(0);
  opacity: 0;
}
.bh-eff54:hover::after {
  -webkit-transform: translate3d(1em,-1em,0) scale(0);
  transform: translate3d(1em,-1em,0) scale(0);
  opacity: 0;
}
.bh-eff54:hover span::before {
  -webkit-transform: translate3d(-1em,1em,0) scale(0);
  transform: translate3d(-1em,1em,0) scale(0);
  opacity: 0;
}
.bh-eff54:hover span::after {
  -webkit-transform: translate3d(1em,1em,0) scale(0);
  transform: translate3d(1em,1em,0) scale(0);
  opacity: 0;
}

/*** bh-eff55 ***/

.bh-eff55 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  border-radius: 0.2em;
}
.bh-eff55::before, .bh-eff55::after, .bh-eff55 span::before, .bh-eff55 span::after {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff55::before { top: -0.05em; left: -0.05em; }
.bh-eff55::after { top: -0.05em; right: -0.05em; }
.bh-eff55 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff55 span::after { bottom: -0.05em; right: -0.05em; }

.bh-eff55:hover::before {
  -webkit-transform: translate3d(0.15em,0.15em,0);
  transform: translate3d(0.15em,0.15em,0);
  opacity: 0;
}
.bh-eff55:hover::after {
  -webkit-transform: translate3d(-0.15em,0.15em,0);
  transform: translate3d(-0.15em,0.15em,0);
  opacity: 0;
}
.bh-eff55:hover span::before {
  -webkit-transform: translate3d(0.15em,-0.15em,0);
  transform: translate3d(0.15em,-0.15em,0);
  opacity: 0;
}
.bh-eff55:hover span::after {
  -webkit-transform: translate3d(-0.15em,-0.15em,0);
  transform: translate3d(-0.15em,-0.15em,0);
  opacity: 0;
}

/*** bh-eff56 ***/

.bh-eff56 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff56::before, .bh-eff56::after, .bh-eff56 span::before, .bh-eff56 span::after {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff56::before {
  top: -0.05em;
  left: -0.05em;
  -webkit-transform: translate3d(0.15em,0.15em,0);
  transform: translate3d(0.15em,0.15em,0);
}
.bh-eff56::after {
 top: -0.05em;
 right: -0.05em;
 -webkit-transform: translate3d(-0.15em,0.15em,0);
  transform: translate3d(-0.15em,0.15em,0);
}
.bh-eff56 span::before {
 bottom: -0.05em;
 left: -0.05em;
 -webkit-transform: translate3d(0.15em,-0.15em,0);
  transform: translate3d(0.15em,-0.15em,0);
}
.bh-eff56 span::after {
 bottom: -0.05em;
 right: -0.05em;
 -webkit-transform: translate3d(-0.15em,-0.15em,0);
  transform: translate3d(-0.15em,-0.15em,0);
}
.bh-eff56:hover::before, .bh-eff56:hover::after, .bh-eff56:hover span::before, .bh-eff56:hover span::after {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/*** bh-eff57 ***/

.bh-eff57 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  border-radius: 0.2em;
}
.bh-eff57::before, .bh-eff57::after, .bh-eff57 span::before, .bh-eff57 span::after {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
}
.bh-eff57::before {
  top: -0.05em;
  left: -0.05em;
  -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
  transition: transform 0.6s, opacity 0.6s;
}
.bh-eff57::after { top: -0.05em; right: -0.05em; }
.bh-eff57 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff57 span::after {
  bottom: -0.05em;
  right: -0.05em;
  -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
  transition: transform 0.6s, opacity 0.6s;
}
.bh-eff57:hover::before {
  -webkit-transform: translate3d(800%,0,0);
  transform: translate3d(800%,0,0);
  opacity: 0;
}
.bh-eff57:hover span::after {
  -webkit-transform: translate3d(-800%,0,0);
  transform: translate3d(-800%,0,0);
  opacity: 0;
}

/*** bh-eff58 ***/

.bh-eff58 {
  color: #fff;
  overflow: visible;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  border-radius: 0.2em;
}
.bh-eff58::before, .bh-eff58::after, .bh-eff58 span::before, .bh-eff58 span::after  {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.5em;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.bh-eff58::before {top: -0.05em; left: -0.05em;}
.bh-eff58::after {top: -0.05em; right: -0.05em;}
.bh-eff58 span::before {bottom: -0.05em; left: -0.05em;}
.bh-eff58 span::after {bottom: -0.05em; right: -0.05em;}

.bh-eff58:hover::before, .bh-eff58:hover::after, .bh-eff58:hover span::before, .bh-eff58:hover span::after   {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*** bh-eff59 ***/

.bh-eff59 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
}
.bh-eff59::before, .bh-eff59::after, .bh-eff59 span::before, .bh-eff59 span::after {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.bh-eff59::before { top: -0.05em; left: -0.05em; }
.bh-eff59::after { top: -0.05em; right: -0.05em; }
.bh-eff59 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff59 span::after { bottom: -0.05em; right: -0.05em; }
.bh-eff59:hover::before, .bh-eff59:hover::after, .bh-eff59:hover span::before, .bh-eff59:hover span::after {
  -webkit-transform: translate3d(0.2em,0.15em,0);
  transform: translate3d(0.2em,0.15em,0);
}

/*** bh-eff60 ***/

.bh-eff60 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
}
.bh-eff60::before, .bh-eff60::after, .bh-eff60 span::before, .bh-eff60 span::after {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.bh-eff60::before { top: -0.05em; left: -0.05em; }
.bh-eff60::after { top: -0.05em; right: -0.05em; }
.bh-eff60 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff60 span::after { bottom: -0.05em; right: -0.05em; }
.bh-eff60:hover::before {
  -webkit-transform: translate3d(-0.15em,-0.15em,0);
  transform: translate3d(-0.15em,-0.15em,0);
}
.bh-eff60:hover::after {
  -webkit-transform: translate3d(0.15em,-0.15em,0);
  transform: translate3d(0.15em,-0.15em,0);
}
.bh-eff60:hover span::before {
  -webkit-transform: translate3d(-0.15em,0.15em,0);
  transform: translate3d(-0.15em,0.15em,0);
}
.bh-eff60:hover span::after {
  -webkit-transform: translate3d(0.15em,0.15em,0);
  transform: translate3d(0.15em,0.15em,0);
}

/*** bh-eff61 ***/

.bh-eff61 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
}
.bh-eff61::before, .bh-eff61::after, .bh-eff61 span::before, .bh-eff61 span::after {
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, box-shadow 0.4s;
  transition: transform 0.4s, opacity 0.4s, box-shadow 0.4s;
}
.bh-eff61::before { top: -0.05em; left: -0.05em; }
.bh-eff61::after { top: -0.05em; right: -0.05em; }
.bh-eff61 span::before { bottom: -0.05em; left: -0.05em; }
.bh-eff61 span::after { bottom: -0.05em; right: -0.05em; }
.bh-eff61:hover::before {
  opacity: 0;
  -webkit-transform: translate3d(-0.5em,-0.5em,0);
  transform: translate3d(-0.5em,-0.5em,0);
}
.bh-eff61:hover::after {
  opacity: 0;
  -webkit-transform: translate3d(0.5em,-0.5em,0);
  transform: translate3d(0.5em,-0.5em,0);
}
.bh-eff61:hover span::before {
  opacity: 0;
  -webkit-transform: translate3d(-0.5em,0.5em,0);
  transform: translate3d(-0.5em,0.5em,0);
}
.bh-eff61:hover span::after {
  opacity: 0;
  -webkit-transform: translate3d(0.5em,0.5em,0);
  transform: translate3d(0.5em,0.5em,0);
}

/*** bh-eff62 ***/

.bh-eff62 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.bh-eff62::before, .bh-eff62::after {
  width: -webkit-calc(100% + 0.6em);
  width: calc(100% + 0.6em);
  height: 0.3em;
  left: -0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bh-eff62::before { top: -0.3em; }
.bh-eff62::after { top: 100%; }

.bh-eff62 span::before, .bh-eff62 span::after {
  width: 0.3em;
  height: -webkit-calc(100% + 0.6em);
  height: calc(100% + 0.6em);
  top: -0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bh-eff62 span::after { left: 100%; }
.bh-eff62 span::before { left: -0.3em;}

.bh-eff62:hover::before {
  width: 1em;
  left: -webkit-calc(100% - 0.7em);
  left: calc(100% - 0.7em);
}
.bh-eff62:hover::after { width: 1em; left: -0.3em; }
.bh-eff62:hover span::before {
  height: 1em;
  top: -webkit-calc(100% - 0.7em);
  top: calc(100% - 0.7em);
}
.bh-eff62:hover span::after { height: 1em; top: -0.3em; }

/*** bh-eff63 ***/

.bh-eff63 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.bh-eff63::before, .bh-eff63::after {
  width: -webkit-calc(100% + 0.6em);
  width: calc(100% + 0.6em);
  height: 0.3em;
  left: -0.3em;
  border-radius: 0.3em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff63::before { top: -0.3em; }
.bh-eff63::after { top: 100%; }

.bh-eff63 span::before, .bh-eff63 span::after {
  width: 0.3em;
  height: -webkit-calc(100% + 0.6em);
  height: calc(100% + 0.6em);
  top: -0.3em;
  border-radius: 0.3em;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.bh-eff63 span::before { left: -0.3em; }
.bh-eff63 span::after { left: 100%; }

.bh-eff63:hover::before, .bh-eff63:hover::after, .bh-eff63:hover span::before, .bh-eff63:hover span::after {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  opacity: 0;
}
.bh-eff63:hover::before { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.bh-eff63:hover::after { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.bh-eff63:hover span::before { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.bh-eff63:hover span::after { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }

/*** bh-eff64 ***/

.bh-eff64 {
  color: #fff;
  overflow: visible;
}
.bh-eff64::before {
  width: -webkit-calc(100% + 0.6em);
  width: calc(100% + 0.6em);
  height: -webkit-calc(100% + 0.6em);
  height: calc(100% + 0.6em);
  bottom: -0.3em;
  left: -0.3em;
  border-radius: 0.25em;
  -webkit-transition: width 0.3s, left 0.3s, height 0.3s, background-color 0.3s;
  transition: width 0.3s, left 0.3s, height 0.3s, background-color 0.3s; 
}
.bh-eff64:hover::before {
  width: 100%;
  height: 0.3em;
  left: 0;
}

/*** bh-eff65 ***/

.bh-eff65 {
  color: #fff;
  overflow: visible;
}
.bh-eff65::before {
  width: -webkit-calc(100% + 0.6em);
  width: calc(100% + 0.6em);
  height: -webkit-calc(100% + 0.6em);
  height: calc(100% + 0.6em);
  top: -0.3em;
  left: -0.3em;
  border-radius: 0.25em;
  -webkit-transition: width 0.3s, left 0.3s, height 0.3s, top 0.3s, background-color 0.3s;
  transition: width 0.3s, left 0.3s, height 0.3s, top 0.3s, background-color 0.3s;
}
.bh-eff65:hover::before {
  width: 0.3em;
  height: 100%;
  top: 0;
  left: -0.3em;
}

/*** bh-eff66 ***/

.bh-eff66 {
  color: #fff;
  overflow: visible;
}
.bh-eff66::before {
  width: -webkit-calc(100% + 0.6em);
  width: calc(100% + 0.6em);
  height: -webkit-calc(100% + 0.6em);
  height: calc(100% + 0.6em);
  top: -0.3em;
  left: -0.3em;
  border-radius: 0.25em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; 
}
.bh-eff66:hover::before {
  width: -webkit-calc(100% - 1em);
  width: calc(100% - 1em);
  height: 0.5em;
  top: -webkit-calc(100% - 0.25em);
  top: calc(100% - 0.25em);
  left: 0.5em;
  border-radius: 0.5em;
}

/*** bh-eff67 ***/

.bh-eff67 {
  border-radius: 0.2em;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.bh-eff67::before, .bh-eff67::after, .bh-eff67 span::before, .bh-eff67 span::after  {
  width: 0.9em;
  height: 0.9em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  z-index: -1;
}
.bh-eff67::before {top: -0.45em; left: -0.45em;}
.bh-eff67::after {top: -0.45em; right: -0.45em;}
.bh-eff67 span::before {bottom: -0.45em; left: -0.45em;}
.bh-eff67 span::after {bottom: -0.45em; right: -0.45em;}

.bh-eff67:hover { color: #fff; }
.bh-eff67:hover::before, .bh-eff67:hover::after, .bh-eff67:hover span::before, .bh-eff67:hover span::after {
  -webkit-transform: scale(6) rotate(45deg);
  transform: scale(6) rotate(45deg);
}

/*** bh-eff68 ***/

.bh-eff68 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.bh-eff68::before, .bh-eff68::after, .bh-eff68 span::before, .bh-eff68 span::after  {
  width: 0.9em;
  height: 0.9em;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.bh-eff68::before {top: -0.45em; left: -0.45em;}
.bh-eff68::after {top: -0.45em; right: -0.45em;}
.bh-eff68 span::before {bottom: -0.45em; left: -0.45em;}
.bh-eff68 span::after {bottom: -0.45em; right: -0.45em;}

.bh-eff68:hover::before, .bh-eff68:hover::after, .bh-eff68:hover span::before, .bh-eff68:hover span::after {
  -webkit-transform: scale(7) rotate(45deg);
  transform: scale(7) rotate(45deg);
}

/*** bh-eff69 ***/

.bh-eff69 {
  color: #fff;
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.bh-eff69::before, .bh-eff69::after, .bh-eff69 span::before, .bh-eff69 span::after {
  width: 25%;
  height: 100%;
  z-index: -1;
  top:0;
  background-color: #fff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate3d(-1,1,0,110deg);
  transform: rotate3d(-1,1,0,110deg);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
}
.bh-eff69::before {
  left:0;
  border-radius: 0.2em 0 0 0.2em;
}
.bh-eff69::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.4s 0.02s, opacity 0.4s 0.02s;
  transition: transform 0.4s 0.02s, opacity 0.4s 0.02s;
}
.bh-eff69 span::before {
  left:50%;
  -webkit-transition: -webkit-transform 0.4s 0.04s, opacity 0.4s 0.04s;
  transition: transform 0.4s 0.04s, opacity 0.4s 0.04s;
}
.bh-eff69 span::after {
  left:75%;
  -webkit-transition: -webkit-transform 0.4s 0.08s, opacity 0.4s 0.08s;
  transition: transform 0.4s 0.08s, opacity 0.4s 0.08s;
  border-radius: 0 0.2em 0.2em 0;
}
.bh-eff69:hover::before, .bh-eff69:hover::after, .bh-eff69:hover span::before,.bh-eff69:hover span::after  {
  -webkit-transform: rotate3d(1,1,0,0deg);
  transform: rotate3d(1,1,0,0deg);
  opacity: 1;
}

/*** bh-eff70 ***/

.bh-eff70 {
  overflow: visible;
  border-radius: 0.2em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.bh-eff70::before, .bh-eff70::after, .bh-eff70 span::before, .bh-eff70 span::after {
  width: 25%;
  height: 100%;
  z-index: -1;
  top:0;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotate3d(-1,1,0,110deg);
  transform: rotate3d(-1,1,0,110deg);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
}
.bh-eff70:hover { color: #fff; }
.bh-eff70::before { left:0; border-radius: 0.2em 0 0 0.2em; }
.bh-eff70::after {
  left:25%;
  -webkit-transition: -webkit-transform 0.3s 0.02s, opacity 0.3s 0.02s;
  transition: transform 0.3s 0.02s, opacity 0.3s 0.02s;
}
.bh-eff70 span::before {
  left:50%;
  -webkit-transition: -webkit-transform 0.3s 0.04s, opacity 0.3s 0.04s;
  transition: transform 0.3s 0.04s, opacity 0.3s 0.04s;
}
.bh-eff70 span::after {
  left:75%;
  border-radius: 0 0.2em 0.2em 0;
  -webkit-transition: -webkit-transform 0.3s 0.08s, opacity 0.3s 0.08s;
  transition: transform 0.3s 0.08s, opacity 0.3s 0.08s;
}
.bh-eff70:hover::before, .bh-eff70:hover::after, .bh-eff70:hover span::before,.bh-eff70:hover span::after  {
  -webkit-transform: rotate3d(1,1,0,0deg);
  transform: rotate3d(1,1,0,0deg);
  opacity: 1;
}

/*** bh-eff71 ***/

.bh-eff71 {
  color: #fff;
  border-radius: 0.2em;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.bh-eff71::before, .bh-eff71::after, .bh-eff71 span::before, .bh-eff71 span::after  {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  -webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
  transition: transform 0.5s, background-color 0.5s;
  z-index: -1;
}
.bh-eff71::before {top: -0.5em; left: -0.5em;}
.bh-eff71::after {top: -0.5em; right: -0.5em;}
.bh-eff71 span::before {bottom: -0.5em; left: -0.5em;}
.bh-eff71 span::after {bottom: -0.5em; right: -0.5em;}

.bh-eff71:hover::before, .bh-eff71:hover::after, .bh-eff71:hover span::before, .bh-eff71:hover span::after {
  -webkit-transform: scale(6);
  transform: scale(6);
}

/*** bh-eff72 ***/

.bh-eff72 {
  color: #fff;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  border-radius: 0.2em;
}
.bh-eff72::before, .bh-eff72::after {
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
  z-index: -1;
  -webkit-transition: -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
  transition: box-shadow 0.4s, transform 0.4s;
}
.bh-eff72::before {top: -0.3em; right: -0.3em;}
.bh-eff72::after {bottom: -0.3em; left: -0.3em;}

.bh-eff72:hover::before, .bh-eff72:hover::after {
  -webkit-transform: scale(7);
  transform: scale(7);
}