body {
    min-width: 320px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin:0px;
	background-image: url("../image/2x/bottom.jpg");
	background-attachment: fixed;
}

#container {
    margin: 0 auto;
}

.myHeader {
    position: relative;
    display: flex;
    height: 80px;
    background-image: url("../image/2x/circle@2x.png");
    background-repeat: no-repeat;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
    font-size: 18px;
	border:1px solid #ff9a62;
}

.myHeader .icon, .cashray-icon {
    margin-left: 15%;
    width: 240px;
    height: 40px;
    content: url("../image/2x/cashrayHeader@2x.png");
}

.myHeader .languageList {
    margin-right: 15%;
}

.languageList .language {
    margin: 0 10px;
    padding: 10px 0;
}

.languageList .active {
    color: #FFFFFF;
    font-size: 20px;
    border-bottom: #FFFFFF solid 4px;
}

.myContent .Zone1 {
    position: relative;
    background-color: #ff7848;
    color: #FFFFFF;
    overflow: hidden;
    height: 730px;
    background-image: url("../image/2x/circle@2x.png");
    background-repeat: no-repeat;
	background-position:-45px -35px;
}

.Zone1 .background {
    width: 100%;
    height: 100%;
    background-image: url("../image/2x/hand@2x.png");
    background-size: 500px 740px;
    background-repeat: no-repeat;
    background-position: 754px 58px;
}

.Zone1 .left {
    position: relative;
    height: 100%;
    width: 490px;
    left: 15%;
}

.Zone1 .left .cashray {
    position: relative;
    top: 133px;
    font-size: 50px;
    font-family:Arial-Black;
    font-weight:400;
}

.Zone1 .left .subtitle {
    position: relative;
    top: 165px;
    font-size: 24px;
    font-family:MyriadPro-Regular;
    font-weight:400;
    line-height: 36px;
}

.Zone1 .left .content {
    position: relative;
    top: 195px;
    font-size: 16px;
    font-family:ArialMT;
    line-height: 26px;
	color:#ffc09e;
}

