/*
 $fontName : name of the font to expose
 $fontDir : relative path to font location
 $fontFilename : filename of the font, minus file extension
 $fontWeight : weight of the font
 $fontStyle : style of the font
*/
/*
 $colors : list of colors to make up the gradient
 $positions : list of percentage positions for the gradient (lists should contain same amount of values)
*/
/*
 $colors : list of colors to make up the gradient
 $positions : list of percentage positions for the gradient (lists should contain same amount of values)
*/
/*
 $type : type of gradient to make - ie: linear
 $fromTo: from and to positions for gradient - ie: left top, left bottom
 $colors : list of colors to make up the gradient
 $positions : list of percentage positions for the gradient (lists should contain same amount of values)
 $textShadow : text shadow string for non-webkit fallback
*/
/*
 $fromTo: from and to positions for gradient - ie: left top, left bottom
 $colors : list of colors to make up the gradient
 $positions : list of percentage positions for the gradient (lists should contain same amount of values)
 $type (optional) : type of gradient to make - ie: linear
 $gradientShadow (optional) : text shadow string for gradient text
 $normalShadow (opional) : text shadow string for non-webkit fallback
*/
/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Default font size in pixels if not overridden. */
/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/* D.A.V.E */
/* Dynamically Aligning Vertical Element */
/*B.R.I.A.N*/
/* Bottom, Right, in alignment with page	*/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 0.0625em;
  border: 0;
  border-top: 0.0625em solid #ccc;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  margin: 1em 0em;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
	 Browse Happy prompt
	 ========================================================================== */
.browsehappy {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  margin: 0.1875em 0em;
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  padding: 0.1875em 0em;
}

/* ==========================================================================
	 Helper classes
	 ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.0625em;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  margin: -0.0625em;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625em;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *		`contenteditable` attribute is included anywhere else in the document.
 *		Otherwise it causes space to appear at the top and bottom of elements
 *		that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *		`:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
/* ==========================================================================
	 Print styles.
	 Inlined to avoid required HTTP connection: h5bp.com/r
	 ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 0.0625em solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
	 HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
	 Base
	 ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *		`em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *		user zoom.
 */
html, body {
  font-size: 16px;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}


/* ==========================================================================
	 Lists
	 ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  margin: 1em 0em 0em 0em;
}

dd {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  padding: 0em 0em 0em 0.25em;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  padding: 0em 0em 0em 0.25em;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
	 Embedded content
	 ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when addScaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}


/* ==========================================================================
	 Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* deeper elements */
:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

body {
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  background-color: #000000;
  overflow: hidden;
  cursor: default;
}
/**
 * Common imports
 * Import anything that's common here
 */
/**
 * Define all of the imports for mobile specific CSS
 */
#addToHomeScreen {
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-callout: none;
  width: 240px;
  font-size: 15px;
  padding: 12px 14px;
  text-align: left;
  font-family: helvetica;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, white), color-stop(0.02, #eeeeee), color-stop(0.98, #cccccc), color-stop(1, #a3a3a3));
  border: 1px solid #505050;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  line-height: 130%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
#addToHomeScreen.addToHomeIOS7 {
  background: #f2f2f2 !important;
  -webkit-border-radius: 1px !important;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#addToHomeScreen.addToHomeIpad {
  width: 268px;
  font-size: 18px;
  padding: 14px;
}
#addToHomeScreen.addToHomeWide {
  width: 296px;
}
#addToHomeScreen.addToHomeIpad.addToHomeWide {
  width: 320px;
  font-size: 18px;
  padding: 14px;
}
#addToHomeScreen .addToHomeArrow {
  position: absolute;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(204, 204, 204, 0)), color-stop(0.4, rgba(204, 204, 204, 0)), color-stop(0.4, #cccccc));
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #505050;
  width: 16px;
  height: 16px;
  -webkit-transform: rotateZ(45deg);
  bottom: -9px;
  left: 50%;
  margin-left: -8px;
  -webkit-box-shadow: inset -1px -1px 0 darkgrey;
  -webkit-border-bottom-right-radius: 2px;
}
#addToHomeScreen.addToHomeIOS7 .addToHomeArrow {
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(204, 204, 204, 0)), color-stop(0.4, rgba(204, 204, 204, 0)), color-stop(0.4, #f2f2f2)) !important;
  -webkit-box-shadow: inset -1px -1px 0 white !important;
  border-color: #ccc !important;
}
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
  -webkit-transform: rotateZ(-135deg);
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(238, 238, 238, 0)), color-stop(0.4, rgba(238, 238, 238, 0)), color-stop(0.4, #eeeeee));
  -webkit-box-shadow: inset -1px -1px 0 white;
  top: -9px;
  bottom: auto;
  left: 50%;
}
#addToHomeScreen .addToHomeClose {
  -webkit-box-sizing: border-box;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  text-indent: 1px;
  -webkit-border-radius: 9px;
  background: rgba(0, 0, 0, 0.12);
  color: #888;
  -webkit-box-shadow: 0 1px 0 #fff;
  font-size: 16px;
}
#addToHomeScreen.addToHomeIOS7 .addToHomeClose {
  line-height: 12px;
  padding-right: 1px;
  background: transparent;
  border: 1px solid #888;
  -webkit-box-shadow: none;
}
#addToHomeScreen .addToHomePlus {
  font-weight: bold;
  font-size: 1.3em;
}
#addToHomeScreen .addToHomeShare {
  display: inline-block;
  width: 18px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
  background-size: 18px 15px;
  text-indent: -9999em;
  overflow: hidden;
}
#addToHomeScreen.addToHomeIOS7 .addToHomeShare {
  width: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);
  background-size: 11px 15px;
}
#addToHomeScreen .addToHomeTouchIcon {
  display: block;
  float: left;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  width: 57px;
  height: 57px;
  -webkit-background-size: 57px 57px;
  background-size: 57px 57px;
  margin: 0 12px 0 0;
  border: 1px solid #333;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/*
