/*
* Generate vendor prefixes
* http://stackoverflow.com/a/10776618
*/
/*
* Apply a CSS3 transition
*
* $property The property you want to animate, eg opacity
* $duration The duration of the animation, eg 1s
*
* @include transition(opacity, 0.5s);
* @include transition(opacity, 0.5s, linear);
* @include transition(opacity, 0.5s, linear, 1s);
* @include transition((opacity, height), 0.5s, linear, 1s);
* @include transition(opacity height, 0.5s, linear, 1s);
*/
/* reset */
* {
  margin: 0;
  padding: 0; }

img {
  border: none; }

p {
  margin-bottom: 15px; }

.l {
  float: left; }

.r {
  float: right; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.tc {
  text-align: center; }

hr {
  display: none; }

.noborder {
  border: none !important; }

.mb {
  margin-bottom: 15px !important; }

html, body {
  height: 100%; }

.container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  position: relative; }
  .container .logo {
    background: url("../images/logo.png") no-repeat 0 0;
    width: 345px;
    height: 211px;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -105.5px;
    margin-left: -172.5px; }