.slider-wrapper{width:100%;max-width:1140px;margin-right:auto;margin-left:auto;min-height:660px;padding-top:0;margin-top:120px;position:relative;overflow:hidden}
.slide-box{position:absolute;top:0;left:0;width:100%;height:100%}
.slide-box>div{left:100%;position:absolute;opacity:0;transition:.5s}
body[dir=rtl] .slide-box>div{left:auto;right:100%}
.slide-box>div.active{opacity:1}
#slide1, #slide2, #slide3{width:385px;height:320px;top:80px}
#slide1 { background:url(../../images/contests/lucky-ticket/prizes/93/1.png) no-repeat; }
#slide2 { background:url(../../images/contests/lucky-ticket/prizes/93/2.png) no-repeat; }
#slide3 { background:url(../../images/contests/lucky-ticket/prizes/93/3.png) no-repeat; }

#slide1.active, #slide2.active, #slide3.active{left:56%}
body[dir=rtl] #slide1.active, body[dir=rtl] #slide2.active, body[dir=rtl] #slide3.active{left:auto;right:56%}
.slider{max-width:1140px;margin:0 auto;position:relative}
.slider>h2{font-weight: 700; font-size: 34px; line-height: 40px; color: #000 !important; padding-top: 0; margin-bottom: 0; text-align: left; text-transform: uppercase}
body[dir=rtl] .slider>h2{text-align:right}
.slide-wrap{padding-top:20px;position:relative}
.slide-wrap>div{position:absolute;left:100%;opacity:0;width:600px;transition:.5s;padding-top:50px}
.slide-wrap>div.active{left:0;opacity:1}
body[dir=rtl] .slide-wrap>div{left:auto;right:100%}
body[dir=rtl] .slide-wrap>div.active{left:auto;right:0}
.slide-wrap>div>h3{font-size:32px;line-height:40px;color:#000!important;margin-top:0;font-weight:700;margin-bottom:0;text-align:left}
.slide-wrap>div>h3>strong{font-size:48px}
.slide-wrap>div>p{font-size:14px;line-height:24px;color:#000!important;padding-top:15px;margin-bottom:0;text-align:left;max-width:470px}
.slide-wrap>div>span{display:block;text-align:left;color:#000;margin-top:30px;font-size:18px;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.slide-wrap>div>p strong { font-size:24px; font-weight:700; }

body[dir=rtl] .slide-wrap>div>h3, body[dir=rtl] .slide-wrap>div>p, body[dir=rtl] .slide-wrap>div>span{text-align:right}
.slide-carousel{position:absolute;top:454px;left:calc(50% - 427px);}
#sc_left,#sc_right{float:left;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:3px;width:65px;height:100px;margin-top:75px}
#sc_left { background:url(../../images/contests/lucky-ticket/luckytz/arrow.png?1) no-repeat 50% 50% #fff;}
#sc_right{ background:url(../../images/contests/lucky-ticket/luckytz/arrow.png?1) no-repeat 50% 50% #fff; transform:scaleX(-1)}
#sc_left:hover,#sc_right:hover{background-color:#4a5de2!important;cursor:pointer}
.sc-blocks{float:left;margin:0 27px;width:670px;height:185px;overflow:hidden;padding-top:75px;}
body[dir=rtl] .sc-blocks{direction: ltr !important;}
.sc-blocks-wrap{width:10000px;margin-left:2px;transition:.5s}
.sc-blocks-wrap>div{float:left;margin-left:30px;width:200px;height:100px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:3px;border:2px solid transparent;margin-bottom:30px;position:relative;cursor:pointer; }
.sc-blocks-wrap>div:first-child{margin-left:0}
.sc-blocks-wrap>div.active,.sc-blocks-wrap>div:hover{border:2px solid #4a5de2}
.sc-blocks-wrap>div:before{content:"";position:absolute;top:-39px;height:64px}
#sc_1:before, #sc_2:before, #sc_3:before{left:calc(50% - 55px);width:110px;height:100px;top:-55px;}
#sc_1:before{background:url(../../images/contests/lucky-ticket/prizes/93/1m.png) no-repeat;top:-77px;}
#sc_2:before{background:url(../../images/contests/lucky-ticket/prizes/93/2m.png) no-repeat}
#sc_3:before{background:url(../../images/contests/lucky-ticket/prizes/93/3m.png) no-repeat}
.sc-blocks-wrap>div>span{color:#000;text-align:center;font-size:13px;display:block;font-weight:700;line-height:normal;text-transform:uppercase;padding:35px 4px 2px}
.sc-blocks-wrap>div>p{font-weight:700;font-size:18px;line-height:22px;text-align:center;color:#000!important;padding:25px 4px 10px}
.sc-blocks-wrap>div#sc_1>p { padding-top: 35px; }
.sc-blocks-wrap>div>p span{font-size:11px;color:#2e2e2e!important}

html[lang=id] .sc-blocks-wrap > div > span { font-size:12px; }
@media (max-width:1200px){
    .slide-box>div{background-size:contain!important}
    .slider{padding:0 20px}
}
@media (max-width:991px){
    .slider-wrapper{margin-top:50px}
    .slide-carousel{top:395px;left:calc(50% - 357px)}
    #sc_left{left:20px}
    #sc_right{right:20px}
    #sc_left,#sc_right{position:relative}
    .slide-box>div{background-size:contain!important}
    #slide1,#slide2,#slide3{width:192px;height:160px;top:130px}
    #slide1.active,#slide2.active,#slide3.active{left:calc(50% + 120px)}
    body[dir=rtl] #slide1.active, body[dir=rtl] #slide2.active, body[dir=rtl] #slide3.active{left:auto;right:calc(50% + 120px)}
    .slide-wrap>div>h3>strong{font-size:25px}
    .sc-blocks-wrap > div > p { font-size: 14px; line-height: 20px; }
    .sc-blocks-wrap>div{width:151px}
    .sc-blocks{width:520px;height:222px}
}
@media (max-width:780px){
    .slider-wrapper{margin-top:40px;padding:0}
    .slider>h2{font-size:24px;line-height:32px;text-align:center !important;padding:25px 20px 25px;max-width:inherit}
    .sc-blocks-wrap>div{width:187px}
    .slide-wrap{padding-top:160px}
    .slide-wrap>div{text-align:center;width:100%; padding-top:0;}
    .slide-wrap>div>span{text-align:center}
    .slide-wrap>div>h3>strong{display:block;margin-bottom:10px}
    .sc-blocks{width:193px}
    .slide-carousel{left:calc(50% - 188px);top:480px}
    .slide-box>div{background-size:contain!important}
    .slide-wrap>div>h3{font-weight:600;font-size:18px;line-height:22px;text-align:center}
    .slide-wrap>div>p{text-align:center;max-width:inherit;padding-top:10px}
    .sc-blocks-wrap > div > p { font-size: 18px; line-height: 22px; }
    #slide1.active,#slide2.active,#slide3.active{top:110px;left:calc(50% - 96px)}
    body[dir=rtl] #slide1.active, body[dir=rtl] #slide2.active, body[dir=rtl] #slide3.active{left:auto;right:calc(50% - 120px)}
    body[dir=rtl] .slide-wrap>div>h3, body[dir=rtl] .slide-wrap>div>p, body[dir=rtl] .slide-wrap>div>span{text-align:center}
}
@media (max-width:580px){
    .slider>h2{font-size:18px;line-height:26px;position:relative;bottom:20px}
    #slide1,#slide2,#slide3{top:90px !important}
    #slide2{top:125px}
    .slide-wrap > div > span { margin-top:0; }
}
@media (max-width:400px){
    .slide-carousel{left:calc(50% - 141px)}
    #sc_left{left:10px;width:30px}
    #sc_right{right:10px;width:30px}
}
@media (max-width:340px){
    .slider-wrapper{min-height:705px}
    .slider>h2{font-size:18px;line-height:20px}
    #sc_left,#sc_right{float:none;width:30px;top:125px;z-index:2;height:30px;position:absolute}
    #sc_left{left:0}
    #sc_right{right:0}
    .slide-carousel{left:calc(50% - 111px);position:absolute;float:none;top:415px}
}