/* @import url(../../fonts/font-awesome-4.5.0/css/font-awesome.min.css); */
@import url('https://wbgame.tadagaming.com/All-In-One/production/css/font-awesome.min.css');

.advertise {
    width: 100%;
    margin-top: 48px;
}

@media only screen and (min-width: 1279px) {
    .advertise {
        margin-top: 70px;
    }
}

.advertise__swiper {
    width: 100%;
}

.advertise__swiper .swiper-slide {
    width: 100%;
    padding-bottom: 46.875%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 1279px) {
    .advertise__swiper .swiper-slide {
        padding-bottom: 31.25%;
    }
}

.advertise__swiper .swiper-slide img {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 150%;
}

@media only screen and (min-width: 1279px) {
    .advertise__swiper .swiper-slide img {
        width: 100%;
    }
}

.content_index {
    overflow-x: hidden;
    padding-top: 0;
}

.content_index .contact {
    background: #FFF;
}

.content_index .moreAboutUs {
    width: 100%;
    background: #000;
    padding-top: 20px;
    padding-bottom: 0;
}

.content_index .moreAboutUs img {
    user-select: none;
}

.content_index .moreAboutUs .content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content_index .moreAboutUs-data {
    width: calc(100% - 16px);
    margin: 0 auto;
    background: #000;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.content_index .moreAboutUs-data ul {
    width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
}

.content_index .moreAboutUs-data ul li {
    width: calc(50% - 8px);
    padding: 16px 0;
    text-align: center;
}

@media only screen and (min-width: 1023px) {
    .content_index .moreAboutUs-data ul li {
        width: calc(25% - 8px);
    }
}

.content_index .moreAboutUs-data ul li .num {
    font-size: 4rem;
    color: #fff;
    margin-bottom: 1.5rem;
}

.content_index .moreAboutUs-data ul li p {
    line-height: 1.2em;
}

.content_index .moreAboutUs .textContent {
    margin-top: 4rem;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-bottom: 60px;
}

@media only screen and (min-width: 1023px) {
    .content_index .moreAboutUs .textContent {
        width: 60%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.content_index .moreAboutUs .textContent p {
    color: #c6bdbd;
}

.content_index .moreAboutUs-role {
    width: 100%;
    display: none;
}

@media only screen and (min-width: 1023px) {
    .content_index .moreAboutUs-role {
        max-width: 529px;
        margin: 80px auto 0 auto;
        display: block;
        margin: 0 auto;
        width: 40%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

.content_index .moreAboutUs-role img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.content_index .moreAboutUs-list {
    width: 100%;
}

.content_index .moreAboutUs-list ul {
    width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
}

.content_index .moreAboutUs-list ul li {
    width: calc(30% - 8px);
    padding: 40px 0;
    text-align: left;
}

.content_index .moreAboutUs-list ul li img {
    padding: 10px 0;
}

.content_index .moreAboutUs-list ul li p {
    line-height: 1em;
    color: #8B8B8B !important;
}

.content_index .moreAboutUs .title {
    color: #fcc40d;
    text-align: center;
    line-height: 1.2em;
}