#login_puphp{
    position: fixed;
    /* bottom: 30px; */
    bottom: 20px;
    left: 30px;
    /* z-index: 100; */
    z-index: 10000;
}
#button_page{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 50px;
    border-radius: 30px;
    background-color: #FF8B00;
    cursor: pointer;
}
#logp_button{
    cursor:pointer;
}
#button_page p{
    margin: 0px;
    display: flex;
    align-items: center;
}
#button_page img{
    width: 25px;
    height: 25px;
}
#button_page span{
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px;
}
#logp_closeback{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FF8B00;
    cursor: pointer;
}
#closeimg-width{
    width: 20px;
    height: 20px;
}
#logp_page{
    display: none;
}
.logp_page{
    width: 360px;
    height: 666px;
    background-color: #FFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);;
    border-radius: 20px;
    position: relative;
    bottom: 15px;
}
.logp_topback{
    width: 100%;
    height: 160px;
    background: linear-gradient(rgba(255,196,124,0) 0%,rgba(255,139,0,1) 100%),rgb(255, 139, 0);
    border-radius: 20px 20px 0px 0px;
    padding: 20px;
}
.close_imgfa{
    width: 100%;
    text-align: right;
}
.logp_close_img{
    width: 10px;
    height: 10px;
    text-align: right;
    cursor: pointer;
}
.logp_topback_text{
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
}
.logp_topback_title{
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 5px;
}
.logp_puphp_join{
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    width: 328px;
    height: 222px;
    position: absolute;
    /* top: 115px; */
    top: 100px;
    left: 16px;
    /* padding: 30px 48px; */
    padding: 20px 48px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.footer_join_title{
    color: rgb(0, 0, 0);
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    
}
.footer_join_tips{
    color: rgb(158, 158, 166);
    font-family: 'Montserrat';
    font-size: 12px;
    transform: scale(0.92);
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
}
.footer_margin20{
    margin: 20px 0;
}
.footer_join_btn{
    width: 120px;
    height: 40px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 20px auto;
}
.footer_join_href{
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    color: #FF8B00;
    text-decoration-line: underline;
}
.logp_getreward{
    width: 328px;
    height: 248px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    position: absolute;
    bottom: 66px;
    left: 16px;
    /* padding: 30px; */
    padding: 20px 30px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.footer_getreward_color{
    color: #000;
}
.footer_margin30{
    margin: 30px;
}
.footer_getreward_btn,.footer_earn_points{
    width: 260px;
    height: 50px;
    background: rgb(250, 250, 250);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    cursor: pointer;
}
.footer_getreward_return{
    width: 7px;
    height: 12px;
    transform: rotate(180deg);
}
.footer_getreward_text{
    color: rgb(0, 0, 0);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    align-items: center;
}
.footer_getreward_text>span{
    margin-left: 14px;
}
.getreward_icon{
    width: 25px;
}
.footer_getreward_unseen{
    background: rgb(255, 255, 255);
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.04);;
    border-radius: 0px 0px 20px 20px;
    width: 360px;
    height: 50px;
    position: absolute;
    bottom: 0px;
    color: rgb(158, 158, 166);
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
    cursor: default !important;
}
.logp_reward_top{
    display: flex;
    justify-content: space-between;
    padding-left: 25px; 
    padding-right: 20px;
    align-items: center;
}
.logp_reward_top{
    width: 360px;
    height: 50px;
    background: linear-gradient(rgba(255,196,124,0) 0%,rgba(255,139,0,1) 100%),rgb(255, 139, 0);
    border-radius: 20px 20px 0px 0px;
}
.retop_left_return{
    width: 6px;
    height: 10px;
}
.logp_retop_left{
    display: flex;
    justify-content: left;
    cursor: pointer;
}
.logp_retop_left>span{
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px;
}
.logp_reward_con,.logp_log_con{
    padding: 30px 0 0 0 !important;
}
.logp_gift_fa{
    width: 228px;
    margin: 40px auto 40px auto;
}
.logp_gift{
    width: 100%;
    padding: 21px 0 22px 0; 
    display: flex;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid rgb(230, 230, 230);
}
.logp_gift>span{
    margin-left: 25px;
}
.gift_reward_img{
    height: 25px;
    width: auto;
}
.logp_gift_diy{
    width: 30px;
    height: 25px;
    background: rgb(0, 0, 0);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
}
.logp_gift_tips{
    margin: 0 auto 66px auto;
    width: 311px;
    height: 96px;
    background: rgb(242, 244, 244);
    color: rgb(0, 0, 0);
    font-family: 'Montserrat';
    font-size: 12px;
    transform: scale(0.92);
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    padding: 18px 20px;
}
#logp_log_from{
    width: 100%;
    padding: 40px 25px 0 25px;
}
.logp_grup>.logp_inputfa{
    width: 100%;
    position: relative;
}
.logp_grup{
    width: 100%;
    margin: 20px 0 0 0;
}
.logp_grup:first-of-type{
    margin-top: 0px;
}
.logp_grup>label{
    display: flex;justify-content: left;width: 100%;
    margin-bottom: 6px;
    color: rgb(0, 0, 0);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
}
.logp_grupfa{
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: flex-end;
}
#login_puphp input{
    background-color: #FFF;
    height: 40px;
    width: 100%;
    border: 0px;
    padding-left: 12px;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 6px;
    
}
#login_puphp input:focus{
    background-color: #FFF;
    color: rgb(0, 0, 0);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
}
#login_puphp button{
    cursor: pointer;
}
input::-webkit-input-placeholder{ /* WebKit browsers */
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: rgb(158, 158, 166);
    letter-spacing: 0px;
}

