/* DEAFAUL CSS */
.b-animate2 h1 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 100px;
  text-decoration: underline;
  padding-bottom: 7px;
  margin-bottom: 20px;
}

.b-animate2 p {
  font-size: 14px;
}

.b-effect {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.b-effect * {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.b-effect img {
  position: relative;
  z-index: 0;
}

.b-hover-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.b-rectangle {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.b-circle {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.b-text-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
}

.b-effect .b-hover-layer {
  visibility: hidden;
}

.b-effect:hover .b-hover-layer {
  visibility: visible;
}

/**********
**
** EFFECTS
**
**********/

/*
** ALIGN
*/

.b-text-align-left {
  text-align: left;
}

.b-text-align-right {
  text-align: right;
}

.b-text-align-center {
  text-align: center;
}

/*
** SLIDE
*/

.b-from-left, .b-from-right, .b-from-top, .b-from-bottom {
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
}

.b-from-left {
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.b-from-right {
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

.b-from-top {
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.b-from-bottom {
  transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
}

.b-hover .b-from-left,
.b-effect:hover .b-from-left,
.b-hover .b-from-right,
.b-effect:hover .b-from-right {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
}

.b-hover .b-from-top,
.b-effect:hover .b-from-top,
.b-hover .b-from-bottom,
.b-effect:hover .b-from-bottom {
  transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
}

/*
** SIZE
*/

.b-size-100 {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.b-size-90 {
  transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
}

.b-size-80 {
  transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
}

.b-size-70 {
  transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
}

.b-size-60 {
  transform: scale(0.6, 0.6);
  -moz-transform: scale(0.6, 0.6);
  -ms-transform: scale(0.6, 0.6);
  -o-transform: scale(0.6, 0.6);
  -webkit-transform: scale(0.6, 0.6);
}

.b-size-50 {
  transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
}

/*
** SLIDE + SIZE
*/

.b-from-left.b-size-100 {
  transform: translateX(-100%) scale(1, 1);
  -moz-transform: translateX(-100%) scale(1, 1);
  -ms-transform: translateX(-100%) scale(1, 1);
  -o-transform: translateX(-100%) scale(1, 1);
  -webkit-transform: translateX(-100%) scale(1, 1);
}

.b-hover .b-from-left.b-size-100,
.b-effect:hover .b-from-left.b-size-100 {
  transform: translateX(0) scale(1, 1);
  -moz-transform: translateX(0) scale(1, 1);
  -ms-transform: translateX(0) scale(1, 1);
  -o-transform: translateX(0) scale(1, 1);
  -webkit-transform: translateX(0) scale(1, 1);
}

.b-from-left.b-size-90 {
  transform: translateX(-100%) scale(0.9, 0.9);
  -moz-transform: translateX(-100%) scale(0.9, 0.9);
  -ms-transform: translateX(-100%) scale(0.9, 0.9);
  -o-transform: translateX(-100%) scale(0.9, 0.9);
  -webkit-transform: translateX(-100%) scale(0.9, 0.9);
}

.b-hover .b-from-left.b-size-90,
.b-effect:hover .b-from-left.b-size-90 {
  transform: translateX(0) scale(0.9, 0.9);
  -moz-transform: translateX(0) scale(0.9, 0.9);
  -ms-transform: translateX(0) scale(0.9, 0.9);
  -o-transform: translateX(0) scale(0.9, 0.9);
  -webkit-transform: translateX(0) scale(0.9, 0.9);
}

.b-from-left.b-size-80 {
  transform: translateX(-100%) scale(0.8, 0.8);
  -moz-transform: translateX(-100%) scale(0.8, 0.8);
  -ms-transform: translateX(-100%) scale(0.8, 0.8);
  -o-transform: translateX(-100%) scale(0.8, 0.8);
  -webkit-transform: translateX(-100%) scale(0.8, 0.8);
}

.b-hover .b-from-left.b-size-80,
.b-effect:hover .b-from-left.b-size-80 {
  transform: translateX(0) scale(0.8, 0.8);
  -moz-transform: translateX(0) scale(0.8, 0.8);
  -ms-transform: translateX(0) scale(0.8, 0.8);
  -o-transform: translateX(0) scale(0.8, 0.8);
  -webkit-transform: translateX(0) scale(0.8, 0.8);
}

.b-from-left.b-size-70 {
  transform: translateX(-100%) scale(0.7, 0.7);
  -moz-transform: translateX(-100%) scale(0.7, 0.7);
  -ms-transform: translateX(-100%) scale(0.7, 0.7);
  -o-transform: translateX(-100%) scale(0.7, 0.7);
  -webkit-transform: translateX(-100%) scale(0.7, 0.7);
}

.b-hover .b-from-left.b-size-70,
.b-effect:hover .b-from-left.b-size-70 {
  transform: translateX(0) scale(0.7, 0.7);
  -moz-transform: translateX(0) scale(0.7, 0.7);
  -ms-transform: translateX(0) scale(0.7, 0.7);
  -o-transform: translateX(0) scale(0.7, 0.7);
  -webkit-transform: translateX(0) scale(0.7, 0.7);
}

.b-from-left.b-size-60 {
  transform: translateX(-100%) scale(0.6, 0.6);
  -moz-transform: translateX(-100%) scale(0.6, 0.6);
  -ms-transform: translateX(-100%) scale(0.6, 0.6);
  -o-transform: translateX(-100%) scale(0.6, 0.6);
  -webkit-transform: translateX(-100%) scale(0.6, 0.6);
}

.b-hover .b-from-left.b-size-60,
.b-effect:hover .b-from-left.b-size-60 {
  transform: translateX(0) scale(0.6, 0.6);
  -moz-transform: translateX(0) scale(0.6, 0.6);
  -ms-transform: translateX(0) scale(0.6, 0.6);
  -o-transform: translateX(0) scale(0.6, 0.6);
  -webkit-transform: translateX(0) scale(0.6, 0.6);
}

.b-from-left.b-size-50 {
  transform: translateX(-100%) scale(0.5, 0.5);
  -moz-transform: translateX(-100%) scale(0.5, 0.5);
  -ms-transform: translateX(-100%) scale(0.5, 0.5);
  -o-transform: translateX(-100%) scale(0.5, 0.5);
  -webkit-transform: translateX(-100%) scale(0.5, 0.5);
}

.b-hover .b-from-left.b-size-50,
.b-effect:hover .b-from-left.b-size-50 {
  transform: translateX(0) scale(0.5, 0.5);
  -moz-transform: translateX(0) scale(0.5, 0.5);
  -ms-transform: translateX(0) scale(0.5, 0.5);
  -o-transform: translateX(0) scale(0.5, 0.5);
  -webkit-transform: translateX(0) scale(0.5, 0.5);
}

.b-from-right.b-size-100 {
  transform: translateX(100%) scale(1, 1);
  -moz-transform: translateX(100%) scale(1, 1);
  -ms-transform: translateX(100%) scale(1, 1);
  -o-transform: translateX(100%) scale(1, 1);
  -webkit-transform: translateX(100%) scale(1, 1);
}

.b-hover .b-from-right.b-size-100,
.b-effect:hover .b-from-right.b-size-100 {
  transform: translateX(0) scale(1, 1);
  -moz-transform: translateX(0) scale(1, 1);
  -ms-transform: translateX(0) scale(1, 1);
  -o-transform: translateX(0) scale(1, 1);
  -webkit-transform: translateX(0) scale(1, 1);
}

.b-from-right.b-size-90 {
  transform: translateX(100%) scale(0.9, 0.9);
  -moz-transform: translateX(100%) scale(0.9, 0.9);
  -ms-transform: translateX(100%) scale(0.9, 0.9);
  -o-transform: translateX(100%) scale(0.9, 0.9);
  -webkit-transform: translateX(100%) scale(0.9, 0.9);
}

.b-hover .b-from-right.b-size-90,
.b-effect:hover .b-from-right.b-size-90 {
  transform: translateX(0) scale(0.9, 0.9);
  -moz-transform: translateX(0) scale(0.9, 0.9);
  -ms-transform: translateX(0) scale(0.9, 0.9);
  -o-transform: translateX(0) scale(0.9, 0.9);
  -webkit-transform: translateX(0) scale(0.9, 0.9);
}

.b-from-right.b-size-80 {
  transform: translateX(100%) scale(0.8, 0.8);
  -moz-transform: translateX(100%) scale(0.8, 0.8);
  -ms-transform: translateX(100%) scale(0.8, 0.8);
  -o-transform: translateX(100%) scale(0.8, 0.8);
  -webkit-transform: translateX(100%) scale(0.8, 0.8);
}

.b-hover .b-from-right.b-size-80,
.b-effect:hover .b-from-right.b-size-80 {
  transform: translateX(0) scale(0.8, 0.8);
  -moz-transform: translateX(0) scale(0.8, 0.8);
  -ms-transform: translateX(0) scale(0.8, 0.8);
  -o-transform: translateX(0) scale(0.8, 0.8);
  -webkit-transform: translateX(0) scale(0.8, 0.8);
}

.b-from-right.b-size-70 {
  transform: translateX(100%) scale(0.7, 0.7);
  -moz-transform: translateX(100%) scale(0.7, 0.7);
  -ms-transform: translateX(100%) scale(0.7, 0.7);
  -o-transform: translateX(100%) scale(0.7, 0.7);
  -webkit-transform: translateX(100%) scale(0.7, 0.7);
}

.b-hover .b-from-right.b-size-70,
.b-effect:hover .b-from-right.b-size-70 {
  transform: translateX(0) scale(0.7, 0.7);
  -moz-transform: translateX(0) scale(0.7, 0.7);
  -ms-transform: translateX(0) scale(0.7, 0.7);
  -o-transform: translateX(0) scale(0.7, 0.7);
  -webkit-transform: translateX(0) scale(0.7, 0.7);
}

.b-from-right.b-size-60 {
  transform: translateX(100%) scale(0.6, 0.6);
  -moz-transform: translateX(100%) scale(0.6, 0.6);
  -ms-transform: translateX(100%) scale(0.6, 0.6);
  -o-transform: translateX(100%) scale(0.6, 0.6);
  -webkit-transform: translateX(100%) scale(0.6, 0.6);
}

.b-hover .b-from-right.b-size-60,
.b-effect:hover .b-from-right.b-size-60 {
  transform: translateX(0) scale(0.6, 0.6);
  -moz-transform: translateX(0) scale(0.6, 0.6);
  -ms-transform: translateX(0) scale(0.6, 0.6);
  -o-transform: translateX(0) scale(0.6, 0.6);
  -webkit-transform: translateX(0) scale(0.6, 0.6);
}

.b-from-right.b-size-50 {
  transform: translateX(100%) scale(0.5, 0.5);
  -moz-transform: translateX(100%) scale(0.5, 0.5);
  -ms-transform: translateX(100%) scale(0.5, 0.5);
  -o-transform: translateX(100%) scale(0.5, 0.5);
  -webkit-transform: translateX(100%) scale(0.5, 0.5);
}

.b-hover .b-from-right.b-size-50,
.b-effect:hover .b-from-right.b-size-50 {
  transform: translateX(0) scale(0.5, 0.5);
  -moz-transform: translateX(0) scale(0.5, 0.5);
  -ms-transform: translateX(0) scale(0.5, 0.5);
  -o-transform: translateX(0) scale(0.5, 0.5);
  -webkit-transform: translateX(0) scale(0.5, 0.5);
}

.b-from-top.b-size-100 {
  transform: translateY(-100%) scale(1, 1);
  -moz-transform: translateY(-100%) scale(1, 1);
  -ms-transform: translateY(-100%) scale(1, 1);
  -o-transform: translateY(-100%) scale(1, 1);
  -webkit-transform: translateY(-100%) scale(1, 1);
}

.b-hover .b-from-top.b-size-100,
.b-effect:hover .b-from-top.b-size-100 {
  transform: translateY(0) scale(1, 1);
  -moz-transform: translateY(0) scale(1, 1);
  -ms-transform: translateY(0) scale(1, 1);
  -o-transform: translateY(0) scale(1, 1);
  -webkit-transform: translateY(0) scale(1, 1);
}

.b-from-top.b-size-90 {
  transform: translateY(-100%) scale(0.9, 0.9);
  -moz-transform: translateY(-100%) scale(0.9, 0.9);
  -ms-transform: translateY(-100%) scale(0.9, 0.9);
  -o-transform: translateY(-100%) scale(0.9, 0.9);
  -webkit-transform: translateY(-100%) scale(0.9, 0.9);
}

.b-hover .b-from-top.b-size-90,
.b-effect:hover .b-from-top.b-size-90 {
  transform: translateY(0) scale(0.9, 0.9);
  -moz-transform: translateY(0) scale(0.9, 0.9);
  -ms-transform: translateY(0) scale(0.9, 0.9);
  -o-transform: translateY(0) scale(0.9, 0.9);
  -webkit-transform: translateY(0) scale(0.9, 0.9);
}

.b-from-top.b-size-80 {
  transform: translateY(-100%) scale(0.8, 0.8);
  -moz-transform: translateY(-100%) scale(0.8, 0.8);
  -ms-transform: translateY(-100%) scale(0.8, 0.8);
  -o-transform: translateY(-100%) scale(0.8, 0.8);
  -webkit-transform: translateY(-100%) scale(0.8, 0.8);
}

.b-hover .b-from-top.b-size-80,
.b-effect:hover .b-from-top.b-size-80 {
  transform: translateY(0) scale(0.8, 0.8);
  -moz-transform: translateY(0) scale(0.8, 0.8);
  -ms-transform: translateY(0) scale(0.8, 0.8);
  -o-transform: translateY(0) scale(0.8, 0.8);
  -webkit-transform: translateY(0) scale(0.8, 0.8);
}

.b-from-top.b-size-70 {
  transform: translateY(-100%) scale(0.7, 0.7);
  -moz-transform: translateY(-100%) scale(0.7, 0.7);
  -ms-transform: translateY(-100%) scale(0.7, 0.7);
  -o-transform: translateY(-100%) scale(0.7, 0.7);
  -webkit-transform: translateY(-100%) scale(0.7, 0.7);
}

.b-hover .b-from-top.b-size-70,
.b-effect:hover .b-from-top.b-size-70 {
  transform: translateY(0) scale(0.7, 0.7);
  -moz-transform: translateY(0) scale(0.7, 0.7);
  -ms-transform: translateY(0) scale(0.7, 0.7);
  -o-transform: translateY(0) scale(0.7, 0.7);
  -webkit-transform: translateY(0) scale(0.7, 0.7);
}

.b-from-top.b-size-60 {
  transform: translateY(-100%) scale(0.6, 0.6);
  -moz-transform: translateY(-100%) scale(0.6, 0.6);
  -ms-transform: translateY(-100%) scale(0.6, 0.6);
  -o-transform: translateY(-100%) scale(0.6, 0.6);
  -webkit-transform: translateY(-100%) scale(0.6, 0.6);
}

.b-hover .b-from-top.b-size-60,
.b-effect:hover .b-from-top.b-size-60 {
  transform: translateY(0) scale(0.6, 0.6);
  -moz-transform: translateY(0) scale(0.6, 0.6);
  -ms-transform: translateY(0) scale(0.6, 0.6);
  -o-transform: translateY(0) scale(0.6, 0.6);
  -webkit-transform: translateY(0) scale(0.6, 0.6);
}

.b-from-top.b-size-50 {
  transform: translateY(-100%) scale(0.5, 0.5);
  -moz-transform: translateY(-100%) scale(0.5, 0.5);
  -ms-transform: translateY(-100%) scale(0.5, 0.5);
  -o-transform: translateY(-100%) scale(0.5, 0.5);
  -webkit-transform: translateY(-100%) scale(0.5, 0.5);
}

.b-hover .b-from-top.b-size-50,
.b-effect:hover .b-from-top.b-size-50 {
  transform: translateY(0) scale(0.5, 0.5);
  -moz-transform: translateY(0) scale(0.5, 0.5);
  -ms-transform: translateY(0) scale(0.5, 0.5);
  -o-transform: translateY(0) scale(0.5, 0.5);
  -webkit-transform: translateY(0) scale(0.5, 0.5);
}

.b-from-bottom.b-size-100 {
  transform: translateY(100%) scale(1, 1);
  -moz-transform: translateY(100%) scale(1, 1);
  -ms-transform: translateY(100%) scale(1, 1);
  -o-transform: translateY(100%) scale(1, 1);
  -webkit-transform: translateY(100%) scale(1, 1);
}

.b-hover .b-from-bottom.b-size-100,
.b-effect:hover .b-from-bottom.b-size-100 {
  transform: translateY(0) scale(1, 1);
  -moz-transform: translateY(0) scale(1, 1);
  -ms-transform: translateY(0) scale(1, 1);
  -o-transform: translateY(0) scale(1, 1);
  -webkit-transform: translateY(0) scale(1, 1);
}

.b-from-bottom.b-size-90 {
  transform: translateY(100%) scale(0.9, 0.9);
  -moz-transform: translateY(100%) scale(0.9, 0.9);
  -ms-transform: translateY(100%) scale(0.9, 0.9);
  -o-transform: translateY(100%) scale(0.9, 0.9);
  -webkit-transform: translateY(100%) scale(0.9, 0.9);
}

.b-hover .b-from-bottom.b-size-90,
.b-effect:hover .b-from-bottom.b-size-90 {
  transform: translateY(0) scale(0.9, 0.9);
  -moz-transform: translateY(0) scale(0.9, 0.9);
  -ms-transform: translateY(0) scale(0.9, 0.9);
  -o-transform: translateY(0) scale(0.9, 0.9);
  -webkit-transform: translateY(0) scale(0.9, 0.9);
}

.b-from-bottom.b-size-80 {
  transform: translateY(100%) scale(0.8, 0.8);
  -moz-transform: translateY(100%) scale(0.8, 0.8);
  -ms-transform: translateY(100%) scale(0.8, 0.8);
  -o-transform: translateY(100%) scale(0.8, 0.8);
  -webkit-transform: translateY(100%) scale(0.8, 0.8);
}

.b-hover .b-from-bottom.b-size-80,
.b-effect:hover .b-from-bottom.b-size-80 {
  transform: translateY(0) scale(0.8, 0.8);
  -moz-transform: translateY(0) scale(0.8, 0.8);
  -ms-transform: translateY(0) scale(0.8, 0.8);
  -o-transform: translateY(0) scale(0.8, 0.8);
  -webkit-transform: translateY(0) scale(0.8, 0.8);
}

.b-from-bottom.b-size-70 {
  transform: translateY(100%) scale(0.7, 0.7);
  -moz-transform: translateY(100%) scale(0.7, 0.7);
  -ms-transform: translateY(100%) scale(0.7, 0.7);
  -o-transform: translateY(100%) scale(0.7, 0.7);
  -webkit-transform: translateY(100%) scale(0.7, 0.7);
}

.b-hover .b-from-bottom.b-size-70,
.b-effect:hover .b-from-bottom.b-size-70 {
  transform: translateY(0) scale(0.7, 0.7);
  -moz-transform: translateY(0) scale(0.7, 0.7);
  -ms-transform: translateY(0) scale(0.7, 0.7);
  -o-transform: translateY(0) scale(0.7, 0.7);
  -webkit-transform: translateY(0) scale(0.7, 0.7);
}

.b-from-bottom.b-size-60 {
  transform: translateY(100%) scale(0.6, 0.6);
  -moz-transform: translateY(100%) scale(0.6, 0.6);
  -ms-transform: translateY(100%) scale(0.6, 0.6);
  -o-transform: translateY(100%) scale(0.6, 0.6);
  -webkit-transform: translateY(100%) scale(0.6, 0.6);
}

.b-hover .b-from-bottom.b-size-60,
.b-effect:hover .b-from-bottom.b-size-60 {
  transform: translateY(0) scale(0.6, 0.6);
  -moz-transform: translateY(0) scale(0.6, 0.6);
  -ms-transform: translateY(0) scale(0.6, 0.6);
  -o-transform: translateY(0) scale(0.6, 0.6);
  -webkit-transform: translateY(0) scale(0.6, 0.6);
}

.b-from-bottom.b-size-50 {
  transform: translateY(100%) scale(0.5, 0.5);
  -moz-transform: translateY(100%) scale(0.5, 0.5);
  -ms-transform: translateY(100%) scale(0.5, 0.5);
  -o-transform: translateY(100%) scale(0.5, 0.5);
  -webkit-transform: translateY(100%) scale(0.5, 0.5);
}

.b-hover .b-from-bottom.b-size-50,
.b-effect:hover .b-from-bottom.b-size-50 {
  transform: translateY(0) scale(0.5, 0.5);
  -moz-transform: translateY(0) scale(0.5, 0.5);
  -ms-transform: translateY(0) scale(0.5, 0.5);
  -o-transform: translateY(0) scale(0.5, 0.5);
  -webkit-transform: translateY(0) scale(0.5, 0.5);
}

/*
** ROTATE
*/

.b-rotate-left90, .b-rotate-left180, .b-rotate-right90, .b-rotate-right180 {
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  opacity: 0;
}

.b-rotate-left90 {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.b-rotate-left180 {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.b-rotate-right90 {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.b-rotate-right180 {
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.b-hover .b-rotate-left90,
.b-hover .b-rotate-left180,
.b-hover .b-rotate-right90,
.b-hover .b-rotate-right180,
.b-effect:hover .b-rotate-left90,
.b-effect:hover .b-rotate-left180,
.b-effect:hover .b-rotate-right90,
.b-effect:hover .b-rotate-right180 {
  transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  -webkit-transform: rotate(0);
  opacity: 1;
}

/*
** SLIDE + ROTATE
*/

.b-from-left.b-rotate-left90 {
  transform: rotate(90deg) translateY(100%);
  -moz-transform: rotate(90deg) translateY(100%);
  -ms-transform: rotate(90deg) translateY(100%);
  -o-transform: rotate(90deg) translateY(100%);
  -webkit-transform: rotate(90deg) translateY(100%);
}

.b-from-left.b-rotate-left180 {
  transform: rotate(180deg) translateX(100%);
  -moz-transform: rotate(180deg) translateX(100%);
  -ms-transform: rotate(180deg) translateX(100%);
  -o-transform: rotate(180deg) translateX(100%);
  -webkit-transform: rotate(180deg) translateX(100%);
}

.b-from-left.b-rotate-right90 {
  transform: rotate(-90deg) translateY(-100%);
  -moz-transform: rotate(-90deg) translateY(-100%);
  -ms-transform: rotate(-90deg) translateY(-100%);
  -o-transform: rotate(-90deg) translateY(-100%);
  -webkit-transform: rotate(-90deg) translateY(-100%);
}

.b-from-left.b-rotate-right180 {
  transform: rotate(-180deg) translateX(100%);
  -moz-transform: rotate(-180deg) translateX(100%);
  -ms-transform: rotate(-180deg) translateX(100%);
  -o-transform: rotate(-180deg) translateX(100%);
  -webkit-transform: rotate(-180deg) translateX(100%);
}

.b-from-right.b-rotate-left90 {
  transform: rotate(90deg) translateY(-100%);
  -moz-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
  -o-transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
}

.b-from-right.b-rotate-left180 {
  transform: rotate(180deg) translateX(-100%);
  -moz-transform: rotate(180deg) translateX(-100%);
  -ms-transform: rotate(180deg) translateX(-100%);
  -o-transform: rotate(180deg) translateX(-100%);
  -webkit-transform: rotate(180deg) translateX(-100%);
}

.b-from-right.b-rotate-right90 {
  transform: rotate(-90deg) translateY(100%);
  -moz-transform: rotate(-90deg) translateY(100%);
  -ms-transform: rotate(-90deg) translateY(100%);
  -o-transform: rotate(-90deg) translateY(100%);
  -webkit-transform: rotate(-90deg) translateY(100%);
}

.b-from-right.b-rotate-right180 {
  transform: rotate(-180deg) translateX(-100%);
  -moz-transform: rotate(-180deg) translateX(-100%);
  -ms-transform: rotate(-180deg) translateX(-100%);
  -o-transform: rotate(-180deg) translateX(-100%);
  -webkit-transform: rotate(-180deg) translateX(-100%);
}

.b-from-top.b-rotate-left90 {
  transform: rotate(90deg) translateX(-100%);
  -moz-transform: rotate(90deg) translateX(-100%);
  -ms-transform: rotate(90deg) translateX(-100%);
  -o-transform: rotate(90deg) translateX(-100%);
  -webkit-transform: rotate(90deg) translateX(-100%);
}

.b-from-top.b-rotate-left180 {
  transform: rotate(180deg) translateY(100%);
  -moz-transform: rotate(180deg) translateY(100%);
  -ms-transform: rotate(180deg) translateY(100%);
  -o-transform: rotate(180deg) translateY(100%);
  -webkit-transform: rotate(180deg) translateY(100%);
}

.b-from-top.b-rotate-right90 {
  transform: rotate(-90deg) translateX(100%);
  -moz-transform: rotate(-90deg) translateX(100%);
  -ms-transform: rotate(-90deg) translateX(100%);
  -o-transform: rotate(-90deg) translateX(100%);
  -webkit-transform: rotate(-90deg) translateX(100%);
}

.b-from-top.b-rotate-right180 {
  transform: rotate(-180deg) translateY(100%);
  -moz-transform: rotate(-180deg) translateY(100%);
  -ms-transform: rotate(-180deg) translateY(100%);
  -o-transform: rotate(-180deg) translateY(100%);
  -webkit-transform: rotate(-180deg) translateY(100%);
}

.b-from-bottom.b-rotate-left90 {
  transform: rotate(90deg) translateX(100%);
  -moz-transform: rotate(90deg) translateX(100%);
  -ms-transform: rotate(90deg) translateX(100%);
  -o-transform: rotate(90deg) translateX(100%);
  -webkit-transform: rotate(90deg) translateX(100%);
}

.b-from-bottom.b-rotate-left180 {
  transform: rotate(180deg) translateY(-100%);
  -moz-transform: rotate(180deg) translateY(-100%);
  -ms-transform: rotate(180deg) translateY(-100%);
  -o-transform: rotate(180deg) translateY(-100%);
  -webkit-transform: rotate(180deg) translateY(-100%);
}

.b-from-bottom.b-rotate-right90 {
  transform: rotate(-90deg) translateX(-100%);
  -moz-transform: rotate(-90deg) translateX(-100%);
  -ms-transform: rotate(-90deg) translateX(-100%);
  -o-transform: rotate(-90deg) translateX(-100%);
  -webkit-transform: rotate(-90deg) translateX(-100%);
}

.b-from-bottom.b-rotate-right180 {
  transform: rotate(-180deg) translateY(-100%);
  -moz-transform: rotate(-180deg) translateY(-100%);
  -ms-transform: rotate(-180deg) translateY(-100%);
  -o-transform: rotate(-180deg) translateY(-100%);
  -webkit-transform: rotate(-180deg) translateY(-100%);
}

/*
** ZOOM
*/

.b-zoom-in, .b-zoom-out {
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
}

.b-zoom-in {
  transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
}

.b-zoom-out {
  transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  opacity: 0;
}

.b-hover .b-zoom-in,
.b-effect:hover .b-zoom-in {
  transform: scale(1, 1);
}

.b-hover .b-zoom-out,
.b-effect:hover .b-zoom-out {
  transform: scale(1, 1);
  opacity: 1;
}

/*
** SLIDE + ZOOM
*/

.b-from-left.b-zoom-in {
  transform: translateX(-100%) scale(0.01, 0.01);
  -moz-transform: translateX(-100%) scale(0.01, 0.01);
  -ms-transform: translateX(-100%) scale(0.01, 0.01);
  -o-transform: translateX(-100%) scale(0.01, 0.01);
  -webkit-transform: translateX(-100%) scale(0.01, 0.01);
}

.b-from-right.b-zoom-in {
  transform: translateX(100%) scale(0.01, 0.01);
  -moz-transform: translateX(100%) scale(0.01, 0.01);
  -ms-transform: translateX(100%) scale(0.01, 0.01);
  -o-transform: translateX(100%) scale(0.01, 0.01);
  -webkit-transform: translateX(100%) scale(0.01, 0.01);
}

.b-from-top.b-zoom-in {
  transform: translateY(-100%) scale(0.01, 0.01);
  -moz-transform: translateY(-100%) scale(0.01, 0.01);
  -ms-transform: translateY(-100%) scale(0.01, 0.01);
  -o-transform: translateY(-100%) scale(0.01, 0.01);
  -webkit-transform: translateY(-100%) scale(0.01, 0.01);
}

.b-from-bottom.b-zoom-in {
  transform: translateY(100%) scale(0.01, 0.01);
  -moz-transform: translateY(100%) scale(0.01, 0.01);
  -ms-transform: translateY(100%) scale(0.01, 0.01);
  -o-transform: translateY(100%) scale(0.01, 0.01);
  -webkit-transform: translateY(100%) scale(0.01, 0.01);
}

.b-from-left.b-zoom-out {
  transform: translateX(-100%) scale(2, 2);
  -moz-transform: translateX(-100%) scale(2, 2);
  -ms-transform: translateX(-100%) scale(2, 2);
  -o-transform: translateX(-100%) scale(2, 2);
  -webkit-transform: translateX(-100%) scale(2, 2);
}

.b-from-right.b-zoom-out {
  transform: translateX(100%) scale(2, 2);
  -moz-transform: translateX(100%) scale(2, 2);
  -ms-transform: translateX(100%) scale(2, 2);
  -o-transform: translateX(100%) scale(2, 2);
  -webkit-transform: translateX(100%) scale(2, 2);
}

.b-from-top.b-zoom-out {
  transform: translateY(-100%) scale(2, 2);
  -moz-transform: translateY(-100%) scale(2, 2);
  -ms-transform: translateY(-100%) scale(2, 2);
  -o-transform: translateY(-100%) scale(2, 2);
  -webkit-transform: translateY(-100%) scale(2, 2);
}

.b-from-bottom.b-zoom-out {
  transform: translateY(100%) scale(2, 2);
  -moz-transform: translateY(100%) scale(2, 2);
  -ms-transform: translateY(100%) scale(2, 2);
  -o-transform: translateY(100%) scale(2, 2);
  -webkit-transform: translateY(100%) scale(2, 2);
}

.b-hover .b-zoom-in.b-from-left,
.b-hover .b-zoom-in.b-from-right,
.b-hover .b-zoom-in.b-from-top,
.b-hover .b-zoom-in.b-from-bottom,
.b-effect:hover .b-zoom-in.b-from-left,
.b-effect:hover .b-zoom-in.b-from-right,
.b-effect:hover .b-zoom-in.b-from-top,
.b-effect:hover .b-zoom-in.b-from-bottom
{
  transform: scale(1, 1) translateY(0) translateX(0);
}

.b-hover .b-zoom-out.b-from-left,
.b-hover .b-zoom-out.b-from-right,
.b-hover .b-zoom-out.b-from-top,
.b-hover .b-zoom-out.b-from-bottom,
.b-effect:hover .b-zoom-out.b-from-left,
.b-effect:hover .b-zoom-out.b-from-right,
.b-effect:hover .b-zoom-out.b-from-top,
.b-effect:hover .b-zoom-out.b-from-bottom {
  transform: scale(1, 1) translateY(0) translateX(0);
  opacity: 1;
}

/*
** ROTATE + ZOOM
*/

.b-rotate-left90.b-zoom-in {
  transform: rotate(90deg) scale(0.01, 0.01);
  -moz-transform: rotate(90deg) scale(0.01, 0.01);
  -ms-transform: rotate(90deg) scale(0.01, 0.01);
  -o-transform: rotate(90deg) scale(0.01, 0.01);
  -webkit-transform: rotate(90deg) scale(0.01, 0.01);
}

.b-rotate-left180.b-zoom-in {
  transform: rotate(180deg) scale(0.01, 0.01);
  -moz-transform: rotate(180deg) scale(0.01, 0.01);
  -ms-transform: rotate(180deg) scale(0.01, 0.01);
  -o-transform: rotate(180deg) scale(0.01, 0.01);
  -webkit-transform: rotate(180deg) scale(0.01, 0.01);
}

.b-rotate-right90.b-zoom-in {
  transform: rotate(-90deg) scale(0.01, 0.01);
  -moz-transform: rotate(-90deg) scale(0.01, 0.01);
  -ms-transform: rotate(-90deg) scale(0.01, 0.01);
  -o-transform: rotate(-90deg) scale(0.01, 0.01);
  -webkit-transform: rotate(-90deg) scale(0.01, 0.01);
}

.b-rotate-right180.b-zoom-in {
  transform: rotate(-180deg) scale(0.01, 0.01);
  -moz-transform: rotate(-180deg) scale(0.01, 0.01);
  -ms-transform: rotate(-180deg) scale(0.01, 0.01);
  -o-transform: rotate(-180deg) scale(0.01, 0.01);
  -webkit-transform: rotate(-180deg) scale(0.01, 0.01);
}

.b-rotate-left90.b-zoom-out {
  transform: rotate(90deg) scale(2, 2);
  -moz-transform: rotate(90deg) scale(2, 2);
  -ms-transform: rotate(90deg) scale(2, 2);
  -o-transform: rotate(90deg) scale(2, 2);
  -webkit-transform: rotate(90deg) scale(2, 2);
}

.b-rotate-left180.b-zoom-out {
  transform: rotate(180deg) scale(2, 2);
  -moz-transform: rotate(180deg) scale(2, 2);
  -ms-transform: rotate(180deg) scale(2, 2);
  -o-transform: rotate(180deg) scale(2, 2);
  -webkit-transform: rotate(180deg) scale(2, 2);
}

.b-rotate-right90.b-zoom-out {
  transform: rotate(-90deg) scale(2, 2);
  -moz-transform: rotate(-90deg) scale(2, 2);
  -ms-transform: rotate(-90deg) scale(2, 2);
  -o-transform: rotate(-90deg) scale(2, 2);
  -webkit-transform: rotate(-90deg) scale(2, 2);
}

.b-rotate-right180.b-zoom-out {
  transform: rotate(-180deg) scale(2, 2);
  -moz-transform: rotate(-180deg) scale(2, 2);
  -ms-transform: rotate(-180deg) scale(2, 2);
  -o-transform: rotate(-180deg) scale(2, 2);
  -webkit-transform: rotate(-180deg) scale(2, 2);
}

/*
** SLIDE + ROTATE + ZOOM
*/

.b-from-left.b-rotate-left90.b-zoom-in {
  transform: rotate(90deg) translateY(100%) scale(0.01, 0.01);
  -moz-transform: rotate(90deg) translateY(100%) scale(0.01, 0.01);
  -ms-transform: rotate(90deg) translateY(100%) scale(0.01, 0.01);
  -o-transform: rotate(90deg) translateY(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(90deg) translateY(100%) scale(0.01, 0.01);
}

.b-from-left.b-rotate-left180.b-zoom-in {
  transform: rotate(180deg) translateX(100%) scale(0.01, 0.01);
  -moz-transform: rotate(180deg) translateX(100%) scale(0.01, 0.01);
  -ms-transform: rotate(180deg) translateX(100%) scale(0.01, 0.01);
  -o-transform: rotate(180deg) translateX(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(180deg) translateX(100%) scale(0.01, 0.01);
}

.b-from-left.b-rotate-right90.b-zoom-in {
  transform: rotate(-90deg) translateY(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(-90deg) translateY(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(-90deg) translateY(-100%) scale(0.01, 0.01);
  -o-transform: rotate(-90deg) translateY(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-90deg) translateY(-100%) scale(0.01, 0.01);
}

.b-from-left.b-rotate-right180.b-zoom-in {
  transform: rotate(-180deg) translateX(100%) scale(0.01, 0.01);
  -moz-transform: rotate(-180deg) translateX(100%) scale(0.01, 0.01);
  -ms-transform: rotate(-180deg) translateX(100%) scale(0.01, 0.01);
  -o-transform: rotate(-180deg) translateX(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-180deg) translateX(100%) scale(0.01, 0.01);
}

.b-from-right.b-rotate-left90.b-zoom-in {
  transform: rotate(90deg) translateY(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(90deg) translateY(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(90deg) translateY(-100%) scale(0.01, 0.01);
  -o-transform: rotate(90deg) translateY(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(90deg) translateY(-100%) scale(0.01, 0.01);
}

.b-from-right.b-rotate-left180.b-zoom-in {
  transform: rotate(180deg) translateX(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(180deg) translateX(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(180deg) translateX(-100%) scale(0.01, 0.01);
  -o-transform: rotate(180deg) translateX(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(180deg) translateX(-100%) scale(0.01, 0.01);
}

.b-from-right.b-rotate-right90.b-zoom-in {
  transform: rotate(-90deg) translateY(100%) scale(0.01, 0.01);
  -moz-transform: rotate(-90deg) translateY(100%) scale(0.01, 0.01);
  -ms-transform: rotate(-90deg) translateY(100%) scale(0.01, 0.01);
  -o-transform: rotate(-90deg) translateY(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-90deg) translateY(100%) scale(0.01, 0.01);
}

.b-from-right.b-rotate-right180.b-zoom-in {
  transform: rotate(-180deg) translateX(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(-180deg) translateX(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(-180deg) translateX(-100%) scale(0.01, 0.01);
  -o-transform: rotate(-180deg) translateX(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-180deg) translateX(-100%) scale(0.01, 0.01);
}

.b-from-top.b-rotate-left90.b-zoom-in {
  transform: rotate(90deg) translateX(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(90deg) translateX(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(90deg) translateX(-100%) scale(0.01, 0.01);
  -o-transform: rotate(90deg) translateX(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(90deg) translateX(-100%) scale(0.01, 0.01);
}

.b-from-top.b-rotate-left180.b-zoom-in {
  transform: rotate(180deg) translateY(100%) scale(0.01, 0.01);
  -moz-transform: rotate(180deg) translateY(100%) scale(0.01, 0.01);
  -ms-transform: rotate(180deg) translateY(100%) scale(0.01, 0.01);
  -o-transform: rotate(180deg) translateY(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(180deg) translateY(100%) scale(0.01, 0.01);
}

.b-from-top.b-rotate-right90.b-zoom-in {
  transform: rotate(-90deg) translateX(100%) scale(0.01, 0.01);
  -moz-transform: rotate(-90deg) translateX(100%) scale(0.01, 0.01);
  -ms-transform: rotate(-90deg) translateX(100%) scale(0.01, 0.01);
  -o-transform: rotate(-90deg) translateX(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-90deg) translateX(100%) scale(0.01, 0.01);
}

.b-from-top.b-rotate-right180.b-zoom-in {
  transform: rotate(-180deg) translateY(100%) scale(0.01, 0.01);
  -moz-transform: rotate(-180deg) translateY(100%) scale(0.01, 0.01);
  -ms-transform: rotate(-180deg) translateY(100%) scale(0.01, 0.01);
  -o-transform: rotate(-180deg) translateY(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-180deg) translateY(100%) scale(0.01, 0.01);
}

.b-from-bottom.b-rotate-left90.b-zoom-in {
  transform: rotate(90deg) translateX(100%) scale(0.01, 0.01);
  -moz-transform: rotate(90deg) translateX(100%) scale(0.01, 0.01);
  -ms-transform: rotate(90deg) translateX(100%) scale(0.01, 0.01);
  -o-transform: rotate(90deg) translateX(100%) scale(0.01, 0.01);
  -webkit-transform: rotate(90deg) translateX(100%) scale(0.01, 0.01);
}

.b-from-bottom.b-rotate-left180.b-zoom-in {
  transform: rotate(180deg) translateY(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(180deg) translateY(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(180deg) translateY(-100%) scale(0.01, 0.01);
  -o-transform: rotate(180deg) translateY(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(180deg) translateY(-100%) scale(0.01, 0.01);
}

.b-from-bottom.b-rotate-right90.b-zoom-in {
  transform: rotate(-90deg) translateX(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(-90deg) translateX(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(-90deg) translateX(-100%) scale(0.01, 0.01);
  -o-transform: rotate(-90deg) translateX(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-90deg) translateX(-100%) scale(0.01, 0.01);
}

.b-from-bottom.b-rotate-right180.b-zoom-in {
  transform: rotate(-180deg) translateY(-100%) scale(0.01, 0.01);
  -moz-transform: rotate(-180deg) translateY(-100%) scale(0.01, 0.01);
  -ms-transform: rotate(-180deg) translateY(-100%) scale(0.01, 0.01);
  -o-transform: rotate(-180deg) translateY(-100%) scale(0.01, 0.01);
  -webkit-transform: rotate(-180deg) translateY(-100%) scale(0.01, 0.01);
}

.b-from-left.b-rotate-left90.b-zoom-out {
  transform: rotate(90deg) translateY(100%) scale(2, 2);
  -moz-transform: rotate(90deg) translateY(100%) scale(2, 2);
  -ms-transform: rotate(90deg) translateY(100%) scale(2, 2);
  -o-transform: rotate(90deg) translateY(100%) scale(2, 2);
  -webkit-transform: rotate(90deg) translateY(100%) scale(2, 2);
}

.b-from-left.b-rotate-left180.b-zoom-out {
  transform: rotate(180deg) translateX(100%) scale(2, 2);
  -moz-transform: rotate(180deg) translateX(100%) scale(2, 2);
  -ms-transform: rotate(180deg) translateX(100%) scale(2, 2);
  -o-transform: rotate(180deg) translateX(100%) scale(2, 2);
  -webkit-transform: rotate(180deg) translateX(100%) scale(2, 2);
}

.b-from-left.b-rotate-right90.b-zoom-out {
  transform: rotate(-90deg) translateY(-100%) scale(2, 2);
  -moz-transform: rotate(-90deg) translateY(-100%) scale(2, 2);
  -ms-transform: rotate(-90deg) translateY(-100%) scale(2, 2);
  -o-transform: rotate(-90deg) translateY(-100%) scale(2, 2);
  -webkit-transform: rotate(-90deg) translateY(-100%) scale(2, 2);
}

.b-from-left.b-rotate-right180.b-zoom-out {
  transform: rotate(-180deg) translateX(100%) scale(2, 2);
  -moz-transform: rotate(-180deg) translateX(100%) scale(2, 2);
  -ms-transform: rotate(-180deg) translateX(100%) scale(2, 2);
  -o-transform: rotate(-180deg) translateX(100%) scale(2, 2);
  -webkit-transform: rotate(-180deg) translateX(100%) scale(2, 2);
}

.b-from-right.b-rotate-left90.b-zoom-out {
  transform: rotate(90deg) translateY(-100%) scale(2, 2);
  -moz-transform: rotate(90deg) translateY(-100%) scale(2, 2);
  -ms-transform: rotate(90deg) translateY(-100%) scale(2, 2);
  -o-transform: rotate(90deg) translateY(-100%) scale(2, 2);
  -webkit-transform: rotate(90deg) translateY(-100%) scale(2, 2);
}

.b-from-right.b-rotate-left180.b-zoom-out {
  transform: rotate(180deg) translateX(-100%) scale(2, 2);
  -moz-transform: rotate(180deg) translateX(-100%) scale(2, 2);
  -ms-transform: rotate(180deg) translateX(-100%) scale(2, 2);
  -o-transform: rotate(180deg) translateX(-100%) scale(2, 2);
  -webkit-transform: rotate(180deg) translateX(-100%) scale(2, 2);
}

.b-from-right.b-rotate-right90.b-zoom-out {
  transform: rotate(-90deg) translateY(100%) scale(2, 2);
  -moz-transform: rotate(-90deg) translateY(100%) scale(2, 2);
  -ms-transform: rotate(-90deg) translateY(100%) scale(2, 2);
  -o-transform: rotate(-90deg) translateY(100%) scale(2, 2);
  -webkit-transform: rotate(-90deg) translateY(100%) scale(2, 2);
}

.b-from-right.b-rotate-right180.b-zoom-out {
  transform: rotate(-180deg) translateX(-100%) scale(2, 2);
  -moz-transform: rotate(-180deg) translateX(-100%) scale(2, 2);
  -ms-transform: rotate(-180deg) translateX(-100%) scale(2, 2);
  -o-transform: rotate(-180deg) translateX(-100%) scale(2, 2);
  -webkit-transform: rotate(-180deg) translateX(-100%) scale(2, 2);
}

.b-from-top.b-rotate-left90.b-zoom-out {
  transform: rotate(90deg) translateX(-100%) scale(2, 2);
  -moz-transform: rotate(90deg) translateX(-100%) scale(2, 2);
  -ms-transform: rotate(90deg) translateX(-100%) scale(2, 2);
  -o-transform: rotate(90deg) translateX(-100%) scale(2, 2);
  -webkit-transform: rotate(90deg) translateX(-100%) scale(2, 2);
}

.b-from-top.b-rotate-left180.b-zoom-out {
  transform: rotate(180deg) translateY(100%) scale(2, 2);
  -moz-transform: rotate(180deg) translateY(100%) scale(2, 2);
  -ms-transform: rotate(180deg) translateY(100%) scale(2, 2);
  -o-transform: rotate(180deg) translateY(100%) scale(2, 2);
  -webkit-transform: rotate(180deg) translateY(100%) scale(2, 2);
}

.b-from-top.b-rotate-right90.b-zoom-out {
  transform: rotate(-90deg) translateX(100%) scale(2, 2);
  -moz-transform: rotate(-90deg) translateX(100%) scale(2, 2);
  -ms-transform: rotate(-90deg) translateX(100%) scale(2, 2);
  -o-transform: rotate(-90deg) translateX(100%) scale(2, 2);
  -webkit-transform: rotate(-90deg) translateX(100%) scale(2, 2);
}

.b-from-top.b-rotate-right180.b-zoom-out {
  transform: rotate(-180deg) translateY(100%) scale(2, 2);
  -moz-transform: rotate(-180deg) translateY(100%) scale(2, 2);
  -ms-transform: rotate(-180deg) translateY(100%) scale(2, 2);
  -o-transform: rotate(-180deg) translateY(100%) scale(2, 2);
  -webkit-transform: rotate(-180deg) translateY(100%) scale(2, 2);
}

.b-from-bottom.b-rotate-left90.b-zoom-out {
  transform: rotate(90deg) translateX(100%) scale(2, 2);
  -moz-transform: rotate(90deg) translateX(100%) scale(2, 2);
  -ms-transform: rotate(90deg) translateX(100%) scale(2, 2);
  -o-transform: rotate(90deg) translateX(100%) scale(2, 2);
  -webkit-transform: rotate(90deg) translateX(100%) scale(2, 2);
}

.b-from-bottom.b-rotate-left180.b-zoom-out {
  transform: rotate(180deg) translateY(-100%) scale(2, 2);
  -moz-transform: rotate(180deg) translateY(-100%) scale(2, 2);
  -ms-transform: rotate(180deg) translateY(-100%) scale(2, 2);
  -o-transform: rotate(180deg) translateY(-100%) scale(2, 2);
  -webkit-transform: rotate(180deg) translateY(-100%) scale(2, 2);
}

.b-from-bottom.b-rotate-right90.b-zoom-out {
  transform: rotate(-90deg) translateX(-100%) scale(2, 2);
  -moz-transform: rotate(-90deg) translateX(-100%) scale(2, 2);
  -ms-transform: rotate(-90deg) translateX(-100%) scale(2, 2);
  -o-transform: rotate(-90deg) translateX(-100%) scale(2, 2);
  -webkit-transform: rotate(-90deg) translateX(-100%) scale(2, 2);
}

.b-from-bottom.b-rotate-right180.b-zoom-out {
  transform: rotate(-180deg) translateY(-100%) scale(2, 2);
  -moz-transform: rotate(-180deg) translateY(-100%) scale(2, 2);
  -ms-transform: rotate(-180deg) translateY(-100%) scale(2, 2);
  -o-transform: rotate(-180deg) translateY(-100%) scale(2, 2);
  -webkit-transform: rotate(-180deg) translateY(-100%) scale(2, 2);
}

/*
** ZOOM + SIZE
*/

.b-effect:hover .b-size-90 {
  transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
}

.b-effect:hover .b-size-80.b-zoom-in, 
.b-effect:hover .b-size-80.b-zoom-out {
  transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
}

.b-effect:hover .b-size-70.b-zoom-in, 
.b-effect:hover .b-size-70.b-zoom-out {
  transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
}

.b-effect:hover .b-size-60.b-zoom-in, 
.b-effect:hover .b-size-60.b-zoom-out {
  transform: scale(0.6, 0.6);
  -moz-transform: scale(0.6, 0.6);
  -ms-transform: scale(0.6, 0.6);
  -o-transform: scale(0.6, 0.6);
  -webkit-transform: scale(0.6, 0.6);
}

.b-effect:hover .b-size-50.b-zoom-in, 
.b-effect:hover .b-size-50.b-zoom-out {
  transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
}

/*
** FADE
*/

.b-fade {
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  opacity: 0;
}

.b-hover .b-fade,
.b-effect:hover .b-fade {
  opacity: 1;
}

/*
** OPACITY
*/

.b-effect:hover .b-opacity-100,
.b-hover .b-opacity-100 {
  opacity: 1 !important;
}

.b-effect:hover .b-opacity-95,
.b-hover .b-opacity-95 {
  opacity: 0.95 !important;
}

.b-effect:hover .b-opacity-90,
.b-hover .b-opacity-90 {
  opacity: 0.9 !important;
}

.b-effect:hover .b-opacity-85,
.b-hover .b-opacity-85 {
  opacity: 0.85 !important;
}

.b-effect:hover .b-opacity-80,
.b-hover .b-opacity-80 {
  opacity: 0.8 !important;
}

.b-effect:hover .b-opacity-75,
.b-hover .b-opacity-75 {
  opacity: 0.75 !important;
}

.b-effect:hover .b-opacity-70,
.b-hover .b-opacity-70 {
  opacity: 0.7 !important;
}

.b-effect:hover .b-opacity-65,
.b-hover .b-opacity-65 {
  opacity: 0.65 !important;
}

.b-effect:hover .b-opacity-60,
.b-hover .b-opacity-60 {
  opacity: 0.6 !important;
}

.b-effect:hover .b-opacity-55,
.b-hover .b-opacity-55 {
  opacity: 0.55 !important;
}

.b-effect:hover .b-opacity-50,
.b-hover .b-opacity-50 {
  opacity: 0.50 !important;
}

.b-effect:hover .b-opacity-45,
.b-hover .b-opacity-45 {
  opacity: 0.45 !important;
}

.b-effect:hover .b-opacity-40,
.b-hover .b-opacity-40 {
  opacity: 0.4 !important;
}

.b-effect:hover .b-opacity-35,
.b-hover .b-opacity-35 {
  opacity: 0.35 !important;
}

.b-effect:hover .b-opacity-30,
.b-hover .b-opacity-30 {
  opacity: 0.3 !important;
}

.b-effect:hover .b-opacity-25,
.b-hover .b-opacity-25 {
  opacity: 0.25 !important;
}

.b-effect:hover .b-opacity-20,
.b-hover .b-opacity-20 {
  opacity: 0.2 !important;
}

.b-effect:hover .b-opacity-15,
.b-hover .b-opacity-15 {
  opacity: 0.15 !important;
}

.b-effect:hover .b-opacity-10,
.b-hover .b-opacity-10 {
  opacity: 0.1 !important;
}

.b-effect:hover .b-opacity-05,
.b-hover .b-opacity-05 {
  opacity: 0.05 !important;
}

.b-effect:hover .b-opacity-0,
.b-hover .b-opacity-0 {
  opacity: 0 !important;
}

/*
** DELAY
*/

.b-effect:hover .b-delay01, .b-hover .b-delay01 {
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}

.b-effect:hover .b-delay02, .b-hover .b-delay02 {
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.b-effect:hover .b-delay03, .b-hover .b-delay03 {
  transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.b-effect:hover .b-delay04, .b-hover .b-delay04 {
  transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.b-effect:hover .b-delay05, .b-hover .b-delay05 {
  transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.b-effect:hover .b-delay06, .b-hover .b-delay06 {
  transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.b-effect:hover .b-delay07, .b-hover .b-delay07 {
  transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.b-effect:hover .b-delay08, .b-hover .b-delay08 {
  transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}

.b-effect:hover .b-delay09, .b-hover .b-delay09 {
  transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
}

.b-effect:hover .b-delay10, .b-hover .b-delay10 {
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.b-effect:hover .b-delay11, .b-hover .b-delay11 {
  transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  -ms-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}

.b-effect:hover .b-delay12, .b-hover .b-delay12 {
  transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}

.b-effect:hover .b-delay13, .b-hover .b-delay13 {
  transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -ms-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
}

.b-effect:hover .b-delay14, .b-hover .b-delay14 {
  transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -ms-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
}

.b-effect:hover .b-delay15, .b-hover .b-delay15 {
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}

.b-effect:hover .b-delay16, .b-hover .b-delay16 {
  transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -ms-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  -webkit-transition-delay: 1.6s;
}

.b-effect:hover .b-delay17, .b-hover .b-delay17 {
  transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -ms-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
}

.b-effect:hover .b-delay18, .b-hover .b-delay18 {
  transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -ms-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  -webkit-transition-delay: 1.8s;
}

.b-effect:hover .b-delay19, .b-hover .b-delay19 {
  transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  -ms-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  -webkit-transition-delay: 1.9s;
}

.b-effect:hover .b-delay20, .b-hover .b-delay20 {
  transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  -webkit-transition-delay: 2s;
}


/*
** IMG ROTATE
*/

.b-img-rotate-right10,
.b-img-rotate-left10 {
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transform: scale(1.17, 1.17);
  -moz-transform: scale(1.17, 1.17);
  -ms-transform: scale(1.17, 1.17);
  -o-transform: scale(1.17, 1.17);
  -webkit-transform: scale(1.17, 1.17);
}

.b-hover .b-img-rotate-left10, .b-effect:hover .b-img-rotate-left10 {
  transform: rotate(10deg) scale(1.17, 1.17);
  -moz-transform: rotate(10deg) scale(1.17, 1.17);
  -ms-transform: rotate(10deg) scale(1.17, 1.17);
  -o-transform: rotate(10deg) scale(1.17, 1.17);
  -webkit-transform: rotate(10deg) scale(1.17, 1.17);
}

.b-hover .b-img-rotate-right10, .b-effect:hover .b-img-rotate-right10 {
  transform: rotate(-10deg) scale(1.17, 1.17);
  -moz-transform: rotate(-10deg) scale(1.17, 1.17);
  -ms-transform: rotate(-10deg) scale(1.17, 1.17);
  -o-transform: rotate(-10deg) scale(1.17, 1.17);
  -webkit-transform: rotate(-10deg) scale(1.17, 1.17);
}

/*
** IMG ZOOM
*/

.b-img-zoom-in5, .b-img-zoom-in10, .b-img-zoom-out5, .b-img-zoom-out10 {
  transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
}

.b-hover .b-img-zoom-in5, .b-effect:hover .b-img-zoom-in5 {
  transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
}

.b-hover .b-img-zoom-in10, .b-effect:hover .b-img-zoom-in10 {
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}

.b-hover .b-img-zoom-out5, .b-effect:hover .b-img-zoom-out5 {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.b-img-zoom-out5, .b-effect .b-img-zoom-out5 {
  transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
}

.b-hover .b-img-zoom-out10, .b-effect:hover .b-img-zoom-out10 {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.b-img-zoom-out10, .b-effect .b-img-zoom-out10 {
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}

/*
** IMG ROTATE + ZOOM
*/

.b-img-rotate-right10.b-img-zoom-in5,
.b-img-rotate-left10.b-img-zoom-in5 {
  transform: scale(1.11, 1.11);
  -moz-transform: scale(1.11, 1.11);
  -ms-transform: scale(1.11, 1.11);
  -o-transform: scale(1.11, 1.11);
  -webkit-transform: scale(1.11, 1.11);
}

.b-img-rotate-right10.b-img-zoom-in10,
.b-img-rotate-left10.b-img-zoom-in10 {
  transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
}

.b-hover .b-img-zoom-in5.b-img-rotate-left10, .b-effect:hover .b-img-zoom-in5.b-img-rotate-left10 {
  transform: rotate(-10deg)  scale(1.17, 1.17);
  -moz-transform: rotate(-10deg)  scale(1.17, 1.17);
  -ms-transform: rotate(-10deg)  scale(1.17, 1.17);
  -o-transform: rotate(-10deg)  scale(1.17, 1.17);
  -webkit-transform: rotate(-10deg)  scale(1.17, 1.17);
}

.b-hover .b-img-zoom-in10.b-img-rotate-left10, .b-effect:hover .b-img-zoom-in10.b-img-rotate-left10 {
  transform: rotate(-10deg)  scale(1.17, 1.17);
  -moz-transform: rotate(-10deg)  scale(1.17, 1.17);
  -ms-transform: rotate(-10deg)  scale(1.17, 1.17);
  -o-transform: rotate(-10deg)  scale(1.17, 1.17);
  -webkit-transform: rotate(-10deg)  scale(1.17, 1.17);
}

.b-hover .b-img-zoom-in5.b-img-rotate-right10, .b-effect:hover .b-img-zoom-in5.b-img-rotate-right10 {
  transform: rotate(10deg)  scale(1.17, 1.17);
  -moz-transform: rotate(10deg)  scale(1.17, 1.17);
  -ms-transform: rotate(10deg)  scale(1.17, 1.17);
  -o-transform: rotate(10deg)  scale(1.17, 1.17);
  -webkit-transform: rotate(10deg)  scale(1.17, 1.17);
}

.b-hover .b-img-zoom-in10.b-img-rotate-right10, .b-effect:hover .b-img-zoom-in10.b-img-rotate-right10 {
  transform: rotate(10deg)  scale(1.17, 1.17);
  -moz-transform: rotate(10deg)  scale(1.17, 1.17);
  -ms-transform: rotate(10deg)  scale(1.17, 1.17);
  -o-transform: rotate(10deg)  scale(1.17, 1.17);
  -webkit-transform: rotate(10deg)  scale(1.17, 1.17);
}