/**
 * 
 * @authors Bert
 * @date    2020-08-20 10:05:59
 * @version 1.0
 */
@import "../../common/less/global";
@import "./global";
/********header star ********/
.logo {
    background: url(../svgs/logo.svg) no-repeat center center;
    width: 119px;
    height: 41px;
    background-size: 119px 41px;
}

.notLoggedTips,
.publicHeader {
    height: auto;
    width: 100%;
}
.blogList_Wrapper {
    margin-top: 147px;
}
@media screen and (max-width: 768px) {
    .blogList_Wrapper {
        margin-top: 133px;
    }
}
.regional_users_list{
    max-width: 1000px;
    margin: 0px auto 0;
}
/********success stories star********/
.sStories {
    .info1 {
        .img {
            background: url(../img/stories_content_bg.png) no-repeat;
            background-size: 100% 100%;
        }
    }
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
/********success stories end********/
@media screen and (max-width: 768px) {
    .notLoggedHeader + .publicBody {
        margin-top: 132px;
    }
    .publicHeader .header .logoBox {
        margin-left: -59px;
    }
    .notLoggedHeader .header .logoBox {
        width: 148px;
    }
    .notLoggedHeader .header .logoBox .logo {
        margin: auto 10px;
    }
    .header .logoBox .logo {
        margin: auto 10px auto 70px;
    }
    .notLoggedTips {
        height: auto;
    }
    .headerSinceTip {
        padding: 12px 40px;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 414px){
    .notLoggedHeader .header .logoBox {
        width: 148px;
        margin-right: 0;
    }
    .notLoggedHeader.notLoggedTips + .publicBody {
        .successStories {
            margin-top: 9px;
        }        
    }
}


.notLoggedHeader .mobileNav .navBtn i {
    width: 32px;
    height: 3px;
}

.blogList_Wrapper .container {
    width: 100%;
}

/********header end********/

/********press news start********/
.pressNewsCont {
    padding-bottom: 50px;
    .download_btn {
        font-size: 14px;
        line-height: 41px;
        margin-top: 18px;
        border: 1px solid #111110;
        width: 250px;
        height: 40px;
        text-align: center;
        cursor: pointer;
        a {
            display: inline-block;
            .publicFont3;
        }
    }
    .sliderWrap {
        height: 609px;
        padding: 0 9px;
    }
    .pressBanner1 {
        background-image: url('../img/pressBannerNew1.jpg');
    }
    .swiper-wrapper .swiper-slide .bannerItem {
        height: 100%;
    }
    .swiper-wrapper .swiper-slide:nth-child(1) .bannerItem {
        background-image: url('../img/pressBanner240723_11.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(1), .swiper-wrapper .swiper-slide:nth-child(2) .bannerItem {
        background-image: url('../img/pressBanner240723_02.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(2), .swiper-wrapper .swiper-slide:nth-child(3) .bannerItem {
        background-image: url('../img/pressBanner250113_02.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(3), .swiper-wrapper .swiper-slide:nth-child(4) .bannerItem {
        background-image: url('../img/pressBanner250113_03.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(4), .swiper-wrapper .swiper-slide:nth-child(5) .bannerItem {
        background-image: url('../img/pressBanner250113_04.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(5), .swiper-wrapper .swiper-slide:nth-child(6) .bannerItem {
        background-image: url('../img/pressBanner250113_05.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(6), .swiper-wrapper .swiper-slide:nth-child(7) .bannerItem {
        background-image: url('../img/pressBanner240723_07.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(7), .swiper-wrapper .swiper-slide:nth-child(8) .bannerItem {
        background-image: url('../img/pressBanner240723_08.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(8), .swiper-wrapper .swiper-slide:nth-child(9) .bannerItem {
        background-image: url('../img/pressBanner240723_09.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(9), .swiper-wrapper .swiper-slide:nth-child(10) .bannerItem {
        background-image: url('../img/pressBanner240723_10.png');
        background-size: cover;
    }
    .pressBannerPC div:nth-child(1), .swiper-wrapper .swiper-slide:nth-child(11) .bannerItem {
        background-image: url('../img/pressBanner250113_01.png');
        background-size: cover;
    }
    .swiper-wrapper .swiper-slide:nth-child(12) .bannerItem {
        background-image: url('../img/pressBanner240723_02.png');
        background-size: cover;
    }
    .pressBannerPC2{
        margin-top: 37px;
    }
    .pressBannerPC2 div:nth-child(1){
        background-image: url('../img/pressBanner240723_11.png');
        background-size: cover;
      }
    .pressBannerPC2 div:nth-child(2){
        background-image: url('../img/pressBanner240723_07.png');
        background-size: cover;
      }
    .pressBannerPC2 div:nth-child(3){
        background-image: url('../img/pressBanner240723_08.png');
        background-size: cover;
      }
    .pressBannerPC2 div:nth-child(4){
        background-image: url('../img/pressBanner240723_09.png');
        background-size: cover;
      }
    .pressBannerPC2 div:nth-child(5){
        background-image: url('../img/pressBanner240723_10.png');
        background-size: cover;
      }
    .pressDownloadBox a.ios {
        background-image: url('../img/pressAppstore.png');
        background-size: 165px 49px;

    }
    .pressDownloadBox a.android {
        background-image: url('../img/pressGoogleplay.png');
        background-size: 165px 49px;
    }
    .swiper-pagination {
        display: none;
    }
    h2 {
        padding: 42px 15px 0 15px;
        margin: 0px;
        overflow: hidden;
        text-align: center;
        font-size: 20px;
        line-height: 32px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .pressToptext {
        padding: 32px 0 0 0;
    }
    .pressToptext p {
        padding: 0 0 12px;
        margin: 0px;
        font-size: 16px;
        line-height: 26px;
        .publicFont1;
        color: #111110;
    }
    .pressToptext p b {
        .publicFont1;
    }
    .pressToptext .pressContacts {
        color: #4b4b4b;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }
    .pressToptext .pressContacts dd {
        padding: 0px;
        margin: 0px;
        float: left;
    }
    .pressToptext .pressContacts dd span {
        font-size: 16px;
        line-height: 26px;
        .publicFont1;
        color: #111110;
    }
    .pressToptext .pressContacts .pressPhone {
        span:first-child {
            width: 22px;
            height: 22px;
            margin-right: 6px;
            display: inline-block;
            vertical-align: text-top;
            transform: translateY(-2px);
            background: url(../svgs/phone.svg) no-repeat center left;
            background-size: 22px;
        }
        border-right: 1px solid #b5b5b5;
        padding-right: 15px;
    }
    .pressToptext .pressContacts .pressMail {
        span:first-child {
            width: 22px;
            height: 22px;
            margin-right: 8px;
            display: inline-block;
            vertical-align: text-top;
            background: url(../svgs/email.svg) no-repeat 0 -1.5px;
            background-size: 22px;
        }
        padding-left: 15px;
    }
    .pressBanner1 {
        width: 100%;
        text-align: center;
        margin: 30px auto 16px;
        height: 305px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .pressBannerbox {
        display: flex;
        width: 100%;
        margin-left: 19px;
    }
    .pressBanner2 {
        margin-left: -31px;
    }
    .pressBannerPC div {
        width: 188px;
        height: 333px;
        margin-left: 12px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .pressBannerPC2 div {
        width: 188px;
        height: 333px;
        margin-left: 12px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .pressDownload p {
        color: #000;
        clear: both;
        font-size: 14px;
        padding-top: 30px;
    }
    .pressDownload a {
        display: inline-block;
        color: #1b1b1b;
        background: #fff;
        font-weight: bold;
        border: 1px solid #1b1b1b;
        text-transform: uppercase;
        margin: 20px 0 0 15px;
        height: 45px;
        line-height: 45px;
        text-decoration: none;
        padding: 0 25px;
        text-align: center;
        font-size: 14px;
        box-sizing: border-box;
        box-sizing: border-box;
    }
    .pressDownloadBox {
        flex: 1;
        text-align: left;
        padding-bottom: 30px;
    }
    .pressDownloadBox h3 {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 34px;
        color: #1b1b1b;
        font-weight: bold;
    }
    .pressDownloadBox a {
        width: 165px;
        height: 49px;
        display: inline-block;
        margin-bottom: 20px;
    }
    .pressDownloadBox img {
        margin-bottom: 30px;
    }
    .sliderWrap {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .notLoggedHeader .mobileNav .navBtn {
        position: absolute;
        top: 86px;
        right: 16px;
    }
    .blogWrap .left_container h3 {
        margin-top: 16px;
    }

    .pressNewsCont{
        padding: 0px 20px 30px 20px;
        h2 {
            font-size: 20px;
            padding: 31px 0 20px;
        }
        .pressToptext {
            padding: 0;
        }
        .pressToptext p {
            font-size: 16px;
            line-height: 24px;
            color: #0f0f0f;
            padding: 0 0 16px;
            .publicFont1;
        }
        .pressToptext p b {
            .publicFont3;
        }
        .pressToptext .line {
            display: none;
        }
        .pressToptext .pressContacts .pressPhone {
            border-right: none;
        }
        .pressToptext .pressContacts .pressMail {
            padding-left: 0;
            padding-top: 5px;
        }
        .pressToptext .pressContacts dd {
            float: none;
        }
        .pressToptext .pressContacts dd span {
            font-size: 16px;
            .publicFont3;
            color: #0f0f0f;
        }
        .pressBanner1 {
            margin: 25px 0 10px 0px;
            width: 100%;
            height: 116px;
        }
        .pressBannerbox {
            display: block;
            width: 100%;
            margin-left: 0;
        }
        .pressBannerbox .pressBanner2 {
            width: 100%;
            max-width:359px;
            padding: 0;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .pressBannerbox .pressDownload {
            text-align: center;
        }
        .pressBannerbox .pressDownload p {
            text-align: center;
            padding: 0;
            margin-top: 54px;
            font-size: 16px;
            line-height: 24px;
            color: #0f0f0f;
        }
        .pressBannerbox .pressDownload a {
            margin: 16px auto 0;
            font-size: 14px;
            .publicFont3;
            width: 95%;
            padding: 0 16px;
        }
        .pressBannerbox .pressBannerPC {
            display: none;
        }
        .pressBannerbox .pressBannerPC2 {
            display: none;
        }
        .pressDownloadBox{
            border: none;
            text-align: center;
            padding-bottom: 0;
        }
        .pressDownloadBox h3 {
            line-height: 48px
        }
        .pressDownloadBox img:nth-child(1) {
            margin-right: 10px;
        }
        .download_btn {
            font-size: 14px;
            line-height: 19px;
            margin: 18px auto 0;
            padding: 13px 0 12px;
            border: 1px solid #000;
            text-transform: uppercase;
            text-align: center;
            height: 20px;
            a {
                display: inline-block;
                padding-left: 0;
                .publicFont3;
                background: none;
            }
        }
        .pressDownloadBox h3{
            .publicFont4;
            margin: 32px 0 23px;
            
        }
        .swiper-container {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .pressBannerMobile {
            width: 100%;
            height: 610px;
            position: relative;
        }
        .swiper-pagination-bullets.swiper-pagination-horizontal {
            display: block;
            bottom: -31px;
        }
        .swiper-pagination-bullet-active {
            background: #1b1b1b;
        }
        .swiper-pagination-bullet {
            width: 4px;
            height: 4px;
        }
        .swiper-pagination {
            display: block;
        }
        .pressDownloadBox a.ios {
            float: left;
            margin-top: 80px;
            margin-left: 20px;
        }

        .pressDownloadBox a.android {
            float: right;
            margin-top: 80px;
            margin-right: 20px;
        }
        .pressDownloadBox h3 {
            display: none;
        }
    }
}
@media screen and (max-width: 430px) {
    .pressNewsCont {
        .pressDownloadBox a.ios {
            margin-left: 10px;
        }
        .pressDownloadBox a.android {
            margin-right: 10px;
        }
    }
}
@media screen and (max-width: 400px) {
    .pressNewsCont {
        .pressDownloadBox a.ios {
            margin-left: 0;
            width: 42vw;
            background-size: 42vw 12.5vw;
            height: 12.5vw;
        }
        .pressDownloadBox a.android {
            margin-right: 0;
            width: 42vw;
            background-size: 42vw 12.5vw;
            height: 12.5vw;
        }
    }
}
/********press news end********/
/* seo start */
.pageWidthB {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

.pageWidthB.top {
    position: fixed;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #e74064;
    top: 0;
    z-index: 100;
}

.prideMonthHome .pageWidthB.top {
    background:none
}

.pageWidthB.top.prideTop {
    background: none;
    position: relative;
}

.homeB .headerB .r .signUp {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
}

.logo {
    height: 41px;
    margin: 7px auto 0;
    cursor: pointer;
    background-size: 119px 41px;
}

.logo.prideLogo .svgIconBg {
    background: #fff;
}

.homeB .headerB .logo .svgIconBg {
    width: 200px;
    margin-top: -10px;
    height: 34px;
    float: left;
    background-size: 100% auto;
    background-position: left center;
}

.bcFooterB .logo .svgIconBg {
    background: #fff;
}

.joinUsButton {
    width: 236px;
    height: 56px;
    background: #e74b40;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 56px;
    font-size: 16px;
}

.headerB {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
    text-transform: uppercase;
}

.headerB sup {
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    margin-left: 0px;
    margin-top: -5px;
    display: inline-block;
    transform: scale(0.8, 0.8);
}

.headerB .r {
    height: auto;
    color: #fff;
    position: absolute;
    right: 200px;
}

.headerB .r a {
    padding: 14px 30px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
}

.headerB .r a.navBarA {
    padding: 0;
    margin: 17px 30px;
}

.headerB .r a.bTopSignIn {
    border-radius: 4px;
    padding: 2px 10px;
    margin: 17px 30px 17px 60px;
}

.headerB .r .signUp {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
}

.headerB .signin {
    height: 42px;
    float: left;
    line-height: 42px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin: 22px 0 0 0;
    padding: 0 15px;
    cursor: pointer;
}

.headerB .signin a {
    color: #fff;
}

.headerB .logo {
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    height: 25px;
    background: none;
}

.headerB .mobileHeaderRight {
    display: none;
}

.banerImgB {
    background: #e74064;
    color: #fff;
    width: 100%;
    height: 95vh;
    position: relative;
    margin-top: 80px;
}

.prideMonthHome .banerImgB {
    background-size: cover;
    margin-top: 0;
    padding-top: 80px;
    height:100vh;
}

.banerImgB .banerImgArea {
    display: flex;
    position: absolute;
    right: 180px;
    height: 85vh;
    margin-top: 20px;
}

.banerImgB .banerImgArea div {
    min-height: 820px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 258px;
    margin-left: 15px;
    background: no-repeat;
    background-size: 100%;
}

.banerImgB .banerImgArea div:nth-child(1) {
    margin-top: 83px;
    animation: bgImgIn 0.6s linear;
}

.banerImgB .banerImgArea div:nth-child(2) {
    animation: bgImgIn 0.8s linear;
}

.banerImgB .banerImgArea div:nth-child(3) {
    animation: bgImgIn 1s linear;
}

.banerImgB .banerImgArea div:nth-child(4) {
    margin-top: 180px;
    animation: bgImgIn 1.2s linear;
}

.banerImgB .banerImgArea div:nth-child(5) {
    margin-top: 316px;
    animation: bgImgIn 1.4s linear;
}

.banerImgB.prideBannerImg {
    margin-top: -80px;
}

.banerImgB.prideBannerImg .btn a {
    height: 56px;
    background: url(homeBtnJoin.webp) no-repeat center center;
    background-size: 91px auto;
    text-indent: 9999999px;
    overflow: hidden;
}

.banerImgB.prideBannerImg .btn.registerNow a {
    background-size: 133px auto;
}

.banerImgB .cont {
    padding-top: 100px;
}

.banerImgB .cont.prideCon {
    padding-top: 140px;
}

.banerImgB .banerContent {
    max-width: 1200px;
    position: absolute;
    margin: 0 0 0 162px;
    bottom: 100px;
}

.banerImgB .banerContent .btn {
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

.banerImgB .banerContent p {
    line-height: 32px;
    font-size: 20px;
}


.banerImgB .banerContent .bannerWords {
    width: 744px;
    height: 174px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 32px 0 28px;
}

.banerImgB .banerContent .bannerWordsMobile {
    display: none;
}

.banerImgB .banerContent h2 {
    padding: 27px 0;
    line-height: 47px;
    font-size: 32px;
}

.banerImgB .btn {
    width: 165px;
    height: 56px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    line-height: 58px;
    font-size: 24px;
    margin-bottom: 50px;
}

.banerImgB .btn a {
    color: #e74064;
    display: block;
    font-weight: bold;
}

.banerImgB .btn.registerNow {
    margin-bottom: 20px;
}

.banerImgB .signIn a {
    display: none;
    height: 56px;
    line-height: 56px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.featuresB {
    width: 100%;
    padding: 166px 0;
}

.featuresB .prideFeatures h2 {
    color: #090909;
}

.featuresB .prideFeatures .innerItem .svgIconBg {
    background: #e74064;
    background: -webkit-linear-gradient(left, #4b5ce4, #f7597d);
    background: -o-linear-gradient(right, #4b5ce4, #f7597d);
    background: -moz-linear-gradient(right, #4b5ce4, #f7597d);
    background: linear-gradient(to right, #4b5ce4, #f7597d);
}

.featuresB .prideFeatures .swiper-wrapper a>p {
    color: #090909;
}

.featuresB h2 {
    color: #0f0f0f;
    width: 104%;
    text-align: center;
    font-size: 30px;
    padding-bottom: 52px;
}

.featuresB .slideItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.featuresB .innerItem {
    width: 80%;
    padding: 25px 40px;
    box-sizing: border-box;
}

.featuresB .innerItem a {
    display: block;
    background: #fff;
    width: 100%;
    min-height: 260px;
    text-align: center;
    border-radius: 8px;
    padding: 80px 0 0 0;
    box-sizing: border-box;
}

.featuresB .innerItem .svgIconBg {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: #0f0f0f;
}

.featuresB .innerItem a:hover {
    background: #e74064;
    color: #fff;
}

.featuresB .innerItem a:hover .svgIconBg {
    background: #fff;
}

.featuresB .innerItem a:hover p {
    color: #fff;
}

.featuresB .slidWrapper {
    position: relative;
}

.featuresB .swiper-container {
    width: 79%;
    margin: 0 auto;
}

.featuresB .slideshow-container {
    padding-left: 50px;
    padding-bottom: 120px;
    width: 100%;
    position: relative;
    height: 293px;
    overflow: hidden;
    padding: 20px 0;
    max-width: 1064px;
    margin: 0 auto;
}

.left_btnBMobile,
.right_btnBMobile {
    display: none;
}

.left_btnB,
.right_btnB {
    position: absolute;
    left: -20px;
    top: 144px;
    border-bottom: 3px solid #ddd;
    border-left: 3px solid #ddd;
    width: 19px;
    height: 19px;
    transform: rotate(45deg);
    margin: -6px 0 0 -3px;
    cursor: pointer;
}

.right_btnB {
    left: auto;
    right: -20px;
    transform: rotate(225deg);
    margin: -6px 0 0 -8px;
}

.featuresB .mySlidesB {
    width: 2160px;
    position: absolute;
    left: -100px;
    top: 20px;
}


.featuresB .mySlidesB a {
    display: inline-block;
    background: #fff;
    width: 100%;
    min-height: 260px;
    text-align: center;
    border-radius: 8px;
    padding: 80px 0 0 0;
    box-sizing: border-box;
    width: 186px;
    float: left;
    margin: 0 95px 0;
}

.featuresB .mySlidesB a:hover {
    background: #e74064;
}

.prideMonthHome .featuresB .mySlidesB a:hover {
    background: #e74b40;
    background: linear-gradient(45deg, #4ea5e5, #4e54dd, #d048ac, #e44d64, #f1954e);
}

.featuresB .mySlidesB a:hover>p {
    color: #fff;
}

.featuresB .mySlidesB a:hover .svgIconBg {
    background: #fff;

}

.featuresB .mySlidesB a>p {
    padding: 34px 20px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #0f0f0f;
}

.featuresB .mySlidesB a .svgIconBg {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #0f0f0f;
}

.prideMonthHome .featuresB .mySlidesB a .svgIconBg {
    background: #e74b40;
    background: linear-gradient(45deg, #4ea5e5, #4e54dd, #d048ac, #e44d64, #f1954e);
}

.prideMonthHome .featuresB .mySlidesB a:hover .svgIconBg {
    background: #fff;
}
.pageWidth{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}
.locationArea{
    display: flex;
    justify-content: space-between;
    margin-top: 43px;
    cursor: pointer;
}
.locationArea .left,.locationArea .right{
    font-size: 18px;
    line-height: 29px;
    color: #0f0f0f;
    text-align: left;
    z-index: 99;
    .seoList{
        position: absolute;
        width: 147px;
        height: auto;
        background: #ffffff;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
        li{
            text-align: left;
            padding-left: 20px;
            line-height: 50px;
            position: relative;
            &:hover{
                text-decoration: underline;
            }
        }
        li.active:after {
            content: "";
            position: absolute;
            top: 15px;
            right: 15px;
            width: 6px;
            height: 10px;
            border-style: solid;
            border-width: 0 2px 2px 0;
            transform: rotateZ(45deg);
            color: #1b1b1b;
        }
    }
}
.sexMobileBtn{
    display: none;
}
.locationTitle{
    font-size: 32px;
    line-height: 51px;
    .publicFont3;
    color: #0f0f0f;
    margin-top: 32px;
    text-align: center;
    padding: 0 0 32px;
    span{
        .publicFont3;
    }
}
.profileList{
    ul{
        li{
            margin: 31px 0 42px;
            display: inline-block;
            .profileListItem1{
                display: flex;
                .avatar{
                    img{
                        width: 190px;
                        height: 190px;
                        border-radius: 4px;
                    }
                }
                .infomationArea{
                    margin-left: 25px;
                    .infomationAreaHeader{
                        display: flex;
                        
                    }
                    h3{
                        .publicFont3;
                        color: #0f0f0f;
                        font-size: 18px;
                        line-height: 29px;
                        margin-right: 30px;
                        width: 180px;
                    }
                    p{
                        .publicFont1;
                        color: #0f0f0f;
                        font-size: 18px;
                        line-height: 29px;
                    }
                    .static{
                        color: #58C389;
                    }
                    .btnPC{
                        .publicFont3;
                        background: #e74064;
                        font-size: 18px;
                        line-height: 41px;
                        color: #fff;
                        width: 126px;
                        height: 40px;
                        border-radius: 4px;
                        text-align: center;
                        text-transform: capitalize;
                        margin-top: 33px;
                        cursor: pointer;
                        a {
                            color: #fff;
                        }
                    }
                }
                .ageArea{
                    .age{
                        color: #999;
                        font-size: 18px;
                        line-height: 29px;
                        .publicFont1;
                    }
                }
                .btnMobile{
                    display: none;
                }
            }
            .profileListItem2{
                margin-top: 25px;
                h3{
                    .publicFont3;
                    color: #0f0f0f;
                    font-size: 18px;
                    line-height: 29px;
                    width: 480px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    min-height: 27px;
                }
                p{
                    .publicFont1;
                    color: #0f0f0f;
                    font-size: 16px;
                    line-height: 26px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    width: 480px;
                    min-height: 30px;
                }
            }

            
            
            &:nth-child(1){
                margin-top: 89px;
            }
            &:nth-child(2n){
                width: 43%;
            }
            &:nth-child(2n+1){
                width: 56%;
            }
            &:last-child{
                border: none;
            }
            
        }
    }
    .viewMore{
        font-size: 18px;
        line-height: 32px;
        color: #999;
        .publicFont1;
        text-align: center;
        padding-bottom: 24px;
        display: flex;
        justify-content: center;
        cursor: pointer;
        .viewMoreBtn{
            width: 11px;
            height: 11px;
            margin: 10px 0 0 5px;
        }
    }
}
.mainText{
    background: #FCFBF9;
    padding-bottom: 80px;
    h1,h2{
        font-size: 32px;
        line-height: 51px;
        .publicFont3;
        color: #0f0f0f;
        margin: 0 0 33px;
        padding-top: 33px;
    }
    h2{
        font-size: 28px;
        line-height: 38px;
    }
    h3{
        font-size: 24px;
        line-height: 38px;
        .publicFont3;
        color: #0f0f0f;
        margin: 32px 0 24px;
    }
    h4{
        font-size: 18px;
        line-height: 29px;
        .publicFont3;
        color: #0f0f0f;
        margin: 32px 0 16px;
    }
    p{
        font-size: 16px;
        line-height: 30px;
        color: #0f0f0f;
        margin-bottom: 20px;
        strong {
            .publicFont3;
        }
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .btn_wrap {
        text-align: center;
    }
    .signUpNow{
        width: 295px;
        height: 50px;
        font-size: 16px;
        line-height: 51px;
        color: #fff;
        margin: 87px auto 0;
        text-align: center;
        background: #E74064;
        cursor: pointer;
        border-radius: 8px;
        padding: 12px 80px;
    }
}
.topCityList{
    padding-bottom: 28px;
    h2{
        .publicFont3;
        color: #0f0f0f;
        font-size: 32px;
        line-height: 51px;
        margin: 64px 0 32px;
    }
    .countryList{
        .checkItem{
            font-size: 24px;
            line-height: 38px;
            .publicFont3;
            color: #999;
        }
        .checkItem.checkActive{
            font-size: 24px;
            line-height: 38px;
            color: #0f0f0f;
            .publicFont3;
            span{
                border-bottom: 2px solid #0f0f0f;
            }
        }
    }
    ul{
        .checkItem{
            display: inline-block;
            margin: 0 32px 32px 0;
            .publicFont1;
            color: #0f0f0f;
            font-size: 18px;
            line-height: 29px;
            cursor: pointer;
        }
        .cityItem{
            display: inline-block;
            width: 20%;
            margin: 0 0 32px;
            .publicFont1;
            color: #0f0f0f;
            font-size: 18px;
            line-height: 29px;
            cursor: pointer;
            &:nth-child(5n){
                width: 15%;
            }
        }
    }
}
.bcFooterB {
    background: #0f0f0f;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 0 0 50px 0;
}

.bcFooterB.prideBcFooter {
    background: #0c0c0c;
}

.bcFooterB .link1 {
    padding: 0;
    text-decoration: underline;
    color: #fff;
}

.bcFooterB .link1:hover {
    text-decoration: none;
}

.bcFooterB .top {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.bcFooterB .top .logo {
    width: 130px;
    height: 30px;
    margin: 71px auto 0;
    background: none;
}

.bcFooterB .top .logo .svgIconBg {
    width: 130px;
    height: 30px;
    background-size: 100% auto;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.bcFooterB .pageWidthB ul li {
    display: inline-block;
    text-align: center;
}

.bcFooterB .pageWidthB ul li .companyList {
    display: inline-block;
}

.bcFooterB .pageWidthB ul li .datingList {
    display: flex;
    justify-content: center;
}

.bcFooterB .pageWidthB ul li .socials {
    padding: 13px 0 5px 0;
    display: flex;
    justify-content: center;
}

.bcFooterB .pageWidthB ul li .socials span {
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 30px 0 0;
    vertical-align: super;
    margin-left: 2px;
}

.bcFooterB .pageWidthB ul li .socials a:last-child .svgIconBg {
    margin-right: 0;
}

.bcFooterB .pageWidthB ul li .socials a {
    vertical-align: unset;
}

.bcFooterB .pageWidthB ul li .socials .svgIconBg {
    height: 40px;
    width: 40px;
    background-color: #fff;
    margin-top: 6px;
    margin-right: 31px;
    background-size: 100% auto;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.bcFooterB .pageWidthB ul li .socials .app .svgIconBg {
    height: 30px;
    width: 30px;
    background: #fff;
    margin-top: 12px;
    margin-right: 31px;
}

.bcFooterB ul li {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.bcFooterB ul li h3 {
    font-size: 18px;
    line-height: 29px;
    padding: 43px 0 25px;
    color: #fff;
    font-weight: lighter;
}

.bcFooterB ul li .appWrap h3 {
    padding-bottom: 0;
    width: auto;
}

.bcFooterB ul li .appWrap h3 span {
    text-transform: uppercase;
}

.bcFooterB ul li p {
    color: #fff;
    opacity: 0.7;
    line-height: 30px;
    display: inline-block;
    margin-right: 25px;
}

.bcFooterB ul li p.pcLink {
    display: block;
}

.bcFooterB ul li p.mobileLink {
    display: none;
}

.bcFooterB ul li p a {
    padding: 6px 0;
    display: inline-block;
    color: #fff;
    line-height: 18px;
}

.bcFooterB ul li p a:hover {
    text-decoration: underline;
}

.bcFooterB ul li .note_bottom {
    display: block;
    padding: 10px 0;
    width: 100%;
    float: left;
}

.bcFooterB ul li h3 span {
    float: left;
}


.bcFooterB .note_bottom {
    color: #fff;
    opacity: 0.7;
    font-weight: lighter;
    line-height: 30px;
    text-align: center;
}

.bcFooterB .note_bottom.copyRight {
    margin-top: 32px;
}

.bcFooterB .appWrap {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 15px;
    margin-top: -5px;
}

.bcFooterB .appWrap .download {
    display: flex;
    justify-content: center;
    margin-left: 25px;
    padding-left: 25px;
}

.bcFooterB .appWrap .app {
    margin-right: 10px;
}

.bcFooterB .appWrap .app .svgIconBg {
    width: 24px;
    height: 24px;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

.mobileContactLink {
    display: none;
}

.backTop {
    position: fixed;
    bottom: 18px;
    right: 13px;
    z-index: 999;
    cursor: pointer;
    display: none;
}

.homeB .bcFooterB ul li p.mobileContactLink {
    display: none;
}

@media screen and (max-width: 1536px) {
    .banerImgB .banerContent {
        margin: 0 0 0 112px;
    }

    .banerImgB .banerImgArea {
        right: 120px;
        height: 90vh;
    }

    .banerImgB .banerImgArea div {
        width: 178px;
        min-height: 600px;
    }

    .banerImgB .banerContent {
        bottom: 60px;
    }

    .banerImgB .banerContent .bannerWords {
        width: 564px;
        height: 135px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .pageWidthB {
        max-width: 1200px;
    }

    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 129px;
    }

    .banerImgB .banerImgArea div:nth-child(5) {
        margin-top: 225px;
    }

    .meetSingles {
        height: 410px;
    }
}

@media screen and (max-width: 1366px) {
    .banerImgB .banerContent {
        margin: 0 0 0 112px;
    }

    .banerImgB .banerImgArea {
        right: 120px;
        height:90vh;
    }

    .banerImgB .banerImgArea div {
        width: 170px;
        height: 100%;
    }

    .banerImgB .banerContent .bannerWords {
        width: 564px;
        height: 135px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .pageWidthB {
        max-width: 1200px;
    }

    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 115px;
    }

    .banerImgB .banerImgArea div:nth-child(5) {
        margin-top: 205px;
    }

    .meetSingles {
        height: 400px;
    }
}

@media screen and (max-width: 1280px) {
    .banerImgB .banerContent {
        margin: 0 0 0 112px;
    }

    .banerImgB .banerImgArea {
        right: 120px;
        height: 90vh;
    }

    .banerImgB .banerImgArea div {
        width: 170px;
        height: 100%;
    }

    .banerImgB .banerContent .bannerWords {
        width: 564px;
        height: 135px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .pageWidthB {
        max-width: 1200px;
    }

    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 115px;
    }

    .banerImgB .banerImgArea div:nth-child(5) {
        margin-top: 205px;
    }

}

@media screen and (max-width: 1024px) {
    .headerB {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .pageWidthB.top {
        padding: 0;
    }

    .headerB .logo {
        margin-left: 0;
    }

    .headerB .r a {
        padding: 17px 10px;
    }

    .headerB .r span {
        margin: 0 5px 0;
    }
}

@media screen and (max-width: 768px) {
    * {
        touch-action: pan-x pan-y;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        user-select: none;
        -webkit-touch-callout: none;
    }

    .featuresB .mySlidesB {
        width: 100%;
    }

    .slideshow-container {
        display: none;
    }

    .pageWidthB {
        padding: 0 15px;
    }

    .homeB {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        color: #1f1f1f;
    }

    .banerImgB {
        background: #e74064;
        color: #fff;
        margin-top: 80px;
        width: 100%;
        height: 80vh;
        position: relative;
    }

    .prideMonthHome .banerImgB {
        background: none;
        background-size: cover;
        margin-top: 0;
        padding-top: 80px;
    }

    .prideMonthHome .pageWidthB.top{
        background:none;
    }

    .banerImgB .banerImgArea {
        display: flex;
        position: absolute;
        right: 0;
        width: 100%;
        height: 90vh;
        margin-top: 20px;
    }

    .banerImgB .banerImgArea div {
        width: 243px;
        margin-left: 5px;
        background-size: 100% auto;
    }

    .banerImgB .banerImgArea div:nth-child(1) {
        margin-top: 46px;
        margin-left: 0;
        animation: bgImgIn 0.6s ease-in;
    }

    .banerImgB .banerImgArea div:nth-child(2) {
        margin-top: 0;
        animation: bgImgIn 0.8s ease-in;
    }

    .banerImgB .banerImgArea div:nth-child(3) {
        animation: bgImgIn 1s ease-in;
    }

    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 66px;
        animation: bgImgIn 1.2s ease-in;
    }

    .banerImgB .banerImgArea div:nth-child(5) {
        display: none;
    }

    .banerImgB .cont {
        position: absolute;
        bottom: -30px;
    }

    .banerImgB .cont .sinceYear {
        font-size: 14px;
        line-height: 23px;
        font-weight: lighter;
        color: #fff;
    }

    .banerImgB .banerContent {
        position: absolute;
        margin: 0 0 0 16px;
        bottom: 60px;
    }

    .banerImgB .banerContent p {
        line-height: 32px;
        font-size: 20px;
        font-weight: normal;
    }

    .banerImgB .banerContent p b {
        font-weight: normal;
    }

    .banerImgB .banerContent .bannerWords {
        display: none;
    }

    .banerImgB .banerContent .bannerWordsMobile {
        display: block;
        width: 311px;
        height: 112px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin: 9px 0 27px;
    }


    .banerImgB .banerContent h2 {
        padding: 27px 0;
        line-height: 47px;
        font-size: 32px;
        font-weight: normal;
    }

    .banerImgB .banerContent .text {
        font-size: 16px;
    }

    .banerImgB .btn {
        width: 121px;
        height: 44px;
        background: #fff;
        border-radius: 8px;
        text-align: center;
        display: inline-block;
        line-height: 45px;
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 0;
    }

    .banerImgB .btn a {
        color: #e74064;
        display: block;
        font-weight: bold;
    }


    .banerImgB .signIn a {
        display: none;
        height: 56px;
        line-height: 56px;
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        color: #fff;
    }


    .headerB .r {
        display: none;
    }

    .headerB .mobileHeaderRight {
        display: block;
        position: relative;
        width: 30px;
    }

    .headerB .mobileHeaderRight .mobileBBtn {
        position: absolute;
        cursor: pointer;
        font-size: 0;
        top: 50%;
        right: 15px;
        margin-top: -12px;
        width: 100%;
    }

    .headerB .mobileHeaderRight .navMobileBGroup {
        position: fixed;
        top: 79px;
        width: 100%;
        left: 0;
        background: #fff;
        border-top: 1px solid #fff;
        /* padding: 0 10px 20px; */
        z-index: 10;
    }

    .headerB .mobileHeaderRight .navMobileBGroup a {
        width: 100%;
        display: block;
        padding: 17px 30px;
        font-size: 16px;
        color: #000;
    }

    .headerB .mobileHeaderRight .navMobileBGroup .maskB {
        content: ' ';
        height: 1000px;
        width: 100%;
        background: #000;
        opacity: 0.6;
        position: absolute;
        top: 100%;
        display: block;
        left: 0px;
    }

    .headerB .mobileHeaderRight .mobileBBtn span {
        width: 100%;
        height: 3px;
        border-radius: 5px;
        margin: 2px 0;
        display: inline-block;
        background: #fff;
    }

    .sloganB h1 {
        font-size: 32px;
        line-height: 55px;
    }

    .subdes .con {
        font-size: 21px;
        border-radius: 16px 60px 16px 60px;
        padding: 30px;
    }

    .subdes .con p {
        line-height: 44px;
    }

    .subdes .joinUsButton {
        margin-top: 20px;
    }

    .sloganB,
    .maintext,
    .subdes,
    .featuresB {
        padding: 50px 0;
    }

    .featuresB {
        display: none;
        padding-bottom: 30px;
    }

    .featuresB h2 {
        font-size: 22px;
        padding-bottom: 0;
        width: 100%;
    }

    .featuresB .mySlidesB a .svgIconBg {
        width: 32px;
        height: 32px;
    }

    .left_btnBMobile,
    .right_btnBMobile {
        display: block;
        position: absolute;
        left: 39%;
        top: 170px;
        width: 21px;
        height: 21px;
    }

    .left_btnB,
    .right_btnB {
        display: none;
    }

    .right_btnBMobile {
        background-repeat: no-repeat;
        background-size: 100%;
        left: 200px;
    }

    .left_btnBMobile {
        background-repeat: no-repeat;
        background-size: 100%;
    }


    .featuresB .swiper-wrapper a>p {
        padding: 20px 5px;
    }

    .featuresB .slideshow-container {
        width: 100%;
        max-width: 100%;
        padding: 0 0 20px 0;
        height: 156px;
        display: block;
    }

    .featuresB .mySlidesB a>p {
        font-size: 12px;
        line-height: 20px;
        padding: 17px 6px 0;
    }

    .featuresB .mySlidesB a {
        display: inline-block;
        background: #fff;
        box-shadow: 0 0 10px rgba(34, 25, 25, .1);
        min-height: 128px;
        height: 128px;
        text-align: center;
        border-radius: 8px;
        padding: 20px 0 0 0;
        box-sizing: border-box;
        width: 28%;
        float: left;
        margin: 0 11px 20px;
    }

    .featuresB .mySlidesB a:nth-child(1) {
        margin-left: 7px;
    }

    .featuresB .mySlidesB a:nth-child(3) {
        margin-right: 0;
    }

    .bcFooterB .top .logo {
        width: 130px;
        height: 60px;
        padding: 0;
        margin: 37px auto 0;
        background: none;
    }

    .getTheApp .download .app .ios {
        background-size: 100%;
        background-repeat: no-repeat;
        border-radius: 4px;
        margin-right: 0;
    }

    .getTheApp .download .app .andriod {
        background-size: 100%;
        background-repeat: no-repeat;
        border-radius: 4px;
        margin-right: 0;
    }

    .homeB .bcFooterB ul li p.mobileContactLink {
        display: block;
    }

    .homeB .bcFooterB ul li p.pcContactLink {
        display: none;
    }

    .homeB .sloganB {
        width: 100%;
        text-align: left;
        padding: 65px 0;
        position: relative;
    }

    .homeB .sloganB .pageWidthB {
        display: block;
    }

    .homeB .sloganB .sloganLogo {
        width: 177px;
        height: 68px;
        background-size: 177px auto;
        animation: sloganIn 1s linear;
    }

    .homeB .sloganB .sloganArrows {
        width: 70px;
        height: 58px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: -20px;
        right: 41px;
    }

    .homeB .sloganB .sloganText {
        font-weight: lighter;
        color: #1e0f02;
        font-size: 14px;
        line-height: 30px;
        margin-top: 63px;
        width: 100%;
        word-break: break-word;
    }

    .homeB .sloganB .sloganText .sloganText1 {
        margin-bottom: 32px;
    }

    .homeB .sloganB .sloganText .btn {
        width: 243px;
        height: 41px;
        border-radius: 8px;
        font-size: 14px;
        line-height: 42px;
        text-transform: uppercase;
        color: #fff;
        font-weight: normal;
        margin: 38px 0 0;
    }

    .homeB .sliderWrap {
        position: relative;
    }

    .homeB .featuresB .swiper-button-prev,
    .homeB .featuresB .swiper-button-next {
        display: none;
    }

    .homeB .featuresB .swiper-button-prev.mobile,
    .homeB .featuresB .swiper-button-next.mobile {
        display: block;
        background: #f2f2f2;
        border-radius: 50%;
        position: absolute;
        top: 260px;
        z-index: 2;
    }

    .homeB .featuresB .swiper-button-prev.mobile {
        left: 40%;
    }

    .homeB .featuresB .swiper-button-next.mobile {
        right: 40%;
    }

    .homeB .featuresB .swiper-button-prev:after,
    .homeB .featuresB .swiper-button-next:after {
        border-bottom: 2px solid #ddd;
        border-left: 2px solid #ddd;
        width: 9px;
        height: 9px;
    }

    .homeB .featuresB {
        padding-bottom: 58px;
        position: relative;
    }

    .homeB .featuresB .swiper-container {
        width: 80%;
    }

    .homeB .featuresB .innerItem .svgIconBg {
        width: 32px;
        height: 32px;
    }

    .homeB .featuresB .swiper-wrapper a>p {
        font-size: 12px;
        line-height: 20px;
    }

    .homeB .featuresB .innerItem {
        width: 100%;
        padding: 0;
        margin: 0 5px;
    }

    .homeB .featuresB .innerItem a {
        min-height: 123px;
        height: 123px;
        padding: 20px 0 0;
    }

    .prideMonthHome .homeB .meetSingles.prideShow {
        display: none;
    }

    .prideMonthHome .homeB .meetSinglesMobile.prideShow {
        display: block;
        width: 100%;
        height: 186px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .homeB .meetSinglesList {
        display: none;
    }

    .homeB .meetSinglesMobileList {
        margin: 0 16px;
        display: block;
    }

    .homeB .meetSinglesMobileList ul {
        margin-top: 55px;
        padding-bottom: 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .homeB .meetSinglesMobileList ul li {
        margin-bottom: 0;
    }

    .homeB .meetSinglesMobileList ul li div {
        width: 100%;
        height: 250px;
        background-size: 100%;
        border-radius: 8px;
        background-repeat: no-repeat;
    }

    .homeB .meetSinglesMobileList ul li h2 {
        font-weight: normal;
        font-size: 18px;
        line-height: 30px;
        color: #1e0f02;
        margin: 14px 0 10px;
    }

    .homeB .meetSinglesMobileList ul li p {
        font-weight: lighter;
        color: #1e0f02;
        font-size: 14px;
        line-height: 23px;
        margin: 0 0 32px;
    }

    .homeB .getTheApp {
        margin: 32px auto 53px;
        width: 100%;
        display: block;
    }

    .homeB .getTheApp .download {
        margin: 21px 16px 0;
    }

    .homeB .getTheApp .download .app {
        width: 153px;
        height: 51px;
        background-size: 100% auto;
        margin-right: 0;
    }

    .homeB .bcFooterB .top {
        clear: both;
        display: flex;
        justify-content: space-between;
    }

    .homeB .getTheAppImg {
        width: 181px;
        height: 61px;
        background-size: 100% auto;
        margin: 0 auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .prideMonthHome .homeB .getTheAppImg {
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .homeB .bcFooterB .appWrap .app {
        margin-top: -2px;
    }

    .homeB .bcFooterB .appWrap .app .svgIconBg {
        width: 24px;
        height: 24px;
        margin-left: 5px;
    }

    .homeB .bcFooterB .appWrap .app:last-child .svgIconBg {
        margin-left: 5px;
    }

    .homeB .bcFooterB ul {
        width: 100%;
        display: flex;
        position: relative;
    }

    .homeB .bcFooterB ul li {
        display: block;
    }

    .homeB .bcFooterB ul li:nth-child(1) {
        position: absolute;
        top: -50px;
    }
    .locationArea{
        margin-top: 32px;
    }
    .locationArea .left{
        font-size: 12px;
        line-height: 20px;
        text-align: left;
    }
    .locationArea .right{
        font-size: 12px;
        line-height: 18px;
        .seoList {
            right: 16px;
            li {
                line-height: 30px;
            }
            li.active:after {
                top: 6px;
            }
        }
    }
    .sexMobileBtn{
        font-size: 14px;
        line-height: 29px;
        text-align: left;
        color: #0f0f0f;
        .publicFont1;
        margin-bottom: 23px;
        padding-left: 10px;
        width: 121px;
        height: 28px;
        border: 1px solid #CCCCCC;
        display: flex;
        justify-content: space-between;
        .line {
            position: relative;
            width: 3px;
            height: 30px;
            margin-right: 15px;
          }
          
          .line::before,
          .line::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 8px;
            height: 1px;
            background-color: #0f0f0f;
          }
          
          .line::before {
            right: 0;
            transform: translateY(-50%) rotate(45deg);
          }
          
          .line::after {
            left: 0;
            transform: translateY(-50%) rotate(-45deg);
          }
    }
    .locationTitle{
        font-size: 16px;
        line-height: 26px;
        margin-top: 24px;
        text-align: left;
        border-bottom: none;
        padding: 0 0 16px;
    }
    .profileList{
        ul{
            li{
                margin: 24px 0 0;
                padding-bottom: 24px;
                border-bottom: 1px solid #dedede;
                .profileListItem1{
                    .avatar{
                        img{
                            width: 100px;
                            height: 100px;
                        }
                    }
                    .infomationArea{
                        margin-left: 16px;
                        .infomationAreaHeader{
                            display: flex;
                        }
                        h3{
                            font-size: 14px;
                            line-height: 23px;
                            margin-right: 20px;
                        }
                        p{
                            font-size: 14px;
                            line-height: 23px;
                            margin-top: 3px;
                        }
                        .static{
                            color: #58C389;
                            margin-top: 3px;
                        }
                        .btnPC{
                            display: none;
                        }
                        
                    }
                    .ageArea{
                        position: absolute;
                        right: 16px;
                        .age{
                            font-size: 14px;
                            line-height: 23px;
                            margin-top: 4px;
                            text-align: right;
                            color: #999;
                            .publicFont1;
                        }
                    }
                    .btnMobile{
                        display: block;
                        .publicFont1;
                        background: #e74064;
                        font-size: 14px;
                        line-height: 32px;
                        color: #fff;
                        width: 96px;
                        height: 32px;
                        border-radius: 4px;
                        text-align: center;
                        text-transform: capitalize;
                        margin-top: 45px;
                        a {
                            color: #fff;
                        }
                    }
                }
                .profileListItem2{
                    margin-top: 14px;
                    h3{
                        font-size: 16px;
                        line-height: 26px;
                        width: calc(100%);
                    }
                    p{
                        font-size: 14px;
                        line-height: 23px;
                        width: calc(100%);
                    }
                }
                
                &:nth-child(1){
                    margin-top: 0;
                    padding-top: 24px;
                    border-top: 1px solid #dedede;
                }
                &:nth-child(2n){
                    width: 100%;
                }
                &:nth-child(2n+1){
                    width: 100%;
                }
                
            }
        }
        .viewMore{
            font-size: 14px;
            line-height: 23px;
            color: #999;
            .publicFont1;
            text-align: center;
            padding-bottom: 24px;
            display: flex;
            justify-content: center;
            .viewMoreBtn{
                width: 11px;
                height: 11px;
                margin: 6px 0 0 5px;
            }
        }
    }

    .mainText{
        padding-bottom: 32px;
        h1 {
            font-size: 20px;
            line-height: 35px;
        }
        h2{
            font-size: 18px;
            line-height: 29px;
            .publicFont3;
            color: #0f0f0f;
            margin: 0 0 20px;
            padding-top: 24px;
        }
        h3{
            font-size: 16px;
            line-height: 26px;
            margin: 34px 0 16px;
        }
        h4{
            font-size: 14px;
            line-height: 23px;
            margin: 26px 0 17px;
        }
        p{
            font-size: 14px;
            line-height: 23px;
        }
        .btn_wrap {
            text-align: center;
        }
        .signUpNow{
            width: 231px;
            height: 44px;
            line-height: 45px;
            .publicFont3;
            color: #fff;
            margin: 32px auto 0;
            text-align: center;
            padding: 8px 50px;
        }
    }
    .topCityList{
        padding-bottom: 28px;
        h2{
            .publicFont3;
            color: #0f0f0f;
            font-size: 18px;
            line-height: 29px;
            margin: 32px 0 16px;
        }
        .countryList{
            .cityItem:nth-child(2n+1){
                width: 20%;
            }
            .checkItem{
                font-size: 16px;
                line-height: 26px;
            }
            .checkItem.checkActive{
                font-size: 16px;
                line-height: 26px;
                color: #0f0f0f;
                span{
                    border-bottom: 2px solid #0f0f0f;
                }
            }
        }
        ul{
            .cityItem{
                width: 49%;
                margin: 0 0 16px;
                font-size: 14px;
                line-height: 23px;
                &:nth-child(5n){
                    width: 59%;
                }
                &:nth-child(2n){
                    width: 30%;
                }
                &:nth-child(2n+1){
                    width: 59%;
                }
            }
        }
    }

    .bcFooterB .pageWidthB ul li .socials .app .svgIconBg {
        width: 23px;
        height: 23px;
        margin-top: 10px;
    }

    .homeB .bcFooterB .pageWidthB ul li .companyList {
        display: block;
        text-align: left;
    }

    .homeB .bcFooterB .pageWidthB ul li .datingList {
        display: block;
        text-align: left;
    }


    .homeB .bcFooterB .pageWidthB ul li .socials span {
        display: inline-block;
    }

    .homeB .bcFooterB .pageWidthB ul li .socials {
        position: initial;
        width: 100%;
    }

    .homeB .bcFooterB .pageWidthB ul li .socials span {
        font-size: 16px;
    }

    .bcFooterB .note_bottom {
        text-align: left;
    }

    .homeB .bcFooterB ul li p {
        color: #fff;
        opacity: 0.7;
        display: block;
    }

    .homeB .bcFooterB ul li p.note_bottom {
        line-height: 24px;
    }

    .homeB .bcFooterB ul li p .link1 {
        color: #fff;
    }

    .homeB .bcFooterB ul li p.pcLink {
        display: none;
    }
    .homeB .bcFooterB ul li p.mobileLink {
        display: block;
    }

    .homeB .bcFooterB ul li h3 {
        font-size: 16px;
        text-align: left;
    }

    .homeB .pageWidthB.top.prideTop {
        background: #fff;
        position: fixed;
    }

    .homeB .pageWidthB.top .logo.prideLogo .svgIconBg {
        background: #e74064;
        background: -webkit-linear-gradient(left, #4b5ce4, #f7597d);
        background: -o-linear-gradient(right, #4b5ce4, #f7597d);
        background: -moz-linear-gradient(right, #4b5ce4, #f7597d);
        background: linear-gradient(to right, #4b5ce4, #f7597d);
    }

    .homeB .banerImgB.prideBannerImg {
        background: url('indexbanerMobile.jpg') no-repeat center top;
        background-size: cover;
        margin-top: -9px;
    }

    .homeB .banerImgB.prideBannerImg h2 {
        padding-top: 12px;
    }

    .homeB .banerImgB .cont.prideCon {
        padding-top: 110px;
    }

    .homeB .banerImgB.prideBannerImg .btn a {
        height: auto;
    }

    .homeB .headerB .mobileHeaderRight .mobileBBtn.prideMobileBtn {
        width: 32px;
        height: 22px;
        background: url('mobileMenuBtn.webp') no-repeat center center;
        background-size: cover;
    }

    .homeB .headerB .mobileHeaderRight .mobileBBtn.prideMobileBtn span {
        display: none;
    }

    .homeB .featuresB.prideFeatures .mobileFeatureContent .svgIconBg {
        background: #e74064;
        background: -webkit-linear-gradient(left, #4b5ce4, #f7597d);
        background: -o-linear-gradient(right, #4b5ce4, #f7597d);
        background: -moz-linear-gradient(right, #4b5ce4, #f7597d);
        background: linear-gradient(to right, #4b5ce4, #f7597d);
    }
}

@media screen and (max-width: 750px) {
    .homeB .headerB {
        padding: 0;
    }

    .homeB .headerB .signin {
        margin: 10px 15px 0 0;
        font-size: 14px;
        height: 43px;
        line-height: 43px;
    }

    .homeB .logo {
        width: 100px;
        height: 63px;
        background-size: 100% auto;
        margin: auto;
    }

    .homeB .banerContent .btn {
        margin-top: 10px;
        font-size: 14px;
    }

    .homeB .pageWidthB.top {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 10;
        box-sizing: border-box;
    }

    .homeB .pageWidthB.top .logo .svgIconBg {
        margin-left: 0px;
        margin-top: 21px;
        width: 127px;
        height: 18px;
    }

    .homeB .asseen .seen01 {
        width: 150px;
    }

    .homeB .asseen .seen02 {
        height: 44px;
        width: auto;
    }

    .homeB .asseen img {
        margin: 0 20px;
    }

    .homeB .banerImgB {
        padding-bottom: 20px;
    }

    .homeB .banerImgB .banerContent {
        padding-bottom: 15px;
    }


    .homeB .sloganB h1 {
        font-size: 32px;
        line-height: 55px;
    }

    .homeB .bcFooterB ul li {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .homeB .bcFooterB ul li:last-child {
        width: 60%;
    }

    // .socials {
    //     float: left;
    //     padding: 0 0 23px 0;
    // }
}

@media screen and (max-width: 414px) {
    .meetSingles {
        height: 110px;
    }
    .homeB .meetSinglesMobileList {
        display: block;
    }

    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 69px;
    }

    .right_btnBMobile {
        left: 200px
    }
}

@media screen and (max-width: 390px) {
    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 66px;
    }
}

@media screen and (max-width: 375px) {
    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 62px;
    }

    .banerImgB .banerImgArea div:nth-child(1) {
        margin-top: 42px;
    }

    .right_btnBMobile {
        left: 190px
    }
}

@media screen and (max-width: 360px) {
    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 61px;
    }

    .banerImgB .banerImgArea div:nth-child(1) {
        margin-top: 41px;
    }

    .right_btnBMobile {
        left: 180px
    }
}

@media screen and (max-width: 320px) {
    .banerImgB .banerImgArea div:nth-child(1) {
        margin-top: 38px;
    }

    .banerImgB .banerImgArea div:nth-child(4) {
        margin-top: 55px;
    }

    .banerImgB .banerContent .bannerWordsMobile {
        width: 271px;
        height: 95px;
    }
}


@keyframes bgImgIn {
    0% {
        opacity: 0;
        transform: translateY(-2%);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media screen and (min-width: 1000px) {
    .show_default_text>p{
        margin-top: 46px;
    }
}
/* ========== PC (min-width: 768px) ========== */
@media screen and (min-width: 768px) {
  .headerB sup {
    font-family: Hind-SemiBold, Arial, Helvetica, sans-serif;
  }

  .headerB .r a {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent p {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent p b {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent .text {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent h2 {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .btn {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .featuresB h2 {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .featuresB .prideFeatures .swiper-wrapper a>p {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .featuresB .mySlidesB a>p {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .bcFooterB ul li h3 {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .bcFooterB .pageWidthB ul li .socials span {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .bcFooterB ul li .appWrap h3 span {
    font-family: Hind-Medium, Arial, Helvetica, sans-serif;
  }

  .bcFooterB ul li p {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }

  .bcFooterB .note_bottom {
    font-family: Hind-Light, Arial, Helvetica, sans-serif;
  }
}

/* ========== mobile (max-width: 768px) ========== */
@media screen and (max-width: 768px) {
  .headerB sup {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .headerB .r a {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .cont .sinceYear {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent p b {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .banerContent h2 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .banerImgB .btn {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .featuresB .prideFeatures .swiper-wrapper a>p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .featuresB .mySlidesB a>p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .homeB .sloganB .sloganText {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .homeB .sloganB .sloganText .btn {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .homeB .featuresB .swiper-wrapper a>p {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .homeB .meetSinglesMobileList ul li h2 {
    font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
  }

  .homeB .meetSinglesMobileList ul li p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .homeB .bcFooterB .pageWidthB ul li .socials span {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }

  .bcFooterB ul li h3 {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .homeB .bcFooterB ul li p {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .homeB .bcFooterB ul li p a {
    font-family: STIXTwoText-Regular, Arial, Helvetica, sans-serif;
  }

  .homeB .bcFooterB ul li p .link1 {
    font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
  }
}