.bc_rb_swf_banner {
position: relative;
}
#popup {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
embed {
margin-bottom: 0 !important;
}
.bc_rb_close {
cursor: pointer;
}
.bc_rb_right_floating.bc_rb_floating_container {
align-items: end;
}
.bc_rb_left_floating.bc_rb_floating_container {
align-items: start;
}
.bc_rb_right_floating .bc_rb_floating_ads_container {
display: flex;
justify-content: end;
}
.bc_rb_close img {
position: absolute;
top: 0;
right: 0;
margin: -20px -20px 0 0;
}
.bc_rb_hide {
display: none;
} .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.callbacks_container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.callbacks img {
display: block;
position: relative;
z-index: 1;
height: auto;
width: 100%;
border: 0;
}
.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
background: #000;
background: rgba(0, 0, 0, .8);
left: 0;
right: 0;
bottom: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 52%;
left: 0;
opacity: 0.7;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url(//isarta.com/infos/wp-content/plugins/random-banner-pro/assets/style/themes/themes.gif) no-repeat left top;
margin-top: -45px;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0;
}
.bc_rb_border {
border: 2px solid #0f0f0f;
}
.bc_rb_top_floating_container {
position: absolute;
width: 100%;
top: 0;
right: 0;
left: 0;
z-index: 999999;
}
.bc_rb_bottom_floating_container {
position: fixed;
width: 100%;
bottom: 0;
right: 0;
left: 0;
z-index: 999999;
}
.bc_rb_bottom_floating, .bc_rb_top_floating {
display: flex;
justify-items: center;
flex-direction: column;
align-items: center;
}
.bc_rb_right_floating_container {
position: absolute;
height: 100%;
top: 0;
right: 0;
bottom: 0;
z-index: 999999;
}
.bc_rb_left_floating,
.bc_rb_right_floating {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
flex-direction: column;
}
.bc_rb_left_floating_container {
position: absolute;
height: 100%;
top: 0;
left: 0;
bottom: 0;
z-index: 999999;
}
.bc_rb_floating_close,
.bc_rb_floating_show {
padding: 5px 10px;
background: #000;
color: #ffffff;
text-align: center;
font-size: 12px;
font-weight: bolder;
cursor: pointer;
}
.bc_hide {
display: none !important;
}
.bc_rb_bottom_floating_ads.bc_rb_floating_ads_container,
.bc_rb_top_floating_ads.bc_rb_floating_ads_container {
min-width: 800px;
text-align: center;
}
.bc_rb_left_floating_ads.bc_rb_floating_ads_container,
.bc_rb_right_floating_ads.bc_rb_floating_ads_container {
min-width: 200px;
}
@media screen and (max-width: 600px) {
h1 {
font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.callbacks_nav {
top: 47%;
}
.bc_rb_bottom_floating_ads.bc_rb_floating_ads_container,
.bc_rb_top_floating_ads.bc_rb_floating_ads_container {
min-width: 550px;
}
.bc_rb_left_floating_ads.bc_rb_floating_ads_container,
.bc_rb_right_floating_ads.bc_rb_floating_ads_container {
min-width: 200px;
}
}
@media screen and (max-width: 480px) {
.bc_rb_bottom_floating_ads.bc_rb_floating_ads_container,
.bc_rb_top_floating_ads.bc_rb_floating_ads_container {
min-width: 450px;
}
.bc_rb_left_floating_ads.bc_rb_floating_ads_container,
.bc_rb_right_floating_ads.bc_rb_floating_ads_container {
min-width: 200px;
}
}
@media screen and (max-width: 320px) {
.bc_rb_bottom_floating_ads.bc_rb_floating_ads_container,
.bc_rb_top_floating_ads.bc_rb_floating_ads_container {
min-width: 300px;
}
.bc_rb_left_floating_ads.bc_rb_floating_ads_container,
.bc_rb_right_floating_ads.bc_rb_floating_ads_container {
min-width: 200px;
}
}