*{
    font-family: 'UTM Seagull', sans-serif;
}
.wrapper {
    background: url("/frontend/images/landing/bg3.jpg") repeat top center;
    background-size: 100%;
    min-height: 100vh;
}

main {
    background: url("/frontend/images/landing/bg2.jpg") no-repeat top center;
    background-size: 100%;
}

.ldmb {
    display: none !important;
}
header{
    background: transparent!important;
}

.header {
    position: relative;
}

.logo_landing {
    position: absolute;
    top: 15px;
    left: 0;
}

.backhome {
    position: absolute;
    top: 12px;
    right: 0;
}

.content-header {
    padding-top: 250px;
}

.content-header img {
    max-width: 100%;
}

.header__thele {
    max-width: 965px;
    margin: 0 auto;
    text-align: left;
    background: url("/frontend/images/landing/bg-header-thele.jpg") repeat-x;
    background-size: auto 100%;
    padding: 3px;
    border-radius: 20px;
}

.header__thele-border {
    border: 2px solid white;
    padding: 5px 15px;
    border-radius: 20px;

}
.header__thele-shadow{
    text-shadow: rgb(242, 80, 119) 2px 0px 0px, rgb(242, 80, 119) 1.75517px 0.958851px 0px, rgb(242, 80, 119) 1.0806px 1.68294px 0px, rgb(242, 80, 119) 0.141474px 1.99499px 0px, rgb(242, 80, 119) -0.832294px 1.81859px 0px, rgb(242, 80, 119) -1.60229px 1.19694px 0px, rgb(242, 80, 119) -1.97998px 0.28224px 0px, rgb(242, 80, 119) -1.87291px -0.701566px 0px, rgb(242, 80, 119) -1.30729px -1.5136px 0px, rgb(242, 80, 119) -0.421592px -1.95506px 0px, rgb(242, 80, 119) 0.567324px -1.91785px 0px, rgb(242, 80, 119) 1.41734px -1.41108px 0px, rgb(242, 80, 119) 1.92034px -0.558831px 0px;
}


.likefb, .register {
    margin-top: 70px !important;
    position: relative;
}

.likefb__bg {
    background: url("/frontend/images/landing/bg-likefb.jpg") repeat-x;
    background-size: auto 100%;
    border-radius: 30px;
    padding: 5px;
}

.register__bg {
    background: url("/frontend/images/landing/bg-register1.jpg") repeat-x;
    background-size: auto 100%;
    border-radius: 30px;
    padding: 5px;
}

.likefb__border, .register__border {
    border: 2px solid white;
    border-radius: 30px;
    padding: 65px 35px 25px;
}

.likefb__border img, .register__border img, .luuy img {
    max-width: 100%;
}

