@font-face {
    font-family: 'Brandon';
    src: url(../font/BrandonText-Light.otf) format('opentype');
    font-weight: 300;
}
@font-face {
    font-family: 'Brandon';
    src: url(../font/BrandonText-LightItalic.otf) format('opentype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Brandon';
    src: url(../font/BrandonText-Regular.otf) format('opentype');
    font-weight: 400;
}
@font-face {
    font-family: 'Brandon';
    src: url(../font/BrandonText-RegularItalic.otf) format('opentype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Brandon';
    src: url(../font/BrandonText-Medium.otf) format('opentype');
    font-weight: 500;
}

html{
    background: rgba(0,0,0,.4);
}

body{
    font-family: Brandon !important;
    background: transparent;
}

.ios .navbar, .ios .page{
    background: white;
    border-radius: 8px;
}
.ios .page.page-previous{
    visibility: hidden;
}
#app .navbar .title { line-height: 1.4 }
.container{
    width: 100%;
    height: 100%;
}

.app{
    width: 97%;
    height: 55%;
    max-height: 350px;
    max-width: 450px;
    /* border-radius: 10px; */
    /* border: 1px solid #cf1e20; */
    background: #fff;
}
.app .view, .app .views
{
    border-radius: 9px;
    background: white;
}

.dialog-backdrop, .popup-backdrop, .popup {
    /* border-radius: 9px; */
}

/*================Mode===============*/
.container.hide_brand .term{
    margin-left: -60px;
}
.container.hide_brand .navbar .right
{
    width: initial;
}

.container.hide_playnow:not(.hide_fb) .btn-playnow {
    display: none;
}
.container.hide_playnow:not(.hide_fb) .btn-fb {
    width: 100%;
    padding-left: 10px;
}

.container.hide_fb:not(.hide_playnow) .btn-fb {
    display: none;
}
.container.hide_fb:not(.hide_playnow) .btn-playnow {
    width: 100%;
    padding-left: 10px;
}
.container.connect_account.hide_fb .or-text:not(.always-show){
    display: none;
}

.container.hide_playnow.hide_fb .btn-fb, .container.hide_playnow.hide_fb .btn-playnow{
    display: none;
}
.container.hide_playnow.hide_fb .or-text:not(.always-show){
    display: none;
}
.container.hide_policy .term {
    margin-left: -58px;
    pointer-events: none;
}

.container.hide_policy .term span {
    display: none;
}
/*==============End mode==============*/
.term{
    position: absolute;
    bottom: 5px;
    left: 50%;
    color: white;
    /*font-size: 15px;*/
    /*margin-left: -120px;*/
    margin-left: -58px;
}
.term span{
    color: #0dd111;
}

.popup.policy{
    background: #f1f1f1;
    background-color: #f9f9f9;
}
.popup .content-block{
    background-color: white;
    overflow: auto;
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -o-calc(100% - 50px);
    height: calc(100% - 50px);
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0 15px;
    color: #4a4a4a;
}
.btn-agree a.button{
    width: 40%;
    margin: auto;
    color: white;
    border: none;
    height: 30px;
    line-height: 28px;
}

.navbar .right.logo{
    height: 100%;
    width: 100px;
}

.app .navbar:after{
    left: 8px;
    width: calc(100% - 16px);
    z-index: 0;
}
.navbar .tab-link{
    color: #373737;
}

.navbar .tab-link-active.tab-link::after{
    content: "";
    position: absolute;
    bottom: -11.5px;
    height: 3px;
    width: 40px;
    background: #cf1e20;
    left: 50%;
    margin-left: -20px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border-radius: 10px;
}
.navbar .tab-link.tab-link-active{
    font-weight: 500;
}

.navbar .tab-link.tab-link-active + .tab-link-highlight{
    transform: translate3d(270%, 0px, 0px);
}
.navbar .tab-link.tab-link-active.tab-connect + .tab-link-highlight{
    transform: translate3d(70%, 0px, 0px);
    /*width: 40%;*/
}
.navbar .tab-link-highlight{
   /* position: absolute;
    bottom: -11.5px;
    height: 3px;
    width: 25%;
    background: #cf1e20;
    transform: translate3d(55%, 0px, 0px);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    left: 0;
    border-radius: 10px;*/
}

.app .page-content:not(.tab):not(.tab-active), .app .tab-content{
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.app .tab-content{
    height: 100%;
}

.header{
    padding: 1em 1em 0 1em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header .title{
    color: #828282;
    text-align: center;
    font-weight: 300;
    /*font-size: 15px;*/
    font-style: italic;
}

.header .title strong{
    font-size: 15px;
    font-weight: 400;
}

.body{
    padding: 0 5%;
    width: 100%;
}

.input-area .list{
    margin: 0;
}
.input-area .list .item-inner{
    padding-right: 0;
}
.input-area .list .item-content{
    padding-left: 0;
}
.input-area .item-label{
    font-size: 16px !important;
    color: #373737;
}
.input-area .list input{
    font-weight: 500;
    color: #373737 !important;
    padding-right: 30px;
    font-size: 13px !important;
}
.input-area .item-input-wrap .eye{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    width: 20px;
    height: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAaCAYAAAADiYpyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjA1QzlEMzhBQ0UwMTFFN0FBRkZFREQ0MUNBQ0M1QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA1QzlEMzlBQ0UwMTFFN0FBRkZFREQ0MUNBQ0M1QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMDVDOUQzNkFDRTAxMUU3QUFGRkVERDQxQ0FDQzVBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMDVDOUQzN0FDRTAxMUU3QUFGRkVERDQxQ0FDQzVBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po7vjQkAAAYcSURBVHja3JkNTJVV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') center no-repeat;
    background-position-x: 0;
    background-size: 40px;
}
.input-area .item-input-wrap .eye.show{
    background-position-x: -21px;
}

.body .action .mt10{
    margin-top: 10%;
}
.body .action .mt1e{
    margin-top: 1em;
}
.body .action{

}
.body .or-text{
    color: #828282;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
}
.forget-pass{
    padding: 1em 0;
}
.forget-pass a{
    color: #cf1e20;
}
.sdk-button{

}
.sdk-buttons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sdk-button .button.disabled, .sdk-buttons .button.disabled{
    opacity: 1 !important;
}
.sdk-button .button, .sdk-buttons .button{
    color: white;
    border: none;
    height: 30px;
    line-height: 28px;
}

.long-button{
    width: 61%;
}
.medium-button{
    width: 47%;
}
.short-button {
    width: 32%;
}
.noti-success{
    font-weight: 500;
    padding: 0 3em;
}
.btn-green{
    background-image: linear-gradient(to right, #cf1e20 0%, #cf1e20 51%, #cf1e20 100%);
}
.btn-greenlight{
    background-image: linear-gradient(to right, #7dc20c 0%, #85d009 51%, #8fe306 100%);
}
.btn-gray{
    background-image: linear-gradient(to right, #e8e8e8 0%, #e8e8e8 51%, #e8e8e8 100%);
}
.btn-darkgray{
    background-image: linear-gradient(to right, #b7b7b7 0%, #bdbdbd 51%, #d8d8d8 100%);
}
.btn-blue{
    background-image: linear-gradient(to right, #4267b2 0%, #4267b2 51%, #4267b2 100%);
}
.btn-yellow{
    background-image: linear-gradient(to right, #ff7e00 0%, #ff7e00 51%, #ff7e00 100%);
}
.btn-fb{
    padding-left: 22px;
}
.btn-playnow{
    padding-left: 30px;
}
.btn-fb:before{
    content: '';
    width: 11px;
    height: calc(100% - 11px);
    position: absolute;
    left: 0.7em;
    margin: 5px 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAyCAYAAABCtcuVAAABGklEQVRYhe3YvS5EQRQA4G/ZhFX4KUQQEQoFiUfwAJItab2B1hNIJPRKkYgn8QoUOhXVrkKhuwrZRLFmz929mYI5yVRzzvnunTs5xW1VVaWBmMJCYv+zPUbTFXRxgG2sYxUziZqLOtAWznGE2g8YLTjGDebqAnWgLu4xPS7C90dMxTJuJ0Ui0CmWJkUi0EkTyChoBxs5oL2mENK3bjPYo8IV7vDxS857CloMQpc4G5WUOrrUSPkZ15GkUbcuEi+5oND4bwIKRRsP2B2y1wn26AVyDtuYN9mYidQ+5zi6N/RyQI/kuQxPuaBsb/S3oFf0B9A+WkPWRbDZsNrBWhskZRtBBSpQgQpUoAIVqED/E2olfgx2MBvo0Y9AX0gIIqMi/NPTAAAAAElFTkSuQmCC');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.btn-playnow:before{
    content: '';
    width: 18px;
    height: calc(100% - 11px);
    position: absolute;
    left: 1.2em;
    margin: 5px 0;
    background: url('data:image/png;base64,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');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.error-msg{
    display: none;
}
.show-error-msg .error-msg{
    display: block;
}
.show-error-msg:after{
    content: '';
    position: absolute;
    background-color: #ec5447;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.error-msg .msg{
    background: #ec5447;
    color: white;
    position: absolute;
    right: -1em;
    top: -20px;
    border-radius: 20px;
    font-size: 12px;
    padding: 6px 8px 2px 8px;
}
.error-msg .symbol{
    position: absolute;
    color: #ec5447;
    right: 20px;
    top: 13px;
}
.error-msg .msg:after{
    content: '';
    background: rgb(236, 84, 71);
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 29px;
    bottom: -5px;
}

.noSelect, body {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none
}

.close-btn{
    background: #09c276;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    font-size: 25px;
}

.footer{
    padding: 0.5em 5% 0 5%;
    width: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.support-info{
    text-align: center;
    color: #828282;
    font-size: 11px;
}
.support-info strong{
    font-weight: 400;
    font-size: 12px;
}

.margin-auto{
    margin: auto;
}

.sdk-icon{
    width: 12px;
    height: 14px;
    margin-right: 3px;
    display: inline-block;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.i-user{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAACEUlEQVRIia3WS4hOUQAH8N98ZhaYjQXJY2GUibIxY2GhFBqSvKLJwlAmJ1HKpJSRRyRJmWROEzWlKGVjMTEaVjIekSJjYbyGokRZjDeLe+nr67ufz8z863br3Ht+55x7zj33VrS3tyuRamzDfExFDm9xDycwEEIoWjFXAm3Ge7TgE07jFPqxHq9wLKtyFnwYHTiK8WhEWwo3YzK2YGeM8VK58AbsRgNa8Suj8Q5Mx/IYY9u/4LE4gz3ozgDz04+l2B5jnF0K3ooPOFQGCkIIl3EHB0rB68rsaWHOoz7G+NcrhKvxcAjwg/Q8MQv+iW9DgL+jAqOy4K+YMQS4Nu3Uuyz4GhYNAV6FlyGEL1nwcdRgdblijHGKZMkdzC8vhF/jCC5iWhluDvfRE0K4Ugomeeu60YeFJdBZ6T2fsbLwYmVGpQbswjncRJdkYn+mnZmXYl0hhE3FgCwYHmECVqRHscSsysXgBTiLcZIJ6cITjEYVfmAmlqE3xngba0IIA/lI4TNuwnXcwBTsRa9k/3iDFxjAVexIG6jC4xhjXRa8Fp2SjagRH7OGmZe+EMIcySq6G2OsKYQn4QL2o+S3qlhCCBslo+wthDvxFPv+F83LYoyPMbb8gWvTwqZhoEIIg5LJbo0xVuSwWfLG3RgOnOYkxqAhhzr0jAAqhPAOz7Ekh3o8Gwk4zSDmVkr+G26NINyKqt+S2oVnmvZfKQAAAABJRU5ErkJggg==');
}
.i-back{
    width: 20px;
    height: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAcCAYAAAAuh5ywAAAB1ElEQVRYhdXYvWsUQRzG8c/FU9RCtLIQrOxELLexshNFBC3UQi1FfMNCzxcQLPQEJRgwsRLxrRFjqZVYySFY+28oiGhEYzEKc3ub5NaZbO6+sMU+s7s8D/OD/f2mVRSFGrRwB2fRwx58rfOB3PR6vb77iZrvT+EC2tiFA3ls5aNOoFs4XdI+ZfSShWEDdf5eMefwMa+ddIYJdErYnZirQvmNHEsFOo77Je02bi6PnXQWC3QID0vaA4OlN1IsFGgvnpfWnwrlN9JUBdqNF1gdabM4gfkGPCVRDlTgFdZF2hscwa+mTKUQB9qB19gQae9wEHMNekriX6BteItN0doHoRP41rSpFFpFUWzFe2yJ9M9Cqf1YEVf/xxdMt/FSfxjYiMONW0pn3wR2rrSLjGxuYxIXSwvfjVe5EUruWlv486/X30mvxT0j3hVQPQ/N44zQo8VcQrcZW/mI/0Md1aEmhUl1LCh3Ch3cKGnnMW1MQlX1ctdxuaSdNCahFuq2u6pDPcKq5TSUymLzUFcYs2OO4bERDrXUxDplcAY6aoRDDXOmMKM61CzWZHeUyLCnPjNCuf2OtP24kt1RInXO5Z4YDLU9r5102jWff4afwo7N4W52R4n8AeIrSbfPB/6JAAAAAElFTkSuQmCC');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.i-lock{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAABxklEQVRIia3VPWgUQRjG8d/FE1QwpQcWKfzAbzEQC0Gws9TSNGqrnYVEAllObwQ5jaJWFqIQC01lY6EEhJhO0CKChaWCEgwhYAKCxLPYObzIuTsX8jQ7O7zPf959592ZSqPRUKBDGMUgtqOCr3iPG/iQZVlXY18B9CpmsRu3cAzHMR7nZmNMT+CAOoZxFI/wMcIexrlh1EMIIRU8hDGcxGTBF03GmLEQwlAK+D5eYaoA2tYUXuJeGXgb9uJOArStcewJIdSKwLvkO/+2B/A7VLGzCPw9PhdTqVmWLaLV4QWV2McncBj7cQEj+JnI3oSbeCB2TpZl05VGozGCJuYibA4D8pKkqIXPqMVFarhSjdBzeJIIWqV//7wQwllM9GEZM2uB/kczWK5iBf0lwVvldd8ob6/5gth+rFQTMhjAG/yISZyXb/anIlPRIdTWY3yTn3RH5Dv/rMyUAh7Ei4735zi4HuCmvL4HsAPXcLvMlFLjJi7iMn7Je310PcDwRX5rVLAvxZAKrmFDx3jdwE/9rev1XsC/S+LqeB3H0yWxrTZ4MxYSkigDtjWPLVUsyW/bu4nGVepyl17CUhWnMYEzawF30QJO/QEtQmbE2PcRnAAAAABJRU5ErkJggg==');
}

@media (orientation: landscape) {
    .app{
        width: 70%;
        height: 89%;
        margin-bottom: 20px;
    }
}

@media (orientation: landscape) and (min-height:375px) {
    .app{
        width: 70%;
        height: 85%;
        margin-bottom: 20px;
    }
}