/***************************/
/*     COMPONENTS          */
/***************************/

body {
    margin: 0px;
}

.purple-text {
    color: #840283;
}
.purple-bg-btn {
    display: inline-block;
    background: #840283;
    text-decoration: none;
    font-family: latoregular;
    font-weight: bold;
    color: #fff;
    font-size: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 30px;
    margin-top: 10px;
}

.purple-bg-btn:hover {
    background: #840283;
    text-decoration: none;
    color: #fafafa;
}

.purple-bg-sm-btn {
    display: inline-block;
    background: #840283;
    text-decoration: none;
    font-family: latoregular;
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 30px;
    margin-top: 10px;
}

.purple-bg-sm-btn:hover {
    background: #840283;
    text-decoration: none;
    color: #fafafa;
}



.icon {
    max-height: 33px;
    margin-bottom: 6px;
}

.white-bg-sm-btn {
    display: inline-block;
    background: #fff;
    text-decoration: none;
    font-family: latoregular;
    color: #840283;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 30px;
    margin-top: 10px;
}

.white-bg-sm-btn:hover {
    background: #fff;
    text-decoration: none;
    color: #333;
}


.white-btn-inline {
    display: inline-block;
    border: 2px solid #fff;
    background: none;
    text-decoration: none;
    font-family: latoregular;
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 30px;
    margin-top: 10px;
}

.white-btn-inline:hover {
    background: none;
    text-decoration: none;
    color: #fff;
}


.purple-btn-inline {
    display: inline-block;
    border: 2px solid #840283;
    background: none;
    text-decoration: none;
    font-family: latoregular;
    color: #840283;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 30px;
    margin-top: 10px;
}

.purple-btn-inline:hover {
    background: none;
    text-decoration: none;
    color: #840283;
}


.purple-play-btn {
    display: inline-block;
    background: #840283;
    text-decoration: none;
    font-family: latoregular;
    color: #fff;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-right: 30px;
    margin-top: 10px;
}

.purple-play-btn:hover {
    background: #840283;
    text-decoration: none;
    color: #fff;
}


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

}



@media only screen and (max-width: 576px) {
    .purple-bg-btn {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .purple-bg-sm-btn, .white-bg-sm-btn, .white-btn-inline, .purple-btn-inline{
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .icon {
        max-height: 25px;
    }
    .purple-play-btn {
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 70px;
        padding-right: 70px;
    }
}





/***************************/
/*     1. HEADER           */
/***************************/


header {
    background: #FAFAFA;
    overflow: hidden;
}
header .header-left-content {
    padding-top: 110px;
    padding-left: 40px;
    padding-bottom: 30px;
    padding-right: 40px;
}
header .main-logo {
    height: 45px;
}
header .header-right-img {
    width: 100%;
    height: auto;
}
header .main-header-img-box {
    padding-top: 75px;
    padding-right: 50px;
}
header .main-header-intro-txt {
    font-family: objectsansbold;
    font-weight: bolder;
    font-size: 60px;
    margin-top: 60px;
    color: #000;
}
header .main-header-txt {
    font-family: latoregular;
    font-size: 28px;
    padding-right: 120px;
    margin-bottom: 70px;
    color: #000;
}


@media only screen and (max-width: 1317px) {
    header .main-header-txt {
        font-size: 22px;
    }

    header .main-header-intro-txt {
        font-size: 55px;
    }
}

@media only screen and (max-width: 1190px) {
    header .main-header-txt {
        font-size: 18px;
    }

    header .main-header-intro-txt {
        font-size: 51px;
    }
}

@media only screen and (max-width: 1107px) {
    header .main-header-txt {
        font-size: 18px;
    }

    header .main-header-intro-txt {
        font-size: 47px;
    }
}

@media only screen and (max-width: 1085px) {
    header .main-header-txt {
        font-size: 18px;
        padding-right: 80px;
    }

    header .main-header-intro-txt {
        font-size: 45px;
    }
}

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

    header .main-header-txt {
        font-size: 18px;
    }

    header .main-header-intro-txt {
        font-size: 42px;
    }
}


@media only screen and (max-width: 991px) {
    header .header-left-content {
        padding-top: 40px;
    }

    header .main-header-txt {
        font-size: 28px;
    }

    header .main-header-intro-txt {
        font-size: 60px;
    }
    header .main-header-img-box {
        padding-top: 75px;
        padding-right: 60px;
        padding-left: 60px;
    }
}


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

    header .main-header-intro-txt {
        font-size: 55px;
    }
}

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

    header .main-header-txt {
        font-size: 22px;
        padding-right: 80px;
    }

    header .main-header-intro-txt {
        font-size: 51px;
    }
}


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

    header .main-header-txt {
        font-size: 20px;
    }

    header .main-header-intro-txt {
        font-size: 49px;
    }
}

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

    header .main-header-txt {
        font-size: 18px;
    }

    header .main-header-intro-txt {
        font-size: 45px;
    }
}

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

    header .main-header-txt {
        font-size: 18px;
        padding-right: 60px;
    }

    header .main-header-intro-txt {
        font-size: 40px;
    }
}


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

    header .main-header-txt {
        padding-right: 40px;
    }

}


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

    header .main-header-intro-txt {
        font-size: 37px;
    }



    header .main-header-txt {
        padding-right: 40px;
    }

}

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

    header .main-header-txt {
        padding-right: 30px;
    }

    header .main-header-intro-txt {
        font-size: 35px;
    }

}


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

    header .main-header-txt {
        padding-right: 10px;
    }

    header .main-header-intro-txt {
        font-size: 35px;
    }

}


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

    header .header-left-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}


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

    header .main-header-intro-txt {
        font-size: 32px;
    }


}

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

    header .main-header-txt {
        font-size: 15px;
    }

    header .main-header-intro-txt {
        font-size: 32px;
    }

}

