@font-face{
  font-family: 'DRUK-WIDE-CYR-BOLD';
  src: url('../fonts/DRUK-WIDE-CYR-BOLD.OTF');
}

@font-face{
  font-family: 'DRUK-WIDE-CYR-BOLD-ITALIC';
  src: url('../fonts/DRUK-WIDE-CYR-BOLD-ITALIC.OTF');
}

@font-face{
  font-family: 'DRUK-WIDE-CYR-HEAVY';
  src: url('../fonts/DRUK-WIDE-CYR-HEAVY.OTF');
}

@font-face{
  font-family: 'DRUK-WIDE-CYR-HEAVY-ITALIC';
  src: url('../fonts/DRUK-WIDE-CYR-HEAVY-ITALIC.OTF');
}

@font-face{
  font-family: 'DRUK-WIDE-CYR-MEDIUM';
  src: url('../fonts/DRUK-WIDE-CYR-MEDIUM.OTF');
}

@font-face{
  font-family: 'DRUK-WIDE-CYR-MEDIUM-ITALIC';
  src: url('../fonts/DRUK-WIDE-CYR-MEDIUM-ITALIC.OTF');
}

@font-face{
  font-family: 'STEM-BOLD';
  src: url('../fonts/STEM-BOLD.OTF');
}

@font-face{
  font-family: 'STEM-BOLDITALIC';
  src: url('../fonts/STEM-BOLDITALIC.OTF');
}

@font-face{
  font-family: 'STEM-EXTRALIGHT';
  src: url('../fonts/STEM-EXTRALIGHT.OTF');
}

@font-face{
  font-family: 'STEM-EXTRALIGHTITALIC';
  src: url('../fonts/STEM-EXTRALIGHTITALIC.OTF');
}

@font-face{
  font-family: 'STEM-ITALIC';
  src: url('../fonts/STEM-ITALIC.OTF');
}

@font-face{
  font-family: 'STEM-LIGHT';
  src: url('../fonts/STEM-LIGHT.OTF');
}

@font-face{
  font-family: 'STEM-LIGHTITALIC';
  src: url('../fonts/STEM-LIGHTITALIC.OTF');
}

@font-face{
  font-family: 'STEM-MEDIUM';
  src: url('../fonts/STEM-MEDIUM.OTF');
}

@font-face{
  font-family: 'STEM-MEDIUMITALIC';
  src: url('../fonts/STEM-MEDIUMITALIC.OTF');
}

@font-face{
  font-family: 'STEM-REGULAR';
  src: url('../fonts/STEM-REGULAR.OTF');
}

@font-face{
  font-family: 'STEM-THIN';
  src: url('../fonts/STEM-THIN.OTF');
}


* {
  padding: 0;
  margin: 0;
}
html{
  height: 100%;
}

body {
  background: #545454;
  color: #181818;
  font-family: 'Roboto', sans-serif;
  cursor: default;
  width:100%;
  min-width: 1000px;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.space {
  flex: 1;
}

.page-header{
  flex: 0 0 auto;
  /*height:60px;*/
  /*margin: 10px 10px 0px;*/
}

a {
  cursor:pointer;
  text-decoration: none;
  color:inherit;
}
/*
a:hover {
  color: #545454;
}
a:active {
  color: #545454;
}
*/
.disabled {
  pointer-events: none;
  cursor: default;
}

p {
  margin-bottom: 10px;
}
b, strong {
  font-weight: 700;
}

h1 {
  text-align: left;
  font-weight: 700;
  font-size: 23px;
  margin-bottom:15px;
}
h2 {
  text-align: left;
  font-weight: 700;
  font-size: 23px;
  margin: 0;
}
h3 {
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}

blockquote{
  font-style:italic;
}

.page-banner{
  background-color:#06223e;
  background-position:center center;
  background-size:1920px;
  background-repeat:no-repeat;
  height:300px;
}
.page-banner-slog{
  text-align:center;
  color:#fff;
  font-size:40px;
  font-weight:bold;
  padding:40px 0px;
}
.page-banner-opis{
  text-align:center;
  color:#fff;
  width:800px;
  margin:0px auto;
  font-size:16px;
}



.rotate{
  transform: rotate(-180deg);
}
.hidden {
  display: none;
}

._center {
  text-align:center
}
._right {
  text-align:right
}
._middle {
  vertical-align:middle
}
._fright {
  float: right;
}
._fleft {
  float: left;
}


.arrow {
  content: '\f107';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}
.ruble::after {
  content:"\20BD";
  margin-left: 3px;
}
.dollar::after {
  content:"\0024";
  margin-left: 3px;
}
.euro::after {
  content:"\20AC";
  margin-left: 3px;
}

.icon::after, .icon::before {
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}
.icon::after {
  margin-left: 5px;
}
.icon::before {
  margin-right: 5px;
}
.line-icon::before {
  content: '\f58d';
}
.live-icon::before {
  content: '\f111';
}
.search-icon::before {
  content: '\f002';
}
.result-icon::before {
  content: '\f091';
}
.coupon-check-icon::before {
  content: '\f46c';
}
.live-casino-icon::before {
  content: '\f1cd';
}
.slots-icon::before {
  content: '\f04b';
}
.lang-icon::before {
  content: '\f57d';
}
.time-icon::before {
  content: '\f017';
}
.football-icon::before {
  content: '\f1e3';
  font-weight: 400;
}
.tennis-icon::before {
  content: '\f5ba';
}
.volleyball-icon::before {
  content: '\f45f';
}
.hockey-icon::before {
  content: '\f453';
}
.cybersport-icon::before {
  content: '\f11b';
}
.basketball-icon::before {
  content: '\f434';
}
.table-tennis-icon::before {
  content: '\f45d';
}
.rugby-icon::before {
  content: '\f44e';
}
.baseball-icon::before {
  content: '\f433';
}
.snuker-icon::before {
  content: '\f111';
}
.boks-icon::before {
  content: '\f255';
}
.fight-icon::before {
  content: '\f2a7';
}
.biathlon-icon::before {
  content: '\f192';
}
.bicycle-icon::before {
  content: '\f206';
}
.formula1-icon::before {
  content: '\f11e';
}
.darts-icon::before {
  content: '\f140';
}
.horse-icon::before {
  content: '\f3f7';
}
.gandball-icon::before {
  content: '\f5c4';
}
.kriket-icon::before {
  content: '\f591';
}
.golf-icon::before {
  content: '\f450';
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(40,40,40,0.8);
  z-index: 1001;
}
#preloader img {
  width:200px;
  position: absolute;
  left: 45%;
  top: 50%;
  margin: -50px 0 0 -50px;
  /*
  animation: 2s linear 0s normal none infinite running rot;
  -webkit-animation: 2s linear 0s normal none infinite running rot;
  */
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mobOnly{display: none;}

/*----BUTTONS----*/
.mobile_menu {
  display: none;
  flex-direction: column;
  border-top: 1px solid #141d32;
  border-bottom: 1px solid #141d32;
  padding: 10px 10px;
  background-color: var(--menu_mobile_bg);
  margin-bottom: 10px;
}

.mobile_menu_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile_menu_btns .menu_btn_auth {
  flex: 1;
  background-image: var(--main_gradient);
  box-shadow: 0 6px 22px 0 rgb(5 109 218 / 30%);
  justify-content: center;
}

.menu_btn_auth {
  height: 33px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  background: var(--block_bg);
  font-weight: 700;
  padding: 0px 15px;
  border-radius: var(--main_radius);
}

.mobile_menu_btns .menu_btn_reg {
  flex: 1;
  background-image: var(--btn_reg_bg);
  box-shadow: 0 6px 18px 0 rgb(14 161 81 / 30%);
  justify-content: center;
}
.menu_btn_reg {
  height: 33px;
  display: flex;
  align-items: center;
  margin-left: 10px!important;
  background-image: var(--btn_reg_bg);
  text-decoration: none;
  color: var(--btn_reg_color);
  font-weight: 700;
  padding: 0px 15px;
  border-radius: var(--main_radius);
}
.menu_btn_reg span {
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(240deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  background-image: linear-gradient(210deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  margin-right: 5px;
  margin-left: -5px;
}
.menu_btn_reg span svg {
  display: block;
  width: 9px;
  fill: #fff;
}

.btn {
  outline: none;
  border: none;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 14px;
  transition: all .3s linear;
  background: linear-gradient(to right, #137f5f, #137f5f);
  color: #fff;
}
.btn-white-red {
  background: #242720;
  color: #fff;
}
.btn-white-red:hover {
  background: #242720;
  color: #fff;
  box-shadow: 0 3px 20px #242720;
}
.btn-red {
  background: #137f5f;
  background: linear-gradient(to right, #242720, #242720);

  color: #fff;
}
.btn-big {
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 5px 7px;
}

.btn-big2 {
  display: block;
  font-size: 14px;
  padding: 5px 7px;
  text-align:center;
}


.addBetBtn{
  display: block;
  background-color: #3581cb;
  background: linear-gradient(to right, #666666, #666666);

  color: #fff;
  padding: 6px 10px;
  text-align: center;
}

/*----OFSET STYLES----*/

.mt-1 {
  margin-top: 10px;
}
.mb-1 {
  margin-bottom: 10px;
}
.ml-1 {
  margin-left: 10px;
}
.mr-1 {
  margin-right: 10px;
}
.mt-2 {
  margin-top: 20px;
}
.mb-2 {
  margin-bottom: 20px;
}
.ml-2 {
  margin-left: 20px;
}
.mr-2 {
  margin-right: 20px;
}
.pt-1 {
  padding-top: 10px;
}
.pb-1 {
  padding-bottom: 10px;
}
.pl-1 {
  padding-left: 10px;
}
.pr-1 {
  padding-right: 10px;
}

/*----MAIN-NAVIGATION----*/

.uno-menu{
  display: block;
  top: 0;
  left: 0;
  background-color: #fff;
  color: #fff;
  width: 100%;
  height: 35px;
  z-index: 100;
  min-width: 1000px;
}


.desktopOnly .main-menu {
  display: flex;
  align-items: center;
  height: 45px;
  background: var(--menu_bg);
  color: var(--menu_color);
  border-radius: var(--main_radius);
  /*margin-bottom: 15px;*/
  padding: 0 7px;
  margin: 10px 10px 5px;
}
.mobOnly .main-menu {
  display: flex;
  align-items: center;
  height: 55px;
  background-color: var(--menu_mobile_bg);
  color: var(--menu_color);
  /*border-radius: var(--main_radius);*/
  /*margin-bottom: 15px;*/
  padding: 0 7px;
}
.main-menu ul {
  display: flex;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.site-nav{
  height: 100%;
}

.topMenuDesk{
  display:flex;
  width:150%;
  height:100%;
}
.topMenuDesk a{
  display: flex;
  align-items: center;
  height:calc(100% - 3px);
  /*padding:0px 10px;*/
  margin: 0px 10px;
  text-transform: uppercase;
}

.logoWidth{
  width:255px;
  display: flex;
  align-items: center;
}

.logoWidth img{
  width: var(--logo_width);
  height: var(--logo_height);
  margin-bottom: -2.5px;
}

.main-menu .site-nav .selected-menu-item{
  color: #ffe418;
  border-bottom: solid 3px #ffe418;
}

.main-menu .site-nav .selected-menu-item::before{
  opacity: 1;
  transform: translateY(0px);
}

.navDeskMenu{
  z-index: 999;
  flex:1;
}

/*--MAIN-NAVIGATION-USER--*/
.user {
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;
}
li.user-nav {
  margin-right: 25px;
  max-height: 70px;
  word-spacing: normal;
}
li.user-nav a.btn {
  margin-left: 10px;
  padding: 10px 20px;
  box-shadow: none;
}
li.user-nav .user-auth {
  padding-top: 24px;
  display: inline-block;
}
.user-nav a.user{
  display: inline-block;
  padding: 25px 10px;
  transition: all .5s ease-in-out;
}
li.user-nav > a.user:hover{
  color:#545454;
}
.user-time-block {
  /*display: flex;*/
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  background: var(--block_bg);
  color: var(--lang_color);
  padding: 5px 10px;
  border-radius: var(--main_radius);
}
.user-time-block a{
  display: inline-block;
  margin-left: 5px;
}
li.user-nav > a.user:hover::before{
  background: none;
  box-shadow: none;
  filter: none;
  opacity: 0;
}
li.user-nav > .user-img {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  padding-right: 5px;
}
li.user-nav .user-img img{
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 42px;
  margin-left: 10px;
  border: 3px solid #fff;
  top: 8px;
  left: 0;
  transition: border 0.5s, box-shadow 0.5s ease-in-out;
}
li.user-nav .user-img img:hover{
  border: 3px solid #545454;
  box-shadow: 0 3px 20px #545454;
}
li.user-nav a.user-name {
  color: #fff;
  margin-left: 10px;
}
li.user-nav a.user-money {
  background: #17b771;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: 0 3px 30px #1d8055;
}
li.user-nav a.user-money:hover {
  color: #17b771;
  background: #fff;
}
li.user-nav a.user-bonus {
  background: #181818;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
}
li.user-nav a.user-bonus:hover {
  color: #181818;
  background: #fff;
}

.user-dropdown{
  /*position: relative;*/
  /*z-index: 6;*/
  /*width: 35px;*/
  /*height:35px;*/
  /*border-radius:100px;*/
  /*border: 1px solid #137f5f;*/

  /*background-color:#137f5f;*/
  /*background: linear-gradient(to right, #137f5f, #137f5f);*/
  /*color:#fff;*/
  /*transition:0.3s;*/
  /*cursor:pointer;*/
  /*text-align: center;*/
}
.user-dropdown a{
  color:#fff;
  font-size: 16px;
}




.dropdown {
  position: absolute;
  right: 0px;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 10px;
  z-index: 110;
  transition: all .0s ease-in-out;
  transform: scale(0);
  transform-origin: top right;
  opacity: 0;
  margin-top:10px;
  padding: 10px 0;
  margin-right: 11px;
}
.dropdown a {
  padding: 5px 16px;
  font-size: 12px;
  font-weight: 600;
  display: block;
  color: #181818;
  transition: color .2s ease-in;
}
.dropdown a:hover {
  color: #242720;
}
.dropdown::after {
  content: '';
  position: absolute;
  right: 4px; top: -14px;
  border: 10px solid transparent;
  border-bottom: 12px solid #fff;
}
.user-dropdown:hover .dropdown {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1);
}
.time-dropdown-style {
  min-width: auto;
}
.time-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  margin-right:10px;
  /*margin-top: 12px;*/
  height:45px;
  padding: 0px 5px;
}
.time-dropdown-mobile {
  position: relative;
  display: flex;
  align-items: center;;
  margin-right: 10px;
  height:35px;
}
.time-dropdown:hover .dropdown {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1);
}
.time-dropdown-mobile:hover .dropdown {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1);
}
.time-dropdown-mobile:hover .dropdown {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1);
}
.a.user-time-change {
  transition: all .3s ease;
}
.time-dropdown:hover a.user-time-change {
  color: #fff;
}
.time-dropdown-mobile:hover a.user-time-change {
  color: #fff;
}
.time-dropdown-mobile:hover a.user-time-change {
  color: #fff;
}
.time-dropdown a {
  margin-left: 0;
}
.time-dropdown-mobile a {
  margin-left: 0;
}
.time-dropdown a.user-time-change > i {
  transform: rotate(0deg);
  transition: all .3s ease;
}
.time-dropdown-mobile a.user-time-change > i {
  transform: rotate(0deg);
  transition: all .3s ease;
}
.time-dropdown:hover a.user-time-change > i {
  transform: rotate(180deg);
}
.time-dropdown-mobile:hover a.user-time-change > i {
  transform: rotate(180deg);
}
/*----FORM-STYLES----*/

input, button {
  outline: none;
  border: none;
  border-radius: 0;
  background: none;
}
#date {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  min-height: 1.2em;
  background: #efefef;
  color: #7b869c;
  cursor: pointer;
  width: calc(100% - 20px);
  height: 100%;
  padding: 0 10px;
  font-size: 14px;

}
#date::-webkit-inner-spin-button,
#date::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#date::-webkit-datetime-edit-fields-wrapper { border-radius: 5px; }
#date::-webkit-calendar-picker-indicator {
  margin-right: 10px;
}
#date::-webkit-datetime-edit {
  padding: 9px 20px;
}
.user-profile-menu .select {
  margin: 0;
  width: 100%;
  height: 100%;
}

.event-sub-menu .select {
  margin: 0;
  width: 100%;
  height: 100%;
}


