@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto:500,900,700,400&subset=latin,latin-ext,cyrillic);
@import url(//fonts.googleapis.com/css?family=Exo+2:800,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Raleway:400,800,700,900&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Titillium+Web:900&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Patrick+Hand+SC&subset=latin,latin-ext);
@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,700");
html {
  overflow-y: scroll;
}

body {
  height: 100%;
}

.grecaptcha-badge { visibility: hidden; }

.loading-animation-1 {
  display: inline-block;
  border-left-color: transparent !important;
  border-radius: 50%;
}

@-webkit-keyframes keyframes-loader-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes keyframes-loader-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  margin: 0;
}

table {
  empty-cells: show;
}

body, table {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333;
}

#pageWrapper {
  background: #fff url(pagebg.png) left top repeat-x;
  background-attachment: scroll;
  position: relative;
}

#page {
  margin: 0 auto;
  width: 980px;
  text-align: left;
}

a {
  text-decoration: none;
  color: #047;
}

a:hover {
  text-decoration: underline;
}

a.gray {
  color: #333;
}

a.grayblue {
  color: #333;
}

a.grayblue:hover {
  color: #1B75A9;
  text-decoration: none;
}

a.black {
  color: #000;
}

a.black:hover {
  color: #1B75A9;
  text-decoration: none;
}

img {
  border: 0;
}

.darkColor {
  color: #111;
}

.blackColor {
  color: #000;
}

.panelBorder {
  border: 1px solid #cccccc;
}

/* error display */
div.errorlist {
  line-height: 180%;
  font-weight: bold;
  color: #c00;
  text-align: left;
  border: 1px solid #ccc;
  background-color: #ffffcb;
  padding: 10px 10px;
  margin-bottom: 10px;
}

div.errorlist ul {
  margin-top: 5px;
  margin-bottom: 0px;
  padding-left: 20px;
  font-weight: normal;
}

div.noflash {
  background: url(swfobject/flash_128.jpg) left top no-repeat;
  padding-left: 170px;
}

div.noflash p, div.noflash li {
  line-height: 1.5em;
  margin: 0 0 0.2em 0;
}

div.noflash h2 {
  font-size: 20px;
  margin: 0.7em 0;
}

div.noflash a {
  color: #047;
}

div.noflash a.download {
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding-left: 20px;
  background: url(flashplayer_icon.png) left top no-repeat;
}

a.joinHeader {
  display: block;
  border: 0;
  width: 780px;
  height: 60px;
  margin-bottom: 20px;
}

.paging2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: normal;
}

.paging2 a {
  margin-left: 3px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #cecfd2;
  color: #858585;
  text-decoration: none;
}

.paging2 .dotdotdot {
  margin-left: 3px;
}

.paging2 a .inner {
  line-height: 19px;
  height: 19px;
  background: url(roomcomponent/pagingtab.png) center center;
  padding: 0 5px;
}

.paging2 .selected {
  border: 1px solid #ff9d00;
  color: #FFF;
  font-weight: bold;
}

.paging2 .selected .inner {
  background: url(roomcomponent/pagingtabsel.png) center center;
}

.paging2 .first {
  margin-left: 0;
}

.joinimage {
  background: url(join/girl2.jpg) no-repeat;
  width: 250px;
  height: 351px;
}

/*
 * 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: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

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

.twoColumnLayout .layoutSideBar {
  float: left;
  width: 270px;
}

.twoColumnLayout .layoutContentWrapper {
  float: right;
  width: 690px;
}

.twoColumnLayout .layoutContent {
  margin-bottom: 20px;
}

.twoColumnLayout h1,
.twoColumnLayout h2 {
  height: 1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 3px 0;
  color: #333;
  border-bottom: 1px solid #CCC;
  clear: both;
}

.twoColumnLayout h2 {
  line-height: 1.2em;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: normal;
}

.twoColumnLayout h2.noUnderline {
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
}

.twoColumnLayout h1 {
  text-transform: uppercase;
  line-height: 1.2em;
  border-bottom: none;
  margin: 0 0 2px 0;
  font-size: 16px;
  font-weight: normal;
}

.twoColumnLayout h3 {
  padding: 6px 0 12px 0;
  margin: 0;
  font-size: 14px;
  padding-bottom: 10px;
}

.twoColumnLayout .layoutSideBar .box {
  margin: 25px 0;
}

.twoColumnLayout .layoutSideBar .box1 {
  margin-top: 0;
}

.twoColumnLayout .menu {
  padding: 0;
  margin: 0;
}

.twoColumnLayout .menu li {
  margin: 0;
  padding: 0;
  display: block;
}

.twoColumnLayout .menu li.active {
  font-weight: bold;
}

.twoColumnLayout .menu li a,
.twoColumnLayout .menu li span {
  color: #555;
  text-decoration: none;
  line-height: 22px;
  cursor: pointer;
  display: block;
}

.twoColumnLayout .menu li:hover {
  background: #ddd;
}

.twoColumnLayout .menu li.active a {
  color: #333;
}

.twoColumnLayout .layoutContent .box {
  clear: both;
  line-height: 1.5em;
  border: 1px solid #CCC;
  margin-bottom: 15px;
  padding: 0 15px;
}

.twoColumnLayout .layoutContent .box h3 {
  border-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  margin: 15px 0;
  padding: 0;
}

.twoColumnLayout .layoutContent p {
  margin: 15px 0;
  line-height: 1.8em;
}

/* Stars for rating */
.rating .star {
  width: 16px;
  height: 18px;
  margin-left: 3px;
  background: url("mypage/star0.png");
  float: left;
}

.rating .star.full {
  background: url("mypage/star1.png");
}

.rating .star.half {
  background: url("mypage/star0_5.png");
}

#creditContainer {
  display: none;
  line-height: 1.8em;
}

#creditContainer .close {
  color: #047;
  float: right;
  cursor: pointer;
}

#creditContainer .iframe,
#creditContainer .ajax {
  display: none;
}

#creditContainer .iframe {
  width: 100%;
  height: auto;
  border: none;
}

#creditContainer .title {
  float: left;
}

#creditContainer .title2 {
  margin-bottom: 10px;
}

#creditContainer .main {
  margin: 30px 0;
  width: 100%;
}

#creditContainer .main_cgmessage {
  font-size: 10px;
}

#creditContainer .main_cgmessage a {
  font-size: 10px;
}

.layoutContent .miniText {
  display: none;
  float: right;
  width: 480px;
  height: 152px;
}

s.diagonal {
  position: relative;
  text-decoration: none;
  color: #444;
}
s.diagonal.bright {
  color: #ddd;
}

.ltie9 s.diagonal {
  text-decoration: line-through;
}

:not(.ltie9) s.diagonal::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZSc+PGxpbmUgeDE9JzAnIHgyPScxMDAlJyB5MT0nMTAwJScgeTI9JzAnIHN0eWxlPSdzdHJva2U6ICNjMDA7IHN0cm9rZS13aWR0aDoyOyBzdHJva2Utb3BhY2l0eTogMC43NScgLz48L3N2Zz4K) center center no-repeat;
  background-size: 100% 100%;
}
:not(.ltie9) s.diagonal.bright::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZSc+PGxpbmUgeDE9JzAnIHgyPScxMDAlJyB5MT0nMTAwJScgeTI9JzAnIHN0eWxlPSdzdHJva2U6ICNjMDA7IHN0cm9rZS13aWR0aDoyOyBzdHJva2Utb3BhY2l0eTogMC43NScgLz48L3N2Zz4K) center center no-repeat;
}

.custom-select {
  display: block;
  position: relative;
}
.custom-select .current {
  padding-right: 18px;
  height: 100%;
}
.custom-select .current, .custom-select .list .option {
  padding: 0 5px;
  cursor: default;
}
.custom-select .list .option {
  cursor: pointer;
}
.custom-select .list {
  position: absolute;
  z-index: 200;
  top: 100%;
  left: -1px;
  right: -1px;
  border: inherit;
  background: inherit;
  max-height: 300px;
}
.custom-select .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 18px;
  background: url(/design/default/quickbuy/arrow.png) no-repeat;
}

* + html input {
  margin-top: -1px;
  margin-bottom: -1px;
}

#headerWrapper {
  padding: 20px 0 20px 0;
}

#header {
  width: 100%;
}
#header a:hover {
  text-decoration: none;
}
#header .header-top {
  position: relative;
  height: 64px;
}
#header .logo, #header .custom-logo {
  width: 100%; }
  #header a:hover {
    text-decoration: none; }
  #header .header-top {
    position: relative;
    height: 64px; }
  #header .logo, #header .custom-logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0; }
  #header .logo img {
    position: relative;
    top: -3px; }
  #header .betamob {
    position: absolute;
    display:none;
    left: 64px;
    top: 38px;
    font-size: 12px;
    color: #333;
  }
  #header .betamob span {
    background-color: #21ace4;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    margin-left: 2px;
  }
  #header div.banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center; }
  #header div.userMenu {
    position: absolute;
    top: 0;
    right: 0; }
  #header .search {
    width: 182px; }
  #header div.userMenu {
    float: right;
    width: 270px;
    height: 34px;
    padding-bottom: 20px; }
    #header div.userMenu ul.userMenu, #header div.userMenu div.userData {
      float: right;
      margin: 0;
      padding: 0; }
    #header div.userMenu div.userData {
      line-height: 17px;
      margin-right: 5px; }
    #header div.userMenu li.icon {
      display: block;
      position: relative;
      z-index: 99;
      cursor: pointer;
      float: right;
      width: 34px;
      height: 34px;
      margin-left: 5px; }
      #header div.userMenu li.icon .icon {
        display: block;
        border-radius: 3px;
        width: 32px;
        height: 32px; }
        #header div.userMenu li.icon .icon i {
          display: block;
          width: 24px;
          height: 24px;
          margin: 4px;
          background-size: 22px 22px;
          background-position: center;
          background-repeat: no-repeat; }
      #header div.userMenu li.icon.settings .icon {
        background-color: #088e52;
        border: 1px solid #088e52; }
        #header div.userMenu li.icon.settings .icon i {
          background-image: url(/design/default/header/cog.svg);
          background-size: 18px 18px; }
      #header div.userMenu li.icon.search .icon {
        background-color: #f2c313;
        border: 1px solid #f2c313; }
        #header div.userMenu li.icon.search .icon i {
          background-image: url(/design/default/header/search.svg); }
      #header div.userMenu li.icon.credit .icon {
        background-color: #21ace4;
        border: 1px solid #21ace4; }
        #header div.userMenu li.icon.credit .icon i {
          background-image: url(/design/default/header/coins.svg); }
      #header div.userMenu li.icon.favourites .icon {
        background-color: #db5f60;
        border: 1px solid #db5f60; }
        #header div.userMenu li.icon.favourites .icon i {
          background-image: url(/design/default/header/heart.svg); }
    #header div.userMenu li.favourites .popupMenu ul {
      overflow: auto;
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 260px;
      min-width: 200px; }
      #header div.userMenu li.favourites .popupMenu ul li {
        height: 50px;
        margin: 1px 0;
        background-color: #fff;
        white-space: nowrap; }
        #header div.userMenu li.favourites .popupMenu ul li a {
          width: auto;
          position: relative;
          padding: 0 30px 0 66px;
          margin: 0;
          display: block;
          border: none;
          background-position: 6px 1px;
          background-repeat: no-repeat;
          z-index: 100; }
          #header div.userMenu li.favourites .popupMenu ul li a:hover {
            border: none; }
            #header div.userMenu li.favourites .popupMenu ul li a:hover .status.online {
              background-position: -35px -24px; }
        #header div.userMenu li.favourites .popupMenu ul li .name {
          line-height: 50px; }
        #header div.userMenu li.favourites .popupMenu ul li .status {
          position: absolute;
          top: 20px;
          right: 10px;
          width: 10px;
          height: 10px; }
          #header div.userMenu li.favourites .popupMenu ul li .status.online {
            background-image: url(header/sprite.png);
            background-position: -45px -24px; }
          #header div.userMenu li.favourites .popupMenu ul li .status.offline {
            display: none; }
  #header #searchPopup {
    position: absolute;
    display: none;
    top: 0;
    right: 100%; }
    #header #searchPopup .arrow {
      display: block;
      width: 9px;
      height: 13px;
      background: url(header/sprite.png?v2) 0 -24px;
      position: absolute;
      top: 11px;
      right: 2px; }
  #header #searchField {
    border: 1px solid #be974b;
    box-shadow: 0 0 1px 1px #f1ca7f;
    border-radius: 1px;
    height: 12px;
    line-height: 12px;
    width: 180px;
    margin: 0 10px 0 0;
    padding: 10px;
    font-size: 12px; }
    #header #searchField:focus {
      outline: none; }
  #header .mainMenu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    float: right; }
    #header .mainMenu li {
      vertical-align: top;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-left: 2px;
      width: 125px;
      text-align: center;
      background-image: url(header/menu-normal.png);
      overflow: hidden;
      height: 25px; }
      #header .mainMenu li:hover {
        background-image: url(header/menu-selected.png); }
      #header .mainMenu li a {
        color: #FFF;
        display: block;
        height: 25px;
        line-height: 25px; }

#header div.search {
  background: url(header/searchbox.png) top left no-repeat;
  position: relative; }
  #header div.search form {
    margin: 0; }

.header-logo {display: inline-block; position: relative;}
.logo-halloween {position: absolute !important; left: 20px; top: -21px !important;}
.logo-santacap {position: absolute !important; left: 28px; top: -16px !important;}

#autocompletecontainer {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
#header .logo img {
  position: relative;
  top: -3px;
}
#header .betamob {
  position: absolute;
  left: 64px;
  top: 38px;
  font-size: 12px;
  color: #333;
}
#header .betamob span {
  background-color: #21ace4;
  padding: 2px 5px;
  color: #fff;
  border-radius: 2px;
  margin-left: 2px;
}
#header div.banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
#header div.userMenu {
  position: absolute;
  top: 0;
  right: 0;
}
#header .search {
  width: 182px;
}
#header div.userMenu {
  float: right;
  width: 270px;
  height: 34px;
  padding-bottom: 20px;
}
#header div.userMenu ul.userMenu, #header div.userMenu div.userData {
  float: right;
  margin: 0;
  padding: 0;
}
#header div.userMenu div.userData {
  line-height: 17px;
  margin-right: 5px;
}
#header div.userMenu li.icon {
  display: block;
  position: relative;
  z-index: 99;
  cursor: pointer;
  float: right;
  width: 34px;
  height: 34px;
  margin-left: 5px;
}
#header div.userMenu li.icon .icon {
  display: block;
  border-radius: 3px;
  width: 32px;
  height: 32px;
}
#header div.userMenu li.icon .icon i {
  display: block;
  width: 24px;
  height: 24px;
  margin: 4px;
  background-size: 22px 22px;
  background-position: center;
  background-repeat: no-repeat;
}
#header div.userMenu li.icon.settings .icon {
  background-color: #088e52;
  border: 1px solid #088e52;
}
#header div.userMenu li.icon.settings .icon i {
  background-image: url(/design/default/header/cog.svg);
  background-size: 18px 18px;
}
#header div.userMenu li.icon.search .icon {
  background-color: #f2c313;
  border: 1px solid #f2c313;
}
#header div.userMenu li.icon.search .icon i {
  background-image: url(/design/default/header/search.svg);
}
#header div.userMenu li.icon.credit .icon {
  background-color: #21ace4;
  border: 1px solid #21ace4;
}
#header div.userMenu li.icon.credit .icon i {
  background-image: url(/design/default/header/coins.svg);
}
#header div.userMenu li.icon.favourites .icon {
  background-color: #db5f60;
  border: 1px solid #db5f60;
}
#header div.userMenu li.icon.favourites .icon i {
  background-image: url(/design/default/header/heart.svg);
}
#header div.userMenu li.favourites .popupMenu ul {
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 260px;
  min-width: 200px;
}
#header div.userMenu li.favourites .popupMenu ul li {
  height: 50px;
  margin: 1px 0;
  background-color: #fff;
  white-space: nowrap;
}
#header div.userMenu li.favourites .popupMenu ul li a {
  width: auto;
  position: relative;
  padding: 0 30px 0 66px;
  margin: 0;
  display: block;
  border: none;
  background-position: 6px 1px;
  background-repeat: no-repeat;
  z-index: 100;
}
#header div.userMenu li.favourites .popupMenu ul li a:hover {
  border: none;
}
#header div.userMenu li.favourites .popupMenu ul li a:hover .status.online {
  background-position: -35px -24px;
}
#header div.userMenu li.favourites .popupMenu ul li .name {
  line-height: 50px;
}
#header div.userMenu li.favourites .popupMenu ul li .status {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 10px;
  height: 10px;
}
#header div.userMenu li.favourites .popupMenu ul li .status.online {
  background-image: url(header/sprite.png);
  background-position: -45px -24px;
}
#header div.userMenu li.favourites .popupMenu ul li .status.offline {
  display: none;
}
#header #searchPopup {
  position: absolute;
  display: none;
  top: 0;
  right: 100%;
}
#header #searchPopup .arrow {
  display: block;
  width: 9px;
  height: 13px;
  background: url(header/sprite.png?v2) 0 -24px;
  position: absolute;
  top: 11px;
  right: 2px;
}
#header #searchField {
  border: 1px solid #be974b;
  box-shadow: 0 0 1px 1px #f1ca7f;
  border-radius: 1px;
  height: 12px;
  line-height: 12px;
  width: 180px;
  margin: 0 10px 0 0;
  padding: 10px;
  font-size: 12px;
}
#header #searchField:focus {
  outline: none;
}
#header .mainMenu {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}
#header .mainMenu li {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 2px;
  width: 125px;
  text-align: center;
  background-image: url(header/menu-normal.png);
  overflow: hidden;
  height: 25px;
}
#header .mainMenu li:hover {
  background-image: url(header/menu-selected.png);
}
#header .mainMenu li a {
  color: #FFF;
  display: block;
  height: 25px;
  line-height: 25px;
}

#header div.search {
  background: url(header/searchbox.png) top left no-repeat;
  position: relative;
}
#header div.search form {
  margin: 0;
}

#autocompletecontainer {
  position: absolute;
  left: 18px;
  width: 164px;
  top: 2px;
}

#header .search .searchbox {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: none;
  background: transparent;
  width: 148px;
  height: 16px;
  padding-left: 15px;
}

#header .search .searchbutton {
  position: absolute;
  right: 0;
  top: 25px;
}

#header .bottomRow {
  clear: both;
  height: 24px;
  border-bottom: 1px solid #CCC;
}

input.headerSearchBox {
  font-size: 12px;
  color: #000000;
  border: none;
  background-color: transparent;
}

a.headerMenu {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  display: block;
}

#perfsearch {
  display: none;
}

.ac_results {
  font-family: arial;
  font-size: 12px;
  color: #333;
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0;
  padding: 0;
  cursor: default;
  display: block;
  font-family: Arial;
  font-size: 12px;
  padding-left: 55px;
  margin-bottom: 1px;
  height: 50px;
  line-height: 50px;
  /*
  if width will be 100% horizontal scrollbar will apear
  when scroll mode will be used
  */
  /*width: 100%;*/
  /*
  it is very important, if line-height not setted or setted
  in relative units scroll will be broken in firefox
  */
  overflow: hidden;
}

.ac_loading {
  background: white url("indicator.gif") right center no-repeat;
}

.ac_over {
  background-color: #dddddd;
}

#header .langSelector {
  position: relative;
  z-index: 99;
  float: left;
  white-space: nowrap;
}
#header .langSelector ul.flags {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .langSelector ul.flags, #header .langSelector ul.flags li, #header .langSelector .more {
  float: left;
  height: 24px;
}
#header .langSelector .icon {
  float: left;
  width: 14px;
  height: 11px;
  margin: 6px 3px 7px 0;
}
#header .langSelector .more, #header .langSelector .more .downarrow {
  width: 16px;
  height: 24px;
  margin: 0;
  background: url("filter/arrow.png") left 2px;
  cursor: pointer;
}
#header .langSelector .arrow {
  display: none;
}
#header .langSelector .more .popupMenu {
  left: 0;
  right: auto;
}
#header .langSelector .more ul {
  margin-top: 0;
  border-radius: 0;
}
#header .langSelector .more ul li a {
  background-repeat: no-repeat;
  background-position: 10px center;
}
.popupMenu {
  background: white;
  background: rgba(255, 255, 255, 0);
  z-index: 999;
  position: absolute;
  display: none;
  right: -10px;
  top: 100%;
}
.popupMenu s {
  display: inline-block;
  margin: 0 0.5em;
}
.popupMenu ul {
  list-style: none;
  margin: 0;
  margin-top: 9px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background: #FFF;
  border-radius: 5px;
  padding: 5px 0;
}
.popupMenu li {
  position: relative;
}
.popupMenu li.new {
  margin-left: 3px;
  border-left: 5px solid #21ace4;
}
.popupMenu li span.new {
  float: right;
  position: absolute;
  top: 0;
  right: 15px;
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #FFF;
  text-align: center;
  line-height: 25px;
  border-radius: 100%;
  background: #21ace4;
}
.popupMenu .arrow {
  content: "";
  display: block;
  width: 24px;
  height: 13px;
  background: url(header/sprite.png) -10px -24px;
  position: absolute;
  top: -2px;
  right: 16px;
  z-index: 1000;
}
.popupMenu.alignLeft {
  left: -10px;
}
.popupMenu.alignLeft .arrow {
  left: 16px;
}
.popupMenu li a, .popupMenu li.group {
  display: block;
  padding: 3px 30px;
  color: #333;
  white-space: nowrap;
  line-height: 1.5em;
}
.popupMenu li a:hover {
  padding-top: 2px;
  padding-bottom: 2px;
  background: #4889f1;
  color: #FFF;
  border-top: 1px solid #1a69ee;
  border-bottom: 1px solid #1a69ee;
}
.popupMenu li.group.new,
.popupMenu li.new a {
  padding-left: 22px;
}
.popupMenu li.dividerBottom {
  margin-bottom: 5.5px;
  padding-bottom: 5.5px;
  border-bottom: 1px solid #ddd;
}
.popupMenu li.dividerTop {
  margin-top: 5.5px;
  padding-top: 5.5px;
  border-top: 1px solid #ddd;
}
.popupMenu li.group {
  margin-top: 5px;
  padding-top: 5px;
  font-weight: bold;
}
.popupMenu li.group:hover {
  background: transparent;
}
.popupMenu.visible {
  display: block;
}

.panel-scroller {
  width: 100%;
  overflow: hidden;
}
.panel-scroller .panels {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.panel-scroller .panels-inner {
  width: 99999px;
}
.panel-scroller .panel {
  float: left;
  display: inline;
}
.panel-scroller .dots {
  text-align: right;
  margin-top: 5px;
}
.panel-scroller .dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #e0e1e3;
  margin-right: 5px;
  border-radius: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all linear 0.5s;
  cursor: pointer;
}
.panel-scroller .dots .dot.selected {
  background: #3aabe4;
}