input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: rgb(158, 158, 166);
    letter-spacing: 0px;
}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: rgb(158, 158, 166);
    letter-spacing: 0px;
}

input:-ms-input-placeholder{ /* Internet Explorer 10+ */
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: rgb(158, 158, 166);
    letter-spacing: 0px;
}
.login_remember {
	margin-top: 10px;
	margin-bottom: 40px;
}
.logp_login_p>span{
	vertical-align: middle;
    color: rgb(201, 201, 201);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
}
.login_remember .logp_login_p .login_ios7style{
	width: 35px !important;
	height: 18px !important;
	cursor: pointer !important;
}
.logp_log_submit{
	background: rgb(207, 207, 207);
	width: 310px;
	height: 40px;
	margin: 0 auto 0 auto;
	color: rgb(255, 255, 255);
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
}
.register_other{
    width: 310px;
}
.footer_register{
    font-family: 'Montserrat';
    font-size: 12px;
    transform: scale(0.92);
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 50px;
}
.footer_register>a{
    color:#FF8B00;     
}
.all_points-tasks{
    color: rgb(255, 139, 0);
    font-family: 'Montserrat';
    font-size: 12px;
    transform: scale(0.92);
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    text-decoration-line: underline;
    display:inline-block;
    margin:20px auto 0 auto;
}
.footer_check_btn{
    width: 160px;
    height: 40px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}  
#login_puphp a{
    text-decoration-line: underline;
}
.logphide{
    display: none;
}
#logp_points_scoll{
    max-height: 170px;
    overflow-y: scroll;
    height: 100%; 
    padding-right:4px;
    width: calc(100% - 4px);
}
#logp_points_scoll::-webkit-scrollbar{
    width: 0px;
}
#logp_points_scoll::-webkit-scrollbar {
    width: 0;
    height: 0
}
#logp_points_scoll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #C9C9C9;
}
#logp_points_scoll::-webkit-scrollbar-track {
    background-color: #eee;
}
#logp_points_scoll{
    max-height: 170px;
    overflow-y: scroll;
    height: 100%; 
}
.points_scoll_hide::-webkit-scrollbar{
    width: 0px;
}
.points_scoll_hide::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
}
.points_scoll_hide::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #C9C9C9;
}
.points_scoll_hide::-webkit-scrollbar-track {
    background-color: #eee;
}
.footer_getreward_plan>p,.footer_getreward_plan>p>span{
    color: #000;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
}
.getward_plan_quantity>span{
    color: #FF8b00 !important;
}
.earn_points_yes{
    width: 20px;
    height: 20px;
}
.footer_earn_pointsimg{
    width: 20px;
    display: flex;
    justify-content: center;
}
#lagp_animation {
    -webkit-animation:bounce 0.75s .1s ease both;
    -moz-animation:bounce 0.75s .1s ease both;
}
.footer_left{
    height: calc(100% - 80px);
    display: flex;
    align-items: center;
    justify-content: left;
}
#footer_left_img{
    width: 188px;
    height: 22px;
}
#footer_left_title{
    color: rgb(253, 253, 253);
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 30px;
}
.footer_center{
    height: calc(100% - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_right{
    height: calc(100% - 80px);
    display: flex;
    justify-content: right;
    align-items: center;
}
.footer_center_href{
    display: block;
    color: rgb(253, 253, 253);
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.footer_center_son>a:last-of-type{
    margin-bottom: 0px;
}
.footer_all{
    width: 100%;
    height: 100%;
    padding: 0px 10.51%;
}
.footer_right_from{

}
#footer_right_title{
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 12px;
}
#footer_right_table{
    color: rgb(109, 112, 115);
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 20px;
}
#footer_right_email{
    width: 350px;
    height: 45px;
    background: rgb(0, 0, 0);
    border: 1px solid rgb(109, 112, 115);
    border-radius: 6px;
    padding: 14px 65px 12px 20px;
}
#footer_right_grup{
    position: relative;
}
#footer_right_text{
    margin: 10px 0 0 0;
    visibility: hidden;
    color: rgb(109, 112, 115);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}
