/*
You can define a default that is used only if a value isn't
assigned any place else

$default-text-color: $black !default;
*/
@font-face {
  font-family: casino_handregular;
  src: url(Casino_Hand/casino_hand-webfont.eot);
  src: url(Casino_Hand/casino_hand-webfont.eot?#iefix) format("embedded-opentype"), url(Casino_Hand/casino_hand-webfont.woff) format("woff"), url(Casino_Hand/casino_hand-webfont.ttf) format("truetype"), url(Casino_Hand/casino_hand-webfont.svg#casino_handregular) format("svg");
  font-weight: 400;
  font-style: normal;
}
/* line 2, ../sass/enjoyhint.scss */
.enjoyhint {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1010;
  pointer-events: none;
  overflow: hidden;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_hide {
  display: none;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_disable_events {
  position: absolute;
  width: 2000px;
  height: 1500px;
  z-index: 1011;
  pointer-events: all;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_next_btn, .enjoyhint_skip_btn {
  -webkit-box-sizing: content-box;
  width: 100px;
  height: 40px;
  font: normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;
  cursor: pointer;
  margin: 0 auto;
  letter-spacing: 1px;
  text-align: center;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn, .enjoyhint_next_btn, .enjoyhint_skip_btn {
  z-index: 1012;
  pointer-events: all;
  -o-text-overflow: clip;
  text-overflow: clip;
  -moz-box-sizing: content-box;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_next_btn {
  position: absolute;
  box-sizing: content-box;
  border: 2px solid #A1BEE4;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  color: #A1BEE4;
  background: transparent;
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_next_btn:hover {
  color: white;
  background: #A1BEE4;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_next_btn:active {
  border: 2px solid #21e0a3;
  background: #21e0a3;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_skip_btn {
  box-sizing: content-box;
  border: 2px solid #A1BEE4;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  color: #A1BEE4;
  background: transparent;
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_skip_btn:hover {
  color: white;
  background: #A1BEE4;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_skip_btn:active {
  border: 2px solid #21e0a3;
  background: #21e0a3;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn {
  display: inline-block;
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: .3em;
  height: .3em;
  border: none;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font: 400 8em/normal Arial,Helvetica,sans-serif;
  color: black;
  background: transparent;
  border: 2px solid #21e0a3;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn::after, .enjoyhint_close_btn::before {
  -webkit-box-sizing: content-box;
  width: 73%;
  height: 2px;
  position: absolute;
  content: "";
  border: none;
  font: 400 100%/normal Arial,Helvetica,sans-serif;
  color: black;
  background: #fff;
  text-shadow: none;
  -o-text-overflow: clip;
  text-overflow: clip;
  display: inline-block;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn::before {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 48%;
  left: 14%;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn::after {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 46%;
  left: 15%;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn:hover {
  color: white;
  background: #A1BEE4;
  cursor: pointer;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_close_btn:active {
  border: 2px solid #21e0a3;
  background: #21e0a3;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_btn {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 150px;
  height: 40px;
  cursor: pointer;
  margin: 0 auto;
  border: 2px solid #A1BEE4;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font: normal normal normal 17px/40px "Advent Pro",Helvetica,sans-serif;
  color: #A1BEE4;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: transparent;
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}

/* line 2, ../sass/enjoyhint.scss */
#kinetic_container, .enjoyhint_canvas, .enjoyhint_svg_wrapper, .enjoyhint_svg_wrapper svg {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_btn:hover {
  color: white;
  background: #A1BEE4;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_btn:active {
  border: 2px solid #21e0a3;
  background: #21e0a3;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint div.canvas-container {
  position: absolute;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_canvas {
  z-index: 100;
  pointer-events: none;
}

/* line 2, ../sass/enjoyhint.scss */
#kinetic_container {
  pointer-events: none;
  top: 0;
  left: 0;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_svg_wrapper {
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_svg_wrapper svg {
  top: 0;
  left: 0;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_svg_transparent .enjoy_hint_label, .enjoyhint_svg_transparent .enjoyhint_svg_wrapper {
  opacity: 0;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoy_hint_label {
  position: absolute;
  color: #fff;
  z-index: 107;
  font-size: 22px;
  font-family: casino_handregular,Arial;
  -webkit-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  display: inline-block;
  min-width: 200px;
  text-align: center;
  max-width: 80%;
}

/* line 2, ../sass/enjoyhint.scss */
div.kineticjs-content {
  position: absolute !important;
}

/* line 2, ../sass/enjoyhint.scss */
.enjoyhint_skip_btn {
  position: fixed;
}