body {
  font-family: 'Dosis', sans-serif;
  color: #555555;
  background: white;
  margin: 20px 0;
  font-size: 1.1em; }

.shadow {
  background: #35ddf0;
  background: -moz-linear-gradient(top, #35ddf0 0%, rgba(255, 255, 241, 0.36) 44%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35ddf0), color-stop(44%, rgba(255, 255, 241, 0.36)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #35ddf0 0%, rgba(255, 255, 241, 0.36) 44%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #35ddf0 0%, rgba(255, 255, 241, 0.36) 44%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #35ddf0 0%, rgba(255, 255, 241, 0.36) 44%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #35ddf0 0%, rgba(255, 255, 241, 0.36) 44%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6fff6ce', endColorstr='#00ffffff',GradientType=0 );
  min-height: 400px; }

a {
  color: #f7a487;
  font-weight: bold; }
  a:hover {
    color: #f7a487;
    text-decoration: underline; }

.navbar-inverse {
  height: 42px;
  position: relative;
  background: url(../img/ui/_test/coral-line-3.png) repeat-x scroll 0 36px transparent; }
  .navbar-inverse .navbar-inner {
    border: none;
    filter: none !important;
    border-radius: 0;
    min-height: 24px;
    background: #fff !important;
    box-shadow: none !important; }
    .navbar-inverse .navbar-inner .btn-navbar {
      background: white;
      margin-right: 0;
      color: #7e7e7e; }
      .navbar-inverse .navbar-inner .btn-navbar:hover {
        background: #7e7e7e;
        color: #fff; }
  .navbar-inverse #mnav ul.dropdown-menu li a {
    font-weight: 600;
    font-size: 90%; }

.navbar-inverse a.brand {
  font-weight: 600;
  color: #444; }

.navbar-inverse .nav > li {
  line-height: 10px;
  padding: 0 4px; }

.navbar-inverse .nav > li a {
  opacity: .7;
  background: transparent;
  font-weight: 700;
  margin-top: 6px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  color: #7e7e7e;
  outline: none !important; }

.navbar-inverse .nav > li.active > a, .navbar-inverse .nav > li.selected > a, .navbar-inverse .nav > li.ancestor > a {
  opacity: 1;
  background: #7e7e7e;
  color: white; }

.navbar-inverse .nav > li.active > a:hover,
.navbar-inverse .nav > li.selected > a:hover,
.navbar-inverse .nav > li.ancestor > a:hover {
  background: #7e7e7e;
  color: #fff;
  box-shadow: none !important;
  opacity: .5; }

* {
  text-shadow: none !important; }

.navbar-inverse .nav > li.dropdown.open a {
  color: #f7a487; }

.navbar-inverse .nav > li.dropdown.open ul.dropdown-menu {
  background: #fff;
  margin: -1px 4px; }

.navbar-inverse .nav > li.dropdown.open ul.dropdown-menu::after {
  border-bottom-color: #fff; }

.navbar-inverse .nav > li.dropdown.open ul.dropdown-menu li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #111;
  background: transparent;
  text-decoration: none; }

.navbar-inverse .nav > li.dropdown.open ul.dropdown-menu li a:hover {
  background-color: #eee; }

.navbar-inverse .nav > li > a:hover, .navbar-inverse .nav > li.dropdown.open > a.dropdown-toggle {
  text-shadow: none !important;
  background: #7e7e7e;
  color: white; }

#footer {
  border-top: dotted 1px #eee;
  margin-top: 45px !important;
  padding: 8px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

@media (max-width: 767px) {
  #main {
    margin-top: 40px; }

  .navbar-inverse {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999; }

  .navbar-inverse .navbar-inner {
    border-radius: 0 0 5px 5px !important;
    background: #fff !important; }

  .navbar-inverse .navbar-inner .nav li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

  .welcome.offset2 {
    margin-left: 0 !important; } }
@media (min-width: 980px) {
  #desktop-header, #main, .navbar-inner, #footer {
    width: 960px;
    margin: 0 auto; }

  #desktop-header {
    margin-top: 12px;
    margin-bottom: 12px; } }
div.welcome h1 {
  word-break: break-all;
  font-size: 2.7em;
  color: #555;
  opacity: .7;
  line-height: 1.10em;
  padding: .2em 0 1em 0;
  margin: 0;
  border-bottom: solid 3px #b8fcc8; }

h2 a {
  color: #1c7c85; }

h2 a, h2 a:hover {
  text-decoration: none; }

h2 a:hover {
  color: #35ddf0; }

h5 {
  margin: 22px 0 6px 0; }

h5 ~ p {
  font-size: 94%; }

p {
  text-align: left;
  line-height: 1.5em;
  white-space: normal;
  word-spacing: 3px; }

h2, h3, h4, h5 {
  font-family: "Dosis", Helvetica, sans-serif;
  color: #1c7c85;
  font-weight: bold;
  opacity: .9;
  text-decoration: none; }

h4 {
  text-decoration: underline;
  margin: 24px 0 6px 0; }

h5 {
  margin: 6px 0; }

ul.nav-pills > li:before {
  display: block;
  content: '\25AA';
  background: transparent;
  padding: 0 12px;
  float: left;
  line-height: 30px; }

#main {
  padding-top: 20px; }

#twitter_update_list li {
  list-style-type: none; }

#twitter_update_list li span:after {
  display: block;
  content: '\25AA';
  background: transparent;
  padding: 0 3px; }

#twitter_update_list li span + a {
  font-size: 90%; }

.annotate-left {
  opacity: .6;
  margin: 21px 0 0 0;
  padding: 6px 0 0 0;
  border-top: solid 2px #999; }

.plugin_video {
  margin: 4px 0 18px 0; }

.plugin_video object {
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px; }

p.entry-info {
  color: #333;
  font-size: 90%; }

div.entry-content > p:first-child, div.entry-content > h2 + p {
  font-size: 107%; }

div.entry-content p {
  text-align: justify; }

div.entry-content li {
  margin-bottom: 20px; }

/*canvas#shell,
div#machine {
    width: 460px;
    height: 590px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -230px}
.load img {display: none}
.pre {}
#machine { position: relative; display: none }
#slots { position: relative; }
#message { font-size: .85em; line-height: 1.4em; position: absolute; top: 385px; left: 90px; width: 220px; color: #f7f7f7 }
.sprite {
    position: absolute;
    display: block;
 width: 50px;
 height: 150px;
 overflow: hidden}
.sprite.win { opacity: 1; background-position-x: 50px }
.sprite.lose { opacity: .3 }
*/
#slots .sprite {
  top: 162px;
  z-index: 1;
  height: 95px; }
  #slots .sprite li {
    background: #fff;
    height: 95px; }
#slots .sprite:nth-child(1) {
  left: 69px; }
