@font-face {
font-family: Roboto;
src: url("../../../themes/bestodds/fonts/Roboto/Roboto-Black.css");
font-weight: 900;
font-display: swap;
}
@font-face {
font-family: Roboto;
src: url("../../../themes/bestodds/fonts/Roboto/Roboto-Bold.css");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: Roboto;
src: url("../../../themes/bestodds/fonts/Roboto/Roboto-Medium.css");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: Roboto;
src: url("../../../themes/bestodds/fonts/Roboto/Roboto-Regular.css");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: Ubuntu;
src: url("../../../themes/bestodds/fonts/Ubuntu/Ubuntu-Bold.css");
font-weight: 700;
font-display: swap;
}
:root {
--bgdclr: #181D23;
--gclr: #0FA439;
--yclr: #FFB000;
--aclr: #29273D;
--tclr: #858589;
}
*,
*::before,
*::after {
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
transition: all .5s ease;
}
a {
text-decoration: none;
}
ul,
ol,
li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-size: inherit;
color: var(--aclr);
}
html,
body {
height: 100%;
line-height: 1;
font-size: 16px;
background-color: #f9f9f9;
font-family: Roboto, sans-serif;
font-weight: 400;
color: var(--aclr);
}
body._lock {
overflow: hidden;
}
.mt15{
padding-top: 15px;
}
.container{
width: calc(100% - 30px);
max-width: 1300px;
margin: auto;
}   
.header {
width: 100%;
background-color: var(--bgdclr);
}
.header__container {
max-width: 1300px;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 95px;
}
.menu__icon {
display: none;
}
.menu__list > li {
position: relative;
margin: 0px 0px 0px 44px;
text-transform: uppercase;
}
.menu__link {
color: #fff;
}
.menu__link:hover {
text-decoration: underline;
}
.menu__sub-list {
position: absolute;
top: 100%;
right: 0;
background-color: #000;
padding: 15px;
min-width: 200px;
}
.menu__sub-list li {
margin: 0px 0px 10px 0px;
}
.menu__sub-list li:last-child {
margin: 0;
}
.menu__sub-link {
color: #fff;
}
.menu__sub-link:hover {
text-decoration: underline;
}
.menu__arrow {
display: none;
} body._pc .menu__list > li:hover .menu__sub-list {
opacity: 1;
visibility: visible;
transform: translate(0px, 0px);
pointer-events: all;
}
body._touch .menu__list > li {
display: flex;
align-items: center;
}
body._touch .menu__link {
flex: 1 1 auto;
}
body._touch .menu__arrow {
display: block;
cursor: pointer;
width: 12px;
height: 8px;
margin: 0px 25px 0px 5px;
background-image: url("../../../themes/bestodds/img/arrow.svg");
}
body._touch .menu__list > li._active .menu__sub-list {
opacity: 1;
visibility: visible;
transform: translate(0px, 0px);
pointer-events: all;
}
body._touch .menu__list > li._active .menu__arrow {
transform: rotate(-180deg);
} i.star::before{
content: url("../../../themes/bestodds/img/review/star.svg");
}
i.star-half::before{
content: url("../../../themes/bestodds/img/review/star_half.svg");
}
i.star::before{
content: url("../../../themes/bestodds/img/review/star.svg");
}
i.offer::before{
content: url("../../../themes/bestodds/img/review/offer.svg");
}
i.offer-white::before{
content: url("../../../themes/bestodds/img/review/offer-white.svg");
}
i.fire::before{
content: url("../../../themes/bestodds/img/review/fire.svg");
}
i.plus18::before{
content: url("../../../themes/bestodds/img/footer/18.svg");
}
i.fb::before{
content: url("../../../themes/bestodds/img/footer/fb.svg");
}
i.lnkd::before{
content: url("../../../themes/bestodds/img/footer/lnkd.svg");
}
i.inst::before{
content: url("../../../themes/bestodds/img/footer/inst.svg");
}
i.twit::before{
content: url("../../../themes/bestodds/img/footer/twit.svg");
} .welcome{
width: 100%;
background-size: cover;
background-position: center center;
}
.welcome .container{
display: flex;
flex-direction: column;
justify-content: center;
height: 418px;
}
.welcome .wrpone{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1300px;
margin: auto;
}
.welcome__title{
text-transform: uppercase;
font-weight: 700;
font-size: 36px;
color: #fff;
}
.welcome__title span{
color: var(--yclr);
}
.welcome__hr, .home-hr{
width: 100%;
max-width: 673px;
margin: 23px 0;
height: 1px;
background: #4d5054;
background: linear-gradient(to right, #FFB000 50%, #4D5054 50%);
display: flex;
align-items: center;
}
.home-hr{
max-width: 1300px;
background: linear-gradient(to right, #FFB000 25%, #D6D6D6 25%);
}
.welcome__text{
width: 100%;
max-width: 736px;
font-size: 18px;
line-height: 27px;
color: #bdbfc1;
}
.home-pages-nav{
background: var(--yclr);
}
.home-pages-nav__list{
width: 100%;
max-width: 1155px;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 129px;
}
.home-pages-nav__list a{
display: flex;
align-items: center;
justify-content: space-between;
width: calc(33.333333% - 20px);
padding: 20px 25px 20px 20px;
background: #fff;
border-radius: 5px;
border: 1px solid #ECECEC;
box-sizing: border-box;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.11);
text-transform: uppercase;
color: var(--aclr);
font-weight: 500;
}
.home-pages-nav__list a:hover{
color: #FFF;
background: var(--bgdclr);
}
.home-pages-nav__list a span{
display: flex;
align-items: center;
}
.home-pages-nav__list a span img{
margin-right: 10px;
} .content{
margin-top: 50px;
}
.content .container,
.review .container{
display: flex;
justify-content: space-between;
}
.main{
width: calc(100% - 320px);
}
.home-intro{
width: 100%;
margin: auto;
max-width: 1300px;
}
.home-intro__title{
text-transform: uppercase;
font-size: 24px;
}
.home-intro__text{
font-size: 16px;
line-height: 23px;
color:  var(--tclr);
} .casino__list{
display: flex;  
flex-direction: column; 
margin-top: 15px;
}
.casino__item{
display: flex;  
background: #fff;   
border: 1px solid #ECECEC;
box-sizing: border-box;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
margin-top: 15px;
}
.casino__logo{
border-radius: 5px;
width: 187px;
height: 133px;
}
.casino__logo-wrapper{
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.casino__place{
border-radius: 0px 15px 0px 5px;
background: #181D23;
color: #FFF;
width: 37px;
height: 31px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: Ubuntu, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 20.68px;
position: absolute;
bottom: 0;
left: 0;
}
.casino__name{
display: flex;
flex-direction: column;
justify-content: center;
font-weight: 700;
width: 25%;
padding-left: 3.5%;
}
.casino__title{
font-size: 24px;
color: var(--aclr);
}
.casino__rating{
color: #5a586f;
display: flex;
align-items: center;
}
.rating__stars{
display: flex;
align-items: center;
margin-left: 9px;
}
.casino__ofer{
display: flex;
flex-direction: column;
justify-content: center;
color: var(--tclr);
font-size: 14px;
line-height: 16.41px;
width: calc(55% - 190px);
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
padding: 0 20px;
}
.ofer__title{
font-size: 12px;
display: flex;
align-items: center;
}
.ofer__title i{
margin-right: 5px;
}
.ofer__value{
color: var(--aclr);
font-weight: 700;
padding: 5px 0;
}
.casino__btns{
width: 20%;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.casino__btns a{
display: flex;
align-items: center;
text-align: center;
justify-content: center;
height: calc(50% - 5px);
width: 100%;
box-sizing: border-box;
font-size: 12px;
font-weight: 500;
border-radius: 5px;
text-transform: uppercase;
}
.casino__btns i{
margin-right: 5px;
}
.btn__claim{
background: var(--gclr);
color: #fff;
}
.btn__claim:hover{
background: var(--yclr);
}
.btn__review{
border: 1px dashed #413F56;
color: #413f56;
}
.btn__review:hover{
border: 1px solid #413F56;
}
.article-home{
margin-top: 50px;
}
.article-home__title{
text-transform: uppercase;
font-size: 20px;
display: flex;
align-items: center;
}
.article-home img{
display: block;
margin: auto;
max-width: 100%;
}
.article-home p{
color: #858589;
padding-top: 20px;
line-height: 23px;
} .sidebar{
width: 300px;
}
.sidebar__title{
text-transform: uppercase;
display: flex;
align-items: center;
font-size: 16px;
line-height: 19px;
color: var(--aclr);
margin-top: 15px;
}
.sidebar__title i{
margin-right: 7.8px;
}
.sidebar__hr{
width: 100%;
max-width: 673px;
margin: 10px 0 5px 0;
height: 1px;
background: #4d5054;
background: linear-gradient(to right, #FFB000 60%, #D6D6D6 60%);
display: flex;
align-items: center;
}
.aside-casino{
padding: 10px;
margin-top: 10px;
background: #FFFFFF;
border: 1px solid #ECECEC;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.aside-casino__logo{
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
height: 59px;
margin-bottom: 10px;
}
.aside-casino__logo img{
max-width: 100%;
max-height: 100%;
}
.aside-casino__name{
display: flex;
justify-content: space-between;
align-items: center;
color: var(--aclr);
font-size: 14px;
}
.aside-rating__stars{
display: flex;
}
.aside-rating__stars i.star::before, .aside-rating__stars i.star-half::before{
display: flex;
}
.aside-ofer{
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
margin: 10px 0;
padding: 10px 0;
}
.aside-ofer__value{
display: flex;
align-items: center;
font-size: 16px;
font-weight: 700;
color: #5a586f;
}
.aside-ofer__value i{
margin-right: 7px;
}
.aside-ofer__text{
font-size: 12px;
color: var(--tclr);
line-height: 14.1px;
}
.aside-casino__btns a{
display: flex;
align-items: center;
text-align: center;
justify-content: center;
height: calc(50% - 5px);
width: 100%;
box-sizing: border-box;
border: 1px solid transparent;
font-size: 12px;
font-weight: 500;
border-radius: 5px;
text-transform: uppercase;
padding: 15px 0;
}
.aside-btn__claim i{
margin-right: 5px;
}
.aside-btn__claim i.offer-white::before{
display: flex;
}
.aside-btn__claim{
background: var(--gclr);
color: #fff;
}
.aside-btn__review:hover{
background: #ccc;
}
.aside-btn__claim:hover{
background: var(--yclr);
}
.aside-btn__review{
color: #858589;
margin-top: 10px;
box-sizing: border-box;
}
.aside-btn__review:hover{
background: #f9f9f9;
border: 1px solid #d5d5d5;
} .main-footer{
background: var(--bgdclr);
padding: 45px 0;
margin-top: 50px;
}
.footer{
width: 100%;
max-width: 1300px;
margin: auto;
display: flex;
justify-content: space-between;
}
.footer__f-info{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.f-info__copyright{
color: #6b7582;
font-size: 14px;
}
.f-info__nav{
display: flex;
justify-content: space-between;
}
.f-info__nav a{
color: #FFF;
}
.footer__nav{
display: flex;
justify-content: space-between;
width: calc(90% - 280px);
} .footer__nav-title{
color: var(--yclr);
font-size: 16px;
text-transform: uppercase;
padding-bottom: 10px;
}
.footer__nav a{
font-size: 14px;
color: #6b7582;
padding: 10px 0;
display: block;
}
.footer__btns{
display: flex;
align-items: flex-end;
}
.footer__btns a{
margin-left: 20px;
opacity: 0.3;
}
.footer__btns a:hover{
opacity: 0.6;
} .review{
margin-top: 20px;
}
.bredcrumbs{
width: calc(100% - 30px);
max-width: 1300px;
margin: 0 auto 20px auto;
font-size: 12px;
text-transform: uppercase;
display: flex;
color: #ffb000;
}
.bredcrumbs a{
color: #868689;
}
.bredcrumbs a:after{
content: url("../../../themes/bestodds/img/bredcrumb-arrow.svg");
margin: 0 14px;
}
.shabox{
background: #FFFFFF;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
border-radius: 3px;
padding: 20px;
}
.main-review{
width: calc(100% - 336px);
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.review__main{
width: 288px;
}
.review__img{
background: #181D23;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
height: 216px;
margin-bottom: 20px;
}
.review__img img{
max-width: 90%;
max-height: 100%;
}
.review__title{
font-size: 24px;
font-weight: 700;
color: var(--aclr);
}
.review__hr{
width: 100%;
background: #edebeb;
height: 1px;
margin: 20px 0;
}
.review__offer{
background: #F5F5F5;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 12px;
color: #616161;
padding: 15px;
}
.review__offer span{
font-weight: 900;
color: #19173c;
font-size: 32px;
margin: 5px 0;
}
.review__claim{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 20px 15px 20px;
text-transform: uppercase;
color: #FFF;
background: var(--gclr);
font-size: 14px;
border-radius: 5px;
}
i.claim-white::before{
content: url("../../../themes/bestodds/img/review/claim-white.svg");
}
i.licence::before{
content: url("../../../themes/bestodds/img/review/licence.svg");
}
i.time::before{
content: url("../../../themes/bestodds/img/review/schedule.svg");
}
i.cherry::before{
content: url("../../../themes/bestodds/img/review/cherry.svg");
}
img.tablegames{
width: 22px;
height: 22px;
}
i.live::before{
content: url("../../../themes/bestodds/img/review/live.svg");
}
i.green-check::before{
content: url("../../../themes/bestodds/img/review/greencheck.svg");
}
i.cross::before{
content: url("../../../themes/bestodds/img/review/cross.svg");
}
i.windows::before{
content: url("../../../themes/bestodds/img/review/windows.svg");
}
i.android::before{
content: url("../../../themes/bestodds/img/review/android.svg");
}
i.ios::before{
content: url("../../../themes/bestodds/img/review/apple.svg");
}
i.minus::before{
content: url("../../../themes/bestodds/img/review/red-minus.svg");
}
i.plus::before{
content: url("../../../themes/bestodds/img/review/green-plus.svg");
}
i.clr-mobile::before{
content: url("../../../themes/bestodds/img/review/mob-clr.svg");
}
i.clr-bonus::before{
content: url("../../../themes/bestodds/img/review/bonus-clr.svg");
}
i.clr-comment::before{
content: url("../../../themes/bestodds/img/review/comment-clr.svg");
}
i.clr-dice::before{
content: url("../../../themes/bestodds/img/review/dice-clr.svg");
}
i.clr-planet::before{
content: url("../../../themes/bestodds/img/review/planet.svg");
}
i.odd::before{
content: url("../../../themes/bestodds/img/review/odds/design.svg");
}
i.support::before{
content: url("../../../themes/bestodds/img/review/odds/support.svg");
}
i.mobile::before{
content: url("../../../themes/bestodds/img/review/odds/mobile.svg");
}
i.bonusodd::before{
content: url("../../../themes/bestodds/img/review/odds/bonus.svg");
}
i.area::before{
content: url("../../../themes/bestodds/img/review/odds/area.svg");
}
i.prosttl::before{
content: url("../../../themes/bestodds/img/review/prosttl.svg");
}
i.faq::before{
content: url("../../../themes/bestodds/img/review/faq/faq.svg");
}
i.author::before{
content: url("../../../themes/bestodds/img/review/author.svg");
}
.review__info{
width: calc(100% - 308px);
}
.rvw__wrp{
background: #F9F9F9;
border: 1px solid #EDEBEB;
box-sizing: border-box;
border-radius: 5px;
padding: 12px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
font-size: 14px;
}
.rvw-col{
display: flex;
align-items: center;
text-transform: uppercase;
}
.rvw50 i{
margin-right: 12px;
}
.rvw50 .rvw-col{
color: #616161;
font-weight: 400;
}
.rvw-col span{
color: #29273d;
margin-left: 20px;
font-weight: 500;
}
.rvw30 span, .rvw33 span{
margin: 0 10px;
}
.rvw30 .rvw-col:nth-child(4),
.rvw30 .rvw-col:nth-child(5),
.rvw30 .rvw-col:nth-child(6){
margin-top: 23px;
}
.pay-methods{
margin-top: 20px;
}
.pay-methods ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pay-methods ul li{
background: #F9F9F9;
border: 1px solid #EDEBEB;
box-sizing: border-box;
border-radius: 3px;
width: calc(20% - 3px);
display: flex;
justify-content: center;
align-items: center;
height: 48px;
margin-bottom: 3px;
}
.rvw__info{
margin-bottom: 20px;
}
.review__info.rvw .rvw__info:last-child{
margin-bottom: 0;
}
.review__line{
padding: 20px;
background: #181D23;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 20px;
font-size: 14px;
}
.review__line a{
display: flex;
align-items: center;
color: #FFF;
text-transform: uppercase;
}
.review__line a i{
margin-right: 10px;
}
.aside-review{
width: 316px;
}
.review__rating{
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.rating-value{
width: 50px;
height: 50px;
border-radius: 10em;
border: 4px solid #0FA439;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-weight: 700;
color: #29273d;
font-size: 22px;
margin-right: 10px;
}
.rating-info{
font-size: 12px;
letter-spacing: 5px;
color: #4e5865;
}
.rating-stars{
display: flex;
align-items: center;
}
.rating-info span{
display: flex;
margin: 5px 0 0 5px;
}
.odd_item{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.odd_ico{
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.odd_info{
width: calc(100% - 40px);
}
.odd_name{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
.odd_name span{
font-size: 12px;
font-weight: 400;
color: #5a586f;
text-transform: uppercase;
}
.odd_name b{
font-size: 14px;
font-weight: 500;
color: #868c96;
}
.odd_ruller{
width: 100%;
background: #EDF1F3;
border-radius: 3px;
height: 6px;
}
.odd_value{
background: #FFB000;
border-radius: 3px;
height: 6px;
}
.pros-cons__list{
margin-top: 20px;
min-height: 385px;
}
.pros-cons__list li{
display: flex;
align-items: center;
font-size: 14px;
margin-bottom: 20px;
}
.pros__item{
color: #0FA439;
}
.cons__item{
color: #D91414;
}
.pros__item::before{
content: url("../../../themes/bestodds/img/review/greencheck.svg");
margin-right: 7px;
}
.cons__item::before{
content: url("../../../themes/bestodds/img/review/cross.svg");
margin-right: 7px;
}
.review__article-top{
margin-top: 20px;
}
.rvw-art__title{
font-size: 20px;
color: #29273d;
text-transform: uppercase;
}
.rvw-art p{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #858589;
padding: 10px 0;
}
.rvw-art ul li{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #858589;
padding: 10px 0;
list-style-type: disc;
list-style-position: inside;
}
.rvw-art h1:after,
.rvw-art h2:after,
.rvw-art h3:after,
.rvw-art h4:after{
content: '';
display: flex;
width: 100%;
margin: 10px 0;
height: 1px;
background: #D6D6D6;
background: linear-gradient(to right, #FFB000 50%, #D6D6D6 50%);
}
.rvw-art h1,
.rvw-art h2,
.rvw-art h3,
.rvw-art h4{
margin-top: 15px;
}
.rvw-art h1{
font-size: 36px;
}
.rvw-art h2{
font-size: 30px;
}
.rvw-art h3{
font-size: 26px;
}
.review__article-nav{
list-style: decimal;
font-size: 12px;
list-style-position: inside;
margin-top: 20px;
}
.review__article-nav li{
margin-bottom: 8px;
list-style: decimal;
list-style-position: inside;
}
.review__article-nav a{ 
color: #5a586f;
}
.review__article-nav a:hover{
text-decoration: underline;
}
.review__faq{
margin-top: 25px;
}
.review__faq .article-home__title{
margin-bottom: 20px;
}
.accordion {
background-color: #FFF;
color: #5A586F;
font-weight: 400;
cursor: pointer;
padding: 25px;
width: 100%;
text-align: left;
outline: none;
transition: 0.4s;
border: 1px solid #ECECEC;
box-sizing: border-box;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
margin-top: 10px;
font-size: 16px;
font-weight: 400;
}
.accordion.active {
background-color: #181D23;
color: #FFF;
border-radius: 5px 5px 0 0;
}
.panel {
padding: 30px;
display: none;
background-color: white;
overflow: hidden;
font-size: 16px;
font-weight: 400;
background: #FFFFFF;
border: 1px solid #181D23;
box-sizing: border-box;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 0 0 5px 5px;
color: #5A586F;
border-top: none;
}
.accordion:after {
content: url("../../../themes/bestodds/img/review/faq/faq-down.svg");
float: right;
margin-left: 5px;
}
.accordion.active:after {
content: url("../../../themes/bestodds/img/review/faq/faq-up.svg");
}
i.arrow-review{
display: flex;
width: 26px;
height: 16px;
background-image: url("../../../themes/bestodds/img/review/faq/faq-down.svg");
background-repeat: no-repeat;
position: absolute;
right: 10px;
cursor: pointer;
display: none;
}
i.arrow-review._active{
transform: rotate(180deg);
} .page_welcome .bredcrumbs{
padding-top: 20px;
}
.page_welcome{
background: #111519;
}
.page_welcome-hr{
background: #181d23;
height: 1px;
width: 100%;
}
i.trophy::before{
content: url("../../../themes/bestodds/img/page/trophy.svg");
margin-right: 10px;
} 
.page_welcome .home-hr{
background: linear-gradient(to right, #FFB000 25%, #181D23 25%);
}
.page_h1{
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
color: #FFF;
padding-top: 25px;
}
.page_welcome-text{
font-size: 14px;
line-height: 21px;
color: #5d6873;
padding-bottom: 20px;
}
.triple-card-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.triple-card-list .card-item{
padding: 10px;
display: flex;
flex-wrap: wrap;
margin-top: 25px;
width: calc(33.33333% - 10px);
min-width: 290px;
}
.triple-card-list .card-logo{
width: 100%;
height: 59px;
margin-bottom: 10px;
}
.triple-card-list .card-logo img{
max-width: 100%;
max-height: 100%;
}
.triple-card-list .card-rating,
.triple-card-list .card-title{
width: 50%;
font-size: 14px;
font-weight: 700;
}
.triple-card-list .card-stars{
display: flex;
align-items: center;
justify-content: flex-end;
}
.triple-card-list i.star::before{
content: '';
background-image: url("../../../themes/bestodds/img/review/star.svg");
width: 14px;
height: 14px;
background-size: cover;
display: block;
}
.triple-card-list i.star-half::before{
content: '';
background-image: url("../../../themes/bestodds/img/review/star_half.svg");
width: 15px;
height: 15px;
background-size: cover;
display: block;
}
.triple-card-list a{
width: 100%;
}
.triple-card-list .card-claim{
background: #ffb000;
}
.triple-card-list .card-claim:hover{
background: #0FA439;
}
.triple-card-list .card-review{
color: #858589;
}
.card-logo{
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
.card-offer{
font-size: 14px;
font-weight: 700;
color: #5a586f;
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
width: 100%;
padding: 11px 0 12px 0;
margin: 10px 0;
}
.card-offer span{
display: flex;
align-items: center;
}
.card-offer i{
margin-right: 5px;
}
.card-offer small{
display: flex;
align-items: center;
color: #858589;
font-size: 14px;
font-weight: 500;
margin-bottom: 14px;
}
.card-claim,
.card-review{
border-radius: 5px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 500;
}
.card-claim i{
margin-right: 7px;
}
.card-claim{
color: #FFF;
}
.card-offer-text{
color: #858589;
font-size: 14px;
font-weight: 400;
line-height: 17px;
padding-top: 5px;
}
.double-card-list{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.double-card-list .card-item{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: 25px;
width: calc(50% - 12px);
}
.double-card-list .card-logo{
width: 162px;
height: 49px;
margin-bottom: 10px;
}
.double-card-list .card-info{
width: calc(100% - 177px);
display: flex;
flex-direction: column;
height: 49px;
}
.single-card-list .card-title,
.double-card-list .card-title{
font-size: 18px;
color: #29273d;
font-weight: 700;
}
.double-card-list .card-rating,
.single-card-list .card-rating,
.single-card-list .card-stars,
.double-card-list .card-stars{
font-size: 18px;
color: #5a586f;
font-weight: 700;
display: flex;
align-items: center;
}
.double-card-list .card-claim,
.single-card-list .card-claim{
background: var(--gclr);
width: 57%;
}
.double-card-list .card-review,
.single-card-list .card-review{
width: 40%;
box-sizing: border-box;
color: #5a586f;
border: 1px dashed #5A586F;
}
.single-card-list .card-item{
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.card-main{
width: 390px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.card-main .card-logo{
height: 74px;
width: 138px;
}
.card-main .card-info{
width: calc(100% - 160px);
min-height: 74px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.card-text-wrap{
width: calc(100% - 410px);
}
.card-text{
font-size: 14px;
line-height: 21px;
font-weight: 400;
color: #858589;
border-left: 1px solid #ECECEC;
padding-left: 10px;
position: relative;
}
.single-card-list .card-claim,
.single-card-list .card-review{
width: 100%;
}
.single-card-list .card-claim{
margin-bottom: 10px;
}
i.fa-visa:before{
content: url("../../../themes/bestodds/img/review/visa.svg");
}
i.fa-master:before{
content: url("../../../themes/bestodds/img/review/mastercard.svg");
}
i.fa-eco:before{
content: url("../../../themes/bestodds/img/review/ecopayz.svg");
}
i.fa-skrill:before{
content: url("../../../themes/bestodds/img/review/skrill.svg");
}
i.fa-paypal:before{
content: url("../../../themes/bestodds/img/review/paypal.svg");
}
i.fa-neosurf:before{
content: url("../../../themes/bestodds/img/review/neosurf.svg");
}
i.fa-moneygram:before{
content: url("../../../themes/bestodds/img/review/moneygram.svg");
}
i.fa-western-union:before{
content: url("../../../themes/bestodds/img/review/western-union.svg");
}
i.fa-ideal:before{
content: url("../../../themes/bestodds/img/review/ideal.svg");
}
i.fa-switch:before{
content: url("../../../themes/bestodds/img/review/switch.svg");
}
i.fa-neteller:before{
content: url("../../../themes/bestodds/img/review/neteller.svg");
}
i.fa-bitcoin:before{
content: url("../../../themes/bestodds/img/review/bitcoin.svg");
}
i.fa-tether:before{
content: url("../../../themes/bestodds/img/review/tether.svg");
}
.fa-paysafe:before{
content: url("../../../themes/bestodds/img/review/paysafe.svg");
}
.fa-bank:before{
content: url("../../../themes/bestodds/img/review/bank-transfer.svg");
}@media (max-width: 1150px){
.main-review{
width: calc(100% - 236px);
}
.aside-review{
width: 216px;
}
}
@media (max-width: 980px) {
.container, .home-intro{
width: calc(100% - 30px);
}
.welcome{
background-image: none;
background: #111519;
padding: 30px 0;
}
.welcome .container{
height: auto;
}
.welcome__title{
font-size: 24px;
}
.welcome__text{
font-size: 14px;
}
.welcome__hr{
background: linear-gradient(to right, #FFB000 85%, #4D5054 85%);
}
.home-pages-nav__list{
flex-direction: column;
padding-bottom: 15px;
}
.home-pages-nav__list a{
width: calc(100% - 30px);
margin-top: 15px;
}
.content{
margin-top: 20px;
}
.home-intro__title{
font-size: 14px;
}
.home-intro__text{
font-size: 14px;
}
.content .container{
flex-direction: column;
}
.main, .sidebar{
width: 100%;
}
.casino__item{
flex-direction: column;
padding: 10px;
}
.casino__logo{
width: 100%;
margin-bottom: 10px;
}
.casino__name{
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 0;
}
.casino__ofer{
width: 100%;
border: none;
padding: 0;
margin: 10px 0;
}
.ofer__title{
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
font-size: 10px;
padding: 10px 0;
}
.ofer__value{
color: #5a586f;
margin-top: 10px;
}
.casino__btns{
width: 100%;
padding: 0;
}
.casino__btns a{
padding: 15px 0;
margin-top: 10px;
}  
.aside-scroll{
display: flex;
width: 100%;
max-width: 980px;
overflow-x: auto;
padding-bottom: 15px;
}
.aside-scroll .aside-casino{
width: 80%;
min-width: 320px;
max-width: 325px;
margin-right: 15px;
}
.footer{
flex-wrap: wrap;
padding: 0 10px;
}
.footer__f-info{
order: 2;
}
.footer__f-info{
justify-content: center;
text-align: center;
max-width: 60%;
margin: 20px auto;
}
.f-info__copyright{
padding: 15px 0;
}
.f-info__nav{
padding-bottom: 15px;
}
.footer__nav{
order: 1;
width: 100%;
justify-content: space-evenly;
}
.footer__nav .footer__nav-list:nth-child(3){
display: none;
}
.footer__btns{
order: 3;
}
.footer__btns, .footer__social{
width: 100%;
justify-content: center;
display: flex;
}
.footer__btns a{
margin: 0 10px;
}
.review .container{
flex-direction: column;
}
.main-review, .aside-review, .review__main, .review__info{
width: 100%;
}
.review__info, .aside-review{
margin-top: 20px;
}
.sub-review .main-review{
order: 2;
}
.sub-review .aside-review{
order: 1;
}
.review__article-nav{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.review__article-nav li{
width: 50%;
}
.review__img{
height: 101px;
}
.review__line{
flex-wrap: wrap;
}
.review__line a{
width: 50%;
}
.review__line a:nth-child(3){
order: 5;
width: 100%;
border-top: 1px solid #202730;
padding-top: 8px;
margin-top: 8px;
}
.review__line a:nth-child(1),
.review__line a:nth-child(2){
border-bottom: 1px solid #202730;
padding-bottom: 8px;
margin-bottom: 8px;
height: 30.5px;
}
.pros-cons__list{
min-height: auto;
}
i.arrow-review{
display: flex;
}
.review__odds._active, 
.proscons_ttl._active, 
.pros-cons__list._active{
display: block;
}
.triple-card-list{
overflow-y: auto;
padding-bottom: 25px;
}
.triple-card-list .card-item{
min-width: 324px;
margin-right: 15px;
}
.double-card-list .card-item, .card-main{
width: 100%;
}
.single-card-list .card-item{
flex-direction: column;
}
.card-text-wrap{
position: relative;
width: 100%;
}
.card-text{
width: 100%;
padding: 15px 0 0 0;
border: none;
border-top: 1px solid #ECECEC;
height: 140px;
overflow: hidden;
}
.toggle-action{
width: 100%;
height: 20px;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to top,#fff 0%,#fff 10%,transparent 100%);
cursor: pointer;
z-index: 9;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.toggle-action:after{
content: url("../../../themes/bestodds/img/arrow.svg");
margin-top: 30px;
}
.toggle-action.active{
background: rgba(0,0,0,0);
}
.toggle-action.active:after{
transform: rotate(-180deg);
}
.wrpone img{
display: none;
}
}
@media (min-width: 767px) {
.menu__list {
display: flex;
align-items: center;
}
.menu__list > li {
padding: 10px 0;
}
.menu__sub-list {
transform: translate(0px, 10%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease 0s;
}
}
@media (max-width: 767px) {
.header__container{
padding: 0 20px;
min-height: 65px;
}
.header__logo img{
height: 21px;
}
.menu__icon {
z-index: 5;
display: block;
position: relative;
width: 30px;
height: 18px;
cursor: pointer;
}
.menu__icon span,
.menu__icon::before,
.menu__icon::after {
left: 0;
position: absolute;
height: 10%;
width: 100%;
transition: all 0.3s ease 0s;
background-color: #fff;
}
.menu__icon::before,
.menu__icon::after {
content: "";
}
.menu__icon::before {
top: 0;
}
.menu__icon::after {
bottom: 0;
}
.menu__icon span {
top: 50%;
transform: scale(1) translate(0px, -50%);
}
.menu__list li._active{
background: #232b33;
}
.menu__icon._active span {
transform: scale(0) translate(0px, -50%);
}
.menu__icon._active::before {
top: 50%;
transform: rotate(-45deg) translate(0px, -50%);
}
.menu__icon._active::after {
bottom: 50%;
transform: rotate(45deg) translate(0px, 50%);
}
.menu__body {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: calc(100% - 65px);
background-color: rgba(0,0,0,.8);
margin-top: 65px;
transition: left 0.3s ease 0s;
overflow: auto;
}
.menu__body._active {
left: 0;
z-index: 99;
}
.menu__list{
background: #181d23;
}
.menu__list > li {
flex-wrap: wrap;
margin: 0px;
border-top: 1px solid #232B33;
}
.menu__list > li:last-child {
margin-bottom: 0;
border-bottom: 1px solid #232B33;
}
.menu__list > li._active .menu__sub-list {
display: block;
}
.menu__sub-list {
position: relative;
background-color: #111519;
flex: 1 1 100%;
display: none;
}
.menu__sub-link {
color: #6C7278;
padding: 20px 15px;
display: block;
}
.menu__link {
padding: 25px 30px;
display: flex;
}
.accordion, .panel{
font-size: 14px;
padding: 15px;
}
.accordion::after,
.accordion.active::after{
transform: scale(.5);
}
}
@media (max-width: 500px){
.rvw__wrp{
font-size: 12px;
}
.rvw50 i{
margin-right: 3px;
}
.rvw-col span{
margin-left: 5px;
}
.rvw30 span, .rvw33 span{
margin: 0 2px;
}
.pay-methods ul li:nth-child(4){
display: none;
}
.pay-methods ul li{
width: calc(33.33333% - 19px);
}
.pay-methods ul li span{
display: none;
}
.pay-methods ul li:last-child{
width: 45px !important;
}
.accordion, .panel{
font-size: 12px;
padding: 10px;
}
.double-card-list .card-logo,
.card-main .card-logo{
width: 111px;
height: 57px;
}
.double-card-list .card-logo img,
.card-main .card-logo img{
max-width: 66px;
height: auto;
}
.double-card-list .card-info,
.card-main .card-info{
width: calc(100% - 125px);
}
.rvw30 .rvw-col{
margin-top: 23px;
width: auto;
}
.rvw__info.shabox{
padding: 5px;
}
}