.videopromo .panels {
  height: 190px;
}
.videopromo .dots {
  margin-bottom: 20px;
}

.scrollPanel {
  visibility: hidden;
  height: 0;
  -webkit-transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  -moz-transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  -ms-transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  transition: visibility 0s linear 0.5s, height 0.5s ease-out, margin-bottom 0.5s linear;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.scrollPanel.noTransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.scrollPanel.visible {
  visibility: visible;
  height: 298px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  margin-bottom: 30px;
}
.scrollPanel .scrollNext, .scrollPanel .scrollPrevious {
  cursor: pointer;
  background: #202020;
  width: 22px;
  height: 41px;
  margin-top: -20.5px;
  position: absolute;
  top: 50%;
}
.scrollPanel .scrollNext i, .scrollPanel .scrollPrevious i {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 14px 4.5px;
  background-image: url(scrollpanel/sprite.png);
  background-repeat: none;
}
.scrollPanel .scrollPrevious {
  left: -22px;
  border-radius: 41px 0 0 41px;
  border-right: 1px solid #343434;
}
.scrollPanel .scrollPrevious i {
  background-position: 0 0;
}
.scrollPanel .scrollNext {
  right: -22px;
  border-radius: 0 41px 41px 0;
  border-left: 1px solid #343434;
}
.scrollPanel .scrollNext i {
  background-position: -13px 0;
}
.scrollPanel .scrollClose_old {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  overflow: visible;
  padding: 3px;
  text-align: center;
  font-family: Arial;
  font-size: 8pt;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  color: #525252;
}
.scrollPanel .scrollClose_old:hover {
  background-color: #525252;
  color: #f8f8f8;
}
.scrollPanel .scrollClose {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 14px;
  height: 14px;
}
.scrollPanel .scrollClose i {
  display: block;
  width: 14px;
  height: 14px;
  background: url("scrollpanel/sprite.png?v=2") -30px 0 no-repeat;
}
.scrollPanel .scrollClose:hover i {
  background-position: -44px 0;
}
.scrollPanel .scrollWrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.scrollPanel .scrollWrapper .scrollContainer {
  width: 99999px;
  white-space: nowrap;
}
.scrollPanel .scrollWrapper .scrollContainer .panel {
  white-space: normal;
  float: left;
  display: inline;
}
.scrollPanel .scrollWrapper .scrollContainer .panel .inner {
  border: 1px solid #DDD;
  width: 978px;
  height: 296px;
  background: #F4F4F4;
}
.scrollPanel:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  border-radius: 50%/20px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px;
  clip: rect(20px, auto, 50px, 0);
}
.scrollPanel .scrollPages {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 5px;
}
.scrollPanel .scrollPages .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #e0e1e3;
  margin-right: 5px;
  border-radius: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all linear 0.5s;
  cursor: pointer;
}
.scrollPanel .scrollPages .dot.selected {
  background: #3aabe4;
}

