@font-face {
    font-family: 'Bimini';
    src: url('../fonts/BiminiNormal.woff2') format('woff2'),
        url('../fonts/BiminiNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Bimini';
    font-size: 1.2em;
}
#page-wrapper {
    width:100%;
}
#header {
    min-height: 100px;
    background-color: #2f2f2f;
    border: 1px solid #ffda00;
    padding: 10px 0px;
    position: relative;
}
.relative {
    position: relative;
}
#logo {
    position: absolute;
    z-index: 10000;
    height: 100px;
    top: 5px;
}
#demo {
    max-height: 400px;
}
.carousel-inner {
    max-height: 400px;
}
.carousel-inner img {
    width: 100%;
    height: 100%;
}
#main-games {
    margin-top:20px;
}
.game_main_box {
    position: relative;
}
.custom_box {
    width: 250px;
    margin: 0px auto;
    padding: 0px;
    box-shadow: -11px 2px 55px -2px rgba(0,0,0,0.56);
    -webkit-box-shadow: -11px 2px 55px -2px rgba(0,0,0,0.56);
    -moz-box-shadow: -11px 2px 55px -2px rgba(0,0,0,0.56);
    margin-bottom:10px;
}
.ribbon {
    position: absolute;
    right: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#C7000C 0%, #CE000C 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -21px;
}
.ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #CE000C;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #CE000C;
}
.ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #CE000C;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #CE000C;
}

.category_title {
    /* border-bottom: 1px solid #4d4d4d; */
    overflow: hidden;
    position: relative;
    min-height: 39px;
}
.category_name {
    border-bottom: 3px solid #4d4d4d;
    position: absolute;
    bottom: 0;
    font-size: 1.2em;
}
.more {
    padding: 5px 10px;
    /*background-color: #1a1a1a;*/
    color:#ffda00;
}
.more img {
    width:20px;
    margin-right:10px;
}
.games_list {
    margin-bottom:15px;
}
.games_body {
    padding: 15px;
    /* border: 1px solid #4d4d4d; */
    margin-top:5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    clear:both;
}
.game {
    float: left;
    width: 205.6px;
    padding: 10px;
    background-color: #2f2f2f;
    margin-right: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom:10px;
}
.games_body div.game:nth-child(5) {
    margin-right:0px;
}
.game img {
    /* border: 3px solid #ffda00; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 185px;
}
.game p {
    color:#ffffff;
    padding:0px;
    margin: 0px;
}

#footer {
    min-height: 200px;
    background-color: #2d2d2d;
    -webkit-box-shadow: 0px -4px 34px -4px rgba(45,45,45,1);
    -moz-box-shadow: 0px -4px 34px -4px rgba(45,45,45,1);
    box-shadow: 0px -4px 34px -4px rgba(45,45,45,1);
    padding:15px 0px;
    color: #FFF;
    font-size: 0.8em;
}
#footer_logo {
    max-width:200px;
}
#footer_category_list {
    margin-top:15px;
}
#footer_category_list p{
    text-align:center;
}

iframe {
    border: 3px solid #ffda00;
    outline: 3px solid #333;
    min-height: 400px;
}

a.more_link {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 20px;
    color: #fff !important;
    background: #333;
    margin: 0px auto;
    padding: 10px 15px;
    display: inline-block;
    border: 2px solid #ffd900;
}
.lnk {
    text-decoration: none !important;
}
.more_lnk {
    color:#ffd900 !important;
}
.main_categories {
    padding: 10px 0px;
    background: #1a1a1a; /* Old browsers */
    background: -moz-linear-gradient(left, #1a1a1a 0%, #333333 50%, #333333 52%, #1a1a1a 100%);
    background: -webkit-linear-gradient(left, #1a1a1a 0%,#333333 50%,#333333 52%,#1a1a1a 100%);
    background: linear-gradient(to right, #1a1a1a 0%,#333333 50%,#333333 52%,#1a1a1a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a',GradientType=1);
    color:#fff;
}
.main_categories .list-inline {
    margin:0px;
}
.game p {
    overflow: hidden;
    white-space: nowrap;
}
@media (max-width: 780px) {
    .game {
        width: 46%;
    }
    .game img.mx-auto {
        width:100%;
    }
    .custom_box {
        width:30%;
    }
    .custom_box img.mx-auto {
        width:100%;
    }
    #demo {
        max-height: 200px;
    }
    .carousel-inner {
        max-height: 200px;
    }
    .video {
        width: 46%;
    }
    .video img.mx-auto {
        width:100%;
    }
}

.video_title {
    border-bottom: 1px solid #4d4d4d;
    overflow: hidden;
    min-height: 39px;

}
.video_name {
    border-bottom: 4px solid #4d4d4d;
    bottom: 0;
    font-size: 1.2em;
}

.videos_list {
    margin-bottom:15px;
}

.video {
    background-color: transparent;
}

.video p {
    border-bottom: 1px solid #ffd900;
    display:flex;
    flex-direction:column;
}

.video_body {
    background-color: #333333d1;
}