/**
 * Initializes compass with the libraries we need
 *
 * Author  : Alexandre BOURLIER
 * Contact : +33 6 51 71 08 21 - alexandre@happy-dev.fr
 */
/**
 * Sets CSS variables
 *
 * Author  : Alexandre BOURLIER
 * Contact : +33 6 51 71 08 21 - alexandre@happy-dev.fr
 */
/**
 * Sets font-face declarations using Compass helper
 *
 * Author  : Alexandre BOURLIER
 * Contact : +33 6 51 71 08 21 - alexandre@happy-dev.fr
 */
/*@include font-face("Amatic SC", font-files("AmaticSC-Regular-webfont.woff", "AmaticSC-Regular-webfont.woff2", "AmaticSC-Regular-webfont.ttf", "AmaticSC-Regular-webfont.svg"), "AmaticSC-Regular-webfont.eot");
*/
@font-face {
  font-family: "Amatic SC";
  src: url('../fonts/AmaticSC-Regular-webfont.eot?1426092274');
  src: url('../fonts/AmaticSC-Regular-webfont.eot?&1426092274#iefix') format('embedded-opentype'), url('../fonts/AmaticSC-Regular-webfont.woff?1426092274') format('woff'), url('../fonts/AmaticSC-Regular-webfont.ttf?1426092274') format('truetype'), url('../fonts/AmaticSC-Regular-webfont.svg?1426092274') format('svg');
}
@font-face {
  font-family: "Amatic SC bold";
  src: url('../fonts/amaticsc-bold-webfont.eot?1433856790');
  src: url('../fonts/amaticsc-bold-webfont.eot?&1433856790#iefix') format('embedded-opentype'), url('../fonts/amaticsc-bold-webfont.woff?1433856790') format('woff'), url('../fonts/amaticsc-bold-webfont.ttf?1433856790') format('truetype'), url('../fonts/amaticsc-bold-webfont.svg?1433856790') format('svg');
}
/*@include font-face("Open Sans", font-files("OpenSans-Bold-webfont.woff", "OpenSans-Bold-webfont.woff2", "OpenSans-Bold-webfont.ttf", "OpenSans-Bold-webfont.svg"), "OpenSans-Bold-webfont.eot");*/
@font-face {
  font-family: "Open Sans";
  src: url('../fonts/OpenSans-Bold-webfont.eot?1426092274');
  src: url('../fonts/OpenSans-Bold-webfont.eot?&1426092274#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff?1426092274') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf?1426092274') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg?1426092274') format('svg');
}
@font-face {
  font-family: "bebas_neue";
  src: url('../fonts/bebasneue_bold-webfont.eot?1430404575');
  src: url('../fonts/bebasneue_bold-webfont.eot?&1430404575#iefix') format('embedded-opentype'), url('../fonts/bebasneue_bold-webfont.woff?1430404575') format('woff'), url('../fonts/bebasneue_bold-webfont.ttf?1430404575') format('truetype'), url('../fonts/bebasneue_bold-webfont.svg?1430404575') format('svg');
}
/* line 472, mlb_sprite/*.png */
.mlb_sprite-sprite, #loading_layer .name {
  background-image: url('../images/mlb_sprite-se9be564281.png');
  background-repeat: no-repeat;
}

/** LOADING POPUP  **/
/* line 12, ../sass/loading_layer.scss */
#loading_layer {
  z-index: 1000;
  background-color: transparent;
  color: white;
  text-align: center;
}
/* line 18, ../sass/loading_layer.scss */
#loading_layer .name {
  font-family: 'Amatic SC bold';
  padding-left: 22px;
  font-size: 30px;
  background-position: -2940px -1132px;
}
/* line 25, ../sass/loading_layer.scss */
#loading_layer .spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #fff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}