.scrollPanel .scrollContainer .panel.login {
  border: 1px solid #aaa;
  width: 978px;
  height: 296px;
  overflow: hidden;
  position: relative;
  background-image: url(scrollpanel/login_bg.jpg);
  color: #fff;
  /*
  Position and hide the real checkboxes and radio buttons.
  The inputs are made transparent instead of completely hidden to preserve
  clickability in browsers that don't have clickable labels, like Safari for
  iOS 5 and older.
  */
  /*
  Insert a pseudo element inside each label and give it a background
  image that will become the custom checkbox or radio button.
  Using inline-block lets you use vertical-align to adjust it vertically
  as needed.
  */
  /*
  Position the background image differently depending on the state of each
  checkbox and radio button.
  */
}
.scrollPanel .scrollContainer .panel.login .loginWrapper {
  width: 1319px;
  height: 100%;
  position: absolute;
  left: 0;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.scrollPanel .scrollContainer .panel.login .loginWrapper.shifted {
  left: -340px;
}
.scrollPanel .scrollContainer .panel.login .loginWrapper.shifted .big {
  background-position: -20px -316px;
}
.scrollPanel .scrollContainer .panel.login .loginWrapper.shifted .small.join {
  background-position: 320px -316px;
}
.scrollPanel .scrollContainer .panel.login .loginWrapper.shifted .small.login {
  background-position: -638px -316px;
}
.scrollPanel .scrollContainer .panel.login a {
  color: #FA0;
}
.scrollPanel .scrollContainer .panel.login .inner {
  padding: 10px;
}
.scrollPanel .scrollContainer .panel.login .small, .scrollPanel .scrollContainer .panel.login .big {
  -webkit-transition: background-position linear 0.5s;
  -moz-transition: background-position linear 0.5s;
  transition: background-position linear 0.5s;
  background-image: url(scrollpanel/login_bg.jpg);
  position: absolute;
  top: 20px;
}
.scrollPanel .scrollContainer .panel.login .small {
  position: absolute;
  width: 280px;
  height: 216px;
  padding: 20px;
}
.scrollPanel .scrollContainer .panel.login .small a {
  color: #e5b353;
}
.scrollPanel .scrollContainer .panel.login .small.join {
  left: 20px;
  background-position: -20px -316px;
}
.scrollPanel .scrollContainer .panel.login .small.login {
  background-position: -978px -316px;
  right: 20px;
}
.scrollPanel .scrollContainer .panel.login .big {
  width: 558px;
  height: 216px;
  padding: 20px;
  left: 360px;
  background-position: -360px -316px;
}
.scrollPanel .scrollContainer .panel.login .big .join, .scrollPanel .scrollContainer .panel.login .big .login, .scrollPanel .scrollContainer .panel.login .big .popup, .scrollPanel .scrollContainer .panel.login .big .reminder {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  font-size: 14px;
  line-height: 1.5em;
  color: #e5e5e5;
}
.scrollPanel .scrollContainer .panel.login .big.popup, .scrollPanel .scrollContainer .panel.login .big.reminder {
  display: none;
}
.scrollPanel .scrollContainer .panel.login .big.popup .button, .scrollPanel .scrollContainer .panel.login .big.reminder .button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.scrollPanel .scrollContainer .panel.login .big .join .arrow {
  right: 0;
  padding-right: 36px;
}
.scrollPanel .scrollContainer .panel.login .big .join .arrow i {
  right: 0;
  background-position: -200px 0;
}
.scrollPanel .scrollContainer .panel.login .big .login {
  display: none;
}
.scrollPanel .scrollContainer .panel.login .big .login .arrow {
  left: 0;
  padding-left: 36px;
}
.scrollPanel .scrollContainer .panel.login .big .login .arrow i {
  left: 0;
  background-position: -170px 0;
}
.scrollPanel .scrollContainer .panel.login .big .arrow {
  display: block;
  bottom: 0;
  line-height: 26px;
  position: absolute;
  font-size: 16px;
}
.scrollPanel .scrollContainer .panel.login .big .arrow i {
  background-image: url(scrollpanel/loginicons.png);
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 0;
}
.scrollPanel .scrollContainer .panel.login .big ul {
  padding: 0;
  list-style: none;
  list-style-position: inside;
}
.scrollPanel .scrollContainer .panel.login .big ul li:before {
  content: "-";
  position: relative;
  left: -0.5em;
}
.scrollPanel .scrollContainer .panel.login .big ul li, .scrollPanel .scrollContainer .panel.login .big p, .scrollPanel .scrollContainer .panel.login .big form {
  margin: 0.5em 0;
  padding: 0 0 0 25px;
}
.scrollPanel .scrollContainer .panel.login .big h3 {
  margin: 0 0 0.7em 0;
  padding: 0;
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  opacity: 1;
}
.scrollPanel .scrollContainer .panel.login .big h3, .scrollPanel .scrollContainer .panel.login .big a {
  color: #FA0;
}
.scrollPanel .scrollContainer .panel.login .big:hover a, .scrollPanel .scrollContainer .panel.login .big:hover span {
  opacity: 1;
}
.scrollPanel .scrollContainer .panel.login .big a:hover {
  text-decoration: none;
}
.scrollPanel .scrollContainer .panel.login .reminder .field {
  margin-top: 2em;
}
.scrollPanel .scrollContainer .panel.login .reminder .field label, .scrollPanel .scrollContainer .panel.login .reminder .field input {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.scrollPanel .scrollContainer .panel.login .reminder .field label {
  margin-top: 1px;
  width: auto;
  margin-right: 1em;
}
.scrollPanel .scrollContainer .panel.login .reminder .field input {
  width: 200px;
}
.scrollPanel .scrollContainer .panel.login .rememberme input {
  margin: 0;
  vertical-align: middle;
}
.scrollPanel .scrollContainer .panel.login .rememberme {
  margin-top: 5px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 10px;
}
.scrollPanel .scrollContainer .panel.login .field {
  margin-bottom: 10px;
}
.scrollPanel .scrollContainer .panel.login .field label, .scrollPanel .scrollContainer .panel.login .field a {
  width: 110px;
  height: 25px;
  line-height: 27px;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scrollPanel .scrollContainer .panel.login .field a {
  white-space: normal;
  overflow: visible;
  height: auto;
  line-height: 1.2em;
}
.scrollPanel .scrollContainer .panel.login .field.captcha a {
  font-size: 10px;
}
.scrollPanel .scrollContainer .panel.login .field.submit {
  margin-top: 17px;
}
.scrollPanel .scrollContainer .panel.login .field input {
  border: 1px solid #999;
  padding: 0;
  margin: 0;
  height: 25px;
}
.scrollPanel .scrollContainer .panel.login .field.captcha {
  display: none;
}
.scrollPanel .scrollContainer .panel.login .field.captcha input {
  background-position: left top;
  background-repeat: no-repeat;
}
.scrollPanel .scrollContainer .panel.login .field, .scrollPanel .scrollContainer .panel.login .rightField {
  position: relative;
}
.scrollPanel .scrollContainer .panel.login .rightField, .scrollPanel .scrollContainer .panel.login .field input {
  width: 163px;
  float: right;
}
.scrollPanel .scrollContainer .panel.login .rightField {
  width: 165px;
}
.scrollPanel .scrollContainer .panel.login .field .submit {
  width: 165px;
}
.scrollPanel .scrollContainer .panel.login .disclaimer, .scrollPanel .scrollContainer .panel.login .forgetpass {
  font-size: 10px;
  text-align: left;
}
.scrollPanel .scrollContainer .panel.login .disclaimer {
  position: absolute;
  bottom: 15px;
  left: 20px;
  right: 20px;
}
.scrollPanel .scrollContainer .panel.login .forgetpass {
  margin-left: 115px;
}
.scrollPanel .scrollContainer .panel.login .forgetpass a {
  color: #e5e5e5;
}
.scrollPanel .scrollContainer .panel.login .disclaimer span.star {
  color: #FA0;
}
.scrollPanel .scrollContainer .panel.login img.captcha {
  float: right;
  border: 1px solid #AAA;
}
.scrollPanel .scrollContainer .panel.login input.button {
  background: #f80;
  border: none;
  width: 165px;
  height: 26px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  font: bold 12px Arial;
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  background: url(scrollpanel/loginicons.png) left top no-repeat;
  cursor: pointer;
}
.scrollPanel .scrollContainer .panel.login .checkbox,
.scrollPanel .scrollContainer .panel.login .radio {
  /* Enable absolute positioning of the hidden form controls */
  position: relative;
  /* Just a bit of space. */
  margin-bottom: 0.5em;
  /*
  Match line-height to the height of the replacement image to ensure it
  doesn't get clipped
  */
  line-height: 22px;
}
.scrollPanel .scrollContainer .panel.login fieldset :last-child {
  margin-bottom: 0;
}
.scrollPanel .scrollContainer .panel.login input[type=checkbox],
.scrollPanel .scrollContainer .panel.login input[type=radio] {
  position: absolute;
  /* Match the image dimensions */
  width: 22px;
  height: 22px;
  /* Reset anything that could peek out or interfere with dimensions */
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
}
.scrollPanel .scrollContainer .panel.login input[type=checkbox] + label:before,
.scrollPanel .scrollContainer .panel.login input[type=radio] + label:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url(scrollpanel/loginicons.png) no-repeat;
  content: " ";
  vertical-align: top;
}
.scrollPanel .scrollContainer .panel.login input[type=checkbox] + label:before {
  background-position: -230px 0;
}
.scrollPanel .scrollContainer .panel.login input[type=checkbox]:focus + label:before {
  background-position: -230px 0;
  outline: 1px solid #fa0;
  outline-offset: -1px;
}
.scrollPanel .scrollContainer .panel.login input[type=checkbox]:checked + label:before {
  background-position: -250px 0;
}
.scrollPanel .scrollContainer .panel.login input[type=checkbox]:checked:focus + label:before {
  background-position: -250px 0;
  outline: 1px solid #fa0;
  outline-offset: -1px;
}
.scrollPanel .scrollContainer .panel.login input:focus {
  outline: none;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow {
  position: relative;
  line-height: 1.6em;
  font-size: 15px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .inner {
  background: #fff;
  background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: linear-gradient(5deg, #fff, #f6f6f6);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .side {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 80px;
  height: 240px;
  text-align: right;
  color: #444;
  font-family: Georgia, serif;
  font-size: 16px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .description {
  position: absolute;
  top: 27px;
  left: 134px;
  width: 468px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 11.2em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .info {
  position: absolute;
  bottom: 27px;
  left: 134px;
  width: 190px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .info .screenName {
  font-family: Georgia, serif;
  font-size: 18px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
  height: 1.25em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .info .countDown {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
  line-height: 1.25em;
  margin-bottom: 10px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots {
  position: absolute;
  bottom: 27px;
  right: 396px;
  width: 271px;
  text-align: right;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img {
  border: 1px solid #ccc;
  padding: 3px;
  background: #FFF;
  margin: 0 -5px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img.i0 {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
  z-index: 300;
  position: relative;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img.i1 {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .snapshots img.i2 {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .visit.ncb {
  display: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .visit.ncb.button a {
  display: block;
  padding: 0;
  background: url(scrollpanel/sprite.png) 0 -15px no-repeat;
  width: 252px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .visit.ncb.button a:hover {
  text-decoration: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .profileimage {
  position: absolute;
  top: 27px;
  right: 27px;
  height: 242px;
  width: 322px;
  border: 1px solid #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow a {
  color: #007fe3;
  font-size: 14px;
  padding-top: 8px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.content {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 577px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.content .title {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.content .title2 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.bottom {
  position: absolute;
  bottom: 27px;
  left: 27px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.goldshow .valentine.bottom .countDown {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
}

.scrollPanel .scrollContainer .panel.credit a {
  color: #4889f1;
}
.scrollPanel .scrollContainer .panel.credit a:hover {
  color: #1a69ee;
  text-decoration: none;
}
.scrollPanel .scrollContainer .panel.credit p {
  padding: 0;
  margin: 12px 0;
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.scrollPanel .scrollContainer .panel.credit p.main {
  padding: 12px;
  background: #e0e0e0;
  font-size: 14px;
}
.scrollPanel .scrollContainer .panel.credit p.disclaimer {
  font-size: 11px;
}
.scrollPanel .scrollContainer .panel.credit .logo {
  height: 50px;
  overflow: hidden;
}
.scrollPanel .scrollContainer .panel.credit .box {
  background: #eeeded;
  font-size: 12px;
  padding: 13px;
  width: 299px;
  height: 270px;
  float: left;
  position: relative;
}
.scrollPanel .scrollContainer .panel.credit .box.box1 {
  background: #f4f4f4;
  border-right: 1px dashed #ddd;
}
.scrollPanel .scrollContainer .panel.credit .box.box1 h3 {
  line-height: 50px;
  height: 50px;
  font-size: 16px;
}
.scrollPanel .scrollContainer .panel.credit .box.box2 {
  border-right: 1px dashed #ddd;
}
.scrollPanel .scrollContainer .panel.credit .box .bottom {
  position: absolute;
  bottom: 13px;
  left: 13px;
  right: 13px;
}
.scrollPanel .scrollContainer .panel.credit .box h3 {
  margin: 0 0 0.1em 0;
}
.scrollPanel .scrollContainer .panel.credit .box input[type=radio]:checked + label {
  font-weight: bold;
}
.scrollPanel .scrollContainer .panel.credit .box input.submit {
  width: 100%;
  border: 1px solid #c8c8c8;
  background: #e0e0e0;
}
.scrollPanel .scrollContainer .panel.credit .box input.submit:hover, .scrollPanel .scrollContainer .panel.credit .box input.submit.blue {
  border: 1px solid #4889f1;
  background-color: #4889f1;
  color: #fff;
}
.scrollPanel .scrollContainer .panel.credit .box .logo {
  min-height: 50px;
}
.scrollPanel .scrollContainer .panel.credit ul.types {
  float: left;
  width: 199px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ccc;
}
.scrollPanel .scrollContainer .panel.credit ul.types li {
  display: block;
  padding: 20px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.scrollPanel .scrollContainer .panel.credit ul.types li.selected {
  background: #ddd;
  font-weight: bold;
}
.scrollPanel .scrollContainer .panel.credit div.content {
  float: right;
  width: 724px;
  padding: 0 27px;
  height: 296px;
}
.scrollPanel .scrollContainer .panel.credit h3.title {
  margin: 14px 0;
}
.scrollPanel .scrollContainer .panel.credit .icon {
  text-align: center;
  font-size: 28px;
  line-height: 40px;
  margin: 12px 0;
}
.scrollPanel .scrollContainer .panel.credit .icon .code {
  display: inline-block;
  padding-left: 40px;
  padding-right: 15px;
}
.scrollPanel .scrollContainer .panel.credit .icon .phoneno {
  display: inline-block;
  padding-left: 60px;
  background: url(scrollpanel/pay_arrow.png) 0 center no-repeat;
}
.scrollPanel .scrollContainer .panel.credit .phoneno {
  white-space: nowrap;
}
.scrollPanel .scrollContainer .panel.credit.credit_sms_hu .icon .code {
  background: url(scrollpanel/pay_sms.png) 0 center no-repeat;
}
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu .icon .code {
  background: url(scrollpanel/pay_call.png) 0 center no-repeat;
}
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu .icon {
  margin: 10px 0;
}
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu p.main {
  margin: 10px 0;
  padding: 10px;
  font-size: 14px;
}
.scrollPanel .scrollContainer .panel.credit.credit_phone_hu h3.title {
  margin: 10px 0 10px 0;
}
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_title {
  margin: 12px 0;
}
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_title.credit_phone_hu {
  margin: 10px 0;
}
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info {
  display: inline-block;
  width: 360px;
  position: relative;
}
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info span, .scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info a {
  display: block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
}
.scrollPanel .scrollContainer .panel.credit div.disclaimer .disc_info i {
  position: absolute;
  top: 2px;
  left: 0;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice {
  position: relative;
  line-height: 1.6em;
  font-size: 15px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote {
  line-height: 1.5em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .error {
  color: #A00;
  display: none;
  text-align: left;
  margin: 1em 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .success {
  color: #333;
  display: none;
  text-align: left;
  margin: 1em 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .description,
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .unable {
  margin: 1em 0;
  display: none;
  line-height: 1.5em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdowncnt {
  width: 183px;
  height: 24px;
  border: 1px solid #be974b;
  outline: 1px solid #f1ca7f;
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 1px;
  background: #FFF;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdown:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdown {
  appearance: normal;
  background: #FFF;
  border: none;
  outline: 0;
  width: 183px;
  height: 24px;
  font: 12px Arial;
  color: #333;
  padding: 2px 0 0 0;
  vertical-align: middle;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .dropdowncnt:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: url(mypage/tiparrow.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote.notmodern .dropdowncnt .arrow {
  display: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote.notmodern .dropdowncnt {
  background: #FFF url(mypage/tiparrow.png) top right no-repeat;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote.notmodern .dropdown {
  width: 133px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .tipvote .send {
  background: #eee;
  border-radius: 1px;
  border: 1px solid #ccc;
  height: 26px;
  width: 70px;
  font: 12px Arial;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .inner {
  background: #fff;
  background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: linear-gradient(5deg, #fff, #f6f6f6);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .description {
  text-align: justify;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .profileimage {
  position: absolute;
  top: 27px;
  right: 27px;
  height: 242px;
  width: 322px;
  border: 1px solid #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice a {
  color: #007fe3;
  font-size: 14px;
  padding-top: 8px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .content {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 577px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .content .title {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .content .title2 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom {
  position: absolute;
  bottom: 27px;
  left: 27px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .time {
  margin-bottom: 0.5em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom input {
  float: left;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .votepopup {
  font-family: Georgia, serif;
  font-size: 18px;
  margin: 0 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .votepopup, .scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .nocredit {
  display: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .tipvote .dropdowncnt {
  width: 243px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .tipvote .dropdown {
  width: 243px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .countDown {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice .bottom .send {
  margin-left: 10px;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result {
  position: relative;
  line-height: 1.6em;
  font-size: 15px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .inner {
  background: #fff;
  background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: linear-gradient(5deg, #fff, #f6f6f6);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .side {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 100px;
  height: 240px;
  text-align: right;
  color: #444;
  font-family: Georgia, serif;
  font-size: 16px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .description {
  position: absolute;
  top: 27px;
  left: 154px;
  width: 448px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 11.2em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .description ol {
  padding: 0;
  margin: 1em 0;
  position: relative;
  list-style-position: inside;
  list-style-type: upper-roman;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .description ol span {
  position: absolute;
  left: 30px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .info {
  position: absolute;
  bottom: 27px;
  left: 154px;
  width: 190px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .info .screenName {
  font-family: Georgia, serif;
  font-size: 20px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
  height: 1.25em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .info .place {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
  line-height: 1.25em;
  margin-bottom: 10px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots {
  position: absolute;
  bottom: 27px;
  right: 396px;
  width: 271px;
  text-align: right;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img {
  border: 1px solid #ccc;
  padding: 3px;
  background: #FFF;
  margin: 0 -5px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img.i0 {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
  z-index: 300;
  position: relative;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img.i1 {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .snapshots img.i2 {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .profileimage {
  position: absolute;
  top: 27px;
  right: 27px;
  height: 242px;
  width: 322px;
  border: 1px solid #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result a {
  color: #007fe3;
  font-size: 14px;
  padding-top: 8px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.content {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 577px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.content .title {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.content .title2 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.bottom {
  position: absolute;
  bottom: 27px;
  left: 27px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.memberschoice_result .winner.bottom .thanks {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo .box {
  position: relative;
  width: 978px;
  height: 298px;
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo h2 {
  font-family: arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  color: #00335e;
  text-decoration: none;
  line-height: 0.8em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo h3 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
  line-height: 0.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.paypal_promo p {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo .box {
  text-decoration: none;
  display: block;
  position: relative;
  width: 978px;
  height: 298px;
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo h2 {
  font-family: arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  color: #00335e;
  text-decoration: none;
  line-height: 0.8em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo h3 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
  line-height: 0.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo p {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage {
  position: relative;
  margin: 0 auto;
  background: url(scrollpanel/promo_bg.png);
  width: 734px;
  height: 141px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage div {
  position: absolute;
  top: 23px;
  line-height: 94px;
  font-weight: bold;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage .title {
  font-size: 56px;
  right: 250px;
  color: #004d89;
  font-style: italic;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage .title span {
  color: #00335e;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.sms_promo div.promoimage .percent {
  font-size: 40px;
  right: 100px;
  color: #fff;
  text-align: center;
  width: 94px;
  right: 111px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour .box {
  position: relative;
  width: 978px;
  height: 298px;
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour h2 {
  font-family: arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  color: #00335e;
  text-decoration: none;
  line-height: 0.8em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour h3 {
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
  line-height: 0.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage {
  position: relative;
  margin: 0 auto;
  background: url(scrollpanel/promo_bg.png);
  width: 734px;
  height: 141px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage div {
  position: absolute;
  top: 23px;
  line-height: 94px;
  font-weight: bold;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage .title {
  font-size: 56px;
  right: 250px;
  color: #004d89;
  font-style: italic;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage .title span {
  color: #00335e;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour div.promoimage .percent {
  font-size: 42px;
  right: 100px;
  color: #fff;
  text-align: center;
  width: 94px;
  right: 111px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour p {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  color: #00335e;
  text-decoration: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour a {
  color: #00335e;
  text-decoration: none;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter h2, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter h3, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter p, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter a {
  color: #7f2957;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage {
  background: url(scrollpanel/promo_bg_easter.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage .title, .scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage .title span {
  color: #cd197e;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.happyhour.easter div.promoimage .percent {
  display: none;
}

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment {
  font-size: 15px;
  line-height: 1.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .inner {
  background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: linear-gradient(5deg, #fff, #f6f6f6);
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .inner {
  position: relative;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .picture {
  position: absolute;
  top: 27px;
  right: 27px;
  height: 242px;
  width: 322px;
  border: 1px solid #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 577px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .title {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .title2 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description, .scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description2 {
  text-align: justify;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .details {
  text-align: justify;
  margin-top: 1em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description2 {
  padding-top: 1.5em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .content .description2.hu {
  padding-top: 0.8em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom {
  width: 577px;
  position: absolute;
  bottom: 27px;
  left: 27px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom .credit {
  vertical-align: top;
  margin: 0 -10px;
  font-size: 12px;
  line-height: 1.5em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom .credit a {
  display: inline-block;
  padding: 1px 11px;
  text-decoration: none;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-payment .bottom .credit a:hover {
  color: #fff;
  padding: 0 10px;
  text-decoration: none;
  background: #4889f1;
  border: 1px solid #1a69ee;
}

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win {
  font-size: 15px;
  line-height: 1.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .inner {
  background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: linear-gradient(5deg, #fff, #f6f6f6);
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .inner {
  position: relative;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .picture {
  position: absolute;
  top: 27px;
  right: 27px;
  height: 242px;
  width: 322px;
  border: 1px solid #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 577px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content .title {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content .title2 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .content .description {
  text-align: justify;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .bottom {
  position: absolute;
  bottom: 27px;
  left: 27px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-win .bottom .thanks {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
}

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback {
  font-size: 15px;
  line-height: 1.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .inner {
  background-image: -webkit-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -moz-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -ms-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: -o-linear-gradient(5deg, #fff, #f6f6f6);
  background-image: linear-gradient(5deg, #fff, #f6f6f6);
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .inner {
  position: relative;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .picture {
  position: absolute;
  top: 27px;
  right: 27px;
  height: 242px;
  width: 322px;
  border: 1px solid #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 577px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .title {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #333;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .title2 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-family: Georgia, serif;
  color: #888;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .description {
  text-align: justify;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .content .details {
  text-align: justify;
  margin-top: 1em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .bottom {
  position: absolute;
  bottom: 27px;
  left: 27px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-cashback .bottom .thanks {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #888;
}

.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy {
  width: 978px;
  height: 296px;
  overflow: hidden;
  background: url(/design/default/scrollpanel/promo_cc_bg.jpg) top left no-repeat;
  border: 1px solid #ddd;
  font-size: 15px;
  line-height: 1.6em;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .wrapper {
  padding: 26px;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .left {
  float: left;
  width: 626px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .right {
  float: right;
  width: 300px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .title1 {
  font-family: "Times New Roman", sans-serif;
  font-size: 24px;
  color: #030303;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .title2 {
  font-family: "Times New Roman", sans-serif;
  font-size: 24px;
  color: #7c7c7c;
  line-height: 1.3em;
  margin: 0.6em 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .description {
  width: 530px;
  font-size: 14px;
  color: #030303;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .description span {
  color: #fa0;
  display: inline-block;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 5px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom {
  position: absolute;
  bottom: 26px;
  left: 26px;
  width: 626px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block {
  float: left;
  width: 416px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block span, .scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block a {
  display: block;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block a {
  color: #007fe3;
  font-size: 14px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .block span {
  font-family: "Times New Roman", sans-serif;
  color: #8b8892;
  font-size: 15px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .icons {
  float: right;
  width: 200px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel-promo-quickbuy .bottom .icons img {
  vertical-align: top;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .inner {
  background: #bf1d2a url(scrollpanel/promo_valentine_15_bg.jpg) no-repeat right top;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .content {
  width: 440px;
  height: 100%;
  position: relative;
  color: #fff;
  text-align: center;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .title1 {
  font-size: 25px;
  height: 75px;
  line-height: 75px;
  text-transform: uppercase;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .title2 {
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .box {
  border: 2px solid #fff;
  text-transform: uppercase;
  margin: 25px 28px 28px 25px;
  padding: 15px;
  font-size: 18px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .hearts {
  font-size: 18px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.panel-promo-valentine .disclaimer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5em;
}

.scrollPanel .scrollWrapper .scrollContainer .panel.pom {
  width: 980px;
  height: 298px;
  position: relative;
  background: #4b5d68;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .roompreview, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .content, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .x, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .button, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .text, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .badge, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer, .scrollPanel .scrollWrapper .scrollContainer .panel.pom .online {
  position: absolute;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom a, .scrollPanel .scrollWrapper .scrollContainer .panel.pom span {
  display: block;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .roompreview {
  top: 0;
  left: 0;
  width: 490px;
  height: 298px;
  background-size: cover;
  background-position: center center;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .roompreview #pomPreview {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom201710 .roompreview {
  background-position: 50% 0;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer {
  top: 0;
  left: 0;
  width: 480px;
  height: 298px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer .volume {
  cursor: pointer;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 18px;
  display: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer .volume.on {
  background: url(/design/default/scrollpanel/volume.png) left top no-repeat;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer .volume.off {
  background: url(/design/default/scrollpanel/volume.png) left -18px no-repeat;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .volume-layer:hover .volume.visible {
  display: block;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 578px;
  background: url(/design/default/pom/u1/bg.png);
  border: none;
  text-decoration: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .text {
  z-index: 10;
  left: 36.5px;
  top: 55px;
  width: 365px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: #F0F0F0;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .text .name {
  font-family: Lobster, sans-serif;
  text-transform: none;
  font-size: 45px;
  margin-top: 17px;
  font-weight: normal;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .button {
  left: 118px;
  top: 211px;
  width: 198px;
  height: 45px;
  font-family: "Exo 2", sans-serif;
  font-weight: 900;
  font-size: 22px;
  color: #F0F0F0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  background: url(/design/default/pom/u1/button.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .content .badge {
  z-index: 5;
  right: 0;
  top: 70px;
  width: 206px;
  height: 173px;
  background: transparent center center no-repeat;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom .online {
  width: 144px;
  height: 56px;
  top: 0;
  right: 35px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-hu .badge {
  background-image: url("/design/default/pom/u1/he_hu.png");
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-hu .online {
  background-image: url("/design/default/pom/u1/online_hu.png");
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-en .badge {
  background-image: url("/design/default/pom/u1/he_en.png");
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-en .online {
  background-image: url("/design/default/pom/u1/online_en.png");
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom.pom-live .name {
  margin-bottom: 10px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.pom a.x {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 16px;
  height: 16px;
  background: url("/design/default/pom/u1/x.png");
}

.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo {
  width: 980px;
  height: 298px;
  position: relative;
  line-height: 1.6em;
  font-size: 15px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo .button {
  position: absolute;
  top: 217px;
  left: 211px;
  width: 211px;
  height: 78px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo .button a {
  display: block;
  position: absolute;
  top: 23px;
  left: 23px;
  width: 165px;
  height: 45px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.hu, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.hu {
  background-image: url(scrollpanel/easter_bg1_hu.jpg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.en, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.en {
  background-image: url(scrollpanel/easter_bg1_en.jpg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.hu .button, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.hu .button {
  background-image: url(scrollpanel/easter_button1_hu.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.before-purchase.en .button, .scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase.en .button {
  background-image: url(scrollpanel/easter_button1_en.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.hu {
  background-image: url(scrollpanel/easter_bg1_hu.jpg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.en {
  background-image: url(scrollpanel/easter_bg1_en.jpg);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.hu .button {
  background-image: url(scrollpanel/easter_button2_hu.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.purchase.en .button {
  background-image: url(scrollpanel/easter_button2_en.png);
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo.after-purchase .button {
  display: none;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.easterpromo a.x {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background-image: url(/design/default/scrollpanel/x1.png?v=2);
}

.scrollPanel .scrollWrapper .scrollContainer .panel.echappyhour {
  width: 980px;
  height: 298px;
  background-image: url(happyhour/ec/echh_20_hu.jpg);
  position: relative;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.echappyhour a.p {
  display: block;
  width: 980px;
  height: 298px;
}
.scrollPanel .scrollWrapper .scrollContainer .panel.echappyhour a.close {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 18px;
  height: 18px;
}

#filterBar {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}

#filterBar .special {
  display: box;
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 1px 0;
  text-decoration: none;
  color: #111;
  cursor: pointer;
  background: url(filter/arrow.png) 0 0 no-repeat;
}

#filterBar .special span {
  padding: 0 5px 0 20px;
}

#filterBar .special.active {
  background: url(filter/arrow.png) 0 -20px no-repeat;
}

#filterBar .rightPanel {
  float: right;
  font-size: 11px;
  width: 650px;
  overflow: hidden;
}

#filterBar .rightPanel .scroller {
  float: right;
  height: 20px;
  text-align: right;
  white-space: nowrap;
}

#filterBar .rightPanel a {
  color: #333;
  text-decoration: none;
  padding-left: 5px;
  margin-left: 5px;
  height: 22px;
  line-height: 22px;
  -border-left: 1px solid #AAA;
}

#filterBar .rightPanel a.first {
  border-left: none;
}

#filterBar .rightPanel .count {
  color: #F80;
  font-weight: bold;
}

#filterBar .rightPanel a:hover {
  background: #DDD;
}

#filterBar .rightPanel a.trash:hover {
  background: transparent;
}

#filterBar .rightPanel .x {
  color: #F80;
  font-weight: bold;
}

#filterList {
  display: block;
  background: #fcfcfc;
  border: 1px solid #ddd;
  font-size: 11px;
  position: relative;
}

#filterList .column {
  width: 165px;
  float: left;
  margin: 15px 15px 0 15px;
}

#filterList .column.first {
  margin-left: 15px;
}

#filterList .column.last {
  margin-right: 15px;
}

#filterList .groupHeader {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 16px;
  padding: 0;
  color: #777;
  border-bottom: 1px dotted #AAA;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#filterList .group {
  padding-bottom: 15px;
}

#filterList .item {
  margin: 0 1px;
  display: block;
  padding: 0 0 0 15px;
  color: #222;
  line-height: 16px;
  height: 16px;
  text-decoration: none;
  background-color: transparent;
  background-position: 2px center;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#filterList .item:hover {
  color: #fff;
  background-color: #888;
  outline: 1px solid #888;
}

#filterList .item.selected {
  background-image: url(filter/tick.png);
}

#filterList .item.selected:hover {
  background-image: url(filter/tick_white.png);
}

#filterList .trash {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/*******************************************************************************
 * Roompreview
 ******************************************************************************/
#roomPreviewLoader {
  display: none;
  position: absolute;
  left: 1px;
  top: 1px;
  background: url("/swf/ajax-loader.gif") center center no-repeat;
  z-index: 100;
}

/*******************************************************************************
 * Separator
 ******************************************************************************/
.roomlist_separator {
  width: 100%;
  height: 21px;
  color: #000;
  text-decoration: none;
}

.roomlist_separator .f_title, .roomlist_separator .f_right {
  height: 20px;
  line-height: 20px;
}

.roomlist_separator .f_title {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  float: left;
  vertical-align: middle;
}

.roomlist_separator .f_right {
  float: right;
  text-align: right;
  padding-right: 7px;
}

.roomlist_separator.paging .f_right {
  padding-right: 0;
}

.f_icon {
  padding-left: 20px;
}

.f_icon_big {
  background: url(roomcomponent/theme_icon_big.png) left bottom no-repeat;
}

.f_icon_small {
  background: url(roomcomponent/theme_icon_small.png) left bottom no-repeat;
}

/*******************************************************************************
 * Common values
 ******************************************************************************/
.roomtheme {
  margin-top: 20px !important;
  position: relative;
  z-index: 1;
}

.roomblock {
  vertical-align: top;
  display: block;
  float: left;
  *float: none;
  /* IE FIX */
  *display: inline;
  /* IE FIX */
  *zoom: 1;
  /* IE FIX */
  *font-size: 0;
  /* Inline block fix */
}

.roomlist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef;
}

.roomlist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}

.roomlist_label a {
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.roomlist_label.pom a {
  color: #fff;
  background: #ff4f0a;
}

.roomlist_label.pom {
  background: #ff4f0a;
}

.roomlist_label a:hover {
  text-decoration: none;
}

.roomlist_label_last {
  margin-bottom: 15px;
}

.roomblock .flag-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 17px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.roomblock .flag-list {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15px;
  padding: 0 3px;
  text-align: left;
}
.roomblock .hd {
  background: transparent url(roomcomponent/hd.png) top left no-repeat;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 22px;
  height: 14px;
}
.roomblock a.favourite-toggle {
  position: absolute;
  display: block;
  left: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  background-image: url(roomcomponent/favorite2.png);
  background-repeat: no-repeat;
}
.roomblock .roomlist_room .favourite-add {
  display: block;
  background-position: 0 0;
}
.roomblock .roomlist_room .favourite-del {
  display: none;
  background-position: 0 -30px;
}
.roomblock .roomlist_room:hover .favourite-add {
  background-position: -30px 0;
}
.roomblock .roomlist_room:hover .favourite-del {
  background-position: -30px -30px;
}
.roomblock .roomlist_room.favourite .favourite-add {
  display: none;
}
.roomblock .roomlist_room.favourite .favourite-del {
  display: block;
}
.roomblock .roomlist_layer {
  position: absolute;
}
.roomblock .roomlist_full_layer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.roomblock .flash-container,
.roomblock .link-layer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.roomblock .flash-container {
  margin: auto;
  overflow: hidden;
}
.roomblock .flash-container .online-status {
  text-align: center;
  width: 50%;
  height: 2em;
  line-height: 2em;
  background: #FFF;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.roomblock .flash-container .live-badge {
  position: absolute;
  top: 5px;
  left: auto;
  bottom: auto;
  right: 5px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px #000;
}
.roomblock .flash-container.loading {
  background: url("ajax-loader.gif") center center no-repeat;
}
.roomblock .smarttoys {
  width: 92px;
  height: 23px;
  bottom: 18px;
  left: 2px;
  position: absolute;
  background-image: url(/design/default/roomcomponent/room_ohmibod2.png);
}
.roomblock .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 180px;
  height: 135px;
}
.roomblock .achievement.achievement_competition_general {
  position: absolute;
  bottom: -17px;
  right: -8px;
  top: auto;
  left: auto;
  width: 27px;
  height: 40px;
}

/*******************************************************************************
 * Big theme
 ******************************************************************************/
.roomtheme_big {
  margin: 0 -10px 0 -10px;
}
.roomtheme_big .roomblock {
  margin: 0 10px 10px 10px;
  width: 180px;
}
.roomtheme_big .roomlist_room {
  width: 180px;
  text-align: left;
  position: relative;
}
.roomtheme_big .roomlist_layers {
  position: relative;
  width: 178px;
  height: 135px;
}
.roomtheme_big .roomlist_border {
  border: 1px solid #999;
}
.roomtheme_big .roomlist_layer {
  position: absolute;
}
.roomtheme_big .roomlist_full_layer {
  top: 0;
  left: 0;
  width: 178px;
  height: 135px;
}
.roomtheme_big .roomlist_image {
  background-position: -1px -1px;
}
.roomtheme_big .achievement {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 180px;
  height: 135px;
}

/*******************************************************************************
 * Small theme
 ******************************************************************************/
.roomtheme_small {
  margin: 0 -11px 0 -11px;
}
.roomtheme_small .roomblock {
  margin: 0 12px 8px 11px;
  width: 144px;
}
.roomtheme_small .roomlist_room {
  width: 144px;
  text-align: left;
  position: relative;
}
.roomtheme_small .roomlist_layers {
  position: relative;
  width: 142px;
  height: 106px;
}
.roomtheme_small .roomlist_full_layer {
  top: 0;
  left: 0;
  width: 142px;
  height: 106px;
}
.roomtheme_small .roomlist_border {
  border: 1px solid #999;
}
.roomtheme_small .roomlist_image {
  background-position: -1px -1px;
}
.roomtheme_small .achievement {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 144px;
  height: 108px;
}

/*******************************************************************************
 * mypage theme
 ******************************************************************************/
.roomtheme_mypage {
  margin: 0 -5px -5px -5px;
  margin-top: 5px !important;
}
.roomtheme_mypage .roomblock {
  margin: 0 5px 5px 5px;
  width: 165px;
}
.roomtheme_mypage .roomlist_room {
  width: 100%;
}
.roomtheme_mypage .roomlist_border {
  border: 1px solid #999;
  position: relative;
  width: 163px;
  height: 122px;
}
.roomtheme_mypage .achievement {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 100%;
  height: 100%;
}

/*******************************************************************************
 * Common values
 ******************************************************************************/
.videolist_separator {
  width: 100%;
  height: 21px;
  font-family: Arial;
  font-size: 12px;
  color: #000;
  text-decoration: none;
}

.videolist_separator a {
  color: #000;
  text-decoration: none;
}

.videolist_separator a:hover {
  color: #1B75A9;
  text-decoration: none;
}

.videolist_separator .f_title, .videolist_separator .f_right {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
}

.videolist_separator .f_title {
  float: left;
  vertical-align: middle;
}

.videolist_separator .f_right {
  float: right;
  text-align: right;
  padding-right: 7px;
}

.videolist_separator.paging .f_right {
  padding-right: 0;
}

.f_icon {
  padding-left: 20px;
}

.f_icon_big {
  background: url(roomcomponent/theme_icon_big.png) left bottom no-repeat;
}

.f_icon_small {
  background: url(roomcomponent/theme_icon_small.png) left bottom no-repeat;
}

.videotheme {
  margin-top: 20px !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.videotheme .videolist_layer {
  position: absolute;
}

.videotheme .videolist_border {
  border: 1px solid #999;
}

.videotheme .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.videotheme .videolist_full_layer {
  top: 0;
  left: 0;
}

.videotheme .title a {
  color: #333;
  text-decoration: none;
}

.videotheme .details {
  height: 16px;
}

.videotheme .details .left {
  float: left;
}

.videotheme .details .right {
  float: right;
}

.videotheme .details .left,
.videotheme .details .right {
  font-size: 11px;
  line-height: 16px;
  height: 11px;
}

.videoblock {
  vertical-align: top;
  display: block;
  float: left;
  *float: none;
  /* IE FIX */
  *display: inline;
  /* IE FIX */
  *zoom: 1;
  /* IE FIX */
  *font-size: 0;
  /* Inline block fix */
}

.videotheme .star {
  float: right;
  background-image: url(videocomponent/star.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  width: 14px;
  height: 13px;
}

.videotheme .videolist_screenname {
  top: auto;
  bottom: 3px;
  height: 11px !important;
  line-height: 11px;
  text-align: left;
  color: #FFF;
  padding-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.videotheme .videolist_flag {
  top: auto;
  bottom: 3px;
  height: 11px;
  text-align: left;
}

.videotheme .videolist_flag_bg {
  top: auto;
  bottom: 0;
  height: 16px !important;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.videotheme a.videocomponentlink {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.videotheme a.videocomponentlink:hover {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

.videotheme .egg, .roomtheme .egg {
  position: absolute;
  bottom: -3px;
  right: -3px;
  top: auto;
  left: auto;
  width: 37px;
  height: 42px;
}

.videotheme .star.full {
  background-position: 0 -13px;
}

.videotheme .star.half {
  background-position: 0 -26px;
}

/*******************************************************************************
 * Big theme
 ******************************************************************************/
.videotheme_big {
  margin: 0 -10px 0 -10px;
}

.videotheme_big .videoblock {
  margin: 0 10px 20px 10px;
  width: 180px;
}

.videotheme_big .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 180px;
  height: 135px;
}

.videotheme_big .videolist_video {
  width: 180px;
  text-align: left;
  position: relative;
}

.videotheme_big .videolist_layers {
  position: relative;
  width: 178px;
  height: 135px;
}

.videotheme_big .videolist_full_layer {
  width: 178px;
  height: 135px;
}

.videotheme_big .videolist_image {
  background-position: -1px -1px;
}

.videotheme_big .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%;
}

.videotheme_big .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef;
}

.videotheme_big .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}

.videotheme_big .videolist_label_last {
  margin-bottom: 15px;
}

/*******************************************************************************
 * Huge theme
 ******************************************************************************/
.videotheme_huge {
  margin: 0 -14px 0 -14px;
}

.videotheme_huge .videoblock {
  margin: 0 14px 28px 14px;
  width: 308px;
}

.videotheme_huge .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 308px;
  height: 231px;
}

.videotheme_huge .videolist_video {
  width: 308px;
  text-align: left;
  position: relative;
}

.videotheme_huge .videolist_layers {
  position: relative;
  width: 306px;
  height: 229px;
}

.videotheme_huge .videolist_full_layer {
  width: 306px;
  height: 229px;
}

.videotheme_huge .videolist_image {
  background-position: -1px -1px;
}

.videotheme_huge .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%;
}

.videotheme_huge .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef;
}

.videotheme_huge .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}

.videotheme_huge .videolist_label_last {
  margin-bottom: 15px;
}

/*******************************************************************************
 * Small theme
 ******************************************************************************/
.videotheme_small {
  margin: 0 -8px 0 -8px;
}

.videotheme_small .videoblock {
  margin: 0 7px 7px 8px;
  width: 144px;
}

.videotheme_small a.videocomponentlink {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 138px;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.videotheme_small .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 144px;
  height: 108px;
}

.videotheme_small .title {
  font-size: 12px;
  line-height: 16px;
  height: 16px;
}

.videotheme_small .videolist_video {
  width: 144px;
  text-align: left;
  position: relative;
}

.videotheme_small .videolist_layers {
  position: relative;
  width: 142px;
  height: 106px;
}

.videotheme_small .videolist_full_layer {
  width: 142px;
  height: 106px;
}

.videotheme_small .videolist_image {
  background-position: -1px -1px;
}

.videotheme_small .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%;
}

.videotheme_small .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef;
}

.videotheme_small .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}

.videotheme_small .details .left,
.videotheme_small .details .right {
  font-size: 10px;
  line-height: 14px;
  height: 11px;
}

.videotheme_small .videolist_label_last {
  margin-bottom: 15px;
}

.videotheme_small .star {
  background-position: -1px 0;
  width: 12px;
}

.videotheme_small .star.half {
  background-position: -1px -26px;
}

.videotheme_small .star.full {
  background-position: -1px -13px;
}

/*******************************************************************************
 * mypage theme
 ******************************************************************************/
.videotheme_mypage {
  margin: 0 -7px 0 -7px;
  font-family: arial;
}

.videotheme_mypage .videoblock {
  margin: 0 7px 7px 7px;
  width: 162px;
}

.videotheme_mypage a.videocomponentlink {
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 162px;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.videotheme_mypage .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 162px;
  height: 108px;
}

.videotheme_mypage a.videocomponentlink:hover {
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

.videotheme_mypage .title {
  font-size: 12px;
  line-height: 16px;
  height: 16px;
}

.videotheme_mypage .videolist_video {
  width: 162px;
  text-align: left;
  position: relative;
}

.videotheme_mypage .videolist_layers {
  position: relative;
  width: 160px;
  height: 120px;
}

.videotheme_mypage .videolist_full_layer {
  width: 160px;
  height: 120px;
}

.videotheme_mypage .videolist_image {
  background-position: -1px -1px;
}

.videotheme_mypage .videolist_full_layer a {
  display: block;
  width: 100%;
  height: 100%;
}

.videotheme_mypage .videolist_flag_bg {
  top: auto;
  bottom: 0;
  height: 16px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.videotheme_mypage .videolist_flag {
  top: auto;
  bottom: 0;
  height: 16px;
  text-align: left;
  line-height: 16px;
}

.videotheme_mypage .videolist_flag span {
  vertical-align: middle;
  line-height: 16px;
}

.videotheme_mypage .videolist_flag img {
  padding-top: 3px;
}

.videotheme_mypage .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef;
}

.videotheme_mypage .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}

.videotheme_mypage .details .left,
.videotheme_mypage .details .right {
  font-size: 10px;
  line-height: 14px;
  height: 11px;
}

.videotheme_mypage .videolist_label_last {
  margin-bottom: 15px;
}

.videotheme_mypage .star {
  background-position: -1px 0;
  width: 12px;
}

.videotheme_mypage .star.half {
  background-position: -1px -26px;
}

.videotheme_mypage .star.full {
  background-position: -1px -13px;
}

/*******************************************************************************
 * Seperate video page
*******************************************************************************/
#videoPage {
  position: relative;
}

#videoPageSide .menu {
  padding: 0;
  margin: 0 0 20px 0;
}

#videoPageSide .menu li {
  margin: 0;
  padding: 0;
  display: block;
}

#videoPageSide .menu li.active {
  font-weight: bold;
}

#videoPageSide .menu li a {
  color: #555;
  text-decoration: none;
  line-height: 20px;
}

#videoPageSide .menu li.active a {
  color: #333;
}

#videoPageSide .info .rating {
  display: inline-block;
  vertical-align: top;
}

#videoPageSide .info {
  line-height: 2em;
  height: 2em;
}

#videoPageSide .info .label {
  font-weight: bold;
}

#videoPageSide a {
  color: #333;
}

#videoPageVideo .thumbnails {
  margin: 0 -8px;
}

/*******************************************************************************
 * Simple theme - for promo panel
 ******************************************************************************/
.videotheme_simple {
  margin: 0 -10px 0 -10px;
}
.videotheme_simple .videoblock {
  margin: 0 10px 0 10px;
  width: 180px;
}
.videotheme_simple .achievement {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 180px;
  height: 135px;
}
.videotheme_simple .videolist_video {
  width: 180px;
  text-align: left;
  position: relative;
}
.videotheme_simple .videolist_layers {
  position: relative;
  width: 178px;
  height: 135px;
}
.videotheme_simple .videolist_full_layer {
  width: 178px;
  height: 135px;
}
.videotheme_simple .videolist_image {
  background-position: -1px -1px;
}
.videotheme_simple .videolist_full_layer a {
  background: url("mypage/video_overlay.png") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
.videotheme_simple .videolist_label {
  margin-top: 2px;
  padding: 0 3px;
  text-align: center;
  background: #edeeef;
}
.videotheme_simple .videolist_label a {
  display: block;
  text-overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}
.videotheme_simple .videolist_label_last {
  margin-bottom: 15px;
}

#ccPanel {
  width: 574px;
  height: 761px;
  position: absolute;
  z-index: 800;
  right: -584px;
  top: 0;
  border: 3px solid #000;
  background: #FFF;
  -webkit-transition: 0.25s right ease-in;
  -moz-transition: 0.25s right ease-in;
  -ms-transition: 0.25s right ease-in;
  transition: 0.25s right ease-in;
}
body.videos #ccPanel {
  height: 802px;
}
#ccPanel iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#ccPanel .close_old {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  overflow: visible;
  padding: 3px;
  text-align: center;
  font-family: Arial;
  font-size: 8pt;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  color: #525252;
}
#ccPanel .close_old:hover {
  background-color: #525252;
  color: #f8f8f8;
}
#ccPanel .close {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
#ccPanel .close i {
  display: block;
  width: 14px;
  height: 14px;
  background: url("scrollpanel/sprite.png?v=2") -30px 0 no-repeat;
}
#ccPanel .close:hover i {
  background-position: -44px 0;
}
#ccPanel.visible {
  right: 10px;
}

#myPage {
  position: relative;
}

#myPageContentMain {
  margin-bottom: 20px;
}

#myPageSideBar .roomImage {
  position: relative;
  width: 268px;
  height: 200px;
  border: 1px solid #888;
  margin-bottom: 15px;
}

#myPage .roomImage .achievement {
  width: 52px;
  height: 52px;
  top: -1px;
  right: -1px;
  position: absolute;
}

#myPage .roomImage .smarttoys {
  width: 92px;
  height: 23px;
  bottom: 18px;
  left: 2px;
  position: absolute;
  background-image: url(/design/default/roomcomponent/room_ohmibod2.png);
}

#myPageSideBar .roomImage .achievement_competition_general {
  position: absolute;
  bottom: -17px;
  right: -8px;
  top: auto;
  left: auto;
  width: 27px;
  height: 40px;
}

#myPageSideBar .roomImage .achievement_fav {
  bottom: auto;
  right: auto;
  top: 10px;
  left: 10px;
  background: url(../../roomcomponent/favorite.png) left top no-repeat;
}

#myPageSideBar .roomImage .flagbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#myPageSideBar .roomImage .flags {
  position: absolute;
  bottom: 3px;
  left: 3px;
  height: 11px;
}

#myPage h1.name {
  font-weight: bold;
}

#myPageSideBar .rating .label {
  float: left;
  line-height: 19px;
  height: 19px;
  margin-right: 3px;
}

#myPage li.popup {
  position: relative;
}

#myPageSideBar .rating, #myPageSideBar .lastShow, #myPageSideBar .since {
  clear: both;
  line-height: 18px;
  height: 18px;
}

#myPageSideBar .lastShow, #myPageSideBar .since {
  clear: both;
  margin: 10px 0;
  height: auto;
  line-height: 1.1em;
}

#myPage .intro .panel td {
  width: 50%;
  vertical-align: top;
}

#myPage .intro .panel .left {
  border-right: 1px solid #aaa;
  padding: 0 10px 0 0;
}

#myPage .intro .panel .right {
  padding: 0 0 0 10px;
}

#myPage .intro .attributes {
  line-height: 1.5em;
}

#myPage .intro .attributes .items {
  margin: 15px 0;
}

#myPage .intro .attributes a,
#myPage .intro .tags a {
  color: #333;
  text-decoration: none;
}

#myPage .intro .attributes a:hover,
#myPage .intro .tags a:hover {
  text-decoration: underline;
}

#myPage .intro .attributes .items div {
  float: left;
  width: 50%;
}

#myPage .intro .box p.q {
  font-weight: bold;
  margin-bottom: 0;
}

#myPage .intro .box p.a {
  margin-top: 0;
}

/* Play button */
#myPage .play_overlay {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.5;
  z-index: 100;
  background: url("mypage/video_overlay.png") center center no-repeat;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
}

#myPage .play_overlay:hover {
  opacity: 1;
}

#myPageContent .gallery .image {
  padding: 3px;
  border: 1px solid #888;
  margin-bottom: 20px;
  position: relative;
}

#myPageContent .gallery .image div {
  display: block;
  width: 682px;
  height: 511px;
}

#myPageContent .gallery .image div a {
  color: #FFF;
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  line-height: 100%;
  width: 100px;
  font-size: 64px;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  text-shadow: 1px 1px 3px black;
}

#myPageContent .gallery .image div:hover a {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  display: block;
  opacity: 0.5;
}

#myPageContent .gallery .image div a span {
  display: block;
  position: absolute;
  top: 233px;
  width: 26px;
  height: 44px;
  background-image: url(../../mypage/arrow.png);
}

#myPageContent .gallery .image div a.prev span {
  background-position: 0 0;
  left: 20px;
}

#myPageContent .gallery .image div a.next span {
  background-position: 26px 0;
  right: 20px;
}

#myPageContent .gallery .image div a.prev span {
  background-position: 0 0;
}

#myPageContent .gallery .image div:hover a:hover {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  opacity: 1;
}

#myPageContent .gallery .image div a:hover {
  text-decoration: none;
}

#myPageContent .gallery .image div a.prev {
  left: 0;
}

#myPageContent .gallery .image div a.next {
  right: 0;
}

#myPageContent .videogallery .thumbnails {
  margin: 0 -8px;
  m-argin-top: 0 !important;
}

#myPageContent .morethumbnails .more {
  padding: 5px;
  float: right;
  color: #333;
}

#myPageContent .morethumbnails .more:hover {
  color: #047;
}

#myPageContent .imagegallery .thumbnails,
#myPageContent .morethumbnails {
  margin: 0 -3px 0 -3px;
}

#myPageContent .gallery .thumbnail,
#myPageContent .morethumbnails .thumbnail {
  float: left;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 3px 3px 3px 3px;
}

#myPageContent .gallery .thumbnail.selected {
  background: #fa0;
  border: 1px solid #888;
}

#myPage .content.gallery .thumbnail a,
#myPageContent .morethumbnails .thumbnail a {
  display: block;
  width: 158px;
  height: 119px;
}

#myPage .paging a .inner {
  font-size: 11px;
  line-height: 19px;
  height: 19px;
  padding: 0 5px;
}

#myPageContent .miniText div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

#myPage .content.gallery .prevnext a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

#myPage .imgagegallery .content.gallery .prevnext {
  float: right;
}

#myPage .videotheme {
  margin-top: 0 !important;
}

#myPage #videoPlayerHolderMyPage {
  margin-bottom: 20px;
}

#videoPlayerHolderMyPage {
  width: 560px;
  height: 420px;
  position: relative;
}

#videoPlayerHolderMyPage .ppm {
  top: 150px;
}

#videoPlayerHolderMyPage .ppv {
  top: 150px;
}

#myPage #throbber {
  display: none;
}

/* Language Chooser on chat page */
#chatLanguageChooser {
  border: 1px solid #ccc;
  padding: 20px;
}

#chatLanguageChooser .flag {
  width: 33%;
  float: left;
  line-height: 24px;
}

#chatLanguageChooser .flags {
  padding: 20px 0 10px 0;
}

#chatLanguageChooser .bottom {
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

#chatLanguageChooser .description a {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

#miniTeaser {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.box.quickbuy .state-success, .box.quickbuy .state-error, .box.quickbuy .state-ask {
  margin: 0.5em 0;
  padding: 0.5em;
  display: none;
}
.box.quickbuy .state-success {
  border: 1px solid #080;
  color: #080;
}
.box.quickbuy .state-error {
  border: 1px solid #800;
  color: #800;
}
.box.quickbuy .state-ask {
  border: 1px solid #ccc;
  font-color: #555;
}
.box.quickbuy .state-ask .message {
  margin-bottom: 0.5em;
}
.box.quickbuy .state-ask .buttons {
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
}

.tip-widget {
  line-height: 1.5em;
}
.tip-widget .result-error, .tip-widget .result-success {
  display: none;
  text-align: left;
  margin: 1em 0;
}
.tip-widget .result-error {
  color: #A00;
}
.tip-widget .result-success {
  color: #333;
}
.tip-widget .state-normal, .tip-widget .state-cantsend, .tip-widget .state-outofcredit, .tip-widget .state-loading {
  display: none;
  margin: 1em 0;
  display: none;
}
.tip-widget .dropdowncnt {
  display: none;
  width: 183px;
  height: 24px;
  overflow: hidden;
  position: relative;
  float: left;
  background: #FFF;
  outline: 1px solid #f1ca7f;
  border: 1px solid #be974b;
  border-radius: 1px;
}
.tip-widget .dropdowncnt:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: url(mypage/tiparrow.png);
}
.tip-widget .dropdown {
  appearance: normal;
  background: #FFF;
  border: none;
  outline: 0;
  width: 183px;
  height: 24px;
  font: 12px Arial;
  color: #333;
  padding: 2px 0 0 0;
  vertical-align: middle;
}
.tip-widget .dropdown:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
}
.tip-widget .send {
  display: none;
  background: #eee;
  border-radius: 1px;
  border: 1px solid #ccc;
  height: 26px;
  width: 70px;
  font: 12px Arial;
  color: #333;
  float: right;
}
.tip-widget.state-loading .state-loading {
  display: block;
}
.tip-widget.state-normal .state-normal {
  display: block;
}
.tip-widget.state-normal .dropdowncnt {
  display: block;
}
.tip-widget.state-normal .send {
  display: block;
}
.tip-widget.state-sent .state-normal {
  display: block;
}
.tip-widget.state-sent .dropdowncnt {
  display: block;
}
.tip-widget.state-sent .send {
  display: block;
}
.tip-widget.state-cantsend .state-cantsend {
  display: block;
}
.tip-widget.result-success .result-success {
  display: block;
}
.tip-widget.result-error .result-error {
  display: block;
}
.tip-widget .tipwidget.notmodern .dropdowncnt .arrow {
  display: none;
}
.tip-widget .tipwidget.notmodern .dropdowncnt {
  background: #FFF url(mypage/tiparrow.png) top right no-repeat;
}
.tip-widget .tipwidget.notmodern .dropdown {
  width: 133px;
}

#myPageSideBar .happyHourBanner {
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #000;
  display: none;
  width: 270px;
  height: 102px;
  margin-bottom: 15px;
}
#myPageSideBar .happyHourBanner .inner {
  padding: 15px;
  color: #fff;
}
#myPageSideBar .happyHourBanner .inprogress {
  padding-left: 140px;
  padding-top: 17px;
  line-height: 1.25em;
  font-size: 14px;
}
#myPageSideBar .happyHourBanner .finished {
  padding-top: 64px;
  font-size: 11px;
  text-align: center;
}
#myPageSideBar .happyHourBanner.inprogress {
  background-image: url(happyhour/hh_progress.jpg);
}
#myPageSideBar .happyHourBanner.inprogress .inprogress {
  display: block;
}
#myPageSideBar .happyHourBanner.inprogress .finished {
  display: none;
}
#myPageSideBar .happyHourBanner.finished {
  background-image: url(happyhour/hh_finished_en.jpg);
}
#myPageSideBar .happyHourBanner.finished.hu {
  background-image: url(happyhour/hh_finished_hu.jpg);
}
#myPageSideBar .happyHourBanner.finished .inprogress {
  display: none;
}
#myPageSideBar .happyHourBanner.finished .finished {
  display: block;
}

.gift-widget p {
  margin: 1em 0;
  line-height: 1.5em;
}
.gift-widget .dropdown, .gift-widget .textarea, .gift-widget .buttons, .gift-widget .loading, .gift-widget .result {
  margin: 10px 0;
}
.gift-widget .dropdown {
  display: block;
  position: relative;
  height: 31px;
}
.gift-widget .dropdown * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.gift-widget .dropdown .selected, .gift-widget .dropdown .list {
  border: 1px solid #ccc;
  background: #fff;
}
.gift-widget .dropdown .list {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  display: none;
}
.gift-widget .dropdown .list-inner {
  max-height: 200px;
  overflow: auto;
}
.gift-widget .dropdown .item-template {
  display: none;
}
.gift-widget .dropdown .item {
  width: 100%;
  display: table;
}
.gift-widget .dropdown .item .image, .gift-widget .dropdown .item .name, .gift-widget .dropdown .item .price {
  display: table-cell;
  vertical-align: middle;
  padding: 2px 10px;
}
.gift-widget .dropdown .item .name {
  padding: 2px 0;
}
.gift-widget .dropdown .item .price {
  text-align: right;
  color: #888;
}
.gift-widget .dropdown .item .image {
  vertical-align: top;
  width: 25px;
}
.gift-widget .dropdown .item .image img {
  width: 25px;
  height: 25px;
}
.gift-widget .dropdown .item:hover {
  background: #eee;
  outline: 1px solid #ddd;
}
.gift-widget .dropdown .selected {
  height: 29px;
  padding-right: 33px;
  overflow: hidden;
  background: url("mypage/tiparrow.png") no-repeat;
  background-position: right 4px top 3px;
}
.gift-widget .dropdown .selected .default {
  height: 25px;
  line-height: 25px;
  padding: 2px 10px;
}
.gift-widget .dropdown .selected .item:hover {
  background: #fff;
  outline: none;
}
.gift-widget .dropdown .selected .price {
  padding-right: 0;
}
.gift-widget .dropdown .cat-name {
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #ccc;
  margin: 10px 10px 5px 10px;
  font-weight: bold;
  font-size: 10px;
}
.gift-widget .dropdown hr {
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  padding: 0;
  margin: 5px;
}
.gift-widget .dropdown.compact .list-inner {
  max-height: 120px;
  overflow: auto;
}
.gift-widget .dropdown.up .list {
  position: absolute;
  bottom: 30px;
  top: auto;
  left: 0;
  right: 0;
  display: none;
}
.gift-widget .textarea {
  display: none;
}
.gift-widget .textarea textarea {
  font-family: inherit;
  font-size: inherit;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  resize: none;
  margin: 0;
  vertical-align: top;
}
.gift-widget .textarea textarea:disabled {
  background: #fff;
  color: #aaa;
}
.gift-widget .buttons {
  display: none;
  text-align: right;
}
.gift-widget .buttons input {
  border: 1px solid #ccc;
  background: #eee;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 5px 5px;
}
.gift-widget .loading {
  display: none;
}
.gift-widget .loading .loading-animation-1 {
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
}
.gift-widget .loading .loading-animation-1, .gift-widget .loading span {
  vertical-align: middle;
}
.gift-widget .loading span {
  line-height: 16px;
  display: inline-block;
  margin-left: 5px;
}
.gift-widget .result {
  display: none;
}
.gift-widget textarea:focus, .gift-widget .focus {
  outline: 1px solid #f1ca7f !important;
  outline-offset: 0;
  border: 1px solid #be974b !important;
}

#myPage .intro .box.gifts * {
  box-sizing: border-box;
}
#myPage .intro .box.gifts * {
  -moz-box-sizing: border-box;
}
#myPage .intro .box.gifts .list {
  margin: 15px -5px 15px -5px;
}
#myPage .intro .box.gifts .plus {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #f46240;
  border-radius: 100%;
  background-image: url(/design/default/gift/plus.png);
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
#myPage .intro .box.gifts .gift {
  display: block;
  width: 100px;
  height: 100px;
  margin: 5px 5px 5px 5px;
  float: left;
  position: relative;
  color: #333;
}
#myPage .intro .box.gifts .gift .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d9d9d9;
  background: #fff;
  box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
#myPage .intro .box.gifts .gift .img {
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 75px;
  height: 75px;
}
#myPage .intro .box.gifts .gift .info {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px;
  opacity: 1;
  text-align: center;
  font-size: 11px;
}
#myPage .intro .box.gifts .gift .info .name-price, #myPage .intro .box.gifts .gift .info .by {
  line-height: 1.3em;
  margin: 0.2em 0;
}
#myPage .intro .box.gifts .gift .info .name, #myPage .intro .box.gifts .gift .info .message {
  font-weight: bold;
  font-size: 12px;
}
#myPage .intro .box.gifts .gift .info .name {
  padding-bottom: 3px;
}
#myPage .intro .box.gifts .gift .info .by {
  color: #888;
  height: 1.3em;
  overflow: hidden;
}
#myPage .intro .box.gifts .gift .info .username {
  white-space: nowrap;
  height: 1.3em;
  max-width: 124px;
  display: inline-block;
  text-overflow: ellipsis;
}
#myPage .intro .box.gifts .gift.item .plus {
  display: none;
}
#myPage .intro .box.gifts .gift.placeholder .plus {
  display: block;
  top: 63px;
  left: 63px;
}
#myPage .intro .box.gifts .gift.placeholder .img {
  left: 17px;
  top: 17px;
  width: 65px;
  height: 65px;
  background-image: url(gift/gift_placeholder.png);
}
#myPage .intro .box.gifts .gift:hover .inner {
  z-index: 10;
  color: #fff;
  background: #111;
  border-color: #111;
  box-shadow: none;
  top: -10px;
  bottom: -30px;
  left: -20px;
  right: -20px;
}
#myPage .intro .box.gifts .gift:hover .info {
  display: block;
}
#myPage .intro .box.gifts .gift:hover .plus {
  display: block;
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 10px;
  left: auto;
  bottom: auto;
}
#myPage .intro .box.gifts .gift:hover .message {
  padding: 10px 0;
}
#myPage .intro .box.gifts .gift:hover .img {
  width: 65px;
  height: 65px;
  left: 37px;
  top: 12px;
}
#myPage .intro .box.gifts .gift.placeholder:hover .img {
  width: 65px;
  height: 65px;
  left: 37px;
  top: 22px;
  background-image: url(gift/gift_placeholder_hover.png);
}
#myPage .intro .box.gifts .gift-empty {
  display: block;
  text-align: center;
  margin: 20px 0 30px 0;
}

#myPage .send-gift h1 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

#myPage .send-gift .normal-gifts .box * {
  box-sizing: border-box;
}
#myPage .send-gift .normal-gifts .box * {
  -moz-box-sizing: border-box;
}
#myPage .send-gift .normal-gifts .list {
  margin: 0 -5px 20px -5px;
}
#myPage .send-gift .normal-gifts .plus {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #f46240;
  border-radius: 100%;
  background-image: url(/design/default/gift/plus.png);
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
#myPage .send-gift .normal-gifts input.button {
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
  border-radius: 3px;
}
#myPage .send-gift .normal-gifts .gift {
  cursor: pointer;
  position: relative;
  float: left;
  width: 130px;
  height: 130px;
  margin: 5px;
}
#myPage .send-gift .normal-gifts .gift .inner, #myPage .send-gift .normal-gifts .gift .image, #myPage .send-gift .normal-gifts .gift .details, #myPage .send-gift .normal-gifts .gift .details2 {
  position: absolute;
}
#myPage .send-gift .normal-gifts .gift .inner {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#myPage .send-gift .normal-gifts .gift .image {
  width: 65px;
  height: 65px;
  top: 10px;
  left: 32.5px;
}
#myPage .send-gift .normal-gifts .gift .details, #myPage .send-gift .normal-gifts .gift .details2 {
  text-align: center;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
#myPage .send-gift .normal-gifts .gift .details .name {
  overflow: hidden;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}
#myPage .send-gift .normal-gifts .gift .details .price {
  color: #888;
  font-size: 11px;
}
#myPage .send-gift .normal-gifts .gift .details2 {
  display: none;
  padding-top: 10px;
}
#myPage .send-gift .normal-gifts .gift .details2 input.button {
  vertical-align: top;
  background: #f46240;
  padding: 5px 10px;
  width: 90px;
}
#myPage .send-gift .normal-gifts .gift .plus {
  position: absolute;
  top: 76px;
  left: 95px;
  display: none;
}
#myPage .send-gift .normal-gifts .gift:hover, #myPage .send-gift .normal-gifts .gift.hover {
  color: #fff;
}
#myPage .send-gift .normal-gifts .gift:hover .details, #myPage .send-gift .normal-gifts .gift.hover .details {
  display: none;
}
#myPage .send-gift .normal-gifts .gift:hover .details2, #myPage .send-gift .normal-gifts .gift.hover .details2 {
  display: block;
}
#myPage .send-gift .normal-gifts .gift:hover .plus, #myPage .send-gift .normal-gifts .gift.hover .plus {
  display: block;
}
#myPage .send-gift .normal-gifts .gift:hover .details, #myPage .send-gift .normal-gifts .gift:hover .details2, #myPage .send-gift .normal-gifts .gift.hover .details, #myPage .send-gift .normal-gifts .gift.hover .details2 {
  bottom: 17px;
  left: 17px;
  right: 17px;
}
#myPage .send-gift .normal-gifts .gift:hover .inner, #myPage .send-gift .normal-gifts .gift.hover .inner {
  z-index: 10;
  background: #111;
  border-color: #111;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  padding: 7px;
}
#myPage .send-gift .normal-gifts .gift:hover .image, #myPage .send-gift .normal-gifts .gift.hover .image {
  top: 17px;
  left: 39.5px;
}
#myPage .send-gift .normal-gifts .gift.selected .inner {
  border-color: #f46240;
}
#myPage .send-gift .normal-gifts .dialog-template {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.2s height ease-in;
  padding: 10px 0;
}
#myPage .send-gift .normal-gifts .dialog .inner {
  position: relative;
  margin: 0 5px;
  background: #111;
  color: #fff;
  padding: 30px;
  height: 210px;
}
#myPage .send-gift .normal-gifts .dialog div.text {
  padding-right: 105px;
}
#myPage .send-gift .normal-gifts .dialog h4 {
  font-size: 16px;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
}
#myPage .send-gift .normal-gifts .dialog p {
  margin: 1.5em 0;
}
#myPage .send-gift .normal-gifts .dialog p.text {
  min-height: 3em;
  /*Two lines, 1.5 line height*/
}
#myPage .send-gift .normal-gifts .dialog .img {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 75px;
  height: 75px;
}
#myPage .send-gift .normal-gifts .dialog img {
  vertical-align: top;
  width: 75px;
  height: 75px;
}
#myPage .send-gift .normal-gifts .dialog .arrow {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: " ";
  border: 5px solid rgba(51, 51, 51, 0);
  border-bottom-color: #111;
  margin-left: -5px;
}
#myPage .send-gift .normal-gifts .dialog textarea {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #3f3f3f;
  background: #2d2d2d;
  color: #aaa;
  margin: 20px 0;
  resize: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#myPage .send-gift .normal-gifts .dialog textarea:focus {
  outline: 1px solid transparent;
  border: 1px solid #555;
  outline-offset: 0;
}
#myPage .send-gift .normal-gifts .dialog div.message {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog .bottom {
  height: 30px;
}
#myPage .send-gift .normal-gifts .dialog .bottom p {
  float: left;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
#myPage .send-gift .normal-gifts .dialog .buttons {
  float: right;
  text-align: right;
}
#myPage .send-gift .normal-gifts .dialog .buttons .button {
  color: #fff;
  background: #f46240;
  padding: 8px 10px;
  margin-left: 1em;
}
#myPage .send-gift .normal-gifts .dialog .buttons .button.cancel {
  background: #333;
  color: #fff;
}
#myPage .send-gift .normal-gifts .dialog .buttons .button.cancel {
  display: inline-block;
}
#myPage .send-gift .normal-gifts .dialog .buttons .button.purchase {
  display: inline-block;
}
#myPage .send-gift .normal-gifts .dialog .buttons .button.ok {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog .buttons .button.close {
  display: none;
  background: #f46240;
}
#myPage .send-gift .normal-gifts .dialog .loading-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: rgba(17, 17, 17, 0.8);
  font-size: 14px;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