@media only screen and (max-width: 410px) {
    header .main-header-intro-txt {
        font-size: 28px;
    }

}

@media only screen and (max-width: 346px) {
    header .main-header-intro-txt {
        font-size: 25px;
    }
}

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

    header .main-header-txt {
        font-size: 14px;
    }

    header .main-header-intro-txt {
        font-size: 23px;
    }

}


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

    header .main-header-txt {
        font-size: 12px;
    }

    header .main-header-intro-txt {
        font-size: 21px;
    }

}

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

    header .main-header-txt {
        font-size: 10px;
    }

    header .main-header-intro-txt {
        font-size: 18px;
    }

}




/***************************/
/*   2. EXPLORE SECTION    */
/***************************/

.explore-section {
    background: #FAFAFA;
    padding-top: 135px;
    padding-bottom: 50px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

#explore .explore-header-text {
    font-size: 70px;
    font-family: objectsansbold;
    font-weight: bolder;
    text-align: center;
/*    margin-bottom: 100px;*/
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
}

#explore .explore-text-box {
    padding-left: 40px;
    padding-right: 20px;
}

#explore .explore-text {
    font-size: 22px;
    font-family: latoregular;
    margin-bottom: 100px;
    color: #666;
    text-align: center;
}

#explore .explore-content-img {
    width: 100%;
    margin-top: -70px;
}


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

    #explore .explore-header-text {
        font-size: 60px;
        margin-bottom: 60px;
    }
    #explore .explore-text-box {
        padding-left: 40px;
        padding-right: 40px;
    }
    #explore .explore-text {
        font-size: 18px;
    }
    #explore .explore-content-img {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

}


@media only screen and (max-width: 768px) {
    #explore .explore-header-text {
        margin-bottom: 50px;
    }
    #explore .explore-text-box {
        padding-left: 30px;
        padding-right: 30px;
    }
}


@media only screen and (max-width: 576px) {
    .explore-section {
        padding-top: 65px;
    }
    #explore .explore-header-text {
        font-size: 50px;
        margin-bottom: 30px;
    }
    #explore .explore-text {
        font-size: 15px;
        margin-bottom: 70px;
    }
}


@media only screen and (max-width: 378px) {
    #explore .explore-header-text {
        font-size: 35px;
    }

    #explore .explore-text {
        font-size: 14px;
    }
}



/***************************/
/*   3. Payment Section    */
/***************************/

.payments-section {
    background-image: url("../images/bg.png");
    background-size: cover;
    background-position: center;
    padding-top: 135px;
    padding-bottom: 180px;
    overflow: hidden;
}

#payments .payments-section-img {
    padding-left: 50px;
}

#payments .payments-section-img img {
    width: 100%;
}

#payments .payments-section-inner {
    padding-top: 50px;
    padding-left: 40px;
}

#payments .payments-head-txt {
    font-size: 60px;
    font-family: objectsansbold;
    font-weight: bolder;
    color: #fff;
    margin-bottom: 20px;
}
#payments .payments-text {
    font-size: 23px;
    font-family: latoregular;
    color: #fff;
    margin-bottom: 60px;
    padding-right: 100px;
    text-align: justify;
}