/*----PAGE-CONTAINER---*/
.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.page-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  margin: 0 auto;
}
.page-sport {
  /*width: 1590px;*/
  margin: 0 10px;
  margin-top: 5px;
}
.page-content {
  flex: 1;
  margin: 0px 10px 0px 10px;
  overflow-y: auto;
}


/*----LEFT-NAVIGATION----*/

.left-menu {
  display: inline-flex;
  flex-direction: column;
  color: #fff;
  min-width: 200px;
  max-width: 200px;
  margin: 0px 5px 0px 0px;
}
.left-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.left-menu li {
  flex-grow: 1;
}
.left-menu li a {
  display: flex;
  flex-direction: row;
  padding: 7px 5px 7px 10px;
  transition: all .3s linear;
  font-size: 14px;
  color:#fff;
}
.left-menu li a:hover{
  color:#137f5f;
}
.left-menu li a .cat-count {
  border: 2px solid #fff;
  float: right;
  padding: 1px 5px;
  border-radius: 15px;
  font-size: 10px;
  transition: border-color .3s linear;
}
.left-menu li a:hover > .cat-count {
  border-color: #989ea3;
}
.left-menu li a i {
  font-size: 16px;
  width: 20px;
  transform: translateY(1px);
  text-align: center;
}
form.left-menu-form {
  display: inline-flex;
}
div.left-menu-form {
  display: inline-flex;
}
form.left-menu-form button {
  cursor: pointer;
  color: #242424;
  font-size: 20px;
  padding: 5px;
  transition: color .3s linear;
}
form.left-menu-form button:hover {
  color: #fff;
}


.left-menuSports{
  margin:  0px;
  background: #242720;
  padding:10px 0;
}



.left-menuSportsWhite{
  margin: 15px 0px 0px 0px;
  background: #242720;
  color: #ffffff;
  padding:10px 0;
}



.backSideMobileMenus{
  display:none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 90;
  background: rgb(44,48,51,0.80);
  backdrop-filter: blur(5px) brightness(100%);
}

.gameCatToScroll{
  position:absolute;
  margin-top:-55px;
}

.casino-menu {
  background: #031c35;
  color: #fff;
  padding: 20px 0px;
  min-width: 300px;
  max-width: 300px;
}
.casino-menu a{
  display:block;
  color:#fff;
  font-size:16px;
  transition:0.3s;
}
.casino-menu a div{
  padding:9px 20px;
}
.casino-menu i{font-size:20px; margin-right: 10px;}

.casino-menu a:hover{
  background: #90c534;
}

.casino-menu .router-link-exact-active{
  background: #90c534;
}

.backToSport{
  padding:9px 20px;
  background: rgba(0,0,0,0.3);
}
.casinoProviders{
  padding:9px 20px;
  font-size:17px;
  margin:10px 0px 5px 0px;
  color:#90c534;
}


input[name='left-search'] {
  position: relative;
  display: inline-block;
  flex-grow: 1;
  background: none;
  border-bottom: 2px solid #242424;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  transition: border .3s linear;
}
input[name='left-search']::placeholder {
  color: #242424;
}
input[name='left-search']:focus {
  border-bottom: 2px solid #fff;
}

/*----USER-MENU-MOBILE----*/
.blocker {
  z-index: 999;
  backdrop-filter: blur(7px) brightness(115%);
  background-color: rgba(10, 27, 31, 0.7);
}
.user-menu-mobile {
  position: fixed;
  top: 0;
  right: 0;
  flex-grow: 0;
  right: -100%;
  transition: .5s;
  background: #045998;
  padding: 0;
  color: #fff;
  width: 80%;
}
.user-menu-mobile.show {
  right: 0;
}
.user-mobile-wrapper {
  max-height: 100%;
  overflow-y: auto;
}
.user-menu-info {
  color: #fff;
  /*text-align: center;*/
  background: #1f2228;
  padding: 15px 15px 10px 23px;
  margin-bottom: 25px;
}
.user-menu-info a {
  display: block;
  margin: 0 auto;
}
.user-menu-info a.btn {
  display: block;
  /*width: 70%;*/
  padding: 10px 15px;
  box-shadow: none;
  margin: 0 auto;
  font-size: 14px;
  border-radius: 5px;
}
.user-menu-info a.btn:not(:last-child) {
  margin-bottom: 10px;
  background-image: var(--main_gradient);
  box-shadow: 0 6px 22px 0 rgb(5 109 218 / 30%);
  font-weight: 700;
}
.user-menu-info a.btn:not(:first-child) {
  height: 33px;
  display: flex;
  align-items: center;
  background-image: var(--btn_reg_bg);
  text-decoration: none;
  color: var(--btn_reg_color);
  font-weight: 700;
  padding: 0px 15px;
  border-radius: var(--main_radius);
}
.user-menu-info a.btn:not(:first-child) span {
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(240deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  background-image: linear-gradient(210deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  margin-right: 5px;
  margin-left: -5px;
}
.user-menu-info a.btn:not(:first-child) span svg {
  display: block;
  width: 9px;
  fill: #fff;
}
.user-mobile-options span {
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(240deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  background-image: linear-gradient(210deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  margin-right: 5px;
  margin-left: -5px;
}
.user-mobile-options span svg {
  display: block;
  width: 9px;
  fill: #fff;
}
.user-main-menu .icon::before {
  position: relative;
  top: 2px;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  width: 30px;
}
.user-main-menu .line-icon {
  background: #045998;
  color: #fff;
}
.user-main-menu .live-icon {
  background: #CB2129;
}
.user-menu-info img {
  width: 50px;
}
#user-name-mobile {
  font-size: 14px;
  font-weight: 700;
}
#user-money-mobile {
  display: inline-block;
  border: 1px solid #242720;
  background: linear-gradient(to right, #242720, #242720);

  color: #fff;
  padding: 6px 10px;
  font-weight: 700;
  font-size: 15px;
}

.user-money-mobile {
  margin-top: 5px;
  padding: 10px;
  border-radius: var(--main_radius);
  color: #fff;
  background: var(--mobile_balance_bg);
  text-align: left;
}

.user-money-mobile > div:first-child {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.7;
}

.user-money-mobile > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

#user-money-mobile2 {
  display: inline-block;
  border: 1px solid #137f5f;
  background: linear-gradient(to right, #137f5f, #137f5f);

  color: #fff;
  padding: 6px 10px;
  font-weight: 700;
  font-size: 15px;
}
.user-mobile-options {
  position: relative;
  top: 10px;
  font-size: 0;
}
.user-mobile-options a {
  display: block;
  font-size: 15px;
  padding: 8px 10px;
}
.user-main-menu {
  margin-bottom: 25px;
  padding: 5px 15px 5px 23px;
}
.user-menu-mobile[data-side=right]::before {
  top: calc(50% - 17.5px);
  left: 7px;
  width: 3.5px;
  height: 35px;
}
.user-menu-mobile::before {
  content: '';
  position: absolute;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
}
.user-main-menu a {
  display: block;
  padding: 7px 0;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}
.user-menu-info .middle_seporator {
  background: var(--side_seporator_bg);
}
.middle_seporator {
  width: 100%;
  height: 1px;
  margin: 0;
  background: linear-gradient(90deg,hsla(0,0%,100%,.2) 29.12%,hsla(0,0%,100%,0));
}
.user-mobile-dropdown {
  display: none;
}
.user-mobile-dropdown a {
  display: block;
  color: #242424;
  font-size: 12px;
  background: #efefef;
  padding: 10px 25px;
  border-bottom: 2px solid #dddddd;
}
.user-mobile-time {
  padding: 15px 25px;
  background: #045998;
  border-bottom: 2px solid #242720;
}
.user-mobile-time .fa-angle-down {
  float: right;
}
.coupon-mobile-btn {
  display: block;
  position: fixed;
  z-index: 99;
  bottom: 10px;
  right: 10px;
  background: #CB2129;
  width: 50px;
  height: 50px;
  border-radius:150px;

  box-shadow: 0 3px 15px #000;
  color: #fff;
}
.coupon-mobile-btn::before {
  content: '\f022';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  position: absolute;
  font-size: 20px;
  top: 15px;
  left: 15px;
}
#bets-count {
  position: absolute;
  text-align: right;
  display: block;
  padding: 5px 10px;
  background: #242424;
  top: 11px;
  right: 60px;
  border-radius: 5px;
  box-shadow: 0 3px 15px #242424;
  font-size: 12px;
  white-space: nowrap;
}
#bets-count::after {
  content: '';
  position: absolute;
  right: -9px;
  top: 9px;
  border: 5px solid transparent;
  border-left: 5px solid #242424;
}
/*---RIGHT-MENU----*/


.right-menu {
  flex-grow: 1;
  color: #000;
  min-width: 230px;
  max-width: 230px;
  margin: 0px 0px 0px 5px;
}

.bet-input-container {
  margin-top: 10px;
  font-size:13px;
  display: flex;
  align-items: center;
}
input[name='bet-sum'] {
  position: relative;
  flex: 1;
  background: #242720;
  border: 1px solid #242720;
  padding: 3px;
  margin-left: 10px;
  color: #fff;
  font-size: 13px;
  transition: border .3s linear;
  text-align:center;
  font-weight: bold;
}
input[name='bet-sum']::placeholder {
  color: #fff;
}

.right-menu-form label {
  word-wrap: normal;
  padding: 2px 0px;
}
.currency-dropdown{
  position: relative;
}
.currency-dropdown-style {
  right: calc(50% - 15px);
  background: #181818;
  min-width: 30px;
  width: 30px;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
  border-radius: 0;
  z-index: 110;
  transition: all .3s ease-in-out;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  margin-top: 5px;
  padding: 0;
}
.currency-dropdown-style::after {
  content: '';
  position: absolute;
  right: 0;
  border: 0;
  border-bottom: 0;
}
a.currency-item {
  color: #fff;
  padding: 5px 0;
  text-align: center;
  transition: all .3s linear;
}
a.currency-item:hover{
  background: #dddddd;
  color: #181818;
}
.currency-dropdown a.currency-btn {
  padding: 5px;
  height: 18px;
  border-bottom: 2px solid #242424;
  font-size: 12px;
  color: #242424;
}
a.currency-btn > i.fa-angle-down {
  transition: all .3s linear;
}
.currency-dropdown:hover a.currency-btn {
  color: #fff;
}
.currency-dropdown:hover a.currency-btn > i.fa-angle-down {
  transform: rotate(-180deg);
}
.currency-dropdown:hover .dropdown {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scaleY(1);
}
.coupon-event-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.coupon-login {
  display: block;
  font-size: 14px;
  text-align: center;
  max-width: 200px;
  margin: 10px auto 20px;
  color: rgba(255,255,255,0.5);
}
.coupon-login a {
  font-weight: 600;
  border-bottom: 1px solid #242424;
}

.coupon-loginNew {
  display: block;
  font-size: 14px;
  text-align: center;
  max-width: 200px;
  margin: 20px auto;
  color: #242424;
}


#blockKupon{
  background-image:url('../img/zamocInKupon2.png');
  background-position:bottom 5px right 40px;
  background-size:13px;
  background-repeat:no-repeat;
  color: #fff;
}

.kuponBorder{
  margin-top: 0px;
  /*border-bottom: 2px solid #242424;*/
}

.coupon-event{
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 7px;
}
.coupon-event .coupon-event-name {
  font-size: 11px;
}
.coupon-event .coupon-event-koef {
  float: right;
}
.coupon-event .coupon-event-data {
  color: #fff;
}
.coupon-event-container ul li.coupon-event {
  margin-bottom: 10px;
  font-size: 11px;
}
.coupon-event-container ul:last-child {
  margin-top: 10px;
  border-bottom: 2px solid #242424;
}

.delete-coupon-event {
  float: right;
  transition: all .3s linear;
}
.coupon-summary {
  padding-top: 5px;
  font-size: 13px;
}
.coupon-summary div{
  padding: 5px 0;
}
.coupon-summary .summary-koef-num {
  float: right;
  color: #137f5f;
  padding: 0;
}
.summary-win {
  position: relative;
  font-weight: 600;
  font-size: 13px;
}
.summary-win .summary-win-num {
  display: inline-block;
  color: #fff;
  border: solid 1px #137f5f;

  padding: 3px 6px;
  font-size: 13px;
  float: right;
  margin-left: 10px;
  font-weight: 100;
}
.coupon-history {
  display: none;
  font-size: 14px;
  text-align: center;
  color: #242424;
}
.coupon-history .bet-history-item {
  width: calc(100% - 40px);
  text-align: left;
}
.coupon-history .bet-history-item div.history-coupon-num {
  padding: 3px 5px;
  font-size: 10px;
}
.coupon-history .history-subitem {
  margin-right: 0;
}
.coupon-toggle-block, .coupon-tabs {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.coupon-toggle-block ul, .coupon-tabs ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}
.coupon-toggle-block ul li {
  flex-grow: 1;
}
.coupon-toggle-block ul li a {
  position: relative;
  display: block;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  font-weight: 600;
  transition: all .3s linear;
}
.coupon-toggle-block ul li a:hover {
  color: #fff;
}
.coupon-toggle-block ul li a::after {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  bottom: -2px;
  left: 0;
  background: #e4e4e7;
  transition: all .3s ease-in-out;
  transform: scaleX(0);
  transform-origin: right;
}
#tab-toggle-2::after, #coupon-toggle-2::after {
  transform-origin: left;
}
.coupon-toggle-block ul li a.toggle-selected {
  color: #fff;
}
.coupon-toggle-block ul li .toggle-selected:hover::after {
  background: #01a2dd;
  height: 3px;
  bottom: -2px;
}
.coupon-toggle-block ul li > .toggle-selected::after {
  background: #01a2dd;
  transform: scaleX(1);
  height: 3px;
  bottom: -2px;
}

.coupon-tabs {
  background: #181818;
  border-radius: 5px;
}
.coupon-tabs ul li {
  flex-grow: 1;
}
.coupon-tabs ul li a {
  position: relative;
  display: block;
  color: #242424;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  transition: all .3s linear;
}
.coupon-tabs ul li a:hover {
  color: #fff;
}
#tab-toggle-1 {
  color: #545454;
}





.topAccordSlider {
  height: 263px;
}

.topAccordSlider .caroufredsel_wrapper {
  border-radius: 3px;
  height: 260px;
  overflow: hidden;
  position: relative;
  width: 100%;
  top: 0 !important;
}

.topAccordSlider .tas_con {
  height: 260px;
  width: 100%;
}

.topAccordSlider .slide {
  background-color: #000000;
  background-position: 75% 0;
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  position: relative;
  width: 800px;
  display: none;
}

.topAccordSlider .slide.active {
  background-position: 50% 0;
}

.topAccordSlider .slide .link {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.topAccordSlider[data-shadow="false"] .slide .slideShadow {
  background-color: rgba(12, 48, 76, 0.55);
  box-shadow: 30px 0 32px -20px rgba(0, 0, 0, 0.9) inset;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
}

.topAccordSlider[data-shadow="false"] .slide:hover .slideShadow {
  background-color: rgba(12, 48, 76, 0.45);
}

.topAccordSlider .slide .title {
  display: none;
}

.topAccordSlider .slide.active .title {
  display: block;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  bottom: 0;
  color: #2878B4;
  left: 0;
  padding: 7px 15px;
  position: absolute;
  right: 0;
  line-height: 14px;
  font-size: 12px;
}



/*----SLIDER----*/

#slider {
  position: relative;
  margin: 0px auto 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.swiper-button-next {
  right: 0px;
  margin-right: 20px;
}
.swiper-button-prev {
  left: 0px;
  margin-left: 20px;
}
.swiper-button-next,.swiper-button-prev {
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background-size: 11px 24px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 0px;

  transition:0.3s;
}
.swiper-button-prev:hover{
  background-color: rgba(0,140,202,1);
}
.swiper-button-next:hover{
  background-color: rgba(0,140,202,1);
}
/*---FILTERS-MENU---*/
.filters {
  padding: 0 20px;
  transition: all .1s ease;
}
.fixed-filters {
  position: sticky;
  position: -webkit-sticky;
  top: 55px;
  z-index: 5;
  box-shadow: 0 3px 30px #181818;
  transition: all .1s ease;
}
.filter-tags-wrapper {
  position: relative;
  padding: 0 10px;
  background: #666;
  top: 0px;
  right: 20px;
  width: calc(100% + 20px);
  margin-top: 10px;
}
.filter-tags-wrapper::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 20px;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, #666 50%, rgba(40,40,40,0));
}
.filter-tags-wrapper::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 20px;
  top: 0;
  right: 0;
  pointer-events: none;
  background: linear-gradient(270deg, #666 50%, rgba(40,40,40,0));
  border-radius: 0 19px 19px 0;
}
.filter-tags-wrapper.hidden-left::before, .filter-tags-wrapper.hidden-right::after {
  display: none;
}
.filterBtnRight{
  display:none;
  position: absolute;
  width: 45px;
  height: 45px;
  background-color: #ffdd1a;
  background-image: url('/img/arrowRight.svg');
  background-position: center center;
  background-size: 12px;
  background-repeat: no-repeat;

  right:0;
  top:0;
  z-index: 5;
  cursor: pointer;
}
.filter-tags-block {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  border-radius: 5px;
  font-size: 12px;
  overflow-x: auto;
}
.filter-tags-block div {
  position: relative;
  display: block;
  flex-grow: 1;
  transition: .3s;
}
.filter-tags-block div a {
  display: block;
  white-space: nowrap;
  padding: 3px 10px;
  color: rgba(255,255,255,0.7);
  transition: .3s;
  cursor: pointer;
  font-size: 15px;
}
.filter-tags-block .act{
  color:#fff;
}

