/*----- Tabs -----*/

.tabs {
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

/*----- Tab Links -----*/

/* Clearfix */

.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab-links {
    margin-bottom: 0px;
}

.tab-links li {
    margin: 0px 5px;
    float: left;
    list-style: none;
}

.tab-links a {
    padding: 9px 10px;
    display: inline-block;
    border-radius: 3px 3px 0px 0px;
    background: #a98706;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    transition: all linear 0.15s;
    text-decoration: none;
}

.tab-links a:hover {
    background: #3c3939;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.tab-content .tab a {
    margin: 0 10px;
}

.tab-links li.active a,
.tab-links li.active a:hover,
.tab-content {
    color: rgb(255, 255, 255);    
    background-color: #3c3939;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    text-decoration: none;
}

/*----- Content of Tabs -----*/

.tab-content {
    padding: 15px;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

/*----- Tabs -----*/

.tab-content-promosi {
    padding: 5px 0px;
    float: left;
}

.btn-promosi {
    float: left;
    background: #000000;
    width: 136px;
    height: 160px;
    text-align: center;
    padding-top: 60px;
}

.img-promosi {
    float: left;
    width: 810px;
    height: 160px;
}

.btn-join {
    background: #066899;
    color: #fff;
    padding: 8px 19px;
    border-radius: 2px;
}

.btn-join:hover {
    text-decoration: none;
    color: #ffffff !important;
}

.btn-join:focus,
.more-info:focus {
    outline: none
}

.more-info {
    background: #737171;
    border: none;
    padding: 5px 10px;
    border-radius: 2px;
    margin-top: 10px;
    width: 95px;
}

.info-promosi {
    float: left;
    padding: 5px;
    display: none;
}

.item {
    background-color: #0c827580;
    float: left;
    margin-bottom: 5px;
}

.no-items {
    float: left;
    width: 968px;
    text-align: center;
    height: 210px;
    line-height: 210px;
}

.img_promosi_size {
    width: 100%;
    height: 100%;
}