.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:inherit !important; box-shadow:0; }
.clear:before, .clear:after { display: none; }

.ko-top-wrapper { width:100%; min-height:566px; }
    .ko-top { max-width:1248px; margin:0 auto; position:relative; }
        .ko-top-left { margin-left:50%; width:50%; padding-top:220px; position:relative; }
        .ko-top-left:before { position:absolute; content:''; top:92px; width:118px; height:134px; left:calc(50% - 59px); background:url("../images/ko/flag.svg") no-repeat; }
            .ko-top-left h2 { font-weight: 700; font-size: 36px; line-height: 44px; color: #282828; margin:0 !important; }
            .ko-top-left p { font-weight: 600; font-size: 24px; line-height: 30px; color: #282828; padding-top:20px; margin:0 !important; }
    /*removeClass*/
    @media (min-width: 1900px){
        .ko-top-wrapper.ko-top-ny { background: url("../images/ko/back-010723-ny.jpg") no-repeat 50% 50% / cover !important; }
    }
    @media (max-width: 1900px){
        .ko-top-wrapper.ko-top-ny { background: url("../images/ko/back-010723-ny.jpg") no-repeat 50% 0% !important; }
    }

.ko-top-ny .ko-top-left:before { left:0 !important; }
.ko-top-ny .ko-top-left h2, .ko-top-ny .ko-top-left p { color:#fff !important; }

.slider-wrapper{width:100%;min-height:680px;padding-top:0;margin-top:60px;position:relative;overflow:hidden; padding-bottom:40px; }
.slide-box{position:absolute;top:0;left:0;width:100%;height:100%}
.slide-box:before { position:absolute; left:calc(50% - 720px); width:1440px; height:100%; background:#f3f3f3; content:''; }
.slide-box > div{left:100%;position:absolute;opacity:0;transition:.5s}
.slide-box > div.active{opacity:1}
#slide1{background:url('../images/ko/5k.png') no-repeat;width:360px;height:360px;top:50px}
#slide1.active{left:calc(60%)}
#slide2{background:url('../images/ko/3k.png') no-repeat;width:360px;height:360px;top:50px}
#slide2.active{left:calc(60%)}
#slide3{background:url('../images/ko/1k.png') no-repeat;width:360px;height:360px;top:50px}
#slide3.active{left:calc(60%)}
.slider{max-width:960px;margin:0 auto;position:relative}
.slider > h2{font-weight:700;font-size:32px;line-height:40px;color:#000!important;padding-top:100px;margin-bottom:0;text-align:left;max-width:420px;margin:0 !important}
.slide-wrap{padding-top:50px;position:relative}
.slide-wrap > div{position:absolute;left:100%;opacity:0;transition:.5s}
.slide-wrap > div.active{left:0;opacity:1}
.slide-wrap > div > h3{font-weight: 700; font-size: 20px; line-height: 23px; text-transform: uppercase; color: #EF2730;text-align:left; margin:0 !important; }
.slide-wrap > div > p{ padding-top:14px;font-size: 60px; line-height: 70px; color: #000000;text-align:left;max-width:440px; margin:0 !important}
.slide-carousel{position:absolute;top:454px;left:calc(50% - 367px)}
#sc_left, #sc_right { float:left; box-shadow:0 0 10px rgba(0,0,0,0.2); position:relative; border-radius:3px; width:65px; height:115px; margin-top:66px; background:#fff; }
#sc_left:before, #sc_right:before { background:url('../images/ko/slider-arrow.svg') no-repeat; content:''; position:absolute; width:25px; height:16px; left: calc(50% - 12px);
top: calc(50% - 8px); }
#sc_left:before { transform:scaleX(-1); }
#sc_left:hover,#sc_right:hover{background-color:#4a5de2!important;cursor:pointer}
.sc-blocks{float:left;margin:0 27px;width:550px;height:212px;overflow:hidden;padding-top:66px}
.sc-blocks-wrap{width:10000px;margin-left:2px;transition:.5s}
.sc-blocks-wrap > div{float:left;margin-left:30px;width:161px;height:115px;background:#fff;box-shadow:0 0 10px rgba(0,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{left:calc(50% - 65px);width:130px;height:130px;top:-68px;background:url('../images/ko/5k_m.png') no-repeat;}
#sc_2:before{left:calc(50% - 65px);width:130px;height:130px;top:-63px;background:url('../images/ko/3k_m.png') no-repeat;}
#sc_3:before{left:calc(50% - 65px);width:130px;height:130px;top:-61px;background:url('../images/ko/1k_m.png') no-repeat;}
.sc-blocks-wrap > div > p{ padding:58px 20px 20px; font-size: 30px; line-height: 35px; text-align: center; color: #000;}
.sc-blocks-wrap > div > p span{font-size:11px;color:#2e2e2e!important}

.raff { padding-top: 10px; font-size: 14px; line-height: 20px; max-width: 60%; }

@media (max-width: 1460px){
.slide-box:before { position:absolute; left:0; width:100%; height:100%; background:#f3f3f3; content:''; }
}
@media (max-width: 1180px){
.slider{padding:0 20px}
.sc-blocks{width:559px}
.slide-carousel{left:calc(50% - 375px)}
}
@media (max-width: 991px){
.sc-blocks{width:550px}
.slide-carousel{top:395px}
#sc_left{position:relative;left:20px}
#sc_right{position:relative;right:20px}
.slide-box > div{background-size:contain!important}
#slide1{width:180px;height:180px;top:120px}
#slide1.active{left:calc(50% + 110px)}
#slide2{width:180px;height:180px;top:120px}
#slide2.active{left:calc(50% + 110px)}
#slide3{width:180px;height:180px;top:120px}
#slide3.active{left:calc(50% + 110px)}
#slide4{width:271px;height:170px;top:130px}
#slide4.active{left:calc(50% + 45px)}
#slide5{width:137px;height:165px;top:145px}
#slide5.active{left:calc(50% + 104px)}
}
@media (max-width: 780px){
.slider-wrapper{min-height:710px}
.slider > h2{font-size:24px;line-height:32px;text-align:center;padding-top:50px;max-width:inherit}
.slide-wrap{padding-top:200px}
.slide-wrap > div{text-align:center;width:100%}
.sc-blocks{width:169px}
.slide-carousel{left:calc(50% - 180px);top:450px}
.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}
#slide1.active{left:calc(50% - 90px)}
#slide2.active{left:calc(50% - 90px)}
#slide3.active{left:calc(50% - 90px)}
#slide4.active{left:calc(50% - 90px)}
#slide5.active{left:calc(50% - 90px)}
.raff { max-width: inherit; text-align: center; padding:20px; }
}
@media (max-width: 580px){
.slider-wrapper{padding-top:40px}
.slider > h2{position:relative;bottom:20px}
}
@media (max-width: 400px){
.slide-carousel{left:calc(50% - 141px)}
#sc_left{left:10px;width:30px}
#sc_right{right:10px;width:30px}

.raff { padding: 5px 10px; }
}
@media (max-width: 340px){
.slider-wrapper{min-height:735px}
#sc_left,#sc_right{float:none;width:60px;top:125px;z-index:2;height:30px;position:absolute}
#sc_left{left:32px}
#sc_right{right:32px}
.slide-carousel{left:calc(50% - 111px);position:absolute;float:none;}

.algorithm-wrapper { padding-top:0;}
}

.ko-link { display: table; margin: 15px auto 0; }
    .ko-link > a { font-weight: 600; font-size: 18px; line-height: 50px; color: #F1F1F1 !important; padding:0 60px; display:table; background:#000; border-radius:50px; text-decoration:none !important; }
    .ko-link > a:hover { opacity:0.8; }

.how-to-wrapper { width:100%; }
    .how-to { max-width:1400px; margin:0 auto; position:relative; padding-bottom: 100px; }
        .how-to h2 { font-weight: 700; font-size: 48px; line-height: 66px; color: #000000; padding: 100px 20px 0; margin:0; text-align:center; }
        .how-to-blocks { padding: 90px 0 40px; display:table; margin:0 auto; }
            .how-to-blocks > div { float:left; margin:0 25px; width:247px; position:relative; }
            .how-to-blocks > div:before { content:''; position:absolute; }
            #how1:before { background:url('../images/ko/how1.svg') no-repeat; width:58px; height:50px; left:calc(50% - 29px); top:52px; }
            #how2:before { background:url('../images/ko/how2.svg') no-repeat; width:50px; height:44px; left:calc(50% - 25px); top:55px; }
            #how3:before { background:url('../images/ko/how3.svg') no-repeat; width:43px; height:52px; left:calc(50% - 22px); top:51px; }
            #how4:before { background:url('../images/ko/how4.svg') no-repeat; width:50px; height:50px; left:calc(50% - 25px); top:50px; }
                .step { background: #f1f1f1; border-radius: 2px; padding: 0 10px; display: table; margin: 0 auto; font-size: 9px; line-height: 19px; text-align: center; color: #6A6A6A; text-transform:uppercase; }
                .how-to-blocks > div > p { font-size: 13px; line-height: 19px; text-align: center; color: #707070; margin:0; padding-top:117px; }
                
.graymid-wrapper { width:100%; }
    .graymid { max-width:545px; margin:0 auto; position:relative; background: #F1F1F1; border-radius: 5px; padding:26px 20px 10px; }
        .graymid p { font-size: 16px; line-height: 20px; text-align: center; letter-spacing: 0.5px; color: #282828; padding-bottom:8px; }
        .graymid p strong { font-weight:700; }

.themore-wrapper { width:100%; position:relative; border-top:3px solid #4F2815; border-bottom:3px solid #4F2815; }
.themore-wrapper:before, .themore-wrapper:after { content:''; height:25px; width:50px; left:calc(50% - 25px); position:absolute; background:url('../images/ko/ramka_pic.png') no-repeat #fff; }
.themore-wrapper:before { top:-14px; }
.themore-wrapper:after { bottom:-14px; }
    .themore { max-width:700px; margin:0 auto; position:relative; }
        .themore p { font-weight: 700; font-size: 30px; line-height: 36px; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; color: #4F2815; padding:30px 0; margin:0; }

.takingpart-wrapper { width:100%; padding-top:30px; position:relative; }
.takingpart-wrapper:before { content:''; position:absolute; background:url("../images/ko/lep-left2.png") no-repeat; left:0; bottom:74px; width:291px; height:138px; }
.takingpart-wrapper:after { content:''; position:absolute; background:url("../images/ko/lep-right2.png") no-repeat; right:0; bottom:24px; width:302px; height:127px; }
    .takingpart { max-width:700px; margin:0 auto; position:relative; }
        .takingpart p { font-weight: 700; font-size: 16px; line-height: 22px; text-align: center; color: #815D4B; margin:0; }


.algorithm-wrapper { width:100%; padding-top: 100px; }
    .algorithm { max-width:910px; margin:0 auto; position:relative; }
        .algorithm h2 { font-weight: 700; font-size: 46px; line-height: 64px; text-align: center; color: #000000; margin:0 !important; }
        .algo-line { width:701px; height:55px; background:url('../images/ko/line.png') no-repeat; }
        .algo-text { padding-top:36px; }
        .algo-text > p, .algorithm > p { font-size: 16px; line-height: 24px; text-align: justify; letter-spacing: 0.5px; color: #707070; padding-bottom:18px; margin:0; }
        #timeTillEnd { color: #815D4B; }
        p.pmid { text-align:center; }

.lucky-number-wrapper { width:100%; position:relative; }
.lucky-number-wrapper:before { content:''; position:absolute; background:url("../images/ko/vet.png") no-repeat; left:0; top:0; width:638px; height:424px; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; }
.lucky-number-wrapper:after { content:''; position:absolute; background:url("../images/ko/vet.png") no-repeat; right:0; top:0; width:638px; height:424px; }
    .lucky-number { max-width:700px; margin:0 auto; position:relative; padding:100px 0 0px; }
        .lucky-number h2 { font-weight: 700; font-size: 30px; line-height: 36px; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; color: #4F2815; padding-bottom: 40px; }
        .lycky-number-box { display:table; margin:0 auto 20px; position:relative; background: #F1F1F1; position: relative; z-index: 2; border-radius:5px; padding:40px; }
            .lycky-number-box > div { font-weight: 700; font-size: 72px; line-height: 98px; color: #ABABAB; padding:0 40px; background:#fff; border-radius:5px; }

        .algorithm > p { text-align:center; }
        .lucky-number > p { font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: #815D4B; }
        .lucky-number > p.underlink { position: relative; top: -100px; z-index: 2; }
        .text-more { font-size: 16px; text-align: center; position: relative; z-index: 3; display: table; margin: 0px auto 40px; color:#0052B4; cursor:pointer; }
        .text-more:hover { text-decoration:underline; }

    .participants-table tbody > tr > td { text-align:center; }

@media (min-width: 1920px) {
    .ko-luckyticket-left { padding-top: 85px; }
}
@media (max-width: 1400px) {
    .how-to-blocks > div { width: calc(50% - 50px); margin-bottom:40px; }
    .how-to-blocks > div:nth-child(2n-1) { clear: both;}
    .how-to-blocks > div p { padding-left:20px; padding-right:20px; }
    .how-to-blocks > div p br { display:none; }
}
@media (max-width: 1300px) { 
    .lucky-number-wrapper:before { background-size:contain !important; width:319px; height:212px; top: 135px; }
    .lucky-number-wrapper:after { background-size:contain !important; width:319px; height:212px; top: 135px; }

    .ko-top-left { margin-left:40%; width:56%; padding-right:4%; }
}

@media (max-width: 940px) { 
    .algorithm { padding:0 20px; }
}

@media (min-width: 780px) { 
    .mob-top { display:none; } 
    .ko-top-wrapper { background: url("../images/ko/back-010723.jpg") no-repeat 50% 100% #F6E3C7; }
}
@media (max-width: 780px) {
    .ko-top-wrapper { background:url("../images/ko/mob-top.png?v=1") no-repeat 50% 100% #F6E3C7; min-height:inherit; padding-bottom: 350px; }
    .mob-top { display:block; margin:0 -20px; } 
    .mob-top > img { max-width:100%; left: -50px; position:relative; }
    .ko-top-left { margin-left: auto; width: auto; padding: 100px 30px 0; }
    .ko-top-left:before { top: 36px; width: 59px; height: 67px; left: calc(50% - 30px); background-size: contain; }
    .ko-top-ny .ko-top-left:before { left:calc(50% - 30px) !important; }
    .ko-top-left h2 { font-size: 24px; line-height: 30px; text-align:center; }
    .ko-top-left p { font-size: 18px; line-height: 24px; text-align:center; padding-top:10px; }

    .ko-minislider { padding: 50px 20px 0; }
    .ko-minislider > h2 { font-size: 32px; line-height: 40px; }
    .minislider { padding-top:0; }
    .ms__main-pic { width: 296px; height: 200px; }
    .ms__main-pic > div { width: 296px; }
    .ms__main-pic > div > p { top:-10px; }
    .ms__carousel-block { width: 120px; }
    .ms__carousel-block > img { max-width: 90%; }
    .ms__carousel > div > p { font-size: 16px; }
    
    .ko-minislider-wrapper:before { display:none; }
    .ko-minislider-wrapper:after { display:none; }

    .how-to h2 { font-size: 32px; line-height: 40px; }

    .how-to-blocks { padding-top: 50px; }
    .how-to-blocks > div { width: auto; height:auto; float:none; margin:0 auto 40px; display:table; }

    .themore { padding:0 20px; }
    .themore p { font-size:24px; line-height:32px; }

    .takingpart { padding:0 20px; }
    .takingpart p { font-size: 14px; line-height: 20px; }
    .takingpart-wrapper:before { display:none; }
    .takingpart-wrapper:after { display:none; }

    .algorithm { padding:0px 20px 60px; }
    .algo-line { width:100%; height:55px; background-size:contain !important; }
    .algo-text > p.pmid { text-align:left; }
    .algorithm h2 { font-size:36px; line-height:48px; }

    .lucky-number-wrapper:before { display:none; }
    .lucky-number-wrapper:after { display:none; }

}

@media (max-width: 520px) {
    .ms__main-pic { width: 260px; }
    .ms__main-pic > div { width: 260px; }
    .ko-minislider { padding: 50px 20px 60px; }
    .ms__carousel-block { width: 80px; }
    .ms__carousel > div { margin:0 4px; }
    .ms__carousel > div > p { font-size: 12px; line-height: 20px; }
    
    .algorithm { padding:0px 20px; }
    .lucky-number > p.underlink { top: 0; padding-top: 30px; }
    .algorithm p { font-size:13px !important; line-height:19px !important; }
}
@media (max-width: 480px) {
    .ko-luckyticket-left > h2 { font-size: 20px; line-height: 28px; }

    .mob-top > img { left: -25px; }

    .how-to-blocks > div { width: 100%; }
    .themore p { font-size:18px; line-height:26px; }

    .algo-text { padding: 0 0 15px; }
    .algo-text > p { font-size:14px; text-align:left; padding-bottom:15px; }

    .lucky-number { padding:0px 20px 40px; }
    .lycky-number-box { width:100%; }

    .lucky-number > p { font-size:14px; line-height:18px; }
    .lycky-number-box > div { font-size: 62px; line-height: 90px; text-align:center; }
}

@media (max-width: 320px) {
    .ms__main-pic { width: 234px; }
    .ms__main-pic > div { width: 234px; }
    .ms__carousel-block { width: 70px; }
    .lycky-number-box > div { font-size: 50px; line-height: 80px; }
}