.likefb__title, .register__title, .luuy__title {
    max-width: 50% !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content__thele{
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.likefb__luuy{
    max-width: 800px;
    margin: 0 auto;
}
.likefb__luuy-shadow{
    text-shadow: rgb(0, 97, 188) 2px 0px 0px, rgb(0, 97, 188) 1.75517px 0.958851px 0px, rgb(0, 97, 188) 1.0806px 1.68294px 0px, rgb(0, 97, 188) 0.141474px 1.99499px 0px, rgb(0, 97, 188) -0.832294px 1.81859px 0px, rgb(0, 97, 188) -1.60229px 1.19694px 0px, rgb(0, 97, 188) -1.97998px 0.28224px 0px, rgb(0, 97, 188) -1.87291px -0.701566px 0px, rgb(0, 97, 188) -1.30729px -1.5136px 0px, rgb(0, 97, 188) -0.421592px -1.95506px 0px, rgb(0, 97, 188) 0.567324px -1.91785px 0px, rgb(0, 97, 188) 1.41734px -1.41108px 0px, rgb(0, 97, 188) 1.92034px -0.558831px 0px;
}
.likefb__thele{
    max-width: 875px;
    border: 3px solid #3aa9ff;
    margin: 0 auto;
    border-radius: 25px;
    background: white;
}
.likefb__thele-title{
    padding: 10px 15px;
    background: #3aa9ff;
    border-radius: 17px 17px 0 0;
    font-size: 27px;
    color: white;
    /*text-shadow: 1px 1px 0 #0061bc,*/
    /*-1px -1px 0 #0061bc,*/
    /*1px -1px 0 #0061bc,*/
    /*-1px 1px 0 #0061bc,*/
    /*3px 3px 5px #0061bc;*/
}
.likefb__thele-content{
    padding: 15px 20px;
    text-align: left;
    color: #0074ce;
    font-size: 17px;
}
.likefb__thele-content span{
    color: #e615ff;
}
.likefb__reward-item, .register__reward-item {
    position: relative;
}

.likefb__reward-item-limit, .register__reward-item-limit {
    position: absolute;
    top: -6%;
    right: 6%;
    max-width: 25% !important;
}

a img:hover {
    filter: brightness(120%);
}
.register__luuy{
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-shadow: rgb(145, 17, 234) 2px 0px 0px, rgb(145, 17, 234) 1.75517px 0.958851px 0px, rgb(145, 17, 234) 1.0806px 1.68294px 0px, rgb(145, 17, 234) 0.141474px 1.99499px 0px, rgb(145, 17, 234) -0.832294px 1.81859px 0px, rgb(145, 17, 234) -1.60229px 1.19694px 0px, rgb(145, 17, 234) -1.97998px 0.28224px 0px, rgb(145, 17, 234) -1.87291px -0.701566px 0px, rgb(145, 17, 234) -1.30729px -1.5136px 0px, rgb(145, 17, 234) -0.421592px -1.95506px 0px, rgb(145, 17, 234) 0.567324px -1.91785px 0px, rgb(145, 17, 234) 1.41734px -1.41108px 0px, rgb(145, 17, 234) 1.92034px -0.558831px 0px;
}
.register__thele{
    max-width: 875px;
    border: 3px solid #ce11ea;
    margin: 0 auto;
    border-radius: 25px;
    background: white;
}
.register__thele-title{
    padding: 10px 15px;
    background: #ce11ea;
    border-radius: 17px 17px 0 0;
    font-size: 27px;
    color: white;
    /*text-shadow: 1px 1px 0 #da1161,*/
    /*-1px -1px 0 #da1161,*/
    /*1px -1px 0 #da1161,*/
    /*-1px 1px 0 #da1161,*/
    /*3px 3px 5px #da1161;*/
}
.register__thele-content{
    padding: 15px 20px;
    text-align: left;
    color: #f000c0;
    font-size: 17px;
}
.register__thele-content span{
    color: #f000c0;
}
.register_number {
    margin-top: 30px;
    padding: 15px 0;
}

.register_number span {
    padding: 15px 20px;
    font-size: 55px;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    background: url(/frontend/images/landing/number_bg.jpg) repeat-x;
    background-size: auto 100%;
    margin: 0 10px;
    position: relative;
}

.register_number span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 3px;
    background: url("/frontend/images/landing/number_gach.png");
    background-size: cover;
}

.register__process {
    max-width: 700px;
    margin: 0 auto;
}

.register__process-100 {
    width: 100%;
    height: 30px;
    background: url("/frontend/images/landing/process_bg.png");
    background-size: cover;
    border-radius: 30px;
    position: relative;
    line-height: 30px;
    color: white;
}

.register__process-active {
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("/frontend/images/landing/process_active.png");
    background-size: cover;
    border-radius: 30px;
}

.register__process-run {
    width: 100px;
    height: 84px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url("/frontend/images/landing/process_run1.png");
    background-size: 100% 100%;
}

.register_desc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.luuy__content {
    background: url(/frontend/images/landing/luuy_bg.jpg) repeat;
    background-size: auto 100%;
    border: 3px solid #f1c52f;
    border-radius: 30px;
    padding: 65px 20px 25px;
    position: relative;
}
.luuy__text{
    color: #a88656;
    font-size: 16px;
    font-weight: bold;
    /*text-shadow: 1px 1px 0 white,*/
    /*-1px -1px 0 white,*/
    /*1px -1px 0 white,*/
    /*-1px 1px 0 white,*/
    /*3px 3px 5px white;*/
}
.popupLanding .modal-dialog {
     max-width: 1000px!important;
}
.popupLanding .modal-content{
    background: transparent;
    border: none;
}
.popupLanding .close{
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    top: 30px;
    right: 30px;
    background-repeat: no-repeat;background-image:url(/frontend/images/landing/popup/allbtn.png);
    background-position: -62px -0px;
    opacity: 1;
}
.popupLanding .close:hover{
    background-position: -0px -0px;
    opacity: 1;
}
.btn-container{
    position: absolute;
    bottom: 5%;
    left: 10%;
    width: 80%;
}
.btn-container a{
    display:inline-block;
    overflow:hidden;
    background-repeat: no-repeat;background-image:url(/frontend/images/landing/popup/allbtn.png);
    width:319px;
    height:69px;
}
.btn-container .popup__btn-home {background-position: -443px -0px}
.btn-container .popup__btn-home:hover {background-position: -124px -0px}
.btn-container .popup__btn-page {background-position: -1081px -0px}
.btn-container .popup__btn-page:hover {background-position: -762px -0px}

.cr-kitty{
    background-color: white;
    color: black;
    font-family: sans-serif;
    font-weight: bold;
}
.logo-footer{
    display: none;
}
@-webkit-keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}


