html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1;
  background-color: #06020b;
}

html {
  font-size: 62.5%;
}

ol, ul, menu {
  list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: 0;
  color: black;
}

a:hover {
  text-decoration: none;
  color: #929292;
}

* {
  outline: 0 !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input[type="search"] {
  outline: none;
}

input, select {
  resize: none;
}

textarea {
  resize: vertical;
}

header a:focus {
  text-decoration: none;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

.clearfix {
  display: block;
}

b, strong {
  font-weight: 500;
}

.black {
  color: #333;
}

.blue {
  color: blue;
}

.red {
  color: red;
}

.white {
  color: #fff;
}

.green {
  color: #369B1E;
}

.grey {
  color: #777;
}

.bg-black {
  background: #333;
}

.bg-blue {
  background: blue;
}

.bg-red {
  background: red;
}

.bg-white {
  background: #fff;
}

.bg-fa {
  background: #FAFAFA;
}

.bg-green {
  background: #369B1E;
}

.bg-grey {
  background: #E8E8E7;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.inline, [class^=icons-], [class*="icons-"], li span, .butn-sm, .circs li, .butn a {
  display: inline-block;
}

.block {
  display: block;
}

.table {
  display: table;
  height: 100%;
}

.cell {
  display: table-cell;
  height: 100%;
  float: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 1200px) {
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 768px) {
  .inline, [class^=icons-], [class*="icons-"], li span, .butn-sm, .circs li, .butn a {
    text-align: center;
  }

  .cell {
    display: block;
    width: 100%;
  }
}
/*end all parameters*/
.margin-1 {
  margin-bottom: 0.5rem;
}

.margin-2 {
  margin-bottom: 1rem;
}

.margin-3 {
  margin-bottom: 1.5rem;
}

.margin-4 {
  margin-bottom: 2rem;
}

.margin-5 {
  margin-bottom: 2.5rem;
}

.margin-6 {
  margin-bottom: 3rem;
}

.margin-7 {
  margin-bottom: 3.5rem;
}

.margin-8 {
  margin-bottom: 4rem;
}

.margin-9 {
  margin-bottom: 4.5rem;
}

.margin-10 {
  margin-bottom: 5rem;
}

.padding-1 {
  padding-bottom: 1rem;
}

.padding-2, p, li {
  padding-bottom: 2rem;
}

.padding-3 {
  padding-bottom: 3rem;
}

.padding-4 {
  padding-bottom: 4rem;
}

.padding-5 {
  padding-bottom: 5rem;
}

.padding-6 {
  padding-bottom: 6rem;
}

.padding-7 {
  padding-bottom: 7rem;
}

.padding-8 {
  padding-bottom: 8rem;
}

.padding-9 {
  padding-bottom: 9rem;
}

.padding-10 {
  padding-bottom: 10rem;
}

.icons-sprite, .icons-arr, .icons-btn-gray, .icons-btn-green, .icons-btn-orange-sm, .icons-btn-orange-xs, .icons-btn-orange, .icons-hover, .icons-i-output, .icons-i-percent, .icons-i-rate, .icons-logo, .icons-ruletka, .icons-slogan, .icons-txt-footer, .icons-txt-games, .icons-txt-roulette {
  background-image: url('../images/icons-sa80a724c7c.png');
  background-repeat: no-repeat;
}

.icons-arr {
  background-position: 0 0;
}

.icons-btn-gray {
  background-position: 0 -37px;
}

.icons-btn-green {
  background-position: 0 -201px;
}
.icons-btn-green:active, .icons-btn-green.btn-green-active {
  background-position: 0 -116px;
}

.icons-btn-orange-sm {
  background-position: 0 -294px;
}

.icons-btn-orange-xs {
  background-position: 0 -358px;
}

.icons-btn-orange {
  background-position: 0 -400px;
}

.icons-hover {
  background-position: 0 -479px;
}

.icons-i-output {
  background-position: 0 -640px;
}

.icons-i-percent {
  background-position: 0 -829px;
}

.icons-i-rate {
  background-position: 0 -1003px;
}

.icons-logo {
  background-position: 0 -1182px;
}

.icons-ruletka {
  background-position: 0 -1226px;
}

.icons-slogan {
  background-position: 0 -1381px;
}

.icons-txt-footer {
  background-position: 0 -1410px;
}

.icons-txt-games {
  background-position: 0 -1448px;
}

.icons-txt-roulette {
  background-position: 0 -1477px;
}

[class^=icons-], [class*="icons-"], li span {
  vertical-align: middle;
  margin-right: 15px;
  margin-right: 1.5rem;
}

.conrainer {
  width: 1338px;
}

.icons-btn-gray {
  width: 471px;
  height: 79px;
}

.icons-btn-green {
  width: 556px;
  height: 93px;
}

.icons-btn-green:active {
  width: 556px;
  height: 85px;
  margin-top: 8px;
}

.icons-btn-orange-sm {
  width: 304px;
  height: 64px;
}

.icons-btn-orange {
  width: 471px;
  height: 79px;
}

.icons-logo {
  width: 292px;
  height: 44px;
}

.icons-ruletka {
  width: 532px;
  height: 155px;
}

.icons-txt-footer {
  width: 768px;
  height: 38px;
}

.icons-txt-games {
  width: 345px;
  height: 29px;
}

.icons-slogan {
  width: 314px;
  height: 29px;
}

.icons-i-output {
  width: 184px;
  height: 189px;
}

.icons-i-percent {
  width: 201px;
  height: 174px;
}

.icons-i-rate {
  width: 161px;
  height: 179px;
}

.icons-txt-roulette {
  width: 434px;
  height: 30px;
}

.icons-arr {
  width: 222px;
  height: 37px;
}

.icons-hover {
  width: 266px;
  height: 161px;
}

.icons-btn-orange-xs {
  width: 200px;
  height: 42px;
}

.padding {
  padding: 20px;
  padding: 2rem;
}

.margin {
  margin: 20px;
  margin: 2rem;
}

h1, h2, h3, h4, h5 {
  text-align: center;
}

h3 {
  padding-bottom: 40px;
}

h2, .circs {
  padding-bottom: 53px;
}

h4 {
  color: #fff;
  font: 1em/32px "arial",sans-serif;
  text-align: center;
}

li {
  line-height: 24px;
  line-height: 2.4rem;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
}
p {
  line-height: 24px;
  line-height: 2.4rem;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

.games {
  background: #1a1917 none repeat scroll 0 0;
  padding: 5px;
  margin-bottom: 45px;
}

.games li {
  width: 222px;
  height: 182px;
  display: inline-block;
  position: relative;
  margin: 0 10px 20px;
}

.games img {
  border: 1px solid #525252;
  border-bottom: 0;
  display: block;
}

.games li .hidden {
  height: 161px;
  left: -22px;
  position: absolute;
  text-align: center;
  top: -14px;
  visibility: visible !important;
  width: 266px;
}

.games li:hover .hidden {
  display: block !important;
  visibility: visible !important;
}

.butn-sm {
  color: #fff;
  font: bold 18px/2em arial;
  left: 50%;
  margin: -10px auto auto -100px;
  position: absolute;
  text-shadow: 0 4px 12px #426100;
  text-transform: uppercase;
  top: 50%;
}

.logo i {
  margin-right: 97px;
}

.slogan i {
  margin-left: 52px;
}

.info {
  padding: 45px 20px;
  background: url("../images/bg.png") repeat scroll 0 0 transparent;
  border-radius: 40px / 10px;
  border: 4px solid #302e26;
}

header .info {
  padding: 15px 15px 2px;
  border-top: 0;
  border-radius: 0 0 40px 40px / 0 0 10px 10px;
}

.container {
  width: 1338px;
}

.ruletka {
  margin: 85px 0 67px;
}

.mw800 {
  max-width: 796px;
}

.mw800 .info {
  margin: 145px 0 45px;
}

.mw800, .footer {
  margin: 0 0 0 32px;
  position: relative;
}

.footer {
  max-width: 1275px;
  margin-bottom: 50px;
}

.footer.info {
  padding: 85px 20px 95px;
  text-align: center;
}

.circs li {
  vertical-align: bottom;
}

.content {
  position: relative;
}

.indent {
  display: none;
}

.people {
  background: transparent url("../images/people.png") no-repeat scroll 0 0;
  height: 1132px;
  position: absolute;
  right: -270px;
  top: 340px;
  width: 754px;
}

@media only screen and (min-width: 2560px) {
  body {
    background: url("../images/bg-left.png") no-repeat scroll 0 0px, url("../images/bg-right.png") no-repeat scroll 70% 0px, #06020b none repeat scroll 0 0;
  }
}
@media only screen and (max-width: 2560px) {
  body {
    background: url("../images/bg-left.png") no-repeat scroll -15% 50px/620px auto, url("../images/bg-right.png") no-repeat scroll 120% 0, #06020b none repeat scroll 0 0;
  }
}
@media only screen and (max-width: 1750px) {
  body {
    background: url("../images/bg-left.png") no-repeat scroll -250px 50px/620px auto, url("../images/bg-right.png") no-repeat scroll 100% 80px/900px auto, #06020b none repeat scroll 0 0;
  }
}
@media only screen and (max-width: 1440px) {
  body {
    background: url("../images/bg-right.png") no-repeat scroll 100% 80px/900px auto, #06020b none repeat scroll 0 0;
  }

  .mw800, .footer {
    margin-left: 0;
  }

  .people {
    display: none;
  }

  .container {
    width: auto;
  }

  .mw800 {
    max-width: inherit;
  }
}
@media only screen and (max-width: 1000px) {
  header * {
    text-align: center !important;
    margin: 0 0 5px 0 !important;
  }
}
@media only screen and (max-width: 840px) {
  [class^="icons-btn-"], [class*="icons-btn-"], .icons-btn-green:active {
    margin: 0;
    text-align: center;
    max-width: 300px;
    width: auto;
    background: #f7804d;
    padding: 12px 25px;
    height: auto;
    border-radius: 3px;
    border-bottom: 3px solid #b24118;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  }

  [class^="icons-txt-"], [class*="icons-txt-"] {
    width: auto;
    height: auto;
    color: #FFCD7E;
    font: bold 20px georgia,sans-serif;
  }

  .icons-ruletka {
    background-position: 0 -610px;
    background-size: 380px auto;
    height: 73px;
    margin: 0 auto;
    width: 266px;
  }

  .ruletka {
    margin: 35px 0;
  }

  .mw800 .info {
    margin: 25px 0 35px;
  }

  .indent, h2 .indent, h3 .indent {
    display: block;
    font: bold 20px georgia,sans-serif;
    color: #fff;
  }

  .games .butn-sm {
    margin: -10px auto auto -80px !important;
  }

  h2 .indent, h3 .indent {
    color: #FFD784;
  }

  .footer.info {
    padding: 25px;
  }
}
@media only screen and (max-width: 380px) {
  header .info {
    border-width: 0;
    border-bottom-width: 4px;
    padding: 0;
    border-radius: 0;
  }

  .container {
    padding: 0;
  }
}