@media only screen and (max-width: 992px) {
    #payments .payments-section-img {
        padding-left: 0px;
    }
    #payments .payments-section-img img {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    #payments .payments-section-inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    #payments .payments-head-txt {
        font-size: 55px;
    }
    #payments .payments-text {
        font-size: 18px;
    }
}


@media only screen and (max-width: 768px) {
    .payments-section {
        padding-top: 75px;
        padding-bottom: 100px;
    }

    #payments .payments-section-img img {
        width: 80%;
    }

    #payments .payments-head-txt {
        font-size: 52px;
    }
    #payments .payments-text {
        font-size: 17px;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 576px) {
    #payments .payments-head-txt {
        font-size: 41px;
    }
    #payments .payments-text {
        font-size: 15px;
    }
}

@media only screen and (max-width: 378px) {
    #payments .payments-section-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #payments .payments-head-txt {
        font-size: 39px;
    }

    #payments .payments-text {
        font-size: 15px;
    }
}

/***************************/
/*   4. Feedback Section   */
/***************************/

.feedback-section {
    background-color: #fafafa;
    padding-top: 100px;
    padding-bottom: 180px;
    overflow: hidden;
}

#feedback .feedback-section-img {
    padding-left: 30px;
}

#feedback .feedback-section-img img {
    width: 100%;
    margin-top: 60px;
}

#feedback .feedback-section-inner {
    padding-top: 0px;
    padding-left: 40px;
}

#feedback .feedback-head-txt {
    font-size: 60px;
    font-family: objectsansbold;
    font-weight: bolder;
    color: #000;
    margin-bottom: 30px;
}
#feedback .feedback-text {
    font-size: 23px;
    font-family: latoregular;
    color: #000;
    margin-bottom: 60px;
    padding-right: 70px;
    text-align: justify;
}


@media only screen and (max-width: 992px) {
    #feedback .feedback-section-img img {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    #feedback .feedback-section-inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    #feedback .feedback-head-txt {
        font-size: 60px;
    }
    #feedback .feedback-text {
        font-size: 18px;
        padding-right: 0px;
    }

}



@media only screen and (max-width: 768px) {
    .feedback-section {
        padding-top: 30px;
        padding-bottom: 90px;
    }
    #feedback .feedback-section-img {
        padding-left: 0px;
    }
    #feedback .feedback-head-txt {
        font-size: 52px;
    }
    #feedback .feedback-text {
        font-size: 17px;
    }
}


@media only screen and (max-width: 576px) {
    #feedback .feedback-head-txt {
        font-size: 39px;
    }

    #feedback .feedback-text {
        font-size: 15px;
    }
}


@media only screen and (max-width: 378px) {
    #feedback .feedback-section-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #payments .payments-head-txt {
        font-size: 35px;
    }

    #payments .payments-text {
        font-size: 15px;
    }
}


/***************************/
/*   5.   Events Section   */
/***************************/

.events-section {
    background-image: url("../images/bg.png");
    background-size: cover;
    background-position: center;
    padding-top: 135px;
    padding-bottom: 180px;
    overflow: hidden;
}

#events .events-section-img {
    padding-left: 50px;
}

#events .events-section-img img {
    width: 100%;
    margin-top: 40px;
}

#events .events-section-inner {
    padding-top: 0px;
    padding-left: 40px;
}

#events .events-head-txt {
    font-size: 60px;
    font-family: objectsansbold;
    font-weight: bolder;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 60px;
}
#events .events-text {
    font-size: 23px;
    font-family: latoregular;
    color: #fff;
    margin-bottom: 80px;
    padding-right: 70px;
    text-align: justify;
}




@media only screen and (max-width: 992px) {
    .events-section {
        padding-top: 65px;
    }
    #events .events-section-inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    #events .events-section-img {
        padding-left: 0px;
    }
    #events .events-section-img img {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
    }

    #events .events-head-txt {
        font-size: 60px;
    }
    #events .events-text {
        font-size: 18px;
    }

}


@media only screen and (max-width: 768px) {
    .events-section {
        padding-top: 25px;
        padding-bottom: 90px;
    }
    #events .events-head-txt {
        margin-top: 0px;
        margin-bottom: 30px;
        font-size: 52px;
    }
    #events .events-text {
        margin-bottom: 70px;
        padding-right: 0px;
        font-size: 17px;
    }
}


