/*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; }  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: #bcbeda;     background: #00001a none repeat scroll 0% 0%;     margin: 0;     padding: 280px 0 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%;     overflow: hidden; }  .wrapper {     max-width: 1000px;     z-index: 5;     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; }  .link-banner-fon {     background: #00001a url(/uploads/69/brand-sb.jpg) no-repeat scroll 50% 0px;     position: fixed;     z-index: 3;     left: 0px;     right: 0px;     bottom: 0px;     top: 0px; } .btn-play-for-money {     display: block;     width: 100%;     max-width: 300px;     position: relative;     float: left;     height: 47px;     padding: 0px 15px;     margin: 20px 0 20px;     font-family: Verdana,     Geneva,     sans-serif;     font-weight: bold;     text-transform: uppercase;     text-align: center;     text-shadow: 0px 0px 3px #080b47;     -webkit-border-radius: 8px;     border-radius: 8px;     font-size: 16px;     line-height: 2.9;     color: white;     background: transparent url(/uploads/69/nav_go.png) repeat-x scroll 0px 0px;     -webkit-box-shadow: 0px 0px 2px 0px white inset;     box-shadow: 0px 0px 2px 0px white inset;     -webkit-transition: 0.3s;     transition: 0.3s; } .btn-play-for-money:hover {     color: white;     -webkit-box-shadow: 0px 0px 15px 0px black inset;     box-shadow: 0px 0px 15px 0px black inset;     text-decoration: none; } #main .wrapper {     position: relative;     padding: 20px 20px;     background: #021126 none repeat scroll 0% 0%;     -webkit-border-radius: 8px;     border-radius: 8px;     -webkit-box-shadow: 0px 0px 1px 1px #01c2ff;     box-shadow: 0px 0px 1px 1px #01c2ff; } /*end skeleton*/ /*header*/ .header-content {     text-align: center; } .header-content .logo {     display: inline-block;     margin: 0 auto 25px; } /*end header*/ /*navigations*/ .navigation-content .nav {     width: 100%;     height: 57px;     padding: 0px 12px;     position: relative;     float: left;     background: transparent url(/uploads/69/nav.png) no-repeat scroll center center; } .navigation-content ul {     width: 100%;     position: relative;     float: left;     margin: 2px 0 0;     padding: 0;     list-style-type: none; } .navigation-content ul li {     position: relative;     float: left;     margin: 0 1px; } .navigation-content ul li a {     display: block;     height: 47px;     padding: 5px 26px;     font-size: 17px;     line-height: 2.4;     font-weight: bold;     color: #ffae00;     text-decoration: none;     text-transform: uppercase;     text-align: center;     text-shadow: 0 0 3px #080b47;     -webkit-border-radius: 8px;     border-radius: 8px; } .navigation-content ul li a:hover {     background: #71bcf0 url(/uploads/69/nav_h.png) repeat-x scroll 0px 0px;     -webkit-box-shadow: 0px 0px 2px 0px #333333;     box-shadow: 0px 0px 2px 0px #333333; } @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 .nav {         background: transparent;         height: inherit;     }     .navigation-content ul li {         display: block;         float: none;     }     .navigation-content ul li a {         font-size: 12px;         display: block;         text-align: left;         height: inherit;         padding-left: 3px;         padding-right: 0;     }     /* end menu */ } /*end navigations*/ /*info-text*/ .info-text-content {     color: #bcbeda;     font-size: 15px;     line-height: 20px; } .info-text-content ul {     padding-left: 15px; } .info-text-content p {     margin-top: 10px;     margin-bottom: 10px; } .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 10px;     font-weight: normal;     color: #ffae00; } /*end info-text*/ /*list-game*/ .list-game {     margin-bottom: 18px;     padding: 18px 0;     border-bottom: 1px solid #01c2ff; } .list-game ul {     margin: 0;     padding: 0;     list-style: none;     text-align: center; } .list-game ul li {     display: inline-block;     vertical-align: top;     position: relative;     width: 180px;     height: 140px;     margin: 0px 4px 40px;     color: #ffae00;     text-decoration: none;     text-align: center;     font-weight: bold;     background: black none repeat scroll 0% 0%;     border: 2px solid #01c2ff;     -webkit-border-radius: 3px;     border-radius: 3px;     -webkit-transition: all 0.4s ease 0.1s;     transition: all 0.4s ease 0.1s; } .list-game ul li a {     display: block;     position: relative; } .list-game ul li a:after {     content: "";     display: block;     width: 100%;     height: 100%;     background: rgba(0,     0,     0,     0.5);     position: absolute;     left: 0;     top: 0;     opacity: 0;     -webkit-transition: 0.3s;     transition: 0.3s; } .list-game ul li a .wrapp-img img {     display: block;     position: relative;     -webkit-transition: all 0.4s ease 0.1s;     transition: all 0.4s ease 0.1s;     height: 100%;     width: 100%; } .list-game ul li a .ttl {     font-size: 14px;     display: block;     width: 100%;     height: 20px;     position: relative;     float: left;     margin: 15px 0px 0px;     overflow: hidden;     text-decoration: none;     color: #ffae00; } .list-game ul li:hover {     color: white;     border: 2px solid #ffae00; } .list-game ul li:hover a:after {     opacity: 1; } /*end list-game*/ /*footer*/ .content-footer {     position: relative;     padding: 10px 0;     margin: 0 auto;     text-align: center; } .content-footer p {     color: #929198;     font-size: 12px;     margin: 0; } /*end footer*/