@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap&subset=cyrillic-ext");
* {
  box-sizing: border-box; }

.game {
  background-color: #e0e3d6;
  height: 780px;
  max-width: 1200px;
  display: flex;
  position: relative;
  border: 4px solid #258bbe;
  font-family: Montserrat, sans-serif; }
  .game_social {
    display: flex;
    margin: 15px 0;
    align-items: center; }
    .game_social a {
      width: 54px;
      height: 54px;
      display: block;
      text-decoration: none;
      margin: 5px;
      background: url(https://disgustingmen.com/wp-content/uploads/2020/01/socials.png) 0 0 no-repeat; }
      .game_social a.facebook {
        background-position: -54px 0; }
      .game_social a.twitter {
        background-position: -108px 0; }
  .game_btn {
    font-size: 29px;
    line-height: normal;
    height: 75px;
    color: white !important;
    width: 100%;
    max-width: 400px;
    display: block;
    outline: none !important;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    border: 1px solid white;
    background-image: url("https://disgustingmen.com/wp-content/uploads/2020/01/btn_left.jpg"), url("https://disgustingmen.com/wp-content/uploads/2020/01/btn_right.jpg"), url("https://disgustingmen.com/wp-content/uploads/2020/01/btn_center.jpg") !important;
    background-color: #258bbe !important;
    background-repeat: no-repeat, no-repeat, repeat-x !important;
    background-position: left center, right center, center !important; }
  .game_title {
    font-size: 27px;
    margin: 8px 0;
    font-weight: 600;
    color: #258bbe;
    text-align: center;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
  .game_description {
    text-align: center;
    max-width: 800px;
    margin: 8px auto 30px auto;
    font-weight: 600;
    font-size: 19px;
    color: black;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
  .game_screen {
    flex: 1;
    height: 100%;
    display: none; }
    .game_screen.hide {
      display: none; }
    .game_screen.show {
      display: block; }
    .game_screen-start {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 30px;
      position: absolute;
      z-index: 1;
      background: rgba(255, 255, 255, 0.8);
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .game_screen-map {
      position: relative;
      overflow: hidden;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 15px;
      display: flex; }
    .game_screen-result {
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 30px;
      position: absolute;
      z-index: 1;
      background: rgba(255, 255, 255, 0.8);
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .game_screen-result.show {
        display: flex; }
    .game_screen-title {
      text-align: center;
      max-width: 800px;
      margin: 8px auto 30px auto;
      font-weight: 600;
      font-size: 19px;
      color: black;
      text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
  .game_map {
    transition: all 1s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .game_marker {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    transition: all 0.5s;
    transform: scale(0.1);
    opacity: 0;
    width: 75px;
    height: 98px;
    background: url("https://disgustingmen.com/wp-content/uploads/2019/12/map_marker.png") center no-repeat; }
    .game_marker.show {
      opacity: 1;
      transform: scale(1); }
  .game_dialog {
    position: relative;
    padding: 51px 50px 30px 50px;
    border: 2px solid #258bbe;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    z-index: 2;
    background-color: white;
    max-width: 600px;
    width: 100%;
    transition: 1s;
    opacity: 0;
    transform: scale(0.1);
    background-image: url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogCL.jpg"), url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogCR.jpg");
    background-repeat: repeat-y, repeat-y;
    background-position: left top, right top; }
    .game_dialog-head {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      z-index: 0;
      display: block;
      height: 51px;
      background-image: url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogLT.jpg"), url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogRT.jpg"), url("../img/dialogCT.jpg");
      background-repeat: no-repeat, no-repeat, repeat-x;
      background-color: white;
      background-position: left top, right top, center top; }
    .game_dialog-footer {
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
      z-index: 0;
      display: block;
      height: 24px;
      background-image: url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogLB.jpg"), url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogRB.jpg"), url("https://disgustingmen.com/wp-content/uploads/2020/01/dialogCB.jpg");
      background-repeat: no-repeat, no-repeat, repeat-x;
      background-color: white;
      background-position: left bottom, right bottom, center bottom; }
    .game_dialog.show {
      transform: scale(1);
      opacity: 1; }
    .game_dialog-title {
      font-size: 17px;
      font-weight: 500;
      position: relative;
      z-index: 1; }
    .game_dialog ul {
      position: relative;
      z-index: 1;
      padding: 0;
      font-size: 17px;
      font-weight: 500; }
    .game_dialog li {
      transition: color 0.5s;
      cursor: pointer;
      display: block;
      margin: 7px 0;
      padding: 5px 5px 5px 35px;
      position: relative; }
      .game_dialog li:before {
        content: "";
        display: block;
        width: 28px;
        height: 22px;
        background: url("https://disgustingmen.com/wp-content/uploads/2019/12/list_marker.png") center no-repeat;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%); }
      .game_dialog li:after {
        content: "";
        z-index: -1;
        position: absolute;
        left: -25px;
        top: 0;
        height: 100%;
        display: block;
        opacity: 0;
        transition: opacity 0.5s;
        width: 100%;
        background: url("https://disgustingmen.com/wp-content/uploads/2019/12/list_fon.png") left top repeat-y; }
      .game_dialog li:hover {
        color: white; }
        .game_dialog li:hover:before {
          background: url("https://disgustingmen.com/wp-content/uploads/2019/12/list_marker_select.png") center no-repeat; }
        .game_dialog li:hover:after {
          opacity: 1; }

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