#footer_right_btn{
    position: absolute;
    top: 0px ;
    right: 0px;
    width: 45px;
    height: 45px;
    border-radius: 0px 6px 6px 0px;
    background-color: #6D7073;
}
input::-webkit-input-placeholder{ /* WebKit browsers */
    color: #6D7073;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
}

input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color: #6D7073;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color: #6D7073;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
}

input:-ms-input-placeholder{ /* Internet Explorer 10+ */
    color: #6D7073;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
}
.footer_media{
    border-top: 1px solid #6D7073;
    height: 80px;
}
.footer_media{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.footer_media_left{
    display: flex;
    justify-content: left;
    align-items: center;
}
.footer_media_logo{
    height: 16px;
    vertical-align: super;
}
.footer_media_logo_title{
    color: rgb(253, 253, 253);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0 0 0 25px;
}
.footer_media_right>a>img{
    width: 20px;height: 20px;
}
.footer_media_right>a{
    margin-right: 25px;
}
.footer_center_href{
    color: #FFF !important;
}
.footer_center_href:hover{
    color: #FF8B00 !important;
}
#footer_right_btn img{
    width: 18px;
    height: 15px;
}
.register_other_left{
    width: 90px;

}
.register_other_right{
    width: 90px;

}


@-webkit-keyframes bounce { 
    0%{
        -webkit-transform:perspective(400px) rotateY(0) translateY(0);
        -webkit-animation-timing-function:ease-out;
    }
    10%{
        -webkit-transform:perspective(400px) rotateY(30deg) translateY(-5px);
        -webkit-animation-timing-function:ease-out;
    }
    20%{
        -webkit-transform:perspective(400px)  rotateY(60deg) translateY(-10px);
        -webkit-animation-timing-function:ease-in;
    }
    30%{
        -webkit-transform:perspective(400px)  rotateY(90deg) translateY(-15px);
        -webkit-animation-timing-function:ease-in;
    }
    40%{
        -webkit-transform:perspective(400px)  rotateY(60deg) translateY(-10px);
        -webkit-animation-timing-function:ease-out;
    }
    50%{
        -webkit-transform:perspective(400px)  rotateY(30deg) translateY(-5px);
        -webkit-animation-timing-function:ease-out;
    }
    60%{
        -webkit-transform:perspective(400px)  rotateY(0deg) translateY(0px);
        -webkit-animation-timing-function:ease-out;
    }
    70%{
        
    }
    80%{
        
    }
    90%{
        
    }
    100%{
        
    }
}
@-moz-keyframes bounce {
    0%{
        -moz-transform:perspective(400px) rotateY(0) translateY(0);
        -moz-animation-timing-function:ease-out;
    }
    10%{
        -moz-transform:perspective(400px) rotateY(30deg) translateY(-15px);
        -moz-animation-timing-function:ease-out;
    }
    20%{
        -moz-transform:perspective(400px)  rotateY(60deg) translateY(-30px);
        -moz-animation-timing-function:ease-in;
    }
    30%{
        -moz-transform:perspective(400px)  rotateY(90deg) translateY(-45px);
        -moz-animation-timing-function:ease-in;
    }
    40%{
        -moz-transform:perspective(400px)  rotateY(60deg) translateY(-30px);
        -moz-animation-timing-function:ease-out;
    }
    50%{
        -moz-transform:perspective(400px)  rotateY(30deg) translateY(-15px);
        -moz-animation-timing-function:ease-out;
    }
    60%{
        -moz-transform:perspective(400px)  rotateY(0deg) translateY(0px);
        -moz-animation-timing-function:ease-out;
    }
    70%{
        
    }
    80%{
        
    }
    90%{
        
    }
    100%{
        
    }
}
.download_been_to_title {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: rgb(253, 253, 253);
    margin: 0 0 0 50px;
}
.app-store-icon-container {
    width: 100px;
    height: 24px;
    background: rgb(164, 164, 164);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 15px;
    position: relative;
}
.app-store-icon-container:hover{
    background-color: rgb(253, 253, 253);
}
.app-store-googleplay-code, .app-store-appstore-code, .point-app-store-googleplay-code, .point-app-store-appstore-code {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    margin: 0;
}
.app-store-code-container{
    width: 120px;
    height: 120px;
    background-color: rgb(253, 253, 253);
    z-index: 5;
    border-radius: 10px;
    position: absolute;
    left: -10px;
    bottom: 44px;
    padding: 10px;
    display: none;
}
.app-store-code-container>img{
    width: 100px;
    height: 100px;
}
.app-store-code-container::before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 60px;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
.app-store-icon-container:hover .app-store-code-container {
    display: block;
}
#footer_first {
    margin-top: 185px;
}