.slots_list_plugin {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, 1fr);
margin-top: 40px;
margin-bottom: 40px;
}
.slots_list_plugin--item {
overflow: hidden;
border-radius: 4px;
background-color: #22252a;
display: flex;
flex-direction: column;
}
.slots_list_plugin--item--content {
display: flex;
flex-direction: column;
gap: 8px;
background: #22252a;
padding: 8px;
flex-grow: 1;
}
.slot_name {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 35px;
text-align: center;
}
.slot_cta {
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 5px;
padding: 15px 5px;
font-family: inherit;
font-weight: 600;
font-size: 17px;
line-height: 20px;
text-decoration: none;
color: #000000;
background: #f4bd29;
transform-origin: center;
transition: .3s;
cursor: pointer;
width: 100%;
height: 100%;
}
.slot_cta:hover {
transition: .5s;
opacity: 0.5;
}
@media (max-width: 750px) {
.slots_list_plugin {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 500px) {
.slots_list_plugin {
grid-template-columns: repeat(2, 1fr);
}
}
.plugin-slider-list {
}
.slick-slide img{
overflow: auto;
}
.plugin-slider-list {
margin-top: 20px;
margin-bottom: 20px;
}
.plugin-slider-list .slick-track {
display: flex;
}
.plugin-slider-list .slick-track .slick-slide {
display: flex !important;
height: auto;
align-items: center;
justify-content: center;
}
.plugin-slider-list_item {
width: 220px;
background: black;
padding: 20px 30px;
border-radius: 10px;
cursor: pointer;
margin-right: 10px;
max-height: 120px;
}
.plugin-slider-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.plugin-slider-head h2 {
margin: 0 !important;
}
.plugin-slider-list-nav button {
padding: 10px;
border-radius: 27px;
width: 30px;
height: 30px;
border: 1px solid #d0d0d0;
background: transparent;
color: #d0d0d0;
line-height: 9px;
}
.slick-dots {
display: none !important;
}
.plugin-promotions {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.plugin-promotion:only-child {
margin: 0 auto;
}
.plugin-promotion {
border-radius: 15px;
width: 48%;
height: 312px;
}
.promotion-content {
padding: 25px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
position: relative;
width: 100%;
}
.promotion-first-title {
color: white;
font-weight: 600;
}
.promotion-second-title {
font-size: 27px;
font-weight: bold;
color: white;
font-family: Montserrat, Arial, sans-serif;
margin-top: 30px;
}
.promotion-content-buttom {
display: flex;
justify-content: space-between;     flex-wrap: wrap;
}
.promotion-cta a:first-child {
background: linear-gradient(180deg, #ffdf6e, #ffa12b);
color: #141b34 !important;
border-radius: 5px;
padding: 7px 17px;
font-weight: 800;
margin-right: 10px;
}
.promotion-cta a:last-child {
background: linear-gradient(180deg, #ffdf6e, #ffa12b);
color: #141b34 !important;
border-radius: 5px;
padding: 7px 17px;
font-weight: 800;
}
.code_block {
display: flex;
backdrop-filter: blur(15px);
background: hsla(0, 0%, 100%, .12);
align-items: center;
padding: 6px;
border-radius: 5px;
}
.code_block span {
color: hsla(0, 0%, 100%, .65);
font-size: 13px;
}
.promocode {
cursor: pointer;
color: white;
font-weight: 900;
display: flex;
margin-left: 10px;
gap: 5px;
}
@media (max-width: 1000px) {
.promotion-content-buttom {
flex-direction: column;
}
.promotion-cta {
margin-bottom: 20px;
}
.plugin-promotion {
width: 48%;
}
}
@media (max-width: 700px) {
.plugin-promotion {
width: 48%;
}
.promotion-cta {
display: flex;
flex-direction: column;
}
.promotion-cta a:first-child {
margin-bottom: 20px;
}
.promotion-cta a:last-child {
margin-left: 0px;
}
}
@media (max-width: 550px) {
.plugin-promotion {
width: 48%;
}
.plugin-promotion {
width: 100%;
height: auto;
}
}
.promocode img {
width: 20px;
}
.tooltip {
position: absolute;
background-color: #eeeefe;
border: 1px solid #aaaaca;
font-size: smaller;
padding: 4px;
width: 160px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
} .webui-popover-content {
display: none;
}
.webui-popover-rtl {
direction: rtl;
text-align: right;
} .webui-popover {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: none;
min-width: 50px;
min-height: 32px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
margin-top: -10px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
margin-left: 10px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
margin-top: 10px;
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
margin-left: -10px;
}
.webui-popover.pop {
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
-o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
opacity: 0;
filter: alpha(opacity=0);
}
.webui-popover.pop-out {
-webkit-transition-property: "opacity,transform";
-o-transition-property: "opacity,transform";
transition-property: "opacity,transform";
-webkit-transition: 0.15s linear;
-o-transition: 0.15s linear;
transition: 0.15s linear;
opacity: 0;
filter: alpha(opacity=0);
}
.webui-popover.fade,
.webui-popover.fade-out {
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
opacity: 0;
filter: alpha(opacity=0);
}
.webui-popover.out {
opacity: 0;
filter: alpha(opacity=0);
}
.webui-popover.in {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100);
}
.webui-popover .webui-popover-content {
padding: 9px 14px;
overflow: auto;
display: block;
}
.webui-popover .webui-popover-content > div:first-child {
width: 99%;
}
.webui-popover-inner .close {
font-family: arial;
margin: 8px 10px 0 0;
float: right;
font-size: 16px;
font-weight: bold;
line-height: 16px;
color: #000000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
opacity: 0.5;
filter: alpha(opacity=50);
}
.webui-popover-inner .close:after {
content: "\00D7";
width: 0.8em;
height: 0.8em;
padding: 4px;
position: relative;
}
.webui-popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
background-color: #ffffff;
border-bottom: 1px solid #f2f2f2;
border-radius: 5px 5px 0 0;
}
.webui-popover-content {
padding: 9px 14px;
overflow: auto;
display: none;
}
.webui-popover-inverse {
background-color: #333333;
color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
background: #333333;
border-bottom: 1px solid #3b3b3b;
color: #eeeeee;
}
.webui-no-padding .webui-popover-content {
padding: 0;
}
.webui-no-padding .list-group-item {
border-right: none;
border-left: none;
}
.webui-no-padding .list-group-item:first-child {
border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
border-bottom: 0;
}
.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.webui-popover > .webui-arrow {
border-width: 11px;
}
.webui-popover > .webui-arrow:after {
border-width: 10px;
content: "";
}
.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-top-color: #ffffff;
border-bottom-width: 0;
}
.webui-popover.right > .webui-arrow,
.webui-popover.right-top > .webui-arrow,
.webui-popover.right-bottom > .webui-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.right > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right-bottom > .webui-arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.webui-popover.bottom > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom-left > .webui-arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
}
.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-bottom-color: #ffffff;
border-top-width: 0;
}
.webui-popover.left > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left-bottom > .webui-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
.webui-popover-inverse.top > .webui-arrow,
.webui-popover-inverse.top-left > .webui-arrow,
.webui-popover-inverse.top-right > .webui-arrow,
.webui-popover-inverse.top > .webui-arrow:after,
.webui-popover-inverse.top-left > .webui-arrow:after,
.webui-popover-inverse.top-right > .webui-arrow:after {
border-top-color: #333333;
}
.webui-popover-inverse.right > .webui-arrow,
.webui-popover-inverse.right-top > .webui-arrow,
.webui-popover-inverse.right-bottom > .webui-arrow,
.webui-popover-inverse.right > .webui-arrow:after,
.webui-popover-inverse.right-top > .webui-arrow:after,
.webui-popover-inverse.right-bottom > .webui-arrow:after {
border-right-color: #333333;
}
.webui-popover-inverse.bottom > .webui-arrow,
.webui-popover-inverse.bottom-left > .webui-arrow,
.webui-popover-inverse.bottom-right > .webui-arrow,
.webui-popover-inverse.bottom > .webui-arrow:after,
.webui-popover-inverse.bottom-left > .webui-arrow:after,
.webui-popover-inverse.bottom-right > .webui-arrow:after {
border-bottom-color: #333333;
}
.webui-popover-inverse.left > .webui-arrow,
.webui-popover-inverse.left-top > .webui-arrow,
.webui-popover-inverse.left-bottom > .webui-arrow,
.webui-popover-inverse.left > .webui-arrow:after,
.webui-popover-inverse.left-top > .webui-arrow:after,
.webui-popover-inverse.left-bottom > .webui-arrow:after {
border-left-color: #333333;
}
.webui-popover i.icon-refresh:before {
content: "";
}
.webui-popover i.icon-refresh {
display: block;
width: 30px;
height: 30px;
font-size: 20px;
top: 50%;
left: 50%;
position: absolute;
margin-left: -15px;
margin-right: -15px;
background: url(//evobet-bd.com/wp-content/plugins/slots-list//img/loading.gif) no-repeat;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
.webui-popover-backdrop {
background-color: rgba(0, 0, 0, 0.65);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9998;
}
.webui-popover .dropdown-menu {
display: block;
position: relative;
top: 0;
border: none;
box-shadow: none;
float: none;
}
.slots_list_plugin_slider-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.slots_list_plugin_slider-head h2 {
margin: 0 !important;
}
.slots_list_plugin_slider-nav button {
padding: 10px;
border-radius: 27px;
width: 30px;
height: 30px;
border: 1px solid #d0d0d0;
background: transparent;
color: #d0d0d0;
line-height: 9px;
}
.slots_list_plugin_slider--items {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.slots_list_plugin_slider--item {
position: relative;
border-radius: 10px;
cursor: pointer;
width: 218px;
height: 218px;
padding: 10px;
}
.slots_list_plugin_slider--image img {
width: 100%;
border-radius: 10px;
}
.slots_list_plugin_slider--cta {
position: absolute;
top: 24%;
left: 50%;
transform: translate(-50%);
opacity: 0;
text-align: center;
}
.slots_list_plugin_slider--image {
width: 100%;
}                .slots_list_plugin_slider--item :hover {
transition: .5s;
transform: scale(1.05);
border-radius: 15px;
}
.slots_list_plugin_slider_slot_cta {
background: #ff0000;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
font-size: 28px;
}
.slot_name1 {
color: white;
margin-bottom: 5px;
margin-top: 10px;
}
.slot_provider1 {
color: #c1c1c1;
text-transform: uppercase;
font-size: 11px;
}
.slot_demo {
margin-top: 20px;
background: black;
color: white;
padding: 2px 12px;
border-radius: 10px;
font-size: 14px;
z-index: 99;
}
.see_all_block {
color: white;
border: 1px solid #d0d0d0;
padding: 3px 14px;
border-radius: 10px;
margin-left: auto;
margin-right: 15px;
}
@media (max-width: 500px) {
.slots_list_plugin_slider-head {
flex-direction: column;
align-items: baseline;
}
.see_all_block {
margin-left: unset;
margin-right: unset;
}
.slots_list_plugin_slider-title, .see_all_block {
margin-bottom: 10px;
}
.slots_list_plugin_slider--cta {
top: 5%;
}
} .slots_list_plugin_v2-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.slots_list_plugin_v2-head h2 {
margin: 0 !important;
}
.slots_list_plugin_v2--items {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
.slots_list_plugin_v2--item {
position: relative;
border-radius: 10px;
margin-right: 15px;
width: 233px;
height: auto;
margin-bottom: 15px;
cursor: pointer;
}
.slots_list_plugin_v2--image img {
width: 100%;
border-radius: 10px 10px 0px 0px;
}
.slots_list_plugin_v2--cta {
position: absolute;
top: 24%;
left: 50%;
transform: translate(-50%);
opacity: 0;
text-align: center;
}
.slots_list_plugin_v2--image {
width: 233px;
height: 233px;
}
.slots_list_plugin_v2--text{
background: white;
border-radius: 0px 0px 5px 8px;
padding: 10px 14px;
}
.slots_list_plugin_v2--text p{
margin: 0 !important;
padding: 0 !important;
color: black;
}                .slots_list_plugin_v2--item:hover{
transform: scale(1.05);
transition: .2s;
}
.slots_list_plugin_v2_slot_cta {
background: #ff0000;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
font-size: 28px;
}
.slot_name1 {
color: white;
margin-bottom: 5px;
margin-top: 5px;
}
.slot_provider1 {
color: #c1c1c1;
text-transform: uppercase;
font-size: 11px;
}
.slot_demo {
margin-top: 20px;
background: black;
color: white;
padding: 2px 12px;
border-radius: 10px;
font-size: 14px;
z-index: 99;
}
@media (max-width: 500px) {
.slots_list_plugin_slider-head {
flex-direction: column;
align-items: baseline;
}
.see_all_block {
margin-left: auto;
margin-right: unset;
}
.slots_list_plugin_slider-title, .see_all_block {
margin-bottom: 10px;
}
.slots_list_plugin_v2--items {
justify-content: space-between;
}
.slots_list_plugin_v2--item {
width: 48%;
height: auto;
margin-right: 0px;
}
.slots_list_plugin_v2--image{
width: unset;
height: unset;
}
.slots_list_plugin_v2--text{
margin-top: -7px;
}
.slots_list_plugin_v2--cta {
position: absolute;
top: 3%;
}
.slots_list_plugin_slider-nav {
margin-left: auto;
}
}
.about_line {
background: linear-gradient(101.33deg, rgba(28, 0, 41, 0.3) 0%, rgba(51, 137, 179, 0.24) 48.96%, rgba(0, 227, 173, 0.111) 100%);
border-radius: 10px;
}
.about_line1 {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
}
.about_line2 {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
}
.about_line1 > div {
width: 30%;
}
.about_line1-logo img {
width: 100%;
height: auto;
}
.about_line1-desc {
color: white;
}
.about_line1-desc h2, .about_line1-desc h3, .about_line1-desc p {
margin-top: 3px;
color: #c9c9c9;
}
.about_line1-desc p {
font-size: 15px;
}
.about_line1-bonus {
text-align: end;
}
.about_line1-bonus span {
color: #B6B6B6;
}
.bonus_sum {
font-size: 32px;
font-weight: bold;
color: #B6B6B6;
margin-bottom: 10px;
}
.bonus_cta a {
background: #D48E00;
color: #6B6B6B;
padding: 8px 64px;
border-radius: 6px;
margin-top: 17px;
text-decoration: none;
}
.bonus_cta a:hover, .promotion-cta a:hover, .see_all_block:hover .slot_demo:hover {
text-decoration: none !important;
opacity: 0.7;
}
.about_line2-options {
padding-top: 15px;
display: flex;
background: rgba(210, 114, 255, 0.08);
flex-wrap: wrap;
}
.about_line2 > div {
width: 30%;
border-radius: 10px;
}
.about_line2-options-img {
width: 70px;
padding-left: 15px;
}
.about_line2-options-cta {
flex: 0 0 100%;
width: 100%;
background: rgba(255, 255, 255, 0.1);
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 0px 0px 10px 10px;
}
.about_line2-options-cta a {
color: #B6B6B6;
}
.about_line2-options-txt {
color: #B6B6B6;
width: calc(100% - 85px);
font-size: 10px;
margin-left: 10px;
}
.about_line2-options-txt span {
color: #B6B6B6;
font-size: 17px;
}
.about_line2-options-txt p {
margin-top: 0;
font-size: 13px;
color: #B6B6B6;
}
.about_line2-par {
display: flex;
background: rgba(210, 114, 255, 0.08);
flex-wrap: wrap;
}
.info {
list-style: none;
margin: 0px !important;
padding: 0px !important;
width: 100%;
}
.info li {
display: flex;
justify-content: space-between;
margin-top: 0;
padding: 7px 18px;
align-items: center;
}
.info li:not(:last-child) {
border-bottom: 1px solid #595959;
}
.info li > div:not(.pics) {
font-size: 14px;
color: #B6B6B6;
}
.pics img {
margin-right: 5px;
}
.stars {
background: url(//evobet-bd.com/wp-content/plugins/slots-list//assets/star.svg) repeat-x 0 50%;
background-size: auto 100%;
width: 85px;
height: 12px;
position: relative;
flex: 0 0 auto;
}
.stars > * {
background: url(//evobet-bd.com/wp-content/plugins/slots-list//assets/star-active.svg) repeat-x 0 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-size: auto 100%;
}
@media (max-width: 750px) {
.about_line1 {
flex-direction: column;
}
.about_line2 {
flex-direction: column;
}
.about_line2 > div {
width: 80%;
margin-bottom: 16px;
}
.about_line1 > div {
width: 80%;
margin-bottom: 16px;
}
.about_line1-bonus {
text-align: center;
}
}
@media (max-width: 450px) {
.about_line2 > div {
width: 100%;
margin-bottom: 16px;
}
.about_line1 > div {
width: 100%;
margin-bottom: 16px;
}
.slot_name1 {
font-size: 10px;
}
.slot_demo {
margin-top: 0px;
}
}
.pics {
display: flex;
}
.btn_style {
display: flex;
gap: 13px;
align-items: baseline;
margin-left: auto;
}
.slots_list_plugin_slider_slot_cta img {
width: 24px;
text-align: center;
margin: 0 auto;
padding-left: 3px;
}
.slots_list_plugin_v2_slot_cta img {
width: 24px;
text-align: center;
margin: 0 auto;
padding-left: 3px;
}