/* compass */
.button-01 {
  background: #78cd00;
  border-bottom: 2px solid #5a9a00;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  height: 53px;
  line-height: 53px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px 2px 2px #5a9a00;
  cursor: pointer;
}
.button-01:hover {
  background: #69b300;
}
.button-01.loader {
  background: url("/global/cc3/prod/img/loader/78cd00.gif") no-repeat center center #78cd00;
  text-indent: -9999px;
  overflow: hidden;
}

.button-02 {
  background: #fff;
  border: 1px solid #8bbab1;
  font-size: 14px;
  color: #8bbab1;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.button-02:hover {
  color: #4e776f;
  border: 1px solid #4e776f;
}

.button-03 {
  background: #8bbab1;
  border-bottom: 2px solid #7da79f;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.button-03:hover {
  background: #6c948c;
  border-bottom: 2px solid #61857e;
}
.button-03.loader {
  background: url("/global/cc3/prod/img/loader/30_8bbab1.gif") no-repeat center center #8bbab1;
  text-indent: -9999px;
  overflow: hidden;
}
.button-03.disable {
  background: #c5ddd8;
  border-bottom-color: #8bbab1;
  cursor: default;
}

.button-04 {
  background: #e6c928;
  border-bottom: 2px solid #cfb524;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.button-04:hover {
  background: #c4a915;
  border-bottom: 2px solid #b09813;
}

.sprite_site-sprite, #header .wrapper #statsMenu li#stats-messages a, #header .wrapper #statsMenu li#stats-game a, #header .wrapper #statsMenu li#stats-visits a, #header .wrapper #statsMenu li#stats-partners a, .sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button#gameBannerYes .ico, .sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button#gameBannerNo .ico, #popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination .prev, #popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination .next, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent #popupCloseSubmit, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #zoomMin .zoomMin, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #zoomMin .zoomMin, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #zoomMax .zoomMax, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #zoomMax .zoomMax, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #rotationMin .rotationMin, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #rotationMin .rotationMin, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #rotationMax .rotationMax, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #rotationMax .rotationMax, .ISMOBILE #header .wrapper #mainMenu ul li.menuMobile .options_ico, .ISMOBILE #header .wrapper #statsMenu ul li#stats-game a .ico, .ISMOBILE #header .wrapper #statsMenu ul li#stats-visits a .ico, .ISMOBILE #header .wrapper #statsMenu ul li#stats-online a .ico, .ISMOBILE #header .wrapper #statsMenu ul li#stats-messages a .ico, .ISMOBILE #header .wrapper #statsMenu ul li#stats-partners .ico {
  background-image: url('../img/sprite_site-sf99e53e98c.png');
  background-repeat: no-repeat;
}