#myPage .send-gift .normal-gifts .dialog .loading-layer .loading-animation-1 {
  width: 20px;
  height: 20px;
  border: 3px solid #f46240;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
  vertical-align: top;
}
#myPage .send-gift .normal-gifts .dialog .loading-layer .loading {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -11px;
}
#myPage .send-gift .normal-gifts .dialog .loading-layer span {
  margin-left: 1em;
}
#myPage .send-gift .normal-gifts .dialog .loading-layer i, #myPage .send-gift .normal-gifts .dialog .loading-layer span {
  height: 29px;
  line-height: 29px;
  display: inline-block;
  vertical-align: middle;
}
#myPage .send-gift .normal-gifts .dialog.loading .loading-layer {
  display: block;
}
#myPage .send-gift .normal-gifts .dialog.result div.text {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog.result .textarea {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog.result h4 {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog.result div.message {
  display: block;
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
#myPage .send-gift .normal-gifts .dialog.result div.message .message-inner {
  display: table;
  width: 100%;
  height: 100%;
}
#myPage .send-gift .normal-gifts .dialog.result div.message .message-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 1.5em;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
}
#myPage .send-gift .normal-gifts .dialog.result div.message i {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  background-size: 66.6666666667px 50px;
  vertical-align: middle;
  margin-right: 10px;
}
#myPage .send-gift .normal-gifts .dialog.result div.message span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
#myPage .send-gift .normal-gifts .dialog.result div.message span.error {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog.result .bottom {
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
}
#myPage .send-gift .normal-gifts .dialog.result .bottom .button {
  margin-left: 0;
  min-width: 80px;
}
#myPage .send-gift .normal-gifts .dialog.result .bottom .button.cancel {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog.result .bottom .button.purchase {
  display: none;
}
#myPage .send-gift .normal-gifts .dialog.result.result-success .bottom .button.close {
  display: inline-block;
}
#myPage .send-gift .normal-gifts .dialog.result.result-error .bottom .button.ok {
  display: inline-block;
}
#myPage .send-gift .normal-gifts .dialog.result.result-error div.message i {
  display: inline-block;
  padding: 0;
  margin: 0 0 1em 0;
}
#myPage .send-gift .normal-gifts .dialog.result.result-error div.message p {
  margin-top: -30px;
  font-style: italic;
}
#myPage .send-gift .normal-gifts .dialog.result.result-error div.message span.error {
  display: block;
  color: #f46240;
}
#myPage .send-gift .normal-gifts .dialog.result.result-error div.message span.msg {
  font-size: 12px;
}

