/**
Designed by ######
Copyright 2017

Slot
**/

#slot .banner{ height: 277px; background: url(../../assets/img/slot/slot_banner.jpg) no-repeat center center; }
#slot .slot-menu{ padding: 1rem 0; background: url(../../assets/img/slot/slot_bg.jpg) repeat top center; }

#slot .provider-menu > li{ width: 20%; float: left; padding: 0 5px; }
#slot .provider-menu > li > a{ display: block; padding: .65rem 0; background: url(../../assets/img/slot/provider_spirit.png) no-repeat 0 0 #8c0008; border: 1px solid #8c0008; }
#slot .provider-menu > li > a h3{ color: #FFF; font-size: 1.3rem; font-weight: 900; text-align: left; padding: .4rem 0 .4rem 6rem; }
#slot .provider-menu > li > a h3 small{ display: block; font-size: .7rem; font-weight: 400; }
#slot .provider-menu > li > a:hover{ text-decoration: none; }
#slot .provider-menu > li.selected > a{ background-color: #480004; border-color: #ffdfa6; }
#slot .provider-menu > li.pt > a{ background-position: 0 -58px; }
#slot .provider-menu > li.bbin > a{ background-position: 0 -116px; }
#slot .provider-menu > li.ag > a{ background-position: 0 -173px; }
#slot .provider-menu > li.dmg > a{ background-position: 0 -232px; }

#slot .nav-tabs{ margin: 2rem 0 1.5rem; border-bottom-width: 0; background-color: #000; }
#slot .nav-tabs > li > a{ color: #CCC; padding: .7rem 1rem; }
#slot .nav-tabs > li > a.active{ color: #FF0; border-color: transparent; background-color: transparent; }
#slot .nav-tabs > li > a:hover{ border-color: transparent; }

#slot .tab-content dl{ overflow: hidden; }
#slot .tab-content dl > dd a{ display: block; position: relative; overflow: hidden; }
#slot .tab-content dl > dd a img{ width: 100%; }
#slot .tab-content dl > dd a p{ color: #FFF; font-size: 1rem; background-color: #9b010a; width: 100%; position: absolute; bottom: 0; left: 0; padding: .5rem 0; text-align: center; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
#slot .tab-content dl > dd a:hover p{ color: #480004; background-color: #fac568; }