html {
/*position: relative;*/
height: 100%;
scroll-behavior: smooth;
}
.scrollBlock:before {
display: block;
content: "";
height: 108px;
margin: -108px 0 0;
}
body {
/*margin-bottom: 386px;*/
display: flex;
flex-direction: column;
height: 100%;
}
.main-header {
/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
flex: 0 0 auto;
min-height: 108px;
}
.main-content {
/* 1 flex-grow, 0 flex-shrink, auto flex-basis */
flex: 1 0 auto;
}
.seo-block {
/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
flex: 0 0 auto;
}
footer{
/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
flex: 0 0 auto;
}
.eventBackground {
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
background-image: url(/img/sports/total.jpg);
box-shadow: 0 0 14px 10px #ffffff inset;
}
@media (max-width: 575px) {
.eventBackground {
background-size: cover;
}
}
.flag-emji {
font-size: 2em;
font-style: normal;
vertical-align: middle;
padding-right: 2px;
}
h2 .flag-emji, h1 .flag-emji {
font-size: 1em;
padding-right: 10px;
}
#futureEvents .flag-emji,
#endedEvents .flag-emji,
#homeStat .flag-emji,
#guestStat .flag-emji {
line-height: 0.8;
}
.eventBackground.sport1 {
background-image: url(/img/sports/footbal.jpg);
}
.eventBackground.sport2 {
background-image: url(/img/sports/basketball.jpg);
}
.eventBackground.sport3 {
background-image: url(/img/sports/hockey.jpg);
}
.eventBackground.sport4 {
background-image: url(/img/sports/volleyball.jpg);
}
.eventBackground.sport6 {
background-image: url(/img/sports/box.jpg);
}
.eventBackground.sport19 {
background-image: url(/img/sports/table_tennis.jpg);
}
.eventBackground.sport22 {
background-image: url(/img/sports/tennis.jpg);
}
.eventBackground.sport29 {
background-image: url(/img/sports/ufc.jpg);
}
.eventBackground.sport38 {
background-image: url(/img/sports/cybersport.jpg);
}
.eventBackground.sport75 {
background-image: url(/img/sports/billiards.jpg);
}
.sportType {
width: 30px;
height: 30px;
background-image: url(/img/new_design/sports-icon3.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position-x: 0;
}
/*Футбол*/
.sportType.sport1 {
background-position-y: 0;
}
/*Баскетбол*/
.sportType.sport2 {
background-position-y: -92px;
}
/*Хоккей*/
.sportType.sport3 {
background-position-y: -47px;
}
/*Волейбол*/
.sportType.sport4 {
background-position-y: -241px;
}
/*Бейсбол*/
.sportType.sport5 {
background-position-y: -191px;
}
/*Бокс*/
.sportType.sport6 {
background-position-y: -433px;
}
/*Гандбол*/
.sportType.sport7 {
background-position-y: -287px;
}
/*Американский футбол*/
.sportType.sport8 {
background-position-y: -476px;
}
/*Крикет*/
.sportType.sport9 {
background-position-y: -523px;
}
/*Настольный теннис*/
.sportType.sport19 {
background-position-y: -563px;
}
/*Хоккей с мячом*/
.sportType.sport20 {
background-position-y: -600px;
}
/*Бадминтон*/
.sportType.sport21 {
background-position-y: -641px;
}
/*Теннис*/
.sportType.sport22 {
background-position-y: -141px;
}
/*Снукер*/
.sportType.sport23 {
background-position-y: -681px;
}
/*Регби-Союз*/
.sportType.sport24 {
background-position-y: -726px;
}
/*Дартс*/
.sportType.sport25 {
background-position-y: -761px;
}
/*Биатлон*/
.sportType.sport26 {
background-position-y: -3917px;
}
/*Горные лыжи*/
.sportType.sport27 {
background-position-y: -1059px;
}
/*Футзал*/
.sportType.sport28 {
background-position-y: -796px;
}
/*Смешанные боевые искусства*/
.sportType.sport29 {
background-position-y: -833px;
}
/*Гольф*/
.sportType.sport30 {
background-position-y: -874px;
}
/*Шары*/
.sportType.sport31 {
background-position-y: -1095px;
}
/*Водное поло*/
.sportType.sport32 {
background-position-y: -1126px;
}
/*Пляжный футбол*/
.sportType.sport33 {
background-position-y: -1164px;
}
/*Регби-лига*/
.sportType.sport34 {
background-position-y: -915px;
}
/*Прыжки с трамплина*/
.sportType.sport35 {
background-position-y: -1211px;
}
/*Австралийский футбол*/
.sportType.sport36 {
background-position-y: -948px;
}
/*Автогонки*/
.sportType.sport37 {
background-position-y: -1251px;
}
/*Киберспорт*/
.sportType.sport38 {
background-position-y: -360px;
}
/*Экспресс*/
.sportType.sportExspress, .sportType.sport-1 {
background-position-y: -395px;
}
/*Регби*/
.sportType.sport40 {
background-position-y: -327px;
}
/*Флорбол*/
.sportType.sport41 {
background-position-y: -987px;
}
/*Хоккей на траве*/
.sportType.sport42 {
background-position-y: -600px;
}
/*Керлинг*/
.sportType.sport44 {
background-position-y: -1022px;
}
/*Формула 1*/
.sportType.sport45 {
background-position-y: -1285px;
}
/*Шахматы*/
.sportType.sport48 {
background-position-y: -3338px;
}
/*Пляжный волейбол*/
.sportType.sport50 {
background-position-y: -1347px;
}
/*Велоспорт*/
.sportType.sport52 {
background-position-y: -1427px;
}
/*Сквош*/
.sportType.sport53 {
background-position-y: -1459px;
}
/*Что? Где? Когда? Летняя серия*/
.sportType.sport59 {
background-position-y: -1322px;
}
/*Бильярд*/
.sportType.sport75 {
background-position-y: -1484px;
}
/*Борьба*/
.sportType.sport77 {
background-position-y: -1387px;
}
/*Кубок*/
.sportType.sport-champ {
background-position-y: -1515px;
}
/*Кубок*/
.sportType.sport-liga {
background-position-y: -1552px;
}
@font-face {
font-family: 'icomoon';
/*src: url('/fonts/icomoon.eot?cn53qm');*/
/*src: url('/fonts/icomoon.eot?cn53qm#iefix') format('embedded-opentype'),*/
/*url('/fonts/icomoon.ttf?cn53qm') format('truetype'),*/
/*url('/fonts/icomoon.woff?cn53qm') format('woff'),*/
/*url('/fonts/icomoon.svg?cn53qm#icomoon') format('svg');*/
src: url('/fonts/new2/icomoon.eot');
src: url('/fonts/new2/icomoon.eot#iefix') format('embedded-opentype'),
url('/fonts/new2/icomoon.ttf') format('truetype'),
url('/fonts/new2/icomoon.woff') format('woff'),
url('/fonts/new2/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*:root {*/
/*--main-color: #1D3755;*/
/*--menu-color-a: #fff;*/
/*--main-color-a: #276FB9;*/
/*--seo-background: #F2F8FD;*/
/*--green-color: #2DA866;*/
/*--blue-color: #276FB9;*/
/*--orange-color: #FD9126;*/
/*--coral-color: #FD8C7D;*/
/*--gray-color: #BAC2C8;*/
/*--yellow-color: #FEC601;*/
/*--blue2-color: #2166AC;*/
/*}*/
[class^="icon-ks"], [class*=" icon-ks"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-ks-bank:before {
content: "\e91b";
}
.icon-ks-message:before {
content: "\e90e";
}
.icon-ks-add:before {
content: "\e91c";
}
.icon-ks-gift:before {
content: "\e921";
}
.icon-ks-login:before {
content: "\e912";
}
.icon-ks-reg:before {
content: "\e909";
}
.icon-ks-circle-pay:before {
content: "\e920";
}
.icon-ks-2:before {
content: "\e91e";
}
.icon-ks-circle:before {
content: "\e90a";
}
.icon-ks-circle-1:before {
content: '\e91f';
}
.icon-ks-like:before {
content: "\e938";
}
.icon-ks-dislike:before {
content: "\e913";
}
.icon-ks-comments:before {
content: "\e91a";
}
.icon-ks-warning:before {
content: "\e900";
}
.icon-ks-twitter:before {
content: "\e904";
}
.icon-ks-facebook:before {
content: "\e915";
}
.icon-ks-vk:before {
content: "\e903";
}
.icon-ks-youtube:before {
content: "\e902";
}
.icon-ks-menu:before {
content: "\e911";
}
.icon-ks-close:before {
content: "\e919";
}
.icon-ks-search:before {
content: "\e908";
}
.icon-ks-lose:before {
content: "\e910";
}
.icon-ks-profile_rate:before {
content: "\e90b";
}
.icon-ks-profile_bank:before {
content: "\e90c";
}
.icon-ks-win:before {
content: "\e901";
}
.icon-ks-cart:before {
content: "\e918";
}
.icon-ks-icon-down_arrow:before {
content: "\e916";
}
.icon-ks-circle-star:before {
content: "\e92c";
}
.icon-ks-circle-rub:before {
content: "\e92d";
}
.circle.currency:before {
font-size: 30px;
color: #3898CB;
position: absolute;
top: 5px;
font-weight: 600;
}
.icon-ks-KZT:before {
content: "\20B8";
left: 9px;
}
.icon-ks-USD:before {
content: "\0024";
left: 12px;
}
.icon-ks-RUB:before {
content: "\20BD";
left: 12px;
}
.circle.icon-ks-EUR:before {
content: "€";
left: 9px;
font-size: 27px!important
}
.circle.currency {
border: 4px solid #3898CB;
border-radius: 30px;
width: 46px;
height: 46px;
text-align: center;
position: relative;
}
.icon-ks-circle-thumb:before {
content: "\e92e";
}
.icon-ks-send-instruction:before {
content: "\e92f";
}
.icon-ks-name:before {
content: "\e930";
}
.icon-ks-ur:before {
content: "\e931";
}
.icon-ks-adress:before {
content: "\e932";
}
.icon-ks-place-cr:before {
content: "\e933";
}
.icon-ks-cr:before {
content: "\e934";
}
.icon-ks-date-cr:before {
content: "\e935";
}
.icon-ks-phone:before {
content: "\e936";
}
.icon-ks-email:before {
content: "\e937";
}
.icon-ks-path:before {
content: "\e939";
}
.icon-ks-star-full:before {
content: "\e93b";
}
.icon-ks-star-empty:before {
content: "\e93a";
}
.icon-ks-text:before {
content: "\e906";
}
.icon-ks-share:before {
content: "\e907";
}
.icon-ks-twitter:before {
content: "\e904";
}
.icon-ks-vk:before {
content: "\e903";
}
.icon-ks-fb:before {
content: "\e915";
}
.icon-ks-whtsp:before {
content: "\e93c";
}
.shareIconBlock {
position: absolute;
right: 30px;
top: 25px;
/*font-size: 20px;*/
}
.mainIconShare {
cursor: pointer;
color: #BAC2C8;
}
.mainIconShare i {
vertical-align: middle;
}
.toggleBlockShare {
display: none;
}
.profileHeader .toggleBlockShare {
display: none;
position: absolute;
right: 18px;
top: 17px;
}
.toggleBlockShare .iconShare {
width: 40px;
height: 40px;
border-radius: 40px;
padding: 10px;
display: inline-block;
text-align: center;
cursor: pointer;
margin-right: 8px;
}
.profileHeader .toggleBlockShare .iconShare {
background: #fff;
}
.toggleBlockShare .iconShare i {
color: #BAC2C8;
}
.toggleBlockShare .iconShare:last-child {
margin-right: 0;
}
.iconShare i {
vertical-align: middle;
}
.item-view .toggleBlockShare {
position: absolute;
top: -10px;
}
@media (min-width: 576px) {
.item-view .toggleBlockShare {
right: 10px;
}
}
.item-view .toggleBlockShare .iconShare {
background: #F2F8FD;
}
.rating-sm {
font-size: 20px;
}
.faf::after, .faf::before {
font-family: "Font Awesome 5 Free";
/*font-family: "FontAwesome";*/
font-weight: 900;
}
.fabr::after, .fabr::before {
font-family: "Font Awesome 5 Brands";
/*font-family: "FontAwesome";*/
font-weight: 900;
}
/********************************************/
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
min-width: 320px;
color: #1D3755;
}
body.menuClick::after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1029;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8;
}
body.preloader::after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden;
position: fixed;
/*opacity: .8;*/
background: rgba(0, 81, 153, 0.24) url('/img/loadingBall.gif') no-repeat center center;
}
/*h2, h3, h4, h5 {*/
/*color: #1D3755;*/
/*}*/
h2, .h2 {
font-size: 30px;
font-weight: 900;
line-height: 40px;
}
h3 {
font-size: 20px;
line-height: 40px;
font-weight: 900;
}
h4 {
font-size: 16px;
line-height: 25px;
font-weight: 500;
}
/*.mtIn h1 {*/
h1 {
font-size: 30px;
font-weight: 900;
/*color: #112233;*/
line-height: 40px;
margin-bottom: 25px;
}
@media (max-width: 575px) {
/*.mtIn h1, h2 {*/
h1, h2, .h2 {
font-size: 16pt;
line-height: 22pt;
margin-bottom: 20px;
}
.fs30 {
font-size: 20px !important;
}
}
@media (max-width: 490px) and (min-width: 412px) {
/*.mainPage h1, */
.mainPage h2,.mainPage .h2 {
font-size: 16pt;
line-height: 18pt
}
.mainPage div.h4 {
font-size: 16pt;
line-height: 18pt
}
}
@media (max-width: 411px) and (min-width: 360px) {
/*.mainPage h1, */
.mainPage h2,.mainPage .h2 {
font-size: 14pt;
line-height: 16pt
}
.mainPage div.h4 {
font-size: 14pt;
line-height: 16pt
}
}
@media (max-width: 359px) {
/*.mainPage h1, */
.mainPage h2,.mainPage .h2 {
font-size: 13pt;
line-height: 15pt
}
.mainPage div.h4 {
font-size: 13pt;
line-height: 15pt
}
}
p {
/*font-size: 12px;*/
}
.fs10 {
font-size: 10px;
}
.fs12imp {
font-size: 12px !important;
line-height: 16px !important;
}
.fs14, h1.fs14, .fs14 h1 {
font-size: 14px;
}
.fs16 {
font-size: 16px;
}
.fs20 {
font-size: 20px;
}
.fs24 {
font-size: 24px;
}
.fs30 {
font-size: 30px;
}
.fs40 {
font-size: 40px;
}
.fs50 {
font-size: 50px;
}
.lh0 {
line-height: 0;
}
.lh12 {
line-height: 12px;
}
.lh14 {
line-height: 14px;
}
.lh16 {
line-height: 16px;
}
.lh20 {
line-height: 20px;
}
.lh24, h1.lh24 {
line-height: 24px;
}
.lh27 {
line-height: 27px;
}
.lh35 {
line-height: 35px;
}
.lh50 {
line-height: 50px;
}
.lh60 {
line-height: 60px;
}
.v-text-bottom {
vertical-align: text-bottom;
}
.text-underline {
text-decoration: underline !important;
}
.notUnderlineHover:hover, .notUnderline {
text-decoration: none !important;
}
.boldHover:hover {
font-weight: bold;
}
.align-super {
vertical-align: super;
}
.align-middle {
vertical-align: middle;
}
.opacity025 {
opacity: 0.25;
}
.opacity {
opacity: 0.3;
}
.opacity5 {
opacity: 0.5;
}
.opacity6 {
opacity: 0.6;
}
.light {
font-weight: 300;
}
.regular {
font-weight: 400;
}
.medium, .medium h1, h1.medium {
font-weight: 500;
}
.bold {
font-weight: 900;
}
.pointer {
cursor: pointer;
}
.swiper-container {
display: none;
}
.border-block {
border: 1px solid #E2ECF3;
border-radius: 3px 3px 3px 3px;
padding: 20px 20px;
box-shadow: 0 2px #E2ECF3;
}
.subscribePage .listSubscr .border-block {
padding: 20px 10px;
margin-bottom: 20px;
}
@media (max-width: 1199px) and (min-width: 768px) {
.subscribePage .listSubscr .border-block {
padding: 20px 10px;
}
}
.border-block-line {
margin-left: -20px;
margin-right: -20px;
}
.border-block-line15 {
margin-left: -15px;
margin-right: -15px;
}
.m20minus {
margin: 0 -20px !important;
}
.m20plus {
margin: 0 20px !important;
}
.typeSports {
height: 90px;
overflow: hidden;
position: relative;
}
.illumination {
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
left: 0;
right: 0;
height: 35px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%);
}
.play {
border: 1px solid #E2ECF3;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
width: 26px;
height: 26px;
text-align: center;
font-size: 8px;
color: #2167AC;
cursor: pointer;
}
.play i {
margin-top: 8px;
}
.addBetsButton {
/*content: "/f067";*/
width: 40px;
height: 40px;
background: #2DA866;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
cursor: pointer;
font-size: 16px;
text-align: center;
float: right;
}
.addBetsButton i {
margin-top: 12px;
display: block;
}
.main-color {
color: #1D3755 !important;
}
.green {
color: #2DA866 !important;
}
.gray {
color: #BAC2C8 !important;
}
.coral {
color: #FD8C7D !important;
}
.blue {
color: #276FB9 !important;
}
.white {
color: #fff !important;
}
.mainBackground {
background: #1D3755;
}
.seoBackground {
background: #F2F8FD;
}
.greenBackground {
background: #2DA866;
}
.coralBackground {
background: #FD8C7D;
}
.blueBackground {
background: #276FB9;
}
.blue2Background {
background: #2166AC;
}
.orangeBackground {
background: #FD9126;
}
.yesBackground {
background: #F0FAF0;
}
.noBackground {
background: #FAF4F0;
}
.medium-text {
font-size: 16px;
color: #1D3755;
font-weight: 500;
line-height: 24px;
}
.orange-text {
color: #FD9126;
line-height: 18px;
}
.orange {
color: #FD9126 !important;
}
.border-line {
border-top: 1px solid #E2ECF3;
width: 100%;
margin: 15px 0;
}
.border-line2 {
border-top: 1px solid #E2ECF3;
margin: 15px -5px;
}
.alert-seo {
/*color: #0c5460;*/
background-color: #F2F8FD;
border-color: #F2F8FD;
}
@media (min-width: 1200px) {
.text-ks-xl-right {
text-align: right !important;
}
.text-ks-xl-left {
text-align: left !important;
}
.text-ks-xl-center {
text-align: center !important;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.text-ks-lg-right {
text-align: right !important;
}
.text-ks-lg-left {
text-align: left !important;
}
.text-ks-lg-center {
text-align: center !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.text-ks-md-right {
text-align: right !important;
}
.text-ks-md-left {
text-align: left !important;
}
.text-ks-md-center {
text-align: center !important;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.text-ks-sm-right {
text-align: right !important;
}
.text-ks-sm-left {
text-align: left !important;
}
.text-ks-sm-center {
text-align: center !important;
}
}
@media (max-width: 575px) {
.text-ks-xs-right {
text-align: right !important;
}
.text-ks-xs-left {
text-align: left !important;
}
.text-ks-xs-center {
text-align: center !important;
}
}
/*****PROFILE USERS*******/
/*HEADER PROFILE USER*/
.profileHeader {
background: #F2F8FD;
/*margin-top: 108px;*/
margin-left: -10px!important;
margin-right: -10px!important;
/*padding: 10px 0;*/
/*padding: 55px;*/
}
.profileHeader .nickname {
font-size: 30px;
line-height: 37px;
font-weight: 500;
/*opacity: 0.3;*/
color: #1D3755;
}
@media (max-width: 1199px) and (min-width: 768px) {
.profileHeader .nickname {
font-size: 25px;
line-height: 25px;
}
.profileHeader .nickname .name {
max-height: 25px !important;
line-height: 25px !important;
}
}
.profileHeader .nickname span {
vertical-align: middle;
}
.profileHeader .nickname span.hello {
display: block;
opacity: 0.3;
}
.profileHeader .nickname span.status {
font-size: 12px;
}
.profileHeader .nickname .name {
display: inline-block;
/*text-overflow: ellipsis;*/
/*word-wrap: break-word;*/
/*overflow: hidden;*/
/*max-height: 37px;*/
line-height: 37px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.profile-carousel {
position: relative;
padding: 0 29px;
}
.profileHeader .userPriceSlider2 {
/*margin: 0 30px;*/
}
.profileHeader .userPriceSlider-item {
background: #fff;
padding: 16px;
display: inline-block;
}
.profileHeader .userPriceSlider-item .btn-orange {
padding: 10px 15px;
float: right;
}
.profileHeader .userPriceSlider-item .btn-orange.cartIcon:after {
margin-left: 0;
}
.leftBlockProfileHeader .blockMainAvatar {
float: left;
margin-right: 29px;
}
.blockMainAvatar .kubok {
position: absolute;
/* max-width: 50px; */
right: -5px;
bottom: 0px;
}
@media (max-width: 991px) and (min-width: 768px) {
.profileHeader img {
max-width: 60px;
}
.profileHeader .nickname span.hello {
display: none;
}
.profileHeader .leftBlockProfileHeader {
text-align: center;
}
.leftBlockProfileHeader .img-profile {
float: inherit;
margin-right: 0;
}
.leftBlockProfileHeader a.btn-blue, .leftBlockProfileHeader a.btn-unsubscr {
width: 100%;
}
}
@media (max-width: 575px) {
.profileHeader .profit i, .profileHeader .wins i, .profileHeader .passage i {
display: none !important;
}
.leftBlockProfileHeader .blockMainAvatar {
width: 100px;
margin-right: 23px;
}
.leftBlockProfileHeader a.btn-blue, .leftBlockProfileHeader a.btn-unsubscr {
width: 100%;
}
}
.iconStatUser i {
color: #BAC2C8;
font-size: 26px;
vertical-align: sub;
display: inline-block;
float: left;
margin-right: 10px;
margin-top: 3px;
}
/*END PROFILE USER*/
/*********slide month user stats******/
.userStatMonthSlider-item a,
.userStatMonthSlider-item .champ-name {
background: #F2F8FD;
border: 1px solid #E2ECF3;
color: #1D3755;
display: block;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
width: 100%;
max-width: calc(100% - 1px);
padding: 8px !important;
}
.userStatMonthSlider-item .champ-name {
cursor: pointer;
}
.userStatMonthSlider-item a:hover,
.userStatMonthSlider-item a.active,
.userStatMonthSlider-item .champ-name.active {
text-decoration: none;
border: 1px solid #276FB9;
height: 40px;
}
.userStatMonthSlider-item .monthName {
display: inline-block;
}
.userStatMonthSlider-item a h3,
.userStatMonthSlider-item .champ-name {
font-size: 12px;
line-height: 18px;
}
.procStat, .procStat div {
display: inline-block;
}
.procStat div, .procStat a {
color: #fff;
font-weight: 900;
padding: 1px 17px 1px 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
position: relative;
display: inline-block;
}
.procStat a:hover {
text-decoration: none;
}
.userStatMonthSlider-item a:hover .procStat .plus {
background: #2DA866;
color: #fff;
}
.userStatMonthSlider .procStat .plus {
color: #2DA866;
background: #ddf0ed;
}
.userStatMonthSlider .procStat .minus {
color: #BAC2C8;
background: #e5e5e5;
}
.procStat .plus {
color: #fff;
background: #2DA866;
}
.procStat .minus {
color: #fff;
background: #BAC2C8;
}
.procStat .plus:after, .procStat .minus:after {
width: 10px;
right: 2px;
/*font-family: 'FontAwesome';*/
position: absolute;
font-size: 14px;
}
.procStat .plus:after {
content: '\f30c';
/*content: '\f176';*/
bottom: -3px;
}
.procStat .minus:after {
content: '\f309';
/*content: '\f175';*/
top: -3px;
}
/******************************/
/****PAGE STAT PROFILE USER** ITEM-1 */
.statBetsUserSport {
color: #1D3755;
margin-bottom: 0;
}
.statBetsUserSport tbody tr:nth-child(2n) {
background: #F2F8FD;
}
.montStatUser a {
color: #1D3755;
}
.montStatUser a:hover {
text-decoration: none;
}
#profile .progress {
height: 4px;
}
#profile .progress-bar label {
position: absolute;
top: -18px;
margin-left: 20px;
color: #1D3755;
}
#profile .bg-primary label {
margin-left: -5px !important;
}
#profile .progress-bar.bg-secondary label {
right: 0px;
margin-right: 20px;
}
@media (max-width: 575px) {
.montStatUser .progress-bar label {
margin-left: 0 !important;
}
.montStatUser .fs16 {
font-size: 12px !important;
}
}
@media (max-width: 575px) {
.d-xs-none {
display: none;
}
.profile-carousel {
padding: 0 !important;
}
.blockRightBottonGrafic {
text-align: left !important;
margin-top: 10px;
}
}
/****END PAGE STAT PROFILE USER*/
.awards-list .award {
/*height: 110px;*/
}
.awards-list .award.not {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: 0.35;
}
.awards-list .award.not:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
filter: none;
opacity: 1;
}
/*****END USERS*******/
.linkAllItems {
position: absolute;
right: 110px;
top: 12px;
}
.arrow-slider {
width: 40px !important;
height: 40px !important;
cursor: pointer;
background: #F2F8FD;
color: #1D3755;
display: inline-block;
font-size: 14px;
line-height: 18px;
border: 1px solid #E2ECF3;
position: relative;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
}
.swiper-container .arrow-slider {
position: absolute;
background-image: none !important;
}
.left-slide-icon:after {
content: '\f053';
/*font-family: 'FontAwesome';*/
font-weight: bold;
position: absolute;
left: 14px;
top: 11px;
opacity: 0.3;
}
.right-slide-icon:after {
content: '\f054';
/*font-family: 'FontAwesome';*/
font-weight: bold;
position: absolute;
left: 15px;
top: 11px;
opacity: 0.3;
}
.arrow-carousel {
width: 12px;
height: 18px;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 18px;
}
.left-carousel-icon {
position: absolute;
top: 50%;
z-index: 1000;
margin-top: -9px;
left: 0;
}
.right-carousel-icon {
position: absolute;
right: 0;
z-index: 1000;
top: 50%;
margin-top: -9px;
}
.left-carousel-icon:after {
content: '\f053';
/*font-family: 'FontAwesome';*/
opacity: 0.3;
}
.right-carousel-icon:after {
content: '\f054';
/*font-family: 'FontAwesome';*/
opacity: 0.3;
}
.left-carousel2-icon:after {
content: '\f053';
/*font-family: 'FontAwesome';*/
opacity: 0.3;
}
.right-carousel2-icon:after {
content: '\f054';
/*font-family: 'FontAwesome';*/
opacity: 0.3;
}
a, button.addCoupon {
color: #276FB9;
/*font-size: 12px;*/
}
ol,
ul,
dl {
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
.container {
padding-left: 10px!important;
padding-right: 10px!important;
}
.row {
margin-left: -10px!important;
margin-right: -10px!important;
}
.salesPage .row {
margin-left: -20px !important;
margin-right: -20px !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
padding-left: 10px!important;
padding-right: 10px!important;
}
ul.decimal {
list-style-type: decimal;
}
ul.decimal li {
margin-bottom: 12px;
}
ul.check {
list-style-type: none;
padding-left: 0;
}
ul.check li {
margin-bottom: 12px;
font-size: 12px;
line-height: 18px;
}
ul.check li:before {
content: "\f00c";
color: #2DA866;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
margin-right: 15px;
}
ul.closeCheck {
list-style-type: none;
padding-left: 0;
}
ul.closeCheck li {
margin-bottom: 6px;
font-size: 12px;
line-height: 18px;
position: relative;
}
ul.closeCheck span {
margin-left: 20px;
}
ul.closeCheck li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
position: absolute;
/*margin-right: 15px;*/
}
ul.closeCheck li.check:before {
content: "\f00c";
color: #2DA866;
}
ul.closeCheck li.times:before {
content: "\f00d";
color: #BAC2C8;
}
/*HEADER*/
header.header {
/*min-height: 108px;*/
background: white;
z-index: 1033;
/*margin-bottom: 40px;*/
}
/*top-block*/
header .top-block {
max-height: 54px;
/*background: #fff;*/
}
header .top-block .container {
position: relative;
}
.top-block ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
float: right;
display: flex;
}
.top-block ul li.topButton {
/* display: inline; */
display: table-cell;
/* padding: 20px 21px; */
/* line-height: 54px; */
/* padding: 20px 21px; */
position: relative;
max-height: 54px;
cursor: pointer;
/*border-left: 1.5px solid #E2ECF3;*/
}
.top-block ul li.topButton a {
line-height: 28px;
/* line-height: 54px; */
/* vertical-align: middle; */
color: #1D3755;
padding: 13px 21px;
position: relative;
border-left: 1.5px solid #E2ECF3;
display: block;
}
.top-block ul li.topButton.active a, .top-block ul li.topButton a.profileTopToggle:not(.collapsed) {
background: #F2F8FD;
}
.top-block ul li.topButton:first-child {
/*border: none;*/
}
.top-block ul li.topButton a:hover {
text-decoration: none;
}
.top-block ul li.topButton:hover, .top-block ul li.topButton:active {
background: #F2F8FD;
}
.top-block .iconColor i.icon-ks-bank, .top-block .iconColor i.icon-ks-message, .top-block .iconColor i.icon-ks-add,
.top-block .iconColor i.icon-ks-login, .top-block .iconColor i.icon-ks-reg {
font-size: 20px;
vertical-align: middle;
}
.top-block .iconColor i.icon-ks-bank {
color: #FD9126;
}
.top-block .iconColor i.icon-ks-message {
color: #276FB9;
}
.top-block .iconColor i.icon-ks-add {
color: #2DA866;
}
.top-block .iconColor i.icon-ks-login {
color: #276FB9;
}
.top-block .iconColor i.icon-ks-reg {
color: #2DA866;
}
@media screen and (max-width: 767px) {
.liLinkTopMenu {
display: none !important;
}
.top-block ul li.topButton a {
padding: 13px;
}
}
@media screen and (max-width: 991px) {
.menuTopSpan {
display: none!important;
}
#profileMenuTop {
right: 0;
min-width: 176px;
}
}
.windowAuthReg {
background: #fff;
position: absolute;
top: 54px;
z-index: 1;
right: 10px;
display: none;
/*padding: 12px 17px 25px 17px;*/
/* min-height: 320px; */
/* width: 100%; */
min-width: 300px;
width: 300px;
border: 1.5px solid #E2ECF3;
}
.blockAuthReg {
padding: 12px 17px 25px 17px;
}
.blockAuthReg .close {
font-size: 14px;
color: #1D3755;
opacity: 1;
}
.windowAuthReg .close {
cursor: pointer;
}
.field-comment-comment p.help-block {
/*position: absolute;*/
}
.formStyle .socAuthWindow .col {
padding-left: 5px !important;
padding-right: 5px !important;
}
.windowAuthReg .btn {
width: 100%;
}
.btn-youtube-subscribe {
background: #1e4269 !important;
}
.formStyle .btn {
outline: none !important;
box-shadow: none !important;
}
form .help-block {
color: #FD8C7D !important;
}
.formStyle .form-group {
position: relative;
margin-bottom: 10px;
}
.formStyle .form-group .form-control {
display: block;
outline: none;
width: 100%;
background: #F2F8FD;
border: 1px solid #F2F8FD;
color: #1D3755 !important;
/*padding: 18px 15px;*/
padding: 22px 15px 11px 15px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
cursor: pointer;
height: inherit;
}
.formMessage .form-control {
padding: 10px 15px !important;
font-size: 12px !important;
}
p.help-block {
margin-bottom: 0;
}
.formStyle input#profile-phone,
.formStyle input#profile-wallet,
.formStyle input#userbk-login-bettery,
.formStyle .field-profile-country .select2-selection {
outline: none;
background: #F2F8FD;
border: 1px solid #F2F8FD;
color: #1D3755 !important;
}
.formStyle input#profile-phone:hover,
.formStyle input#profile-phone:focus,
.formStyle input#profile-wallet:hover,
.formStyle input#profile-wallet:focus,
.formStyle input#userbk-login-bettery:hover,
.formStyle input#userbk-login-bettery:focus {
border: 1px solid #276FB9;
outline: 0 !important;
box-shadow: none;
}
.formStyle .select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection,
.formStyle .select2-container--krajee-bs4:not(.select2-container--disabled) .select2-selection:focus {
border: 1px solid #276FB9;
outline: 0 !important;
box-shadow: none;
}
.formStyle .select2-container--krajee-bs4 .select2-selection {
box-shadow: none;
background: #F2F8FD !important;
}
/*****************/
.formStyle .form-group label.control-label {
left: 15px;
position: absolute;
/*top: 18px;*/
/*top: 6px;*/
font-size: 10px;
-webkit-transition: .2s;
transition: .2s;
}
/*.formStyle .form-group input:placeholder-shown ~ label.control-label {*/
/*visibility: visible;*/
/*}*/
.formStyle .form-group .form-control:placeholder-shown:focus ~ label.control-label,
.formStyle .form-group .form-control:not(:placeholder-shown) ~ label.control-label {
/*visibility: visible;*/
top: 6px !important;
font-size: 10px !important;
}
.formStyle .form-group .form-control:placeholder-shown ~ label.control-label {
top: 18px !important;
font-size: 12px !important;
}
/***********************/
.formStyle .form-group label.inInput {
/*.formStyle .form-group label.control-label {*/
cursor: pointer;
display: block;
position: absolute;
left: 15px;
top: 18px;
z-index: 1;
font-size: 12px;
-webkit-transition: .2s;
transition: .2s;
}
.formStyle .select2-container--krajee .select2-selection--multiple,
.formStyle .select2-container--krajee .select2-selection--single {
background: #F2F8FD;
}
.custom-control-label::before, .custom-control-label::after {
top: 0.1rem;
}
.custom-control-label {
text-align: left;
vertical-align: middle;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #276FB9;
background-color: #276FB9;
}
.custom-control-input:hover,
.custom-control-input:focus,
.formStyle .form-group .form-control:hover,
.formStyle .form-group .form-control:focus,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus ~ .custom-control-label::before
/*.custom-control-label,*/
{
outline: none !important;
box-shadow: none !important;
}
.formStyle .form-group .form-control:hover,
.formStyle .form-group .form-control:focus {
border: 1px solid #276FB9;
color: #1D3755;
}
/*.formStyle .form-group input:not(:empty) + label,*/
/*.formStyle .form-group .form-control:focus + label,*/
/*.formStyle .form-group .form-control + label.show {*/
/*.formStyle .form-group .hasValue,*/
/*.formStyle .form-group .form-control:focus + label {*/
/*.form-group .form-control:valid + label {*/
/*top: 6px !important;*/
/*font-size: 10px !important;*/
/*}*/
.radio {
/*display: block;*/
position: relative;
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkround {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
background-color: #F2F8FD;
border-color: #E2ECF3;
border-style: solid;
border-width: 1px;
border-radius: 50%;
}
.radio input:checked ~ .checkround {
border-color: #276FB9;
border-width: 5px;
}
.checkround:after {
content: "";
position: absolute;
display: none;
}
.radio input:checked ~ .checkround:after {
display: block;
}
.radio .checkround:after {
}
@media (max-width: 575px) {
#ajaxAddReview #formReview1Step .rating-sm {
font-size: 18px;
}
}
#profileMenuTop {
/*border: 1px solid #E2ECF3;*/
/*position: absolute;*/
/*z-index: 50;*/
/*right: 0;*/
/*min-width: 200px;*/
/*background: #fff;*/
position: absolute;
width: 100%;
}
#profileMenuTop ul {
list-style-type: none;
background: #fff;
width: 100%;
margin-bottom: 0;
padding-left: 0;
border: 1.5px solid #E2ECF3;
border-top: 0;
border-left: 0;
position: relative;
display: block;
z-index: 50;
}
@media (max-width: 991px) {
#profileMenuTop ul {
top: 1px;
}
}
#profileMenuTop li {
text-align: left;
}
#profileMenuTop li a {
color: #1D3755;
padding: 10px 15px;
display: block;
font-weight: 500;
border-top: 1px solid #E2ECF3;
}
#profileMenuTop li a:hover {
/*background: #E2ECF3;*/
background: #F2F8FD;
}
#profileMenuTop li:first-child a {
border-top: none;
}
.top-block a.profileTopToggle {
color: #1D3755;
}
.top-block a.profileTopToggle .nameUser {
max-width: 100px;
float: left;
}
.top-block a.profileTopToggle:hover {
text-decoration: none;
}
.top-block li.topButton a.profileTopToggle:after,
.top-block li.topButton a.profileTopToggle[aria-expanded="false"]:after {
content: '\f078';
/*float: right;*/
/*font-family: 'FontAwesome';*/
}
.top-block li.topButton a.profileTopToggle[aria-expanded="true"]:after {
content: '\f077';
/*float: right;*/
/*font-family: 'FontAwesome';*/
}
.top-block .iconColor {
/*color: #fff;*/
/*padding: 0 5px;*/
/*line-height: 20px;*/
/*text-align: center;*/
display: inline-block;
position: relative;
/*border-radius: 2px;*/
/*-moz-border-radius: 2px;*/
/*-webkit-border-radius: 2px;*/
/*-khtml-border-radius: 2px;*/
}
.top-block .iconColor.present {
color: #276FB9;
font-size: 19px;
vertical-align: middle;
/*padding: 0;*/
}
.iconColor.present span {
position: absolute;
top: 11px;
right: -10px;
font-size: 12px;
line-height: 10px;
font-weight: 900;
color: #fff;
border-radius: 20px;
background: #FD9126;
padding: 6px 7px;
}
/*.linkPresentBK .btn-orange:hover {*/
/*color: #fff;*/
/*}*/
.linkPresentBK .btn-orange {
font-weight: bold;
text-transform: uppercase;
padding: 7px 15px;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
.linkPresentBK:hover .btn-orange {
color: #fff;
/*background: #1E39554D;*/
/*background: -webkit-linear-gradient(right, #1E39554D, #FD9127);*/
/*background: -moz-linear-gradient(right, #1E39554D, #FD9127);*/
/*background: linear-gradient(to left, #1E39554D, #FD9127);*/
opacity: .8;
}
/********************************************/
.infoStatMain i.circle {
font-size: 46px;
vertical-align: middle;
}
.infoStatMain i.icon-ks-circle-pay, .infoStatMain i.icon-ks-circle-star {
color: #276FB9;
}
.infoStatMain i.icon-ks-2, .infoStatMain i.icon-ks-circle-rub {
color: #3898CB;
}
.infoStatMain i.icon-ks-circle, .infoStatMain i.icon-ks-circle-thumb {
color: #2197AC;
}
.infoStatMain i.icon-ks-circle-1 {
color: #5573C1;
}
/*end top-block*/
/*menu-block*/
nav.main-navbar {
position: relative;
}
.blockMainNavbar.inner {
background-color: #1D3755;
height: 54px;
padding: 5px 0;
width: 100%;
overflow: hidden;
border-top: 1.5px solid #E2ECF3;
}
.blockMainNavbar.main {
background: white;
max-height: 54px;
border-top: 1.5px solid #E2ECF3;
border-bottom: 1.5px solid #E2ECF3;
padding: 5px 0;
width: 100%;
overflow: hidden;
}
.blockMainNavbar.inner .linkPresentMenu {
color: #fff;
}
.blockMainNavbar.main .linkPresentMenu {
color: #1D3755;
}
nav.main-navbar ul.navbar-nav {
flex-direction: row;
padding-right: 30px;
}
nav.main-navbar ul.navbar-nav li {
display: inline-block;
}
.blockMainNavbar.main nav.main-navbar .navbar-nav a {
color: #1D3755;
}
.blockMainNavbar.inner nav.main-navbar .navbar-nav a {
color: #fff;
}
.blockMainNavbar.main nav.main-navbar .navbar-nav a:hover, .blockMainNavbar.main nav.main-navbar .navbar-nav li.active a {
color: #276FB9;
}
.blockMainNavbar.inner nav.main-navbar .navbar-nav a:hover, .blockMainNavbar.inner nav.main-navbar .navbar-nav li.active a {
color: #4B93DD;
}
nav.main-navbar .navbar-nav a {
font-size: 12px;
font-weight: 500;
line-height: 26px;
}
nav.main-navbar .navbar-nav a {
padding-right: 20px;
padding-left: 20px;
}
@media (max-width: 575px) {
nav.main-navbar .navbar-nav a {
padding-right: 14px;
padding-left: 14px;
}
}
.navbar-light .navbar-nav .active>a, .navbar-light .navbar-nav a.active, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show>a {
color: #fff;
}
nav.main-navbar .navbar-nav a:focus, nav.main-navbar .navbar-nav a:hover {
color: #276FB9;
}
nav.main-navbar .navbar-collapse {
position: relative;
}
/************SEARCH***********************/
.formSearch {
position: absolute;
top: 2px;
left: -1px;
width: 100%;
}
.formSearchIcon {
position: absolute;
right: 0;
top: 12px;
font-size: 16px;
cursor: pointer;
padding: 0 0 5px 12px;
}
.formSearchCloseIcon {
position: absolute;
right: 35px;
top: 14px;
font-size: 14px;
cursor: pointer;
display: none;
padding: 0 0 5px 12px;
}
.formSearch .formSearchInput {
display: none;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
outline: 0;
background-clip: padding-box;
border: 0;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formSearchIn.formSearchIcon, .formSearchIn.formSearchCloseIcon, .formSearchIn .formSearchInput {
color:#1D3755;
}
.formSearchIn .formSearchInput {
background-color: #fff;
}
.formSearchOut.formSearchIcon, .formSearchOut.formSearchCloseIcon, .formSearchOut .formSearchInput {
color: #fff;
}
.formSearchOut .formSearchInput {
background-color: #1D3755;
}
/*Left menu sidebar*/
#left-menu ul.navbar-nav li a i {
width: 14px;
}
.blockMainNavbar.main #left-menu {
background: #fff;
/*border: 1.5px solid #E2ECF3;*/
}
.blockMainNavbar.inner #left-menu {
background-color: #1D3755;
}
.blockMainNavbar.main #left-menu-toggle, .blockMainNavbar.main #left-menu li a {
color: #1D3755;
}
.blockMainNavbar.inner #left-menu-toggle, .blockMainNavbar.inner #left-menu li a {
color: #fff;
}
.blockMainNavbar.inner #left-menu li a.i-orange i {
color: #FD9126 !important;
}
#left-menu {
position: fixed;
width: 280px;
min-width: 280px;
display: none;
/*visibility: hidden;*/
/*margin-left: -10px;*/
top: 108px;
padding: 5px 0 5px 0;
border-top: none;
}
@media (max-width: 575px) {
#left-menu {
left: -10px;
}
}
#left-menu-toggle {
padding: 2px 10px;
padding-left: 0;
width: 30px;
/*z-index: 1031;*/
float: left;
margin-top: 9px;
font-size: 14px;
position: relative;
}
#left-menu ul li {
margin-top: 0;
margin-bottom: 15px;
position: relative;
}
/*#left-menu ul li:before {*/
/*content: "";*/
/*width: 12px;*/
/*height: 12px;*/
/*position: absolute;*/
/*left: -25px;*/
/*top: 2px;*/
/*border-radius: 15px;*/
/*background: #BAC2C8;*/
/*}*/
#left-menu li a {
/*color: #1D3755;*/
font-size: 12px;
}
#left-menu ul {
list-style-type: none;
/*list-style: circle;*/
}
#left-menu .panel .nav-pills li.active:nth-child(1)>a,
#left-menu .panel .nav-pills li.active:nth-child(1)>a:hover,
#left-menu .panel .nav-pills li.active:nth-child(1)>a:focus {
/*color: #FAFBFB;*/
/*background-color: #2b3340;*/
}
.blockInfoStat {
display: inline-block;
vertical-align: middle;
text-align: left;
max-width: 150px;
}
.iconinfoPageBK .blockInfoStat {
/*max-width: 160px;*/
max-width: initial;
}
@media (max-width: 1199px) and (min-width: 768px) {
.iconinfoPageBK .blockInfoStat {
max-width: 145px;
}
}
@media (max-width: 991px) {
.blockInfoStat {
text-align: center;
}
}
/*END HEADER*/
/*breadcrumbs*/
nav ol.breadcrumb {
padding-left: 0;
}
.breadcrumb-ks {
background: transparent;
}
.breadcrumb-ks .breadcrumb-item {
font-size: 12px;
line-height: 16px;
}
.breadcrumb-ks .breadcrumb-item + .breadcrumb-item::before {
padding-right: 0.5rem;
color: #1D3755;
content: "\2014";
}
.breadcrumb-item {
font-weight: 500;
}
.breadcrumb-item.active {
color: #1D3755;
}
/*Content*/
.content {
background: #fff;
position: relative;
}
.content img {
/*max-width: 100%;*/
/*width: 100%;*/
/*height: auto;*/
}
.mtIn {
/*margin-top: 108px;*/
}
.mtIn table tr td {
vertical-align: middle;
}
.showMore a.btn {
background-color: #F2F8FD;
border: 1px solid #E2ECF3;
font-size: 12px;
line-height: 20px;
font-weight: 500;
color: #1D3755;
}
.showMore a.btn:after {
content: '\f107';
/*content: '\f078';*/
/*font-family: 'FontAwesome';*/
margin-left: 5px;
/*font-weight: 500;*/
color: #1D3755;
}
.showMore .btn.hideCollapse:after {
content: '\f106' !important;
}
/*.showMore a.btn:focus, .showMore a.btn:hover, .showMore a.btn:active, .showMore a.btn:visited {*/
a.btn:focus, a.btn:hover, a.btn:active, a.btn:visited,
button:focus, button:hover, button:active, button:visited {
outline: none !important;
box-shadow: none !important;
}
.btnCollapse .btn-orange[aria-expanded="true"] {
background: #276FB9;
color: #fff;
border: 1px solid #276FB9;
}
.btnCollapse .btn-orange:hover {
color: #fff;
}
/*.btn-default.collapsed {*/
/*background: #276FB9;*/
/*color: #fff;*/
/*}*/
/*.showMore a.btn:hover {*/
a.btn:hover, .arrow-slider:hover, ul.ratingTabs .liRating a.linkRating:hover {
background: #E2ECF3;
}
ul.ratingTabs li a.active:hover {
background: #2166AC !important;
}
/*.showMore a.btn:focus {*/
a.btn:focus, .arrow-slider:focus {
/*background: #E2ECF3;*/
}
.buttonKs {
background: #F2F8FD;
border: 1px solid #E2ECF3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
a.buttonKs:hover {
color: #276FB9;
}
.btnAllUsers {
color: #276FB9;
width: 100%;
padding: 11px 0;
}
/*MAIN PAGE*/
.block-main-header {
width: 100%;
background: #1D3755;
/*height: 480px;*/
/* background: #1D3755 url(/img/backgroundMain.png); */
/* background-size: auto; */
/* background-repeat: no-repeat; */
/* background-position-x: 95%; */
/* background-position-y: bottom; */
/*margin-top: 108px;*/
position: relative;
overflow: hidden;
}
.blockImgHead {
background: #1D3755 url(/img/backgroundMain1.jpg) no-repeat right;
background-size: contain;
}
@media (max-width: 991px) {
.blockImgHead {
background-size: cover;
}
}
.left-block-main-header {
background: #1D3755;
position: absolute;
left: -170px;
height: 100%;
width: 47%;
/* -webkit-clip-path: polygon(100% 0, 0 0, 0 400%); */
/* clip-path: polygon(100% 0, 0 0, 0 400%); */
}
.left-block-main-header:after {
content: '';
position: absolute;
right: -249px;
top: 0;
z-index: 1;
border-top: 500px solid #1D3755;
border-right: 250px solid transparent;
}
.left-block-main-header .img1 {
background: url(/img/backgroundMain_1.webp) no-repeat right center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: -180px;
z-index: 19;
}
.left-block-main-header .img2 {
background: url(/img/logoWolf.webp) no-repeat 0 center;
height: 100%;
}
@media (max-width: 991px) and (min-width: 768px) {
.left-block-main-header {
width: 60%;
}
}
@media (max-width: 575px) {
.left-block-main-header {
width: 60%;
}
.blockImgHead {
background-position: 50% bottom;
}
}
.right-block-main-header {
position: absolute;
right: 0;
width: 63%;
height: 100%;
background: #1D3755 url(/img/backgroundMain.png);
/*background: url(/img/backgroundMain.png), linear-gradient(to right, transparent, #1d3755);*/
background-size: auto;
background-position-x: 30%;
background-repeat: no-repeat;
background-position-y: bottom;
}
.gradient {
background: linear-gradient(to right, transparent, #1D3755);
width: 100%;
height: 100%;
max-width: 50px;
right: 0;
position: absolute;
}
@media (min-width: 2500px) {
/*.right-block-main-header {*/
/*background-position-x: left;*/
/*}*/
/*.right-block-main-header .gradient {*/
/*background: linear-gradient(to right, transparent, #1D3755);*/
/*width: 100%;*/
/*height: 100%;*/
/*max-width: 1670px;*/
/*}*/
}
.contentHeader div {
z-index: 20;
}
.block1MainHeader, .block2MainHeader {
color: white;
}
.block1MainHeader .nameHeader {
line-height: 55px;
}
.block1MainHeader .nameHeader span {
display: block;
color: #4192e5;
}
.block1MainHeader .textHeader {
max-width: 380px;
}
ul.ratingTabs .liRating a.linkRating.tabBetsType {
padding: 11px 0;
}
ul.ratingTabs .liRating a.linkRating.tabBetsType span {
opacity: 0.3;
}
ul.ratingTabs .liRating a.linkRating.tabBetsType span.marker {
opacity: 1;
}
/*Select Type Sport*/
.dropdownTypeSport {
position: relative;
}
.dropdownTypeSport .dropdown-toggle::after {
float: right;
border: 0;
content: '\f078';
/*font-family: 'FontAwesome';*/
/*margin-left: 7px;*/
}
.dropdownTypeSport .dropdown-toggle {
font-size: 12px;
line-height: 15px;
color: #1D3755;
font-weight: 500;
border: 1px solid #E2ECF3;
padding: 12px 15px;
width: 100%;
display: block;
background: #F2F8FD;
}
.dropdownTypeSport .dropdown-menu.show {
width: 100%;
background: #F2F8FD;
/*overflow-y: scroll;*/
transform: translate3d(0px, 39px, 0px) !important;
}
.dropdownTypeSport .dropdown-menu {
border-radius: 0;
}
.dropdownTypeSport .dropdown-item {
padding: 5px 15px;
font-size: 14px;
color: #1D3755;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff !important;
background-color: #276FB9;
}
nav.dateNav {
font-size: 12px;
line-height: 15px;
color: #1D3755;
font-weight: 500;
border: 1px solid #E2ECF3;
width: 100%;
border-radius: 5px;
text-align: center;
display: table;
background: #F2F8FD;
}
nav.dateNav a.dateNavLink {
display: table-cell;
padding: 11px 0;
}
nav.dateNav a.dateNavLink:hover, ul.ratingTabs .liRating a.linkRating.tabBetsType:hover {
text-decoration: none;
box-shadow: inset 0 0 8px 1px rgba(202, 205, 206, 0.4);
}
nav.dateNav a.dateNavLink i {
opacity: 0.3;
}
nav.dateNav a.dateNavLink:first-child {
width: 20%;
}
nav.dateNav a.dateNavLink:last-child {
width: 20%;
}
nav.dateNav a#dropdownDateNav {
border-left: 1px solid #E2ECF3;
color: #1D3755;
border-right: 1px solid #E2ECF3;
width: 60%;
}
.dateNav a#dropdownDateNav:after,
.dateNav a#dropdownDateNav[aria-expanded="false"]:after{
content: '\f078';
/*font-family: 'FontAwesome';*/
margin-left: 7px;
}
.dateNav a#dropdownDateNav[aria-expanded="true"]:after{
content: '\f077';
/*font-family: 'FontAwesome';*/
margin-left: 7px;
}
/*background: url(/img/backgroundMain.png), url(/img/backgroundMain_1.png) no-repeat center center*/
.carouselMain1-item {
background-color: #276FB9;
display: block;
background-repeat: no-repeat;
background-position: right -5px bottom -5px;
/*background-size: 100px 88px;*/
background-size: 320px 150px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
color: #fff;
font-size: 16px;
font-weight: 500;
min-height: 150px;
padding: 15px 35px;
}
.carouselMain1-item:hover {
text-decoration: none;
color: #fff;
}
.carouselMain1-item span {
display: block;
max-width: 200px;
margin-top: 40px;
}
.carouselMain1 .swiper-slide a img {
border-radius: 5px;
}
.border-block {
background: #fff;
margin-bottom: 20px;
}
.border-block:last-child {
margin-bottom: 0;
}
.matchday-m {
z-index: 10;
background: #F2F8FD;
width: 100%;
color: #1D3755;
padding: 8px 16px 8px 10px;
position: relative;
}
a.matchday-m:hover {
color: #1D3755;
text-decoration: none;
}
.matchday-m:after {
content: '\f054';
float: right;
/*font-family: 'FontAwesome';*/
color: #1D3755;
position: absolute;
top: 8px;
right: 8px;
}
.matchdayLinkBlock {
display: flex;
align-items: center;
flex-direction: row;
border: 1px solid #E2ECF3;
background: #F2F8FD;
border-radius: 2px;
}
.matchdayLinkBlock a, .matchdayLinkBlock .addCoupon {
width: calc(100% / 3);
text-align: center;
/*display: table-cell;*/
height: 40px;
font-weight: bold;
vertical-align: middle;
border: inherit;
background-color: inherit;
}
.matchdayLinkBlock a:hover,
.matchdayLinkBlock .addCoupon:hover {
text-decoration: none;
background: #E2ECF3;
}
.matchdayLinkBlock a span, .matchdayLinkBlock .addCoupon span {
font-weight: 400;
}
.matchdayLinkBlock a {
border-right: 1px solid #E2ECF3;
}
.matchdayLinkBlock a:last-child {
border-right: 0;
}
.matchday, .matchday table td {
color: #1D3755;
vertical-align: middle;
}
.matchday table tr td {
padding: 4px 0 !important;
}
.MainBestUsers .item-MainBestUsers {
border: 1px solid #E2ECF3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
color: #1D3755;
box-shadow: 0 2px #E2ECF3;
padding: 15px;
}
.MainBestUsers .item-MainBestUsers .title {
/*display: block;*/
/*margin-bottom: 10px;*/
}
.MainBestUsers .item-MainBestUsers img {
display: block;
margin: auto;
}
.MainBestUsers .item-MainBestUsers .cashUserPlus p {
margin-bottom: 0;
}
.MainBestUsers .item-MainBestUsers .UserLastStat {
margin-bottom: 14px;
}
.UserLastStat.Ilink a,
.eventPage .UserLastStat.InotLink i {
display: inline-block;
margin-right: 4px;
height: 16px;
}
.tableEvent .UserLastStat.InotLink i {
margin-right: 1px;
}
.UserLastStat.Ilink a:last-child,
.eventPage .UserLastStat.InotLink i:last-child,
.tableEvent .UserLastStat.InotLink i:last-child {
margin-right: 0;
}
.UserLastStat.Ilink a:hover {
text-decoration: none;
}
.MainBestUsers .item-MainBestUsers .cashUserPlus span {
color: #2DA866;
font-weight: 900;
}
.topBetsMain {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 10px;
border: 1px solid #E2ECF3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
margin-bottom: 15px;
box-shadow: 0 2px #E2ECF3;
}
.topBetsMain .green {
font-weight: 900;
}
@media (max-width: 991px) {
table td.td4 {
display: none;
}
}
@media (max-width: 575px) {
table.topBetsMain td.td1 {
text-align: center;
}
table.topBetsMain td.td2, table.topBetsMain td.td5, table.topBetsMain td.td7 {
display: none;
}
}
ul.listCompOpen {
list-style-type: none;
}
ul.listCompOpen li {
margin-bottom: 0;
}
ul.listCompOpen li a {
display: block;
}
ul.listCompOpen li a:hover {
text-decoration: none;
}
ul.listCompOpen li a.toggleComp[aria-expanded="true"] {
border-bottom: 3px solid #276FB9;
padding-bottom: 22px;
}
@media (min-width: 768px) {
ul.listCompOpen li a.toggleComp[aria-expanded="true"] {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
position: absolute;
}
}
@media (max-width: 767px) {
ul.listCompOpen li a {
padding: 10px;
}
}
ul.listCompOpen li a.toggleComp:after {
margin-left: 10px;
}
ul.listCompOpen li a.toggleComp:after, ul.listCompOpen li a.toggleComp[aria-expanded="false"]:after {
content: '\f078';
}
ul.listCompOpen li a.toggleComp[aria-expanded="true"]:after {
content: '\f077';
}
ul.listCompOpen li a.toggleComp[aria-expanded="true"], ul.listCompOpen li a:hover {
font-weight: bold;
}
.border-blockComp {
margin-right: -21px;
margin-left: -21px;
border: 1px solid #E2ECF3;
}
.border-line-comp {
border-top: 1px solid #E2ECF3;
width: 100%;
margin: 25px 0 15px 0;
}
.comp-text {
padding: 10px 20px 0 20px;
}
table.tableComp tbody tr:nth-child(2n-1) {
background: #F2F8FD;
}
table.tableComp td {
padding: 0.75rem 20px;
}
@media (max-width: 575px) {
table.tableComp td {
padding: 0.75rem 5px;
}
.border-block {
overflow: hidden;
}
}
.kubok, .placeTable {
width: 24px;
height: 24px;
display: inline-block;
color: #fff;
text-align: center;
vertical-align: middle;
}
.placeTable span {
vertical-align: sub;
}
.placeTable {
background: #276FB9;
border-radius: 20px;
}
.kubok1 {
background: transparent url('/img/kubok1.svg') no-repeat center;
}
.kubok2 {
background: transparent url('/img/kubok2.svg') no-repeat center;
}
.kubok3 {
background: transparent url('/img/kubok3.svg') no-repeat center;
}
/*table.topBetsMain tr {*/
/*border: 1px solid #E2ECF3;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*-khtml-border-radius: 4px;*/
/*margin-bottom: 15px;*/
/*box-shadow: 0 2px #E2ECF3;*/
/*}*/
/*.MainBestUsers .item-MainBestUsers i {*/
.UserLastStat i {
font-size: 16px;
}
i.winIcon {
color: #2DA866;
}
i.emptyIcon {
color: #BAC2C8;
}
i.loseIcon {
color: #1D3755;
}
i.drawIcon {
color: #276FB9;
}
.red {
color: red;
}
.linkVideo {
color: #1D3755;
}
.betsList .itemBet {
border: 1px solid #E2ECF3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
color: #1D3755;
box-shadow: 0 2px #E2ECF3;
/*padding: 20px 0;*/
}
.betsList .itemBet .bodyBet {
padding: 15px 20px;
/*border-bottom: 1px solid #E2ECF3;*/
word-wrap: break-word;
word-break: normal;
}
@media (max-width: 767px) {
.betsList .itemBet .bodyBet .textBet {
font-size: 16px;
line-height: 24px;
}
}
.itemBet .bodyBet .dateBet {
color: #888888;
}
.itemBet .bodyBet .UserLastStat {
display: inline-block;
vertical-align: middle;
}
.itemBet .bodyBet .UserLastStat a {
display: block;
text-align: left;
max-width: 100px;
width: 100px;
}
.ratingPlace {
vertical-align: middle;
width: 40px;
height: 40px;
display: inline-block;
color: #fff;
border-radius: 25px;
text-align: center;
background: #2166AC;
}
.ratingPlace span {
margin-top: 8px;
display: block;
}
.prize-place {
font-weight: 900;
background-size: 40px;
width: 40px;
height: 40px;
display: inline-block;
color: #fff;
text-align: center;
vertical-align: middle;
}
@media (max-width: 575px) {
.ratingPlace {
/*float:left;*/
}
.placeText {
width: 65%;
text-align: left;
}
.betList .itemBet .bodyBet .time-event {
border-top: 1px solid #ccc;
padding-top: 12px;
}
}
.betsList .itemBet .footerBet {
padding: 15px 20px;
}
.betsList .itemBet .footerBet-background {
background-color: #F2F8FD;
}
.itemBet .typeBet {
font-weight: 900;
}
.itemBet .coef {
color: #112233;
font-size: 30px;
line-height: 24px;
vertical-align: sub;
font-weight: bold;
}
.itemBet .footerBet i.infoBet {
vertical-align: sub;
}
.itemBet .footerBet .right-footer-block .iconInfo span {
vertical-align: super;
}
.itemBet .footerBet .right-footer-block .iconInfo i {
color: #ccc;
/*opacity: 0.3;*/
font-size: 20px;
}
.itemBet .footerBet .right-footer-block div {
/*color: #1D3755 !important;*/
/*font-size: 12px;*/
/*line-height: 18px;*/
display: inline-block;
}
.profileLinkImg {
position: relative;
display: inline-block;
}
.profileLinkImg .rankUser {
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -21px;
z-index: 1;
}
.rankUser {
text-transform: uppercase;
text-align: center;
background: #1D3755;
display: inline-block;
padding: 1px 4px;
color: #fff;
border-radius: 2px;
}
.rankUser.ProfiHeader {
position: absolute;
left: 50%;
margin-left: -22px;
bottom: -10px;
border: 2px solid #fff;
border-radius: 4px;
font-weight: 500;
padding: 1px 5px;
}
.profileLinkImg .kubok {
position: absolute;
/*max-width: 50px;*/
right: -15px;
bottom: -5px;
}
.betsList .itemBet.proBet {
border: 1px solid #FD9126;
box-shadow: 0 2px #FD9126;
}
.conditions .border-block {
padding: 0;
}
.conditions .vertical-line {
border-right:1px solid #E2ECF3; width: 1px; height: 141px;
}
.conditions .vertical-line2 {
border-right:1px solid #E2ECF3; width: 1px; height: 70px;
}
.conditions .horizontal-line1 .border-block-line, .conditions .horizontal-line1 .border-block-line .border-line {
margin: 0;
}
.conditions .horizontal-line2 .border-block-line {
margin-left: -10px; margin-right: 0;
}
.conditions .horizontal-line2 .border-block-line .border-line {
margin: 0;
}
@media (max-width: 767px) and (min-width: 576px) {
.itemBet .bodyBet .UserLastStat {
/*float: inherit;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
}
.pageBet .itemBet .footerBet .btn-blue, .pageBet .itemBet .footerBet .btn-orange {
width: 100%;
}
}
@media (min-width: 992px) {
.itemBet .footerBet .coef {
text-align: left;
}
.itemBet .bodyBet .rightTopBetFeed {
/*text-align: right;*/
}
}
@media (max-width: 575px) {
.betsList .itemBet {
margin-left: -10px!important;
margin-right: -10px!important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-left: 0;
border-right: 0;
}
.betsList .itemBet .bodyBet, .betsList .itemBet .footerBet {
padding: 15px 10px;
}
/*.betsList .itemBet .bodyBet .time-event div:first-child {*/
/*float: left;*/
/*}*/
.itemBet .bodyBet .time-event div:last-child {
/*float: right;*/
font-size: 12px;
line-height: 19px;
}
.itemBet .footerBet .btn-blue, .itemBet .footerBet .btn-orange {
width: 100%;
}
.betsList .itemBet .footerBet .coef {
text-align: right;
font-size: 24px;
}
.betsList .itemBet .footerBet .leftBlockRating, .betsList .itemBet .footerBet .rightBlockRating {
text-align: center !important;
}
.betsList .itemBet .footerBet .leftBlockRating span.infoText, .betsList .itemBet .footerBet .rightBlockRating span.infoText {
display: block;
margin-bottom: 10px;
}
.betsList .itemBet.exspres a.exspres-toggle {
font-size: 12px !important;
}
.mBorderBlockMobile {
margin: 0 -20px !important;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.betsList .itemBet .footerBet .rightBlockRating span {
display: none;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.betsList .itemBet .footerBet .leftBlockRating span, .betsList .itemBet .footerBet .rightBlockRating span {
display: none;
}
.betsList .itemBet .bodyBet .btn-default {
width: 100%;
}
.bodyBet .exspres .sides .medium-text {
font-size: 14px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.betsList .itemBet .bodyBet .btn-default {
width: 100%;
}
}
/*PAGE-BET*/
.complaintIcon {
cursor: pointer;
}
.yesOrnot i {
vertical-align: middle;
font-size: 20px;
color: #ccc;
/*cursor: pointer;*/
}
.exspres .border-line {
margin: 10px 0 !important;
}
.exspres .border-top-line {
border-top: 1px solid #E2ECF3;
}
@media (max-width: 767px) {
.detailBetPage .footerBet {
padding: 15px 10px;
}
}
@media (max-width: 575px) {
.pageBet .fs16 {
font-size: 12px;
}
.pageBet .bodyBet .fs20 {
font-size: 14px;
}
.detailBetPage .footerBet {
background: #F2F8FD;
}
.detailBetPage .betWinQuest {
background: #fff;
}
.mobileLineBottom {
border-bottom: 1px solid #E2ECF3;
}
.boldMobile {
font-weight: bold;
}
.fs30Mobile {
font-size: 30px;
}
.fs20Mobile {
font-size: 20px;
}
.fs12Mobile {
font-size: 12px;
}
.fs14Mobile {
font-size: 14px;
}
.fs16Mobile {
font-size: 16px;
}
.fs20Mobile {
font-size: 20px;
}
.lh26Mobile {
line-height: 26px;
}
.block1MainHeader .nameHeader {
line-height: 40px;
}
/*.bodyBet .time-event {*/
/*font-size: 12px;*/
/*}*/
.bodyBet .sides img {
width: 20px;
}
.bodyBet .sides .medium-text {
font-size: 14px;
}
.border-block {
margin-left: -10px!important;
margin-right: -10px!important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-left: 0;
border-right: 0;
}
}
/**/
/*EVENT PAGE*/
.BlockCoefBK {
border: 1px solid #E2ECF3;
border-radius: 3px;
/*display: block;*/
/*padding: 0!important;*/
}
a.linkCoefBK:hover {
box-shadow: 0 2px #E2ECF3;
text-decoration: none;
border-radius: 2px;
}
.BlockCoefBK .coefHalf, .coefLink {
color: #276FB9;
background: #F2F8FD;
font-size: 12px;
line-height: 15px;
text-align: center;
font-weight: 900;
position: relative;
padding: 11px 0;
}
.coefLink {
display: block;
}
.BlockCoefBK .coefHalf, .coefLink span {
font-weight: 900;
}
.BlockCoefBK .coefHalf{
border: none;
border-right: 1px solid #E2ECF3;
}
.BlockCoefBK .coefHalf:hover {
background: #E2ECF3;
text-decoration: none;
}
.coefLink {
border: 1px solid #E2ECF3;
}
@media (max-width: 575px) {
.coefBlock a.coefLink, .coefBlock button.coefLink {
width: 100%;
}
}
.bklogoHalf img {
max-height: 36px;
}
.greenButton {
padding: 11px 0;
border-radius: 2px;
color: #fff !important;
}
.greenButton:before, .greenButton[aria-expanded=false]:before {
content: "\e939";
font-family: 'icomoon';
margin-right: 5px;
font-size: 12px;
vertical-align: middle;
}
.greenButton[aria-expanded=true] {
background: #F0FAF0 !important;
color: #2DA866!important;
}
.greenButton[aria-expanded=true]:before {
content: "\e919";
font-family: 'icomoon';
}
.greenButton:hover {
text-decoration: none;
}
#accordionBet {
padding: 0 20px;
}
.progress-bar-vertical {
width: 5px;
min-height: 10px;
margin-right: 20px;
float: left;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
align-items: flex-end;
-webkit-align-items: flex-end; /* Safari 7.0+ */
}
.progress-bar-vertical .progress-bar {
width: 100%;
height: 0;
-webkit-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease;
}
.tablePadding {
margin-left: -20px;
margin-right: -20px;
}
table.tableEvent thead td {
padding-top: 0;
}
table.tableChamp td {
border-right: 3px solid transparent;
}
table.tableChamp tbody tr.top td:first-child {
border-right-color: #2DA866;
}
table.tableChamp tbody tr.bottom td:first-child {
border-right-color: #FD8C7D;
}
table.tableChamp tbody tr:nth-child(2n-1) {
background: #F2F8FD;
}
table.tableChamp tr.ht span,
table.tableChamp tr.at span {
font-weight: bold;
}
/*table.tableChamp tr.ht, table.tableChamp tr.at {*/
/*background: #0575ba !important;*/
/*color: #fff;*/
/*}*/
table.tableEvent tr td {
padding: 0.4rem;
}
table.tableEvent tr td:first-child {
width: 30px;
text-align: center;
}
table.tableEvent tr td:last-child {
padding-right: 20px;
}
@media (max-width: 575px) {
table.tableEvent tr td:last-child {
display: none;
}
}
#lastGame .country-flag {
/*border-radius: 19px;*/
/*width: 19px;*/
vertical-align: middle;
/*height: 19px;*/
}
#blockTypeBets a.linkCoefBetEvent {
font-size: 16px;
color: #1D3755;
font-weight: 500;
padding: 15px 0;
}
#blockTypeBets a.linkCoefBetEvent:after {
float: right;
font-size: 12px;
}
#accordionBk a.linkCollapseBK:after {
position: absolute;
right: 0;
top: 14px;
}
#blockTypeBets a.linkCoefBetEvent:after,
#blockTypeBets a.linkCoefBetEvent[aria-expanded="false"]:after,
#accordionBk a.linkCollapseBK:after, #accordionBk a.linkCollapseBK[aria-expanded="false"]:after {
content: '\f078';
}
#blockTypeBets a.linkCoefBetEvent[aria-expanded="true"]:after,
#accordionBk a.linkCollapseBK[aria-expanded="true"]:after {
content: '\f077';
}
#blockTypeBets a.linkCoefBetEvent:hover, #blockTypeBets a[aria-expanded=true] {
text-decoration: none;
color: #2166AC;
}
#blockTypeBets .border-right {
border-right: 1px solid #E2ECF3 !important;
}
@media (max-width: 767px) and (min-width: 576px) {
.eventPage table .sm-none {
display: none !important;
}
}
.select2-dropdown {
z-index: 1029 !important;
}
#coupon {
bottom: -1px;
align-self: flex-end;
z-index: 1031;
}
.coupon-with-banner {
bottom: 80px !important;
}
.basketBet {
border-bottom: 1px solid #fff;
}
.basketHide {
cursor: pointer;
color: #fff;
display: block;
padding: 7px 9px;
}
.basketHide .summBlock {
background: #276FB9;
border-radius: 2px;
min-width: 54px;
text-align: center;
height: 38px;
padding: 7px;
}
.basketShow {
background: #fff;
display: none;
border-top: 1px solid #E2ECF3;
}
#basketBetLine:after,
#basketBetLine[aria-expanded="false"]::after {
content: '\f078';
}
#basketBetLine:after, #basketBetLine[aria-expanded="true"]:after {
content: '\f077';
}
#basketBetLine:after {
/* color: #1D3755; */
/* vertical-align: middle; */
position: absolute;
right: 10px;
font-size: 20px;
top: 8px;
}
@media (max-width: 575px) {
#basketBetLine:after {
top: 2px;
}
}
.basketShow .container {
position: relative;
}
.basketShow a.basketSvoltare {
position: absolute;
right: 10px;
top: 15px;
font-size: 20px;
z-index: 1;
color: #1D3755;
display: block;
}
.basketShow .add-bet-title {
cursor: pointer;
}
/**/
.slider-blue {
position: relative;
}
.slider-blue .slider-selection {
background: #276FB9 !important;
}
/*.slider-blue .slider-tick-container {*/
/*display: none;*/
/*}*/
/*.slider-blue .slider-tick-label-container,*/
/*.slider-blue .slider-tick-label-container {*/
/*margin-left: 0 !important;*/
/*margin-top: -7px !important;*/
/*}*/
/*.slider-blue .slider-tick-label-container .slider-tick-label {*/
/*width: inherit !important;*/
/*}*/
/*.slider-blue .slider-tick-label-container .slider-tick-label:last-child {*/
/*float: right;*/
/*}*/
/*.slider-blue .slider-tick-label-container .slider-tick-label:first-child {*/
/*float: left;*/
/*}*/
.slider-blue .slider.slider-horizontal {
margin-bottom: 0;
width: 100%;
height: 38px;
overflow: hidden;
}
.slider-blue label {
display: none !important;
}
.slider-blue .slider.slider-horizontal .slider-handle {
margin-top: -19px;
}
.slider-blue .slider.slider-horizontal .slider-handle[aria-valuenow="0"] {
margin-left: 0;
}
.slider-blue .slider-handle {
/*display: block;*/
left: 100%;
color: #fff;
text-align: center;
padding: 7px 0;
height: 38px;
width: 54px;
z-index: 1;
/*border-radius: 2px;*/
font-weight: 500;
font-size: 16px;
box-shadow: none;
background: #276FB9;
}
.slider-blue .slider-handle.round {
border-radius: 2px;
}
.slider-blue .slider-track {
height: 2px !important;
margin-top: 0 !important;
}
.slider-blue .slider-handle {
border-color: #276FB9;
}
.slider-blue span.min-value {
position: absolute;
left: 0;
top:-4px;
}
.slider-blue span.max-value {
position: absolute;
right: 0;
top:-4px;
}
/**/
@media (max-width: 767px) {
.basketShowLeft .fs16 {
font-size: 14px;
}
.eventPage .time-event span{
color: #1D3755;
}
.eventPage .time-event span:last-child {
font-weight: 500;
}
.eventPage #statBet .medium-text {
font-size: 14px;
}
#blockTypeBets .border-right {
border: 0 !important;
}
}
@media (max-width: 575px) {
.eventPage .medium-text, .eventPage .fs16 {
font-size: 14px !important;
}
.eventPage table .mob-none {
display: none !important;
}
.basketBet {
z-index: 1050;
}
.basketShow textarea {
height: 100px !important;
}
.basketShowRight .fs20 {
font-size: 12px;
}
.basketShowLeft .fs16 {
font-size: 12px;
}
.basketShowLeft .fs20 {
font-size: 16px;
}
.basketHide {
text-align: center;
}
.fs10xs {
font-size: 10px !important;
}
}
/**/
.btn-orange.cartIcon i {
font-size: 18px;
color: #fff;
float: right;
vertical-align: middle;
}
@media (max-width: 1199px) and (min-width: 992px) {
.btn-orange.cartIcon span {
/*display: none;*/
}
}
@media (min-width: 576px) and (max-width: 767px) {
.btn-orange.cartIcon span {
/*display: none;*/
}
}
input.fileInput {
display: none;
}
.custom-file-upload {
border: 1px solid #E2ECF3;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
border-radius: 3px;
background: #F2F8FD;
}
input.fileInput {
outline: none !important;
box-shadow: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
}
.btn-default, input.fileInput, .btn-unsubscr {
color: #1D3755;
border: 1px solid #E2ECF3;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
padding: 10px 25px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.btn-default, input.fileInput {
background: #F2F8FD;
}
.btn-unsubscr {
background: #E2ECF3;
}
a.btn-default {
color: #276FB9 !important;
}
.btn-default span {
opacity: 0.3;
}
.requiredStar {
color: #FD8C7D !important;
}
.btn-group-toggle {
width: 100%;
}
.btn-group-toggle .btn-default {
cursor: pointer;
padding: 10px 0!important;
}
.btn-group-toggle .btn-default.active {
background: #276FB9;
color: #fff;
}
.btn-blue {
background: #276FB9;
}
.btn-gray {
background: #535353;
}
.btn-blue, .btn-gray {
/*border: 1px solid #E2ECF3;*/
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
padding: 10px 25px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.btn-blue span, .btn-gray span {
opacity: 0.3;
}
.btn-blue:hover, .btn-blue:focus{
color: #fff;
background: #2166AC !important;
}
.btn-gray:hover, .btn-gray:focus {
color: #fff;
background: #3c3c3c !important;
}
.btn-orange {
background: #FD9126;
border: 1px solid #FD9126;
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
padding: 10px 20px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.btn-orange:hover {
background: #dd7a00 !important;
color: #fff;
}
.nav-tab .btn-default {
background: #fff !important;
}
.nav-tab .btn-default.active {
background: #276FB9 !important;
color: #fff !important;
}
.orange-text i {
color: #FD9126;
font-size: 22px;
}
.betsList .itemBet.exspres a.exspres-toggle {
background: #F2F8FD;
border: 1px solid #E2ECF3;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
display: block;
text-align: center;
padding: 13px 15px;
font-size: 16px;
line-height: 24px;
color: #1D3755;
font-weight: 500;
}
.betsList .itemBet.exspres a.exspres-toggle:after {
/*font-family: 'FontAwesome';*/
float: right;
}
.betsList .itemBet.exspres a.exspres-toggle:after,
.betsList .itemBet.exspres a.exspres-toggle[aria-expanded="false"]:after {
content: '\f078';
opacity: 0.3;
}
.betsList .itemBet.exspres a.exspres-toggle[aria-expanded="true"]:after {
content: '\f077';
opacity: 1;
}
.betsList .itemBet.exspres a.exspres-toggle:hover {
text-decoration: none;
}
.betsList .itemBet.exspres a.exspres-toggle span {
opacity: 0.3;
}
.UserBet .exspres-toggle {
display: block;
text-align: center;
font-size: 16px;
line-height: 24px;
color: #1D3755;
font-weight: 500;
}
.betToggle {
width: 30px;
height: 30px;
cursor: pointer;
background: #F2F8FD;
color: #1D3755;
display: inline-block;
font-size: 14px;
line-height: 18px;
border: 1px solid #E2ECF3;
position: relative;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
}
.betToggle.arrowBet:after, .betToggle.arrowBet[aria-expanded="false"]:after {
content: '\f078';
position: absolute;
}
.betToggle.arrowBet[aria-expanded="true"]:after {
content: '\f077';
}
.betToggle:hover:after {
opacity: 0.3;
}
.betToggle i {
position: absolute;
font-size: 12px;
}
@media (min-width: 577px) {
.betToggle:after, .betToggle[aria-expanded="false"]:after {
left: 8px;
top: 7px;
}
.betToggle[aria-expanded="true"]:after {
top: 5px;
}
.betToggle i {
position: absolute;
left: 7px;
top:8px;
font-size: 12px;
}
}
@media (max-width: 576px) {
.betToggle i {
right: 0;
}
}
.UserBet.proBet {
border: 1px solid #FD9126;
box-shadow: 0 2px #FD9126;
}
.UserBet.drawbet, .UserBet.losebet, .UserBet.winbet {
border-radius: 3px 5px 5px 3px;
}
.UserBet.drawbet {
border-right: 4px solid #276FB9;
}
.UserBet.losebet {
border-right: 4px solid #BAC2C8;
}
.UserBet.winbet {
border-right: 4px solid #2DA866;
}
@media (max-width: 1199px) and (min-width: 768px) {
.UserBet .btn-orange {
padding: 10px;
}
}
@media (max-width: 767px) and (min-width: 577px) {
.UserBet .fs16, .UserBet .medium-text, .UserBet .exspres-toggle {
font-size: 14px;
}
}
@media (max-width: 576px) {
.UserBet .fs16, .UserBet .medium-text, .UserBet .exspres-toggle {
font-size: 12px;
}
.betToggle:after {
right: 0;
}
.betToggle {
border: 0;
background: transparent;
width: 10px;
height: 14px;
}
}
ul.menuStat {
/*border-bottom: 2px solid #E2ECF3;*/
}
ul.menuStat li.liStat:hover {
/*border-bottom: 2px solid #276FB9;*/
/*margin-bottom: -2px;*/
}
ul.menuStat li.liStat:first-child {
padding-left: 0;
}
ul.menuStat li.liStat {
padding: 0 20px;
display: inline-block;
}
@media (max-width: 575px) {
ul.menuStat li.liStat {
padding: 0 15px;
}
}
@media (max-width: 340px) {
ul.menuStat li.liStat {
padding: 0 10px;
}
}
ul.menuStat li.liStat:last-child {
padding-right: 0;
}
ul.menuStat li.liStat a {
padding: 18px 0;
text-align: center;
font-weight: 500;
color: #1D3755;
}
ul.menuStat li.liStat:hover a, ul.menuStat li.liStat a.active {
color: #276FB9;
border-bottom: 2px solid #276FB9;
margin-bottom: -2px;
}
ul.menuStat li.liStat .linkStat span.number {
opacity: 0.3;
}
/*****LIST RATING BK*****/
.rankBKUserReview {
color: #fff;
display: inline;
padding: 0 18px;
}
.dateBKUserReview, .color888 {
color: #888;
}
.userImgReviewBK {
/*float: left;*/
/*margin-right: 10px;*/
}
.detailInfoReview {
margin-left: 50px;
}
ul.ratingList {
padding: 0;
margin-bottom: 0;
list-style-type: none;
}
ul.ratingList li:before {
/*font-family: "FontAwesome";*/
margin-right: 10px;
font-size: 16px;
vertical-align: middle;
/*font-weight: 100;*/
}
ul.ratingList.plusList li:before {
content: "\f067";
color: #2DA866;
}
ul.ratingList.minusList li:before {
content: "\f068";
color: #FD8C7D;
}
.white-shadow-users {
max-height: 42px;
overflow: hidden;
width: 600px;
display: table;
}
.white-shadow-users a {
display: table-cell;
/*display: inline-block;*/
position: relative;
}
.block-users-icon {
overflow: hidden;
/*position: relative;*/
display: block;
text-align: left;
}
.white-shadow-users:after {
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
height: 100%;
content: "";
background: transparent;
/*box-shadow: -60px 2px 20px -15px #fff inset;*/
box-shadow: -34px 0 22px 0 #fff inset;
/*opacity: 0.9;*/
}
@media (max-width: 575px) {
.block-users-icon img {
width: 30px;
}
.white-shadow-users:after {
width: 35px;
}
}
/*.blockBkList .white-shadow .block-shadow {*/
/*position: absolute;*/
/*bottom: 0;*/
/*z-index: 1;*/
/*width: 100%;*/
/*left: 0;*/
/*right: 0;*/
/*height: 100%;*/
/*background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 100%);*/
/*}*/
.btn-android, .btn-ios {
color: #fff;
font-size: 12px;
line-height: 18px;
padding: 10px 25px;
font-weight: 500;
border: 1px solid #E2ECF3;
}
.btn-android:before, .btn-ios:before {
/*font-family: "FontAwesome";*/
font-size: 16px;
margin-left: -10px;
margin-right: 10px;
vertical-align: middle;
}
.btn-android {
background: #68B445;
}
.btn-android:before {
content: "\f17b";
}
.btn-ios {
background: #1D3755;
}
.btn-ios:before {
content: "\f179";
}
.btn-main {
color: #fff;
font-size: 12px;
line-height: 18px;
padding: 10px 25px;
font-weight: 500;
background: #1D3755;
}
.btn-main:hover {
text-decoration: none;
color: #fff;
background: #276FB9;
}
.infoUserRevievBK div {
/*display: inline-block;*/
}
.blockBkList .buttonBlock .btn {
height: 40px;
}
.fs12h3 {
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
/*PAGE rating BK DETAIL*/
.bookmakerPage h2 {
font-size: 20px;
line-height: 40px;
}
@media (max-width: 575px) {
.bookmakerPage h2 {
font-size: 16px;
line-height: 26px;
}
}
.headerBkPage {
background: #F2F8FD;
position: relative;
overflow: hidden;
min-height: 240px;
margin-top: -20px;
margin-left: -20px !important;
margin-right: -20px !important;
border-bottom: 1px solid #E2ECF3;
}
.leftHeaderBkPage {
background: #fff;
position: absolute;
left: 0;
height: 100%;
width: 38%;
border-radius: 3px 0 0 3px;
}
.leftHeaderBkPage:after {
content: '';
position: absolute;
right: -150px;
top: 0;
/*z-index: 1;*/
border-top: 250px solid #fff;
border-right: 150px solid transparent;
}
.headerBkPage ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.headerBkPage ul li {
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.headerBkPage ul li:last-child {
margin-bottom: 0;
}
.headerBkPage ul li:before {
content: '\e916';
font-family: "icomoon";
font-size: 12px;
margin-right: 10px;
color: #2DA866;
}
.listBannerComp .headerBkPage {
margin: -20px !important;
border-bottom: 0;
}
.listBannerComp .leftHeaderBkPage {
background-color: #1D3755;
}
.listBannerComp .leftHeaderBkPage:after {
border-top: 250px solid #1D3755;
}
@media (max-width: 767px) and (min-width: 576px) {
.listBannerComp .headerBkPage .fs30 {
font-size: 24px;
}
}
@media (max-width: 575px) {
.headerBkPage {
background: none;
}
.listBannerComp .headerBkPage .white {
color: #1D3755 !important;
}
}
ul.menuBKPage {
list-style-type: none;
padding-left: 0;
}
.ratingBKProgress .blockBKProgress .progress label.lbrating {
color: #1D3755;
position: absolute;
right: 0;
top: 0;
font-weight: 500;
}
.blockBKProgress {
position: relative;
margin-bottom: 10px;
}
.ratingBKProgress .blockBKProgress i {
color: #BAC2C8;
font-size: 16px;
vertical-align: middle;
margin-left: 5px;
cursor: pointer;
}
.ratingBKProgress .blockBKProgress .progress {
background: #F2F8FD;
padding: 4px;
border-radius: 2px;
border: 1px solid #E2ECF3;
height: 20px;
}
.ratingBKProgress .reviewWithBall .progress label {
margin-bottom: 0;
font-weight: 500;
}
.ratingBKProgress .reviewWithBall .row div:first-child {
padding-right: 5px !important;
}
.ratingBKProgress .reviewWithBall .row div:last-child {
padding-left: 5px !important;
}
/*.ratingBKProgress .reviewWithBall .progress {*/
/*margin-right: 3px;*/
/*}*/
.avarageScore5 {
background-color: #2DA866 !important;
}
.avarageScore4 {
background-color: #73B244 !important;
}
.avarageScore3 {
background-color: #C8CC26 !important;
}
.avarageScore2 {
background-color: #FEC601 !important;
}
.avarageScore1 {
background-color: #FD8C7D !important;
}
.mProcProgres {
margin-right: 1.25%;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: #fff; /* цвет стрелочки (по умолчанию #000)*/
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
border-right-color: #fff; /* цвет стрелочки (по умолчанию #000)*/
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: #fff; /* цвет стрелочки (по умолчанию #000) */
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: #fff; /* цвет стрелочки (по умолчанию #000) */
}
.tooltip-inner {
max-width: 500px;
color: #1D3755; /* цвет шрифта */
background-color: #fff; /* цвет фона (по умолчанию #000) */
border-radius: 0.25rem; /* радиус скругдения углов */
text-align: left;
box-shadow: 0 3px #BAC2C8;
opacity: 1;
}
@media (max-width: 767px) {
.tooltip-inner {
max-width: 250px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.tooltip-inner {
max-width: 380px;
}
}
.yourBall {
/*min-height: 70px;*/
}
.yourBall .block-yourBall {
background: #F2F8FD;
border: 1px solid #E2ECF3;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
min-height: 70px;
padding: 20px;
}
.yourBall .right-yourBall i {
font-size: 26px;
vertical-align: bottom;
margin-right: 10px;
display: inline-block;
float: left;
color: #276FB9;
}
.yourBall .right-yourBall span {
float: left;
display: inline-block;
width: 80%;
margin-top: 4px;
vertical-align: middle;
}
@media (max-width: 1199px) and (min-width: 576px) {
.yourBall .right-yourBall span {
margin-top: -4px;
}
}
#plus-minus .plus, #plus-minus .minus {
border: 1px solid #E2ECF3;
border-radius: 4px;
padding: 40px 15px 10px 15px;
position: relative;
}
.block-title-plmn {
position: absolute;
/* left: 30px; */
/*padding: 0 15px;*/
top: -23px;
z-index: 1;
overflow: hidden;
background: #fff;
}
.block-title-plmn h3 {
display: inline-block;
/*margin-left: 5px;*/
}
#plus-minus .plus h3 {
color: #2DA866;
}
#plus-minus .minus h3 {
color: #FD8C7D;
}
.iconRatingBK {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
font-size: 14px;
line-height: 12px;
padding: 9px;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
margin-right: 10px;
color: #fff;
}
.bkIcon {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
padding: 7px 8px;
font-size: 17px;
}
.iconSupportService {
font-size: 30px;
color: #2166AC;
}
#plus-minus ul {
position: relative;
overflow: hidden;
display: block;
margin-bottom: 0;
list-style-type: none;
padding-left: 14px;
}
#plus-minus ul li {
line-height: 28px;
font-size: 16px;
margin-bottom: 15px;
}
/*#plus-minus .plus ul:after, #plus-minus .minus ul:after {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*display: block;*/
/*width: 100%;*/
/*height: 100%;*/
/*content: "";*/
/*background: transparent;*/
/*box-shadow: 0 -72px 9px -40px #ffffff inset;*/
/*opacity: 0.9;*/
/*}*/
#plus-minus a.link-plus-minus {
color: #1D3755;
}
#plus-minus a.link-plus-minus button {
color: #276FB9
}
#plus-minus a.link-plus-minus:hover {
text-decoration: none;
}
#plus-minus a.link-plus-minus:hover .plus, #plus-minus a.link-plus-minus:hover .minus {
border: 1px solid #1D3755;
}
/*ACCORDION DEFAULT */
.ks-rating-accordion .card {
margin-bottom: 10px;
border: 1px solid #E2ECF3 !important;
}
.ks-rating-accordion .card-header {
padding: 0;
background: #F2F8FD !important;
border-bottom: 1px solid #E2ECF3 !important;
}
.ks-rating-accordion .card .card-body {
font-size: 16px;
}
.ks-rating-accordion .accordion > .card:first-of-type,
.ks-rating-accordion .accordion > .card:last-of-type,
.ks-rating-accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 1px solid #E2ECF3 !important;
border-radius: 0.25rem !important;
}
.ks-rating-accordion .card-header h5 button {
width: 100%;
text-align: left;
/*font-size: 12px;*/
font-weight: 500;
padding: 10px 20px;
color: #276FB9;
}
@media (max-width: 767px) and (min-width: 576px) {
.ks-rating-accordion .card-header h5 button {
font-size: 14px;
}
}
@media (max-width: 575px) {
.ks-rating-accordion .card-header h5 button {
font-size: 12px;
}
}
.ks-rating-accordion.faqBK .card-header h5 button {
/*font-size: 16px;*/
/*color: #1D3755;*/
}
.ks-rating-accordion.faqBK .card-header h5 button:after {
color: #2166AC;
}
/*@media (max-width: 767px) {*/
/*.ks-rating-accordion.faqBK .card-header h5 button {*/
/*font-size: 12px;*/
/*}*/
/*}*/
.ks-rating-accordion .card-header h5 button[aria-expanded="true"]:after,
.ks-rating-accordion .card:first-child h5 button:after {
content: '\f077' !important;
/*float: right;*/
opacity: 1;
/*font-family: "FontAwesome";*/
font-family: "Font Awesome 5 Free";
font-weight: 900;
/*font-family: 'FontAwesome';*/
}
.ks-rating-accordion .card-header h5 button[aria-expanded="false"]:after,
.ks-rating-accordion .card-header h5 button:after {
content: '\f078' !important;
float: right;
opacity: 0.3;
/*font-family: "FontAwesome";*/
font-family: "Font Awesome 5 Free";
font-weight: 900;
/*font-family: 'FontAwesome';*/
}
.infobk .leftBlockInfo {
float: left;
width: 20%;
max-width: 35px;
}
.infobk .rightBlockInfo {
display: inline-block;
width: 70%;
}
/*END ACCORDION*/
/*.messageBlock {*/
/*position: relative;*/
/*margin-left: 50px;*/
/*}*/
/*.messageBlock .message {*/
/*margin-bottom: 20px;*/
/*}*/
/*.messageBlock .message.level2 {*/
/*margin-left: 50px;*/
/*}*/
/*.messageBlock .message .userImgReviewBK {*/
/*position: absolute;*/
/*left: -50px;*/
/*}*/
/*.messageBlock .message.level2 .userImgReviewBK {*/
/*left: 0;*/
/*}*/
/*.testimonial .border-block-line {*/
/*margin-left: -70px;*/
/*}*/
/*@media(max-width: 575px) {*/
/*.messageBlock .message.level2 {*/
/*margin-left: 0;*/
/*}*/
/*.messageBlock .message.level2 .userImgReviewBK {*/
/*left: -50px;*/
/*}*/
/*}*/
.messageBlock {
position: relative;
/*padding-left: 50px;*/
}
.messageBlock .message {
padding: 10px 0 10px 50px;
}
.messageBlock .message.level2 {
padding: 10px 0 10px 100px;
}
.messageBlock .message .userImgReviewBK {
position: absolute;
left: 0;
}
.messageBlock .message.level2 .userImgReviewBK {
left: 50px;
}
.testimonial .border-block-line {
/*margin-left: -70px;*/
}
.answerCommentForm, .delAnswerComment {
cursor: pointer;
}
.commentsForecast {
padding: 10px 15px;
}
@media (max-width: 575px) {
.messageBlock .message.level2 {
/*margin-left: 0;*/
}
.messageBlock .message.level2 .userImgReviewBK {
/*left: -50px;*/
}
}
#bonusBlockBK {
overflow: hidden;
display: block;
position: relative;
height: 77px;
}
#bonusBlockBK.show {
height: auto;
}
.toggleClassKS[aria-expanded="true"]:after {
content: '\f077' !important;
opacity: 1;
/*font-family: 'FontAwesome';*/
}
.toggleClassKS:after {
margin-left: 5px;
}
.toggleClassKS:after, .toggleClassKS[aria-expanded="false"]:after {
content: '\f078' !important;
opacity: 0.3;
/*font-family: 'FontAwesome';*/
}
.KSBeforeLink:before {
content: '\f053' !important;
/*font-family: 'FontAwesome';*/
margin-right: 5px;
}
.paysystemBKType {
border: 1px solid #E2ECF3;
text-align: center;
padding: 15px 0;
display: block;
border-radius: 2px;
}
.paysystemBKType.active {
border: 1px solid #276FB9;
}
.cartPage .paysystemBKType {
height: 60px !important;
}
@media (min-width: 1200px) {
.blockBkList .buttonBlock .btn-ios, .blockBkList .buttonBlock .btn-android {
width: 120px;
}
.blockBkList .buttonBlock .btn-default, .blockBkList .buttonBlock .btn-blue {
/*width: 100px;*/
}
}
@media (max-width: 767px) {
.blockBkList .buttonBlock a.btn-default {
float: left;
}
.blockBkList .buttonBlock a.btn {
width: 48%;
}
.mobileBk .btn-default {
width: 100% !important;
margin-top: 10px;
}
.mobileBk .btn-android {
float: left;
}
}
@media (max-width: 575px) {
.detailInfoReview {
margin-left: 0;
}
}
/******END RATING BK*/
/*BLOG*/
/*Stars rating*/
.rating-container .empty-stars {
color: #FEC601;
}
.rating-container .filled-stars {
color: #FEC601 !important;
text-shadow: none !important;
-webkit-text-stroke: inherit !important;
/*-webkit-text-stroke: 1px #FEC601;*/
/*text-shadow: 1px 1px #FEC601;*/
}
/*Popular news widget*/
.NewsBlogWidget {
color: #1D3755;
font-size: 12px;
overflow: hidden;
display: block;
position: relative;
}
.NewsBlogWidget h2 {
font-weight: 900;
}
/*.NewsBlogWidget h4 {*/
/*font-size: 16px;*/
/*text-align: center;*/
/*margin-bottom: 20px;*/
/*}*/
.NewsBlogWidget .popular-item {
margin-bottom: 10px;
overflow: hidden;
display: block;
}
.NewsBlogWidget .popular-item a {
/*font-size: 12px;*/
line-height: 18px;
display: block;
color: #1D3755;
margin-bottom: 6px;
font-weight: 500;
}
/*parent categories in blog*/
.typeSportMenu .col:first-child {
padding-left: 10px!important;
}
.typeSportMenu .col:last-child {
padding-right: 10px!important;
}
/*.filtePageBet .col:nth-child(odd) {*/
/*padding-right: 10px!important;*/
/*}*/
/*.filtePageBet .col:nth-child(even) {*/
/*padding-right: 10px!important;*/
/*}*/
/*.filterPageBet li {*/
/*display: table;*/
/*}*/
/*.filterPageBet li a {*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*}*/
ul.filterPageBet li:nth-child(1), ul.filterPageBet li:nth-child(2) {
margin-bottom: 20px;
}
.menuTypesNavKS .col {
padding-left: 5px!important;
padding-right: 5px!important;
}
.menuTypesNavKS a.lgLink {
background: #F2F8FD;
padding: 11px 5px 12px 6px;
color: #1D3755;
display: block;
text-align: center;
text-decoration: none;
position: relative;
font-size: 12px;
line-height: 18px;
border: 1px solid #E2ECF3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
height: 100%
}
.menuTypesNavKS a.lgLink:hover {
text-decoration: none;
/*box-shadow: inset 0 0 9px 2px rgba(165, 165, 165, 0.4);*/
box-shadow: inset 0 0 8px 2px rgba(202, 205, 206, 0.4);
}
.menuTypesNavKS a span {
position: absolute;
opacity: 0.3;
right: 5px;
top: 5px;
}
/*.menuTypesNavKS a.active {*/
/*border: 1px solid #2167AC;*/
/*text-decoration: none;*/
/*}*/
.imgBlockMenuType {
width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
/*margin-bottom: 4px;*/
}
.imgBKsb:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.8;
}
/*.typeSports .nameChamp {*/
/*max-width: 90px;*/
/*vertical-align: middle;*/
/*}*/
ul.typeSportMenu {
list-style-type: none;
padding-left: 0;
}
/*ul.typeSportMenu a.lgLink {*/
/*display: flex;*/
/*}*/
/*ul.typeSportMenu a.lgLink .infoTypeSport {*/
/*margin: auto;*/
/*}*/
/*ul.typeSportMenu a.lgLink .infoTypeSport .marker {*/
/*width: 5px;*/
/*height: 5px;*/
/*}*/
/*ul.typeSportMenu a.lgLink .infoTypeSport .nameSport {*/
/*text-decoration: underline;*/
/*}*/
/*ul.typeSportMenu a.lgLink .infoTypeSport h4 {*/
/*font-size: 12px;*/
/*line-height: 18px;*/
/*font-weight: 400;*/
/*margin-bottom: 0;*/
/*}*/
.relative {
position: relative;
}
.otherBlock {
/*width: 26px;*/
/*height: 26px;*/
/*display: block;*/
/*line-height: 26px;*/
/*margin: auto;*/
}
/*.otherBlock */
.markerOther {
width: 5px;
height: 5px;
background: #1D3755;
border-radius: 5px;
display: inline-block;
}
.user-menu {
border-bottom: 2px solid #E2ECF3;
}
.user-menu .menuStat {
margin-bottom: -2px;
padding-bottom: 2px;
overflow: hidden;
max-height: 56px;
display: inline-flex;
}
.user-menu .nav__dropdown-wrapper {
/*vertical-align: text-bottom;*/
display: inline-block;
}
.user-menu .nav__dropdown-toggle {
background: transparent;
border: none;
/*margin-left: 15px;*/
margin-left: 40px;
padding: 10px 5px;
text-align: center;
font-weight: 900;
font-size: 30px;
line-height: 0;
/* height: 30px; */
vertical-align: middle;
/* font-size: 30px; */
/* line-height: 30px; */
color: #1D3755;
background-repeat: no-repeat;
cursor: pointer;
overflow: hidden;
outline: none;
}
.user-menu .nav__dropdown-toggle:after {
content: '...';
vertical-align: text-top;
display: inline-block;
}
.user-menu .priority-nav__dropdown {
/*background: #F2F8FD;*/
/*z-index: 100;*/
/*width: 100%;*/
/*padding: 0;*/
/*display: table;*/
/*list-style-type: none;*/
/*background-clip: padding-box;*/
/*border: 1px solid rgba(0, 0, 0, 0.15);*/
background: #F2F8FD;
z-index: 1032;
padding: 0;
right: 0;
list-style-type: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.user-menu .nav__dropdown li a {
padding: 10px 40px;
font-size: 12px;
font-weight: 500;
color: #1D3755;
}
.user-menu .nav__dropdown li a.active {
color: #fff !important;
background-color: #276FB9;
}
@media (max-width: 575px) {
.user-menu .nav__dropdown-toggle {
margin-left: 30px;
}
}
@media (max-width: 340px) {
.user-menu .nav__dropdown-toggle {
margin-left: 20px;
}
}
/*.border-line-2 {*/
/*border-top: 2px solid #E2ECF3;*/
/*}*/
/*OTHER TYPE SPORT BLOCK*/
/*END OTHE TYPE SPORT BLOCK*/
/* Categories View - Blog */
.blog .blog-post {
/*border-bottom: 1px solid #f2f2f2;*/
/*margin-bottom: 20px;*/
/*margin-top: 20px;*/
/*padding-bottom: 15px;*/
}
.mb20 {
margin-bottom: 20px;
}
@media (max-width: 575px) {
.NewsBlogWidget .blog-items section {
margin-bottom: 14px;
}
.categories-view .blog-items section {
margin-bottom: 20px;
}
.blog .blog-post .post-details .rating-container {
float: left !important;
}
.blog .list-view .mb20 {
margin-bottom: 0;
}
.blog .list-view .blog-post {
border: 1px solid #E2ECF3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
box-shadow: 0 2px #E2ECF3;
padding: 15px;
overflow: hidden;
}
}
.blog .blog-post::after {
clear: both;
}
.blog .blog-post .post-thumb {
text-align: center;
}
.blog .blog-post .post-thumb a {
display: block;
position: relative;
}
.blog .blog-post .post-thumb a img {
/*display: block;*/
/*max-width: 100%;*/
/*width: 100%;*/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blog .blog-post .post-thumb a.post-other img {
/*height: auto;*/
/*max-height: 180px;*/
}
.blog .blog-post .post-thumb a::after {
/*background: rgba(48, 54, 65, 0.5) none repeat scroll 0 0 padding-box;*/
/*box-shadow: inset 0px 2px 48px 40px rgba(0,0,0,.7);*/
box-shadow: inset 0px 2px 18px -5px rgba(0,0,0,.7);
border-radius: 4px;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s ease 0s;
/*z-index: 5;*/
}
.blog .blog-post .post-details {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #1D3755;
}
.blog .blog-post .post-details a {
color: #1D3755;
}
.blog .blog-post .post-details h5,
.blog .blog-post .post-details a.blog-post2-title {
font-size: 16px;
margin-top: 0;
margin-bottom: 10px;
transition: all 350ms;
}
@media (max-width: 767px) {
.blog .blog-post .post-details h5 {
font-size: 18px;
line-height: 26px;
}
}
.blog .blog-post .post-details h5.block-post-other-title,
.blog .blog-post .post-details a.block-post-other-title {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 3.5em;
line-height: 18px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media (max-width: 767px) {
.blog .blog-post .post-details .article-description {
font-size: 16px;
line-height: 24px;
}
}
.blog-post1-title {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
text-align: left;
z-index: 1;
font-size: 16px;
/*line-height: 19px;*/
/*text-shadow: 0 3px 6px rgba(0,0,0,.16);*/
padding: 15px 20px;
text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.93);
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%);
line-height: 15px;
width: 100%;
/*padding: 2px 20px;*/
/* position: relative; */
/* overflow: hidden; */
/* display: block; */
/*box-shadow: inset 0 -56px 81px 0 rgba(0, 0, 0, 0.55);*/
}
.blog-post1-title .post-meta {
font-size: 12px;
line-height: 18px;
display: block;
margin-top: 10px;
}
/*a.blog-post1-link {*/
/*box-shadow: inset 0px -30px 163px 54px rgba(0,0,0,.9);*/
/*position: relative;*/
/*overflow: hidden;*/
/*display: block;*/
/*border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*-webkit-border-radius: 5px;*/
/*-khtml-border-radius: 5px;*/
/*}*/
/*a.blog-post1-link img {*/
/*position: relative;*/
/*z-index: -2;*/
/*border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*-webkit-border-radius: 5px;*/
/*-khtml-border-radius: 5px;*/
/*}*/
h5.blog-post2-title, a.blog-post2-title {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 3.5em;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
h5.blog-post2-title,
.swiper-slide a.blog-post2-title {
margin-top: 14px !important;
}
a.blog-post2-title,
a.block-post-other-title {
font-weight: 500;
}
h5.block-post-other-title a, a.block-post-other-title {
font-size: 12px;
line-height: 18px;
}
@media (min-width: 768px) {
.blog-post2-meta {
position: absolute;
bottom: 15px;
margin-bottom: 0 !important;
}
}
.post-meta
{
/*margin-bottom: 10px;*/
overflow: hidden;
display: block;
}
.post-details .post-meta {
margin-bottom: 0;
}
.post-meta .meta-info
{
display: inline-block;
font-size: 12px;
}
.blog .blog-post .post-details .rating-container {
display: inline-block;
float: right;
}
.post-meta .meta-info i
{
margin-right: 5px;
color: #BAC2C8;
}
.post-meta .meta-info + .meta-info
{
margin-left: 15px;
}
@media screen and (max-width: 767px) {
section.blog .blog-post .post-thumb {
margin-bottom: 30px;
width: 100%;
}
}
/* Item View - Blog */
.item-view {
color: #1D3755;
}
.item-view img {
max-width: 100%;
height: auto;
}
.item-view p, .content .seotext {
font-size: 16px;
line-height: 28px;
/*color: #1D3755;*/
}
.item-view p, .item-view .item-content a:not(.list-group-item), .item-view li, .item-view blockquote {
font-size: 16px;
line-height: 28px;
/*color: #1D3755;*/
}
blockquote {
border-left: 6px solid #E2ECF3;
padding-left: 30px;
}
@media (max-width: 575px) {
blockquote {
border-left: 3px solid #E2ECF3;
padding-left: 15px;
}
}
.item-view h1, .categories-view h1 {
color: #1D3755;
}
.item-view h2, .categories-view h2 {
font-weight: normal;
font-size: 30px;
}
.item-view ul {
padding-left: 20px;
}
.item-view li, .bookmakerView li {
margin-bottom: 10px;
}
.item-view ol {
margin:0 0 1.5em;
padding:0;
counter-reset:item;
}
.item-view ol>li {
margin:0;
padding:0 0 0 2em;
text-indent:-2em;
list-style-type:none;
counter-increment:item;
}
.item-view ol>li:before {
display:inline-block;
width:1.5em;
padding-right:0.5em;
font-weight:bold;
text-align:right;
content:counter(item) ".";
}
.item-view table tbody tr:nth-of-type(odd) {
background-color: #F2F8FD;
}
.item-view table thead th {
border-bottom: 0;
}
.item-view table th, .table td {
border-top: 0;
vertical-align: middle;
}
/*END BLOG*/
/*centerBET*/
.border-block.centerEvent {
padding: 0;
}
.centerEvent a.centerEventLink {
padding: 20px 25px;
display: block;
}
.centerEvent .eventsCenterChamp {
padding: 0 15px 15px 15px;
}
.centerEvent .eventsCenterChamp .border-block-line15:first-child .border-line {
margin-top: 0;
}
.centerEvent a:hover {
text-decoration: none;
}
.centerEvent .centerNameChamp {
position: relative;
}
a.addBetsButton:hover {
color: #fff !important;
text-decoration: none
}
ul.menuCoefType .linkCoef {
color: #276FB9;
background: #F2F8FD;
border: 1px solid #E2ECF3;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
font-size: 12px;
line-height: 15px;
text-align: center;
font-weight: 500;
padding: 12px 11px;
}
ul.menuCoefType .linkCoef span {
font-weight: 400;
}
@media (max-width: 575px) {
.centerEvent .eventsCenterChamp .medium-text {
font-size: 14px;
}
.centerEvent .centerEventLink .fs16 {
font-size: 14px;
}
/*ul.menuCoefType {*/
/* display: table !important;*/
/* width: 100%;*/
/*}*/
/*ul.menuCoefType li {*/
/* display: table-cell !important;*/
/*}*/
}
.centerEvent a.centerEventLink div.centerNameChamp:after {
color: #1D3755;
position: absolute;
right: 10px;
/*font-family: 'FontAwesome';*/
}
.centerEvent a.centerEventLink .schierare {
display: block !important;
}
.centerEvent a.centerEventLink .svoltare {
display: none !important;
}
.centerEvent a.centerEventLink[aria-expanded="true"] .svoltare {
display: block !important;
}
.centerEvent a.centerEventLink[aria-expanded="true"] .schierare {
display: none !important;
}
/*.centerEvent a.centerEventLink[aria-expanded="true"] .schierare {*/
/*display: block !important;*/
/*}*/
/*.centerEvent a.centerEventLink[aria-expanded="false"] .svoltare,*/
/*.centerEvent a.centerEventLink[aria-expanded="false"] .schierare {*/
/*display: none !important;*/
/*}*/
.centerEvent a.centerEventLink div.centerNameChamp:after,
.centerEvent a.centerEventLink[aria-expanded="true"] .centerNameChamp:after {
content: '\f078';
}
.centerEvent a.centerEventLink[aria-expanded="true"] .centerNameChamp:after {
content: '\f077';
}
/*.centerEvent a.centerEventLink div.centerNameChamp:after,*/
/*.centerEvent a.centerEventLink[aria-expanded="false"] .centerNameChamp:after,*/
/*#basketBetLine:after, #basketBetLine[aria-expanded="false"]:after {*/
/*content: '\f078';*/
/*}*/
/*.centerEvent a.centerEventLink[aria-expanded="true"] .centerNameChamp:after,*/
/*#basketBetLine:after, #basketBetLine[aria-expanded="true"]:after {*/
/*content: '\f077';*/
/*}*/
/*END centerBET*/
/*Sidebar right*/
table {
color: #1D3755 !important;
}
/*.right-sidebar {*/
/*border: 1px solid #E2ECF3;*/
/*border-radius: 3px 3px 3px 3px;*/
/*padding: 20px 15px;*/
/*box-shadow: 0 2px #E2ECF3;*/
/*}*/
.placeRatingSidebar .col {
padding-right: 0 !important;
padding-left: 0 !important;
}
.placeRatingSidebar .col:first-child {
padding-left: 10px !important;
}
.placeRatingSidebar .col:last-child {
padding-right: 10px !important;
}
.right-sidebar h4, .border-block h4 {
color: #1D3755;
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
ul.ratingTabs .liRating {
background: #F2F8FD;
/* border: 1px solid #E2ECF3; */
/* padding: 0px 0; */
padding: 0 !important;
/* display: block; */
overflow: hidden;
}
ul.ratingTabs .liRating a.linkRating {
font-size: 12px;
line-height: 15px;
text-align: center;
color: #1D3755;
font-weight: 500;
border: 1px solid #E2ECF3;
padding: 11px 0;
}
ul.ratingTabs .liRating h3 {
font-size: 12px;
line-height: 15px;
margin-bottom: 0;
font-weight: 500;
}
ul.ratingTabs .liRating a.linkRatingTabs {
padding: 7px 0;
}
ul.ratingTabs .liRating a.active.linkRating span {
color: #fff;
}
ul.ratingTabs .liRating a.linkRating span {
color: #2167AC;
font-size: 10px;
display: block;
margin-top: 2px;
line-height: 13px;
}
ul.ratingTabs li.nav-item {
width: 33.333%;
}
ul.ratingTabs li.nav-item:first-child {
border-radius: 5px 0 0 5px;
}
ul.ratingTabs li.nav-item:last-child {
border-radius: 0 5px 5px 0;
}
ul.ratingTabs li a.active {
background: #276FB9;
}
ul.ratingTabs li a.active {
color: #fff !important;
}
/*table right-sidebar*/
.right-sidebar table {
font-size: 12px;
line-height: 18px;
/*margin-bottom: 0;*/
}
.right-sidebar table a {
color: #1D3755;
}
.right-sidebar table tr td {
padding: 10px 0;
vertical-align: middle;
}
.right-sidebar table.ratingContetnTabs tr td:nth-child(even) {
text-align: right;
}
.right-sidebar table.ratingContetnTabs tbody tr td {
padding: 5px 0;
}
.right-sidebar table.ratingContetnTabs tbody tr td:nth-child(odd) a:hover {
font-weight: bold;
text-decoration: underline;
}
.right-sidebar table.ratingContetnTabs tbody tr td:nth-child(even) {
color: #2DA866;
font-weight: 900;
}
i.plus {
color: #2DA866;
}
i.minus {
color: #FD8C7D;
}
.right-sidebar table.profileContentTabs tbody tr td {
padding: 7px 0;
}
.right-sidebar table.profileContentTabs tr td:nth-child(even) {
text-align: right;
min-width: 60px;
}
table.centerBets {
margin-bottom: 0;
}
.centerBets-td a {
display: block;
}
.centerBets-td a.name-champ {
font-weight: 500;
}
.centerBets-td span {
color: #1D384B;
opacity: 0.3;
}
.marker {
width: 8px;
height: 8px;
border-radius: 8px;
display: inline-block;
}
.marker-show {
width: 30px;
height: 30px;
border-radius: 30px;
display: inline-block;
}
.marker-green {
background: #2DA866;
}
.marker-colar {
background: #FD8C7D;
-webkit-animation: pulsate 2.2s linear infinite;
animation: pulsate 2.2s linear infinite;
}
.marker-coral {
background: #FD8C7D;
}
@keyframes pulsate{
50%{
background: #fff;
}
}
.priceCartUser .col-3 {
border-right: 1px solid #E2ECF3;
padding-right: 20px !important;
padding-left: 20px !important;
}
.priceCartUser .col-3:first-child {
padding-left: 10px !important;
}
.priceCartUser .col-3:last-child {
border-right: 0;
padding-right: 10px !important;
}
.cartPromo input {
border-radius: 0.25rem 0 0 0.25rem;
}
.cartPromo .btn {
border-radius: 0 2px 2px 0;
}
.cartPromo .notUnderlineHover {
border-bottom: 1px dotted;
}
/*SEO block*/
.seo-block {
background: #F2F8FD;
border: 1px solid #E2ECF3;
padding: 20px 0 20px 0;
color: #1D3755;
/*margin-top: 20px;*/
position: relative;
}
.seo-block h2, .seo-block h3 {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 500 !important;
}
/*Footer*/
#ageLimit {
/*float: left;*/
font-size: 14px;
line-height: 29px;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
width: 30px;
height: 30px;
opacity: 0.45;
color: #fff;
}
footer.footer {
background: #1D3755;
z-index: 1032;
/*position: relative;*/
/*position: absolute;*/
/*bottom: 0;*/
/*width: 100%;*/
/*height: 386px;*/
}
footer .smi-info {
background: #1d3755;
color: #485d75;
padding: 15px 0;
}
footer .smi-info a {
color: #485d75;
}
footer .smi-info a:hover {
text-decoration: none;
color: #fff;
}
footer .block-footer {
padding: 30px 0 15px 0;
}
footer.footer p {
color: white;
opacity: 0.25;
line-height: 18px;
}
footer.footer p.copy {
opacity: 0.75;
}
footer.footer p.label {
color: white;
font-size: 16px;
font-weight: 500;
opacity: 1;
line-height: 19px;
}
footer.footer a.label {
color: white;
font-size: 16px;
font-weight: 500;
opacity: 1;
line-height: 19px;
padding: 8px 0;
display: block;
}
@media (min-width: 768px) {
.collapse.footerBlockMenu {
display: block;
height: auto !important;
visibility: visible;
}
}
@media (max-width: 767px) {
footer.footer a.label:after {
float: right;
/*font-family: 'FontAwesome';*/
}
footer.footer a.label:after,
footer.footer a.label[aria-expanded="false"]:after {
content: '\f078';
}
footer.footer a.label[aria-expanded="true"]:after {
content: '\f077';
}
}
.block-footer ul {
margin-top: 8px;
}
footer.footer ul {
list-style-type: none;
padding-left: 0;
}
footer.footer ul li {
margin-bottom: 12px;
}
footer.footer ul li a {
color: white;
font-size: 12px;
opacity: 0.75;
line-height: 18px;
}
footer.footer ul li a:hover {
opacity: 1;
text-decoration: none;
}
footer .bottom-footer-block {
min-height: 50px;
background: #1B3350;
}
footer .bottom-footer-block p {
padding-top: 1rem;
}
.footer .footerSoc div {
background: #617CAC;
border-radius: 12px;
opacity: 0.45;
display: inline-block;
width: 26px;
height: 26px;
padding: 3px;
text-align: center;
}
.footer .footerSoc a {
margin-right: 8px;
}
.footer .footerSoc a:last-child {
margin-right: 0;
}
.footer .footerSoc i {
color: #fff;
font-size: 14px;
vertical-align: middle;
/*vertical-align: -webkit-baseline-middle;*/
}
@media (max-width: 575px) {
.footer .footerSoc div {
border-radius: 20px;
padding: 9px;
width: 40px;
height: 40px;
}
.footer .footerSoc i {
font-size: 20px;
}
}
body .brand {
/*background: url(https://kushvsporte.ru/templates/kush3/img/brandWInline.jpg) top center no-repeat #fff;*/
display: block;
width: 100%;
height: 1080px;
/*position: absolute;*/
position: fixed;
z-index: 0;
top: 108px;
}
body .brandRU {
/*background: url(/img/1920x1080_branding.webp) top center no-repeat #000;*/
background: url(/img/brandRU12.webp) top center no-repeat #000;
}
body .brandCOM {
background: url(/img/1xStavkaBrand.webp) top center no-repeat #fff;
}
/*body .brand.inMain.guest {*/
/*top: 602px;*/
/*max-height: calc(100% - 602px);*/
/*}*/
/*body .brand.inOut {*/
/*top: 108px;*/
/*max-height: calc(100% - 108px);*/
/*}*/
/*
.raz {
position: relative;
}
.raz span {
position: absolute;
bottom: 0;
left: 2px;
opacity: .5;
visibility: hidden;
transition: .2s;
}
.raz input:placeholder-shown ~ span {
visibility: visible;
}
.raz input:placeholder-shown:focus ~ span,
.raz input:not(:placeholder-shown) ~ span {
bottom: 100%;
opacity: 1;
font-size: 80%;
visibility: visible;
}
*/
/*.blocksInfoPageBet .d-flex {*/
/*height: 52px;*/
/*}*/
/*@use postcss-nested;*/
.loader .circle-button {
background: #276FB9;
width: 50px;
height: 50px;
/* border: 1px solid #E2ECF3; */
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
text-align: center;
font-size: 12px;
color: #2167AC;
cursor: pointer;
position: absolute;
left: 0;
top: 25px;
z-index: 21;
}
.loader .circle-button i {
position: absolute;
top: 50%;
left: 50%;
margin-left: -4px;
margin-top: -6px;
/* left: 22px; */
color: #fff;
}
@-webkit-keyframes tremor {
0%, 25% {
left: -1px;
top:24px;
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
}
50%, 100% {
left: -0.5px;
top: 26px;
-webkit-transform: translateX(2%);
transform: translateX(2%);
}
}
@-moz-keyframes tremor {
0%, 25% {
left: -0.5px;
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
}
50%, 100% {
left: 0.5px;
-webkit-transform: translateX(2%);
transform: translateX(2%);
}
}
@-ms-keyframes tremor {
0%, 25% {
left: -0.5px;
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
}
50%, 100% {
left: 0.5px;
-webkit-transform: translateX(2%);
transform: translateX(2%);
}
}
@-o-keyframes tremor {
0%, 25% {
left: -0.5px;
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
}
50%, 100% {
left: 0.5px;
-webkit-transform: translateX(2%);
transform: translateX(2%);
}
}
@keyframes tremor {
0%, 25% {
left: -0.5px;
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
}
50%, 100% {
left: 0.5px;
-webkit-transform: translateX(2%);
transform: translateX(2%);
}
}
@keyframes animate-circle {
from {
transform: scale(0);
opacity: 1;
}
to {
transform: scale(1);
opacity: 0;
}
}
@media (min-width: 576px) {
.loader {
width: 70px;
height: 100px;
/*--size: 10rem; */
/*position: absolute;*/
/*top: 50%; */
/*left: 50%; */
/*z-index: 1;*/
/*height: var(--size); */
/*width: var(--size); */
/*transform: translateX(-50%) translateY(-50%);*/
}
.loader >.circle {
/*--duration: 2.5s;*/
position: absolute;
height: 100px;
width: 100px;
left: -25px;
background: rgba(226, 236, 243, 0.29);
border: 3px solid #E2ECF3;
border-radius: 100%;
animation: animate-circle 2.5s cubic-bezier(.9, .24, .12, 0.19) infinite;
}
.loader .circle-button:hover {
-webkit-animation: 0.13s tremor ease-out infinite;
animation: 0.13s tremor ease-out infinite;
}
.loader > .circle:nth-of-type(1) {
animation-delay: 0s;
}
.loader > .circle:nth-of-type(2) {
animation-delay: calc(2.5s / -3);
}
.loader > .circle:nth-of-type(3) {
animation-delay: calc(2.5s / -6);
}
}
@media (max-width: 575px) {
.loader {
width: 50px;
height: 50px;
}
.loader .circle-button {
position: relative;
left: 0;
top: 0;
}
}
@media (min-width: 576px) {
.school-icon div {
background: #F2F8FD;
border-radius: 100%;
padding: 28px;
border: 1px solid #E2ECF3;
/* width: 75px; */
display: table;
/* height: 75px; */
/* text-align: center; */
/* vertical-align: middle; */
}
}
.school-icon i {
font-size: 16px;
display: block;
}
.school-icon span {
font-size: 16px;
font-weight: 500;
}
/*SEARCH*/
ul.search {
padding-left:0;
list-style-type: none;
}
ul.search li {
display: inline-block;
margin-right: 20px;
}
ul.search li:last-child {
margin-right: 0;
}
ul.search li a {
font-size: 16px;
color: #1D3755;
padding-bottom: 10px;
}
ul.search li a.active {
font-weight: bold;
border-bottom: 3px solid #276FB9;
}
ul.search li a:hover {
border-bottom: 3px solid #276FB9;
text-decoration: none;
}
/*END SEARCH*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
iframe, object, embed {
border: none;
max-width: 100%;
/*height: auto;*/
}
iframe.lazyloaded {
/*z-index: 5;*/
width: 100%;
}
.bonus_card {
background: url(../img/cards-min.jpg) top left no-repeat;
/*background-size: cover;*/
width: 180px;
height: 111px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*float: left;*/
margin-right: 5px;
/*opacity: 0.3;*/
position: relative;
}
.bonus_card.no_card {
background-position: left -341px;
}
.bonus_card.card-1 {
background-position: left -228px;
}
.bonus_card.card-2 {
background-position: left -114px;
}
.bonus_card.card-3 {
background-position: left 0;
}
.scrollup {
background-color: #F2F8FD;
border: 1px solid #E2ECF3;
border-radius: 50px;
text-align: center;
cursor: pointer;
height: 50px;
left: 50%;
margin-left: 580px;
position: fixed;
display: none;
top: 80%;
visibility: visible;
width: 50px;
z-index: 1032;
}
.scrollup i {
/*vertical-align: middle;*/
position: absolute;
font-size: 16px;
top: 16px;
left: 17px;
opacity: 0.3;
}
.popover {
max-width: 450px;
box-shadow: 0 0 4px 0 rgba(29, 55, 85, 0.16), 0 15px 55px 0 rgba(29, 55, 85, 0.3);
}
@media (max-width: 575px) {
.popover {
max-width: 310px;
width: 100%;
}
}
.grecaptcha-badge { visibility: hidden; }
.ratingStars {
position: relative;
cursor: default;
vertical-align: middle;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.ratingStars.xs {
font-size: 16px;
}
.ratingStars.sm {
font-size: 20px;
}
.emptyStars {
color: #FEC601;
}
.filledStars {
position: absolute;
left: 0;
top: 0;
margin: auto;
white-space: nowrap;
overflow: hidden;
color: #FEC601;
/*text-shadow: none;*/
/*-webkit-text-stroke: inherit !important;*/
}
.ratingStars .star {
display: table-cell;
padding: 0 2px;
text-align: center;
font-size: 1.1em;
}
.ratingStarsCaption {
margin-left: 5px;
margin-right: 0;
color: #1D3755;
display: inline-block;
vertical-align: middle;
/*line-height: 1;*/
}
#vk_groups {
margin-left: -1px;
margin-bottom: -1px;
margin-right: -1px;
}
.sticky-block-sidebar {
top: 123px;
z-index: 1;
}
.bannerBLock iframe {
z-index: 3;
}
.bannerBLock p {
margin-bottom: 0;
}
.bannerBLock .blocker {
position:absolute;
height:100%;
width:100%;
z-index:2;
/*background:rgba(255,0,0,0.5);*/
}
.bannerBLock .close {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
font-weight: 400;
font-size: 26px;
line-height: 20px;
background: #fff;
opacity: 1;
width: 20px;
/*color: #fff;*/
z-index: 1034;
}
.iti {
width: 100%;
}
.bet-comment {
height: 80px;
}
.avarageScore_win {
background: #2DA866 !important;
}
.avarageScore_draw {
background: #276FB9 !important;
}
.avarageScore_lose {
background: #FD8C7D !important;
}
.EventProgress .blockEventProgress .progress label.lbrating {
display: none;
}
.EventProgress .blockEventProgress .progress {
height: 14px;
}
@media(max-width: 575px) {
.cookie-block {
bottom: 100px !important;
}
}
.cookie-block {
position: fixed;
right: 10px;
bottom: 180px;
background: #fff;
width: 300px;
padding: 15px;
z-index: 1032;
text-align: center;
display: none;
border-radius: 5px;
border: 1px solid #E2ECF3;
}
.iconColor.cart .iconCart {
background: #FD8C7D;
color: #fff;
width: 20px;
height: 20px;
border-radius: 4px;
line-height: 1;
text-align: center;
}
.iconColor.cart i {
font-size: 12px;
padding: 4px 2px;
vertical-align: middle;
}
.iconColor.cart span {
top: -10px;
right: -9px;
}
.iconColor span {
top: -5px;
right: -9px;
}
.notofic {
background: #2DA866;
overflow: hidden;
width: 16px;
display: block;
font-weight: bold;
color: #fff;
position: absolute;
text-align: center;
vertical-align: text-top;
height: 16px;
border-radius: 18px;
line-height: 18px;
}
.notofic.notofic-profile-toggle {
top: -5px;
line-height: 18px;
right: 2px;
}
@media (max-width: 575px) {
.notofic.notofic-profile-toggle {
right: -6px;
}
}
.soc-block-profile {
display: table;
border: 1px solid #E2ECF3;
border-radius: 3px;
overflow: hidden;
}
.soc-block-profile .soc-block {
display: table-cell;
width: 75px;
}
.soc-block-profile .soc-block.vkontakte {
background: #2577ab;
}
.soc-block-profile .soc-block.facebook {
background: #2c5693;
}
.soc-block-profile .soc-block.yandex {
background: #ff3333;
}
.soc-block-profile .soc-block.google {
background: #fff;
}
.soc-block-profile .soc-block.telegram {
background: #36acf2;
}
.soc-block-profile a {
display: table-cell;
border-left: 1px solid #E2ECF3;
background: #F2F8FD;
font-weight: 600;
text-align: center;
}
.soc-block-profile a.active {
background: #276FB9;
color: #fff;
}
.banner-competitions {
background: #1D3755 url('../img/banner_fon_1.png') center center;
border-radius: 3px 3px 3px 3px;
padding: 30px;
}
.banner-competitions .year {
/*color: #fff;*/
/*-webkit-text-stroke: 1px #fff;*/
/*-webkit-text-fill-color: rgba(29, 55, 85, 0.1);*/
font-size: 40px;
line-height: 40px;
color: #1d3755;
text-shadow: 0 0 3px #ffffff;
}
.banner-competitions .labelComp1 {
text-transform: uppercase;
font-size: 28px;
line-height: 38px;
}
.banner-competitions .labelComp2 {
font-size: 30px;
line-height: 50px;
color: #67e6a2;
}
.partner-period-block .select2-selection {
outline: none;
color: #1D3755 !important;
}
.soc-block-affiliate .iconShare {
background: #1d3755;
}
.paid-block {
/*background-color: rgba(255, 255, 255, 0.3);*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
}
.paid-block1 {
background-image: url('https://kushvsporte.ru/img/get_paid/pokupatel.jpg');
}
.paid-block2 {
background-image: url('https://kushvsporte.ru/img/get_paid/kapperam.jpg');
}
.paid-block3 {
background-image: url('https://kushvsporte.ru/img/get_paid/hands.jpg');
}
.paid-block4 {
background-image: url('https://kushvsporte.ru/img/get_paid/contest.jpg');
}
.paid-block5 {
background-image: url('https://kushvsporte.ru/img/get_paid/bet.jpg');
}
.readall {
position: relative;
text-align: left;
box-sizing: border-box;
}
.readall-wrapper {
text-align: left;
}
/*.readall-button {*/
/*display: inline-block;*/
/*width: 150px;*/
/*border: 1px solid silver;*/
/*padding: 10px 0;*/
/*text-align: center;*/
/*cursor: pointer;*/
/*}*/
.readall-button:hover {
color: white;
background: silver;
}
.readall-hide:after {
content: "";
display: inline-block;
/*position: absolute;*/
/*bottom: 0;*/
/*right: 0;*/
/*width: 100%;*/
/*height: 25px;*/
/*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), white 75%);*/
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
left: 0;
right: 0;
height: 35px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%);
}
.background-video-bk {
background: #1D3755 !important;
border: 0;
color: #fff;
}
.eventPage .time-event .time-title {
font-size: 16px;
}
@media (max-width: 500px) {
.eventPage .time-event .time-title {
font-size: 12px;
}
.eventPage .time-event .fs40 {
font-size: 28px;
}
.eventPage .time-event .lh50 {
line-height: 38px;
}
}
@media (max-width: 575px) {
h1.event-title {
font-size: 16pt;
line-height: 24pt;
}
}
.adv-mark {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 100;
color: white;
overflow: hidden;
cursor: default;
display: block;
padding: 0px 4px;
max-height: 100%;
font-size: 8px;
line-height: 8px;
}
@media (max-width: 575px) {
h1.event-title {
font-size: 16pt;
line-height: 24pt;
}
}
button.present ,
li.topButton .present {
border: none;
background-color: transparent;
}
li.topButton button.present,
li.topButton .present {
padding: 13px 21px;
position: relative;
border-left: 1.5px solid #E2ECF3;
}
li.topButton button.present span,
li.topButton .present span {
top: 24px;
right: 9px;
}
li.topButton button.present div.label,
li.topButton .present div.label {
display: inline-block;
font-size: 12px;
line-height: 12px;
color: #1D3755;
font-weight: 500;
}
.popover a.showModal {
display: block;
background: #E2ECF3;
color: #1D3755;
text-decoration: none;
font-size: 10px;
}
#bets_carousel .swiper-slide a.buttonKs,
#bets_carousel .swiper-slide div.buttonKs {
display: flex;
align-items: center;
justify-content: space-evenly;
}
#bets_carousel .swiper-slide .buttonKs .bonus-sprite-img {
margin-left: auto;
}
.black-color {
color: #000;
}
#bets_carousel .bet-slide-item {
display: flex;
flex-direction: row;
gap: 10px;
}
#bets_carousel .flex-m {
color: #276FB9;
}
@media(min-width: 576px) {
#bets_carousel .flex-m {
font-size: 14px;
}
}
@media(max-width: 575px) {
#bets_carousel .flex-m {
display: flex;
flex-direction: column;
text-align: left;
}
}
::-webkit-scrollbar {
height: 1rem;
width: .5rem;
}
::-webkit-scrollbar-thumb {
--tw-border-opacity: 1;
background-color: #d9d9d9;
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
border-radius: 9999px;
border-width: 1px;
}
::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 9999px;
}