#myPage .giftblock {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  margin: 20px 0 40px 0;
}
#myPage .giftblock input.button {
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
  border-radius: 3px;
}
#myPage .giftblock .dialog-template {
  display: none;
}
#myPage .giftblock .dialog {
  font-family: roboto, serif;
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.2s height ease-in;
  padding: 10px 0;
}
#myPage .giftblock .dialog .inner {
  position: relative;
  margin: 0 5px;
  background: #111;
  color: #fff;
  padding: 30px;
  height: 210px;
}
#myPage .giftblock .dialog div.text {
  padding-right: 105px;
}
#myPage .giftblock .dialog h4 {
  font-size: 16px;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: 500;
  text-transform: uppercase;
}
#myPage .giftblock .dialog p {
  margin: 1.5em 0;
}
#myPage .giftblock .dialog p.text {
  min-height: 3em;
  /*Two lines, 1.5 line height*/
}
#myPage .giftblock .dialog .img {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 75px;
  height: 75px;
}
#myPage .giftblock .dialog img {
  vertical-align: top;
  width: 75px;
  height: 75px;
}
#myPage .giftblock .dialog .arrow {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: " ";
  border: 5px solid rgba(51, 51, 51, 0);
  border-bottom-color: #111;
  margin-left: -5px;
}
#myPage .giftblock .dialog textarea {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #3f3f3f;
  background: #2d2d2d;
  color: #aaa;
  margin: 20px 0;
  resize: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#myPage .giftblock .dialog textarea:focus {
  outline: 1px solid transparent;
  border: 1px solid #555;
  outline-offset: 0;
}
#myPage .giftblock .dialog div.message {
  display: none;
}
#myPage .giftblock .dialog .bottom {
  height: 30px;
}
#myPage .giftblock .dialog .bottom p {
  float: left;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
#myPage .giftblock .dialog .buttons {
  float: right;
  text-align: right;
}
#myPage .giftblock .dialog .buttons .button {
  color: #fff;
  background: #f46240;
  padding: 8px 10px;
  margin-left: 1em;
}
#myPage .giftblock .dialog .buttons .button.cancel {
  background: #333;
  color: #fff;
}
#myPage .giftblock .dialog .buttons .button.cancel {
  display: inline-block;
}
#myPage .giftblock .dialog .buttons .button.purchase {
  display: inline-block;
}
#myPage .giftblock .dialog .buttons .button.ok {
  display: none;
}
#myPage .giftblock .dialog .buttons .button.close {
  display: none;
  background: #f46240;
}
#myPage .giftblock .dialog .loading-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: rgba(17, 17, 17, 0.8);
  font-size: 14px;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
#myPage .giftblock .dialog .loading-layer .loading-animation-1 {
  width: 20px;
  height: 20px;
  border: 3px solid #f46240;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
  vertical-align: top;
}
#myPage .giftblock .dialog .loading-layer .loading {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -11px;
}
#myPage .giftblock .dialog .loading-layer span {
  margin-left: 1em;
}
#myPage .giftblock .dialog .loading-layer i, #myPage .giftblock .dialog .loading-layer span {
  height: 29px;
  line-height: 29px;
  display: inline-block;
  vertical-align: middle;
}
#myPage .giftblock .dialog.loading .loading-layer {
  display: block;
}
#myPage .giftblock .dialog.result div.text {
  display: none;
}
#myPage .giftblock .dialog.result .textarea {
  display: none;
}
#myPage .giftblock .dialog.result h4 {
  display: none;
}
#myPage .giftblock .dialog.result div.message {
  display: block;
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
#myPage .giftblock .dialog.result div.message .message-inner {
  display: table;
  width: 100%;
  height: 100%;
}
#myPage .giftblock .dialog.result div.message .message-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 1.5em;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
}
#myPage .giftblock .dialog.result div.message i {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  background-size: 66.6666666667px 50px;
  vertical-align: middle;
  margin-right: 10px;
}
#myPage .giftblock .dialog.result div.message span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
#myPage .giftblock .dialog.result div.message span.error {
  display: none;
}
#myPage .giftblock .dialog.result .bottom {
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
}
#myPage .giftblock .dialog.result .bottom .button {
  margin-left: 0;
  min-width: 80px;
}
#myPage .giftblock .dialog.result .bottom .button.cancel {
  display: none;
}
#myPage .giftblock .dialog.result .bottom .button.purchase {
  display: none;
}
#myPage .giftblock .dialog.result.result-success .bottom .button.close {
  display: inline-block;
}
#myPage .giftblock .dialog.result.result-error .bottom .button.ok {
  display: inline-block;
}
#myPage .giftblock .dialog.result.result-error div.message i {
  display: inline-block;
  padding: 0;
  margin: 0 0 1em 0;
}
#myPage .giftblock .dialog.result.result-error div.message p {
  margin-top: -30px;
  font-style: italic;
}
#myPage .giftblock .dialog.result.result-error div.message span.error {
  display: block;
  color: #f46240;
}
#myPage .giftblock .dialog.result.result-error div.message span.msg {
  font-size: 12px;
}
#myPage .giftblock .gift-list {
  margin: -5px -5px -5px -5px;
}
#myPage .giftblock .gift-wrapper {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 5px 5px 5px 5px;
  float: left;
}
#myPage .giftblock .gift {
  cursor: pointer;
}
#myPage .giftblock .gift .inner, #myPage .giftblock .gift .image, #myPage .giftblock .gift .details, #myPage .giftblock .gift .details2 {
  position: absolute;
}
#myPage .giftblock .gift input.button {
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, serif;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
  border-radius: 3px;
}
#myPage .giftblock .gift .inner {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#myPage .giftblock .gift .image {
  width: 65px;
  height: 65px;
  top: 10px;
  left: 32.5px;
}
#myPage .giftblock .gift .details, #myPage .giftblock .gift .details2 {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 10px;
}
#myPage .giftblock .gift .details .name {
  overflow: hidden;
  font-weight: bold;
  font-size: 11.5px;
  margin-bottom: 3px;
}
#myPage .giftblock .gift .details .price {
  color: #888;
  font-size: 11px;
}
#myPage .giftblock .gift .details2 {
  display: none;
}
#myPage .giftblock .gift .details2 input.button {
  vertical-align: top;
  background: #f46240;
  padding: 7px 10px;
  width: 90px;
}
#myPage .giftblock .gift.selected .inner {
  border-color: #f46240;
}
#myPage .giftblock.giftblock-type-scroll {
  position: relative;
}
#myPage .giftblock.giftblock-type-scroll .gift-list {
  height: 140px;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}
#myPage .giftblock.giftblock-type-scroll .gift-list .gift-wrapper:first-child {
  margin-left: 0;
}
#myPage .giftblock.giftblock-type-scroll .gift-list .gift-wrapper:last-child {
  margin-right: 0;
}
#myPage .giftblock.giftblock-type-scroll .gift-wrapper {
  float: none;
  display: inline-block;
}
#myPage .giftblock.giftblock-type-scroll .nav-left, #myPage .giftblock.giftblock-type-scroll .nav-right {
  cursor: pointer;
  background: gray;
  width: 18px;
  height: 37px;
  margin-top: -3.5px;
  position: absolute;
  top: 50%;
}
#myPage .giftblock.giftblock-type-scroll .nav-left::after, #myPage .giftblock.giftblock-type-scroll .nav-right::after {
  display: inline-block;
  content: " ";
  width: 13px;
  height: 13px;
  margin: 12px 2.5px;
  background-image: url(/design/default/scrollpanel/sprite.png);
  background-repeat: no-repeat;
}
#myPage .giftblock.giftblock-type-scroll .nav-left {
  left: -20px;
  border-radius: 37px 0 0 37px;
  border-right: 1px solid #666666;
}
#myPage .giftblock.giftblock-type-scroll .nav-left::after {
  background-position: 0 0;
}
#myPage .giftblock.giftblock-type-scroll .nav-right {
  right: -20px;
  border-radius: 0 37px 37px 0;
  border-left: 1px solid #666666;
}
#myPage .giftblock.giftblock-type-scroll .nav-right::after {
  background-position: -13px 0;
}
#myPage .giftblock.giftblock-type-scroll .dialog .inner {
  margin: 0;
}
#myPage .giftblock.giftblock-look-smarttoys .gift-list {
  margin-left: -10px;
}
#myPage .giftblock.giftblock-look-smarttoys .gift-list .gift-wrapper {
  margin-top: 8px;
}
#myPage .giftblock.giftblock-look-smarttoys .gift-list .gift-wrapper:first-child {
  margin-left: 10px;
}
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper .gift::after {
  content: " ";
  display: block;
  position: absolute;
  left: -8px;
  top: -8px;
  width: 33px;
  height: 33px;
  background-image: url(/design/default/smarttoys/zzz-circle.svg);
  background-size: 33px 33px;
  font-size: 12px;
  color: #fff;
  line-height: 33px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper:hover .gift[data-pcat="1"]:after,
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper .gift.selected[data-pcat="1"]:after {
  content: "5";
  background-image: url(/design/default/smarttoys/sec5.svg);
}
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper:hover .gift[data-pcat="2"]:after,
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper .gift.selected[data-pcat="2"]:after {
  content: "10";
  background-image: url(/design/default/smarttoys/sec10.svg);
}
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper:hover .gift[data-pcat="3"]:after,
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper .gift.selected[data-pcat="3"]:after {
  content: "20";
  background-image: url(/design/default/smarttoys/sec20.svg);
}
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper:hover .gift[data-pcat="4"]:after,
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper .gift.selected[data-pcat="4"]:after {
  content: "30";
  background-image: url(/design/default/smarttoys/sec30.svg);
}
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper:hover .gift[data-pcat="5"]:after,
#myPage .giftblock.giftblock-look-smarttoys .gift-wrapper .gift.selected[data-pcat="5"]:after {
  content: "50";
  background-image: url(/design/default/smarttoys/sec50.svg);
}
#myPage .giftblock.giftblock-look-smarttoys .gift .inner {
  background: transparent;
  overflow: hidden;
}
#myPage .giftblock.giftblock-look-smarttoys .gift .inner::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  transform: rotate(-20deg);
  background: #FFF url(/design/default/smarttoys/smarttoybg.png) 0 30px repeat;
}
#myPage .giftblock.giftblock-look-smarttoys .gift:hover .details, #myPage .giftblock.giftblock-look-smarttoys .gift.hover .details {
  display: none;
}
#myPage .giftblock.giftblock-look-smarttoys .gift:hover .details2, #myPage .giftblock.giftblock-look-smarttoys .gift.hover .details2 {
  display: block;
}
#myPage .giftblock.giftblock-look-smarttoys .gift .details2 .button {
  background-color: #21ace4;
}
#myPage .giftblock.giftblock-look-smarttoys .gift.selected .inner {
  border-color: #21ace4;
}
#myPage .giftblock.giftblock-look-smarttoys .dialog .button,
#myPage .giftblock.giftblock-look-smarttoys .dialog .button.cancel.close,
#myPage .giftblock.giftblock-look-smarttoys .dialog .button.cancel.ok,
#myPage .giftblock.giftblock-look-smarttoys .dialog .button.purchase {
  background-color: #21ace4;
}
#myPage .giftblock.giftblock-look-smarttoys .dialog .loading-layer .loading-animation-1 {
  width: 20px;
  height: 20px;
  border: 3px solid #21ace4;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
}
#myPage .giftblock .gift[data-id=ohmibod_womansday_rose] .inner, #myPage .giftblock .gift[data-id=ohmibod_womansday_rose] .inner.selected,
#myPage .giftblock .gift[data-id=womansday_rose] .inner,
#myPage .giftblock .gift[data-id=womansday_rose] .inner.selected {
  border-color: #ec3156 !important;
}
#myPage .giftblock .gift[data-id=ohmibod_womansday_rose] .inner .details .name,
#myPage .giftblock .gift[data-id=womansday_rose] .inner .details .name {
  color: #ec3156;
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper {
  vertical-align: top;
  display: inline-block;
  position: relative;
  width: 270px;
  height: 130px;
  margin: 5px 5px 5px 0;
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper .info {
  cursor: pointer;
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper .inner {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper .inner::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: 0;
  background: #FFF url(/design/default/gift/valentine/0.png) 0 0 repeat;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper .inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent url(/design/default/gift/valentine/promo-ribbon2.png) top right no-repeat;
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper .text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 160px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  white-space: normal;
}
#myPage .giftblock.giftblock-look-valentine .info-wrapper img {
  position: absolute;
  top: 25px;
  left: 175px;
  width: 60px;
  height: 60px;
  background: #000;
  border-radius: 100%;
  border: 4px solid #a31a42;
  z-index: 3;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift:hover .details, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift.hover .details {
  display: none;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift:hover .details2, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift.hover .details2 {
  display: block;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .inner {
  background: transparent;
  overflow: hidden;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .inner::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: #FFF 0 0 repeat;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details2 {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details .name, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details .price, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details2 .name, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details2 .price {
  color: #FFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details .name, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details2 .name {
  padding-top: 10px;
  font-weight: bold;
  font-size: 12px;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details input, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift .details2 input {
  margin-top: 10px;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift.selected .inner {
  border-color: #000;
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift.selected .inner .details, #myPage .giftblock.giftblock-look-valentine .gift-wrapper .gift.selected .inner .details2 {
  background: rgba(0, 0, 0, 0.5);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+1) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/1.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+2) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/2.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+3) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/3.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+4) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/4.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+5) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/5.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+6) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/6.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+7) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/7.png);
}
#myPage .giftblock.giftblock-look-valentine .gift-wrapper:nth-child(8n+8) .gift .inner::before {
  background-image: url(/design/default/gift/valentine/8.png);
}
#myPage .giftblock.giftblock-look-valentine .dialog .inner-wrp {
  position: relative;
}
#myPage .giftblock.giftblock-look-valentine .dialog .inner-wrp2 {
  position: relative;
  background: transparent;
  overflow: hidden;
}
#myPage .giftblock.giftblock-look-valentine .dialog .inner-wrp2::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: 0;
  background: #FFF url(/design/default/gift/valentine/sendboxbg.png) 0 0 repeat;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
