@charset "utf-8";
/* CSS Document */
#animation_container{
       margin-left: -20px;
    margin-top: -5px;
}

.ui-sortable-helper{top:250px !important;}
.howtotplay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #6666CC url("../abo-characterss.png") no-repeat center center;
  top: 0;
  z-index: 9;
  background-position-x: -40px;
  background-position-y: 0;
}
.preloader {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #6666CC url("../abo-characterss.png") no-repeat center center;
  top: 0;
  z-index: 9;
  background-position-x: -40px;
  background-position-y: 0;
}

.feedback{
    padding: 3px 20px;
    color: white;
    font-family: 'Bungee';
   /* background-color: #47a3ff;
    border: #fff solid 2px;*/
    border-radius: 15px;
    font-size: 12px;
    display: block;
    line-height: 18px;
    position: absolute;
    bottom: 20%;
    z-index: 999;
    left: 22%;
}
.preloader ul.menu li a {
  padding: 5px;
  color: white;
  font-family: 'Bungee';
  background-color: #47a3ff;
  border: #fff solid 3px;
  border-radius: 15px;
  font-size: 15px;
  display: block;
  line-height: 18px;
}
.preloader ul.menu li {
  padding: 0px 0 5px 0px;
  display: block;
  width: 60%;
  margin: auto;
}
.preloader ul.menu {
  margin-top: 200px;
  position: absolute;
}
.list {
  display: inline-block;
}
.items .ui-selected {
  background: red;
  color: white;
  font-weight: bold;
}
.css {
  opacity: 1 !important;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.items {
  padding: 34px;
  list-style-type: none;
  padding-top: 250px;
  margin: 0 auto 0 auto;
  position: relative;
  height: 100%;
}
.items li {
  cursor: grab;
  text-align: center;
  max-width: 100%;
  width: 32%;
  height: 200px;
  top: 0;
  vertical-align: top;
  z-index: 9;
  position: relative;

}
.items li img {
  width: 60%;
}
.items li {
  text-align: center
}
.items li:first-child {
  text-align: left
}
.items li:last-child {
  text-align: right
}
.plusp {
  position: absolute;
  left: 40%;
  top: 40%;
  z-index: 3;
  font-size: 20px;
  font-family: 'Bungee';
  color: #fff
}
.sound {
  position: absolute;
  left: 80%;
  padding: 20px;
  z-index: 99;
}
.sound i {
  font-size: 30px;
}
#menu {
  z-index: 10;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
}
.menu {
  z-index: 9;
  width: 100%;
  clear: both;
 
}
.menu {
  margin: 0;
  padding: 0
}
.menu li {
  list-style: none;
}
ul.auto {
  display: none;
}
.container-menu {
  position: relative;
  width: 84%;
  margin: auto;
  height: 80%;
  margin-top: 4%;
  border-radius: 20px;
  top: 0;
  text-align: center;
  padding-top: 40px;
}
.container-menu .logo img {
  width: 80px !important;
  margin: auto;
  position: absolute;
}
.menu {
  padding: 0;
  margin: 0;
  margin: auto;
  text-align: center
}
.leves {
  background: #09f;
  padding: 20px;
  border-radius: 5px;}
  
 
ul.menu li {
  display: inline-block;
  padding: 84px 0 35px 0;
}
ul.menu li a {
  padding: 4px 3px;
  color: white;
  font-family: 'Bungee';
  background-color: #47a3ff;
  border: #fff solid 3px;
  border-radius: 15px;
  font-size: 12px;
}