@font-face {
  font-family: "libertyefregular";
  src: url("../../assets/fonts/libertyef-webfont.eot");
  src: url("../../assets/fonts/libertyef-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/libertyef-webfont.woff") format("woff"), url("../../assets/fonts/libertyef-webfont.ttf") format("truetype"), url("../../assets/fonts/libertyef-webfont.svg#rainforestregular") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
#viewport {
  width: 100%;
  height: 100%;
  background-color: #000000;
}
#viewport .background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  overflow: hidden;
  text-align: center;
  display: block;
}
#viewport #footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 540;
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
  font-family: Arial, sans-serif, Tahoma;
  text-transform: uppercase;
}

#viewport:-webkit-full-screen {
  width: 100% !important;
  background: black;
}

#viewport:-moz-full-screen {
  width: 100% !important;
}

:-webkit-full-screen .tohide {
  display: none;
  /* While in fullscreen, hide any children with class 'tohide' */
}

:-moz-full-screen .tohide {
  display: none;
  /* While in fullscreen, hide any children with class 'tohide' */
}

#viewport {
  overflow: visible;
}
#viewport .background img {
  width: auto;
  height: 100%;
  position: absolute;
}

#main {
  position: fixed;
  display: block;
  overflow: visible !important;
  margin: 0 auto;
  font-family: "libertyefregular", Tahoma, Geneva, sans-serif;

  width: inherit;
  height: 100%;
  /*top: 4%;*/
  left: 0;
  visibility: visible;
}
#main .canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  background: none transparent;
  margin: 0;
}
#main .canvas.base {
  z-index: 200;
}
#main .canvas.top {
  z-index: 220;
}

#helpfile {
  background: none white !important;
  font-family: sans-serif !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  padding: 0 0.5em !important;
  border: 0 !important;
  margin: 0 !important;
  vertical-align: baseline !important;
  line-height: 1.35em !important;
}

#helpfile h1 {
  font-size: 2em !important;
  text-decoration: underline !important;
  margin: 0.3em 0em 1.5em !important;
}

#helpfile h2 {
  font-size: 1.5em !important;
  margin: 1.5em 0em 0em !important;
}

#helpfile h3 {
  font-weight: bold !important;
  margin: 1.25em 0 0em !important;
}

#helpfile div {
  padding: 0.25em !important;
}

#helpfile ul {
  padding: 0em 0em 0em 0.25em !important;
  margin: 1em 0em 0em 1em !important;
  list-style-type: disc !important;
}

#helpfile li {
  font-size: 1.1em;
  line-height: 1.4em;
}

#helpfile p {
  margin: 1em 0em !important;
}

#helpfile table {
  border-width: 1px !important;
  border-spacing: 2px !important;
  border-color: #808080 !important;
  text-align: center !important;
}

