@charset "UTF-8";  /*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: #001d45;   background-color: black;   background-image: url(/uploads/42/fon.jpg), none;   background-attachment: fixed;   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%;   overflow: hidden; }  .wrapper {   max-width: 879px;   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-color: white;   -webkit-box-sizing: border-box;           box-sizing: border-box; }  /*end skeleton*/  /*header*/  .header-content {   width: 100%;   background: #410067 none repeat scroll 0% 0%;   position: relative;   padding: 0 20px;   -webkit-box-sizing: border-box;           box-sizing: border-box;   border-left: 2px solid #e0e0e0;   border-right: 2px solid #e0e0e0; }  .header-content .logo {   display: block;   width: 190px;   padding-top: 10px;   float: left; }  .header-content .logo img {   max-width: 100%; }  .header-content .btn-register {   display: inline-block;   margin: 0;   width: 386px;   max-width: 100%;   height: 69px;   margin: 35px 0 0 20px;   float: right;   background: transparent url(/uploads/42/button_registration.png) no-repeat scroll 0% 0%/100% 100%;   cursor: pointer;   opacity: 0.8;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s; }  .header-content .btn-register:hover {   opacity: 1; }  /*end header*/  /*navigation*/  .navigation-content {   padding: 10px 15px;   -webkit-box-sizing: border-box;           box-sizing: border-box;   position: relative;   z-index: 2; }  .navigation-content:before {   content: "";   position: absolute;   width: 112%;   height: 120%;   background: transparent url(/uploads/42/nav_stripe.png) no-repeat scroll 0% 0%;   z-index: 1;   top: 0px;   left: -50px; }  .navigation-content:after {   content: '';   width: 100%;   height: 120%;   padding-top: 9px;   z-index: 1;   background: transparent url(/uploads/42/nav_stripe_repeat.png) repeat-x scroll 0% 0%;   position: absolute;   top: 0;   left: 0; }  .navigation-content ul {   position: relative;   z-index: 2;   margin: 0 auto;   padding: 0;   width: 100%;   display: table;   -webkit-border-radius: 7px;           border-radius: 7px;   background: transparent -webkit-gradient(linear, left top, left bottom, from(#9953ff), to(#440061)) repeat scroll 0% 0%;   background: transparent -webkit-linear-gradient(#9953ff, #440061) repeat scroll 0% 0%;   background: transparent linear-gradient(#9953ff, #440061) repeat scroll 0% 0%;   border-width: 1px 1px 3px;   border-style: solid;   border-color: #c28cd9 #c28cd9 #9358b6;   -moz-border-top-colors: none;   -moz-border-right-colors: none;   -moz-border-bottom-colors: none;   -moz-border-left-colors: none;   -webkit-border-image: none;           border-image: none;   -webkit-box-shadow: 0px 0px 0px 1px #d459ff inset;           box-shadow: 0px 0px 0px 1px #d459ff inset;   color: #42788e;   text-shadow: 0px 1px 0px #b6e6f9; }  .navigation-content ul li {   display: table-cell;   vertical-align: middle;   position: relative; }  .navigation-content ul li:first-child {   -webkit-border-bottom-left-radius: 7px;           border-bottom-left-radius: 7px;   -webkit-border-top-left-radius: 7px;           border-top-left-radius: 7px; }  .navigation-content ul li:last-child {   -webkit-border-bottom-right-radius: 7px;           border-bottom-right-radius: 7px;   -webkit-border-top-right-radius: 7px;           border-top-right-radius: 7px; }  .navigation-content ul li a {   display: block;   color: white;   text-align: center;   font-size: 18px;   padding: 8px 20px 12px;   line-height: 24px;   border-right: 1px solid #222222;   text-decoration: none;   text-shadow: 1px 1px 1px #969696;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s; }  .navigation-content ul li:hover, .navigation-content ul li.active {   background: transparent -webkit-gradient(linear, left top, left bottom, from(#ad46ff), to(#9300b5)) repeat scroll 0% 0%;   background: transparent -webkit-linear-gradient(#ad46ff, #9300b5) repeat scroll 0% 0%;   background: transparent linear-gradient(#ad46ff, #9300b5) repeat scroll 0% 0%;   -webkit-box-shadow: 0px 0px 0px 1px #ad6bff inset;           box-shadow: 0px 0px 0px 1px #ad6bff inset; }  @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;   }    .header-nav .nav-holder {     height: 100vh;   }    .header-nav .nav-holder .navigation {     overflow: auto;     height: 100vh;   }    .header-nav .nav-holder ul li a:after {     display: none;   }    .nav-holder.show {     margin: 0;   }    #header .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 {     padding: 0;   }    .navigation-content:before,   .navigation-content:after {     display: none;   }    .navigation-content ul {     background: transparent;     -webkit-box-shadow: none;             box-shadow: none;     -webkit-border-radius: 0;             border-radius: 0;     border: none;   }    .navigation-content ul li {     display: block;   }    .navigation-content ul li:first-child,   .navigation-content ul li:last-child {     -webkit-border-radius: 0;             border-radius: 0;   }    .navigation-content ul li a {     text-align: left;   }    /* end menu */    #wrapper {     overflow: hidden !important;   } }  /*end navigation*/  /*panel-txt-top*/  .panel-txt-top {   font-size: 16px;   line-height: 20px;   color: #fff;   background: #410067 none repeat scroll 0% 0%;   border-bottom: 2px solid #e0e0e0;   border-left: 2px solid #e0e0e0;   border-right: 2px solid #e0e0e0; }  .panel-txt-top .txt-left {   padding: 20px;   -webkit-box-sizing: border-box;           box-sizing: border-box; }  .panel-txt-top .txt-left ul {   padding-left: 0; }  .panel-txt-top .txt-left ul li {   position: relative;   padding-left: 20px;   margin: 7px 0;   list-style: none; }  .panel-txt-top .txt-left ul li:before {   content: "♠";   position: absolute;   top: 0;   bottom: 0;   margin: auto 0;   left: 0;   font-size: 21px;   color: #ffb90d;   line-height: 17px; }  .panel-txt-top .txt-left ul li span {   font-size: 18px;   color: #d90909; }  .panel-txt-top .right-img {   display: table-cell;   vertical-align: top;   padding: 30px 50px;   border-left: 1px solid white; }  .panel-txt-top .right-img a img {   max-width: 100%; }  #wrapper {   overflow: inherit; }  /*end panel-txt-top*/  /*list-game*/  .list-best-game {   padding: 10px;   background: #1e052b none repeat scroll 0% 0%;   border-left: 2px solid #e0e0e0;   border-right: 2px solid #e0e0e0; }  .list-best-game h2 {   color: #ffb90d;   text-shadow: 0px 0px 1px #ffff2f;   font-size: 24px;   text-align: center;   margin: 10px 0px;   font-weight: 700;   clear: both; }  .list-best-game ul {   margin: 0;   padding: 0;   text-align: center; }  .list-best-game ul li {   list-style: none;   display: inline-block;   vertical-align: top;   position: relative;   margin: 0 10px 20px;   width: 166px;   z-index: 1;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   width: 234px; }  .list-best-game ul li a {   display: block;   text-decoration: none;   color: white;   padding-top: 20px;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   position: relative; }  .list-best-game ul li a:hover {   -webkit-transform: scale(1.1);       -ms-transform: scale(1.1);           transform: scale(1.1); }  .list-best-game ul li a:hover .box-hover {   opacity: 1; }  .list-best-game ul li a:hover .box-hover:after {   top: 50%;   margin-top: -14px;   opacity: 1; }  .list-best-game ul li a:before {   content: '';   left: 23px;   width: 51px;   height: 34px;   position: absolute;   top: 5px;   font-size: 16px;   background: transparent url(/uploads/42/play.png) no-repeat scroll center center; }  .list-best-game ul li a:after {   content: '';   right: 23px;   width: 76px;   height: 34px;   position: absolute;   top: 5px;   font-size: 16px;   background: transparent url(/uploads/42/free.png) no-repeat scroll center center; }  .list-best-game ul li a img {   width: 230px;   height: 140px;   border: 2px solid white;   -webkit-border-radius: 115px / 70px;           border-radius: 115px / 70px;   display: block;   -webkit-box-shadow: 0 0 20px 0px #8e00ff;           box-shadow: 0 0 20px 0px #8e00ff;   margin: 0 auto; }  .list-best-game ul li a .box-hover {   top: 22px;   left: 2px;   width: 230px;   height: 140px;   -webkit-border-radius: 115px / 70px;           border-radius: 115px / 70px;   position: absolute;   opacity: 0;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   content: "";   z-index: 99;   background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;   transition: all 0.2s ease-out 0s; }  .list-best-game ul li a .box-hover:after {   content: "Играть";   text-transform: uppercase;   line-height: 28px;   top: 0px;   left: 0px;   right: 0px;   margin: 0px auto;   display: block;   width: 120px;   height: 28px;   z-index: 100;   -webkit-border-radius: 20px;           border-radius: 20px;   -webkit-box-shadow: 0px 0px 20px 0px #8e00ff;           box-shadow: 0px 0px 20px 0px #8e00ff;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   background: #fceabb none repeat scroll 0% 0%;   font-weight: 700;   color: #222222;   position: absolute;   opacity: 0;   transition: all 0.2s ease-out 0s; }  .list-best-game ul li h3 {   line-height: 20px;   font-size: 18px;   margin: 5px 0 0;   color: #fff; }  /*end list-game*/  /*list-game*/  .list-new-game {   padding: 10px;   background: #1e052b none repeat scroll 0% 0%;   border-left: 2px solid #e0e0e0;   border-right: 2px solid #e0e0e0; }  .list-new-game h2 {   color: #ffb90d;   text-shadow: 0px 0px 1px #ffff2f;   font-size: 24px;   text-align: center;   margin: 10px 0px;   font-weight: 700;   clear: both; }  .list-new-game ul {   margin: 0;   padding: 0;   text-align: center; }  .list-new-game ul li {   list-style: none;   display: inline-block;   vertical-align: top;   position: relative;   margin: 0 10px 20px;   width: 166px;   z-index: 1;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s; }  .list-new-game ul li a {   display: block;   text-decoration: none;   color: white;   padding-top: 20px;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   position: relative; }  .list-new-game ul li a:hover {   -webkit-transform: scale(1.1);       -ms-transform: scale(1.1);           transform: scale(1.1); }  .list-new-game ul li a:hover .box-hover {   opacity: 1; }  .list-new-game ul li a:hover .box-hover:after {   top: 50%;   margin-top: -14px;   opacity: 1; }  .list-new-game ul li a:before {   content: "Играть";   left: 0;   right: 0;   top: 0;   font-size: 16px; }  .list-new-game ul li a img {   display: block;   width: 160px;   height: 103px;   display: block;   position: relative;   margin: 0 auto;   border: 3px solid white;   -webkit-border-radius: 5px;           border-radius: 5px;   -webkit-box-shadow: 0px 0px 20px 0px #8e00ff;           box-shadow: 0px 0px 20px 0px #8e00ff; }  .list-new-game ul li a .box-hover {   top: 39px;   left: 6px;   width: 154px;   height: 98px;   position: absolute;   opacity: 0;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   content: "";   z-index: 99;   background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;   transition: all 0.2s ease-out 0s; }  .list-new-game ul li a .box-hover:after {   content: "Играть";   text-transform: uppercase;   line-height: 28px;   top: 0px;   left: 0px;   right: 0px;   margin: 0px auto;   display: block;   width: 120px;   height: 28px;   z-index: 100;   -webkit-border-radius: 20px;           border-radius: 20px;   -webkit-box-shadow: 0px 0px 20px 0px #8e00ff;           box-shadow: 0px 0px 20px 0px #8e00ff;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   background: #fceabb none repeat scroll 0% 0%;   font-weight: 700;   color: #222222;   position: absolute;   opacity: 0;   transition: all 0.2s ease-out 0s; }  .list-new-game ul li h3 {   line-height: 20px;   font-size: 18px;   margin: 5px 0 0;   color: #fff; }  /*end list-game*/  /*info-text"*/  .info-text {   font-size: 14px;   line-height: 18px;   color: #fff;   background: #1e052b none repeat scroll 0% 0%;   border-left: 2px solid #e0e0e0;   border-right: 2px solid #e0e0e0; }  .info-text h1, .info-text h2, .info-text h3, .info-text h4, .info-text h5, .info-text h6 {   padding: 0px;   margin: 0;   font-weight: normal;   margin-bottom: 15px; }  .info-text h1 {   font-size: 28px;   padding: 15px 0 0; }  .info-text h2 {   font-size: 21px; }  .info-text .right-img {   width: 280px;   padding: 0px 10px 10px 19px;   border-left: 1px solid white; }  .info-text .right-img h3 {   color: #ffb90d;   text-shadow: 0px 0px 1px #ffff2f;   font-size: 20px;   margin: 10px 0px; }  .info-text .right-img a {   display: block; }  .info-text .right-img a img {   max-width: 100%; }  /*end info-text"*/  /*footer*/  .content-footer {   background: #000;   border-top: 2px solid white;   border-left: 2px solid #e0e0e0;   border-right: 2px solid #e0e0e0;   padding: 20px;   -webkit-box-sizing: border-box;           box-sizing: border-box; }  .content-footer .footer-nav {   float: left; }  .content-footer .footer-nav ul {   float: left;   margin: 0;   padding: 0;   list-style: none; }  .content-footer .footer-nav ul li {   list-style: outside none none;   margin: 0px 10px 10px; }  .content-footer .footer-nav ul li a {   font-size: 14px;   color: white;   text-decoration: none;   padding: 5px 30px 5px 10px;   display: block; }  .content-footer .footer-nav ul li a:hover {   text-decoration: underline; }  .content-footer .footer-txt-right {   float: left;   font-size: 14px;   color: white; }  .content-footer .footer-txt-right img {   max-width: 100%; }  /*end footer*/  /*right-box-popular-slots*/  .right-box-popular-slots {   position: absolute;   right: -300px;   top: 0;   width: 250px; }  .right-box-popular-slots h3 {   margin: 5px 0px 10px;   text-align: center;   font-size: 24px;   color: #fff; }  .right-box-popular-slots .list-slot {   padding-left: 0; }  .right-box-popular-slots .list-slot li {   list-style: outside none none;   position: relative;   width: 250px;   margin-bottom: 10px; }  .right-box-popular-slots .list-slot li a {   display: block;   text-decoration: none;   padding: 3px;   background: #c89cff none repeat scroll 0% 0%;   color: #222222;   font-weight: 700;   -webkit-transition: all 0.2s ease-out 0s;   transition: all 0.2s ease-out 0s;   overflow: hidden; }  .right-box-popular-slots .list-slot li a:hover {   background: #591a79 none repeat scroll 0% 0%;   color: white; }  .right-box-popular-slots .list-slot li a .wrapp-img {   float: left;   width: 35%; }  .right-box-popular-slots .list-slot li a .wrapp-img img {   max-width: 100%; }  .right-box-popular-slots .list-slot li a .text-right {   font-size: 14px;   width: 100%;   padding: 20px 0 0 95px;   text-align: left;   display: block;   color: #222222;   font-weight: 700; }  .right-box-popular-slots .list-nav-news {   padding-left: 0; }  .right-box-popular-slots .list-nav-news li {   font-size: 14px;   margin-bottom: 10px;   list-style: none; }  /*end right-box-popular-slots*/