@media only screen and (max-width: 576px) {
    #events .events-head-txt {
        font-size: 41px;
    }
    #events .events-text {
        font-size: 15px;
    }
}



@media only screen and (max-width: 378px) {
    #events .events-section-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #events .events-head-txt {
        font-size: 35px;
    }

    #events .events-text {
        font-size: 15px;
    }
}



/***************************/
/*  6.   Cashback Section  */
/***************************/
.cashback-section {
    background-color: #fafafa;
    padding-top: 145px;
    padding-bottom: 180px;
    overflow: hidden;
}

#cashback .cashback-section-img {
    padding-left: 50px;
}

#cashback .cashback-section-img img {
    width: 100%;
    margin-top: 0px;
}

#cashback .cashback-section-inner {
    padding-top: 0px;
    padding-left: 40px;
}

#cashback .cashback-head-txt {
    font-size: 60px;
    font-family: objectsansbold;
    font-weight: bolder;
    color: #000;
    margin-bottom: 60px;
}
#cashback .cashback-text {
    font-size: 23px;
    font-family: latoregular;
    color: #000;
    margin-bottom: 80px;
    padding-right: 100px;
    text-align: justify;
}

@media only screen and (max-width: 992px) {
    .cashback-section {
        padding-top: 0px;
    }
    #cashback .cashback-section-img {
        padding-left: 0px;
    }
    #cashback .cashback-section-img img {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
    }

    #cashback .cashback-section-inner {
        padding-left: 40px;
        padding-right: 40px;
    }

    #cashback .cashback-head-txt {
        font-size: 60px;
    }
    #cashback .cashback-text {
        font-size: 18px;
    }

}


@media only screen and (max-width: 768px) {
    .cashback-section {
        padding-bottom: 90px;
    }
    #cashback .cashback-head-txt {
        font-size: 52px;
        margin-bottom: 30px;
    }
    #cashback .cashback-text {
        font-size: 17px;
        padding-right: 0px;
    }
}


@media only screen and (max-width: 576px) {
    #cashback .cashback-head-txt {
        font-size: 41px;
    }

    #cashback .cashback-text {
        font-size: 15px;
    }
}


@media only screen and (max-width: 378px) {
    #cashback .cashback-section-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #cashback .cashback-head-txt  {
        font-size: 35px;
    }

    #cashback .cashback-text {
        font-size: 15px;
    }
}

/***************************/
/*     7. Screenshots      */
/***************************/

.slider-2 {
    background-color: #840283;
    padding-top: 40px;
    padding-bottom: 40px;
}

#instagram .ig_handle {
    color: #fff;
    font-family: objectsansheavy;
    font-weight: bold;
    text-align: center;
    font-size: 47px;
}

#instagram .ig_handle:hover {
    text-decoration: none;
    color: #FAFAFA;
}

.slider-container {
    padding-top: 40px;
}

.owl-carousel .item {

}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.slider-2 .swiper-button-prev {
    left: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
    right: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

/***************************/
/*        8. How To        */
/***************************/

.howto-section {
    background-image: url("../images/center-bg-2.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 165px;
    padding-bottom: 130px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
}

#howto .howto-head-txt {
    font-family: latoregular;
    font-size: 95px;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 90px;
    color: #fff;
}

#howto .howto-section-inner {
    text-align: center;
}

#howto .howto-section-inner .purple-play-btn {
    margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
    .howto-section {
        padding-top: 15px;
    }

    #howto .howto-head-txt {
        font-size: 80px;
    }

}


@media only screen and (max-width: 768px) {
    #howto .howto-head-txt {
        font-size: 60px;
    }
}


@media only screen and (max-width: 576px) {
    .howto-section {
        padding-bottom: 70px;
    }
}


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

    #howto .howto-head-txt  {
        font-size: 50px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/***************************/
/*     9. FAQ             */
/***************************/

.faq-section {
    background-color: #fafafa;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

#faq .faq-container {
    padding-left: 75px;
    padding-right: 75px;
}

#faq .faq-title {
    font-family: objectsansbold;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    color: #000;
    margin-bottom: 60px;
}
#faq .faq-container .card {
    border: none;
}
#faq .faq-container .card-header {
    border-top: 1px solid #000;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fafafa;
    font-family: latoregular;
    font-size: 40px;
    padding-left: 0px;
}

#faq .faq-container .card-header a {
    color: #000;
}

