/* =======================================================
*
* 	Template Style 
*
* ======================================================= */

.feature {
    width: 100%;
    background: url(../images/index_679x553.png) #4B4E55 no-repeat;
    background-position: center right;
    background-size: contain;
    background-blend-mode: screen;
    margin: 0 auto;
    height: 480px;
}

.feature-content {
    text-align: center;
}

.feature-content h4 {
    text-align: left;
    color: #2EA7E0;
}

.feature-content .desc {
    text-align: left;
    color: #ffffff;
}

.feature-content .row {
    margin-top: 90px;
}

.feature-inverse {
    background: url(../images/791x588.png) #27282D no-repeat;
    background-position: center left;
    background-blend-mode: screen;
    height: 480px;
}

@media screen and (min-width: 1200px) {
    .container-fluid.no-full {
        width: 1156px;
    }
}

@media screen and (max-width: 1366px) {
    .feature {
        background-size: 50%;
    }
}

@media screen and (max-width: 1199px) {
    .feature {
        background-size: 55%;
    }
}

@media screen and (max-width: 991px) {
    .feature {
        background-size: 60%;
    }
}

@media screen and (max-width: 767px) {
    .feature {
        height: 950px;
        background-position: 50% 100%;
    }
}

@media screen and (max-width: 639px) {
    .feature {
        height: 750px;
        background-image: none;
    }
    .feature-inverse {
        background-image: none;
    }
}

.black-box {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    /*background: url(../images/black-box-bg.png.html) #0f0f0f;*/
}

.black-box p {
    font-size: 13px;
    color: #848484;
}

.contact-box {
    padding: 0;
    color: #848484;
    background-color: #3D3C41;
}

.contact-box .feedback, .contact-box .contact {
    background: url(../images/1200x500.png) no-repeat bottom;
    padding-top: 40px;
    height: 300px;
}

.contact-box h3 {
    margin: 14px 0;
    color: #2EA7E0;
    text-align: center;
}

.contact-box h6 {
    margin: 0;
    color: #ffffff;
    text-align: center;
}

.contact-box p {
    text-align: center;
    font-size: 13px;
}

.contact-box .form-control {
    border-radius: 0;
    color: #fff;
    border: 1px solid #575757;
    background: transparent;
}

.contact-box p.address {
    text-transform: uppercase;
    padding: 0px 30px 0px 30px;
    margin-bottom: 20px;
}

.morebtn {
    width: 140px;
    margin: 20px auto;
    display: inline-block;
    height: 38px;
    border-radius: 2px;
    text-transform: uppercase;
    text-shadow: none;
    text-align: center;
    color: #2EA7E0;
    background: none;
    transition: all 300ms ease-in-out;
    border: 1px solid #2EA7E0;
    line-height: 38px;
}

.morebtn:hover {
    color: #fff;
    background: #2EA7E0;
}

.copyright p {
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 36px;
    color: #8a8a8a;
}

.slot-icon {
    background: url(../images/icos/about_01.png) no-repeat center center;
    background-size: 80%;
}

.lotto-icon {
    background: url(../images/icos/about_02.png) no-repeat center center;
    background-size: 80%;
}

.live-icon {
    background: url(../images/icos/about_03.png) no-repeat center center;
    background-size: 80%;
}

.sport-icon {
    background: url(../images/icos/about_04.png) no-repeat center center;
    background-size: 80%;
}

/**/

.main-box {
    min-height: 250px;
}

.main-box ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.main-box li {
    width: 25%;
    overflow: hidden;
    position: relative;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-box li a {
    width: 100%;
    display: block;
    color: #fff;
}

.main-box li a {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    float: left;
    min-height: 250px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.main-box li a:hover {
    background-color: rgba(0, 24, 54, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-box li {
    height: 250px;
}

.main-box li p {
    font-size: 14px;
}

.main-box li span {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000096;
}


@media screen and (max-width: 480px) {
    .main-box li {
        width: 100%;
        height: 180px;
    }
}

/**/

.partner_block {
    background: url(../images/partner_bg%EF%B9%96v=0415.jpg) no-repeat center;
    padding: 19% 0 19%;
}

section {
    text-align: center;
}

.p_list {
    margin: -2% auto;
    width: 65.5em;
}

.p_list>a {
    width: 157px;
    height: 157px;
    border: 1px #cbad64 solid;
    color: #cbad64;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    cursor: pointer;
    margin: 0 40px;
    background-position: 0px 0px;
}

.mg_btn {
    background: url(../images/p_mg.png) no-repeat;
}

.ag_btn {
    background: url(../images/p_ag.png) no-repeat;
}

.pt_btn {
    background: url(../images/p_pt.png) no-repeat;
}

.og_btn {
    background: url(../images/p_og.png) no-repeat;
}

.ab_btn {
    background: url(../images/p_ab.png) no-repeat;
}

.qt_btn {
    background: url(../images/p_qt.png) no-repeat;
}

.nt_btn {
    background: url(../images/p_nt.png) no-repeat;
}

.dios_btn {
    background: url(../images/p_dios.png) no-repeat;
}

.apl_btn {
    background: url(../images/p_apl.png) no-repeat;
}

.dt_btn {
    background: url(../images/p_dt.png) no-repeat;
}

.mcai_btn {
    background: url(../images/p_mcai.png) no-repeat;
}

.bbin_btn {
    background: url(../images/p_bbin.png) no-repeat;
}

.partner_block span {
    display: none;
}

.p_list>a:hover {
    background-position: -2px -159px;
}