#helpfile th {
  font-weight: bold;
}

#helpfile tbody, #helpfile tr, #helpfile td, #helpfile th {
  border: 1px solid black !important;
  padding: 1px !important;
  text-align: center !important;
}

.forceCSSHardwareAcceleration {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  -moz-transform: translate3d(0px, 0px, 0px) !important;
  -ms-transform: translate3d(0px, 0px, 0px) !important;
  -o-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.forceCSSHardwareAccelerationCentered {
  -webkit-transform: translate3d(-50%, -50%, 0px) !important;
  -moz-transform: translate3d(-50%, -50%, 0px) !important;
  -ms-transform: translate3d(-50%, -50%, 0px) !important;
  -o-transform: translate3d(-50%, -50%, 0px) !important;
  transform: translate3d(-50%, -50%, 0px) !important;
}

.forceCSSHardwareAccelerationCenteredVertical {
  -webkit-transform: translate3d(0px, -50%, 0px) !important;
  -moz-transform: translate3d(0px, -50%, 0px) !important;
  -ms-transform: translate3d(0px, -50%, 0px) !important;
  -o-transform: translate3d(0px, -50%, 0px) !important;
  transform: translate3d(0px, -50%, 0px) !important;
}

.forceCSSHardwareAccelerationHorizontal {
  -webkit-transform: translate3d(-50%, 0px, 0px) !important;
  -moz-transform: translate3d(-50%, 0px, 0px) !important;
  -ms-transform: translate3d(-50%, 0px, 0px) !important;
  -o-transform: translate3d(-50%, 0px, 0px) !important;
  transform: translate3d(-50%, 0px, 0px) !important;
}

.reelDebug {
  left: 80%;
  top: 90%;
  position: absolute;
  width: 20.83333%;
  height: 9.25926%;
  color: black;
  background-color: white;
  z-index: 1000;
}

#body.iOS7OrAbove {
  height: 335px;
}

#debug-menu-container {
  display: none;
  position: absolute;
  height: 90%;
  width: 90%;
  margin-left: 5%;
  margin-top: 2%;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: white;
  color: #FFFFFF;
  font-family: Helvetica;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#debug-menu-container h1, #debug-menu-container h2 {
  text-align: center;
}
#debug-menu-container h1 {
  background-color: #2ECC71;
  margin: 0;
  padding: 0.5rem;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#debug-menu-container a:hover, #debug-menu-container a:active, #debug-menu-container a:focus {
  outline: 0;
}
#debug-menu-container span {
  max-width: 300px;
  max-height: 66px;
  display: inline-block;
  word-wrap: break-word;
  overflow: auto;
  vertical-align: middle;
  padding: 0 2%;
  line-height: 1.5em;
}
#debug-menu-container button {
  height: 50px;
  margin: 0;
  padding: 0;
  background-color: #3498DB;
  color: white;
  border: 1px solid #2980B9;
  width: 25%;
  vertical-align: top;
}
#debug-menu-container .active {
  background-color: #2ECC71;
  border-top-color: #2ECC71 !important;
}
#debug-menu-container #debug-menu-close {
  font-size: 2.5rem;
  position: absolute;
  top: 0.2rem;
  right: 1.5rem;
  cursor: pointer;
}
#debug-menu-container #debug-menu-tabs {
  width: 100%;
  overflow: hidden;
}
#debug-menu-container #debug-menu-tabs ul {
  margin: 0;
  padding: 0;
}
#debug-menu-container #debug-menu-tabs li {
  list-style-type: none;
  /*width: 25%;*/
  width: 50%;
  float: left;
  text-align: center;
  background-color: #27AE60;
}
#debug-menu-container #debug-menu-tabs a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  border: 1px solid #1E824C;
  border-right: none;
}
#debug-menu-container #debug-menu-tab-container {
  width: 100%;
  height: 100%;
  background-color: #3498DB;
}
#debug-menu-container #debug-menu-tab-container > div {
  height: 100%;
  overflow: auto;
}
#debug-menu-container #debug-menu-change-settings {
  background-color: #3498DB;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#debug-menu-container #debug-menu-change-settings div {
  overflow-x: auto;
  height: 100%;
  width: 50%;
  float: left;
}
#debug-menu-container #debug-menu-change-settings button {
  width: 100%;
}
#debug-menu-container #debug-menu-force-rng {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#debug-menu-container #debug-menu-force-rng button {
  float: left;
  width: 50%;
}
#debug-menu-container #debug-menu-prev-rng {
  padding: 0 2rem;
}
#debug-menu-container #debug-menu-prev-rng button {
  height: 66px;
}
#debug-menu-container #debug-menu-prev-rng p {
  vertical-align: top;
  line-height: 66px;
}
#debug-menu-container #debug-menu-prev-rng p span:first-child {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  -o-user-select: initial;
  user-select: initial;
}