.wrapperLogged, #header .wrapper, #whatsnew .wrapper, #pageTitle .wrapper, .mainSection .wrapper {
  width: 940px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 960px) {
  .wrapperLogged, #header .wrapper, #whatsnew .wrapper, #pageTitle .wrapper, .mainSection .wrapper {
    width: 98%;
    padding-right: 1%;
    padding-left: 1%;
  }
}
@media screen and (min-width: 1220px) {
  .wrapperLogged, #header .wrapper, #whatsnew .wrapper, #pageTitle .wrapper, .mainSection .wrapper {
    width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.loop-no-main {
  display: none;
}

#header {
  height: 69px;
  background: #36304b;
}
#header .wrapper {
  position: relative;
}
#header .wrapper #logo {
  text-align: left;
  width: 225px;
  height: 57px;
  background-image: url('../img/logo/logged.png?1479901850');
  background-repeat: no-repeat;
  background-position: left top;
  margin-top: 10px;
  position: absolute;
  left: 1%;
}
#header .wrapper #mainMenu li {
  position: relative;
}
#header .wrapper #mainMenu li .primary {
  height: 69px;
  cursor: pointer;
  color: #e3e4e8;
  line-height: 69px;
  padding: 0px 20px;
  font-size: 12px;
  text-decoration: none;
}
#header .wrapper #mainMenu li .primary:hover {
  background: #231f30;
  color: #fff;
}
#header .wrapper #mainMenu li.menuVip .primary {
  color: #e4d761;
}
#header .wrapper #mainMenu li.menuProfile img {
  width: 40px;
  height: 40px;
  border: 2px solid #cec6b9;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  margin-top: 12px;
  margin-left: 10px;
}
#header .wrapper #mainMenu li .subMenu {
  display: none;
  position: absolute;
  width: 200px;
  left: 0px;
  top: 69px;
  z-index: 2;
}
#header .wrapper #mainMenu li .subMenu a {
  width: 170px;
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  background: #231f30;
  border-bottom: 1px solid #1e1a29;
  color: #e3e4e8;
  text-align: left;
  position: relative;
  font-size: 15px;
  text-decoration: none;
}
#header .wrapper #mainMenu li .subMenu a:hover {
  color: #fff;
}
#header .wrapper #mainMenu li .subMenu a .ico.new {
  background: #f5f5f5;
  color: #231f30;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  position: absolute;
  right: 20px;
  top: 17px;
}
#header .wrapper #mainMenu li .subMenu .subMenuGame {
  display: none;
}
.USERSEX-F.PARTNERSEX-M #header .wrapper #mainMenu li .subMenu .subMenuGame, .USERSEX-M.PARTNERSEX-F #header .wrapper #mainMenu li .subMenu .subMenuGame {
  display: inline-block;
}
#header .wrapper #mainMenu li.primaryMenuHover, #header .wrapper #mainMenu li.selected {
  background: #231f30;
  color: #fff;
}
.NOTLOGGED #header .wrapper #mainMenu {
  display: none;
}
#header .wrapper #statsMenu {
  width: 190px;
  height: 69px;
  position: absolute;
  right: 1%;
  top: 0px;
}
#header .wrapper #statsMenu li a {
  margin-top: 24px;
  position: relative;
  margin-left: 20px;
}
#header .wrapper #statsMenu li a .counter.visible {
  font-size: 10px;
  background: #7c2b3c;
  width: 18px;
  height: 18px;
  border: 1px solid #e3e4e8;
  color: #e3e4e8;
  position: absolute;
  right: -10px;
  top: -10px;
  text-align: center;
  line-height: 18px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#header .wrapper #statsMenu li#stats-messages a {
  background-position: -61px -36px;
  height: 20px;
  width: 21px;
}
#header .wrapper #statsMenu li#stats-game {
  display: none;
}
.USERSEX-F.PARTNERSEX-M #header .wrapper #statsMenu li#stats-game, .USERSEX-M.PARTNERSEX-F #header .wrapper #statsMenu li#stats-game {
  display: inline-block;
}
#header .wrapper #statsMenu li#stats-game a {
  background-position: -119px -56px;
  height: 22px;
  width: 20px;
  margin-top: 20px;
}
#header .wrapper #statsMenu li#stats-game a .counter.visible {
  top: -6px;
}
#header .wrapper #statsMenu li#stats-visits a {
  background-position: -96px 0;
  height: 16px;
  width: 30px;
}
#header .wrapper #statsMenu li#stats-partners a {
  background-position: 0 -56px;
  height: 18px;
  width: 24px;
}
.NOTLOGGED #header .wrapper #statsMenu {
  display: none;
}
#header .wrapper #notLoggedMenu {
  width: 40%;
  position: absolute;
  right: 1%;
  top: 0px;
  height: 69px;
  line-height: 69px;
  font-size: 15px;
  text-align: right;
}
#header .wrapper #notLoggedMenu a {
  margin-left: 40px;
  color: #fff;
  text-decoration: none;
}
.ISLOGGED #header .wrapper #notLoggedMenu {
  display: none;
}

.USERVIP-1 .VIP {
  display: none !important;
}

#whatsnew {
  background: #f5f5f5;
}
#whatsnew .wrapper {
  position: relative;
  overflow: hidden;
  height: 90px;
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}
#whatsnew .wrapper .title {
  display: table-cell;
  width: 105px;
  font-size: 16px;
  vertical-align: middle;
  height: 90px;
  text-align: left;
  padding: 0 10px 0 5px;
}
#whatsnew .wrapper #whatsnewContainer {
  display: table-cell;
  height: 90px;
  overflow: hidden;
  position: relative;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox {
  width: 100%;
  height: 90px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop {
  height: 90px;
  width: 20%;
  white-space: normal;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox {
  display: table;
  width: 93%;
  margin: 10px 0 10px 3%;
  padding: 0px 2%;
  cursor: pointer;
  table-layout: fixed;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox .imgBox {
  width: 60px;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox .imgBox img {
  width: 60px;
  height: 60px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox .infoBox {
  height: 70px;
  display: table-cell;
  vertical-align: top;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox .infoBox .username {
  width: 95%;
  padding: 5px 0 0 5%;
  overflow: hidden;
  font-size: 12px;
  color: #3f3f3f;
  font-weight: bold;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox .infoBox .action {
  display: none;
  width: 95%;
  padding: 0 0 0 5%;
  font-size: 10px;
  color: #3f3f3f;
  line-height: 13px;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop .loopBox .infoBox .action.visible {
  display: inline-block;
}
#whatsnew .wrapper #whatsnewContainer #whatsnewBox .loop:hover .loopBox {
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#whatsnew .wrapper #whatsnewContainer #loop-whatsnew {
  display: none;
}
#whatsnew .wrapper #whatsnewContainer.loader {
  background: url("/global/cc3/prod/img/loader/50_8bbab1.gif") no-repeat center center;
}

#pageTitle {
  background: #e7e2dc;
  border-bottom: 1px solid #cec6b9;
  height: 50px;
}
#pageTitle .wrapper {
  text-align: right;
}
#pageTitle .wrapper .wrapperInner {
  width: 700px;
}
#pageTitle .wrapper .wrapperInner h1 {
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  float: left;
  line-height: 50px;
}
#pageTitle .wrapper .wrapperInner h1.sectionTitle {
  display: none;
}
#pageTitle .wrapper .wrapperInner h1.sectionTitle.selected {
  display: inline-block;
}
#pageTitle .wrapper .wrapperInner h2 {
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  float: left;
  line-height: 50px;
  color: #a8948e;
}
#pageTitle .wrapper .wrapperInner h2 .ico {
  content: " ";
  border-top: 4px double transparent;
  border-bottom: 4px double transparent;
  border-left: 6px solid #a8948e;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin: -2px 10px 0 10px;
}
#pageTitle .wrapper .wrapperInner .titleLink {
  float: right;
  line-height: 50px;
}
#pageTitle .wrapper .wrapperInner .titleLink a {
  text-decoration: none;
  color: #6c948c;
}

