@font-face {

    font-family: "Flaticon-table";

    src: url("table-icon/flaticon.eot");

    src: url("table-icon/flaticon.eot#iefix") format("embedded-opentype"),

    url("table-icon/flaticon.woff") format("woff"),

    url("table-icon/flaticon.ttf") format("truetype"),

    url("table-icon/flaticon.svg") format("svg");

    font-style: normal;

}



.gamesSection {

    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.gamesSection {

    width: 25%;

    margin-left: 0;

}



.btn {

    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

}



.btn, .btn-large, .btn-flat {

    border: none;

    border-radius: 2px;

    display: inline-block;

    height: 36px;

    line-height: 36px;

    outline: 0;

    padding: 0 10px;

    text-transform: uppercase;

    vertical-align: middle;

    -webkit-tap-highlight-color: transparent;

}



.btn, .btn-large {

    text-decoration: none;

    color: #FFF;

    background-color: #26a69a;

    text-align: center;

    letter-spacing: .5px;

    -webkit-transition: .2s ease-out;

    -moz-transition: .2s ease-out;

    -o-transition: .2s ease-out;

    -ms-transition: .2s ease-out;

    transition: .2s ease-out;

    cursor: pointer;

}



.btn:hover, .btn-large:hover, .btn-floating:hover {

    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);

    -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);

    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);

}



#gamesTabs {

    z-index: 0;

    overflow: hidden;

    padding: 0;

}



.gamesToggle {

    height: 555px;

}



.gamesSection {

    padding: 0 !important;

}



.gamesSection img {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    display: block;

    object-fit: cover;

}



.gamesSection p {

    text-align: center;

}



.gamesSection .btn {

    position: absolute;

    bottom: 15%;

    left: 0;

    right: 0;

    color: #FFF;

    font-weight: 700;

    display: block;

    padding: 0px;

    width: 100%;

    max-width: 135px;

    margin: auto;

    font-size: 16px;

    text-transform: capitalize;

    background: #2196f3;

}



.bgGameSect {

    background: rgba(0,0,0,.7);

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    height: 145px;

    display: block;

    width: 100%;

    margin: 0;

    padding-top: 30px;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    transition: .1s all linear;

    box-sizing: border-box;

}



.gameBox:hover .bgGameSect {

    opacity: 1;

    visibility: visible;

}


.bgGameSect p {

    margin: 0;

    padding: 0;

    color: #fff;

    font-weight: bold;

    font-size: 15px;

    line-height: 21px;

}



.gameBox {

    position: relative;

    background: #d0d0d0;

    width: 95%;

    display: inline-block;

    height: 145px;

    margin: 5px;

}



.gameBox > p {

    background: #ffffff;

    box-shadow: inset 0 0 30px 0 #dcdcdc;

    height: 135px;

    margin: 5px;
    box-sizing: border-box;
    padding: 0;

}



/*#gamesTabs {

    margin-left: -0.76rem;

    margin-right: -0.76rem;

}*/



.ui-tabs-nav {

    background: #4b3a5b;

    float: left;

    width: 100%;

}



.gtCategory {

    background: #82b336;

    width: 80%;

    float: none;

    width: 100%;

}



.gtCategory li:not(:last-child)  {

    border-right: 2px solid #416014;

}





.fiestUL {

    background: #82b336;

    display: block;

    width: 100%;

    overflow: hidden;

    border-bottom: 2px solid #416014;

}



.titleGameSoft {

    width: 18%;

    float: right;

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    color: #FFF;

    text-align: right;

    padding: 14px 15px 14px 0;

}



.ui-tabs .ui-tabs-nav .ui-tabs-anchor {

    padding: 15px;

    outline: none;

}



.ui-tabs .sub-element-container .ui-tabs-anchor {

    font-weight: 400;

    text-transform: none;

    padding: 0 10px;

    line-height: 35px;

    outline: none;

}

.ui-tabs .sub-element-container .ui-tabs-anchor  span {
    color: #fff;
}



.ui-tabs-nav .ui-state-hover, .ui-tabs-nav .ui-state-active {

    background: #a368a1;

}



.gtCategory .ui-state-hover, .gtCategory .ui-state-active {

    background: #4d7117;

}



.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

}



.ui-widget {

    font-family: 'Roboto', sans-serif;

}



.sub-slots::before {

    font-family: Flaticon-table;

    font-size: 20px;

    font-style: normal; 

    content: "\e005";

    margin-right: 5px;

    float: left;

}



.sub-board::before {

    font-family: Flaticon-table;

    font-size: 20px;

    font-style: normal; 

    content: "\e001";

    margin-right: 5px;

    float: left;

}



.sub-roullete::before {

    font-family: Flaticon-table;

    font-size: 20px;

    font-style: normal; 

    content: "\e003";

    margin-right: 5px;

    float: left;

}



#add-more-games {

    margin: 0 auto;

    width: 100%;

    display: block;

    font-weight: bold;

    font-size: 20px;

    height: 45px;

    line-height: 45px;

    margin: 20px 0;

    box-sizing: border-box;

}

#add-more-games  span {
    color: #fff;
}



#add-more-games .hide-btn,

#add-more-games.foo .load-more-btn {

    display: none;

}



#add-more-games.foo .hide-btn {

    display: block;

}



/*@media only screen and (min-width: 993px) {

    .gamesSection.l3 {

        width: 25%;

        margin-left: 0;

    }

}



@media only screen and (min-width: 601px) {

    .gamesSection.m6 {

        width: 50%;

        margin-left: 0;

    }

}*/



@media screen and (max-width: 780px) {

    #gamesTabs, #add-more-games, .innerGameBtn {

        display: none;

    }

}