/**/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *		`contenteditable` attribute is included anywhere else in the document.
 *		Otherwise it causes space to appear at the top and bottom of elements
 *		that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *		`:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}
/**/

#paytable-container {
  display: none;
  position: absolute;
  z-index: 390;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/*
style="position: absolute; ' +
					'width: 96.4306%; height: 50%; left: 1.64557%; top: 95.5466%; text-align: center; ' +
					'line-height: 1.2em; color: rgb(255, 255, 255);

*/

#paytable-container .paytable-center
{
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#paytable-container .paytable-text {
  font-size: 0.85em;
  position: absolute;
  font-weight: bold;
  margin-left: 3%;
  margin-right: 3%;
}
.desktop #paytable-container .paytable-text {
  font-size: 0.64em;
}

#paytable-container .paytable-title {
  font-weight: bold;
  font-size: 1.4em;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  line-height: 1.2em;
  top: 2%;
  font-family: arial, sans-serif;
}

#paytable-container .container {
  padding: 0;
  margin: 0;
}
#paytable-container .item {
  height: 80%;
  text-align: center;
  color: #FFFFFF;
}
#paytable-container .rule-content {
  position: relative;
  width: 80%;
  margin-top: 11%;
  display: inline-block;
}

.tablet #paytable-container .rule-content {
  position: relative;
  width: 80%;
  margin-top: 16%;
  display: inline-block;
}

.desktop #paytable-container .rule-content {
  position: relative;
  width: 80%;
  margin-top: 21%;
  display: inline-block;
}

#paytable-container .rule-content .paytable-dynamic-text {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#paytable-container .rule-content .vertical-align-top {
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
#paytable-container .rule-content .vertical-align-middle {
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
#paytable-container .rule-content .vertical-align-center {
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
#paytable-container .rule-content .vertical-align-bottom {
  -moz-transform: translate(0%, -100%);
  -ms-transform: translate(0%, -100%);
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}
#paytable-container .rule-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
}
#paytable-container h1 {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: normal;
  top: 5%;
}
#paytable-container img {
  height: 100%;
  max-width: 100%;
  width: auto;
}
#paytable-container .caption {
  width: 100%;
  bottom: 0.25%;
  text-align: center;
  position: absolute;
}
#paytable-container .caption span {
  line-height: 0;
}
#paytable-container .highlight-text {
  color: #35F40F;
}
#paytable-container .close-button {
  color: #FFFFFF;
  position: absolute;
  right: 3%;
  top: 8%;
  z-index: 2;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
  font-style: normal;
  font-size: 5em;
  font-family: Arial, Baskerville, monospace;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#paytable-container .close-button:hover {
  opacity: 1;
}
#paytable-container .dot-nav {
  position: absolute;
  z-index: 2;
  width: 50%;
  bottom: 1%;
  left: 25%;
  text-align: center;
}
#paytable-container .dot-nav .dot {
  height: 0.8em;
  width: 0.8em;
  margin: 1em 1em;
  border-radius: 25px;
  background-color: #7F7F7F;
  display: inline-block;
  opacity: 0.9;
}
#paytable-container .dot-nav .dot:hover {
  opacity: 1;
}
#paytable-container .dot-nav .dot.selected {
  background-color: #FFFFFF;
}
#paytable-container .arrow-nav {
  color: #FFFFFF;
  position: absolute;
  width: 10%;
  height: 50%;
  top: 47%;
  z-index: 2;
  text-align: center;
  font-size: 3em;
  line-height: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.9;
}
#paytable-container .arrow-nav:hover {
  opacity: 1;
}
#paytable-container .arrow-nav.left {
  left: 0;
}
#paytable-container .arrow-nav.right {
  right: 0;
}
#paytable-container #paytable-version {
  position: absolute;
  right: 5%;
  bottom: 40%;
}

.mobile.windows.ie #button-spin-container {
  box-shadow: none;
}

#button-menu-container {
  left: 83.85417%;
  top: 9.81481%;
  position: absolute;
  width: 14.58333%;
  height: 13.33333%;
}
#button-menu-container div {
  text-align: center;
  margin-left: 27.14286%;
  width: 65%;
}

.platform-virgo.menu-container {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: Arial;
  z-index: 540;
}
.platform-virgo.menu-container .allowScroll {
  -webkit-overflow-scrolling: auto;
}
.platform-virgo.menu-container .top-menu-items {
  width: 100%;
  text-align: center;
  height: 13.33333%;
  margin: 15.74074% auto 0 auto;
}

.desktop .platform-virgo.menu-container .top-menu-items {
  height: 12%;
  margin: 20.83333% auto 0 auto;
}

.tablet .platform-virgo.menu-container .top-menu-items {
  height: 11.41791%;
  margin: 20.83333% auto 0 auto;
}

.platform-virgo.menu-container .top-menu-items .menu-button {
  display: inline-block;
  width: 7.5%;
  height: 100%;
  margin-left: 1.5625%;
  cursor: pointer;
  overflow: hidden;
  -moz-background-size: 200% 100%;
  -o-background-size: 200% 100%;
  -webkit-background-size: 200% 100%;
  background-size: 200% 100%;
}

.desktop .platform-virgo.menu-container .top-menu-items .menu-button {
  width: 9%;
  margin-left: 1.875%;
}

.platform-virgo.menu-container .top-menu-items.shared .menu-button {
  background-position: 100% 0;
}

.platform-virgo.menu-container .top-menu-items.shared .menu-button.menu-button-sound {
  /*background-image: url("../images/M_SoundBtnActive.png");*/
  height: 0;
  background-position: 100% 50%;
}

.platform-virgo.menu-container .top-menu-items.shared .menu-button.menu-button-soundActive {
  /*background-image: url("../images/M_SoundBtnActive.png");*/
  height: 0;
  /*background-position: 0% 50%;*/
}

.platform-virgo.menu-container .top-menu-items.shared .menu-button.menu-button-turbo {
  /*background-image: url("../images/M_TurboBtnActive.png");*/
  height: 0;
  background-position: 100% 50%;
}

.platform-virgo.menu-container .top-menu-items.shared .menu-button.menu-button-turboActive {
  /*background-image: url("../images/M_TurboBtnActive.png");*/
  height: 0;
  /*background-position: 0% 50%;*/
}

.platform-virgo.menu-container .top-menu-items.shared .menu-button.active {
  background-position: 0 0;
}
.platform-virgo.menu-container .middle-menu {
  position: relative;
  width: 77.91667%;
  height: 22.40741%;
  margin: 2.03704% auto;
  border: 0.3125em solid silver;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
}

.desktop .platform-virgo.menu-container .middle-menu {
  width: 93.5%;
  height: 20.16667%;
  margin: 1.83333% auto;
}

.tablet .platform-virgo.menu-container .middle-menu {
  height: 19.18843%;
}

.platform-virgo.menu-container .middle-menu .game-menu {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 20.66116%;
  text-align: center;
  /* Change folder based on config */
}
.platform-virgo.menu-container .middle-menu .game-menu .menu-item {
  display: inline-block;
  width: 9.49198%;
  height: 58.67769%;
  padding: 0;
  margin-right: 4.0107%;
  cursor: pointer;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.platform-virgo.menu-container .middle-menu .game-menu .menu-item:last-child, .platform-virgo.menu-container .middle-menu .game-menu .menu-item:nth-child(7n) {
  margin-right: 0;
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-paytable {
  /*background-image: url("../images/M_PaytableBtnActive.png");*/
/*  width:71px;*/
/*  height:71px;*/
  height: 0;
  width: 9.49198%;
  /*background-position: -1142px -335px;*/
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-help {
  height: 0;
  /*background-image: url("../images/M_HelpBtnActive.png");*/
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-addtohomescreen {
  height: 0;
  /*background-image: url("Assets/menu/M_AddToHomeBtnActive.png");*/
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-lobby {
  height: 0;
  /*background-image: url("../images/M_LobbyBtnActive.png");*/
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-banking {
  height: 0;
  /*background-image: url("Assets/menu/M_BankBtnActive.png");*/
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-deposit {
  height: 0;
  /*background-image: url("Assets/menu/M_DepositBtnActive.png");*/
}
.platform-virgo.menu-container .middle-menu .game-menu.shared .menu-item-history {
  height: 0;
  /*background-image: url("Assets/menu/M_HistoryBtnActive.png");*/
}
.platform-virgo.menu-container .middle-menu .menu-item-close {
  display: block;
  position: absolute;
  width: 7.08556%;
  height: 43.80165%;
  top: -21.90083%;
  right: -3.54278%;
  cursor: pointer;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /*background-image: url("../images/M_CloseButton.png");*/
}
.platform-virgo.menu-container .middle-menu.rows-2 {
  height: 44.81481%;
}
.platform-virgo.menu-container .middle-menu.rows-2 .game-menu .menu-item {
  height: 29.33884%;
}
.platform-virgo.menu-container .middle-menu.rows-2 .menu-item-close {
  height: 21.90083%;
  top: -10.95041%;
}
.platform-virgo.menu-container .middle-menu.rows-3 {
  height: 67.22222%;
}
.platform-virgo.menu-container .middle-menu.rows-3 .game-menu .menu-item {
  height: 19.55923%;
}
.platform-virgo.menu-container .middle-menu.rows-3 .menu-item-close {
  height: 14.60055%;
  top: -7.30028%;
}
.platform-virgo.menu-container.menu-help-container {
  position: relative;
  width: 77.91667%;
  height: 43.51852%;
  margin: 0 auto 0 auto;
  top: 47%;
  border: 0.3125em solid silver;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
  display:block;
  visibility: hidden;
}
.desktop .platform-virgo.menu-container.menu-help-container {
  width: 93.5%;
  height: 50%;
  top: 40%;
}
.tablet .platform-virgo.menu-container.menu-help-container {
  height: 52%;
  top: 38%;
}


.platform-virgo.menu-container.menu-help-container .menu-item-help-modal {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFFFFF !important;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-close {
  display: block;
  position: absolute;
  width: 7.08556%;
  height: 22.55319%;
  top: -11.2766%;
  right: -3.54278%;
  cursor: pointer;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /*background-image: url("../images/M_CloseButton.png");*/
}
.desktop .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-close {
  height: 17.65%;
  top: -9.36%;
}
.tablet .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-close {
  height: 16.15914%;
  top: -10.2235%;
}


.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner {
  height: 100%;
  background: #FFFFFF !important;
  color: #000000 !important;
  overflow-y: scroll;
  padding: 2%;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content div:first-child {
  margin: 0 !important;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content table {
  background-color: #FFFFFF !important;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a {
  color: #000000;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a:hover, .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a:visited, .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a:active {
  color: #000000;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a.scrollLink {
  color: #0000ee;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a.scrollLink:hover, .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a.scrollLink:visited, .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner .menu-content a.scrollLink:active {
  color: #0000ee;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner table {
  margin: 0 auto;
  border: 2px solid #000000;
  font-size: 0.875em;
  vertical-align: middle;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner table th, .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner table td {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #BBBBBB;
  text-align: center;
  padding: 0.5em;
  vertical-align: middle;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner table th.more_help, .platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner table td.more_help {
  cursor: pointer;
  color: blue;
}
.platform-virgo.menu-container.menu-help-container .menu-item-help-modal .menu-item-modal-inner table thead th {
  border-bottom: 1px solid #000000;
}
.platform-virgo.menu-container.menu-history-container {
  position: relative;
  width: 77.91667%;
  height: 43.51852%;
  margin: 0 auto 0 auto;
  top: 47%;
  border: 0.3125em solid silver;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
}
.desktop .platform-virgo.menu-container.menu-history-container {
  width: 93.5%;
  height: 50%;
  top: 40%;
}
.tablet .platform-virgo.menu-container.menu-history-container {
  height: 52%;
  top: 38%;
}


.platform-virgo.menu-container.menu-history-container .menu-item-history-modal {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFFFFF !important;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
}

.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-close {
  display: block;
  position: absolute;
  width: 7.08556%;
  height: 22.55319%;
  top: -11.2766%;
  right: -3.54278%;
  cursor: pointer;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /*background-image: url("../graphics/standardRes/libs/customer/shared/menu/M_CloseButton.png");*/
}
.desktop .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-close {
  height: 17.65%;
  top: -9.36%;
}
.tablet .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-close {
  height: 16.15914%;
  top: -10.2235%;
}


.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner {
  height: 100%;
  background: #FFFFFF !important;
  color: #000000 !important;
  overflow-y: scroll;
  padding: 2%;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content div:first-child {
  margin: 0 !important;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content table {
  background-color: #FFFFFF !important;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a {
  color: #000000;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a:hover, .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a:visited, .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a:active {
  color: #000000;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a.scrollLink {
  color: #0000ee;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a.scrollLink:hover, .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a.scrollLink:visited, .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner .menu-content a.scrollLink:active {
  color: #0000ee;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner table {
  margin: 0 auto;
  border: 2px solid #000000;
  font-size: 0.875em;
  vertical-align: middle;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner table th,
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner table td {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #BBBBBB;
  text-align: center;
  padding: 0.5em;
  vertical-align: middle;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner table th.more_help, .platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner table td.more_help {
  cursor: pointer;
  color: blue;
}
.platform-virgo.menu-container.menu-history-container .menu-item-history-modal .menu-item-modal-inner table thead th {
  border-bottom: 1px solid #000000;
  text-transform: uppercase;
}

.platform-virgo.menu-container.menu-win-container {
  position: relative;
  width: 77.91667%;
  height: 43.51852%;
  margin: 0 auto 0 auto;
  top: 1.7%;
  border: 0.3125em solid silver;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
  color: #222222;
}
.desktop .platform-virgo.menu-container.menu-win-container {
  width: 93.5%;
  height: 50%;
  top: -11.6%;
}
.tablet .platform-virgo.menu-container.menu-win-container {
  height: 52%;
  top: -15.3%;
}


.platform-virgo.menu-container.menu-win-container .menu-item-win-modal {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFFFFF !important;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-close {
  display: block;
  position: absolute;
  width: 7.08556%;
  height: 22.55319%;
  top: -11.2766%;
  right: -3.54278%;
  cursor: pointer;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /*background-image: url("../graphics/standardRes/libs/customer/shared/menu/M_CloseButton.png");*/
}
.desktop .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-close {
  height: 17.65%;
  top: -9.36%;
}
.tablet .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-close {
  height: 16.15914%;
  top: -10.2235%;
}


.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner {
  height: 100%;
  background: #FFFFFF !important;
  color: #000000 !important;
  overflow-y: scroll;
  padding: 2%;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content div:first-child {
  margin: 0 !important;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content table {
  background-color: #FFFFFF !important;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a {
  color: #000000;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a:hover, .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a:visited, .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a:active {
  color: #000000;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a.scrollLink {
  color: #0000ee;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a.scrollLink:hover, .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a.scrollLink:visited, .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner .menu-content a.scrollLink:active {
  color: #0000ee;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner table {
  margin: 0 auto;
  border: 2px solid #000000;
  font-size: 0.875em;
  vertical-align: middle;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner table th, .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner table td {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #BBBBBB;
  text-align: center;
  padding: 0.5em;
  vertical-align: middle;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner table th.more_help, .platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner table td.more_help {
  cursor: pointer;
  color: blue;
}
.platform-virgo.menu-container.menu-win-container .menu-item-win-modal .menu-item-modal-inner table thead th {
  border-bottom: 1px solid #000000;
}
.platform-virgo.menu-container .bottom-menu {
  position: absolute;
  width: 100%;
  height: 6.66667%;
  bottom: 0;
}
.platform-virgo.menu-container .top-menu, .platform-virgo.menu-container .middle-menu, .platform-virgo.menu-container .bottom-menu, .platform-virgo.menu-container .menu-item-help-modal {
  background: #0A0A0A;
  background: -moz-linear-gradient(top, #0A0A0A 0%, #1C1C1C 40%, #242424 52%, #262626 61%, #202020 78%, #171717 94%, #151515 97%, #040404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0A0A0A), color-stop(40%, #1C1C1C), color-stop(52%, #242424), color-stop(61%, #262626), color-stop(78%, #202020), color-stop(94%, #171717), color-stop(97%, #151515), color-stop(100%, #040404));
  background: -webkit-linear-gradient(top, #0A0A0A 0%, #1C1C1C 40%, #242424 52%, #262626 61%, #202020 78%, #171717 94%, #151515 97%, #040404 100%);
  background: -o-linear-gradient(top, #0A0A0A 0%, #1C1C1C 40%, #242424 52%, #262626 61%, #202020 78%, #171717 94%, #151515 97%, #040404 100%);
  background: -ms-linear-gradient(top, #0A0A0A 0%, #1C1C1C 40%, #242424 52%, #262626 61%, #202020 78%, #171717 94%, #151515 97%, #040404 100%);
  background: linear-gradient(to bottom, #0a0a0a 0%, #1c1c1c 40%, #242424 52%, #262626 61%, #202020 78%, #171717 94%, #151515 97%, #040404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0a0a', endColorstr='#040404', GradientType=0);
}
.platform-virgo.menu-container .menu-item-win-modal-inner {
  text-align: center;
  height: 100%;
  overflow-y: scroll;
  padding: 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mobile .platform-virgo.menu-container .menu-item-win-modal-inner {
  padding-top: 0.2%;
}
.platform-virgo.menu-container .more-history-heading {
  font-weight: bold;
  font-size: 1.2em;
}
.platform-virgo.menu-container .menu-item-win-modal-inner hr {
  margin: 0 0.5em 1.5em 0.5em;
}
.mobile .platform-virgo.menu-container .menu-item-win-modal-inner hr {
  margin: 0 0.5em 1em 0.5em;
}
.platform-virgo.menu-container .menu-item-win-modal-inner .more-history-wintype {
  display: inline-block;
  width: 40%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  vertical-align: top;
  text-align: right;
  padding-right: 4%;
}

.tablet .platform-virgo.menu-container .menu-item-win-modal-inner .more-history-wintype,
.mobile .platform-virgo.menu-container .menu-item-win-modal-inner .more-history-wintype {
  width: 35%;
}
.platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols-image {
  height: 70%;
  width: auto;
  padding-bottom: 1em;
}
.mobile .platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols-image {
  height: 88%;
}
.platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: left;
  padding-bottom: 1em;
}
.tablet .platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols,
.mobile .platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols {
  width: 65%;
}
.platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols.first {
  margin-top: 0;
}
.platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols .history-reel {
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #BBBBBB;
}
.platform-virgo.menu-container .menu-item-win-modal-inner .more-history-symbols .history-symbol {
  box-sizing: border-box;
}

#error-screen-container {
  z-index: 581;
  width: 100%;
  height: 100%;
  position: absolute;
}
#error-screen-container .box {
  left: 25%;
  top: 27.77778%;
  position: absolute;
  width: 50%;
  height: 44.44444%;
  font-family: Tahoma, HelveticaNeue-Light, "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  background-color: black;
  border: #FFFFFF 3px solid;
  border-radius: 10px;
  color: #FFFFFF;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIvPjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMzAzMDMwIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMzMDMwMzAiLz48c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #000000), color-stop(35%, #303030), color-stop(51%, #303030), color-stop(65%, #303030), color-stop(85%, #000000));
  background-image: -moz-linear-gradient(top, #000000 15%, #303030 35%, #303030 51%, #303030 65%, #000000 85%);
  background-image: -webkit-linear-gradient(top, #000000 15%, #303030 35%, #303030 51%, #303030 65%, #000000 85%);
  background-image: linear-gradient(to bottom, #000000 15%, #303030 35%, #303030 51%, #303030 65%, #000000 85%);
}
#error-screen-container .box .message {
  margin: 1em 0.42em;
}
#error-screen-container .box .buttons {
  position: absolute;
  top: 60.41667%;
  width: 100%;
  height: 100%;
  opacity: 1.0;
}
#error-screen-container .box .buttons .positive {
  margin-right: 1.5625%;
}
#error-screen-container .box .buttons .negative {
  margin-left: 1.5625%;
}

#error-screen-button-positive-container, #error-screen-button-negative-container {
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
  height: 31.46552%;
  width: 31.33333%;
}

#orientation-container {
  position: absolute;
  background-color: black;
  left: 0;
  top: 0;
  width: 100%;
  height: 102%;
  z-index: 580;
}
#orientation-container #orientation-title {
  margin: 0 auto;
  padding: 5%;
  color: white;
  text-align: center;
}
#orientation-container .orientationImg {
  position: absolute;
  left: 50%;
  width: 300px;
  height: 300px;
  z-index: 575;
  margin-left: -150px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: 100% 100%;
  display: block;
}