#myPage .giftblock.giftblock-look-valentine .dialog .inner {
  position: relative;
  background: transparent;
}
#myPage .giftblock.giftblock-look-valentine .dialog .arrow {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: " ";
  border: 5px solid rgba(51, 51, 51, 0);
  border-bottom-color: #36062f;
  margin-left: -5px;
}
#myPage .giftblock.giftblock-look-valentine .dialog textarea {
  background: rgba(20, 20, 20, 0.8);
  border: 1px solid rgba(63, 63, 63, 0.8);
}
#myPage .giftblock.giftblock-look-suggestion .gift:hover .details, #myPage .giftblock.giftblock-look-suggestion .gift.hover .details {
  display: none;
}
#myPage .giftblock.giftblock-look-suggestion .gift:hover .details2, #myPage .giftblock.giftblock-look-suggestion .gift.hover .details2 {
  display: block;
}
#myPage .giftblock.giftblock-look-adventy {
  margin: 20px 0 40px 0;
}
#myPage .giftblock.giftblock-look-adventy .gift-list {
  margin: -2px -2px -2px -2px;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper {
  width: 111px;
  height: 111px;
  margin: 2px 2px 2px 2px;
}
#myPage .giftblock.giftblock-look-adventy .gift .image {
  width: 59px;
  height: 59px;
  top: 7px;
  left: 26px;
}
#myPage .giftblock.giftblock-look-adventy .gift .details, #myPage .giftblock.giftblock-look-adventy .gift .details2 {
  bottom: 7px;
}
#myPage .giftblock.giftblock-look-adventy .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 111px;
  height: 111px;
  font-weight: normal;
  line-height: 111px;
  font-size: 48px;
  text-align: center;
  color: #fff;
  display: none;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-1 {
  background-color: #c5d1d1;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-2 {
  background-color: #f5d978;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-3 {
  background-color: #d38253;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-4 {
  background-color: #6b4e30;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-5 {
  background-color: #c5d1d1;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-6 {
  background-color: #f5d978;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-7 {
  background-color: #d38253;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-8 {
  background-color: #6b4e30;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-9 {
  background-color: #c5d1d1;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-10 {
  background-color: #f5d978;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-11 {
  background-color: #d38253;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-12 {
  background-color: #6b4e30;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-13 {
  background-color: #c5d1d1;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-14 {
  background-color: #f5d978;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-15 {
  background-color: #d38253;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-16 {
  background-color: #6b4e30;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-17 {
  background-color: #c5d1d1;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-18 {
  background-color: #f5d978;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-19 {
  background-color: #d38253;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-20 {
  background-color: #6b4e30;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-21 {
  background-color: #c5d1d1;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-22 {
  background-color: #f5d978;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-23 {
  background-color: #d38253;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-24 {
  background-color: #6b4e30;
}
#myPage .giftblock.giftblock-look-adventy .cover.c-1, #myPage .giftblock.giftblock-look-adventy .cover.c-13 {
  background-image: url("/design/default/gift/advent/1.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-2, #myPage .giftblock.giftblock-look-adventy .cover.c-14 {
  background-image: url("/design/default/gift/advent/2.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-3, #myPage .giftblock.giftblock-look-adventy .cover.c-15 {
  background-image: url("/design/default/gift/advent/3.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-4, #myPage .giftblock.giftblock-look-adventy .cover.c-16 {
  background-image: url("/design/default/gift/advent/4.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-5, #myPage .giftblock.giftblock-look-adventy .cover.c-17 {
  background-image: url("/design/default/gift/advent/5.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-6, #myPage .giftblock.giftblock-look-adventy .cover.c-18 {
  background-image: url("/design/default/gift/advent/6.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-7, #myPage .giftblock.giftblock-look-adventy .cover.c-19 {
  background-image: url("/design/default/gift/advent/7.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-8, #myPage .giftblock.giftblock-look-adventy .cover.c-20 {
  background-image: url("/design/default/gift/advent/8.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-9, #myPage .giftblock.giftblock-look-adventy .cover.c-21 {
  background-image: url("/design/default/gift/advent/9.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-10, #myPage .giftblock.giftblock-look-adventy .cover.c-22 {
  background-image: url("/design/default/gift/advent/10.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-11, #myPage .giftblock.giftblock-look-adventy .cover.c-23 {
  background-image: url("/design/default/gift/advent/11.png");
}
#myPage .giftblock.giftblock-look-adventy .cover.c-12, #myPage .giftblock.giftblock-look-adventy .cover.c-24 {
  background-image: url("/design/default/gift/advent/12.png");
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-covered .cover {
  display: block;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-covered.gift-visible .cover {
  cursor: pointer;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-covered.gift-visible .cover:hover {
  transition: background-position 0.5s ease-in-out;
  background-position: 0 110px;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-covered.gift-visible .cover::after {
  display: block;
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(/design/default/gift/advent/openable.png);
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-covered:not(.gift-visible) {
  cursor: not-allowed;
  opacity: 0.2;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-expired .gift {
  cursor: not-allowed;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-expired .gift .name {
  font-size: 11.5px;
  color: #888;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper.gift-expired .gift .price {
  overflow: hidden;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 3px;
  color: #333;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper:not(.gift-expired) .gift:hover .details, #myPage .giftblock.giftblock-look-adventy .gift-wrapper:not(.gift-expired) .gift.hover .details {
  display: none;
}
#myPage .giftblock.giftblock-look-adventy .gift-wrapper:not(.gift-expired) .gift:hover .details2, #myPage .giftblock.giftblock-look-adventy .gift-wrapper:not(.gift-expired) .gift.hover .details2 {
  display: block;
}
#myPage .giftblock.giftblock-float {
  margin: 0;
}
#myPage .giftblock.giftblock-float h2 {
  display: none;
}
#myPage .giftblock.giftblock-float .nav-left, #myPage .giftblock.giftblock-float .nav-right {
  top: 55px;
  margin-top: 0;
  position: absolute;
}
#myPage .giftblock.giftblock-float .dialog {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#myPage .giftblock.giftblock-float .dialog .arrow {
  display: none;
}

.smarttoy-widget * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.smarttoy-widget p {
  margin: 1em 0;
  line-height: 1.5em;
}
.smarttoy-widget a {
  color: #d8194e;
  display: inline;
}
.smarttoy-widget p.desc a.more {
  display: block;
}
.smarttoy-widget p.desc span.more {
  display: none;
}
.smarttoy-widget p.desc a.less {
  display: none;
}
.smarttoy-widget .widget {
  margin: 20px 0;
  position: relative;
}
.smarttoy-widget .widget * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.smarttoy-widget .success,
.smarttoy-widget .errors,
.smarttoy-widget button.send {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  border: none;
  width: 100%;
  padding: 7px;
  color: #fff;
  border-radius: 3px;
}
.smarttoy-widget button.send {
  background: #21ace4;
  cursor: pointer;
}
.smarttoy-widget .errors {
  text-align: center;
  display: none;
  background: #db5f60;
}
.smarttoy-widget .widget {
  position: relative;
  height: 84px;
  margin: 40px 0 30px 0;
}
.smarttoy-widget .widget .block {
  float: left;
  width: 54px;
  height: 84px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/design/default/smarttoys/cycle.svg);
  background-size: 53px 84px;
  opacity: 0.2;
  position: relative;
}
.smarttoy-widget .widget .block.active {
  opacity: 1;
}
.smarttoy-widget .widget .block.active span {
  z-index: 2;
  display: block;
  position: absolute;
  right: -1px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: #e9e9e9;
}
.smarttoy-widget .widget .block.active span:after {
  color: #c2c2c2;
  content: "zZz";
  position: absolute;
  left: -8px;
  top: 70px;
  transform: rotate(-20deg);
  font-size: 12px;
}
.smarttoy-widget .widget .bar-bg,
.smarttoy-widget .widget .bar {
  z-index: 3;
  position: absolute;
  top: 43px;
  left: 0;
  height: 7px;
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.smarttoy-widget .widget .bar-bg {
  background: #c2c2c2;
}
.smarttoy-widget .widget .bar {
  background: #21ace4;
}
.smarttoy-widget .widget .handle-ghost,
.smarttoy-widget .widget .handle {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -11.5px;
  margin-left: -12px;
  width: 23px;
  height: 23px;
  border: 1px solid #fff;
  border-radius: 100%;
}
.smarttoy-widget .widget .handle-ghost span,
.smarttoy-widget .widget .handle span {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #21ace4;
  border-radius: 100%;
  background: #fff;
}
.smarttoy-widget .widget .handle-ghost {
  transition: none;
  transform-origin: center;
  transform: scale(1, 1);
  opacity: 1;
}
.smarttoy-widget .widget .handle-ghost.pulse {
  transition: all 0.5s ease-out;
  display: block;
  opacity: 0;
  transform: scale(2.5, 2.5);
}
.smarttoy-widget .widget .price-marker {
  position: absolute;
  left: 10px;
  bottom: 100%;
  height: 40px;
  width: 1px;
  background: #9f9f9f;
}
.smarttoy-widget .widget .price-marker .price {
  text-align: center;
  line-height: 25px;
  position: absolute;
  left: -35px;
  bottom: 100%;
  width: 70px;
  height: 25px;
  background: #FFF;
  border: 1px solid #9f9f9f;
  border-radius: 4px;
}
.smarttoy-widget .widget .bar.full .price {
  left: -55px;
}
.smarttoy-widget .widget .bar.empty .handle {
  margin-left: -2;
}

.frame-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 10000;
  overflow: auto;
  white-space: nowrap;
}
.frame-wrapper .frame-background {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.9;
}
.frame-wrapper:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.frame-wrapper .frame-content {
  position: relative;
  z-index: 10020;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.frame-wrapper.type-window {
  display: none;
}
.frame-wrapper.type-window .frame-content {
  padding: 20px;
  border-radius: 5px;
}
.frame-wrapper.type-window .window-title {
  border-radius: 5px 5px 0 0;
  background: #F4A136;
  overflow: hidden;
  padding: 17px 30px;
}
.frame-wrapper.type-window .window-title h2 {
  padding: 3px 0;
  margin: 0;
  float: left;
  font-weight: normal;
  font-size: 18px;
  line-height: 1em;
  color: #fff;
}
.frame-wrapper.type-window .window-title h2:after {
  content: ".";
  visibility: hidden;
}
.frame-wrapper.type-window .window-title a {
  float: right;
  display: block;
  line-height: 100%;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  margin-right: -10px;
  opacity: 0.8;
}
.frame-wrapper.type-window .window-title a:hover {
  opacity: 1;
  text-decoration: none;
}
.frame-wrapper.type-window .window-content {
  border-radius: 0 0 5px 5px;
  background: #fff;
  overflow: hidden;
}

#frame_myaccount.frame-wrapper {
  font-size: 15px;
}
#frame_myaccount.frame-wrapper .myaccount-frame {
  display: table;
  width: 900px;
  height: 500px;
}
#frame_myaccount.frame-wrapper .sidebar, #frame_myaccount.frame-wrapper .content-wrapper {
  display: table-cell;
  vertical-align: top;
  height: 500px;
}
#frame_myaccount.frame-wrapper .sidebar {
  width: 250px;
  border-right: 1px solid #ccc;
}
#frame_myaccount.frame-wrapper .sidebar ul {
  padding: 24px 0;
  margin: 0;
  display: block;
  list-style: none;
}
#frame_myaccount.frame-wrapper .sidebar li {
  display: block;
  padding: 0.7em 25px;
  margin: 0;
  border-left: 5px solid transparent;
  cursor: pointer;
}
#frame_myaccount.frame-wrapper .sidebar li:hover {
  border-left-color: #DB5B45;
  background: #f7f7f7;
}
#frame_myaccount.frame-wrapper .sidebar li.active {
  border-left-color: #DB5B45;
}
#frame_myaccount.frame-wrapper .content-wrapper {
  position: relative;
  min-width: 400px;
  max-width: 600px;
}
#frame_myaccount.frame-wrapper .content-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}
#frame_myaccount.frame-wrapper .content-loading .loading-animation-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 40px;
  height: 40px;
  border: 5px solid #888;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
  vertical-align: top;
}
#frame_myaccount.frame-wrapper .content-error {
  display: none;
}
#frame_myaccount.frame-wrapper .content-error h2 {
  display: none;
  text-align: center;
}
#frame_myaccount.frame-wrapper .content-error i, #frame_myaccount.frame-wrapper .content-error span {
  text-align: center;
  display: block;
}
#frame_myaccount.frame-wrapper .content-error i {
  color: #ddd;
  text-shadow: 1px 1px #ccc;
  margin: 50px 0;
  font-size: 150px;
}
#frame_myaccount.frame-wrapper .content-error span {
  padding: 0 35px;
}
#frame_myaccount.frame-wrapper .content, #frame_myaccount.frame-wrapper .content-error {
  line-height: 1.8em;
  overflow: auto;
  height: 500px;
  padding: 30px 30px;
}
#frame_myaccount.frame-wrapper .content h2, #frame_myaccount.frame-wrapper .content-error h2 {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}
#frame_myaccount.frame-wrapper .content p {
  margin: 1em 0;
}
#frame_myaccount.frame-wrapper .content .buttons {
  margin-top: 30px;
  padding: 0 30px 10px 0;
  text-align: right;
}
#frame_myaccount.frame-wrapper .content .buttons.sticky {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
#frame_myaccount.frame-wrapper fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#frame_myaccount.frame-wrapper fieldset .field {
  padding: 8px 0;
}
#frame_myaccount.frame-wrapper fieldset .field.with-label label {
  float: left;
  width: 200px;
  padding: 8px 10px 8px 0;
}
#frame_myaccount.frame-wrapper fieldset .field.with-label .select-wrapper {
  float: left;
}
#frame_myaccount.frame-wrapper fieldset .field.captcha span.captcha {
  display: inline-block;
  width: 270px;
  border: 1px solid #aaa;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
}
#frame_myaccount.frame-wrapper fieldset .field.captcha img {
  vertical-align: top;
}
#frame_myaccount.frame-wrapper fieldset .field.captcha i {
  font-size: 20px;
  color: #888;
  vertical-align: middle;
}
#frame_myaccount.frame-wrapper fieldset input[type=text], #frame_myaccount.frame-wrapper fieldset input[type=password] {
  background: #fff;
  color: #333;
  width: 250px;
  padding: 8px 10px;
  border: 1px solid #aaa;
}
#frame_myaccount.frame-wrapper fieldset select {
  -webkit-appearance: none;
  padding: 8px 10px;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  background: #fff;
  color: #333;
}
#frame_myaccount.frame-wrapper fieldset .select-wrapper {
  width: 250px;
  border: 1px solid #aaa;
  position: relative;
}
#frame_myaccount.frame-wrapper fieldset .select-wrapper::after {
  border: none;
  background: #fff;
  pointer-events: none;
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  padding: 5px 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#frame_myaccount.frame-wrapper input[type=text], #frame_myaccount.frame-wrapper input[type=password], #frame_myaccount.frame-wrapper select {
  font-size: 15px;
}
#frame_myaccount.frame-wrapper input[type=text]:focus, #frame_myaccount.frame-wrapper input[type=password]:focus, #frame_myaccount.frame-wrapper select:focus {
  outline: 1px solid #f1ca7f !important;
  border: 1px solid #be974b !important;
  outline-offset: 0;
}
#frame_myaccount.frame-wrapper .btn {
  font-size: 18px;
  background: #F4A136;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 3px;
  cursor: pointer;
}
#frame_myaccount.frame-wrapper .btn i {
  margin-right: 5px;
  font-size: 1.1em;
}
#frame_myaccount.frame-wrapper .btn :hover {
  background: #f9b14b;
}
#frame_myaccount.frame-wrapper .btn-link {
  display: inline;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  font-size: 15px;
  line-height: 1.8em;
  color: #047;
}
#frame_myaccount.frame-wrapper .btn-link:hover {
  cursor: pointer;
}
#frame_myaccount.frame-wrapper p.warning {
  border-radius: 5px;
  font-weight: bold;
  margin: 1em 0;
  padding: 5px 10px;
  background: #D34329;
  color: #fff;
  margin-right: 30px;
}
#frame_myaccount.frame-wrapper .result {
  border-left: 5px solid transparent;
  padding-left: 1em;
}
#frame_myaccount.frame-wrapper .result.fail {
  border-color: #DB5B45;
  color: #DB5B45;
}
#frame_myaccount.frame-wrapper .result.success {
  border-color: #00aa00;
  color: #00aa00;
}

:not(.lt-ie9) #frame_myaccount.frame-wrapper [type=checkbox], :not(.lt-ie9) #frame_myaccount.frame-wrapper [type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
:not(.lt-ie9) #frame_myaccount.frame-wrapper [type=checkbox] + label, :not(.lt-ie9) #frame_myaccount.frame-wrapper [type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
:not(.lt-ie9) #frame_myaccount.frame-wrapper [type=checkbox] + label::before, :not(.lt-ie9) #frame_myaccount.frame-wrapper [type=radio] + label::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid #777;
  border-radius: 3px;
  background: white;
}
:not(.lt-ie9) #frame_myaccount.frame-wrapper [type=checkbox]:checked + label::before, :not(.lt-ie9) #frame_myaccount.frame-wrapper [type=radio]:checked + label::before {
  color: #fff;
  border-color: #9DD35F;
  background: #9DD35F;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA+QCdABxdrf6/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wUfCg8sV/E5GQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADLSURBVCjPndIxCsJAEIXhf9VBFpRoEZvcwj4HsfIAOYgnEGysLDyEpVYiaTyBiCAqxCK4xUbXymAKNXG6gffBYxg13Q4df0yNP6cS9CRAlK4GPQkI/YjQjxCly8EXEqW52gPWmd/wHe1ua+JkXqz66l4G5bDfHeSBMgigJkrTkaAQ/IUA1HQ7dKI0oR/hSUCanWjW219RXtU6w/I8Js1OtBo9RGn2t/gjKhzHOsPqPOHuLGl2YZPMvl678b6YR8LiOMI8kuovVwYBPAHc/VepB+xygAAAAABJRU5ErkJggg==);
}

#frame_gdpr_consent.frame-wrapper {
  font-size: 15px;
}
#frame_gdpr_consent.frame-wrapper .gdpr-consent-frame {
  width: 800px;
  position: relative;
}
#frame_gdpr_consent.frame-wrapper .content-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}
#frame_gdpr_consent.frame-wrapper .content-loading .loading-animation-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 40px;
  height: 40px;
  border: 5px solid #888;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
  vertical-align: top;
}
#frame_gdpr_consent.frame-wrapper .content, #frame_gdpr_consent.frame-wrapper .content-error {
  line-height: 1.8em;
  overflow: auto;
  padding: 30px 30px;
}
#frame_gdpr_consent.frame-wrapper .content p:first-of-type {
  margin-top: 0;
}
#frame_gdpr_consent.frame-wrapper .content .bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
  padding: 0 0 10px 0;
}
#frame_gdpr_consent.frame-wrapper .content .bottom div {
  flex: 1;
}
#frame_gdpr_consent.frame-wrapper .content-error {
  display: none;
}
#frame_gdpr_consent.frame-wrapper .content-error .error i, #frame_gdpr_consent.frame-wrapper .content-error .error span {
  text-align: center;
  display: block;
}
#frame_gdpr_consent.frame-wrapper .content-error .error i {
  color: #ddd;
  text-shadow: 1px 1px #ccc;
  margin: 50px 0;
  font-size: 150px;
}
#frame_gdpr_consent.frame-wrapper .content-error .error span {
  padding: 0 35px;
}
#frame_gdpr_consent.frame-wrapper .content-error .buttons {
  margin-top: 50px;
  padding: 0 30px 10px 0;
  text-align: right;
}
#frame_gdpr_consent.frame-wrapper p {
  margin: 1em 0;
}
#frame_gdpr_consent.frame-wrapper fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#frame_gdpr_consent.frame-wrapper fieldset .field {
  padding: 8px 0;
}
#frame_gdpr_consent.frame-wrapper fieldset .field.checkbox label {
  display: block;
}
#frame_gdpr_consent.frame-wrapper fieldset .field.checkbox label .title {
  display: block;
  font-size: 17px;
  text-decoration: underline;
}
#frame_gdpr_consent.frame-wrapper fieldset .field.checkbox label .desc {
  display: block;
}
#frame_gdpr_consent.frame-wrapper fieldset .field.with-label label {
  float: left;
  width: 200px;
  padding: 8px 10px 8px 0;
}
#frame_gdpr_consent.frame-wrapper fieldset .field.with-label .select-wrapper {
  float: left;
}
#frame_gdpr_consent.frame-wrapper .btn {
  font-size: 18px;
  background: #F4A136;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 3px;
  cursor: pointer;
}
#frame_gdpr_consent.frame-wrapper .btn i {
  margin-right: 5px;
  font-size: 1.1em;
}
#frame_gdpr_consent.frame-wrapper .btn :hover {
  background: #f9b14b;
}
#frame_gdpr_consent.frame-wrapper .btn:disabled {
  background: #C4C4C4;
}
#frame_gdpr_consent.frame-wrapper .btn:disabled :hover {
  background: #C4C4C4;
}

:not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=checkbox], :not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
:not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=checkbox] + label, :not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
:not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=checkbox] + label::before, :not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=radio] + label::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid #777;
  border-radius: 3px;
  background: white;
}
:not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=checkbox]:checked + label::before, :not(.lt-ie9) #frame_gdpr_consent.frame-wrapper [type=radio]:checked + label::before {
  color: #fff;
  border-color: #9DD35F;
  background: #9DD35F;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA+QCdABxdrf6/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wUfCg8sV/E5GQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADLSURBVCjPndIxCsJAEIXhf9VBFpRoEZvcwj4HsfIAOYgnEGysLDyEpVYiaTyBiCAqxCK4xUbXymAKNXG6gffBYxg13Q4df0yNP6cS9CRAlK4GPQkI/YjQjxCly8EXEqW52gPWmd/wHe1ua+JkXqz66l4G5bDfHeSBMgigJkrTkaAQ/IUA1HQ7dKI0oR/hSUCanWjW219RXtU6w/I8Js1OtBo9RGn2t/gjKhzHOsPqPOHuLGl2YZPMvl678b6YR8LiOMI8kuovVwYBPAHc/VepB+xygAAAAABJRU5ErkJggg==);
}