.Zone1 .left .store {
    position: relative;
    top: 265px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.store .appStore {
    border: 2px solid rgba(255, 255, 255, 0.33);
    border-radius: 3px;
    margin-right: 35px;
    width: 190px;
    height: 55px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.store .icon {
    width: 32px;
    height: 32px;
}

.appStore .icon {
    content: url("../image/2x/appleStore@2x.png");
}

.store .googlePlay {
    border: 2px solid rgba(255, 255, 255, 0.33);
    border-radius: 3px;
    width: 190px;
    height: 55px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.googlePlay .icon {
    content: url("../image/2x/googlePlay@2x.png");
}
.store a{ color:#fff; text-decoration:none;}

.store .download {
    text-align: center;
   /* width: 115px; */
    height: 43px;
    line-height: 20px;
}
.store .download_2 {
    text-align: center;
    height: 43px;
    line-height: 20px;
}

.store .download div:nth-child(1) {
    font-size: 14px;
}

.store .download div:nth-child(2) {
    font-size: 20px;
}

.left .follow_1 {
    position: relative;
    top: 260px;
    width: 170px;
	height:50px;
    /*display: flex;*/
    /*justify-content: space-around;*/
    align-items: center;
    font-size: 18px;
	border-radius:3px;
	border:1px solid #fff;
	background-image:url("../image/2x/twitterWhite@2x.png");
	background-position:12px 14px;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	padding-left:30px;
	color:#fff;
	line-height:20px;
	text-decoration:none;
	padding-top:10px;
}
.left .follow_2 {
    position: relative;
    top: 420px;
    width: 170px;
	height:50px;
    /*display: flex;*/
    /*justify-content: space-around;*/
    align-items: center;
    font-size: 18px;
	border-radius:3px;
	border:1px solid #fff;
	background-image:url("../image/2x/facebookWhite@2x.png");
	background-position:12px 14px;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	padding-left:30px;
	color:#fff;
	line-height:20px;
	text-decoration:none;
	padding-top:10px;
}

.follow .facebook {
    margin: 0 20px;
    width: 120px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.follow .twitter {
    width: 120px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.follow .icon {
    width: 30px;
    height: 30px;
}

 .icon_2 {
    content: url("../image/2x/facebookWhite@2x.png");
}

.twitter .icon {
    content: url("../image/2x/twitterWhite@2x.png");
}

.myContent .Zone2 {
    position: relative;
    background-color: #FDFDFA;
    overflow: hidden;
}

.Zone2 .card {
    position: relative;
    left: 15%;
    width: 70%;
    height: 200px;
    margin: 50px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.card .loan {
    flex-shrink: 0;
    height: 100%;
    width: 480px;
    margin-right: 45px;
    background-color: #ff7848;
    border-radius:5px;
    box-shadow:0px 6px 24px 0px rgba(154,154,154,0.11);
    display: flex;
}

.card .secure {
    flex-shrink: 0;
    height: 100%;
    width: 480px;
    background-color: #ff7848;
    border-radius:5px;
    box-shadow:0px 6px 24px 0px rgba(154,154,154,0.11);
    display: flex;
}

.card .icon {
    flex-shrink: 0;
    position: relative;
    left: 25px;
    top: 60px;
    width: 80px;
    height: 80px;
}

.loan .icon {
    content: url("../image/2x/loan@2x.png");
}

.secure .icon {
    content: url("../image/2x/secure@2x.png");
}

.card .text {
    position: relative;
    left: 60px;
    top: 35px;
    width: 65%;
    color: #FFFFFF;
}

.card .text div:nth-child(1) {
    font-size: 20px;
    margin-bottom: 15px;
}

.card .text div:nth-child(2) {
    line-height: 30px;
}

.title {
    position: relative;
    left: 15%;
    margin: 45px 0;
    display: flex;
    align-items: center;
}

.symbol {
    width:23px;
    height:9px;
    border-radius:4px;
    background-color: #ff7848;
    margin-right: 20px;
}

.title .text {
    font-size:30px;
    font-family:ArialMT;
    font-weight:bold;
    line-height: 48px;
}

.title .text span {
    color: #ff7848;
}

.Zone2 .step {
    position: relative;
    left: 15%;
    width: 70%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 80px;
}

.step > div {
    flex-shrink: 0;
    width: 220px;
    margin-right: 15px;
}

.step > div:last-child {
    margin-right: 0px;
}

.Zone2 .step .image {
    margin: 10px 0 25px;
    width: 220px;
    height: 400px;
    box-shadow:0px 6px 24px 0px rgba(154,154,154,0.11);
}

.Zone2 .step .name {
    position: relative;
    z-index: 10;
    text-align: center;
    font-size:18px;
    font-family:ArialMT;
    font-weight:bold;
    color:#ff7848;
    line-height:50px;
}

.Zone2 .step .content {
    position: relative;
    z-index: 10;
    text-align: center;
    font-size:16px;
    font-family:ArialMT;
    font-weight:400;
    line-height:24px;
}

.step .number {
    z-index: 1;
    position: absolute;
    bottom: 30px;
    font-size:119px;
    font-family:Arial-BoldMT;
    font-weight:bold;
    color:rgba(250,246,243,1);
    line-height:57px;
}

.step1 .number {
    left: 70px;
}

.step2 .number {
    left: 310px;
}

.step3 .number {
    left: 550px;
}

.step4 .number {
    left: 790px;
}

.myContent .Zone3 {
    position: relative;
    overflow: hidden;
    color: #FFFFFF;
}

.Zone3 .symbol {
    background-color: #FDFDFA;
}

.Zone3 .pay {
    position: relative;
    left: 15%;
    width: 70%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 60px;
}

.pay > div {
    flex-shrink: 0;
    width: 180px;
    margin-right: 60px;
}

.pay > div:last-child {
    margin-right: 0px;
}

.Zone3 a {
    color: white; text-decoration: none;
}

.Zone3 .pay .image {
    margin-bottom: 20px;
    width: 180px;
    height: 101px;
}

.pay .pay11 .image {
    content: url("../image/2x/bank@2x.png");
}
.pay .pay12 .image {
    content: url("http://cashray-public.oss-ap-south-1.aliyuncs.com/cargills.jpeg");
}
.pay .pay13 .image {
    content: url("../image/2x/bank@2x-2.png");
}
.pay .pay14 .image {
    content: url("../image/2x/bank@2x-3.png");
}

.pay .pay2 .image {
    content: url("../image/2x/supermarket@2x.png");
}

.pay .pay3 .image {
    content: url("../image/2x/ezcash@2x.png");
}

.pay .pay4 .image {
    content: url("../image/2x/genie@2x.png");
}

.Zone3 .pay .text {
    text-align: center;
    font-size:18px;
    font-family:ArialMT;
    font-weight:400;
    line-height:28px;
}

.myContent .Zone4 {
    position: relative;
    background-color: #F1F1F1;
    overflow: hidden;
}

.Zone4 .line {
    display: flex;
    justify-content: space-between;
}

.Zone4 .title {
    flex-shrink: 0;
}

.Zone4 .subline {
    flex-shrink: 0;
    position: relative;
    right: 15%;
    top: 90px;
    color: #ff7848;
    font-size:18px;
    font-family:ArialMT;
    font-weight:bold;
}

.Zone4 .member {
    position: relative;
    left: 15%;
    width: 70%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* margin-bottom: 90px; */
    margin-bottom: 50px;
}

.member > div {
    flex-shrink: 0;
    width: 300px;
    height: 280px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background:#FFFFFF;
    box-shadow:0px 6px 24px 0px rgba(154,154,154,0.11);
	border-radius:5px;
}

.member > div:last-child {
    margin-right: 0px;
}

.member .avatar {
    margin: 35px 0 25px;
    width: 74px;
    height: 74px;
}

.member .name {
    font-size:18px;
    font-family:Lato-Bold;
    font-weight:bold;
    line-height:25px;
    margin-bottom: 0px;
}

.member .job {
    font-size:15px;
    font-family:ArialMT;
    font-weight:400;
    line-height:25px;
    margin-bottom: 15px;
}

.member .content {
    margin: 0 40px;
    font-size:15px;
    font-family:ArialMT;
    font-weight:400;
    line-height:25px;
    text-align: center;
	color:#888;
}

.myFooter {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #ff7848;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    padding: 40px 0;
}

.myFooter .image {
    content: url("../image/2x/cashrayFooter@2x.png");
    width: 168px;
    height: 33px;
}

.myFooter .copyright, .myFooter a {
    font-size:12px;
    font-family:ArialMT;
    font-weight:400;
    color:#FFFFFF;
    line-height:20px;
    opacity:0.5;
    margin: 10px 0 0px;
}

.myFooter .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link > img {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-right: 30px;
}

.link > img:last-child {
    margin-right: 0px;
}

/* Scammer Alert Responsive Images - Default Desktop */
.Zone2_1 .scammer-alert-desktop {
    display: block !important;
}

.Zone2_1 .scammer-alert-mobile-1,
.Zone2_1 .scammer-alert-mobile-2 {
    display: none !important;
}

/* Video Zone Styles */
.VideoZone {
    position: relative;
    background-color: #FDFDFA;
    padding: 60px 0;
    overflow: hidden;
}

.video-container {
    position: relative;
    left: 15%;
    width: 70%;
    max-width: 800px;
    margin: 0 auto;
    background-color: #000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
}

.promotional-video {
    width: 100%;
    height: auto;
    display: block;
    min-height: 300px;
    background-color: #000;
}

@media only screen and (min-width: 840px) and (max-width: 1024px) {
    .myContent .Zone1 {
        background-position: 349px 25px;
    }

    .Zone1 .background {
        background-position: 564px 58px;
    }

    .Zone1 .left {
        width: 450px;
    }

    .myHeader .icon {
        margin-left: 10%;
    }

    .myHeader .languageList {
        margin-right: 10%;
    }

    .Zone1 .left, .Zone2 .card, .Zone2 .step, .title, .Zone3 .pay, .Zone4 .member {
        left: 10%;
    }

    .Zone4 .subline {
        right: 10%;
    }

    .Zone2 .loan, .Zone2 .secure {
        width: 400px;
    }

    .card .loan {
        margin-right: 20px;
    }

    .step > div {
        width: 200px;
        margin-right: 10px;
    }

    .Zone2 .step .image {
        width: 200px;
        height: 350px;
    }
    
    .step2 .number {
        left: 280px;
    }
    
    .step3 .number {
        left: 490px;
    }
    
    .step4 .number {
        left: 700px;
    }

    .pay > div {
        margin-right: 25px;
    }

    .member > div {
        width: 250px;
        height: 300px;
        margin-right: 20px;
    }

    /* Video Zone - Tablet */
    .video-container {
        left: 10%;
        width: 80%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 840px) {
    .myHeader {
        height: 60px;
        font-size: 15px;
    }
    
    .myHeader .icon {
        margin-left: 5%;
        width: 160px;
        height: 30px;
    }
    
    .myHeader .languageList {
        margin-right: 5%;
    }
    
    .languageList .language {
        display: none;
        margin: 0;
        padding: 5px 0;
    }
    
    .languageList .active {
        display: inline-block;
        border: none;
    }
    
    .myContent .Zone1 {
        height: 500px;
        background-position: -69px 2px;
    }
    
    .Zone1 .background {
        background-size: 280px 470px;
        background-position: 160px 38px;
    }
    
    .Zone1 .left {
        width: 190px;
        left: 5%;
    }
    
    .Zone1 .left .cashray {
        top: 53px;
        font-size: 30px;
    }
    
    .Zone1 .left .subtitle {
        top: 75px;
        font-size: 16px;
        line-height: 22px;
    }
    
    .Zone1 .left .content {
        display: none;
    }
    
    .Zone1 .left .store {
        top: 110px;
    }
    
    .store .appStore {
        border: 1px solid rgba(255, 255, 255, 0.33);
        margin-right: 0px;
        margin-bottom: 10px;
        width: 145px;
        height: 50px;
    }
    
    .store .icon {
        width: 28px;
        height: 28px;
    }
    
    .store .googlePlay {
        border: 1px solid rgba(255, 255, 255, 0.33);
        width: 145px;
        height: 50px;
    }
    
    .store .download {
        width: 100px;
        height: 40px;
        line-height: 18px;
    }
    
    .store .download div:nth-child(1) {
        font-size: 12px;
    }
    
    .store .download div:nth-child(2) {
        font-size: 16px;
    }
    
    .left .follow {
        top: 180px;
        width: 100px;
        flex-direction: column;
        font-size: 12px;
    }
    
    .follow .facebook {
        width: 100px;
        margin: 10px 0;
        font-size: 16px;
    }
    
    .follow .twitter {
        width: 100px;
        font-size: 16px;
    }
    
    .follow .icon {
        width: 24px;
        height: 24px;
    }
    
    .Zone2 .card {
        top: 80px;
        left: 5%;
        width: 90%;
        height: 200px;
        margin: 50px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .card .loan {
        height: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .card .secure {
        height: 100%;
        width: 100%;
    }
    
    .card .text {
        left: 35px;
        top: 35px;
        width: 60%;
        font-size: 16px;
    }
    
    .card .text div:nth-child(1) {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    .card .text div:nth-child(2) {
        line-height: 25px;
    }
    
    .title {
        left: 5%;
        margin: 25px 0;
    }

    .title .text {
        font-size:25px;
    }
    
    .symbol {
        width:23px;
        height:9px;
        margin-right: 10px;
    }

    .Zone2 {
        height: 1120px;
    }
    
    .Zone2 .title {
        position: relative;
        top: 180px;
    }
    
    .Zone2 .step {
        top: 180px;
        left: 5%;
        width: 90%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .step > div {
        position: relative;
        left: 30%;
        width: 65%;
        margin: 0 0 15px 0;
    }
    
    .step > div:last-child {
        margin-right: 0px;
    }
    
    .Zone2 .step .image {
        display: none;
    }
    
    .Zone2 .step .name {
        text-align: start;
    }
    
    .Zone2 .step .content {
        text-align: start;
    }
    
    .step .number {
        position: absolute;
        font-size:119px;
        font-family:Arial-BoldMT;
        font-weight:bold;
        color:#ff7848;
        line-height:57px;
    }
    
    .step1 .number {
        top: 30px;
        left: -90px;
    }
    
    .step2 .number {
        top: 30px;
        left: -90px;
    }
    
    .step3 .number {
        top: 40px;
        left: -90px;
    }
    
    .step4 .number {
        top: 30px;
        left: -90px;
    }
    
    
    .Zone3 .pay {
        left: 5%;
        width: 90%;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .pay > div {
        width: 150px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .Zone3 .pay .image {
        margin-bottom: 20px;
        width: 130px;
        height: 73px;
    }
    
    .Zone3 .pay .text {
        position: relative;
        left: -10px;
        font-size:15px;
        line-height:28px;
    }
    
    .Zone4 .line {
        display: flex;
        justify-content: space-between;
    }
    
    .Zone4 .subline {
        position: relative;
        left: -250px;
        top: 75px;
        font-size:18px;
    }
    
    .Zone4 .member {
        left: 5%;
        width: 90%;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        /* margin: 40px 0; */
    }
    
    .member > div {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .myFooter {
        padding: 30px 0;
    }
    
    .myFooter .copyright {
        margin: 10px 0 0px;
    }
    
    /* .myFooter .link {
        display: none;
    } */
    
    /* Scammer Alert Responsive Images */
    .Zone2_1 .scammer-alert-desktop {
        display: none !important;
    }
    
    .Zone2_1 .scammer-alert-mobile-1,
    .Zone2_1 .scammer-alert-mobile-2 {
        display: block !important;
    }

    /* Video Zone - Mobile */
    .VideoZone {
        padding: 30px 0;
    }

    .video-container {
        left: 5%;
        width: 90%;
        border-radius: 8px;
    }

    .promotional-video {
        min-height: 200px;
    }
}