.slideshow { border: 1px solid #ccc; position: relative; margin-bottom: 15px; }
.slideshow>.caption { font: normal 15px/18px 'open sans', sans-serif; color: #5c5c5c; padding: 6px 2%; border-bottom: 1px solid #ccc }
.slideshow .wrap { overflow: hidden; }
.slideshow.ver3 .wrap { background: #f7fbff }
.slideshow .wrap > ul { width: 1000%; list-style: none; margin: 0; padding: 0; overflow: hidden; transition: .3s linear; }
.slideshow .wrap > ul.slide1 { margin-left: -100%; }
.slideshow .wrap > ul.slide2 { margin-left: -200%; }
.slideshow .wrap > ul.slide3 { margin-left: -300%; }
.slideshow .wrap > ul.slide4 { margin-left: -400%; }
.slideshow .wrap > ul.slide5 { margin-left: -500%; }
.slideshow .wrap > ul.slide6 { margin-left: -600%; }
.slideshow .wrap > ul.slide7 { margin-left: -700%; }
.slideshow .wrap > ul.slide8 { margin-left: -800%; }
.slideshow .wrap > ul.slide9 { margin-left: -900%; }
.slideshow .wrap > ul > li { position: relative; float: left; width: 10%; }
.slideshow .wrap > ul > li div { margin: 15px 10%; color: #696969; }
.slideshow .wrap > ul > li div img { max-width: 100%; height: auto; display: block; margin: 0 auto 12px; }
.slideshow.ver3 .wrap > ul > li div img { width: auto; float: none; max-width: 100%; border: none; margin-bottom: 12px; }
.slideshow .wrap > ul > li div > b { display: block; font-weight: normal; background: white; border: 1px solid #d6d8d9 }
.slideshow .wrap > ul > li div > span { display: block; font-style: italic; }
.slideshow .wrap > ul > li div > span b { display: block; font: 600 18px/20px 'open sans', sans-serif; margin-bottom: 12px; }
.slideshow .wrap > ul > li div > span b strong { color: #0a509c; display: block; }

.slideshow.ver3 .wrap > ul > li div > span { font: normal 14px/16px Verdana, sans-serif; color: #5c5c5c; background: white; border: 1px solid #d6d8d9; padding: 9px; display: block; height: auto; overflow: hidden; }
.slideshow.ver3 .wrap > ul > li div > span:before { content: ""; float: left; }

.slideshow.ver3 .wrap > ul > li div > span:before{content:"";float: left;background: url(/wp-content/themes/generel/visual/logos-table-mid.png) no-repeat center 0;width:100px;height:28px;    margin: 0 8px 5px 0;}
.slideshow.ver3 .wrap > ul > li div > span.leovegas:before{width: 82px;height: 30px;background-position: 0px -3px;}
.slideshow.ver3 .wrap > ul > li div > span.betsson:before{width: 80px;height: 16px;background-position: -1px -220px;}
.slideshow.ver3 .wrap > ul > li div > span.nordicbet:before{width: 80px;height: 16px;background-position: -1px -324px;}
.slideshow.ver3 .wrap > ul > li div > span.betinia:before{width: 80px;height: 24px;background-position: -1px -355px;}
.slideshow.ver3 .wrap > ul > li div > span.unibet:before{width: 80px;height: 22px;background-position: -2px -286px;vertical-align: -6px;}
.slideshow.ver3 .wrap > ul > li div > span.betsafe:before{width: 80px;height: 18px;background-position: -2px -42px;}
.slideshow.ver3 .wrap > ul > li div > span.mrgreen:before{width: 70px;height: 32px;background-position: 0px -72px;vertical-align: -12px;}
.slideshow.ver3 .wrap > ul > li div > span.bet365:before{width: 80px;height: 22px;background-position: -2px -112px;vertical-align: -8px;}
.slideshow.ver3 .wrap > ul > li div > span.sport888:before{width: 68px;height: 30px;background-position: -2px -178px;vertical-align: -12px;}
.slideshow.ver3 .wrap > ul > li div > span.campobet:before{width: 80px;height: 18px;background-position: -2px -463px;}
.slideshow.ver3 .wrap > ul > li div > span.redbet:before{width: 74px;height: 21px;background-position: -2px -251px;vertical-align: -4px;}
.slideshow.ver3 .wrap > ul > li div > span.comeon:before{width: 80px;height: 14px;background-position: -2px -150px;}
.slideshow.ver3 .wrap > ul > li div > span.bet10:before{width: 66px;height: 28px;background-position: -10px -494px;}
.slideshow.ver3 .wrap > ul > li div > span.paf:before {width: 80px;height: 26px;background-position: -1px -535px;}


.slideshow div.prev, .slideshow div.next { position: absolute; top: 0; bottom: 0; width: 30%; cursor: pointer; }
.slideshow.ver3.no-slide-logos div.prev, .slideshow div.next { width: 15% }
.slideshow div.prev { left: 0 }
.slideshow div.next { right: 0 }
.slideshow div.prev div, .slideshow div.next div { position: absolute; top: 0; bottom: 0; margin: auto; width: 20px; height: 12%; background: #f7fbff; border: 1px solid #d6d8d9; font-size: 0; }
.slideshow div.prev div { margin-left: 3%; }
.slideshow div.next div { right: 0; margin-right: 3%; }
.slideshow div.prev:hover div, .slideshow div.next:hover div { background-color: white; border-color: #4c768b; }
.slideshow div.prev div:before, .slideshow div.next div:before { position: absolute; top: 0; bottom: 0; content: ""; display: block; width: 7px; height: 13px; margin: auto 7px; background: url(/wp-content/themes/generel/visual/misc.png) no-repeat -55px -0px; }
.slideshow div.prev:hover div:before { background-position: -75px -0px }
.slideshow div.next div:before { background-position: -65px -0px }
.slideshow div.next:hover div:before { background-position: -85px -0px }
.slideshow.ver3.no-slide-logos .wrap > ul > li div > span:before { display: none }
.slideshow .wrap > ul > li div > span.bigger-font { font-size: 1.4em }
.slideshow>.caption { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0); }
.slideshow.ver4 > .caption { text-align: center; position: relative; }
.slideshow.ver4 > .caption span { display: block; }
.slideshow.ver4 > .caption:after { content: ''; background: #fff; border-bottom: 1px solid #d6d8d9; position: absolute; bottom: -3px; left: -1px; right: -1px; height: 1px; }

.slideshow.ver4 .wrap > ul > li { text-align: center; }
.slideshow.ver4 .wrap > ul > li div { margin: 10px 14px; }
.slideshow.ver4 .wrap > ul > li div > span { background: #f3f3f3; padding: 10px 30px; text-align: justify; font-size: 12px; line-height: 19px; color: #696969; font-weight: bold; font-style: italic; overflow: hidden; }
.slideshow.ver4 .wrap > ul > li div > span b { text-align: center; font-size: 17px; font-weight: 700; }
.slideshow.ver4 .wrap > ul > li div > span b strong { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #004196; margin: 0 0 8px; }
/*.slideshow.ver4 .wrap > ul > li:last-child div > span b { font-size: 20px; }*/
.slideshow.ver4 .wrap > ul > li .act, .slideshow.ver4 .wrap > ul > li .act1 { max-width: 137px; font-size: 14px; padding: 10px 10px 10px 30px; margin: 14px auto 0; position: relative; }
.slideshow.ver4 .wrap > ul > li .act .arrow-up, .slideshow.ver4 .wrap > ul > li .act1 .arrow-up { position: absolute; top: 50%; left: 14px; margin-top: -8px; }
.slideshow.ver4 div.prev, .slideshow.ver4 div.next { width: 40px; }
.slideshow.ver4 div.prev div, .slideshow.ver4 div.next div { box-shadow: 0 0 0 7px #fff; }
.slideshow.ver4 div.prev div { margin-left: 7px; }
.slideshow.ver4 div.next div { margin-right: 7px; }

@media only screen and (min-width:480px) {
    .slideshow .wrap > ul > li div { overflow: hidden; position: relative; vertical-align: middle; }
    .slideshow .wrap > ul > li div img { float: left; width: 50%; max-width: 287px; border-right: 20px solid white; margin-bottom: 0; }
    .slideshow.ver2 .wrap > ul > li div { background: #f3f3f3 }
    .slideshow.ver2 .wrap > ul > li div img { width: 100%; max-width: 584px !important; }
    .slideshow .wrap > ul > li div span { display: table-cell; vertical-align: middle; height: 124px; padding: 10px; line-height: 20px; background: #f3f3f3; }
    .slideshow.ver1 .wrap > ul > li div img { float: none; width: auto; border: none; margin-bottom: 12px; }
    .slideshow.ver4 > .caption span { display: inline; }
    .slideshow.ver4 .wrap > ul > li div img { float: left; width: 50%; max-width: 287px; border-right: 20px solid white; margin-bottom: 0; }
    .slideshow.ver4 .wrap > ul > li div img { width: 100%; max-width: 584px !important; }
    .slideshow.ver4 .wrap > ul > li div span { display: table-cell; vertical-align: middle; height: 124px; padding: 10px; line-height: 20px; background: #f3f3f3; }
    .slideshow.ver4 .wrap > ul > li div > span { background: #f3f3f3; padding: 10px 30px; text-align: justify; font-size: 12px; line-height: 19px; color: #696969; font-weight: bold; font-style: italic; overflow: hidden; }
}

@media only screen and (min-width:640px) {
    .slideshow.ver2 .wrap > ul > li div img { width: 50%; }
    .slideshow.ver2 .wrap > ul > li div span { text-align: justify }
    .slideshow.ver2 .wrap > ul > li div span b { text-align: center }
    .slideshow.ver4 .wrap > ul > li div img { width: 50%; }
}

@media only screen and (min-width:768px) {
    .slideshow.ver3 .wrap > ul > li div > span { position: relative; padding-left: 100px; }
    .slideshow.ver3 .wrap > ul > li div > span:before { position: absolute; margin: auto; top: 0; left: 10px; bottom: 0; margin: auto; }
    .slideshow.ver4 > .caption:after { content: none; }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .slideshow .wrap > ul > li div img { width: 60%; border-right: 0; }
    .slideshow .wrap > ul > li div > span b { font-size: 15px; line-height: 17px; margin-bottom: 10px }
    .slideshow .wrap > ul > li div > span b strong.more-padd-bott { padding-bottom: 10px }
}

@media all and (min-width:1150px) {
    .slideshow .wrap.more-sp-slider > ul > li div > span b strong { margin-bottom: 50px }
    .slideshow .wrap > ul > li div { background: #f3f3f3 }
    .slideshow .wrap > ul > li div span { background: none }
    .slideshow.ver2 .wrap > ul > li div { margin: 15px 6%; }
    .slideshow.ver2 .wrap > ul > li div img { width: 75%; }
    .slideshow.ver2 .wrap > ul > li div span { padding-left: 30px; padding-right: 30px; }
    .slideshow.ver1 .wrap > ul > li div img { float: left; width: 50%; border-right: 20px solid white; margin-bottom: 0; }
    .slideshow.ver4 .wrap > ul > li div { margin: 15px 6%; }
    .slideshow.ver4 .wrap > ul > li div img { width: 71%; }
}

@media only screen and (min-width:1280px) {
    .slideshow.ver2 .wrap > ul > li div span { line-height: 25px }
    .slideshow.ver3 .wrap > ul > li div > span { padding: 0; position: static; line-height: 44px; text-align: center; }
    .slideshow.ver3 .wrap > ul > li div > span:before { position: relative; top: -2px; display: inline-block; vertical-align: middle; float: none; margin: 0 10px 0 0; }
    /*.slideshow.ver3 .wrap > ul > li div > span.cas888:before, .slideshow.ver3 .wrap > ul > li div > span.mega:before, .slideshow.ver3 .wrap > ul > li div > span.euro:before, .slideshow.ver3 .wrap > ul > li div > span.spin:before, .slideshow.ver3 .wrap > ul > li div > span.bet3000:before { vertical-align: middle }*/
    .slideshow.ver4 .wrap > ul > li div span { line-height: 25px }
    .slideshow.ver4 .wrap > ul > li div > span { padding-top: 18px; }
    .slideshow.ver4 .wrap > ul > li div > span b { margin-bottom: 22px; }
    .slideshow.ver4 .wrap > ul > li div > span b strong { font-size: 19px; margin-bottom: 15px; }
    /*.slideshow.ver4 .wrap > ul > li:last-child div > span b { font-size: 25px; margin-bottom: 18px; }*/
    .slideshow.ver4 .wrap > ul > li .act, .slideshow.ver4 .wrap > ul > li .act1 { margin-top: 20px; }
}