/*normalize*/ html {     font-family: sans-serif;     -ms-text-size-adjust: 100%;     -webkit-text-size-adjust: 100%; }  body {     margin: 0; }  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {     display: block; }  audio, canvas, progress, video {     display: inline-block;     vertical-align: baseline; }  audio:not([controls]) {     display: none;     height: 0; }  [hidden], template {     display: none; }  a {     background-color: transparent; }  a:active, a:hover {     outline: 0; }  abbr[title] {     border-bottom: 1px dotted; }  b, strong {     font-weight: bold; }  dfn {     font-style: italic; }  h1 {     font-size: 2em;     margin: 0.67em 0; }  mark {     background: #ff0;     color: #000; }  small {     font-size: 80%; }  sub, sup {     font-size: 75%;     line-height: 0;     position: relative;     vertical-align: baseline; }  sup {     top: -0.5em; }  sub {     bottom: -0.25em; }  img {     border: 0; }  svg:not(:root) {     overflow: hidden; }  figure {     margin: 1em 40px; }  hr {     -webkit-box-sizing: content-box;     box-sizing: content-box;     height: 0; }  pre {     overflow: auto; }  code, kbd, pre, samp {     font-family: monospace, monospace;     font-size: 1em; }  button, input, optgroup, select, textarea {     color: inherit; /* 1 */     font: inherit; /* 2 */     margin: 0; /* 3 */ }  button {     overflow: visible; }  button, select {     text-transform: none; }  button, html input[type="button"], input[type="reset"], input[type="submit"] {     -webkit-appearance: button; /* 2 */     cursor: pointer; /* 3 */ }  button[disabled], html input[disabled] {     cursor: default; }  button::-moz-focus-inner, input::-moz-focus-inner {     border: 0;     padding: 0; }  input {     line-height: normal; }  input[type="checkbox"], input[type="radio"] {     -webkit-box-sizing: border-box;     box-sizing: border-box; /* 1 */     padding: 0; /* 2 */ }  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {     height: auto; }  input[type="search"] {     -webkit-appearance: textfield; /* 1 */     -webkit-box-sizing: content-box; /* 2 */     box-sizing: content-box; }  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {     -webkit-appearance: none; }  fieldset {     border: 1px solid #c0c0c0;     margin: 0 2px;     padding: 0.35em 0.625em 0.75em; }  legend {     border: 0; /* 1 */     padding: 0; /* 2 */ }  textarea {     overflow: auto; }  optgroup {     font-weight: bold; }  table {     border-collapse: collapse;     border-spacing: 0; }  td, th {     padding: 0; }  /*end normalize*/ /*skeleton*/ /* general settings */ body {     font: 11px/14px 'Tahoma';     color: #c3cbd2;     background: transparent url(/uploads/100/bg.jpg) repeat scroll 0% 0%;     margin: 0;     width: 100%; } a {     color: #eecc59; }  img {     border-style: none;     vertical-align: top; }  * + html .clearfix {     height: 1%; }  .clearfix:after {     display: block;     clear: both;     content: ""; }  input, textarea, select {     vertical-align: middle;     font: 15px/18px 'Tahoma'; }  textarea {     resize: none; }  form, fieldset {     margin: 0;     padding: 0;     border-style: none; }  input[type="submit"] {     -webkit-appearance: none;     -moz-appearance: none;     appearance: none;     -webkit-border-radius: 0;     border-radius: 0; }  input, textarea {     -webkit-border-radius: 0;     border-radius: 0; }  a:focus, input:focus, textarea:focus, select:focus {     outline: none; }  blockquote, q {     quotes: none; }  q:before, q:after {     content: ""; }  h1, h2, h3, h4, h5, h6 {     margin: 0;     padding: 0;     list-style: none; }  #wrapper {     position: relative;     width: 100%;     min-height: 100vh;     overflow: hidden; }  .wrapper {     max-width: 1000px;     margin: 0 auto;     position: relative; }  .wrapper:after {     display: block;     clear: both;     content: ""; }  /*vertical align*/ .table {     display: table;     width: 100%;     height: 100%; }  .table-cell {     display: table-cell;     vertical-align: middle; }  /*end vertical align*/ .text-center {     text-align: center; }  .text-left {     text-align: left; }  .text-right {     text-align: right; }  /* end general settings */ .container {     width: auto; }  #main .wrapper {     background: #fff;     border-left: 2px solid #68160c;     border-right: 2px solid #68160c; }  /*end skeleton*/ /*header*/ .header-content .wrapper {     height: 220px;     background: #c42916 url(/uploads/100/head.jpg) no-repeat scroll center top;     position: relative;     z-index: 2;     border-left: 2px solid #68160c;     border-right: 2px solid #68160c; } .header-content a.logo {     display: block;     position: relative;     right: 0;     top: 60px;     width: 392px;     max-width: 95%;     float: right;     margin-right: 188px; }  .header-content a.logo img {     max-width: 100%; }  @media only screen and (min-device-width: 320px) and (max-device-width: 620px), (min-width: 320px) and (max-width: 620px) {     .header-content a.logo {         margin-right: 0;     } }  /*end header*/ /*navigation*/ .navigation-content .wrapper {     height: 49px;     background: #f9bf02 none repeat scroll 0% 0%;     border-bottom: 2px solid #8b1d10;     border-top: 2px solid #8b1d10;     width: 100%;     text-align: center;     position: relative;     z-index: 2;     border-left: 2px solid #68160c;     border-right: 2px solid #68160c; }  .navigation-content ul {     padding: 0;     margin: 0;     list-style: none; }  .navigation-content ul > li {     display: inline-block;     line-height: 45px;     height: 45px;     list-style: outside none none;     float: left;     border-right: 2px solid #68160c;     position: relative; }  .navigation-content ul > li:hover {     background-color: #a71c00; }  .navigation-content ul > li:hover > a {     color: #f3d303;     text-shadow: 0px 2px 2px #060000; }  .navigation-content ul > li:hover ul {     display: block; }  .navigation-content ul > li > a {     color: #120200;     font-size: 14px;     font-weight: bold;     font-family: Verdana;     padding: 0px 6px;     line-height: 45px;     display: inline-block;     text-decoration: none;     text-shadow: 0px 2px 2px #ffdd22; }  .navigation-content ul > li > ul {     display: none;     position: absolute;     top: 45px;     width: 160px;     left: 0; }  .navigation-content ul > li > ul li {     background: #ebebeb none repeat scroll 0% 0%;     float: none;     width: 100%;     padding: 0;     margin: 0;     border: medium none; }  .navigation-content ul > li > ul li:hover a {     color: #fff; }  .navigation-content ul > li > ul li a {     text-shadow: 0px 2px 2px #060000; }  @media only screen and (min-device-width: 320px) and (max-device-width: 960px), (min-width: 320px) and (max-width: 960px) {     /* menu*/     .header-nav {         z-index: 9999;     }      .nav-holder {         background: rgba(0, 0, 0, 0.8);         height: 100%;         left: 0;         position: fixed;         top: 0;         width: 80%;         margin: 0 0 0 -80%;         transition: all 0.3s ease 0s;         -moz-transition: all 0.3s ease 0s;         -webkit-transition: all 0.3s ease 0s;         z-index: 999;     }      .nav-holder {         height: 100vh;     }      .nav-holder .navigation {         overflow: auto;         height: 100vh;     }      .nav-holder ul li a:after {         display: none;     }      .nav-holder.show {         margin: 0;     }      .nav-holder {         margin-top: 0;     }      .nav-holder .open-nav {         display: block;         float: right;         background: #2F2F2F;         overflow: hidden;         text-indent: -9999px;         margin: 120px -70px 0 0;         cursor: pointer;     }      .navicon-button {         display: inline-block;         position: relative;         width: 70px;         height: 56px;         -webkit-transition: 0.25s;         transition: 0.25s;         cursor: pointer;         -webkit-user-select: none;         -moz-user-select: none;         -ms-user-select: none;         user-select: none;         opacity: 1;     }      .navicon-button .navicon:before, .navicon-button .navicon:after {         -webkit-transition: 0.25s;         transition: 0.25s;     }      .navicon {         position: relative;         width: 40px;         height: .3125rem;         background: #E7E6DD;         -webkit-transition: 0.5s;         transition: 0.5s;         -webkit-border-radius: 2.5rem;         border-radius: 2.5rem;         margin: 0 auto;         top: 26px;         left: -2px;     }      .navicon:before, .navicon:after {         display: block;         content: "";         height: .3125rem;         width: 40px;         background: #E7E6DD;         position: absolute;         -webkit-transition: 0.5s 3s;         transition: 0.5s 3s;         -webkit-border-radius: 1rem;         border-radius: 1rem;         z-index: 88;     }      .navicon:before {         top: 8px;     }      .navicon:after {         top: -8px;     }      .open:not(.steps) .navicon:before, .open:not(.steps) .navicon:after {         top: 0 !important;     }      .open .navicon:before, .open .navicon:after {         -webkit-transition: 0.5s;         transition: 0.5s;     }      .open.x .navicon {         background: transparent;     }      .open.x .navicon:before {         -webkit-transform: rotate(-45deg);         -ms-transform: rotate(-45deg);         transform: rotate(-45deg);     }      .open.x .navicon:after {         -webkit-transform: rotate(45deg);         -ms-transform: rotate(45deg);         transform: rotate(45deg);     }      .navigation-content ul > li {         display: block;         float: none;         height: inherit;         border-right: none;     }      .navigation-content .wrapper {         height: inherit;         background: none;         border: none;     }      .navigation-content ul > li > a {         display: block;         text-align: left;         text-shadow: none;         color: #fff;     }      .navigation-content ul > li > ul {         display: none !important;     }      /* end menu */ }  /*end navigation*/ /*wrapp-btn-link-game*/ .wrapp-btn-link-game {     padding: 25px 0;     text-align: center; }  .wrapp-btn-link-game a {     width: 175px;     height: 140px;     overflow: hidden;     display: inline-block;     vertical-align: top;     margin-right: -1px; }  .wrapp-btn-link-game a.game-link-1 {     background: transparent url(/uploads/100/sprite_azartmania.png) no-repeat scroll center -1px; } .wrapp-btn-link-game a.game-link-1:hover {     background-position: center -135px; }  .wrapp-btn-link-game a.game-link-2 {     background: transparent url(/uploads/100/sprite_playfortuna.png) no-repeat scroll center -1px; } .wrapp-btn-link-game a.game-link-2:hover {     background-position: center -135px; }  .wrapp-btn-link-game a.game-link-3 {     background: transparent url(/uploads/100/sprite_cristalpalace.png) no-repeat scroll center -1px; } .wrapp-btn-link-game a.game-link-3:hover {     background-position: center -135px; }  .wrapp-btn-link-game a.game-link-4 {     background: transparent url(/uploads/100/sprite_pharaon.png) no-repeat scroll center -1px; } .wrapp-btn-link-game a.game-link-4:hover {     background-position: center -135px; }  /*end wrapp-btn-link-game*/ /*sidebar*/ .sidebar .banner-img-sidebar {     margin: 20px auto;     text-align: center; }  .sidebar .banner-img-sidebar a {     display: inline-block; }  .sidebar .banner-img-sidebar a img {     max-width: 100%; }  .sidebar .news-list {     margin-bottom: 25px; }  .sidebar .news-list .ttl {     font-size: 21px;     color: #120200;     font-weight: bold; }  .sidebar .news-list ul {     margin: 10px 0 0;     padding: 0; }  .sidebar .news-list ul li {     color: #26384d;     margin: 0 0 7px 15px;     text-align: left;     line-height: 15px; }  .sidebar .news-list ul li a {     color: #26384d;     text-decoration: none;     font-size: 13px;     font-weight: bold;     display: block;     -webkit-box-sizing: border-box;     box-sizing: border-box; }  .sidebar .news-list ul li a:hover {     text-decoration: underline;     color: firebrick; }  /*end sidebar*/ /*info-text*/ .info-text-content {     color: #000;     font-size: 12px;     line-height: 20px;     padding-bottom: 50px; }  .info-text-content p {     margin-bottom: 18px; }  .info-text-content h1, .info-text-content h2, .info-text-content h3, .info-text-content h4, .info-text-content h5, .info-text-content h6 {     padding: 0 0 5px;     font-weight: normal;     color: #000; }  /*end info-text*/ /*list-game*/ .list-game {     text-align: center;     margin-bottom: 25px; }  .list-game h1 {     margin: 0 0 10px;     line-height: 30px;     font-size: 22px;     text-align: left;     color: #000; }  .list-game ul {     margin: 0;     padding: 0;     list-style: none; }  .list-game ul li {     display: inline-block;     vertical-align: top;     width: 220px;     margin: 0 0 5px 0;     padding: 5px 5px 10px;     border-top: 1px solid #cccccc;     text-align: center;     height: 260px;     position: relative; }  .list-game ul li .ttl {     font-size: 12px;     font-weight: bold;     color: #c42916;     text-decoration: none;     display: block;     text-align: left;     margin-bottom: 8px;     height: 30px; }  .list-game ul li a {     display: block;     color: #c42916; }  .list-game ul li a .wrapp-img {     display: block;     height: 174px; }  .list-game ul li a .wrapp-img img {     max-width: 100%;     height: 100%; }  .list-game ul li a .btn-game {     background: #c42916;     display: inline-block;     color: #fff;     font-family: arial;     font-size: 14px;     font-weight: bold;     padding: 7px 0px;     width: 100%;     text-decoration: none; }  .list-game ul li a .btn-game:hover {     background: #8b1d10; }  /*end list-game*/ /*footer*/ .content-footer .wrapper {     height: 140px;     background: #f7dc01 none repeat scroll 0% 0%;     border-top: 7px solid #8b1d10;     position: relative; }  .content-footer .footer-nav {     display: block;     padding: 0 20px;     margin: 15px auto 10px; }  .content-footer .footer-nav ul {     padding: 0; }  .content-footer .footer-nav ul li {     float: left;     padding: 10px;     list-style: outside none none;     text-align: center; }  .content-footer .footer-nav ul li a {     text-align: center;     color: #931f11;     font-size: 16px;     font-weight: bold;     font-family: Verdana;     text-decoration: underline; }  .content-footer .footer-nav ul li a:hover {     text-decoration: none; }  .content-footer .copy-right {     clear: both;     color: #931f11;     position: relative;     text-align: left;     padding-left: 28px;     padding-right: 265px; }  .content-footer .copy-right p {     font-size: 12px;     color: #931f11;     margin-bottom: 5px; }  .content-footer .logo-footer {     background: transparent url(/uploads/100/logo-s.png) no-repeat scroll 0% 0%;     display: block;     width: 216px;     height: 54px;     margin: 0 auto;     position: absolute;     bottom: 23px;     right: 25px; } @media only screen and (min-device-width: 320px) and (max-device-width: 565px), (min-width: 320px) and (max-width: 565px) {     .content-footer .logo-footer {         display: none;     }      .content-footer .copy-right {         padding-right: 0;         padding-bottom: 25px;     }      .content-footer .wrapper {         height: inherit;     } }  /*end footer*/ @media screen and (max-width: 1024px) {     img {         max-width: 100%;     } }