@media only screen and (max-width: 1024px) {
    .ldmb {
        display: block !important;
    }

    .register_number span {
        font-size: 35px;
    }
}
@media only screen and (max-width: 850px) {
    .btn-container{
        bottom: 7%;
        left: 15%;
        width: 70%;
    }
    .btn-container a{
        width:200px;
        height:43px;
        background-size: 877.7px 43.2px;
    }
    .btn-container .popup__btn-home {background-position: -277.7px -0px}
    .btn-container .popup__btn-home:hover {background-position: -77.7px -0px}
    .btn-container .popup__btn-page {background-position: -677.7px -0px}
    .btn-container .popup__btn-page:hover {background-position: -477.7px -0px}
    .popupLanding .close {
        width: 45px;
        height: 45px;
        background-position: -45px -0px;
        background-size: 1016px 50px;
    }
}
@media only screen and (max-width: 768px) {
    .logo_landing, .backhome {
        max-width: 25%;
    }

    .logo_landing img, .backhome img {
        max-width: 100%;
    }

    .register_number span {
        font-size: 25px;
        padding: 10px 10px;
        margin: 0 5px;
    }
}
@media only screen and (max-width: 600px) {
    .btn-container{
        bottom: 9%;
        left: 7%;
        width: 86%;
    }
    .btn-container a{
        width: 150px;
        height: 32.4px;
        background-size: 658.3px 32.4px;
    }
    .btn-container .popup__btn-home {background-position: -208.3px -0px}
    .btn-container .popup__btn-home:hover {background-position: -58.3px -0px}
    .btn-container .popup__btn-page {background-position: -508.3px -0px}
    .btn-container .popup__btn-page:hover {background-position: -358.3px -0px}
    .popupLanding .close {
        top: 20px;
        right: 20px;
    }
}
@media only screen and (max-width: 500px) {
    .logo_landing, .backhome {
        max-width: 25%;
    }

    .logo_landing img, .backhome img {
        max-width: 100%;
    }

    .content-header {
        padding-top: 120px;
    }

    .register_number, .likefb__reward, .register__reward {
        margin-top: 15px !important;
    }
    .likefb__thele, .register__thele{
        border-width: 1px;
    }
    .likefb__border, .register__border,.luuy__content{
        padding: 30px 15px 25px;
    }
    .likefb__thele-title,.register__thele-title {
        font-size: 20px;
    }
    .content__thele,.likefb__luuy,.likefb__thele-content,.register__luuy,.register__thele-content,.luuy__text{
        font-size: 14px;
    }
    .register_number span {
        font-size: 25px;
        padding: 5px 7px;
        margin: 0 3px;
    }
    .register__process-100{
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }
    .register__process-run{
        width: 65.5px;
        height: 55px;
    }
}