#slots .sprite:nth-child(2) {
  left: 152px; }
#slots .sprite:nth-child(3) {
  left: 235px; }

#lever {
  background: url(../fruit/img/lever.png);
  width: 72px;
  height: 500px;
  position: absolute;
  z-index: 2;
  right: 1px;
  cursor: pointer;
  opacity: .8; }

#lever:hover {
  opacity: 1; }

#lever.down {
  background: url(../fruit/img/lever_down.png);
  cursor: wait;
  opacity: 1; }

#ghost {
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0; }

.jackpot {
  left: 52px;
  top: 37px;
  position: absolute;
  z-index: 666;
  display: none; }

.active {
  display: block; }

.fruit-machine {
  position: relative;
  top: -40px;
  padding-top: 40px; }
  .fruit-machine div#machine {
    width: 460px;
    height: 590px;
    left: 50%;
    margin-left: -230px; }
  .fruit-machine div#machine {
    position: relative;
    background: url("../img/fm/machine-shell.png"); }
    .fruit-machine div#machine .alert-block {
      height: 100%;
      width: 100%; }
    .fruit-machine div#machine.win {
      background: url("../img/fm/machine-win.gif"); }
    .fruit-machine div#machine #alert-win .alert-block {
      background: #fff;
      color: #7e7e7e;
      -o-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px; }
      .fruit-machine div#machine #alert-win .alert-block.close {
        color: #fff; }
      .fruit-machine div#machine #alert-win .alert-block h1, .fruit-machine div#machine #alert-win .alert-block h2, .fruit-machine div#machine #alert-win .alert-block h3, .fruit-machine div#machine #alert-win .alert-block h4, .fruit-machine div#machine #alert-win .alert-block h5 {
        color: #f7a487; }
    .fruit-machine div#machine #lcd {
      margin: 0;
      padding: 0;
      background: transparent;
      position: absolute;
      left: 81px;
      height: 65px;
      width: 238px;
      bottom: 142px;
      font-size: 110%;
      text-align: center;
      z-index: 6666; }
      .fruit-machine div#machine #lcd .notice,
      .fruit-machine div#machine #lcd form > input.search-fix {
        color: #fff;
        font-weight: 800; }
      .fruit-machine div#machine #lcd span.notice {
        width: 100%;
        height: 90%;
        background: #222;
        position: absolute;
        z-index: 999;
        display: none;
        left: 0;
        top: 0; }
      .fruit-machine div#machine #lcd form {
        margin: 0;
        padding: 0; }
        .fruit-machine div#machine #lcd form input.search-fix {
          margin: 0;
          padding: 3px;
          background: transparent;
          border: none;
          border-radius: 0;
          border-bottom: dashed 1px #666;
          float: left;
          clear: both;
          width: 185px;
          height: 1.8em;
          line-height: 1.8em; }
    .fruit-machine div#machine .slot-mask {
      width: 270px;
      display: none; }
    .fruit-machine div#machine .slot-wrap {
      overflow: hidden;
      /* to hide the magic */
      height: 84px;
      /* whatever the height of your list items are */
      display: inline-block;
      /* to size width correctly, can use float too, or width*/
      position: absolute;
      top: 165px;
      left: 60px; }
      .fruit-machine div#machine .slot-wrap ol.slot {
        float: left;
        padding: 0;
        margin: 0 0 0 36.5px; }
        .fruit-machine div#machine .slot-wrap ol.slot li {
          list-style-type: none;
          width: 46px;
          height: 84px;
          background: #fff; }
          .fruit-machine div#machine .slot-wrap ol.slot li img {
            width: 46px;
            height: 46px;
            margin-top: 19px; }

