/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

 @font-face {
    font-family: DB-Heavent-cond;
    src: url("../../fonts/DB-Heavent-Cond-v3.2.woff") format("woff"), url("../../fonts/DB-Heavent-Cond-v3.2.ttf") format("truetype")
}

@font-face {
    font-family: DB-Heavent-light;
    src: url("../../fonts/DB-Heavent-Li-v3.2.woff") format("woff"), url("../../fonts/DB-Heavent-Li-v3.2.ttf") format("truetype")
}

@font-face {
    font-family: DB-Heavent-regular;
    src: url("../../fonts/DB-Heavent-v3.2.woff") format("woff"), url("../../fonts/DB-Heavent-v3.2.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-LightExt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-LightExt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-LightExt.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-LightExtIt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-LightExtIt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-LightExtIt.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-Ext;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-Ext.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-Ext.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-ExtIt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-ExtIt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-ExtIt.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-BoldExt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BoldExt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BoldExt.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-BoldExtIt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BoldExtIt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BoldExtIt.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-BlackExtIt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BlackExtIt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BlackExtIt.ttf") format("truetype")
}

@font-face {
    font-family: DBHeavent-BlackExt;
    src: url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BlackExt.woff") format("woff"), url("../../fonts/DB-Heavent-Extended/subset-DBHeavent-BlackExt.ttf") format("truetype")
}

body {
    padding-top: 60px;
    background-color: #000000;
    background-image: url(../../images/game-lobby/ambslot-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

a,
p,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: DBHeavent-Ext;
}

.demo-mode a {
    font-size: 20px;
}

footer p {
    color: #13c750!important;
}

.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}

li.nav-item.register {
    margin-right: 10px;
}

.demo-mode {
    position: fixed;
    width: 100%;
    background-color: #1d0f28e0;
    z-index: 9999;
    padding: 10px;
    bottom: 0;
    color: #fff;
}

footer.bg-footer {
    margin-bottom: 0px;
}

footer.bg-footer-demo {
    margin-bottom: 50px;
}


/*ambslot*/

.ambslot-item {
    margin-bottom: 10px !important;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    
}

.ambslot-item-title {
    color: #612DF6;
    font-size: 20px;
}
.ambslot-item-title:hover {
    color:#B60063;
    text-decoration: none;
}

.ambslot-game-item img:hover {
    /*filter: gray; /* IE5+ */
    /*-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
}

.middle {
    transition: .5s ease;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.ambslot-item:hover .ambslot-game-img {
    opacity: 0.4;
    cursor: pointer;
}

.ambslot-item:hover .middle {
    opacity: 1;
}

.ambslot-game-img {
    width: 100%;
    /* border: 2px solid #333 !important; */
}

.play-ambslot {

    background: rgb(53, 27, 74);
    background: linear-gradient( 0deg, rgb(53, 27, 74) 0%, rgb(29, 15, 40) 100%);
    cursor: pointer;
    padding: 10px 10px;
    border-radius: 8px;
    box-shadow: 0 5px 30px rgb(145 92 182 / 60%) !important;
}

a.play-ambslot,
a.play-ambslot:hover {
    color: #13c750;
    font-size: 18px;
    text-decoration: none;
}

.play-ambslot i {
    font-size: 14px;
}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.8;
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    text-indent: 9999px;
    background: url(../../images/icon_top.png) no-repeat;
}

.scrollup-demo {
    width: 40px;
    height: 40px;
    opacity: 0.8;
    position: fixed;
    bottom: 50px;
    right: 25px;
    display: none;
    text-indent: 9999px;
    background: url(../../images/icon_top.png) no-repeat;
}

.topnav {
    background-color: #020203 !important;
    height: 60px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

.link {
    padding-top: 15px;
}

.logo {
    padding-top: 5px;
}

.link a:hover {
    text-decoration: none;
    color: #095a25;
}

.link-home:hover {
    text-decoration: none;
    color: #11af46 !important;
}

.link-home {
    color: #13c750;
    font-size: 18px;
}

.link-register {
    color: #ffffff;
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid;
    border-radius: 10px;
    border-width: 2px;
    border-color: #11af46;
    background-color: #13c750;
}

.link-login {
    color: #D7AA40;
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid;
    border-radius: 10px;
    border-width: 2px;
    background-color: #D7AA40;
    border-color: #D7AA40;
}

.demo-text {
    color: #D7AA40;
}

.games-tabs a {
    color: #000000;
    font-size: 20px;
    padding: 0px 5px;
}

.games-tabs a:hover {
    color: #D7AA40 !important;
}

.games-tabs>.active {
    color: #D7AA40;
    text-decoration: none;
    font-family: DBHeavent-BoldExt;
}
a.ambslot-game-item {
    color: #ffffff;
    font-size: 16px;
}
a.ambslot-game-item:hover {
    color: #FFCF43;
    text-decoration: none;
}