.sidebar {
  display: table-cell;
  min-width: 210px;
  vertical-align: top;
  height: 100%;
  min-height: 100%;
  background: #f5f5f5;
  border-left: 1px solid #cdcbcb;
  border-right: 1px solid #cdcbcb;
}
.sidebar .wrapperAside {
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 1px solid #cdcbcb;
  border-bottom: none;
  background: #f5f5f5;
  margin: -40px 0 0 -1px;
}
.sidebar .wrapperAside .titleBox {
  font-size: 20px;
  text-align: left;
  width: 100%;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
}
.sidebar .wrapperAside .titleBox .title {
  margin-left: 5%;
}
.sidebar .wrapperAside #gameBanner {
  display: block;
  width: 90%;
  margin: 15px 5%;
}
.sidebar .wrapperAside #gameBanner .title {
  font-size: 20px;
  text-align: left;
  width: 100%;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
}
.sidebar .wrapperAside #gameBanner #gameBannerFMLink {
  display: none !important;
}
.USERSEX-F.PARTNERSEX-M.ISMOBILE .sidebar .wrapperAside #gameBanner #gameBannerFMLink {
  display: inline-block !important;
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.USERSEX-F.PARTNERSEX-M.ISMOBILE .sidebar .wrapperAside #gameBanner #gameBannerFMLink a {
  color: #6c948c;
  text-decoration: underline;
  font-size: 18px;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent {
  width: 100%;
  position: relative;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBannerPxSquare {
  width: 100%;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBannerImg {
  width: 100%;
  position: absolute;
  height: 100%;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBannerImg img {
  width: 100%;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBanner-end {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("/global/cc3/prod/img/game/end.jpg");
  background-size: cover;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBanner-end .text {
  width: 90%;
  font-style: italic;
  margin-top: 23%;
  text-align: center;
  font-size: 16px;
  padding: 10px 5%;
  text-shadow: 1px 1px 1px white;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBanner-end .link {
  width: 90%;
  padding: 20px 5%;
  text-align: center;
  font-size: 13px;
  color: #6c948c;
  text-shadow: 1px 1px 1px white;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerImgBox #gameBanner-end .link a {
  color: #6c948c;
  text-decoration: underline;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  left: 0px;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button {
  padding: 7%;
  cursor: pointer;
  border: 2px solid #e7e2dc;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button#gameBannerYes .ico {
  background-position: -20px 0;
  height: 18px;
  width: 16px;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button#gameBannerNo {
  margin-right: 18%;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button#gameBannerNo .ico {
  background-position: -24px -18px;
  height: 13px;
  width: 15px;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent #gameBannerAction button:hover {
  border: 2px solid #a8948e;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.loader #gameBannerImgBox {
  background: url("/global/cc3/prod/img/loader/50_8bbab1.gif") no-repeat center center;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.loader #gameBannerImgBox #gameBanner-end {
  display: none;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.loader #gameBannerImgBox #gameBannerImg {
  display: none;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.loader #gameBannerAction {
  display: none;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.result #gameBannerImgBox {
  display: inline-block;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.result #gameBannerImgBox #gameBanner-end {
  display: none;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.result #gameBannerAction {
  display: inline-block;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.end-game #gameBannerImgBox {
  display: inline-block;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.end-game #gameBannerImgBox #gameBanner-end {
  display: inline-block;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.end-game #gameBannerImgBox #gameBannerImg {
  display: none;
}
.sidebar .wrapperAside #gameBanner #gameBannerContent.end-game #gameBannerAction {
  display: none;
}
.sidebar .wrapperAside #onlineBox {
  width: 100%;
  min-height: 300px;
  max-height: 600px;
  overflow-y: auto;
}
.sidebar .wrapperAside #onlineBox .loop {
  width: 100%;
  text-align: center;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox {
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 0;
  width: 93%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner {
  width: 96%;
  padding: 5px 2%;
  cursor: pointer;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner:hover {
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .imgBox {
  height: 50px;
  min-width: 50px;
  text-align: left;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .imgBox img {
  width: 50px;
  height: 50px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .infoBox {
  height: 50px;
  text-align: left;
  overflow: hidden;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .infoBox span {
  height: 50px;
  font-size: 12px;
  font-weight: bold;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .infoBox span.ico {
  width: 8px;
  height: 8px;
  background: #23dc3d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 21px;
  margin-left: 10px;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .infoBox span.username {
  line-height: 50px;
  margin-left: 10px;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .infoBox span.age {
  line-height: 50px;
  color: #919191;
}
.sidebar .wrapperAside #onlineBox .loop .loopBox .loopInner .infoBox span.region {
  line-height: 50px;
  color: #919191;
  margin-left: 5px;
}
.sidebar .wrapperAside #onlineBox .loop.last .loopBox {
  border-bottom: none;
}
.sidebar .wrapperAside #onlineBox .loop.visited span {
  font-weight: normal !important;
}
.sidebar .wrapperAside #onlineBox .VIP {
  width: 100%;
  text-align: center;
}
.sidebar .wrapperAside #onlineBox .VIP .VIPBox {
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 0;
  width: 93%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.sidebar .wrapperAside #onlineBox .VIP .VIPBox .VIPInner {
  display: table;
  table-layout: fixed;
  width: 96%;
  padding: 5px 2%;
  cursor: pointer;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNGE0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg3NmE2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #514a4c), color-stop(100%, #876a60));
  background-image: -moz-linear-gradient(left, #514a4c, #876a60);
  background-image: -webkit-linear-gradient(left, #514a4c, #876a60);
  background-image: linear-gradient(to right, #514a4c, #876a60);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sidebar .wrapperAside #onlineBox .VIP .VIPBox .VIPInner .imgBox {
  display: table-cell;
  width: 40px;
  height: 50px;
  background: url("/global/cc3/prod/img/vip/online_f.jpg") no-repeat left top;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sidebar .wrapperAside #onlineBox .VIP .VIPBox .VIPInner .imgBox div {
  width: 40px;
  height: 50px;
}
.sidebar .wrapperAside #onlineBox .VIP .VIPBox .VIPInner .infoBox {
  padding-left: 10px;
  vertical-align: middle;
  display: table-cell;
  white-space: normal;
  color: #fff;
}
.sidebar .wrapperAside #onlineBox .loop-no-online {
  font-size: 15px;
  color: #919191;
  text-align: center;
  padding: 30px 5%;
  width: 90%;
}
.sidebar.loader #onlineBox {
  background: url("/global/cc3/prod/img/loader/50_8bbab1.gif") no-repeat center center #f5f5f5;
}
.sidebar #loop-online-VIP {
  display: none;
}
.sidebar #loop-online {
  display: none;
}
.sidebar #loop-no-online {
  display: none;
}

.mainSection .wrapper {
  text-align: right;
}
.mainSection .wrapper .wrapperInner {
  width: 100%;
  display: table;
  height: 100%;
  table-layout: fixed;
}
.mainSection .wrapper .wrapperInner .mainContent {
  background: #fff;
  display: table-cell;
  width: 700px;
  min-width: 700px;
}

#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail {
  background: #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 540px;
  padding: 10px;
  font-weight: bold;
  position: relative;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .labelBox, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .labelBox {
  width: 100%;
  margin-bottom: 5px;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .textBox, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .textBox {
  width: 50%;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .textBox div, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .textBox div {
  width: 100%;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .textBox .error, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .textBox .error {
  color: #ee3131;
  font-weight: normal;
  margin-top: 5px;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .buttonBox, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .buttonBox {
  width: 50%;
  text-align: right;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .buttonBox a, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .buttonBox button, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .buttonBox a, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .buttonBox button {
  color: #fff;
  padding: 0 10px;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail #changeMailPopConfirm, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail #changeMailPopConfirm {
  width: 540px;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail #changeMailPopConfirm button, #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail #changeMailPopConfirm button {
  min-width: 130px;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #confirmMailResend {
  margin-bottom: 10px;
  display: block;
}
#popupLayer.POPUP_popup_confirmMail #popupBox #confirmMailChangeEmail {
  display: block;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox {
  background: #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 540px;
  padding: 10px;
  font-weight: bold;
  position: relative;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce {
  width: 100%;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .labelBox {
  width: 100%;
  margin-bottom: 5px;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .textBox {
  width: 50%;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .textBox .error {
  color: #ee3131;
  font-weight: normal;
  margin-top: 5px;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .buttonBox {
  width: 50%;
  text-align: right;
}
#popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .buttonBox button {
  color: #fff;
  padding: 0 30px;
}
#popupLayer.POPUP_popup_confirmMail #popConfirm2Box {
  background: #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 540px;
  padding: 10px;
  font-weight: bold;
  position: relative;
}
#popupLayer.POPUP_popup_confirmMail .buttonBox {
  width: 100%;
  text-align: right;
}
#popupLayer.POPUP_popup_confirmMail .buttonBox #providerBtn {
  float: left;
  color: #fff !important;
}
#popupLayer.POPUP_popup_confirmMail .buttonBox button, #popupLayer.POPUP_popup_confirmMail .buttonBox a {
  margin-bottom: 10px;
  padding: 0 20px;
}
#popupLayer.POPUP_popup_opinion #popupCloseIco {
  display: inline-block !important;
}
#popupLayer.POPUP_popup_opinion .text {
  background: #f5f5f5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 540px !important;
  padding: 30px 10px;
  font-weight: bold;
  position: relative;
}
#popupLayer.POPUP_popup_opinion .buttonBox {
  width: 100%;
  text-align: right;
}
#popupLayer.POPUP_popup_opinion .buttonBox button {
  padding: 0 30px;
}
#popupLayer.POPUP_popup_tooLateUnsubscribe #popupBox #popup #popupContent .buttonBox {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
#popupLayer.POPUP_popup_tooLateUnsubscribe #popupBox #popup #popupContent .buttonBox button {
  padding: 0 40px;
}
#popupLayer.POPUP_popup_missing-data #popupCloseIco {
  display: inline-block !important;
}
#popupLayer.POPUP_popup_missing-data input[type='checkbox'], #popupLayer.POPUP_popup_missing-data label, #popupLayer.POPUP_popup_missing-data select {
  cursor: pointer;
}
#popupLayer.POPUP_popup_missing-data label.error {
  width: 100%;
  color: #ee3131;
  margin-bottom: 10px;
}
#popupLayer.POPUP_popup_missing-data .inputBox {
  width: 100%;
  margin-bottom: 10px;
}
#popupLayer.POPUP_popup_missing-data .labelBox {
  background: #e6e6e6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 45%;
  padding: 10px 2%;
  margin-bottom: 10px;
  font-size: 13px;
  color: #5c5c5c;
}
#popupLayer.POPUP_popup_missing-data .labelBox .label {
  margin-left: 10px;
}
#popupLayer.POPUP_popup_missing-data .labelBox:hover {
  color: #000;
}
#popupLayer.POPUP_popup_missing-data .labelBox.selected {
  background: #cdcbcb;
}
#popupLayer.POPUP_popup_missing-data .labelBox.odd {
  margin-right: 2%;
}
#popupLayer.POPUP_popup_missing-data .buttonBox {
  width: 100%;
  text-align: right;
}
#popupLayer.POPUP_popup_missing-data .buttonBox .submit {
  padding: 0 30px;
}
#popupLayer.POPUP_popup_missing-data .subTitle {
  font-size: 16px;
  color: #919191;
  margin-bottom: 15px;
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data .title span {
  color: #919191;
}
#popupLayer.POPUP_popup_missing-data #form_height .subTitle {
  color: #3f3f3f;
  margin-bottom: 5px;
  margin-top: 15px;
  font-weight: bold;
  font-size: 15px;
}
#popupLayer.POPUP_popup_missing-data #form_height .selectBox {
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_height .selectBox select {
  width: 50% !important;
}
#popupLayer.POPUP_popup_missing-data #form_height .selectBox select.error {
  border: 1px solid #ee3131 !important;
}
#popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox {
  width: 100%;
  margin-bottom: 30px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox label {
  width: 10%;
  line-height: 40px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox label#partnerAgeToLabel, #popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox label#partnerHeightToLabel {
  padding-left: 2%;
  width: 8%;
}
#popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox label.error {
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox select {
  width: 38% !important;
}
#popupLayer.POPUP_popup_missing-data #form_partnerHeightFrom .selectBox select.error {
  border: 1px solid #ee3131 !important;
}
#popupLayer.POPUP_popup_missing-data #form_DoB .title {
  margin-bottom: 30px;
}
#popupLayer.POPUP_popup_missing-data #form_DoB .selectBox {
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_DoB .selectBox .BDPicker {
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_DoB .selectBox .BDPicker .birthday-picker {
  width: 100%;
  margin-bottom: 30px;
}
#popupLayer.POPUP_popup_missing-data #form_DoB .selectBox .BDPicker .birthday-picker select {
  width: 30% !important;
  margin-right: 5%;
}
#popupLayer.POPUP_popup_missing-data #form_DoB .selectBox .BDPicker .birthday-picker select.lastOne {
  margin-right: 0px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .subTitle, #popupLayer.POPUP_popup_missing-data #form_city .subTitle {
  color: #3f3f3f;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .selectBox, #popupLayer.POPUP_popup_missing-data #form_city .selectBox {
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .selectBox select, #popupLayer.POPUP_popup_missing-data #form_city .selectBox select {
  width: 50% !important;
  margin-bottom: 20px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .selectBox select.error, #popupLayer.POPUP_popup_missing-data #form_city .selectBox select.error {
  border: 1px solid #ee3131 !important;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox, #popupLayer.POPUP_popup_missing-data #form_city .labelBox {
  width: 96%;
  margin-bottom: 0px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox .autocompleteBox, #popupLayer.POPUP_popup_missing-data #form_city .labelBox .autocompleteBox {
  width: 51%;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox .autocompleteBox input, #popupLayer.POPUP_popup_missing-data #form_city .labelBox .autocompleteBox input {
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox .label, #popupLayer.POPUP_popup_missing-data #form_city .labelBox .label {
  line-height: 40px;
  font-weight: bold;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox:hover, #popupLayer.POPUP_popup_missing-data #form_city .labelBox:hover {
  color: #5c5c5c;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .buttonBox, #popupLayer.POPUP_popup_missing-data #form_city .buttonBox {
  margin-top: 20px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo #searchModifyInfo, #popupLayer.POPUP_popup_missing-data #form_city #searchModifyInfo {
  font-weight: bold;
  margin-bottom: 10px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .alternativeGeoButtonBox, #popupLayer.POPUP_popup_missing-data #form_city .alternativeGeoButtonBox {
  margin: 10px 0;
  width: 100%;
  position: relative;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .alternativeGeoButtonBox .title, #popupLayer.POPUP_popup_missing-data #form_city .alternativeGeoButtonBox .title {
  margin-bottom: 0px !important;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo .alternativeGeoButtonBox #alternativeGeoBtn, #popupLayer.POPUP_popup_missing-data #form_partnerGeo .alternativeGeoButtonBox #removeAlternativeGeoBtn, #popupLayer.POPUP_popup_missing-data #form_city .alternativeGeoButtonBox #alternativeGeoBtn, #popupLayer.POPUP_popup_missing-data #form_city .alternativeGeoButtonBox #removeAlternativeGeoBtn {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  line-height: 18px;
  font-weight: bold;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo #alternativeGeoBox, #popupLayer.POPUP_popup_missing-data #form_city #alternativeGeoBox {
  display: none;
  width: 100%;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo #alternativeGeoBox .subTitle, #popupLayer.POPUP_popup_missing-data #form_city #alternativeGeoBox .subTitle {
  margin-top: 15px;
}
#popupLayer.POPUP_popup_missing-data #form_partnerGeo #alternativeGeoBox.hidden, #popupLayer.POPUP_popup_missing-data #form_city #alternativeGeoBox.hidden {
  display: none;
}
#popupLayer.POPUPzoomPopup #popup {
  width: 600px !important;
}
#popupLayer.POPUPzoomPopup #popup #popupCloseIco {
  display: inline-block !important;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox {
  width: 600px;
  position: relative;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPhoto {
  width: 600px;
  min-height: 600px;
  background: url("/global/cc3/prod/img/loader/70_ffffff.gif") no-repeat center center;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPhoto img {
  width: 600px;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination {
  position: absolute;
  top: 280px;
  left: -10px;
  width: 620px;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination .prev {
  background-position: -59px -168px;
  height: 44px;
  width: 30px;
  float: left;
  cursor: pointer;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination .next {
  background-position: -29px -168px;
  height: 44px;
  width: 30px;
  float: right;
  cursor: pointer;
}
#popupLayer.POPUPzoomPopup #popup .zoomBox .zoomCounter {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
#popupLayer.POPUP_popup_firstMessage #popupCloseIco {
  display: inline-block !important;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage {
  width: 100%;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage .inputBox {
  width: 100%;
  text-align: center;
  margin: 5px 0 15px 0;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage .inputBox textarea {
  width: 100%;
  height: 70px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage .inputBox textarea.error {
  border: 1px solid #ee3131;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage .inputBox label.error {
  width: 100%;
  text-align: left;
  color: #ee3131;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage .buttonBox {
  width: 100%;
  text-align: right;
}
#popupLayer.POPUP_popup_firstMessage #firstMessage .buttonBox button {
  width: 200px;
  min-width: 200px;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox {
  width: 100%;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox .subTitle {
  color: #6c948c;
  margin: 15px 0 10px 0;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox #suggestion {
  width: 100%;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox #suggestion .row {
  width: 100%;
  background: #f5f5f5;
  margin-top: 5px;
  position: relative;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox #suggestion .row .radioBox {
  width: 100%;
  margin: 7px 0;
  position: relative;
  z-index: 1;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox #suggestion .row .radioBox label {
  margin-left: 5px;
  cursor: pointer;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox #suggestion .row .radioBox label .txt {
  margin-left: 5px;
}
#popupLayer.POPUP_popup_firstMessage #suggestionBox #suggestion .row .background {
  position: absolute;
  right: -5px;
  bottom: -13px;
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  font-weight: bold;
}
#popupLayer.POPUP_crop_image #popupBox #popup {
  width: 640px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #popupCloseSubmit {
  position: absolute;
  top: 10px;
  right: 10px;
  background-position: -101px -108px;
  height: 15px;
  width: 15px;
  cursor: pointer;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter {
  margin: 0 auto;
  width: 600px;
  margin: 20px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage {
  margin: 0 auto;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container {
  border: 0 !important;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable {
  position: relative;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-disabled .ui-resizable-handle, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent #cropImageOuter #cropImage #out_crop_container .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox {
  width: 100%;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn {
  width: 200px;
  overflow: hidden;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot {
  width: 100px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom .butt_crop, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot .butt_crop {
  width: 38px;
  height: 38px;
  border: 1px solid #8bbab1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
  cursor: pointer;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom .butt_crop:hover, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot .butt_crop:hover {
  border: 1px solid #4e776f;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #zoomMin .zoomMin, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #zoomMin .zoomMin {
  background-position: -82px -36px;
  height: 20px;
  width: 19px;
  margin: 10px 0 0 10px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #zoomMax .zoomMax, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #zoomMax .zoomMax {
  background-position: -100px -56px;
  height: 20px;
  width: 19px;
  margin: 10px 0 0 10px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #rotationMin .rotationMin, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #rotationMin .rotationMin {
  background-position: -39px -36px;
  height: 20px;
  width: 22px;
  margin: 10px 0 0 10px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #zoom #rotationMax .rotationMax, #popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox #CropBtn #rot #rotationMax .rotationMax {
  background-position: -101px -36px;
  height: 20px;
  width: 22px;
  margin: 10px 0 0 10px;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox .buttonSubmitBox {
  width: 440px;
  text-align: right;
}
#popupLayer.POPUP_crop_image #popupBox #popup #popupContent .buttonBox .buttonSubmitBox button {
  width: 150px;
  margin-left: 20px;
}
#popupLayer.POPUPphotoErrorPopup #popup {
  min-height: 140px !important;
}
#popupLayer.POPUPphotoErrorPopup #popup #popupCloseIco {
  display: inline-block !important;
}
#popupLayer.POPUPphotoErrorPopup #popup .output {
  margin-top: 30px;
}
#popupLayer.POPUPphotoErrorPopup #popup .buttonBox {
  width: 100%;
  text-align: right;
  margin-top: 30px;
}
#popupLayer.POPUPphotoErrorPopup #popup .buttonBox button {
  padding: 0 20px;
}

/* mobile */
.ISMOBILE .button-01, .ISMOBILE .button-02, .ISMOBILE .button-03, .ISMOBILE .button-04 {
  width: 100%;
}
.ISMOBILE #header {
  height: 50px;
  margin-bottom: 1px;
}
.ISMOBILE #header .wrapper {
  width: 100% !important;
}
.ISMOBILE #header .wrapper #logo {
  display: none;
}
.ISMOBILE #header .wrapper #mainMenu {
  width: 20%;
  float: right;
  height: 50px;
}
.ISMOBILE #header .wrapper #mainMenu ul {
  width: 100%;
}
.ISMOBILE #header .wrapper #mainMenu ul li {
  position: static;
  width: 100%;
  height: 50px;
}
.ISMOBILE #header .wrapper #mainMenu ul li.menuMobile .options_ico {
  background-position: 0 -212px;
  height: 29px;
  width: 44px;
  margin-top: 8px;
}
.ISMOBILE #header .wrapper #mainMenu ul li .subMenu {
  width: 90%;
  left: 10%;
  background: #231f30;
  top: 50px;
}
.ISMOBILE #header .wrapper #mainMenu ul li .subMenu li {
  width: 100%;
}
.ISMOBILE #header .wrapper #mainMenu ul li .subMenu li a {
  width: 100%;
}
.ISMOBILE #header .wrapper #mainMenu ul li .subMenu li a:hover {
  color: #e3e4e8;
}
.ISMOBILE #header .wrapper #statsMenu {
  width: 80%;
  position: relative;
  right: 0px;
  height: 50px;
  white-space: nowrap;
}
.ISMOBILE #header .wrapper #statsMenu ul {
  width: 100%;
  height: 50px;
}
.ISMOBILE #header .wrapper #statsMenu ul li {
  width: 20%;
  height: 50px;
}
.ISMOBILE #header .wrapper #statsMenu ul li a {
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  background: transparent !important;
}
.ISMOBILE #header .wrapper #statsMenu ul li a .ico {
  margin-left: 0;
  margin-top: 15px;
  position: relative;
}
.ISMOBILE #header .wrapper #statsMenu ul li a .ico .counter.visible {
  top: -11px !important;
  right: -15px !important;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-game a .ico {
  margin-top: 13px;
  background-position: -119px -56px;
  height: 22px;
  width: 20px;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-game a .ico .counter.visible {
  top-9: px !important;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-visits a .ico {
  margin-top: 16px;
  background-position: -96px 0;
  height: 16px;
  width: 30px;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-online a .ico {
  background-position: -55px 0;
  height: 17px;
  width: 22px;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-messages a .ico {
  background-position: -61px -36px;
  height: 20px;
  width: 21px;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-partners {
  float: left;
}
.ISMOBILE #header .wrapper #statsMenu ul li#stats-partners .ico {
  background-position: 0 -56px;
  height: 18px;
  width: 24px;
}
.ISMOBILE #header .wrapper #statsMenu ul li.selected {
  background: #231f30;
}
.ISMOBILE #header .wrapper #notLoggedMenu {
  min-width: 184px;
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  height: 50px;
}
.ISMOBILE #header .wrapper #notLoggedMenu ul li a {
  margin: 0;
}
.ISMOBILE #header .wrapper #notLoggedMenu ul li:first-child {
  margin-right: 10px;
}
.ISMOBILE #whatsnew {
  display: none;
}
.ISMOBILE #gameBanner {
  display: none !important;
}
.ISMOBILE #pageTitle .wrapper .wrapperInner {
  width: 100%;
  padding-left: 0px;
}
.ISMOBILE #pageTitle .wrapper .wrapperInner .buttonBox {
  margin-top: 11px;
}
.ISMOBILE #pageTitle .wrapper .wrapperInner .buttonBox a {
  height: 25px;
  line-height: 25px;
  font-size: 10px;
  padding: 0 20px;
}
.ISMOBILE .mainSection .wrapper .wrapperInner {
  display: inline-block;
  height: auto;
  table-layout: auto;
}
.ISMOBILE .mainSection .wrapper .wrapperInner .sidebar {
  display: none;
}
.ISMOBILE .mainSection .wrapper .wrapperInner .mainContent {
  display: inline-block;
  width: 100%;
  min-width: 100%;
  padding: 0px;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data .labelBox {
  width: 100%;
  padding: 10px 2%;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data .labelBox.odd {
  margin: 0 0 10px 0;
}
@media screen and (min-width: 415px) {
  .ISMOBILE #popupLayer.POPUP_popup_missing-data .labelBox {
    width: 49%;
    padding: 10px 2%;
  }
  .ISMOBILE #popupLayer.POPUP_popup_missing-data .labelBox.odd {
    margin: 0 2% 10px 0;
  }
  .ISMOBILE #popupLayer.POPUP_popup_missing-data .buttonBox {
    text-align: center;
  }
  .ISMOBILE #popupLayer.POPUP_popup_missing-data .buttonBox button {
    width: auto;
    padding: 0 60px;
  }
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_partnerGeo #countrypartner1 {
  width: 100% !important;
  max-width: 320px;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox {
  width: 100% !important;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox .citypartner1Box {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_partnerGeo .labelBox .citypartner1Box #cityTextpartner1 {
  width: 100% !important;
  max-width: 320px;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_partnerGeo .alternativeGeoButtonBox {
  display: none;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_partnerGeo .buttonBox {
  text-align: right;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_height .selectBox select {
  width: 100% !important;
}
.ISMOBILE #popupLayer.POPUP_popup_missing-data #form_height .buttonBox {
  margin-top: 10px;
  text-align: center;
}
@media screen and (min-width: 415px) {
  .ISMOBILE #popupLayer.POPUP_popup_missing-data #form_height .title {
    text-align: center;
  }
  .ISMOBILE #popupLayer.POPUP_popup_missing-data #form_height .subTitle {
    text-align: center;
  }
  .ISMOBILE #popupLayer.POPUP_popup_missing-data #form_height .selectBox {
    text-align: center;
  }
  .ISMOBILE #popupLayer.POPUP_popup_missing-data #form_height .selectBox select {
    max-width: 320px;
  }
}
.ISMOBILE #popupLayer.POPUP_popup_opinion .text {
  width: 100% !important;
}
.ISMOBILE #popupLayer.POPUPzoomPopup #popup {
  width: 100% !important;
  max-width: 600px;
}
.ISMOBILE #popupLayer.POPUPzoomPopup #popup .zoomBox {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPhoto {
  width: 100%;
  min-width: 90vw;
  height: 90vw;
  min-height: auto;
  max-height: 600px;
  max-width: 600px;
}
.ISMOBILE #popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPhoto img {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination {
  width: 100%;
  top: calc( 49vw - 40px);
  left: 0px;
}
@media screen and (min-width: 760px) {
  .ISMOBILE #popupLayer.POPUPzoomPopup #popup .zoomBox .zoomPagination {
    top: 270px;
  }
}
.ISMOBILE #popupLayer.POPUP_popup_firstMessage #suggestion .radioBox label {
  display: table;
}
.ISMOBILE #popupLayer.POPUP_popup_firstMessage #suggestion .radioBox label input {
  display: table-cell;
}
.ISMOBILE #popupLayer.POPUP_popup_firstMessage #suggestion .radioBox label span {
  display: table-cell;
  padding-left: 5px;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #popConfirm2Box {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail {
  width: 100%;
  padding: 10px;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .labelBox, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .labelBox {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .textBox, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .textBox {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .textBox div, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .textBox div {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .buttonBox, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .buttonBox {
  width: 100%;
  margin-top: 10px;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail #changeMailPopConfirm, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail #changeMailPopConfirm {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail #changeMailPopConfirm button, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail #changeMailPopConfirm button {
  min-width: 100%;
}
@media screen and (min-width: 415px) {
  .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .buttonBox, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .buttonBox {
    text-align: center;
  }
  .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail .buttonBox a, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail .buttonBox a {
    width: auto;
    min-width: 50%;
  }
  .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #checkMail #changeMailPopConfirm button, .ISMOBILE #popupLayer.POPUP_popup_confirmMail #popupBox #boxConfirmMail #changeMail #changeMailPopConfirm button {
    min-width: 50%;
  }
}
.ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .labelBox {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .textBox {
  width: 100%;
}
.ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .buttonBox {
  width: 100%;
  text-align: center;
}
.ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .buttonBox button {
  width: auto;
  min-width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 415px) {
  .ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .textBox {
    width: 50%;
  }
  .ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .buttonBox {
    width: 50%;
  }
  .ISMOBILE #popupLayer.POPUP_popup_mailBounce #popupBox #bounceMailBox #formEmailBounce .buttonBox button {
    margin-top: 0px;
  }
}
@media screen and (min-width: 780px) {
  .ISMOBILE #popupLayer {
    max-width: 760px !important;
  }
}