.filter-tags-block div a i {
  margin-right: 5px;
}
.filter-tags-block div a:hover {
  color:#fff;
}
.filters ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.filters ul li{
  flex-grow: 1;
}
.filters ul li a.filter-item{
  display: block;
  position: relative;
  padding: 0px 0px 5px 0px;
  transition: all .3s linear;
  font-size:10px;
}
.filters ul li a.filter-item i{
  font-size:10px;
}
.filters ul li a.filter-item::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
  height: 2px;
  /*background: #181818;*/
  transition: all .3s ease-in-out;
  transform: scaleX(1);
}
.filter-dropdown:hover a.filter-item::before {
  transform: scaleX(0);
}
.filters ul li a.filter-selected-item {
  color: #ffe51a;
}
.filters ul li a.filter-selected-item::before {
  background: #ffe51a;
}
.filter-dropdown{
  position: relative;
}
.filter-dropdown-style {
  right: calc(50% - 45px);
  background: #242720;
  min-width: 100px;
  width: 100px;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
  border-radius: 0;
  z-index: 110;
  transition: all .3s ease-in-out;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  margin-top:0px;
  padding: 0;
}
.filter-dropdown-style a{
  font-size:11px!important;
}
.filter-dropdown-style a:hover{
  background: #001a33!important;
}
.filter-dropdown-style::after {
  content: '';
  position: absolute;
  right: 0;
  border: 0;
  border-bottom: 0;
}
a.filter-item > i {
  transition: all .3s linear;
}
a.filter-item-hour, a.filter-item-date {
  color: #fff;
  transition: all .3s linear;
}
a.filter-item-hour:hover, a.filter-item-date:hover {
  background: #dddddd;
  color: #001a33;
}
.filter-dropdown:hover a.filter-item {
  color: #ffe51a;
}
.filter-dropdown:hover a.filter-item > i {
  transform: rotate(-180deg);
}
.filter-dropdown:hover .dropdown {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scaleY(1);
  border-top: 0px solid #ffe51a;
}
.filter-menu-form {
  padding: 0;
}
.filter-menu-form input {
  width: calc(100% - 40px);
  background: #242720;
  border:1px solid #242720;
  color: #ffffff;
  margin: 15px 10px 0 10px;
  padding: 7px 10px;
  font-size: 12px;
}
.filter-menu-form button {
  color: #181818;
  font-size: 20px;
  padding: 0;
  padding-left: 10px;
  transition: color .3s linear;
  cursor: pointer;
}
.filter-menu-form button:hover {
  color: #CB2129;
}


/*----PARTNERS----*/

.partner-stat-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.partner-stat-item {
  flex-grow: 1;
  display: block;
  padding: 10px 20px;
  background: #efefef;
  border-radius: 5px;
  width: 25%;
}
.partner-stat-item:not(:first-child) {
  margin-left: 10px;
}
.stat-red {
  background: #545454;
  color: #fff;
}
.partner-stat-item span {
  display: block;
  font-size: 12px;
}
.partner-stat-item span.partner-stat-sum {
  font-size: 20px;
  font-weight: 600;
}



.wrapUserNew{
  display:flex;
  height:100%;
  align-items:center;
}

.menu_btn_reg {
  height: 33px;
  display: flex;
  align-items: center;
  background-image: var(--btn_reg_bg);
  text-decoration: none;
  color: var(--btn_reg_color);
  font-weight: 700;
  border-radius: var(--main_radius);
  display: flex!important;
  margin-left: 0px!important;
  margin-bottom: 15px!important;
  padding: 0 15px!important;
}

.mobOnly .menu_btn_reg {
  margin-bottom: 0px!important;
}

.authNew{
  height: 33px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  background: var(--block_bg);
  font-weight: 700;
  padding: 0px 15px;
  border-radius: var(--main_radius);
  transition:0.3s;
}

.regNew {
  height: 33px;
  display: flex;
  align-items: center;
  margin-left: 10px !important;
  margin-right: 10px;
  background-image: var(--btn_reg_bg);
  text-decoration: none;
  color: var(--btn_reg_color);
  font-weight: 700;
  padding: 0px 15px;
  border-radius: var(--main_radius);
}