#frame_tipafterchat.frame-wrapper {
  z-index: 99;
}
#frame_tipafterchat.frame-wrapper .frame-content {
  padding: 20px;
  z-index: 119;
}
#frame_tipafterchat.frame-wrapper .frame-background {
  background: #000;
  background: linear-gradient(rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.93) 100%);
}
#frame_tipafterchat.frame-wrapper .tipafterchat-frame {
  width: 600px;
  position: relative;
  border-radius: 8px;
  font-size: 16px;
  background: #fff;
  padding: 6px;
}
#frame_tipafterchat.frame-wrapper .tipafterchat-frame, #frame_tipafterchat.frame-wrapper .tipafterchat-frame * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#frame_tipafterchat.frame-wrapper .tipafterchat-frame .frame-inner {
  border-radius: 8px;
  padding: 24px;
  background: #fff linear-gradient(to bottom, #e0e0e0 0%, #fff 20%, #fff 100%);
}
#frame_tipafterchat.frame-wrapper form.main textarea, #frame_tipafterchat.frame-wrapper form.successful textarea {
  width: 100%;
  height: 90px;
  font-family: arial, sans-serif;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #dbe0e8;
  background: #fff;
  border-radius: 5px;
  resize: none;
}
#frame_tipafterchat.frame-wrapper form.main textarea ::-webkit-input-placeholder, #frame_tipafterchat.frame-wrapper form.successful textarea ::-webkit-input-placeholder {
  color: #434a54;
}
#frame_tipafterchat.frame-wrapper form.main textarea ::-moz-placeholder, #frame_tipafterchat.frame-wrapper form.successful textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #434a54;
}
#frame_tipafterchat.frame-wrapper form.main textarea :-ms-input-placeholder, #frame_tipafterchat.frame-wrapper form.successful textarea :-ms-input-placeholder {
  color: #434a54;
}
#frame_tipafterchat.frame-wrapper form.main .error,
#frame_tipafterchat.frame-wrapper form.main .success,
#frame_tipafterchat.frame-wrapper form.main .loading,
#frame_tipafterchat.frame-wrapper form.main button.submit, #frame_tipafterchat.frame-wrapper form.successful .error,
#frame_tipafterchat.frame-wrapper form.successful .success,
#frame_tipafterchat.frame-wrapper form.successful .loading,
#frame_tipafterchat.frame-wrapper form.successful button.submit {
  display: block;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  font-size: 18px;
  border-right: none;
  border-bottom: none;
  border-radius: 5px;
  font-family: arial, sans-serif;
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  padding: 0 13px;
  line-height: 50px;
  text-align: center;
}
#frame_tipafterchat.frame-wrapper form.main button.submit, #frame_tipafterchat.frame-wrapper form.successful button.submit {
  cursor: pointer;
  text-transform: uppercase;
  background: #47ceac;
  border-top: 1px solid #7fddc6;
  border-left: 1px solid #7fddc6;
}
#frame_tipafterchat.frame-wrapper form.main .error, #frame_tipafterchat.frame-wrapper form.successful .error {
  display: none;
  background: #ed5565;
  border-top: 1px solid #ed5565;
  border-left: 1px solid #ed5565;
  overflow: hidden;
}
#frame_tipafterchat.frame-wrapper form.main .error .error, #frame_tipafterchat.frame-wrapper form.successful .error .error {
  display: none;
}
#frame_tipafterchat.frame-wrapper form.main .error .error.visible, #frame_tipafterchat.frame-wrapper form.successful .error .error.visible {
  display: block;
}
#frame_tipafterchat.frame-wrapper form.main .loading, #frame_tipafterchat.frame-wrapper form.successful .loading {
  text-transform: uppercase;
  background: #47ceac;
  border-top: 1px solid #7fddc6;
  border-left: 1px solid #7fddc6;
}
#frame_tipafterchat.frame-wrapper form.main .loading .loading-animation-1, #frame_tipafterchat.frame-wrapper form.successful .loading .loading-animation-1 {
  margin-top: 11px;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  -webkit-animation: keyframes-loader-animation-1 0.8s infinite linear;
  animation: keyframes-loader-animation-1 0.8s infinite linear;
}
#frame_tipafterchat.frame-wrapper form.main .success, #frame_tipafterchat.frame-wrapper form.successful .success {
  text-transform: uppercase;
  background: #47ceac;
  border-top: 1px solid #7fddc6;
  border-left: 1px solid #7fddc6;
}
#frame_tipafterchat.frame-wrapper h3 {
  margin: 75px 0 20px 0;
  padding: 0;
  font-size: 24px;
  text-align: center;
}
#frame_tipafterchat.frame-wrapper .thanks {
  margin: 95px 0 40px 0;
  font-size: 20px;
}
#frame_tipafterchat.frame-wrapper .thanks .message {
  text-align: center;
  margin: 1em 0;
}
#frame_tipafterchat.frame-wrapper .thanks .signature {
  margin: 1em 0;
  text-align: center;
}
#frame_tipafterchat.frame-wrapper p {
  color: #333;
  margin: 20px 0;
  line-height: 1.5em;
}
#frame_tipafterchat.frame-wrapper .profile-pic {
  position: absolute;
  left: 50%;
  top: -90px;
  margin-left: -90px;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  background: #fff;
  padding: 6px;
}
#frame_tipafterchat.frame-wrapper .profile-pic .img {
  border-radius: 50%;
  width: 168px;
  height: 168px;
  background: #000 center center no-repeat;
  background-size: cover;
}
#frame_tipafterchat.frame-wrapper button.close {
  position: fixed;
  top: 15px;
  left: 15px;
  border: none;
  background: url(/design/default/memberincentive/close.png) 0 0 no-repeat;
  width: 30px;
  height: 30px;
}
#frame_tipafterchat.frame-wrapper .stars {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  font-size: 0;
  margin: 20px 0;
}
#frame_tipafterchat.frame-wrapper .stars .star {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100px;
  height: 100px;
  background: url(/design/default/coin.svg) no-repeat;
  background-size: 100px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #ffd04d;
  text-shadow: 0 3px #c67639;
  opacity: 0.6;
  transition: all 0.3s cubic-bezier(0.5, 2, 1, 1);
  transform-origin: center;
}
#frame_tipafterchat.frame-wrapper .stars .star .amount {
  display: block;
  font-size: 24px;
}
#frame_tipafterchat.frame-wrapper .stars .star .curr {
  display: block;
  font-size: 16px;
  text-shadow: 0 2px #b26a34;
}
#frame_tipafterchat.frame-wrapper .stars .star:hover {
  transform: scale(1.15, 1.15);
  opacity: 0.9;
}
#frame_tipafterchat.frame-wrapper .stars .star.sl-1 .amount {
  font-size: 45px;
}
#frame_tipafterchat.frame-wrapper .stars .star.sl-2 .amount {
  font-size: 40px;
}
#frame_tipafterchat.frame-wrapper .stars .star.sl-3 .amount {
  font-size: 32.5px;
}
#frame_tipafterchat.frame-wrapper .stars .star.sl-4 .amount {
  font-size: 26px;
}
#frame_tipafterchat.frame-wrapper .stars .star.selected {
  opacity: 1;
  transform: scale(1.15, 1.15);
}

#frame_memberincentive.frame-wrapper {
  z-index: 99;
}
#frame_memberincentive.frame-wrapper .frame-content {
  padding: 20px;
  z-index: 119;
}
#frame_memberincentive.frame-wrapper .frame-background {
  background: #000;
  background: linear-gradient(rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.93) 100%);
}
#frame_memberincentive.frame-wrapper .memberincentive-frame {
  width: 870px;
  height: 445px;
  position: relative;
  border-radius: 11px;
}
#frame_memberincentive.frame-wrapper button.close {
  position: fixed;
  top: 15px;
  right: 15px;
  border: none;
  background: url(/design/default/memberincentive/close.png) 0 0 no-repeat;
  width: 30px;
  height: 30px;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper .arrow {
  position: relative;
  width: 980px;
  margin: 0 auto;
  text-align: right;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper .circle {
  position: absolute;
  background: transparent no-repeat 0 0;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper .text {
  position: absolute;
  font-family: "Patrick Hand SC", cursive;
  color: #48e3ff;
  line-height: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top {
  top: 0;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .circle {
  top: -12px;
  right: -40px;
  width: 310px;
  height: 179px;
  background-image: url(memberincentive/top.png);
  animation: play-circle-top 1s steps(3) infinite;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .text {
  font-size: 18px;
  width: 600px;
  top: 40px;
  right: 280px;
  transform: rotate(3deg);
  text-align: right;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-top .text:first-line {
  font-size: 37px;
  line-height: 40px;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom {
  bottom: 0;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .circle {
  bottom: -52px;
  right: -124px;
  width: 443px;
  height: 217px;
  background-image: url(/design/default/memberincentive/bottom.png?2);
  animation: play-circle-bottom 1s steps(3) infinite;
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .text {
  width: 600px;
  font-size: 18px;
  bottom: 30px;
  right: 340px;
  transform: rotate(-3deg);
}
#frame_memberincentive.frame-wrapper .arrow-wrapper.arrow-bottom .text .first {
  font-size: 37px;
  line-height: 40px;
}
#frame_memberincentive.frame-wrapper .arrow-top.mode-warn,
#frame_memberincentive.frame-wrapper .arrow-bottom.mode-warn {
  display: none;
}
@keyframes play-circle-top {
  100% {
    background-position: 0 -537px;
  }
}
@keyframes play-circle-bottom {
  100% {
    background-position: 0 -651px;
  }
}
@keyframes play-circle-topup {
  100% {
    background-position: 0 -720px;
  }
}
#frame_memberincentive.frame-wrapper .topup-icon-wrapper {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 136px;
  left: 15px;
  width: 35px;
  height: 35px;
}
#frame_memberincentive.frame-wrapper .topup-icon-wrapper .topup-icon {
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 2px;
  background: #21ace4 url(/design/default/memberincentive/coins.svg) center center no-repeat;
  background-size: 25px 25px;
  z-index: 100;
}
#frame_memberincentive.frame-wrapper .topup-icon-wrapper:before {
  content: "";
  position: absolute;
  z-index: 9;
  top: -110px;
  left: -105px;
  width: 240px;
  height: 240px;
  background: url(/design/default/memberincentive/cs-effect2.png) 0 0 no-repeat;
  animation: play-circle-topup 1s steps(3) infinite;
  background-size: 240px 720px;
}
#frame_memberincentive.frame-wrapper .topup-icon-wrapper .topup-icon-desc {
  position: absolute;
  top: -110px;
  left: 120px;
  color: #21ace4;
  white-space: nowrap;
  font-size: 30px;
  transform: rotate(2deg);
  font-family: "Patrick Hand SC", cursive;
}
#frame_memberincentive.frame-wrapper .topup-icon-wrapper:after {
  content: "";
  z-index: 9;
  position: absolute;
  top: -82px;
  left: 64px;
  width: 110px;
  height: 82px;
  background-size: 110px 82px;
  background: url(/design/default/memberincentive/cs-arrow1.svg) 0 0 no-repeat;
}
#frame_memberincentive.frame-wrapper .topup-button {
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  right: 30px;
  white-space: nowrap;
  color: #FFF;
}
#frame_memberincentive.frame-wrapper .topup-button span {
  display: inline-block;
  transform: rotate(-7deg);
  font-family: "Patrick Hand SC", cursive;
  background: #21ace4;
  padding: 16px 30px;
  font-size: 48px;
}
#frame_memberincentive.frame-wrapper .topup-button:after {
  content: "";
  position: absolute;
  display: block;
  right: 100%;
  margin-right: -20px;
  top: 40px;
  background: url(/design/default/memberincentive/cs-arrow.svg) top left no-repeat;
  width: 170px;
  height: 63px;
  background-size: 170px 63px;
}
#frame_memberincentive.frame-wrapper .mode-warn.topup-icon-wrapper {
  display: block;
}
#frame_memberincentive.frame-wrapper .notice {
  position: absolute;
  top: 100%;
  margin-top: 30px;
  left: 0;
  right: 0;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
}
#frame_memberincentive.frame-wrapper .content {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  color: #fff;
  padding: 30px 30px 30px 350px;
}
#frame_memberincentive.frame-wrapper .content h4 {
  font-size: 42px;
  margin: 0;
  font-weight: 900;
  padding: 0;
}
#frame_memberincentive.frame-wrapper .content ul {
  list-style: none;
  line-height: 1.2em;
  font-size: 26px;
  margin: 30px 0;
  padding: 0;
}
#frame_memberincentive.frame-wrapper .content li {
  margin: 0;
  padding: 0.1em 0 0.1em 30px;
  position: relative;
}
#frame_memberincentive.frame-wrapper .content li:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background: url(/design/default/memberincentive/star.png) no-repeat;
  width: 20px;
  height: 20px;
}
#frame_memberincentive.frame-wrapper .girl, #frame_memberincentive.frame-wrapper .tag {
  z-index: 129;
  position: absolute;
}
#frame_memberincentive.frame-wrapper .template-1.memberincentive-frame {
  background: url("/design/default/memberincentive/1_bg.jpg");
}
#frame_memberincentive.frame-wrapper .template-1 .girl {
  right: 520px;
  bottom: 0;
  width: 457px;
  height: 471px;
  background: url(/design/default/memberincentive/1_girl.png) no-repeat;
}
#frame_memberincentive.frame-wrapper .template-1 .tag {
  font-family: "Titillium Web", sans-serif;
  left: -55px;
  top: 228px;
  width: 340px;
  height: 114px;
  font-size: 50px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #dd0bb3;
  font-weight: 900;
}
#frame_memberincentive.frame-wrapper .template-1 .tag span {
  display: block;
}
#frame_memberincentive.frame-wrapper .template-1.mode-warn .content p {
  font-size: 22px;
}
#frame_memberincentive.frame-wrapper .template-1.mode-warn .content ul {
  font-size: 22px;
}
#frame_memberincentive.frame-wrapper .template-2.memberincentive-frame {
  background: url(/design/default/memberincentive/2_bg.jpg);
}
#frame_memberincentive.frame-wrapper .template-2 .content {
  padding: 30px 30px 30px 350px;
}
#frame_memberincentive.frame-wrapper .template-2 .girl {
  right: 649px;
  bottom: 0;
  width: 208px;
  height: 481px;
  background: url(/design/default/memberincentive/2_girl.png) no-repeat;
}
#frame_memberincentive.frame-wrapper .template-2 .tag {
  display: none;
}
#frame_memberincentive.frame-wrapper .template-3.memberincentive-frame {
  background: url(/design/default/memberincentive/3_bg.jpg);
}
#frame_memberincentive.frame-wrapper .template-3 .topup-button {
  right: auto;
  left: 170px;
}
#frame_memberincentive.frame-wrapper .template-3 .content {
  padding: 30px 220px 30px 50px;
  color: #004097;
}
#frame_memberincentive.frame-wrapper .template-3 .girl {
  right: 0;
  bottom: 0;
  width: 264px;
  height: 457px;
  background: url(/design/default/memberincentive/3_girl.png) no-repeat;
}
#frame_memberincentive.frame-wrapper .template-3 .tag {
  display: none;
}

@media (max-height: 850px), (max-width: 1050px) {
  #frame_memberincentive.frame-wrapper .memberincentive-frame {
    zoom: 70%;
  }
}
#frame_oocvip.frame-wrapper {
  z-index: 99;
}
#frame_oocvip.frame-wrapper .frame-content {
  padding: 20px;
  z-index: 119;
  font-family: Ubuntu, Arial, sans-serif;
}
#frame_oocvip.frame-wrapper .frame-background {
  background: #000;
  background: linear-gradient(rgba(0, 0, 0, 0.97), rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.93) 100%);
}
#frame_oocvip.frame-wrapper .oocvip-frame {
  width: 612px;
  height: 712px;
  position: relative;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
}
#frame_oocvip.frame-wrapper .oocvip-frame, #frame_oocvip.frame-wrapper .oocvip-frame * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#frame_oocvip.frame-wrapper div.top {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  font-size: 36px;
  color: #FFF;
}
#frame_oocvip.frame-wrapper div.ooc {
  position: absolute;
  top: 226px;
  left: 205px;
  right: 205px;
  color: #52b3d8;
}
#frame_oocvip.frame-wrapper div.ttc {
  position: absolute;
  color: #FFF;
  top: 357px;
  left: 180px;
  transform: rotate(-10deg);
  font-size: 46px;
  font-weight: bold;
}
#frame_oocvip.frame-wrapper div.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 612px;
  height: 712px;
  background: url(/design/default/chat/circa.svg) center center no-repeat;
}
#frame_oocvip.frame-wrapper div.picture {
  position: absolute;
  bottom: 32px;
  left: 97px;
  width: 180px;
  height: 180px;
  background: #fff;
  border-radius: 100%;
  padding: 5px;
}
#frame_oocvip.frame-wrapper div.picture .inner {
  width: 170px;
  height: 170px;
  background: #000 center center no-repeat;
  background-size: cover;
  border-radius: 100%;
}
#frame_oocvip.frame-wrapper button.close {
  position: fixed;
  top: 15px;
  left: 15px;
  border: none;
  background: url(/design/default/memberincentive/close.png) 0 0 no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#frame_oocvip.frame-wrapper .photos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#frame_oocvip.frame-wrapper .photo {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
}
#frame_oocvip.frame-wrapper .photo .inner {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background: #000 center center no-repeat;
  background-size: cover;
}
#frame_oocvip.frame-wrapper .arrow-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
}
#frame_oocvip.frame-wrapper .arrow-wrapper .arrow {
  position: relative;
  width: 980px;
  margin: 0 auto;
  text-align: right;
}
#frame_oocvip.frame-wrapper .arrow-wrapper .circle {
  position: absolute;
  background: transparent no-repeat 0 0;
}
#frame_oocvip.frame-wrapper .arrow-wrapper .text {
  position: absolute;
  color: #48e3ff;
  line-height: 1.2em;
  font-weight: bold;
  text-align: right;
}
#frame_oocvip.frame-wrapper .arrow-wrapper.arrow-top {
  top: 0;
}
#frame_oocvip.frame-wrapper .arrow-wrapper.arrow-top .circle {
  top: -12px;
  right: -40px;
  width: 310px;
  height: 179px;
  background-image: url(/design/default/memberincentive/top-noarrow.png);
  animation: play-circle-top 1s steps(3) infinite;
}
#frame_oocvip.frame-wrapper .arrow-wrapper.arrow-bottom {
  bottom: 0;
}
#frame_oocvip.frame-wrapper .arrow-wrapper.arrow-bottom .circle {
  bottom: -52px;
  right: -124px;
  width: 443px;
  height: 217px;
  background-image: url(/design/default/memberincentive/bottom.png?2);
  animation: play-circle-bottom 1s steps(3) infinite;
}
#frame_oocvip.frame-wrapper .arrow-wrapper.arrow-bottom .text {
  width: 600px;
  font-size: 30px;
  line-height: 33px;
  bottom: 50px;
  right: 335px;
  font-weight: bold;
  transform: rotate(-3deg);
}
#frame_oocvip.frame-wrapper .arrow-wrapper.arrow-bottom .text .last {
  font-size: 17px;
  color: #FFF;
}
@keyframes play-circle-top {
  100% {
    background-position: 0 -537px;
  }
}
@keyframes play-circle-bottom {
  100% {
    background-position: 0 -651px;
  }
}

#frame_chat-app.frame-wrapper {
  z-index: 99;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  overflow: visible;
}
#frame_chat-app.frame-wrapper.hidden {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -1px;
  top: -1px;
}
#frame_chat-app.frame-wrapper.hidden .frame-background {
  display: none;
}
#frame_chat-app.frame-wrapper.hidden .frame-content {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -1px;
  top: -1px;
}
#frame_chat-app.frame-wrapper .frame-content {
  width: 100%;
  height: 100%;
  z-index: 119;
}
#frame_chat-app.frame-wrapper .frame-background {
  background: rgba(255, 255, 255, 0.98);
  opacity: 1;
}
#frame_chat-app.frame-wrapper .frame-paging * {
  box-sizing: border-box;
}
#frame_chat-app.frame-wrapper .frame-paging .nav {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  background-color: #fff;
  border: 1px solid #efefef;
  height: 80px;
  padding: 10px;
  max-width: 30px;
  overflow: hidden;
  display: flex;
  transition: max-width 0.5s linear;
  z-index: 205 !important;
}
#frame_chat-app.frame-wrapper .frame-paging .nav-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#frame_chat-app.frame-wrapper .frame-paging .nav-inner:after {
  content: "";
  display: block;
  width: 10px;
  height: 14px;
  padding-left: 5px;
  background: url(/design/default/chat/step-next.svg) center center no-repeat;
  background-size: 10px 14px;
}
#frame_chat-app.frame-wrapper .frame-paging .nav.prev .nav-inner:after {
  background: url(/design/default/chat/step-prev.svg) center center no-repeat;
}
#frame_chat-app.frame-wrapper .frame-paging .nav.prev {
  left: 0;
  border-left: none;
}
#frame_chat-app.frame-wrapper .frame-paging .nav.prev .nav-inner {
  flex-direction: row-reverse;
}
#frame_chat-app.frame-wrapper .frame-paging .nav.next {
  justify-content: flex-end;
}
#frame_chat-app.frame-wrapper .frame-paging .nav.next {
  right: 0;
  border-right: none;
}
#frame_chat-app.frame-wrapper .frame-paging .video {
  overflow: hidden;
  flex: 0 0 80px;
  width: 80px;
  height: 60px;
  background: #000;
  position: relative;
}
#frame_chat-app.frame-wrapper .frame-paging .video img {
  object-fit: cover;
}
#frame_chat-app.frame-wrapper .frame-paging .video img, #frame_chat-app.frame-wrapper .frame-paging .video .stream {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#frame_chat-app.frame-wrapper .frame-paging .name {
  white-space: nowrap;
  padding: 20px;
  color: #323232;
  font-size: 14px;
}
#frame_chat-app.frame-wrapper .frame-paging .nav:hover {
  max-width: 350px;
}

