.hidden {
  display: none;
}


@mixin keyframes($animationName) {
  @-webkit-keyframes #{$animationName} {
      @content;
  }
  @-moz-keyframes #{$animationName} {
      @content;
  }
  @-o-keyframes #{$animationName} {
      @content;
  }
  @keyframes #{$animationName} {
      @content;
  }
}

@mixin background_linear($rgb1, $rgb2) {
  background: $rgb1 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(top, $rgb1 , $rgb2) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, $rgb1, $rgb2) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, $rgb1, $rgb2) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, $rgb1 , $rgb2) !important; /* Standard syntax */
}

@mixin background_lineartoright($rgb1, $rgb2) {
  background: $rgb1 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, $rgb1 , $rgb2) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, $rgb1, $rgb2) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, $rgb1, $rgb2) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, $rgb1 , $rgb2) !important; /* Standard syntax */
}