.regNew span {
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(240deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  background-image: linear-gradient(210deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
  margin-right: 5px;
  margin-left: -5px;
}

.regNew span svg {
  display: block;
  width: 9px;
  fill: #fff;
}


.userInShap{
  display: flex;
  justify-content: center;
  align-items: center;
  height:100%;
}


.newRight{
  float:right;
}

.newRight a{
  display:block;
  float:left;
  height:55px;
  line-height:55px;
  color:#fff;
  font-weight:bold;
  padding:0px 15px;
  transition:0.3s;
}
.newRight a:hover{
  color:#fff;
}


.user-nameNew{
  display:block;
  float:right;
  height:35px;
  line-height:35px;
  background:#545454;
  color:#fff;
  font-size:12px;
  padding:0px 10px;
}




.user-moneyNew{
  height:35px;
  border-radius:5px;
  /*border:1px solid #137f5f;*/
  /*box-shadow:0px 0px 7px #137f5f;*/
  color:#fff;
  padding:0px 10px;
  transition:0.3s;
  font-size:12px;
  margin-right: 7px;
}
.user-moneyNew b:first-child{
  font-size: 11px;
  font-weight: 600;
  opacity: 0.7;
}



.user-bonusNew{
  height: 35px;
  border-radius: 5px;
  color: #fff;
  padding: 0px 10px;
  transition: 0.3s;
  margin-right: 7px;
  font-weight: bold;
  font-size: 14px;
}
.user-bonusNew b:first-child{
  /*font-weight:100;*/
  font-size:10px;
  color: #bebebe;
}

#user-options{
  display:block;
  height:35px;
  line-height:35px;
  padding:0px 7px;
  transition: 0.3s;
}



#getbalance{font-weight:bold;font-size: 14px;}



























/*----BETS-GRID----*/

.event-grid {
  width: 100%;
}
.event-head {
  background: #fff;
  color: #fff;
  padding: 15px 20px;
  border-radius: 5px;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.event-head i.fa-angle-down {
  transition: transform .3s ease-in-out;
}



.nameLeagues{

  background:url(../img/leagOpen.png) no-repeat center right 10px, linear-gradient(to right, #242720, #242720);
  color: #fff;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: bold;
  transition:0.5s;
  font-size: 15px;
}
.nameLeagues a{
  color:#fff;
}
.activeLi{

  background:url(../img/leagClose.png) no-repeat center right 10px, linear-gradient(to right, #242720, #242720);
  transition:0.5s;
}
.nameLeagues img{
  display: none;
  width:20px;
  margin-right:10px;
  margin-bottom:-4px;
}
.nameLeagues b{
  font-size:16px;
  color:#000;
}

.nameLeagues i{
  font-size:13px;
  color:#9b9a9a;
}

.nameLeagues span{
  display: none;
  background: #fff;
  color: #181818;
  padding: 2px 7px;
  margin-left: 10px;
  border-radius: 15px;
  font-weight: 700;
  font-size: 10px;
}

.linkLeague{
  color: #137f5f;
  text-decoration:none;
}
.linkLeague:hover{
  color: #137f5f;
  text-decoration:underline;
}

.leagIdAdm{
  margin-left: 3px!important;
}

.eventsAcordion{
  display:none;
  border-radius: 0 0 5px 5px;
  background:#fff;
}

.eventsAcordion table{
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: none;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  background:#fff;
}

.eventsAcordion table tr th{
  background: #edf1f3;
  padding:3px 3px;
  color:#98a7af;
  text-align:center;
}

.eventsAcordion table tr td{
  background:#fff;
  padding:5px 5px;
  text-align:center;
}

.eventsAcordion table .thShortKef{
  width:50px;
  text-align:right;
}

.linkEvent{
  display: inline!important;
  font-size: 12px!important;
  color: #181818!important;
  border-radius: 0px!important;
  padding: 0px!important;
  margin: 0px!important;
}
.linkEvent:hover{
  background:none!important;
  color:#181818!important;
  text-decoration:underline;
}


#blockPariShort{
  cursor:not-allowed!important;
  /*background-color:#ebeef2!important;*/
  color:#99a1ae!important;
}


.eventFlex{
  display: flex;
  align-items: center;
}
.eventTime{
  font-size: 13px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 3px solid #137f5f;
}

.event-item {
  margin-top: 10px;
}
.event-selected-item {
  background: #242424;
}
.event-selected-item > .event-count {
  color: #242424;
}
.event-name span.event-count {
  background: #fff;
  color: #181818;
  padding: 2px 7px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 10px;
}
.show-event {
  float: right;
}
.event-body {
  display: none;
  background: #fff;
}
.event-body table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: none;
  overflow: hidden;
}
.event-body table thead {
  background: #999;
  color: #fff;
}
.event-body table th {
  padding: 10px 0;
  font-size: 10px;
  font-weight: 700;
}
.event-body table thead th:first-child {
  text-align: left;
  padding-left: 10px;
}
.event-body table td:first-child {
  position: relative;
  color: #181818;
  padding: 10px;
  padding-right: 5px;
}
.event-body table a {
  display: block;
  font-size: 12px;
  color: #242424;
  transition: all .3s ease-in-out;
  padding: 10px 5px;
  border-radius: 5px;
  margin: 5px 3px;
}
.event-body table td {
  padding: 0;
  height: 25px;
}
.event-body table a:hover {
  color: #fff;
  background: #242424;
}
.event-body table td a.event-koef-red {
  background: #242720;
  box-shadow: 0 1px 10px #545454;
  color: #fff;
}
.event-body table td a.event-koef-red:hover {
  background: #545454;
  box-shadow: none;
}
.event-body table td.total-koef2{
  background: #f1fcff;
  transition: background .3s linear;
}
.event-body table td.total-koef {
  background: #f1fcff;
  color: #242424;
  font-size: 12px;
  font-weight: 700;
  transition: background .3s linear;
}
.event-body table tbody .event-block {
  transition: background .3s linear;
  border-bottom: 1px solid #ececec;
}
.event-body table tbody td:nth-child(8) {
  border-left: 2px solid #dddddd;
}
.event-body table tbody tr:hover {
  background: #efefef;
}
.event-body table tbody tr:hover > td.total-koef{
  background: #e6f3f7;
}
.event-body table tbody tr:hover > td.total-koef2{
  background: #e6f3f7;
}
.event-body table tbody tr:hover > td a.event-other-koefs {
  background: #dddddd;
}
.event-body table tbody tr:hover > td .event-other-koefs-num {
  opacity: 1;
  background: #dddddd;
}
.event-body table tbody tr:hover > td .event-other-koefs-num::after {
  border-left: 8px solid #dddddd;
}
.event-body table tbody tr td a.event-other-koefs:hover {
  background: #242424;
}
.other-koefs-block {
  float: right;
}
.event-body table tbody td a.event-other-koefs {
  display: inline-block;
  text-align: center;
  margin: 0;
  width: 25px;
  font-size: 12px;
  background: #efefef;
  border-radius: 5px;
}
.event-body table{
  border-radius: 0 0 19px 19px;
}



.event-other-koefs-num {
  position: relative;
  display: inline-block;
  opacity: 0;
  padding: 5px 7px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  background: #efefef;
  transition: all .3s ease-in-out;
}
.event-other-koefs-num::after {
  content: '';
  position: absolute;
  right: -10px; top: 7px;
  border: 5px solid transparent;
  border-left: 8px solid #efefef;
  transition: all .3s ease-in-out;
}
.event-body table td:not(:first-child), .event-body table th:not(:first-child){
  text-align: center;
}
.event-body table td time{
  display: inline-block;
  margin-right: 10px;
  font-size: 10px;
  font-weight: 700;
  color: #242424;
}
.event-body table td .event-info-block {
  font-size: 10px;
  padding: 0px 5px;
}
.event-body table td .event-live-info {
  display: inline-block;
  background: #efefef;
  color: #242424;
  border-radius: 10px;
  padding-left: 7px;
  font-weight: 700;
}
.event-body table td .current-score {
  padding: 0 7px;
  background: #242424;
  color: #ffe81a;
  border-radius: 10px;
}
.event-body table td .event-item-name {
  font-size: 12px;
  flex:1;
}
.event-body table td .event-live::after {
  content: 'LIVE';
  display: inline-block;
  margin-left: 7px;
  background: #CB2129;
  color: #fff;
  padding: 2px 4px;
  font-size: 8px;
  border-radius: 15px;
  font-weight: 400;
}
.event-body table tbody tr.event-other {
  position: absolute;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: #181818;
  border: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: all .3s ease-in-out;
}
.event-body table tbody tr.event-other-open {
  position: static;
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scaleX(1);
  height: auto;
}
.event-body table tbody tr.event-other td{
  padding: 0;
}
.event-other-block {
  color: #fff;
  padding: 10px;
  padding-top: 0;
  font-size: 12px;
  text-align: center;
}
.event-other-wrap {
  margin: 0 auto;
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
.event-other-button {
  display: block;
  padding: 7px;
  background: #fff;
  color: #181818;
  margin: 0 5px;
  margin-top: 10px;
  border-radius: 5px;
  text-align: center;
  transition: all .3s linear;
}
.event-other-button:hover {
  background: #242424;
  color: #fff;
}
.event-other-button-selected {
  background: #242424;
  color: #fff;
}
.event-other-button i {
  margin-left: 10px;
  transition: all .3s ease;
}
.event-other-category-koefs {
  display: none;
  background: #fff;
  color: #181818;
  margin: 0 5px;
  overflow: hidden;
}
.event-other-container {
  display: block;
  vertical-align: top;
  width: 100%;
  height: auto;
}
.event-other-container .event-other-category-koefs:last-child {
  border-radius: 0 0 5px 5px;
}
.other-grid {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.other-grid div {
  display: table-cell;
  padding: 5px 10px;
  text-align: left;
}
.other-grid div:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.other-grid-event {
  width: 80%;
}
.other-grid-koef {
  text-align: center;
  background: #efefef;

}
.event-body table .other-grid-koef a {
  margin: 0;
  padding: 5px;
  text-align: center;
}
.event-body table .disabled-event {
  pointer-events: none;
  cursor: default;
  background: #F2F4F8;
}
.event-body table .disabled-event > td:not(:first-child) {
  opacity: 0.5;
}

/*--MODALS--*/
.forgot {
  margin-top: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0;
  text-decoration: underline;
  font-weight: normal;
  color: var(--link_color);
  justify-content: space-around;
}

.auth_forgot {
  margin: 7px 0;
  text-align: right;
}

.auth_offer {
  margin-top: 15px;
  text-align: center;
  color: #9ea6b7;
  font-size: 12px;
}

.auth_offer a {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: var(--link_color);
}

.auth_forgot a {
  color: #9ea6b7;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.modal_head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.modal_head > div {
  flex: 1;
  font-size: 20px;
  font-weight: 700;
}
.modal_head a {
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(../img/modal_close.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #edf0f7;
  border-radius: var(--main_radius);
}
.modal {
  /*width: 389px;*/
  padding: 20px;
  border-radius: var(--radius_modal);
  box-shadow: 0px 0px 0px;
  color: #000;
  margin-bottom: 60px;
}
.modalform {
  margin: 10px;
  /*text-align: center;*/
}
.modalform h3 {
  margin: 0 auto;
  margin-bottom: 15px;
  /*text-align: center;*/
  color: #137f5f;
  /*text-transform: uppercase;*/
  font-weight: 1000;
  font-size: 20px;
}
.modalform input {
  width: calc(100% - 30px);
  margin-top: 10px;
  padding: 15px 15px;
  background-color: #edf0f7;
  color: rgba(7, 12, 25, .8);
  border: 0;
  border-radius: var(--radius_input);
}
.modalform input::placeholder {
  color: #7b869c;
}
.modalform select {
  display: block;
  width: 100%;
  padding: 15px;
  margin: 0 auto;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 10px;
  background: #eef0f8;
  color: #181818;
}
.modalform select::placeholder {
  color: #7b869c;
}
.modalform button {
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 15px 15px;
  background: var(--main_gradient);
  box-shadow: 0 6px 18px rgb(17 120 223 / 30%);
  text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
  border: 0;
  border-radius: var(--radius_input);
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}
.modalform ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.modalform ul li {
  display: inline-block;
}
.modalform ul li a {
  display: block;
  color: #fff;
  padding: 0;
  padding-right: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  transition: color .3s ease;
}
.modalform ul li a:hover {
  color: #545454;
}

._modalform a {
  display: inline-block;
  text-align: center;
  padding: 10px;
  transition: color .3s ease;
  font-weight: 600;
}
.modal a.close-modal {
  display: none !important;
}



.linkLeftsearch{
  cursor: pointer;
  color: #242424;
  font-size: 20px;
  padding: 5px;
  transition: color .3s linear;
}

/*----FOOTER----*/

footer.page-footer {
  margin-top: 15px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  flex: 0 0 auto;
  background: #151515;
  padding: 30px 0px;
  color: #fff;
}

.copyright{
  text-align:center;
  font-size:13px;
  color:rgba(255,255,255,0.6);
  padding: 0px 30px;
  transition: 0.4s;
}
.copyright:hover{
  color: #ffffff;
}
.copyrightRazdel{
  height:5px;
}


.wrapAccount{
  background: #242720;
  margin: 10px;
  color:#fff;
  padding: 25px;
  border-radius: var(--radius_modal);
}
.wrapAccount H3{
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 17px;
  color: #fff;
}

/*--PROFILE PAGE--*/

.page-content .user-profile-menu {
  display: block;
  position: sticky;
  top: 0;
  z-index: 5;
  margin: 0;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 14px;
  list-style: none;
  color: #fff;
  background: #242720;
}
.page-content .user-profile-menu li {
  display: inline-block;
  padding-right: 10px;
}
.page-content .user-profile-menu li a {
  padding: 2px 10px;
  display: block;
  transition: all .3s ease;
}
.page-content .user-profile-menu li a.selected {
  color: #137f5f;
}
.user-profile-menuWrap{
  position: relative;
}
.btnExit {
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to right, #137f5f, #137f5f);

  color: black;
  font-size: 14px;
  padding: 11px 15px;
  z-index: 5;
}
.user-profile-menu button {
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  box-shadow: none;
}



.page-content .games-menu {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 5;
  margin: 0;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 15px;
  list-style: none;
  color: #000;
  background: #fff;
  box-shadow: 0 3px 25px #181818;
}
.games-menu-flex{
  display: flex;
  align-items:center;
  justify-content:center;
}
.games-menu-flex a{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0px 20px;
  text-transform:uppercase;
  transition:0.3s;
}
.games-menu-flex a .img-svg{
  height:45px;
  margin-right:15px;
  fill:#000000;
  transition:0.3s;
}
.games-menu-flex a:hover{
  color:#CB2129;
}
.games-menu-flex a:hover .img-svg{
  fill:#CB2129;
}
.activeGamesCat{
  color:#CB2129;
}
.activeGamesCat .img-svg{
  fill:#CB2129!important;
}


.gameWrap{
  width:100%;
  display:flex;
  margin:0px auto;
}

.gameWrap H1{
  font-size:25px;
  color: #ffffff;
}
.gameWrap H1 i{
  color: #90c534;
  margin-right:3px;
}


.gamesMenuRazdel{
  width:90%;
  margin:10px auto;
  height:1px;
  background: #242720;
}

.errorGames{
  background: #8f0303;
  color:#fff;
  padding:10px 20px;
}

.gamesLoad{
  padding:20px 10px;
  text-align:center;
}
.gamesLoad img{
  width:50px;
}

.gamesBlock{
  flex:1;
  padding:20px;
}

.gamesList{
  display:flex;
  align-items:center;
  flex-direction:row;
  flex-wrap: wrap;
}

.casinoBlock{
  width:300px;
  height: 200px;
  background-color:#a5c3db;
  background-position:center center;
  background-size:cover;
  margin:4px;
  position:relative;
  border-radius:0px;
  transition:0.3s;
  cursor: pointer;
  border:1px solid rgba(255,255,255,0.3);
  font-size:13px;
}
.casinoBlock video{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  border-radius:4px;
}
.casinoBlock .hideInfo{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}
.casinoBlock .demo {
  position:absolute;
  width:100%;
  bottom:5%;
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.casinoBlock .demo a{
  display:block;
  width: 100%;
  height: 100%;
  text-align:center;
  color:#fff;
  text-decoration:underline;
  text-transform:uppercase;
}
.casinoBlock .play {
  position: absolute;
  opacity: 0;
  top:5%;
  left:25%;
  width:50%;
}
.casinoBlock .play a{
  display:block;
  width:100%;
  background-image: url('/img/gamePlay.svg');
  background-position: center center;
  background-size: cover;
}
.casinoBlock .play a div{
  width:100%;
  height: 100%;
  padding-top:100%;
  background-image: url('/img/start.svg');
  background-position: center center;
  background-size: 35%;
  background-repeat: no-repeat;
}
.hideInfo {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.4s ease-in-out;
}
.casinoBlock:hover .hideInfo {
  opacity: 1;
}
.casinoBlock:hover .demo,
.casinoBlock:hover .play,
.casinoBlock:hover a {
  opacity: 1;
  transform: translateY(0px);
}
.casinoBlock:hover .play {
  transition-delay: 0.1s;
}

.new {
  position: absolute;
  top: -3px;
  right: -3px;
  background-image: url(../img/new.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
}
.popular {
  position: absolute;
  top: -5px;
  left: 15px;
  background-image: url(../img/popular.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}


.event-sub-menu {
  white-space: nowrap;
  overflow-x: auto;
  display: block;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 5;
  margin: 0;
  padding: 0px 0px;
  font-size: 14px;
  list-style: none;
  color: #fff;
  background: #242720;
  margin-top:10px;
}
.event-sub-menu li {
  display: inline-block;
}
.event-sub-menu li a {
  display: block;
  transition: all .3s ease;
  padding: 9px 20px;
  color: #fff;
  transition: .3s;
  cursor: pointer;
}
.event-sub-menu li a.selected {
  background-color: #fff;
  background: linear-gradient(to right, #137f5f, #137f5f);
  color: #fff;
}





.page-body {
  background-color: #F9F9F9;
  padding: 30px;
  border-radius: var(--main_radius);
}
.page-bodyEvent {
  margin-top: 10px;
}
.page-content .profile-info {
  padding: 15px;
  background: #d6dff2;
  color: #243f52;
}
.page-content .profile-info p {
  font-size: 12px;
}
.page-content .profile-info:not(:last-child) {
  margin-bottom: 15px;
}
.profile-info .history-item .history-date {
  position: absolute;
  top: 10px;
  right: 0;
}
.page-content .profile-green-info {
  background: #bdd9bc;
  color: #2f522d;
}

/*--PAGE-STYLES--*/

.page-form {

}
.page-body h3 {
  margin-bottom: 15px;
}
.page-form div.input-group {
  display: flex;
  margin-top: 10px;
  /* padding: 0 5px; */
}
.page-form div input:not(:first-child) {
  margin-left: 10px;
}
.page-form input {
  width: calc(100% - 30px);
  /* margin-top: 10px; */
  padding: 15px 15px;
  background-color: #edf0f7;
  color: rgba(7, 12, 25, .8);
  border: 0;
  border-radius: var(--radius_input);
}
.page-form input:focus {
  background: #fff;
}
.page-form input::placeholder {
  color: #7b869c;
}
.page-form button, .page-file-upload {
  cursor: pointer;
  transition: all .5s ease;
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 15px 15px;
  background: var(--main_gradient);
  box-shadow: 0 6px 18px rgb(17 223 51 / 15%);
  text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
  border: 0;
  border-radius: var(--radius_input);
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.page-file-upload {
  background: #efefef;
  color: #181818;
  margin-left: 10px;
}
.page-form button:hover {

}
.page-form.user-profile-image-block{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-form .user-profile-image-block li:first-child {
  width: 40px;
  height: 20px;
}
.page-form .user-profile-image-block li{
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.page-form .user-profile-image-block li img {
  position: absolute;
  display: block;
  top: -10px;
  left: 0;
}
.page-form input[type="file"] {
  /*display: none;*/
}
.page-form .user-profile-img {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 75px;
  background: #545454;
}
.page-form .user-balance-add input {
  margin-bottom: 0;
  margin-right: 5px;
  width: 300px;
}


.page-content .page-form div.profile-info:last-child {
  margin: 0;
  border-radius: 10px;
}
.balance-select {
  display: block;
}
#results-form ul {
  display: flex;
  flex-direction: row;
}
#results-form li {
  flex-grow: 1;
  padding: 0 10px;
}
#results-form li:first-child {
  padding-left: 0;
}
#results-form li:last-child {
  padding-right: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0;
  background: #fff;
  font-size: 14px;
  background-image: none;
  color: #181818;
}

.user-balance-out {
  width: 40%;
}

.select {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  background-color: #edf0f7;
  color: rgba(7, 12, 25, .8);
  border: 0;
  border-radius: var(--radius_input);
}
.select-withdraw {
  margin-top: 10px;
  margin-right: 15px;
}
.select-curr {
  /* width: 175px; */
  margin: 0px 0px 0px 10px;
  height: 50px;
}
select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 20px;
  color: #7b869c;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
.select::after {
  content: '\f107';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  position: absolute;
  line-height: 37px;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.3em 1em 0 1em;
  color: black;
  pointer-events: none;
  background: linear-gradient(to right, #137f5f, #137f5f);
}
.select:hover::after {

}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.history-item {
  position: relative;
  font-size: 12px;
  padding: 10px 0;
}
.history-item:not(:last-child) {

}
.history-item span:not(:last-child) {
  display: inline-block;
  margin-right: 20px;
}
.history-item span:last-child {
  float: right;
}
.history-sum {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.history-bet-sum {
  font-size: 14px;
}
.history-event-info span {
  display: inline-block;
}
.history-bet-info {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 5px;
  background: rgba(0,0,0,0.15);
  font-weight: 600;
  margin-left: 5px;
}
.history-bet-status {
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
}
.history-bet-status::after {
  padding: 3px 5px;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 12px;
}
.bet-loose::after {
  content: 'Проигрыш';
}
.bet-win::after {
  content: 'Выигрыш';
}
.bet-back::after {
  content: 'Возврат';
}
.bet-wait::after {
  content: 'В ожидании...';
}
.bet-history-item {
  position: relative;
  font-size: 12px;
  padding: 15px 20px;
}
.history-event-info {
  padding-top: 5px;
}
.page-body .bet-history-item:not(:last-child) {
  margin-bottom: 10px;
}
.bet-history-item .btn {
  margin-top: 5px;
  display: block;
  width: fit-content;
}
.history-event {
  display: block;
  font-weight: 600;
}
.history-subitem-wrapper {
  margin-top: 10px;
  display: block;
  text-align: left;
}
.history-subitem {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  background: rgba(255,255,255,0.4);
  padding: 10px;
  border-radius: 5px;
}
.history-subitem-coupon {
  position: relative;
  margin-bottom: 5px;
  background: #151515;
  padding: 10px;
  border-radius: 5px;
}
.history-event-status {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0,0,0,0.4);
  height: 100%;
  width: 60px;
  font-size: 20px;
}
.history-bet-date {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.history-bet-date::before {
  content: '\f133';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  margin-right: 10px;
}
.status-win::before, .status-loose::before, .status-back::before, .status-wait::before {
  display: block;
  text-align: center;
  padding-top: 50%;
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}
.status-win::before {
  content: '\f091';
}
.status-wait::before {
  content: '\f017';
}
.status-loose::before {
  content: '\f05e';
}
.status-back::before {
  content: '\f2ea';
}

.bet-history-item .history-event-league {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 600;
}
.bet-history-item div.history-event-result {
  position: absolute;
  font-weight: 700;
  top: 15px;
  right: 20px;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  background: linear-gradient(to right, #137f5f, #137f5f);
  color: #fff;
}
.sub-result {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.bet-history-item div.history-coupon-num {
  position: absolute;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 10px;
  top: 15px;
  right: 20px;
  background: #151515;
}
.item-win, .status-win, .bet-win::after {
  background: #00ba42;
  color: #fff;
}
.item-win .history-sum::before {
  content: '\f00c';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  margin-right: 5px;
}
.item-loose, .status-loose, .bet-loose::after {
  background: #f10c2d;
  color: #fff;
}
.item-back, .status-back, .bet-back::after {
  background: #e2d27a;
  color: #5d471b;
}
.item-loose .history-sum::before {
  content: '\f00d';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  margin-right: 5px;
}
.item-wait, .status-wait, .bet-wait::after {
  background: #d6dff2;
  color: #243f52;
}
.item-wait .history-sum::before {
  content: '\f017';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  margin-right: 5px;
}
.item-common {
  background-color: #242720;
  background-size: 120px;
  color: #fff;
  margin-top: 10px;
}

.bet-history-item i {
  position: absolute;
  top: 0;
  margin-right: 10px;
  font-size: 14px;
}

.sportZag{
  color:#fff;
  font-weight: bold;
  font-size: 16px;
  padding:0px 10px;
}

.cat-name{
  /*background-image: url('/img/strSportWhite.svg');*/
  /*background-repeat:no-repeat;*/
  /*background-position:center left;*/
  /*background-size:10px;*/
  padding:0px 0px 0px 20px;
}


.warningFilter{
  color:#fff;
  text-align: center;
  background: #242720;
  border-radius:3px;
  padding:5px 10px;
  margin:15px 5px 5px;
  font-size:11px;
}

.spAct{
  background-color: #0070b0; /* Для старых браузров */
  background: linear-gradient(to right, #666666, #666666);
  color:#fff!important;
  border: 0;
}
.spAct .cat-name{
  /*background-image: url('/img/strSportWhite.svg');*/
}
.spAct #cat-count {
  border-color: #242720!important;
}


.formUsMsg{
  width: 100%;
  margin-bottom:10px;
}
.formUsMsg div{
  color:#fff;
  font-size:13px;
  background: #f82516;
  cursor: pointer;
  padding: 10px;
  margin: 10px 0 0 0;
  text-align: center;
  border-radius: 11px;
}


.timeZoneAct {
  background: #242720!important;
  color: #fff!important;
}

.propsModal{
  display:block;
  padding:5px 10px;
}

.linksearch{
  color: #fff;
  font-size: 14px;
  padding: 0;
  margin-left: -40px;
  transition: color .3s linear;
  cursor: pointer;
}

.teloCenterWidthInLk{
  padding: 15px;
  background: #242720;
  color: #fff;
  margin-top: 10px;
}

.resultpods{
  background: linear-gradient(to right, #137f5f, #137f5f);
  margin-top:10px;
  padding:5px 10px;
}


.statusWith0{
  color: #fff;
  font-size:13px;
}

.statusWith1{
  text-align:center;
  padding:2px 10px;
  background: #12d019;
  color: black;
  font-size:13px;
}

.statusWith2{
  text-align:center;
  padding:2px 10px;
  background: #f10c2d;
  color: #fff;
  font-size:13px;
}

.banfinLkMsg{
  background: #b10000;
  color:#fff;
  text-align:center;
  margin: 0px auto 20px;
  padding: 10px;
  border-radius:5px;
}

.paymentMethod{
  float:left;
  width:220px;
  height:130px;
  background:#fff;
  padding:10px;
  border-radius:5px;
  margin: 10px;
  transition:0.3s;
  text-align: center;
}
.paymentMethod img{
  /*width:100%;*/

  float:none;
}


.btnAddBalance{
  display:block;
  background: #262e4880;
  position: relative;
  margin-top: 10px;
  padding: 15px 15px;
  background: var(--main_gradient);
  box-shadow: 0 6px 18px rgb(17 120 223 / 30%);
  text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
  border: 0;
  border-radius: var(--radius_input);
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}

.noneLeagues{
  background: #181818;
  color:#fff;
  text-align:center;
  padding:10px 10px;
  border-radius:5px;
}




.both{
  clear:both;
}

.indexTable{
  width:1150px;
  margin:30px auto 0px;
  position:relative;
  z-index:444;
}
.indexTable td{
  vertical-align:top;
}

.indexTable td td{
  vertical-align:inherit;
}


.header{
  height:120px;
  background-color:#131313;
}

.header_pod{
  width:1150px;
  height:120px;
  margin:0px auto;
  background-image:url(../img/header_pod.png);
  background-position:center left;
  background-repeat:no-repeat;

}

.tdCenter{
  width:665px;
}

.centerTelo{
  width:665px;
  background:#fff;
  padding:0px 10px 15px 10px;
}


.tdCenterWn{
  width:895px;
}

.centerTeloWn{
  width:895px;
  background:#fff;
  padding:0px 10px 15px 10px;
}



.tdLeft{
  width:255px;
}
.leftDiv{
  width:255px;
  padding:10px;
  background:#1e1e1e;
}


.blLeft{
  background:#e9f1fa;
  border-radius:7px 7px 0px 0px;
}



.tdRight{
  width:230px;
}

.rightDiv{
  width:230px;
  padding:10px;
  background:#1e1e1e;
  color:#fff;
}
.rightDiv a{
  color:#fff;
}

.blRight{
  /*background:#fff;*/
  border-radius:7px 7px 0px 0px;
}

.bannSlot{
  padding-top: 15px;
}

.bannSlot img{
  width:100%;
  margin-bottom:7px;
}

.zagSports{
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:10px;
}

.oldSportsType{
  display:block;
  border-radius:7px;
  background-color:#c9d9eb;
  background-image:url('../img/play.png');
  background-position:center left 5px;
  background-repeat:no-repeat;
  background-size:25px;
  color:#092641;
  text-decoration:none;
  padding:7px 5px 7px 37px;
  margin-bottom:10px;
}
.oldSportsType:hover{
  color:#092641;
  text-decoration:none;
}



.userBtnAuth{
  display:block;
  float:right;
  color: #fff;
  border:1px solid #545454;
  padding:7px 20px;
  transition:0.3s;
  font-weight:bold;
  text-transform:uppercase;
}
.userBtnAuth:hover{
  text-decoration:none;
  color:#545454;
}

.userBtnReg{
  display:block;
  float:right;
  color: #fff;
  background: #545454;
  border:1px solid #545454;
  padding:7px 20px;
  transition:0.3s;
  margin-left:5px;
  font-weight:bold;
  text-transform:uppercase;
}
.userBtnReg:hover{
  text-decoration:none;
  color:#fff;
}


.shapRBlock{
  float:right;
}


.headerMenu{
  display:block;
  float:left;
  color:#fff;
  font-size:18px;
  height:60px;
  line-height:60px;
  margin-top:30px;
  margin-left:10px;
  padding:0px 10px;
  transition:0.3s;
}
.headerMenu:hover{
  text-decoration:none;
  color:#fff;
  border-bottom:2px solid #545454;
}

.actHeaderMenu{
  text-decoration:none;
  color:#fff;
  border-bottom:2px solid #545454;
}

.baron {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  white-space: normal;
}



.baron__clipper {
  position: relative;
  overflow: hidden;
}
.baron__scroller {
  overflow-y: scroll;
  -ms-overflow-style: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  /* remove line to customize scrollbar in iOs */
}
.baron__scroller::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.baron__track {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.baron._scrollbar .baron__track {
  display: block;
}
.baron__free {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.baron__bar {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 10px;
  background: #999;
}
.baron._scrollbar .baron__bar {
  display: block;
}
.baron__control {
  display: none;
}


/* SIMPLE */
.baron._simple .baron__track {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 10px;
  bottom: 10px;
  right: 5px;
  width: 8px;
  border-radius: 5px;
  background: #ddf;
  background: rgba(0, 0, 255, .1);
  pointer-events: none;
}
.baron._simple._scrollbar .baron__track {
  opacity: 1;
}
.baron._simple .baron__bar {
  position: absolute;
  z-index: 1;
  width: 8px;
  border-radius: 3px;
  background: #987;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  pointer-events: auto;
}
.baron._simple .baron__bar:hover {
  opacity: .8;
}
.baron._simple.baron .baron__bar {
  opacity: .6;
}

/* Mac OS X */
.baron._macosx .baron__track {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 2px;
  bottom: 2px;
  right: 2px;
  width: 0;
}
.baron._macosx._scrollbar .baron__track {
  opacity: 1;
}
.baron._macosx .baron__bar {
  position: absolute;
  z-index: 1;
  width: 6px;
  border-radius: 3px;
  background: #333;
  opacity: 0;
  transition: .1s opacity .4s linear;
  pointer-events: auto;
}
.baron._dragging .baron__bar {
  /*opacity: 1;*/
}
.baron._macosx .baron__bar:hover,
.baron._scrolling .baron__bar {
  transition-duration: 0s;
  transition-delay: 0s;
  opacity: .5;
}

/* Windows XP */
.baron._winxp .baron__scroller {
  padding-right: 17px;
}
.baron._winxp .baron__track {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  overflow: hidden;
  background-image: linear-gradient(to right, #f2f1ec, #fdfef9);
  border: 1px solid #ecede5;
}
.baron._winxp._scrollbar .baron__track {
  opacity: 1;
}
.baron._winxp .baron__control {
  display: block;
}
.baron._winxp .baron__control,
.baron._winxp .baron__bar {
  border: 1px solid #f3ffff;
  box-shadow:
          1px 1px 1px #b7caf5 inset,
          1px 1px 1px #7b9fd3;
  border-radius: 3px;
  background-image: linear-gradient(to right, #c9d7fc, #baccf4);
  text-align: center;
  font-size: 8px;
  line-height: 14px;
  color: #4e6287;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.baron._winxp .baron__control:hover,
.baron._winxp .baron__bar:hover {
  background-image: linear-gradient(to right, #d9e7ff, #cadcff);
}
.baron._winxp .baron__up,
.baron._winxp .baron__down {
  position: absolute;
  z-index: 1;
  width: 15px;
  height: 16px;
  box-sizing: border-box;
}
.baron._winxp .baron__up {
  top: 0;
}
.baron._winxp .baron__down {
  bottom: 0;
}
.baron._winxp .baron__free {
  position: absolute;
  top: 18px;
  bottom: 18px;
  right: 0;
  width: 0;
}
.baron._winxp .baron__bar {
  position: absolute;
  z-index: 1;
  width: 15px;
  box-sizing: border-box;
  border: 1px solid #f3ffff;
  box-shadow:
          1px 1px 1px #b7caf5 inset,
          1px 1px 1px #7b9fd3;
  border-radius: 3px;
  background-image: linear-gradient(to right, #c9d7fc, #baccf4);
  opacity: 1;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  pointer-events: auto;
}
.baron._winxp .baron__bar:before {
  content: '';
  position: absolute;
  top: 45%;
  left: 3px;
  width: 6px;
  height: 7px;
  z-index: 1;
  background-image: linear-gradient(
          to bottom,
          #f0f4ff 0px, #f0f4ff 1px,
          rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px,
          #f0f4ff 2px, #f0f4ff 3px,
          rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 4px,
          #f0f4ff 4px, #f0f4ff 5px,
          rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 6px,
          #f0f4ff 6px, #f0f4ff 7px,
          rgba(255, 255, 255, 0) 7px, rgba(255, 255, 255, 0) 8px
  );
}
.baron._winxp .baron__bar:after {
  content: '';
  position: absolute;
  top: 47%;
  left: 4px;
  width: 6px;
  height: 7px;
  background-image: linear-gradient(
          to bottom,
          #8aaff6 0px, #8aaff6 1px,
          rgba(138, 175, 246, 0) 1px, rgba(138, 175, 246, 0) 2px,
          #8aaff6 2px, #8aaff6 3px,
          rgba(138, 175, 246, 0) 3px, rgba(138, 175, 246, 0) 4px,
          #8aaff6 4px, #8aaff6 5px,
          rgba(138, 175, 246, 0) 5px, rgba(138, 175, 246, 0) 6px,
          #8aaff6 6px, #8aaff6 7px,
          rgba(138, 175, 246, 0) 7px, rgba(138, 175, 246, 0) 8px
  );
}
.baron._winxp._dragging .baron__bar,
.baron._winxp .baron__bar:hover {
  background-image: linear-gradient(to right, #d9e7ff, #cadcff);
}

/* Ubuntu */
.baron._ubuntu12 .baron__scroller {
  padding-right: 14px;
}
.baron._ubuntu12 .baron__track {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  right: 0;
  width: 14px;
  box-sizing: border-box;
  border: 1px solid #c5c1bd;
  border-radius: 7px;
  background-image: linear-gradient(to right, #d3d3d3, #e5e5e5);
}
.baron._ubuntu12._scrollbar .baron__track {
  opacity: 1;
}
.baron._ubuntu12 .baron__bar {
  position: absolute;
  z-index: 1;
  width: 12px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 6px;
  background-image: linear-gradient(to right, #fcfbfb, #eeeceb);
  opacity: 1;
  pointer-events: auto;
  box-shadow: 0 0 1px #d6d3d0;
}
.baron._ubuntu12 .baron__bar:hover,
.baron._ubuntu12._dragging .baron__bar {
  background-image: linear-gradient(to right, #e96d3a, #f58050);
  border-color: #e1632f;
}
.baron._dragging .baron__bar {
  /*opacity: 1;*/
}
.baron._ubuntu12 .baron__bar:hover,
._scrolling .baron__bar {
}





.zagAndKroh{
  background:#fff;
  height:40px;
  line-height:40px;
  padding:10px 15px 0px 0px;
  margin-bottom:20px;
}

.zagAndKroh a{
  display:block;
  float:left;
  height:40px;
  line-height:40px;
  font-size:25px;
  color:#000;
  font-weight:100;
  transition:0.3s;
}

.zagAndKroh a:hover{
  color:#edb817;
  text-decoration:none;
}


.zagAndKroh .razdelStr{
  float:left;
  height:18px;
  width:18px;
  background-image:url(../img/next.svg);
  background-position:center center;
  background-size:10px;
  background-repeat:no-repeat;
  margin:10px 10px 0px 10px;
}





.iconSport{
  width:25px;
  height:25px;
  background-color:#2364ad;
  border-radius:2px 12px 2px 12px;
  text-align:center;
}
.iconSport img{
  max-width:20px;
  max-height:20px;
  margin-top:2px;
}

.tdMtIcon{
  width:40px;
}

.tdMtTime{
  width:100px;
  color:#2364ad;
}

.tdMtName{
  text-decoration:underline;
}


.tdMtCF{
  text-align:center;
}




.tabs ul{
  margin:0px;
  padding:0px;
  width:100%;
  display:table;
}



.tabs ul li{
  margin:0px;
  padding:0px;
  cursor:pointer;
  display:table-cell;
  padding:10px 15px;
  background: linear-gradient(to top, #3174b8, #545454);
  color:#fff;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  border-radius:7px 7px 0px 0px;
}



.tabs ul li.active, .tabs ul li.active:hover{
  background:#f5f5f5;
  color:#585858;
}
.tabs ul li:hover{
  background: linear-gradient(to top, #545454, #3174b8);
}

.tabsSod{
  background:#f5f5f5;
  padding:15px 10px;
}


.balance{
  float:right;
  color: #fff;
  border:1px solid #545454;
  padding:5px 20px;
  transition:0.3s;
  font-weight:bold;
  text-transform:uppercase;
}

.balance span span{
  font-weight:bold;
  font-size:17px;
}



.addbalance{
  display:block;
  height:25px;
  width:25px;
  line-height:25px;
  text-align:center;
  float:right;
  color:#fff;
  font-size:25px;
  font-weight:bold;
  background:#318df5;
  margin-top:7.5px;
  margin-left:10px;
}
.addbalance:hover{
  text-decoration:none;
  color:#fff;
}


.fioInTopDiv{
  float:right;
}


.fioInTopDiv:hover .akkPodlMenu{
  display:block;
  opacity:1;
}

.akkPodlMenu{
  display:none;
  position:absolute;
  opacity:0; /* Устанавливаем начальное состояние прозрачности */
  -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
  background:#545454;
  width:200px;
  margin-top:34px;
  padding:10px;
  margin-left:-51px;
  z-index:999;
}

.akkPodlMenu a{
  display:block;
  color:#fff;
  font-size:16px;
  border-bottom:1px solid #aa0000;
}


.fioInTop{
  display:block;
  float:right;
  color: #fff;
  background-color: #545454;
  background-image:url(../img/strAkkWhite.png);
  background-position:center right 5px;
  background-repeat:no-repeat;
  background-size:15px;
  border:1px solid #545454;
  padding:7px 30px 7px 20px;
  transition:0.3s;
  margin-left:5px;
  font-weight:bold;
  text-transform:uppercase;
}
.fioInTop:hover{
  background-image:url(../img/strAkkWhite.png);
  text-decoration:none;
  color:#fff;
}



.menuInAccount{
  background: #fff;
  padding: 0px 15px;
  margin-bottom: 15px;
  border-radius: 3px;
}

.menuInAccount a{
  display:block;
  float:right;
  color:#000;
  background:#eff7ff;
  padding:5px 10px;
  margin:7px 0px 7px 10px;
  font-size:16px;
  border-radius:3px;
}

.menuInAccount a:hover{
  text-decoration:none;
}

.razrabtkaSTR{
  font-size:16px;
  text-align:center;
  color:#505050;
}

.actAcc{
  background: linear-gradient(to top, #545454, #3174b8)!important;
  color: #fff!important;
}

.teloCenterInLk {
  background: #fff;
  margin: 0px auto 0;
  padding: 15px;
}

.teloCenterInLkNotice{
  background: #f7f7f7;
  margin: 0px auto 0;
  padding: 15px;
}


.inpLkst {
  width: 400px;
  border: 1px solid #ccc;
  padding: 7px 10px;
}


.inpLkstAddBalance{
  width:250px;
  text-align:center;
  font-weight:bold;
  font-size:18px;
  border: 1px solid #ccc;
  padding: 2.5px 10px;
  margin-right:5px;
}


.inpLkstWithdrasSel{
  width:330px;
  text-align:center;
  border: 1px solid #ccc;
  padding: 6px 10px;
  margin-top:5px;
}


.inpLkstWithdrasInp{
  width:330px;
  text-align:center;
  border: 1px solid #ccc;
  padding: 6px 10px;
  margin-top:5px;
}

.tableForm td {
  padding: 3px 5px;
}

.btnLk {
  background: #545454;
  font-weight:bold;
  color: #fff;
  border: 0px;
  font-size: 16px;
  padding: 7px 20px;
  cursor: pointer;
  transition: 0.3s;
}
.btnLk:hover{
  background: #a20000;
}

.zagInBlAcc{
  font-size:19px;
  margin-bottom:15px;
}


.typebetKrpha{
  text-transform:uppercase;
}


/* Центральный айдер*/
/* Центральный айдер*/
/* Центральный айдер*/

.slider-wrapper {
  width: 100%;
  margin-bottom:20px;
}


.nivoSlider {
  position:relative;
  width:100%;
  height:auto;
  overflow: hidden;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  max-width: none;
}
.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
  background:white;
  filter:alpha(opacity=0);
  opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
  top:0;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
  overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  width:100%;
  z-index:8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter:alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
  display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  display:none;
  text-align:center;
  padding: 15px 0;
}
.nivo-controlNav a {
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}

.theme-default .nivoSlider {
  position:relative;
  background:#fff url(../img/loading.gif) no-repeat 50% 50%;
  margin-bottom:10px;
  border-radius:5px;
}
.theme-default .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}
.theme-default .nivo-controlNav a {
  display:inline-block;
  width:22px;
  height:22px;
  background:url(../img/bullets.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(../img/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
.theme-default a.nivo-prevNav {
  left:15px;
}


.theme-default .nivo-caption a {
  color:#fff;
  border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
  color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}



.blockNews{
  width:260px;
  height: 320px;
  float:left;
  background: #f9f9f9;
  margin: 10px 10px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
  border-radius: 3px;
  padding: 0px;
}


.newsImg{
  width:100%;
  height:130px;
  border-radius: 3px 3px 0px 0px;
  background-size:cover;
  transition:0.3s;
}

.newsText{
  padding:10px 15px;
}

.newsZag{
  margin-top:3px;
  margin-bottom:9px;
  font-weight:bold;
  font-size:16px;
}


.linkInNews{
  color:#000;
  text-decoration:none;
}
.linkInNews:hover{
  text-decoration:none;
}
.linkInNews:hover .newsImg{
  filter: brightness(1.3);
}
.linkInNews:hover .lastNewsImg{
  filter: brightness(1.3);
}


.postrnavigation{
  margin:0px auto;
}

.postrnavigation a{
  display:block;
  background: linear-gradient(to top, #dde0eb, #e8e9f1);
  float:left;
  padding:8px 12px;
  margin:0px 5px;
  border-radius:20px;
  color:#242424;
  text-decoration:none;
}

.postrnavigation a:hover{
  background: linear-gradient(to top, #e8e9f1, #dde0eb);
}

.actnavpag{
  background: #2364ad!important;
  color:#fff!important;
}


.timeZoneObl{
  float:right;
  margin-top: 15px;
  margin-bottom: 5px;
  height: 40px;
}

.timeZone{
  display:block;
  font-size:19px;
  height: 40px;
  line-height: 40px;
  background-image:url(../img/strtimes.png);
  background-position:center right;
  background-size:19px;
  background-repeat:no-repeat;
  padding:0px 25px 0px 10px;
  color:#fff;
}
.timeZone img{
  margin-right:7px;
}
.timeZone:hover{
  color:#fff;
  text-decoration:none;
}

.timeZoneMenu{
  display: none;
  position:absolute;
  z-index:555;
  background-color:#fff;
  width:500px;
  margin-left:-390px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
  border:2px solid #545454;
}
.timeZoneMenu a{
  display:block;
  padding:5px 10px;
  border-bottom:1px solid #c5c5c5;
  color:#000;
  text-decoration:none;
}
.timeZoneMenu a:hover{
  background: #545454;
  color:#545454;
}
.timeZone:focus ~ .timeZoneMenu,
.timeZone:active ~ .timeZoneMenu,
.timeZoneMenu:hover{display: block;}



.footer{
  background: #131313;
  margin-top:25px;
  padding:20px 10px 10px 10px;
  color:#787775;
}

.footeCopyright{
  margin-top:10px;
  padding:10px 10px 0px 10px;
  text-align:center;
}
.footeCopyright a{
  color:#787775;
}

.btetwisor{
  color:#787775;
  font-size:12px;
}

.btetwisor:hover{
  color:#787775;
  text-decoration:none;
}

.btetwisor img{
  width:150px;
  opacity:0.7;
}



.footerLink a{
  display:block;
  float:left;
  width:300px;
  text-align:left;
  text-transform:uppercase;
  font-weight:bold;
  color: #969696;
  font-size:13px;
}

.inpLkstRedUsrS {
  width: 220px;
  border: 1px solid #ccc;
  padding: 6px 10px;
}

.fomSumm{
  background:#f9f9f9;
  padding:7px 0px;
  border-radius:3px;
}







.tableTsykl{
  width:100%;
  margin:0px;
}

.tableTsykl td{
  background: #f9f9f9;
  padding: 5px 7px;
  text-align: center;
  border: 1px solid #dde0eb;
}

.tdZags{
  background:#fff!important;
}

.loadinEvent{
  background-image:url('../img/animation2.svg');
  background-position:center center;
  background-repeat:no-repeat;
  width:394px;
  height:400px;
  margin:0px auto;
}

.loadinEvents{
  background-image:url('../img/animation2.svg');
  background-position:center center;
  background-repeat:no-repeat;
  width:394px;
  height:124px;
  margin:0px auto;
}

.loadinEvent2{
  background-image:url('../img/animation2.svg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:30px;
  width:50px;
  height:50px;
  margin:0px auto;
}



.tdMtLeagName{
  text-align:left!important;
}

.tdMtLeagName span{
  background:#cdd6da;
  padding:0px 4px;
  color:#5f6365;
  font-size:13px;
  margin-left:5px;
  white-space: nowrap;
}

.infEventsBl{
  white-space: nowrap;
}


.preStatSpan{
  font-size:13px;
  background-color:#fff!important;
  background-image:url('../img/preStatSpanTime.png')!important;
  background-position:center left 2px!important;
  background-repeat:no-repeat!important;
  background-size:15px!important;
  padding:0px 4px 0px 20px!important;
  color:#68747b;
  margin-left:3px;
}


.preStatSpanZone{
  background-image:url('../img/preStatSpanTimeZone.png')!important;
  background-position:center left 2px!important;
  background-repeat:no-repeat!important;
  background-size:15px!important;
  padding:0px 4px 0px 20px!important;
  margin-left:30px;
}

.preStatSpanSchet{
  background: #fae196!important;
  padding:0px 4px;
  color:#000!important;
  margin-left:5px;
}

.tdMtTimes{
  text-align:center;
  color:#2364ad;
}

.errorEvent{
  background:#9c0000;
  color:#fff;
  text-align:center;
  border-radius:3px;
  padding:7px 10px;
}

.eventZag{
  color:#fff;
  text-align: center;
}

.eventPlayers{
  font-size: 17px;
  text-transform: uppercase;
  color: #fff71a;
  margin-top: 20px;
}

.eventLeague{
  color:#fff;
  font-size:14px;
}

.eventTimeStart{
  color: #fff;
}

.eventLive{
  background-color: #e10030;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size:11px;

  font-weight: bold;
  padding:2px 5px;
  margin-bottom: 3px;
}


.rnokSetka{
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  column-count: 2;
  column-gap: 10px;
  text-align:justify;
  margin:0px;
  padding:0px;
}


.rnok{display:inline-block; width:100%; margin-bottom:5px; overflow: hidden;}

.rnokShap{
  background: #137f5f;
  background: linear-gradient(to right, #242720, #242720);
  /*box-shadow: 0px 0px 7px #137f5f;*/
  color:#fff;
  font-size:14px;
  padding:10px 15px;
}

.rnokIndex{
  /*display:none;*/
  background:#fff;
  border-radius:0px 0px 19px 19px;
}


.rnoKef{
  display:table;
  width:100%;
  background:#fff;
  cursor:pointer;
  transition:0.5s;
  font-size:13px;
}

.rnoKef:hover span:last-child{
  background:#232323;
  color:#fff;
}

.rnoKef span{
  display:table-cell;
  transition:0.5s;
}

.rnoKef span:first-child{
  margin: 0;
  padding:7px 5px 7px 10px;
  border-bottom:1px solid #e7edee;
}

.rnoKef span:last-child{
  background:#f1fcff;
  font-weight:bold;
  width:55px;
  padding:0 5px;
  color:#142c3d;
  text-align:center;
  border-bottom:1px solid #e7edee;
}



.rnokSetka .event-koef-red span:last-child{
  background: #545454;
  color: #fff;
}


.rnoKefShort{
  width:100%;
  height:100%;
  text-align:center;
  cursor:pointer;
  transition:0.3s;
  padding: 5px 5px;
}
.rnoKefShort:hover{
  background: #545454;
  color:#fff;
}


.shortKefTd{
  padding:0px!important;
}


#blockPari span:first-child{
  cursor:not-allowed!important;
  background-image:url(../img/block.png);
  background-position:center left;
  background-repeat:no-repeat;
  background-size:16px;
  padding-left:25px;
}


.kuponItem{
  border-bottom:1px solid #545454;
  padding:3px 5px;
  margin-bottom:3px;
  font-size:12px;
}
.kuponItem div{
  font-weight:bold;
}

.kuponItem div span{
  float:right;
}

.closeItemKupon{
  display:block;
  background:url('../img/closeItem.png');
  width:9px;
  height:9px;
  float:right;
  margin-top:-2px;
  margin-right:-4px;
}



.obshKof{margin-top:3px;}
.obshKof span{float:right; font-weight:bold;}

.summaStavki{margin-top:10px; line-height:25px;}
.summaStavki span{float:right; font-weight:bold;}

.pobeda{margin-top:3px;}
.pobeda span{float:right; font-weight:bold; color:#fff; font-size:15px;}

.betsInKupon{margin-top:3px;}
.betsInKupon span{float:right; font-weight:bold;}

.razdelInKuponBets{
  height:1px;
  border-top:1px dashed #ccc;
  margin:5px 0px;
}

#summaStavki{
  width:100px;
  text-align:center;
  font-weight:bold;
  border:1px solid #2b2b2b;
  background:#3a3a3a;
  border-radius:3px;
  padding:5px 5px;
  line-height:15px;
  font-size:15px;
}

.addStaka{
  display:block;
  color:#fff!important;
  text-align:center;
  background: #545454;
  font-size:15px;
  text-transform:uppercase;
  font-weight:bold;
  padding:5px 5px;
  margin-top:10px;
  transition:0.3s;
}
.addStaka:hover{
  color:#fff!important;
  background: #545454;
  text-decoration:none;
}
.addStaka:visited{
  color:#fff!important;
  text-decoration:none!important;
}

.addBetNotice{
  background:#242720;
  text-align:center;
  padding:3px 5px;
  margin-top:5px;
  color:#fff;
  font-size:13px;
}

.betStatusSt{
  background:#e9e9e9;
  color:#8a8a8a;
  padding:3px 5px;
  border-radius:3px;
}
.betStatusSt1{
  background:#0b9d00;
  color:#fff;
  padding:3px 5px;
  border-radius:3px;
}
.betStatusSt2{
  background:#d60000;
  color:#fff;
  padding:3px 5px;
  border-radius:3px;
}
.betStatusSt3{
  background:#f3f000;
  color:#000;
  padding:3px 5px;
  border-radius:3px;
}

#block-for-slider {
  width: 100%;
  z-index:333;
}



#viewport {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
  z-index:333;
  margin-bottom:20px;
}

#slidewrapper {
  position: relative;
  width: calc(100% * 4);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
  -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
  transition-timing-function: cubic-bezier(.67,.01,.23,1);
}

#slidewrapper, #slidewrapper ul, #slidewrapper li {
  margin: 0;
  padding: 0;
}

.slide {
  width: calc(100%/4);
  list-style: none;
  display: inline;
  float: left;
}


#prev-btn, #next-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image:url(../img/arrows.png);
  top: calc(50% - 25px);
  opacity:0.4;
}

#prev-btn:hover, #next-btn:hover {
  cursor: pointer;
  opacity:1;
}

#prev-btn {
  left: 20px;
  background-position:center left;
}

#next-btn {
  right: 20px;
  background-position:center right;
}

#nav-btns {
  position: absolute;
  width: 100%;
  bottom: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
}

.slide-nav-btn {
  position: relative;
  display: inline-block;
  list-style: none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  margin: 3px;
  z-index:333;
}

.slide-nav-btn:hover {
  cursor: pointer;
}

.filter{
  margin:0px 0px 20px 0px;
  display:table;
  width:400px;
  padding:0px;
}

.filter li{
  display:table-cell;
  padding:0px;
}
.filter li a{
  display:block;
  text-align:center;
  color:#000;
  text-decoration:none;
  background:#fff;
  border-bottom:3px solid #fff;
  padding:5px 7px 4px 5px;
}
.filter li a:hover{
  color:#545454;
  border-bottom:3px solid #545454;
  text-decoration:none;
}

.filterTime{width:150px;}
.filterDay{width:150px;}

.filterAct{
  color:#545454!important;
  border-bottom:3px solid #545454!important;
  font-weight:bold;
  text-transform:uppercase;
}

.filterNoAct{
  font-weight:bold;
  text-transform:uppercase;
}

.filterNoAct img{
  width:10px;
  margin-top:-5px;
}

.subFilter{
  background:#fff;
  width:150px;
  position:absolute;
  display:none;
  opacity:0; /* Устанавливаем начальное состояние прозрачности */
  -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
  padding:0px;
}
.subFilter a{
  display:block;
  padding:3px 5px;
  color:#000!important;
  border-bottom:1px solid #ccc!important;
}
.subFilter a:hover{
  color:#545454;
  background:#edf1f3;
  border-bottom:1px solid #545454!important;
}
.filter li:hover .subFilter{
  display:block;
  opacity:1; /* Делаем непрозрачным */
}
.filter li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
  color:#545454;
  border-bottom:3px solid #545454;
  text-decoration:none;
}



.livezoneSt{
  background-position:center center;
  background-repeat:repeat;
  background-size: cover;
  padding:15px 15px;
}


.livetimes{
  color:#fff;
  padding:5px 10px;
  text-align:center;
  border-radius:5px;
  font-size:12px;
}


.namePlayerInZone{
  color:#fff71a;
  font-weight:bold;
}

.schetInZone{
  color:#fff;
  font-size:19px;
  font-weight:bold;
  margin:30px 15px;
}
.schetInZone span{
  background: rgba(255,255,255,0.9);
  padding:5px 6px;
  border-radius:3px;
  color:#000;
}


.liveHistory{
  color:#fff;
  border-radius:5px;
  padding:5px 10px;
  text-align:center;
  margin-bottom:10px;
  font-size:12px;
}

.liveHistory span{
  font-weight:bold;
  color:#fff71a;
}

.statInZone{
  border-spacing: 2px;
  border-collapse: separate;
  font-size:12px;
}

.statInZone td{
  padding:5px 5px;
  text-align:center;
  color:#fff;
  background:rgba(1,39,77,0.9);
}
.statInZone td span{
  font-weight:bold;
  color:#545454;
}

.resultFilter{
  text-align: center;
  background: #1e1e1e;
  padding: 5px 5px;
}

.resFilInput{
  background:#fff;
  border:0px;
  border-radius:3px;
  padding:3px 10px;
  margin:0px 5px;
}




.tableResults{
  border-spacing: 5px;
  border-collapse: separate;
  margin-top:20px;
  width:100%;
}
.tableResults td{
  background:rgba(255,255,255,0.6);
  border-bottom:1px solid #1e1e1e;
  padding:3px 5px;
}
.tableResults tr:hover .porTdInHov{
  background:rgba(255,255,255,1);
}


.dateStartRes{
  color:#898989;
}

.liguaesRes{
  color:#1e1e1e;
  font-style:italic;
}

.tableResultsPod{
  width:100%;
  margin-top:5px;
}
.tableResultsPod td{
  background:rgba(210,210,210,0.6);
  border-bottom:1px solid #1e1e1e;
}

.ollsobinRes{
  margin-top:10px;
  color:#7d7d7d;
  text-decoration:underline;
  font-style:italic;
}

.errMsgResult{
  background:#d0d6e0;
  text-align:center;
  border-radius:5px;
  padding:5px 10px;
  margin-top:20px;
}







.betsItem{
  background:#fff;
  border:1px solid #d8d8d8;
  margin-bottom:3px;
  border-radius:3px;
}
.betsItem div{
  font-weight:bold;
}

.betsItem div span{
  float:right;
}

.betsItem table{
  width:100%;
}


.statusBet0{
  width:150px;
  background-color:#e9e9e9;
  background-image: url(../img/statusBet0.png);
  background-position: center left 10px;
  background-repeat: no-repeat;
  background-size:15px;
  color:#585858;
  font-size:14px;
  border-radius:0px 3px 3px 0px;
}
.statusBet0 span{padding-left:45px;}



.statusBet1{
  width:150px;
  background-color:#0b9d00;
  background-image: url(../img/statusBet1.png);
  background-position: center left 10px;
  background-repeat: no-repeat;
  color:#fff;
  font-size:14px;
  border-radius:0px 3px 3px 0px;
}
.statusBet1 span{padding-left:45px;}

.statusBet2{
  width:150px;
  background-color:#d60000;
  background-image: url(../img/statusBet2.png);
  background-position: center left 10px;
  background-repeat: no-repeat;
  color:#fff;
  font-size:14px;
  border-radius:0px 3px 3px 0px;
}
.statusBet2 span{padding-left:45px;}


.statusBet3{
  width:150px;
  background-color:#f3f000;
  background-image: url(../img/statusBet3.png);
  background-position: center left 10px;
  background-repeat: no-repeat;
  color:#000;
  font-size:14px;
  border-radius:0px 3px 3px 0px;
}
.statusBet3 span{padding-left:45px;}

.resultInBets{
  background: #dedede;
  color: #464646;
  padding: 0px 5px;
  border-radius: 3px;
}


.betTime{
  background:#e7e7e7;
  color:#7a7a7a;
  border-radius:3px;
  padding:0px 3px;
}

.betTypelive{
  background-color: #232323;
  background-image: url(../img/liveindic.png);
  background-size:10px;
  background-repeat:no-repeat;
  background-position: center left 3px;
  border-radius:3px;
  padding:0px 3px 0px 16px;
  color: #fff;
  font-weight:bold;
  text-transform:uppercase;
}


.betTypeline{
  background-color: #2364ad;
  border-radius:3px;
  padding:0px 3px;
  color: #fff;
  font-weight:bold;
  text-transform:uppercase;
}


.errorInSqlNews{
  background:#fff;
  text-align:center;
  padding:10px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
}

.fortuneUsers{
  text-align:center;
  font-size:19px;
  margin-top:20px;
}
.fortuneUsers span{
  font-size:40px;
  font-weight:bold;
  color:#545454;
}

.fortuneOpr{
  color:#5b5b5b;
  text-align:center;
}

.fortuneOpr span{
  font-weight:bold;
  text-decoration:underline;
  color:#545454;
}


.fortuneAddMe{
  display:block;
  width:370px;
  margin:5px auto;
  text-align:center;
  font-size:30px;
  color:#fff;
  background: linear-gradient(to top, #3174b8, #545454);
  text-transform:uppercase;
  border-radius:5px;
  padding:5px 0px;
  font-weight:bold;
  transition:0.3s;
}
.fortuneAddMe:hover{
  color:#fff;
  text-decoration:none;
  background: linear-gradient(to top, #545454, #3174b8);
}

.fortuneAddMeNo{
  width:370px;
  margin:5px auto;
  text-align:center;
  font-size:16px;
  color:#5b5b5b;
  background: #c9c9c9;
  border-radius:5px;
  padding:5px 0px;
}

.zagFortune{
  font-size:19px;
  margin:40px 0px 10px 0px;
}

.lineskupon{
  height:1px;
  margin-bottom:5px;
}


.linkkupon{
  display:block;
  float:left;
  height:40px;
  line-height:40px;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  font-weight:bold;
  border-bottom:2px solid #545454;
  margin-left:10px;
}


.linkkupon2{
  display:block;
  float:left;
  height:40px;
  line-height:40px;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  font-weight:bold;
  margin-left:30px;
}

.preimush{
  width:1100px;
  margin:-260px auto 120px;
  position:relative;
  z-index:444;
}

.preimush td img{
  margin-right:15px;
  margin-top:-10px;
}

.preimush td{
  width:33.3%;
  padding:0px 20px;
  color:#fff;
  font-size:28px;
  line-height:30px;
}


.volnline{
  height:10px;
  border-top:2px dashed #545454;
}

.shortEventDate{
  font-weight:bold;
  font-size:12px;
  color:#7d7d7d;
}

.shortEventTime{
  color:#7d7d7d;
}

.betDelete{
  color:#545454;
  text-decoration:underline;
  margin-left:5px;
}


/*------------ОБНОВЛЕНИЯ 11.05.18-----------*/

.tabloTimerText{
  text-align:center;
  color:#fff;
  font-size:13px;
}

.tabloTimerCount{
  margin-top:10px;
}

.tableSsas{
  display:auto;
  margin:auto;
}

.co{
  display:block;
  float:right;
  background: rgba(255,255,255,0.5);
  color:#000;
  margin:0px 3px;
  min-width:50px;
  text-align:center;
  border-radius:5px;
  height:35px;
  line-height:35px;
  font-size:25px;
}

.tbTimerAbbr{
  color:#fff;
  text-align:center;
  font-size:12px;
}


.tabloCounter{
  margin-top: 15px;
}


.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  display: none;
  pointer-events: none;
}

.modalDialog:target {
  display: block;
  pointer-events: auto;
}

.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  background: #fff;
}

.close {
  background-image:url(../img/close.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.close:hover {opacity:0.8;}

.textModal{
  padding:15px;
}

.zagModal{
  background: #131313;
  font-size:22px;
  color:#fff;
  padding:12px 15px;
}

.searchBlock{
  display:flex;
  width:100%;
  justify-content:center;
}
.searchBlock input{
  display:flex;
  width:90%;
  height:30px;
  border:1px solid #fff;
  padding:0px 10px;
  background: #fff;
  border-radius:50px 0px 0px 50px;
}
.searchBlock a{
  display:flex;
  width:100px;
  height:32px;
  justify-content:center;
  align-items:center;
  background: #545454;
  border-radius:0px 50px 50px 0px;
  background-color: #ffe81a;
  background: linear-gradient(to right, #137f5f, #137f5f);
  color: #1d1d1d;
}


#wr-tabs{
  width: 100%;
  margin: 10px auto 0;
}
#wr-tabs .tabs{
  margin:0px;
}

#wr-tabs .tabs .tab{
  float: right;
  cursor: pointer;
  padding: 10px 20px;
  margin:0px;
  border-radius:5px;
}
#wr-tabs .tabs .tab:hover,
#wr-tabs .tabs .tab.active{
  background-color: #ffe81a;
  background: linear-gradient(to right, #137f5f, #137f5f);
  color: #1d1d1d;
}
#wr-tabs .content{
  color: #fff;
}
#wr-tabs .content .tab-cont{
  display: none;
}
#wr-tabs .content .tab-cont.active{
  display: block;
}


.blockInSearch{
  border-radius:5px;
  margin-bottom:5px;
  padding:5px 10px;
  background: #fff;
}

.searchDate{
  color:#808080;
}

.searchLink{
  color:#000;
  text-decoration:underline;
}

.searchLinkS{
  color:#000;
}

.searchLive{
  background: #545454;
  color: #fff;
  padding: 1px 5px;
  margin-left: 3px;
  font-size:11px;
  border-radius:5px;
}


.searchL{
  display:block;
  background:#121212;
  color:#686868;
  height:28px;
  line-height:28px;
  padding:0px 0px 0px 10px;
  font-style:italic;
  margin-bottom:5px;
}

.searchL::before{
  content:'';
  display:block;
  background-color:#545454;
  background-image:url(../img/searchLEnt.png);
  background-position:center center;
  background-size:22px;
  background-repeat:no-repeat;
  width:28px;
  height:28px;
  float:right;
}


.bonus{
  float:right;
  color: #fff;
  height:36px;
  line-height:16px;
  padding:0px 15px;
  margin-top:20px;
  margin-right:43px;
  font-size:12px;
}
.bonus span span{
  font-weight:bold;
  font-size:15px;
}

.bonusKupon{font-size:13px; margin-top:5px; line-height:17px; position:relative;}
.bonusKupon span{float:right; font-weight:bold;}

#goPromoInp{
  width: calc(100% - 10px);
  text-align: center;
  background: #242720;
  border: 1px solid #242720;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 3px 5px;
  margin-top:5px;
  display:none;
}
#goPromoInp::placeholder {
  color: #fff;
}

.checkbox {
  vertical-align: top;
  margin: 0px;
  width: 15px;
  height: 15px;
}

.checkbox + label {
  cursor: pointer;
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 40px; /* оставляем слева от label место под псевдочекбокс */
}

.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 35px;
  height: 17px;
  border-radius: 13px;
  background: var(--checkbox_of_bg);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 13px;
  height: 13px;
  border-radius: 10px;
  background: #FFF;
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #137f5f;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 20px;
}

.radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0px;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 30px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #545454;
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}

.optionWithdraw{
  text-align:center;
  margin-bottom:7px;
  margin-top:7px;
}

.iti__flag {background-image: url("../img/flags.png");}

.hide{
  display:none;
}
.phonePluginReg{
  margin-top: 10px;
}

.phonePluginReg .iti--allow-dropdown{width:100%; margin-bottom:10px;}
.phonePluginAcc .iti--allow-dropdown{width:100%; margin-bottom:10px; margin-right:10px;}
.phonePluginAcc input{margin:0px!important; padding:12px 0px;}

.li_logo_mobile{
  text-align:center;
  flex:1;
}
.li_logo_mobile img{
  width: var(--logo_mobile_width);
  height: var(--logo_mobile_height);
}


.open_mobile_sport_menu{
  margin-left: 10px;
  margin-right: 20px;
  text-align:center;
}
.open_mobile_sport_menu img{
  width:31px;
  height:21px;
}

.open_mobile_accaunt_menu{
  display: block;
  width: 21px;
  margin: 0;
  padding: 0;
  fill: #fff;
  padding-right: 5px;
}

.open_mobile_coupon_menu{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  width:35px;
  height:35px;
  border-radius: 100px;
  border: 1px solid #d49412;
  box-shadow: 0px 0px 7px #d49412;
  background-color: #d49412;
  background: linear-gradient(to right, #ffd700, #d49412);
  color: #ffffff;
  font-size: 22px;
}





.foterBanners{
  display: flex;
  align-items: flex-start;
  background: rgba(0,0,0,0.15);
  overflow-x: auto;
  padding:15px 0px 15px 10px;
  margin-bottom: 15px;
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.foterBannersFlex{
  flex:1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.foterBannersFlex a{
  margin:0 10px;
}
.foterBannersFlex a img{
  height:30px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  opacity:0.5;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.foterBannersFlex a:hover img{
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
  opacity:1;
}
.footer-license{
  margin-right: 10px;
}
.footer-license a{
  margin:0px;
}

.footerInfo{
  width:1200px;
  display:flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 0px auto 15px;
}
.footerArticle{
  flex:1;
  display:flex;
  flex-wrap: wrap;
}
.footerArticle a{
  width:45%;
  text-decoration: underline;
  color: rgba(255,255,255,0.7);
  transition:0.3s;
}
.footerArticle a:hover{
  color: rgba(255,255,255,1);
}
.footerSoc{
  text-align:center;
}
.footerSocFlex{
  display:flex;
  justify-content: center;
  color:#fff;
  font-size: 22px;
  margin-bottom: 10px;
}
.footerSocFlex a{
  margin:0 3px;
}

.develop{
  display: block;
  opacity:0.5;
  transition:0.4s;
}
.develop:hover{
  opacity: 1;
}
.develop img{
  width:200px;
  position: relative;
  z-index: 5;
  padding-bottom: 6px;
}
.develop div{
  position: relative;
  z-index: 4;
  margin-top:-10px;
  text-align:right;
  font-style: italic;
  font-size: 13.5px;
}


.langFlex{
  display:flex;
  align-items: center;
}
.langFlex div:nth-child(2){
  flex:1;
  padding-left: 10px;
}
.langFlex img{
  width: 30px;
  height: 20px;
  border-radius: 3px;
  margin: 0;
  padding: 0;
}


.langFlexUp{
  display:flex;
  align-items: center;
  cursor: pointer;
}
.langFlexUp div:nth-child(2){
  flex:1;
  padding-left: 7px;
  padding-right:7px;
}
.langFlexUp img{
  width: 20px;
  height: 16px;
  border-radius: 3px;
  margin: 0;
  padding: 0;
}

.regRules {
  margin-top: 5px;
  text-align: left;
  display: flex;
  align-items: center;
}
.regRules a{
  padding: 0;
  text-decoration: underline;
  font-weight: normal;
  display: inline;
  color: var(--link_color);
}
.regRules div:nth-child(1){
  padding-top:7px;
}
.regRules div:nth-child(2){
  padding-left:7px;
}



.fileformFlex{
  display: flex;
  align-items: center;
}
.fileform {
  width: 150px;
  height: 170px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #03015d;
  background-image: url('/img/passport.png');
  background-position: center top 20px;
  background-size: 100px;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  color:#fff;
  border-radius: 5px;
}

.fileform #upload{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  font-size: 150px;
  height: 100%;
  z-index:20;
}

.fileform .flabel {
  width: calc(100% - 10px);
  padding: 0px 5px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  bottom: 40px;
  z-index:10;
}

.fileform .selectbutton{
  width: 100%;
  padding:5px 0px;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index:10;
  background: rgba(0,0,0,.5);

  color: #fff;
}


.dopMenu{
  height:60px;
}
.dopMenuWrap{
  display: flex;
  width: 100%;
  height: 100%;
  /*margin: 0 auto;*/
  align-items: center;
}
.dopMenuWrapFlexOne{
  flex:1;
}


.supportBlock{
  padding:0 10px;
  color: #fff;
}
.supportBlock a{
  color: #137f5f;
}
.supportBlock div:nth-child(1) span{
  color: #137f5f;
}
.supportBlock div:nth-child(2){
  margin-top: 10px;
  color: #137f5f;
  font-size: 17px;
}
.supportBlock div:nth-child(3){
  color: #137f5f;
  font-size: 12px;
}

.supportBlockUserMenu{
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}
.supportBlockUserMenu a{
  color: #137f5f;
}
.supportBlockUserMenu div:nth-child(1) span{
  color: #137f5f;
}
.supportBlockUserMenu div:nth-child(2){
  margin-top: 10px;
  color: #137f5f;
  font-size: 17px;
}
.supportBlockUserMenu div:nth-child(3){
  color: #137f5f;
  font-size: 16px;
}



.pluginZag{
  background: #242720;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius:15px 15px 0px 0px;
  margin-top: -10px;
  margin-bottom: 5px;
}
.pluginMenu a{
  display: block;
  font-size: 13px;
  padding: 5px 10px;
  border-bottom:1px solid #f0f0f0;
  color: #051e30;
}

.pluginZagKupon{
  display: flex;
  align-items: stretch;
  height: 40px;
  margin-top: -10px;
}
.pluginZagKupon a{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.pluginZagKupon a:first-child{
  background: #137f5f;
  background: linear-gradient(to right, #666666, #666666);

  color: #ffffff;
}

.close-menu-top{
  display: flex;
  align-items: center;
  height: 70px;
  background: #242720;
}
.close-menu-top div:first-child {
  margin-left: 10px;
}
.close-menu-top div:first-child img{
  height: 25px;
}
.close-menu-top div:last-child {
  flex:1;
  text-align: center;
}
.close-menu-top div:last-child img{
  height: 45px;
}

.selector-line-live{
  display: flex;
  background: #242720;
  margin-top: 10px;
}
.selector-line-live a{
  flex:1;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px;
  font-weight: bold;
}

.selector-line{
  background: #242720;
}
.selector-live{
  background: #e10030;
}

.selector-mob-search{
  background: #242720;
  border: 1px solid #242720;
  margin-top: 10px;
  padding: 7px 10px;
}
.selector-mob-search input{
  width: 100%;
  color:#fff;
}
.selector-mob-search input::-webkit-input-placeholder {color:#ffffff;}
.linksearchMob{
  color: #fff;
  font-size: 14px;
  padding: 0;
  margin-left: -20px;
  transition: color .3s linear;
  cursor: pointer;
}


.payments{
  display: flex;
  flex-wrap: wrap;
}

.paymentMethod{
  display: flex;
  flex-direction: column;
  width: 250px;
  height: 150px;
  margin: 9px;
  background:#efefef;
  border-radius:5px;
  transition:0.3s;
}
.paymentMethod:hover{
  background:#d0d6e0;
}

.paymentMethod div{
  flex:1;
  height:60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paymentMethod img{
  max-width: 90%;
  max-height: 90%;
}





.video_div{
  position: relative;
  display: flex;
  align-items: center;
  background-image: url(/img/sportico/cover-1579984965.jpg);
  background-position:center center;
  background-repeat:repeat;
  background-size: cover;
  padding:15px 15px;
  margin-bottom: 10px;
}

.video_div video{
  position: relative;
  z-index: 10;
  width: 500px;
  margin: 0 auto;
}


.video_div:before{
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
}



.foot_menu{
  position: fixed;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #05130f;
  border-top: 1px solid #063a2b;
  z-index: 99991;
  padding-bottom: 11px;
}
.foot_menu > div:nth-child(3){
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_menu > div{
  width: 18%;
}
.foot_menu > div > a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}
.foot_menu > div > a > div:last-child{
  margin-top: 7px;
}
.foot_menu > div > a > div > img{
  display: block;
  margin: 0;
  padding: 0;
  height: 23px;
}
.foot_menu_cupon{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 500px;
  background: linear-gradient(to right bottom, #2bb78e, #242720);
  box-shadow: 0 1px 10px 0 #242720;
}
.foot_menu_cupon svg{
  display: block;
  width: 20px;
  fill: #fff;
}
.foot_menu_cupon div{
  position: absolute;
  text-align: center;
  display: none;
  width: 17px;
  height: 17px;
  background: #a30a0a;
  color: #fff;
  top: -5px;
  right: -7px;
  border-radius: 500px;
  font-size: 11px;
  white-space: nowrap;
}



.__jivoMobileButton{
  bottom: 65px!important;
}



.iframe_result{
  width: 100%;
  min-height: 1000px;
  margin: 0;
  padding: 0;
  bottom: 0;
}
.iframe_result::-webkit-scrollbar {
  width: 4px;
}
.iframe_result::-webkit-scrollbar-track {
  background: var(--body_bg);
  border-radius: 0;
}
.iframe_result::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 0 solid rgba(0, 0, 0, 0);
  background-color: var(--scrollbar_thumb_color);
}
























































.mobile{display: none;}

@media screen and (max-width: 2600px) {
  .casinoBlock{
    width:calc(19%);
    height:auto;
    padding-top:13%;
  }
}


@media screen and (max-width: 2200px) {
  .casinoBlock{
    width:calc(19%);
    height:auto;
    padding-top:13%;
  }
}

@media screen and (max-width: 1600px) {
  .page-sport{
    /*width: 100%;*/
    margin-top: 5px;
  }
}

@media screen and (max-width: 1550px) {
  .casinoBlock{
    width:calc(23.5%);
    height:auto;
    padding-top:15%;
  }
}

@media screen and (max-width: 1370px) {
  .page-container{
    width:100%;
  }
  .dopMenuWrap{
    width:calc(100% - 20px);
    padding:0 10px;
  }
}

@media screen and (max-width: 1300px) {
  .footerInfo{
    width:950px;
  }
}

@media screen and (max-width: 1200px) {

  .casinoBlock{
    width:calc(31.5%);
    height:auto;
    padding-top:20%;
    font-size:10px;
  }

  .topMenuDesk{
    width: 100%;
  }

}

@media screen and (max-width: 1000px) {

  .user-balance-out {
    width: 100%;
  }

  .page-sport{
    /*margin: 0 10px;*/
    width: calc(100% - 20px);
  }

  .video_div video{
    width: 100%;
  }

  .mobOnly{display: block;}
  .mobile{display: flex;}

  .gamesMenu{display: none;}

  .copyright{padding:0 15px;}


  .left-menuSports{
    background: #242720;
  }

  #leaguesSp{
    margin: 0px 10px;
  }

  .left-menuSportsWhite{
    margin: 15px 10px 0px 10px;
  }


  .page-bodyEvent{
    padding: 0px 10px;
  }

  #preloader img {
    width:180px;
    position: absolute;
    left: 40%;
    top: 50%;
    margin: -35px 0 0 -35px;
  }

  .footerInfo{
    width: calc(100% - 40px);
    padding:0px 20px;
  }
  .footerArticle a{
    width:100%;
  }

  footer.page-footer{
    padding: 20px 0;
    margin-bottom: 60px;
  }

  .page-content{
    margin: 0;
    padding: 0px;
  }
  .page-content {
    min-width: auto;
    flex-grow: 1;
  }

  .page-content { -ms-overflow-style: none; }
  .page-content { overflow: -moz-scrollbars-none; }
  .event-body th {
    display: none;
  }

  .page-wrapper {
    position: relative;
    width:100%;
    border-radius: 0;
  }

  .page-banner{
    background-color:#06223e;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    height:200px;
  }
  .page-banner-slog{
    font-size:30px;
    padding:20px 0px;
  }
  .page-banner-opis{
    width:auto;
    font-size:14px;
    padding:0px 20px;
    color:rgba(255,255,255,0.7);
  }


  .games-menu-flex{
    display:inline-flex;
  }
  .desktopOnly{
    display:none!important;
  }




  .left-menu li a {font-size:17px;}
  .cat-name {
    background-size: 22px;
    padding: 0px 0px 0px 15px;
  }

  .topAccordSlider{display:none;}

  ul.noty_container {top: 60px!important;}

  .tabloTimerText{display:none;}
  .newRight{display:none!important;}
  .uno-menu{display:none!important;}
  .bannSlot{display:none!important;}
  .main-menu{background-color: var(--menu_mobile_bg);}

  ul.noty_container {width:auto!important;}
  ul.noty_container.topLeft li, ul.noty_container.topRight li {width:auto!important;}
  ul.noty_container.topRight {right: 15px!important; left: 5px!important;}


  html, body, .page-header, .main-menu {
    min-width: 620px;
    max-width: 1000px;
  }
  .partner-stat-group {
    flex-direction: column;
  }
  .partner-stat-item:not(:first-child) {
    margin-left: 0;
  }
  .partner-stat-item {
    margin-bottom: 10px;
    width: auto;
  }


  .left-menu, .right-menu, .user-menu-mobile, .casino-menu {
    height: 100%;
    width: 80%;
    max-width: none;
    position: fixed;
    margin: 0;
    z-index: 100;
    top: 0;
    margin: 0;
    transition: 0.5s;
    border-radius: 0;
  }
  .right-menu {
    width: 100%;
    height: 100%;
    right: -120%;
    transform-origin: right;
    box-shadow: -5px 0 40px #181818;
    background: #242720;
  }
  .left-menu {
    height: 100%;
    width: 100%;
    left: -120%;
    transform-origin: left;
    box-shadow: -5px 0 40px #181818;
    background: #051e30;
  }
  .left-menu-scroller{
    overflow-y: auto;
  }
  .right-menu-scroller{
    height: calc(100% - 70px);
    overflow-y: auto;
  }
  .casino-menu {
    height: calc(100% - 40px);
    max-width: calc(80% - 40px);
    left: -120%;
    transform-origin: left;
    box-shadow: -5px 0 40px #181818;
  }
  .gamesMenuScroll{
    max-height: 100%;
    overflow-y: auto;
  }
  .right-menu.show {
    right: 0;
  }
  .left-menu.show {
    left: 0;
  }
  .casino-menu.show {
    left: 0;
  }

  .user-menu-mobile {
    height: 100%;
    width: 300px;
    right: -120%;
    transform-origin: right;
    box-shadow: -5px 0 40px #181818;
    background: var(--sidebar_bg);
    border-radius: 20px 0 0 20px;
  }




  .filter-tags-block {
    -webkit-overflow-scrolling: touch;
  }
  .menu-open {
    opacity: 1;
    transform: scale(1);
  }
  .closebtn {
    position: absolute;
    left: -15%;
    font-size: 20px;
    background: #CB2129;
    color: #fff;
    text-align: center;
    border-radius: 0 0 0 5px;
    padding: 7px 0;
    width: 15%;
    z-index: 999;
  }
  .left-menu .closebtn {
    right: -15%;
    top: 0px;
    left: auto;
    border-radius: 0 0 5px 0;
  }
  .casino-menu .closebtn {
    right: -15%;
    top: 0px;
    left: auto;
    border-radius: 0 0 5px 0;
  }
  .right-menu .closebtn {
    position: absolute;
    left:auto;
    top:22px;
    right:8px;
    display: block;
    padding: 0;
    padding-bottom: 10px;
    background: none;
    width: 80%;
    text-align: right;
  }
  .main-menu ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 70px;
  }

  .filters {
    top: 0;
  }
  .filters ul li:last-child {
    /*display: none;*/
  }
  .page-header{
    /*height:70px;*/
  }
  .main-menu {
    z-index: 20;
    top: 0;
    height: 55px;
    top: 0;
    left: 0;
    min-width: 300px;
  }
  .event-body td a {
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
  }
  .event-body table tbody tr:hover {
    background: inherit;
  }
  .event-body table tbody tr.event-other:hover {
    background: #181818;
  }
  .event-body table tbody tr.event-other td {
    height: auto;
    width: 100%;
    display: block;
  }
  .event-other-wrap {
    width: 48%;
  }
  .other-grid-event {
    width: auto;
  }
  .koef-type, .koef-type-total {
    display: block;
    text-align: center;
    background: #dddddd;
    font-size: 10px;
    font-weight: 600;
    color: #242424;
    border-radius: 5px;
    padding: 5px;
  }
  .koef-type-total {
    background: #efefef;
  }
  .event-body table td.total-koef div {
    margin: 10px;
  }
  .mobile-koefs {
    margin: 10px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch;
  }
  .disabled-event .mobile-koefs{
    opacity: 0.5;
  }
  .event-body table .mobile-koefs td {
    display: inline-block;
    width: auto;
    padding: 0 3px;
  }
  .event-body table .mobile-koefs td:first-child {
    padding-left: 0;
  }
  .event-body table tbody td:nth-child(8) {
    border: 0;
  }
  .event-body table tbody td:nth-child(7) {
    border-left: 2px solid #dddddd;
  }
  .event-body table td.total-koef {
    color: #3c3c3c;
  }
  .event-body table td {
    height: auto;
  }
  .event-other-block {
    width: 100%;
    padding: 0;
    padding-bottom: 10px;
  }
  .event-other-wrap .other-grid div {
    padding: 3px;
    text-align: center;
  }
  .event-grid {
    margin-top: 5px;
    border-radius: 0;
  }
  .leagIdAdm{display:none;}
}



@media screen and (max-width: 620px) {


  .deposit_methods {
    gap: 13px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .input-group-dep{
    flex-direction: column !important;
  }

  .select-curr-modal {
    width: auto !important;
    margin: 10px 0 !important;
  }
  .user-balance-out {
    width: 100%;
  }
  .select-curr {
    margin: 10px 10px 0 0;
    height: 100%;
  }

  html, body, .page-header, .main-menu {
    min-width: 320px;
  }


  .rnokSetka{
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    column-count: 1;
    column-gap: 10px;
    text-align:justify;
    margin:0px;
    padding:0px;
  }


  .fileform:nth-child(3){
    display:none;
  }
  .footerInfo {
    flex-wrap: wrap;
  }
  .footerArticle{
    width:100%;
    text-align: center;
  }
  .footerSoc{
    width:100%;
    margin-top: 20px;
  }
  .develop div {
    text-align: center;
  }

  .page-content {
    margin: 0;
    overflow-y: visible;
    overflow-x: hidden;
    -webkit-overflow-scrolling:touch;
    min-width: 320px;
    transition: 0.5s;
    border-radius: 0;
  }
  .page-content .user-profile-menu {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .page-content .games-menu {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
  }

  .page-content .event-sub-menu {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .gamesBlock{
    padding:20px 10px;
  }

  .casinoBlock{
    width:calc(50% - 4px);
    height:auto;
    padding-top:32%;
    margin:1px;
    border-radius:0px;
    font-size:8px;
  }

  .phonePluginAcc input{width:100%!important;}


  .event-body td, .event-body tr, .event-body table, .event-body tbody {
    display: block;
  }
  #slider {
    height:auto;
  }
  .user-mobile-menu::-webkit-scrollbar { width: 0; }
  .user-mobile-menu { -ms-overflow-style: none; }
  .user-mobile-menu { overflow: -moz-scrollbars-none; }
  .filters, .fixed-filters {
    transition: none;
  }
  .fixed-filters {
    width: calc(100% - 40px);
  }
  .fixed-filters + .event-grid {
  }
  .page-form div.input-group {
    display: block;
  }
  .page-form input {
    display: block;
    /*width: calc(100% - 40px);*/
    max-width: none;
  }
  .page-form div input:not(:first-child) {
    margin-left: 0;
  }
  .page-form .user-profile-image-block li {
    display: block;
    margin: 10px 0;
  }
  .page-file-upload {
    margin: 0;
    margin-bottom: 10px;
  }
  .page-form .user-profile-image-block li:first-child {
    height: 60px;
  }
  .page-form .user-profile-image-block li img {
    top: 0;
  }
  .page-form .user-profile-image-block button {
    margin-top: 10px;
  }
  .page-form .user-balance-add input {
    width: calc(100% - 40px);
    margin-bottom: 10px;
  }
  .select {
    display: block;
    width: 100%;
  }
  .history-subitem {
    margin-right: 0;
    width: calc(100% - 20px);
  }
  .history-item {
    position: relative;
  }
  .history-bet-date {
    font-size: 12px;
  }
  .history-item span:not(:last-child){
    display: block;
  }
  .history-bet-info {
    display: block;
    margin: 0;
    margin-top: 5px;
    width: fit-content;
  }
  .history-event-status {
    height: auto;
    bottom: 0;
    top: auto;
    width: 30px;
    border-radius: 5px 0 0 0;
  }
  .history-event-status::before {
    padding: 5px;
    font-size: 12px;
  }
  .bet-history-item {
    position: relative;
  }
  .bet-history-item div.history-coupon-num {
    font-size: 12px;
  }
  .bet-history-item > span:nth-child(3) {
    display: block;
    font-weight: 600;
  }
  .bet-history-item span:not(:last-child) {
    margin-right: 10px;
  }
  .bet-history-item span.history-sum, .history-event-type, .history-event-time {
    display: inline-block;
  }
  .bet-history-item div.history-event-result {
    display: inline-block;
    position: static;
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 12px;
  }
  .sub-result {
    display: inline-block;
    margin-left: 5px;
    font-size: inherit;
  }
  #results-form ul {
    flex-direction: row;
  }
  #results-form ul li {
    padding: 0 5px;
    min-width: 130px;
  }
  .user-profile-menu button {
    width: auto;
  }
  .event-sub-menu button {
    width: auto;
  }
  .bet-history-item .btn {
    width: calc(100% - 20px);
    text-align: center;
  }
  .leagIdAdm{display:none;}
}

@media screen and (max-width: 500px) {
  .deposit_methods {
    gap: 13px !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .deposit_methods > div {
    max-width: 250px !important;
    height: 100px !important;
  }
}

@media (pointer:coarse){

}
@media screen and (-webkit-min-device-pixel-ratio:0) {

  select,
  textarea,
  input {
    font-size: 16px;
  }
}


.filt_ind_img {
  background: #232323;
  width: 50px;
  height: 40px;
  display: flex!important;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #232323;
}

.iti__country-list {
  top: -11px;
  max-width: 349px;
  overflow-x: hidden;
  border: 0px;
  border-radius: var(--radius_input);
}

.drop_user {
  display: flex;
  background: var(--block_bg);
  border-radius: 20px 8px 8px 20px;
  padding: 3px 8px 3px 3px;
}

.drop_user > div:first-child {
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  background-color: #2c3756;
}

.drop_user > div:last-child {
  display: flex;
  align-items: center;
  padding-left: 11px;
}

.drop_user > div:first-child svg {
  display: block;
  width: 12.5px;
  margin: 0;
  padding: 0;
  fill: #fff;
}

.drop_user > div:last-child svg {
  display: block;
  width: 3.5px;
  margin: 0;
  padding: 0;
  fill: #fff;
}

.betcore-container > .mobile-layout {
  padding: 0px !important;
  overflow: hidden;
}

#deposit_form input {
  width: calc(100% - 30px);
  margin-top: 0px;
  padding: 15px 15px;
  background-color: #edf0f7;
  color: rgba(7, 12, 25, .8);
  border: 0;
  border-radius: var(--radius_input);
}

.deposit_methods {
  margin-top: 11px;
  display: grid;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: left;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}

.deposit_methods > div {
  max-width: 170px;
  width: 100%;
  height: 75px;
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #edf0f7;
  border: 1.5px solid #dfe2e9;
  border-radius: var(--main_radius);
  cursor: pointer;
  transition: 0.3s;
}

.deposit_methods > div:hover {
  border: 1.5px solid var(--main_color)
}

.notificationsMessage{
  /* display:none; */
  cursor:pointer;
  padding:0;
  margin: 10px 0 0 0;
  text-align: center;
  border-radius: 11px;
}
.notificationsText{
  padding:10px;
}
.notificationsIndicator{
  height:5px;
}
.notificationsIndicator div{
  margin: 0 auto;
  width:90%;
  height:100%;
  background: rgba(255, 255, 255, 0.45);
}
.notifications_success {
  background: #068d2c;
  color: #fff;
}

.notifications_error {
  background: #f82516;
  color: #fff;
}

.modal_content {
  /* Стили для modal_content */
}

.modalform {
  /* Стили для формы */
}

.input-group-dep {
  display: flex;
}

.summa-input {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin-top: 0px;
}

.select-curr-modal {
  width: 225px;
  margin: 0px 0px 0px 10px;
  height: 47px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: #edf0f7;
  color: rgba(7, 12, 25, .8);
  border: 0;
  border-radius: var(--radius_input);
}

.select-curr-modal::after {
  content: '\f107';
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  position: absolute;
  line-height: 37px;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.3em 1em 0 1em;
  color: black;
  pointer-events: none;
  background: linear-gradient(to right, #137f5f, #137f5f);
}
.select-curr-modal:hover::after {

}
.select-curr-modal::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.currency-select {
  font-weight: bold;
}

.notifications {
  /* Стили для уведомлений */
}

.deposit_methods {
  /* Стили для контейнера платежных методов */
}

.paymentMethodDiv {
  /* Стили для каждого метода оплаты */
}