#roulette {
margin: 15px 0 15px 0;
}
.cs-roulette-block {
	position: relative;
width: 100%;
overflow: hidden;
margin: 0 auto;
}
.cs-roulette {
display: inline-flex;
flex-wrap: unset;
position: sticky;
}
.cs-roulette img {width: 339px;}
.cs-roulette li {/* border: 2px solid grey; */background: #c9c9c9;box-shadow: 0 0 0 1px #54505054;margin: 0 10px;padding: 4px;border-radius: 5px;}
.cs-roulette div {
    font-size: 15px;
    padding: 2px 0 5px 0;
}
.cs-roulette-line {
position: absolute;
width: 2px;
border-radius: 21px;
background: #bd6e20;
bottom: 0;
left: 50%;
z-index: 10;
margin-left: -1px;
height: 100%;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 7px rgba(0,0,0,1);
}
.cs-roulette-btn {
text-align: center;
margin-top: 12px;
position: relative;
}
.cs-roulette-btn button {cursor: pointer;width: 197px;height: 48px;outline: none;background: rgb(214, 175, 22);border: none;color: #191919;border-radius: 25px;font:18px 'Roboto-Medium';padding-top:4px;}
.cs-roulette-btn button:hover {background: rgb(240, 196, 19);}
button.cs-roulette-btnn::after {content: '';width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 13px solid rgb(214, 175, 22);position: absolute;top: -8px;left: 50%;margin-left: -13px;}
button.cs-roulette-btnn:hover::after {border-bottom-color: rgb(240, 196, 19);}
#my_popup {
display: none;
position: fixed;
top: 20%;
width: 500px;
height: auto;
/* overflow: hidden; */
left: 50%;
margin-left: -255px;
z-index: 30;
background-color: #FFF;
padding: 10px;
border: 1px solid #888888;
border-radius: 5px;
box-shadow: 0px 0px 10px -3px #000;
}
.popup-img {
text-align: center;
margin-bottom: 10px;
}
.popup-img img {
width: 100%;
}
.popup-btns {
text-align: center;
}
.btn-go i {
font-size: 14px;
margin: 3px 0 0 5px;
}
.redo {
	cursor: pointer;
display: block;
width: 100%;
margin: 5px auto;
outline: none;
background: #214c96;
border: none;
color: #fff;
border-radius: 3px;
padding: 7px;
font-size: 17px;
}
.redo i {
padding: 2px 4px
}
.btn-go {
cursor: pointer;
display: block;
width: 100%;
margin: 0 auto;
outline: none;
background: #219679;
border: none;
color: #fff;
border-radius: 3px;
padding: 7px;
font-size: 17px;
}
#shadow {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
background-color: #00000066;
cursor: pointer;
}
.fancybox-close {
position: absolute;
cursor: pointer;
}
.fancybox-close {
top: -15px;
right: -15px;
width: 36px;
height: 36px;
z-index: 21014;
}
.fancybox-close {
background-image: url(/images/fancybox_sprite.png);
}

.cs-block-link {
color: #2a2a2a !important;
background-color: #c9c9c9 !important;
text-transform:uppercase;
font:22px 'Roboto-Bold-Condensed';
text-align:center;
}

@media screen and (max-width: 720px) {
.cs-block-link {
color: #2a2a2a !important;
background-color: #c9c9c9 !important;
text-transform:uppercase;
font:32px 'Roboto-Bold-Condensed';
}
.cs-roulette {
margin-left: -140px !important;
}
.cs-roulette-block {
width: 400px;
}
.cs-roulette img {
height: 150px;
width: auto;
}
}
@media screen and (max-width: 460px) {
#roulette {
display: none;
}
}