.sticky > h3:first-child {
  margin-top: 0; }

.sticky {
  background-image: url(../img/ui/sticky-box.png);
  background-size: 100% 100%;
  font-size: 80%;
  min-height: 100px;
  position: relative;
  left: -32px;
  margin-bottom: 44px; }
  .sticky > * {
    padding: 12% 16%; }

.button-li li {
  list-style-image: url(../img/ui/bullet-salmon.png);
  list-style-position: outside;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 4px 0; }
  .button-li li a, .button-li li strong, .button-li li p {
    text-decoration: none !important;
    vertical-align: top;
    font-size: 97%; }
  .button-li li:hover {
    list-style-image: url(../img/ui/bullet-red.png);
    background: #eee; }

/*
@media (min-width: 980px){
  html.backgroundsize {
    .navbar-inverse .nav>li a{
        @include squash_tabs();
    }
    .navbar-inverse .nav>li.active>a,.navbar-inverse .nav>li.selected>a,.navbar-inverse .nav>li.ancestor>a{
    }
    .navbar-inverse .nav>li.active>a:hover,
    .navbar-inverse .nav>li.selected>a:hover,
    .navbar-inverse .nav>li.ancestor>a:hover{
        @include squash_tabs();
    }
    .navbar-inverse .nav>li.dropdown.open a {
        @include squash_tabs();
    }
  }
}*/
.cms_toolbar-item_logo .cms_toolbar-item_logo-link {
  display: none; }

#cms_toolbar-toolbar {
  z-index: 666; }

.navbar {
  z-index: 1; }

li::before,
span::after {
  display: none !important; }

.paginator li:hover {
  background: transparent; }

.branding h1#site-name {
  display: none; }

a.text-section-btn {
  text-decoration: none;
  margin: 0 12px 0 0;
  vertical-align: text-top; }

div.text-section-nav {
  width: 100%; }

.clear {
  clear: both; }

.line-aqua {
  min-height: 4px;
  border-top: solid 3px #b8fcc8; }

.line-coral {
  min-height: 4px;
  background: url(../img/ui/_test/coral-line-3.png) repeat-x scroll left bottom transparent; }

.text-section-btn::before {
  content: '-'; }
.text-section-btn.collapsed::before {
  content: '+'; }

.alert-block {
  background: #fff;
  color: #7e7e7e;
  opacity: .95;
  position: absolute;
  z-index: 999999; }

.typeahead.dropdown-menu {
  z-index: 99999; }

/*
 * iPhone
 */
@media (max-width: 480px) {
  .fruit-machine {
    position: relative;
    top: 0px;
    left: 0;
    padding-top: 0px; }
    .fruit-machine div#machine {
      width: 460px;
      height: 590px;
      left: -45px; }
    .fruit-machine div#machine {
      background: url("../img/fm/machine-shell.png");
      margin: 0; }
      .fruit-machine div#machine .alert-block {
        height: 100%;
        width: 320px;
        left: 8px;
        top: 4px; }
      .fruit-machine div#machine.win {
        background: url("../img/fm/machine-win.gif"); }
      .fruit-machine div#machine #alert-win .alert-block {
        background: #fff;
        color: #7e7e7e;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        .fruit-machine div#machine #alert-win .alert-block.close {
          color: #fff; }
        .fruit-machine div#machine #alert-win .alert-block h1, .fruit-machine div#machine #alert-win .alert-block h2, .fruit-machine div#machine #alert-win .alert-block h3, .fruit-machine div#machine #alert-win .alert-block h4, .fruit-machine div#machine #alert-win .alert-block h5 {
          color: #f7a487; } }