#faq .card-link-anchor {
    float: right;
    width: 35px;
    margin-top: 20px;

}


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

}


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

    #faq .faq-container {
        padding-left: 55px;
        padding-right: 55px;
    }
    #faq .faq-title {
        font-size: 52px;
    }

    #faq .faq-container .card-header {
        font-size: 32px;
    }
    #faq .card-link-anchor {
        width: 30px;
    }

    #faq .faq-container .card-body p {
        font-size: 17px;
    }
}


@media only screen and (max-width: 576px) {
    #faq .faq-title {
        font-size: 41px;
    }

    #faq .faq-container .card-body p {
        font-size: 15px;
    }


    @media only screen and (max-width: 480px) {
        #faq .faq-container {
            padding-left: 40px;
            padding-right: 40px;
        }
    }
}


@media only screen and (max-width: 378px) {
    .faq-section {
        padding-bottom: 30px;
    }
    #faq .faq-container  {
        padding-left: 20px;
        padding-right: 20px;
    }
    #faq .faq-container .card-header {
        font-size: 25px;
    }
    #faq .card-link-anchor {
        width: 25px;
        margin-top: 15px;
    }

}
/***************************/
/*     10. JOIN US     */
/***************************/

.joinus-section {
    background-color: #fafafa;
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden;
}

#joinus .joinus-section-inner{
    background-color: #840283;
    max-width: 80%;
    min-height: 200px;
    margin: auto;
    padding-top:70px;
    padding-bottom: 140px;
    padding-left: 140px;
    padding-right: 140px;
    border-radius: 20px;
}

#joinus .joinus-head-txt {
    color: #fff;
    font-family: objectsansheavy;
    font-weight: bold;
    font-size: 58px;
    margin-bottom: 30px;
}

#joinus .joinus-text {
    color: #fff;
    font-family: latoregular;
    font-size: 26px;
    margin-bottom: 45px;
}

#joinus .play-btn-img img{
    float: left;
    max-width: 160px;
    margin-right: 20px;
}

#joinus .apple-btn-img img {
    float: left;
    max-width: 160px;
}


@media only screen and (max-width: 992px) {
    #joinus .joinus-section-inner {
        padding-left: 120px;
        padding-right: 120px;
    }
}


@media only screen and (max-width: 768px) {
    #joinus .joinus-section-inner {
        padding-left: 60px;
        padding-right: 60px;
    }

    #joinus .joinus-head-txt {
        font-size: 52px;
    }
    #joinus .joinus-text {
        font-size: 22px;
    }
}


@media only screen and (max-width: 576px) {
    #joinus .joinus-section-inner {
        padding-left: 35px;
        padding-right: 35px;
    }

    #joinus .joinus-text {
        font-size: 18px;
    }

    #joinus .play-btn-img img {
        max-width: 120px;
    }

    #joinus .apple-btn-img img {
        max-width: 120px;
    }
}


@media only screen and (max-width: 480px) {
    #joinus .joinus-head-txt {
        font-size: 32px;
    }
    #joinus .joinus-section-inner {
        padding-left: 35px;
        padding-right: 35px;
    }

    #joinus .joinus-text {
        font-size: 15px;
    }
}

@media only screen and (max-width: 378px) {
    .joinus-section {
        padding-top: 30px;
    }
}

/***************************/
/*       11. FOOTER        */
/***************************/
.footer {
    background-image: url("../images/bg.png");
    background-size: cover;
    background-position: center;
    padding-top: 165px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

#footer .contact-title {
    font-family: objectsansbold;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
}

#footer .contact-email {
    background: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 400px;
    margin: auto;
    text-align: center;
    border-radius: 30px;
    margin-bottom: 100px;
}
#footer .contact-email li a {
    color: #840283;
    font-family: latoregular;
    font-size: 17px;
    font-weight: 600;
}

#footer .social-icons {
    max-width: 400px;
    margin: auto;
    margin-bottom: 80px;
}
#footer .social-icons p {
    text-align: center;
}
#footer .social-icons img {
    width: 50px;
    height: auto;
    margin: auto;
    margin-right: 20px;
}
#footer .social-icons img:last-child {
    margin-right: 10px;
}

#footer .copyright {
    text-align: center;
    color: rgba(204, 204, 204, 0.8);
    font-size: 16px;
    font-family: latoregular;
}

.footer-bootom {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background: #000;
}

.footer-bootom a {
    color: #fff;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: latoregular;
}

.footer-bootom .terms-btn {
    float: left;
}

.footer-bootom .privacy-btn {
    float: right;
}


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

    #footer .contact-title {
        font-size: 50px;
    }

}