body {   padding: 0;   margin: 0;   font-family: Roboto, Roboto Local, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;   overflow-x: hidden;   background-color: #262626; }  * {   box-sizing: border-box; }  ul {   list-style: none;   padding: 0;   margin: 0; }  a {   text-decoration: none; }  .container {   padding: 0 25px; }  .header {   position: fixed;   width: 100%;   background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);   height: 55px;   border-bottom: 1px solid #fff;   box-sizing: border-box;   padding: 0 25px;   transition: transform 0.3s, -webkit-transform 0.3s;   z-index: 999; }  .header .container {   display: flex;   justify-content: space-between;   align-items: center;   height: 100%; }  .menubar {   display: flex;   align-items: center; }  .header-logo {   min-width: 15.83333em; }  .header-logo__img {   max-width: 7.5em; }  .header__hamburger {   display: none; }  .top-menu-list, .menubar__button {   display: flex;   align-items: center; }  .top-menu-list__item {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   position: relative;   -webkit-flex: 0 0 auto;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   -webkit-flex-direction: row;   -ms-flex-direction: row;   flex-direction: row;   height: 100%;   vertical-align: top;   text-align: left;   white-space: normal;   transition: height 0.3s ease; }  .main-item, .menubar__button__item__link {   color: #333;   transition: color 0.3s ease;   align-items: center;   padding: 0 16px;   text-transform: uppercase;   font-size: 14px;   font-weight: 500; }  .main-item:hover {   color: #851200; }  .menubar__button__item {   box-shadow: inset 0 50px 25px -25px #991d0a;   background-color: #64180c;   height: 37px;   margin-right: 5px; }  .menubar__button__item:last-child {   box-shadow: inset 0 50px 25px -25px #36b21d;   background: #2a611f; }  .menubar__button__item__link {   color: #ffffff;   display: flex;   padding: 0 15px;   width: 100%;   line-height: 22px;   transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;   height: 100%; }  #viewport {   width: 100vw;   height: auto;   overflow: hidden;   padding-top: 55px; }  .slider {   position: relative;   transition: 500ms;   width: calc(100% * 5);   height: auto;   display: flex;   justify-content: start;   flex-wrap: nowrap; }  .slide {   width: 100%;   height: auto;   position: relative; }  .slide img {   width: 100vw;   height: auto;   object-fit: cover;   object-position: 0; }  .slide__info {   position: absolute;   bottom: 40px;   padding: 1.5em 6em;   margin: 0 10em;   background-color: rgb(185, 0, 6);   border-radius: 0px; }  .slide__info a {   font-size: 32px;   color: rgb(255, 255, 255);   box-sizing: border-box;   text-decoration: none;   font-weight: bold; }  .button {   background: #ff0000;   padding: 15px 0;   width: 100%;   text-align: center;   font-size: 42px; }  .button__link {   display: block;   color: #ffffff;   font-weight: bold; }  .button:hover {   background: #991d0a; }  .slots-games__list {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   position: relative;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap;   min-height: 12.5em;   justify-content: center;   flex-wrap: wrap; }  .slots-games__item-wrap {   min-width: 25%;   width: 25%;   padding: 0.125em;   box-sizing: border-box;   margin: 15px 0; }  .slots-games__item {   box-sizing: border-box;   border: 1px solid #3b3636;   position: relative;   text-align: center;   background-size: cover;   background-position: center;   width: 300px;   height: 180px;   background-size: cover;   margin: 0 auto; }  .slots-games__overlay {   position: absolute;   top: 0;   left: 0;   color: #fff;   width: 100%;   height: 100%;   background-color: rgba(0, 0, 0, 0.7);   box-sizing: border-box;   opacity: 0;   transition: opacity 0.3s linear; }  .slots-games__overlay {   z-index: 1; }  .slots-games__buttons {   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-justify-content: space-around;   -ms-flex-pack: distribute;   justify-content: space-around;   width: 100%;   position: absolute;   top: 50%;   left: 50%;   -webkit-transform: translateX(-50%) translateY(-50%);   transform: translateX(-50%) translateY(-50%); } .slots-games__fav, .slots-games__about {   position: absolute;   z-index: 100;   width: 1.5625em;   height: 1.5625em;   top: 50%;   -webkit-transform: translateX(-50%) translateY(-50%);   transform: translateX(-50%) translateY(-50%); } .slots-games__fav {   left: 15%; } .slots-games__fav::before {   content: "\f006";   position: absolute;   top: 0;   left: 0;   font-family: FontAwesome, serif;   color: #fff;   display: inline-block;   font-size: 1.5em; }  .slots-games__play-wrap {   width: 6.25em;   height: 6.25em;   position: absolute;   top: 50%;   left: 50%;   -webkit-transform: translateX(-50%) translateY(-50%);   transform: translateX(-50%) translateY(-50%); }  .slots-games__play-wrap::before, .slots-games__play-wrap::after {   content: '';   position: absolute;   top: 0;   left: 0;   display: inline-block;   width: 5.625em;   height: 5.625em;   border-radius: 50%;   border-left: 0.1875em solid #fff;   border-top: 0.1875em solid transparent;   border-bottom: 0.1875em solid transparent;   border-right: 0.1875em solid #fff;   opacity: 0; }  .slots-games__play-wrap::before {   -webkit-animation: play-rotate 1.5s infinite linear;   animation: play-rotate 1.5s infinite linear; } @keyframes play-rotate { 100% { transform:rotate(360deg); } }  .slots-games__item:hover .slots-games__overlay {   opacity: 1; } .slots-games__play {   position: relative;   z-index: 100;   display: block;   height: 100%; } .slots-games__play::before {   content: "\f04b";   position: absolute;   top: 50%;   left: 50%;   font-family: FontAwesome, serif;   color: #fff;   display: inline-block;   font-size: 1.875em;   transition: 0.2s linear;   -webkit-transform: translateX(-50%) translateY(-50%);   transform: translateX(-50%) translateY(-50%); } .slots-games__play-wrap::after {   border-right: 0.1875em solid transparent;   border-top: 0.1875em solid #b42025;   border-bottom: 0.1875em solid #b42025;   border-left: 0.1875em solid transparent;   /*-webkit-transform: scale(0.9);*/   /*transform: scale(0.9);*/   animation: play-rotate-reverse 1.5s infinite linear; } @keyframes play-rotate-reverse { 100% { transform: rotate(-360deg); } }  .slots-games__play-wrap::after {   width: 4.625em;   height: 4.625em;   top: .5em;   left: .5em; } .slots-games__play-wrap.show::before, .slots-games__play-wrap.show::after {   opacity: 1; } .slots-games__playfree-wrap {   position: absolute;   bottom: 0.625em;   left: 0;   width: 100%;   text-align: center; } .slots-games__playfree {   color: #fff;   text-transform: uppercase;   font-size: .875em;   transition: color 0.3s linear, border 0.3s linear;   outline: 0;   border-bottom: 1px solid #fff;   padding: 0;   margin-bottom: 2%;   display: inline-block; } .slots-games__ribbons {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-flex-direction: column;   -ms-flex-direction: column;   flex-direction: column;   -webkit-align-items: flex-end;   -ms-flex-align: end;   align-items: flex-end;   position: absolute;   right: 0;   top: 0.3125em; }  .main {   background: #ffffff;   padding: 15px 0; }  .main__title {   text-align: center;   color: #81181c; }  .main h2, .main h3 {   color: #81181c; }  .footer {   z-index: 5;   position: relative;   margin-top: 25px; }  .footerColumnMenuCon {   margin-right: 0;   margin-left: 0; }  .footerColumnMenuCon {   background: #f2f2f2; }  .footerColumnMenuCon {   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }  .footerColumnMenu {   padding: 15px 10px 0 20px;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   position: relative;   -webkit-justify-content: space-between;   -ms-flex-pack: justify;   justify-content: space-between;   margin-bottom: 5px;   background: #ededed;   font-size: 16px; }  .footerColumnMenu {   background-color: #ededed;   color: #1a1a1a; }  .footerColumnMenu {   border-right: 1px solid #d6d6d6;   border-bottom: 4px solid #850004;   border-left: 1px solid #d6d6d6; }  .footerColumnMenu {   box-shadow: none; }  .footerColumnMenu .col {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-flex-direction: column;   -ms-flex-direction: column;   flex-direction: column;   -webkit-flex-grow: 1;   -ms-flex-positive: 1;   flex-grow: 1;   padding: 0 2px;   width: 15%; }  .footerColumnMenu .col {   margin-right: 1.25em; }  .footerColumnMenu .name {   display: inline-block;   position: relative;   padding: 15px 0;   max-width: 100%;   height: auto;   overflow: hidden;   text-transform: uppercase;   text-overflow: ellipsis;   font-size: 1.125em;   font-weight: 500;   color: #1a1a1a; }  .footerColumnMenu .name {   color: #850004; }  .footerColumnMenu .name::before {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 26px;   height: 3px;   background: #850004; }  .footerColumnMenuUL {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-flex-direction: column;   -ms-flex-direction: column;   flex-direction: column;   -webkit-justify-content: flex-start;   -ms-flex-pack: start;   justify-content: flex-start;   padding: 15px 0;   margin: 0;   list-style: none; }  .footerColumnMenuUL > li {   display: block;   position: relative;   padding: 5px 0;   height: auto;   text-align: left;   line-height: 20px;   white-space: nowrap; }  .col ul li a {   color: #1f1f1f; }  .footer-cookie {   padding-top: 5px;   border-top: 2px solid #ededed; }  .footer-policy {   box-sizing: border-box;   padding: 1.25em 0.83333em;   background-color: #353131;   line-height: 1.5;   color: rgba(255, 255, 255, 0.7); }  .footer-cookie__policy {   margin-bottom: 0.41667em; }  .footer-policy__text {   font-size: 1em; }  .footer-policy__link {   text-decoration: underline;   color: #fff;   transition: color 0.3s ease; }  .foot_column {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   box-sizing: border-box;   -webkit-flex-basis: auto;   -ms-flex-preferred-size: auto;   flex-basis: auto;   -webkit-flex-grow: 1;   -ms-flex-positive: 1;   flex-grow: 1;   -webkit-flex-shrink: 1;   -ms-flex-negative: 1;   flex-shrink: 1;   -webkit-align-content: center;   -ms-flex-line-pack: center;   align-content: center;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   -webkit-justify-content: flex-start;   -ms-flex-pack: start;   justify-content: flex-start;   min-height: 5.375em;   background: transparent;   font-size: inherit; }  .foot_column.col_1, .foot_column.col_2 {   -webkit-flex-direction: column;   -ms-flex-direction: column;   flex-direction: column;   -webkit-justify-content: center;   -ms-flex-pack: center;   justify-content: center;   text-align: center; }  .footer-mobileapp-wrapper {   width: 18.125em;   margin-right: 1.25em;   margin-bottom: 0.625em; }  .footer-mobileapp {   cursor: pointer;   width: 100%;   text-decoration: none;   font-size: 16px;   color: #fff; }  .footer-mobileapp__inner {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   -webkit-justify-content: center;   -ms-flex-pack: center;   justify-content: center;   padding: 0.3125em 0.9375em;   min-height: 4.5em;   background-color: #902927;   transition: background-color 0.3s ease; }  .footer-mobileapp__inner svg {   width: 24px; }  .footer-support-phone {   min-width: 21.875em;   max-width: 25em; }  .footer-support-phone {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   padding: 0.9375em;   min-width: 16.25em;   margin: 0 1.25em 0.625em 0;   border-radius: 0.1875em;   background: rgba(0, 0, 0, 0.15); }  .footer-support-phone__container {   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   -webkit-justify-content: flex-start;   -ms-flex-pack: start;   justify-content: flex-start;   padding: 0 0.4375em;   width: 100%; }  .footer-support-phone__ico {   -webkit-flex: none;   -ms-flex: none;   flex: none;   width: 1.75em;   max-width: 100%;   height: 1.75em;   max-height: 100%;   -webkit-transform: scale(-1, 1);   transform: scale(-1, 1);   fill: #fff; }  .footer-support {   display: grid;   grid-template-columns: 2fr 1fr 0fr;   grid-gap: 0.625em;   padding: 1.875em 1.25em;   box-shadow: 0 0.1875em 0.1875em rgba(0, 0, 0, 0.3);   background: #ededed;   font-size: 16px;   color: #1a1a1a; }  .footer-support {   padding-bottom: 3.75em; }  .footer-logo-container {   display: flex;   align-items: center; }  .foot_column.col_3, .footer-logo-container {   -webkit-justify-content: center;   -ms-flex-pack: center;   justify-content: center; }  .foot_column.col_3 {   -webkit-flex-direction: column;   -ms-flex-direction: column;   flex-direction: column; }  .footer-logo-container__item {   padding-right: 5px; }  .betting_guide {   padding: 0.1875em 0.3125em;   background-color: #4a4545; }  .footer-support .age {   display: -webkit-inline-flex;   display: -ms-inline-flexbox;   display: inline-flex;   box-sizing: border-box;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   -webkit-justify-content: center;   -ms-flex-pack: center;   justify-content: center;   width: 2.375em;   height: 2.375em;   border: 2px solid #1f1f1f;   border-radius: 50%;   vertical-align: top;   text-align: center;   font-size: 1em;   font-weight: 700;   line-height: 1;   color: #1f1f1f; }  @media only screen and (max-width: 1370px) {   .c-events .c-bets {       width: auto;   }   .slots-games__item-wrap {       min-width: 33%;       width: 33%;   } }  @media only screen and (max-width: 1250px) {   .hamburger {       padding: 0;       width: 2.5rem;       height: 3rem;       text-align: left;       font-size: 0;       margin-right: 1rem;       background: none;       border: none;   }   .hamburger__line {       display: inline-block;       width: 100%;       height: 0.3rem;       margin-bottom: 3px;       background: #7b7b7b;       vertical-align: top;   }   .hamburger__line:nth-child(2) {       width: 75%;   }   .hamburger__line:last-child {       width: 45%;       margin-bottom: 0;   }   .menubar {       position: absolute;       top: 55px;       right: 0;       display: none;       flex-direction: column;       background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);       padding: 15px;       height: 100vh;   }   .top-menu-list {       display: block;   }   .top-menu-list__item {       padding: 15px 0;   }   .header__hamburger {       display: block;   } }  @media only screen and (max-width: 1100px) {   .sidebar {       display: none;   }    .block__main {       width: 100%;   }   #viewport {       width: 100vw;   }   .c-events .c-bets {       flex: 0 0 100%;   } }  @media only screen and (max-width: 980px) {   .slots-games__item-wrap {       min-width: 50%;       width: 50%;   }   .slide__info a {       font-size: 18px;   }   .slide__info {       padding: 0.5em 3em;   }   .button {       padding: 10px 0;       font-size: 24px;   } }  @media only screen and (max-width: 680px) {   .slide img {       object-position: -460px;   }   .footerColumnMenu {       display: block;   }   .footerColumnMenu .col {       width: 100%;   }   .footer-support {       display: block;   }   .header-logo {       min-width: 8em;   }   .c-bets__bet {       min-width: 50px;   }   .slider {       height: 400px;   }   .slide img {       height: 100%;   }   .slide__info {       margin: 0 50px;   } }  @media only screen and (max-width: 650px) {   .slots-games__item-wrap {       min-width: 100%;       width: 100%;   } } img {   max-width: 100%;   height: auto; }