#paymentPanel {
  display: none;
  color: #f4f4f4;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
  position: relative;
  width: 100%;
  height: 300px;
  background: #111;
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}
#paymentPanel * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#paymentPanel a {
  color: #f99e1c;
  text-decoration: none;
}
#paymentPanel ul.types, #paymentPanel .content, #paymentPanel .amount-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
}
#paymentPanel ul.types {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  width: 101px;
  left: 0;
  margin: 0;
  padding: 0;
  border-right: 1px solid #292929;
  list-style: none;
}
#paymentPanel ul.types li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 75px;
  background-color: #151515;
  background-image: linear-gradient(to bottom, #151515, #3b3b3b);
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #151515;
}
#paymentPanel ul.types li div {
  text-align: center;
  font-size: 13px;
  color: #fff;
}
#paymentPanel ul.types li i.icon {
  display: block;
  width: 48px;
  height: 48px;
  background: url("paymentpanel/icons.png");
  background-size: 144px 144px;
}
#paymentPanel ul.types li a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#paymentPanel ul.types li.type-alternative i.icon {
  background-position: 0 0;
}
#paymentPanel ul.types li.type-alternative.active i.icon {
  background-position: -48px 0;
}
#paymentPanel ul.types li.type-alternative.disabled i.icon {
  background-position: -96px 0;
}
#paymentPanel ul.types li.type-sms_hu i.icon {
  background-position: -5px -96px;
}
#paymentPanel ul.types li.type-sms_hu.active i.icon {
  background-position: -53px -96px;
}
#paymentPanel ul.types li.type-sms_hu.disabled i.icon {
  background-position: -101px -96px;
}
#paymentPanel ul.types li.type-phone_hu i.icon {
  background-position: 0 -48px;
}
#paymentPanel ul.types li.type-phone_hu.active i.icon {
  background-position: -48px -48px;
}
#paymentPanel ul.types li.type-phone_hu.disabled i.icon {
  background-position: -96px -48px;
}
#paymentPanel ul.types li.type-cryptocurrency i.icon {
  background: url(/design/default/bitcoin/pickaxe-y.svg) center center no-repeat;
  background-size: 36px 36px;
}
#paymentPanel ul.types li.type-cryptocurrency.active i.icon {
  background: url(/design/default/bitcoin/pickaxe-w.svg) center center no-repeat;
  background-size: 36px 36px;
}
#paymentPanel ul.types li.type-cryptocurrency.disabled i.icon {
  opacity: 0.5;
}
#paymentPanel ul.types li.active {
  position: relative;
  padding-top: 1px;
  color: #fff;
  background: #fab336;
  background-image: url(paymentpanel/selected.jpg);
  background-size: 116px 75px;
  border-top: none;
  border-bottom: none;
  width: 116px;
  padding-right: 16px;
}
#paymentPanel ul.types li.disabled {
  cursor: default;
}
#paymentPanel ul.types li.disabled div {
  color: #5d5d5d;
}
#paymentPanel ul.types li:first-of-type {
  border-top: none;
}
#paymentPanel ul.types li:last-child {
  border-bottom: none;
}
#paymentPanel .amount-wrapper {
  background-color: #151515;
  background-image: linear-gradient(to bottom, #151515, #151515 200px, #3b3b3b);
  border-left: 1px solid #333;
  right: 0;
  left: 748px;
  padding: 20px 20px 20px 20px;
}
#paymentPanel .amount-wrapper .amounts {
  margin: 10px 0;
}
#paymentPanel .amount-wrapper .amounts div {
  margin: 5px 0;
  color: #fff;
  display: block;
}
#paymentPanel .amount-wrapper .amounts label {
  width: 100%;
}
#paymentPanel .amount-wrapper .amounts label span {
  display: inline-block;
}
#paymentPanel .amount-wrapper .amounts label .price {
  float: right;
  padding-left: 5px;
}
#paymentPanel .content {
  left: 140px;
  right: 270px;
  padding: 20px 0;
}
#paymentPanel h3 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 20px 0;
  padding: 0;
}
#paymentPanel p.description, #paymentPanel p.disclaimer {
  margin: 16px 0;
  line-height: 1.5em;
}
#paymentPanel div.frame {
  font-size: 20px;
  color: #fff;
  border: 2px solid #f99e1c;
  padding: 10px;
  vertical-align: middle;
}
#paymentPanel div.frame span, #paymentPanel div.frame img {
  vertical-align: middle;
  line-height: 1em;
}
#paymentPanel div.frame img {
  margin: 0 15px;
}
#paymentPanel div.frame .phone, #paymentPanel div.frame .code {
  color: #fff;
  font-weight: bold;
}
#paymentPanel div.buttons {
  position: absolute;
  bottom: 30px;
  right: 0;
}
#paymentPanel a.x {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  background: url(paymentpanel/x.png);
}
#paymentPanel .button {
  cursor: pointer;
  background: #fab322;
  background-image: linear-gradient(to bottom, #fab322, #f99b1b);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #97651a;
  padding: 6px 40px;
  border-radius: 4px;
  font-size: 16px;
  margin: 0;
  color: #fff;
}
#paymentPanel .panel-alternative div.logos {
  margin: 22px 0;
  font-size: 0;
}
#paymentPanel .panel-alternative div.logos img {
  margin-right: 10px;
}
#paymentPanel .panel-alternative div.logos img:last-of-type {
  margin-right: 0;
}
#paymentPanel .panel-cryptocurrency .logos {
  margin: 32px 0;
  display: flex;
  align-items: center;
}
#paymentPanel .panel-cryptocurrency .logos img {
  width: 30px;
  margin-right: 20px;
}

:not(.lt-ie9) #paymentPanel .amounts [type=checkbox], :not(.lt-ie9) #paymentPanel .amounts [type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
:not(.lt-ie9) #paymentPanel .amounts [type=checkbox] + label, :not(.lt-ie9) #paymentPanel .amounts [type=radio] + label {
  background: url(/design/default/quickbuy/checkbox.png) left top no-repeat;
  height: 20px;
  line-height: 20px;
  padding-left: 25px;
  display: inline-block;
}
:not(.lt-ie9) #paymentPanel .amounts [type=checkbox]:checked + label, :not(.lt-ie9) #paymentPanel .amounts [type=radio]:checked + label {
  background: url(/design/default/quickbuy/checkbox.png) left -20px no-repeat;
}

#footer {
  background: url(footer/footerbg.png) repeat-x;
  min-height: 67px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 13px 0 10px 0;
  text-align: center;
  font-size: 11px;
  line-height: 12px;
}

.wantedItem {
  height: 20px;
  background-color: #525252;
  text-align: center;
}

.wantedItem a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

.wantedItem a:hover {
  color: #fff;
  text-decoration: underline;
}

.float-bar .quickbuy label {
  display: block;
  margin: 2px 0;
  color: #eee;
}
.float-bar .quickbuy .qb-credits, .float-bar .quickbuy .qb-price1, .float-bar .quickbuy .qb-price2 {
  display: inline-block;
}
.float-bar .quickbuy .qb-price1, .float-bar .quickbuy .qb-price2 {
  text-align: right;
}
.float-bar .quickbuy .qb-credits {
  width: 70px;
}
.float-bar .quickbuy .qb-price1 {
  width: 70px;
}
.float-bar .quickbuy .qb-price2 {
  width: 60px;
}
.float-bar .quickbuy label s.bright {
  color: #eee;
  display: inline-block;
  margin-right: -4px;
}
.float-bar .quickbuy label.extracredit .qb-credits {
  width: 130px;
}
.float-bar .quickbuy label.extracredit .qb-price1 {
  width: 98px;
}
.float-bar .quickbuy label.extracredit s {
  margin-right: 0;
}
.float-bar .quickbuy .description {
  margin: 15px 0 18px 0;
  color: #ffaa00;
}

.float-bar .fraud-panel h3 {
  margin: 0;
  font-size: 16px;
  color: #fa0;
}
.float-bar .fraud-panel h4 {
  margin: 0;
  font-size: 13px;
  color: #fa0;
}
.float-bar .fraud-panel .row {
  margin: 1em 0;
}
.float-bar .fraud-panel p {
  margin: 10px 0;
  text-align: justify;
}
.float-bar .fraud-panel p a {
  color: #fa0;
}
.float-bar .fraud-panel .form {
  margin: 20px 0;
  display: table;
  width: 100%;
}
.float-bar .fraud-panel .form .row {
  display: table-row;
}
.float-bar .fraud-panel .form .row label, .float-bar .fraud-panel .form .row .input {
  display: table-cell;
}
.float-bar .fraud-panel .form .row label {
  width: 35%;
}
.float-bar .fraud-panel .form .row .input {
  width: 65%;
}
.float-bar .fraud-panel .form .row label {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}
.float-bar .fraud-panel .form .row .input input, .float-bar .fraud-panel .form .row .input select {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 19px;
  line-height: 17px;
  background: #2d2d2d;
  border: 1px solid #3f3f3f;
  color: #fa0;
}
.float-bar .fraud-panel .form .row .input .error {
  border: 1px solid #f80;
}
.float-bar .fraud-panel .form .row .input input {
  padding: 0 3px;
}
.float-bar .fraud-panel .row label, .float-bar .fraud-panel .row .input {
  padding: 2px 0;
}
.float-bar .fraud-panel .message-box {
  margin: 1em 0;
  padding: 0.5em;
  font-weight: bold;
  border: 1px solid #f80;
  color: #f80;
}
.float-bar .fraud-panel .buttons {
  margin: 25px 0 0 0;
  text-align: right;
}
.float-bar .fraud-panel .buttons input {
  margin-left: 10px;
  vertical-align: top;
}

.float-bar .creditcard .row {
  margin: 1em 0;
}
.float-bar .creditcard p {
  margin: 10px 0;
}
.float-bar .creditcard p a {
  color: #fa0;
}
.float-bar .creditcard .form {
  margin: 20px 0;
  display: table;
  width: 100%;
}
.float-bar .creditcard .form .row {
  display: table-row;
}
.float-bar .creditcard .form .row label, .float-bar .creditcard .form .row .input {
  display: table-cell;
}
.float-bar .creditcard .form .row label {
  width: 35%;
}
.float-bar .creditcard .form .row .input {
  width: 65%;
}
.float-bar .creditcard p {
  line-height: 1.5em;
}
.float-bar .creditcard .form .row label {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}
.float-bar .creditcard .form .row .input input, .float-bar .creditcard .form .row .input select, .float-bar .creditcard .form .row .input .custom-select {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 19px;
  line-height: 17px;
  background: #2d2d2d;
  border: 1px solid #3f3f3f;
  color: #fa0;
}
.float-bar .creditcard .form .row .input .error {
  border: 1px solid #f80;
}
.float-bar .creditcard .form .row .input input {
  padding: 0 3px;
}
.float-bar .creditcard .form .row .input .dropdown {
  width: 60%;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.float-bar .creditcard .form .row .input .dropdown .custom-select {
  background: #2d2d2d;
  color: #fa0;
  border: 1px solid #3f3f3f;
}
.float-bar .creditcard .form .row .input .dropdown .custom-select .list .option:hover {
  background: #3f3f3f;
}
.float-bar .creditcard .form .row .input .dropdown-clone {
  display: none;
}
.float-bar .creditcard .form .row .input .current-amount {
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  line-height: 17px;
  height: 19px;
}
.float-bar .creditcard .form .row .input.cvc input, .float-bar .creditcard .form .row .input.exp input {
  width: 50px;
}
.float-bar .creditcard .row label, .float-bar .creditcard .row .input {
  padding: 2px 0;
}
.float-bar .creditcard .message-box {
  display: none;
  margin: 1em 0;
  padding: 0.5em;
  font-weight: bold;
  border: 1px solid #f80;
  color: #f80;
}
.float-bar .creditcard .buttons {
  margin: 10px 0 0 0;
  text-align: right;
}
.float-bar .creditcard .buttons input {
  margin-left: 10px;
  vertical-align: top;
}
.float-bar .creditcard .cvcHelp {
  position: relative;
  color: #000;
  background: #fa0;
  border-radius: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 1px 3px;
  margin-left: 5px;
  font-size: 11px;
  line-height: 1em;
}
.float-bar .creditcard .cvcHelp .card {
  display: none;
  bottom: 100%;
  left: 100%;
  width: 240px;
  height: 150px;
  background: #BBB;
  border-radius: 10px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
}
.float-bar .creditcard .cvcHelp .card, .float-bar .creditcard .cvcHelp .card * {
  position: absolute;
}
.float-bar .creditcard .cvcHelp .card .strip {
  top: 30px;
  left: 0;
  right: 0;
  height: 30px;
  background: #333;
}
.float-bar .creditcard .cvcHelp .card .sig {
  top: 70px;
  left: 10px;
  right: 10px;
  font-size: 8px;
}
.float-bar .creditcard .cvcHelp .card .code {
  top: 85px;
  left: 10px;
  right: 10px;
  height: 20px;
  background: #fff;
  padding: 5px 5px 10px 0;
  text-align: right;
  font-size: 12px;
}
.float-bar .creditcard .cvcHelp .card .circle {
  border-radius: 100%;
  top: 1px;
  right: 1px;
  width: 23px;
  height: 15px;
  border: 2px solid #F00;
}
.float-bar .creditcard .cvcHelp:hover .card {
  display: block;
}

.float-bar .ecp p {
  margin: 1em 0 2em 0;
  line-height: 1.5em;
}
.float-bar .ecp .button {
  padding-top: 0;
  text-align: right;
}

.float-bar {
  /* Allow clicks through the layer */
  pointer-events: none;
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  text-align: right;
  color: #fff;
}
.float-bar .float-bar-inner {
  vertical-align: top;
  display: inline-block;
}
.float-bar .float-bar-tab-wrapper.top {
  display: block;
}
.float-bar .float-bar-tab-wrapper.bottom {
  display: none;
}
.float-bar .float-bar-tab-wrapper .float-bar-tab {
  pointer-events: all;
  display: inline-block;
  padding: 0 20px;
  line-height: 30px;
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  border-radius: 4px 4px 0 0;
  vertical-align: bottom;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.float-bar .float-bar-tab-wrapper, .float-bar .float-bar-tab-wrapper .float-bar-tab {
  height: 30px;
  margin: 0;
}
.float-bar .float-bar-tab-wrapper .tab-icon, .float-bar .float-bar-tab-wrapper .float-bar-tab .tab-icon {
  display: inline-block;
  width: 13px;
  text-align: center;
  padding-left: 10px;
  font-size: 1.2em;
}
.float-bar .float-bar-tab-wrapper .tab-icon i, .float-bar .float-bar-tab-wrapper .float-bar-tab .tab-icon i {
  display: none;
}
.float-bar .content-wrapper {
  pointer-events: all;
  text-align: left;
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  position: relative;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: width 0.4s ease-in, height 0.4s, ease-in;
}
.float-bar .content-wrapper.disable-transition {
  transition: none;
}
.float-bar .content {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s linear 0.4s, opacity 0.4s 0s linear;
}
.float-bar .content.visible {
  transition: visibility 0.4s linear, opacity 0.4s 0s linear;
  visibility: visible;
  opacity: 1;
}
.float-bar .content-inner {
  padding: 25px;
}
.float-bar .error-panel .content-inner, .float-bar .success-panel .content-inner, .float-bar .loading .content-inner {
  min-height: 19px;
  line-height: 19px;
  color: #fa0;
  padding-left: 58px;
}
.float-bar .error-panel .content-inner a, .float-bar .success-panel .content-inner a, .float-bar .loading .content-inner a {
  display: block;
  margin-top: 0.5em;
  color: #fff;
}
.float-bar .loading .content-inner {
  padding-left: 68px;
}
.float-bar .success-panel {
  background: url(/design/default/quickbuy/success.png) 20px center no-repeat;
}
.float-bar .error-panel {
  background: url(/design/default/quickbuy/error.png) 20px center no-repeat;
}
.float-bar .loading {
  background: url(/design/default/quickbuy/loading.gif) 15px center no-repeat;
}
.float-bar h3 {
  margin: 0;
  font-size: 16px;
  color: #fa0;
}

:not(.lt-ie9) .float-bar [type=checkbox], :not(.lt-ie9) .float-bar [type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
:not(.lt-ie9) .float-bar [type=checkbox] + label, :not(.lt-ie9) .float-bar [type=radio] + label {
  background: url(/design/default/quickbuy/checkbox.png) left top no-repeat;
  height: 18px;
  line-height: 17px;
  padding-left: 22px;
  display: inline-block;
}
:not(.lt-ie9) .float-bar [type=checkbox]:checked + label, :not(.lt-ie9) .float-bar [type=radio]:checked + label {
  background: url(/design/default/quickbuy/checkbox.png) left -20px no-repeat;
}

.float-bar.inchat {
  bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  padding: 0 20px;
}
.float-bar.inchat .float-bar-tab-wrapper.top {
  display: none;
}
.float-bar.inchat .float-bar-tab-wrapper.bottom {
  display: block;
}
.float-bar.inchat .float-bar-tab-wrapper .float-bar-tab {
  border-radius: 0 0 4px 4px;
}

.float-bar.outline .float-bar-tab {
  position: relative;
  z-index: 111;
  border: 1px solid #fff;
  border-bottom: none;
}
.float-bar.outline .content-wrapper {
  position: relative;
  z-index: 110;
  border: 1px solid #fff;
  border-bottom: none;
}
.float-bar.outline.template-1 .float-bar-tab, .float-bar.outline.template-1 .content-wrapper {
  border-color: #FBAD0D;
}
.float-bar.outline.template-2 .float-bar-tab, .float-bar.outline.template-2 .content-wrapper {
  border-color: #840065;
}
.float-bar.outline.template-3 .float-bar-tab, .float-bar.outline.template-3 .content-wrapper {
  border-color: #b5e3e1;
}
.float-bar.outline.template-ooc .float-bar-tab, .float-bar.outline.template-ooc .content-wrapper {
  border-color: #fff;
}

#stripMessage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#stripMessage .wrapper {
  display: table;
  width: 100%;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}
#stripMessage .success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdff0d8", endColorstr="#ffc8e5bc", GradientType=0);
  background-repeat: repeat-x;
}
#stripMessage .fail {
  background-color: #f2dede;
  background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff2dede", endColorstr="#ffe7c3c3", GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
  color: #a94442;
}
#stripMessage .message, #stripMessage .close {
  padding: 15px;
  display: table-cell;
  vertical-align: middle;
}
#stripMessage .message {
  text-align: left;
}
#stripMessage .close {
  text-align: right;
}
#stripMessage .close a {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
#stripMessage .close a:hover {
  text-decoration: none;
}

ul.tagcloud {
  font-weight: 900;
  line-height: 22px;
  padding: 0pt;
  text-transform: lowercase;
}

ul.tagcloud li {
  color: #666666;
  display: inline !important;
  line-height: 1em;
  padding-left: 3px;
  padding-right: 3px;
}

ul.tagcloud li.w1 {
  font-size: 0.8em;
  font-weight: 900;
}

ul.tagcloud li.w2 {
  font-size: 0.95em;
  font-weight: 900;
}

ul.tagcloud li.w3 {
  font-size: 1.1em;
  font-weight: 900;
}

ul.tagcloud li.w4 {
  font-size: 1.25em;
}

ul.tagcloud li.w5 {
  font-size: 1.4em;
}

ul.tagcloud li.w6 {
  font-size: 1.55em;
}

ul.tagcloud a {
  white-space: nowrap;
}

ul.tagcloud a:link {
  text-decoration: none;
  color: #666666;
}

ul.tagcloud a:hover, a:active {
  text-decoration: underline;
  color: #666666;
}

ul.tagcloud a:visited {
  text-decoration: none;
  color: #666666;
}

.wheel-of-fortune-panel {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  min-width: 769px;
  z-index: 10000;
  align-items: center;
  justify-content: flex-start;
  background: #1e1e1e;
  border-right: 5px solid #21ace4;
  font-size: 14px;
  color: #FFF;
  display: flex;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  transform: translateX(-90%);
  opacity: 0;
}
.wheel-of-fortune-panel > button.close {
  border: none;
  background: transparent;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 26px;
  color: #FFF;
  cursor: pointer;
}
@keyframes wheel-promo-show {
  from {
    transform: translateX(-100%);
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes wheel-promo-hide {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}
.wheel-of-fortune-panel .wofp-wheel {
  flex: 0 0 auto;
  width: 370px;
  height: 550px;
  position: relative;
}
.wheel-of-fortune-panel .wofp-wheel .wheel-wrapper {
  position: absolute;
  left: -230px;
  width: 550px;
  height: 550px;
}
.wheel-of-fortune-panel .wofp-wheel .wheel-wrapper .wheel {
  width: 550px;
  height: 550px;
  background: url(/design/default/wheel/fortunewheel.svg?2) center center no-repeat;
  background-size: 550px;
}
.wheel-of-fortune-panel .wofp-wheel .wheel-wrapper:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: -30px;
  top: -30px;
  width: 610px;
  height: 610px;
  background: url(/design/default/wheel/bg.png) center center no-repeat;
  background-size: cover;
}
.wheel-of-fortune-panel .wofp-wheel .pin {
  position: absolute;
  left: 284px;
  top: 253px;
  width: 86px;
  height: 44px;
  background: url(/design/default/wheel/wheel-pin.svg) center center no-repeat;
  background-size: contain;
  transform-origin: 64px 22px;
}
.wheel-of-fortune-panel .wofp-wheel ul.entries {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 275px;
  top: 275px;
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li {
  position: absolute;
  left: 0;
  top: -25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 215px;
  height: 50px;
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  transform-origin: 0 25px;
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(1) {
  transform: rotate(0deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(2) {
  transform: rotate(-30deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(3) {
  transform: rotate(-60deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(4) {
  transform: rotate(-90deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(5) {
  transform: rotate(-120deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(6) {
  transform: rotate(-150deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(7) {
  transform: rotate(-180deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(8) {
  transform: rotate(-210deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(9) {
  transform: rotate(-240deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(10) {
  transform: rotate(-270deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(11) {
  transform: rotate(-300deg);
}
.wheel-of-fortune-panel .wofp-wheel ul.entries li:nth-child(12) {
  transform: rotate(-330deg);
}
.wheel-of-fortune-panel .wofp-status {
  flex: 1;
  padding: 0 30px;
}
.wheel-of-fortune-panel .wofp-status .wofp-status-win-instant,
.wheel-of-fortune-panel .wofp-status .wofp-status-win,
.wheel-of-fortune-panel .wofp-status .wofp-status-offer {
  display: none;
}
.wheel-of-fortune-panel .wofp-status .wofp-status-win-instant.visible,
.wheel-of-fortune-panel .wofp-status .wofp-status-win.visible,
.wheel-of-fortune-panel .wofp-status .wofp-status-offer.visible {
  display: block;
}
.wheel-of-fortune-panel .wofp-status h2, .wheel-of-fortune-panel .wofp-status .body, .wheel-of-fortune-panel .wofp-status .button {
  margin: 50px 0;
}
.wheel-of-fortune-panel .wofp-status h2 {
  font-size: 27px;
}
.wheel-of-fortune-panel .wofp-status h2 em {
  font-style: normal;
  color: #21ace4;
}
.wheel-of-fortune-panel .wofp-status .body {
  line-height: 1.5em;
}
.wheel-of-fortune-panel .wofp-status .body ul, .wheel-of-fortune-panel .wofp-status .body p {
  margin: 0 0 20px 0;
}
.wheel-of-fortune-panel .wofp-status .body ul {
  color: #a2a2a2;
  padding: 0;
  margin: 0;
  list-style: none;
}
.wheel-of-fortune-panel .wofp-status .body ul li:before {
  display: inline-block;
  content: "*";
  padding-right: 10px;
}
.wheel-of-fortune-panel .wofp-status .button button {
  width: 100%;
  border: none;
  border-radius: 2px;
  margin: 0;
  padding: 10px;
  font-size: 14px;
  background: #21ace4;
  color: #FFF;
  font-weight: 500;
}

.cookie-acceptor {
  display: none;
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  padding: 16px;
  position: fixed;
  right: 0;
  z-index: 10000000;
}
.cookie-acceptor a {
  text-decoration: none;
  color: #F4A136;
}
.cookie-acceptor .cookie-acceptor-contents {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cookie-acceptor .cookie-acceptor-contents div {
  flex: 1;
  padding-right: 50px;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
}
.cookie-acceptor .cookie-acceptor-contents button {
  background: #F4A136;
  border: none;
  border-radius: 3px;
  color: #FFF;
  font-size: 16px;
  padding: 10px 20px;
  cursor: pointer;
}
.cookie-acceptor .cookie-acceptor-contents button:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  margin-right: 10px;
  background: url('data:image/svg+xml;utf8,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.04932 18.0973C14.0472 18.0973 18.0988 14.0461 18.0988 9.04865C18.0988 4.05122 14.0472 0 9.04932 0C4.05151 0 0 4.05122 0 9.04865C0 14.0461 4.05151 18.0973 9.04932 18.0973ZM14.8801 7.00928L8.453 13.4359L7.92017 13.9695L2.87195 8.93362L4.42896 7.373L7.72681 10.6628L13.1304 5.25965L14.8801 7.00928Z" transform="translate(0.823975 0.724335)" fill="white"/></svg>');
}

.sfw .roomlist_image {
  visibility: hidden;
}

.browser-support {
  display: none;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  background: #FEE;
}

/*# sourceMappingURL=style.css.map */