html {font-size:10px;}

td,table,img {padding:0; border:none;border-collapse:collapse;}
body {-webkit-text-size-adjust: 100%; font-family: "Commissioner", sans-serif; font-style: normal; font-weight:400; margin:0; padding:0; background:#2b1100 url(../i/bg.webp) center top no-repeat;background-size: 100% auto;  font-size:18px;color:#EFD88F;scroll-behavior: smooth;}
body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}

img {user-select: none}

body.cabinet {background-image: url(../i/cabinet/bg.webp)}

@media only screen and (max-width: 751px) {
    body {font-size:32px;}
    body.cabinet {background-image: url(../i/cabinet/bgm.webp)}
}
div {}
td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

body {opacity:0;}
body.ready {opacity:1;}

sub,sup {vertical-align:baseline; position:relative;bottom:-4px;}

sup{top:-10px;}

ul, ul li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}
strong {}

body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}




input.cf,select.cf {
    background:none;
    border:none;
    height:55px;
    line-height:55px;
    padding:15px 20px 0 20px;
    text-align: left;
    box-sizing:border-box;
    display:inline-block;
    font-family: "Commissioner", sans-serif;
    font-weight:400;

    text-align: left !important;


    font-size:20px;
    width:100%;
    color:#000;
    outline:none;
    -webkit-appearance: none;
    -moz-appearance: none;;


}

.cf::placeholder {color:#000;}

select.cf {
    padding:0px 20px 0 20px;

}



@media only screen and (max-width: 720px) {
    input.cf,select.cf {

        border:none;
        height:85px;
        line-height:85px;
        padding:20px 20px 0 20px;

        font-size:35px;

    }
}

.button {
    padding:0px 10px 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing:border-box;
    position: relative;
    border:none;
    min-width:auto;
    -webkit-appearance: none;
    outline:none;
    color:#000;

    background: url(../i/button.png) center center no-repeat;
    background-size:100% 100%;
    font-weight: 600;

    font-family: "Commissioner", sans-serif;
    font-size:22px;
    text-transform: uppercase;
    width:394px;
    height:81px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    overflow: hidden;

}

.button.black {background-image: url(../i/buttonb.png);width:100%;color:#EFD88F}


.form-footer .button {width:100%;height:58px;background-image: url(../i/pop/button.png);font-size:16px;}
.form-footer .button.black {width:100%;height:58px;background-image: url(../i/buttonb.png);width:100%;color:#EFD88F}

@media only screen and (max-width: 720px) {
    .button {height:100px;font-size:30px;}
    .form-footer .button {width:100%;height:90px;background-image: url(../i/pop/button.png);font-size:30px;}
    .form-footer .button.black {height:90px;}

}

.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;}


.mobile {display: none;}
.desktop {display: block;}

@media only screen and (max-width: 720px) {
    .mobile {display: block;}
    .desktop {display: none;}
}

body {min-width:900px; }
.main {position: relative;z-index: 10;   width:100%;overflow: hidden; }

@media only screen and (max-width: 720px) {
    body {width:720px;overflow: auto;min-width: 720px;background:#2b1100 url(../i/bgmainm.webp) center top no-repeat;background-size: 100% auto;}
    html {width:720px;min-width: 720px;min-height: 100vh}
    .main {width:720px; overflow: hidden;}
}

.popwinalert.fancybox__content {color:#fff;border-radius: 20px;max-width:600px;font-size:22px;line-height: 1.4;text-align: center;padding:50px 70px;}
.popwinalert.fancybox-content {color:#fff;border-radius: 20px;max-width:600px;font-size:22px;line-height: 1.4;text-align: center;padding:50px 70px;}
.fancybox-content {overflow: visible;}

.fancybox-content {width:570px;background: linear-gradient(270deg, #4E3423 0%, #3D291B 100%);box-shadow: 0px 20px 100px #000000, inset 0px -1px 1px #DDBF75, inset 0px 1px 1px #DDBF75;border-radius: 20px;padding:50px 60px 50px 60px}
.fancybox-slide--html {padding:40px 6px}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: -40px;
    top: -40px;
    width:40px;height:40px;
    padding:5px;
    background: url(../i/close.png) no-repeat;
    background-size: contain;
}

img.rubber {width:100%;height:auto;display: block;}

@media only screen and (max-width: 720px) {

    .fancybox-content {width:670px;padding:50px 30px 50px 30px}

    .popwinalert.fancybox-content {font-size:40px}

    .fancybox-slide--html .fancybox-close-small {
        color: currentColor;
        padding: 10px;
        right: -40px;
        top: -70px;
        width:80px;height:80px;
        padding:15px;
        background: url(../i/close.png) no-repeat;
        background-size: 50px 50px;
    }
    .fancybox-slide--html .fancybox-close-small svg {opacity: 0;}

    .page-top {height:140px;position:fixed;left:0;top:0;width:100%;z-index:1000;min-width:850px;transition: all 1s ease;}
    .page-top .logo {position: absolute;left:50px;top:30px;width:303px;}
    .page-top {width:720px;min-width: 720px;}
}

@media only screen and (max-width: 1000px) {
    .menu-button {position: fixed;right:5px;top:8px;width:134px;padding:10px 0px;z-index:9999;cursor: pointer;transform:scale(0.8)}
    .menu-button span {display:block;height:4px;width:90px;background:#EFD88F;margin:20px auto;transition: all .3s ease;}
    body.menu-opened span.s-1 {transform:rotate(45deg) }
    body.menu-opened span.s-2 {transform:rotate(-45deg) translate(16px,-18px);}
    body.menu-opened span.s-3 {display: none; }
    body.menu-opened .menu-button {padding-top:40px;}
}




.fancySwiperHtml,.fancyHtml {position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;z-index:-100}


@media only screen and (min-width: 1001px) {
    .menu-main {position:fixed;left:0;top:0;width:100%;z-index: 999;transition: all 1s ease;}
    .menu-w {display: flex;justify-content: center;width:100%;text-transform: uppercase;font-size:16px;font-weight:600;padding:20px;transition: all 1s ease;}
    .menu-item a {display: block;padding:20px 0px;margin:0 40px;transition: all 1s ease;}
    .logo-main {position:fixed;left:5vw;top:25px;width:13vw;min-width:150px;max-width: 252px;transition: all 1s ease;z-index: 9999}

    .lk-button {position:absolute;right:5vw;top:28px;transition: all 1s ease;background:url(../i/lkb.png) no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;width:216px;height:45px;font-size:14px;line-height:1;font-weight: 600;}
    .lk-button a {display: flex;width:100%;justify-content: center;align-items: center;height: 100%;}
    .lk-button img {width:20px;margin-right:5px;}




    body.scrolled .menu-main {background:#2B1100;box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.5);}
    body.scrolled .menu-w  {padding:0px;font-size:14px;}
    body.scrolled .menu-item a {margin:0 15px;}
    body.scrolled .lk-button {font-size:14px;top:7px;}

    body.scrolled .logo-main {width:100px;left:40px;min-width:130px;top:15px;}
}

@media only screen and (max-width: 1400px) {
    .menu-item a {margin:0 25px;}
    .menu-w {font-size:15px;}
    .lk-button {right:20px;}
    .logo-main {left:25px;}
}

@media only screen and (max-width: 1200px) {
    .menu-item a {margin:0 20px;}
    .menu-w {font-size:14px;}
}

@media only screen and (max-width: 1100px) {
    .menu-item a {margin:0 15px;}
    .menu-w {font-size:12px;}
}



@media only screen and (max-width: 1000px) {

    .logo-main {position:fixed;left:0;top:0;padding:25px;width:100%;background:#2B1100;transition: all 1s ease;z-index: 998}

    .logo-main img {width:304px;}

    .logo-main-lk {position:fixed;top:25px;right:140px;width:84px;z-index:999;}

    .lk-button {position:relative;right:auto;transition: all 1s ease;background:url(../i/buttonmd.png) no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;width:640px;height:96px;font-size:28px;line-height:1;font-weight: 600;margin-top:50px;}
    .lk-button a {display: flex;width:100%;justify-content: center;align-items: center;}
    .lk-button img {width:40px;margin-right:15px;}

    .lk-button.check {color:#2B1100;background-image: url(../i/kvb.png);}

    .menu-main {position:fixed;left:0;top:0;width:100%;height:100%;z-index:-999;background:#2B1100 url(../i/bgm.webp) center center no-repeat;background-size: 100% 100%;opacity: 0;transition: all .5s ease;display: flex;align-items:center;justify-content:center;text-align:center;padding:0 0 0px 0px;text-transform: uppercase;}

    .menu-w {position:relative;z-index: 100;}

    .menu-item {font-size:32px;font-weight: 600;color:#EFD88F;margin:0 0 6vh 0;transition:all .3s ease;transform: translateY(20%);opacity:0;}
    .menu-item a {transition:all .5s ease;display: inline-block;}

    body.menu-opened .menu-main {z-index:9998; opacity: 1;}
    body.menu-opened .menu-item {opacity:1;transform: scale(1)}
    body.menu-opened .menu-item.active {opacity:1;}

    body.menu-opened .menu-parts {opacity:1;transform: none;}

    .menu-item.item-1 {transition-delay: .1s;}
    .menu-item.item-2 {transition-delay: .2s;}
    .menu-item.item-3 {transition-delay: .3s;}
    .menu-item.item-4 {transition-delay: .4s;}
    .menu-item.item-5 {transition-delay: .5s;}
    .menu-item.item-6 {transition-delay: .6s;}


    .menu-main {background:  #000 url(../i/bgm.webp) center center no-repeat;background-size: 100% 100%;}
    .menu-item {font-size:22px;margin:0 0 0 0;padding:10px 0;}
    .menu-item a {font-size:22px;margin:0 0 0 0;padding:5px 0;display: block}
    .menu-main .button {margin-top:20px;}
    .menu-main {padding:0 0 50px 0px;}
}

@media only screen and (max-width: 720px) {
    .menu-main {background:  #000 url(../i/bgm.webp) center center no-repeat;background-size: 100% 100%;}
    .menu-item {font-size:42px;margin:0 0 0 0;padding:20px 0;}
    .menu-item a {font-size:42px;margin:0 0 0 0;padding:15px 0;display: block}
    .menu-main .button {margin-top:20px;}
    .menu-main {padding:0 0 50px 0px;}
}


.main-faq {width:1100px;margin:50px auto;display: flex;justify-content: space-between;}

.faq-list {width:700px;height:522px;padding-left:75px;overflow:auto;text-align:left;}

.faq-list::-webkit-scrollbar {  height: 4px; width: 6px; border: 1px solid rgba(0,0,0,0);}
.faq-list::-webkit-scrollbar-thumb {background: #3D291B;border-radius:2px;}


.faq-item {margin:0px 10px 6px 0;transition: background-color .3s ease;}
.faq-title {margin:0 0 0px 0;padding:20px 50px 15px 20px;cursor:pointer;font-size:20px;font-weight:600;line-height:1.4;position:relative;}
.faq-title:before {display: block;width:30px;height:30px;position: absolute;right:20px;top:20px;content:'';background: url(../i/faq.png?1) center center no-repeat;background-size:contain;transition:transform .5s ease;}
.faq-item.active {background: #3D291B;border-radius: 20px;}
.faq-item.active .faq-title {}
.faq-item.active .faq-title:before {transform:rotate(720deg);}
.faq-body {max-height:0px;overflow: hidden;transition: max-height .3s ease;color:#fff;}
.faq-item.active .faq-body {transition: max-height 1.5s ease;}
.faq-item.active .faq-body {max-height:500px;}
.faq-body-w {padding:0px 30px 10px 20px }
.faq-item p {font-size: 16px;line-height: 150%;text-transform: none;margin: 0px 0 10px 0;}

.faq-ask {width:350px;text-align: center;color:#fff;}
.faq-ask .img {width:507px;margin: 0 0 0 -30px;}
.faq-ask .caption {font-size:26px;margin:0px 0 0 0;text-transform: uppercase;font-weight: 600;}
.faq-ask .descr {font-size:16px;margin:10px 10px 0 10px;line-height:1.1;}
.faq-ask .caption span {color:#2AB5DF}
.faq-ask .bttn {width: 178px;margin: 20px auto;}
.faq-ask .bttn .button {width: 178px;height:47px;margin: 20px auto;font-size:14px;}

@media only screen and (max-width: 720px) {
    .main-faq {width:100%;margin:30px auto;display: block;padding:0 40px;}

    .faq-list {width:100%;height:auto;padding-left:0px;}


    .faq-item {margin:0px 0px 16px 0;}
    .faq-title {margin:0 0 0px 0;padding:30px 80px 25px 30px;font-size:32px;}
    .faq-title:before {width: 52px;
        height: 52px;
        right: 20px;
        top: 30px;}
    .faq-item.active {border-radius: 12px;}
    .faq-item.active .faq-body {max-height:1150px;}
    .faq-body-w {padding:0px 30px 40px 30px }
    .faq-item p {font-size: 28px;}

    .faq-ask {width:720px;text-align: center;margin: 50px 0 50px -40px;background: url(../i/faqbg.png) center top -160px no-repeat;background-size: 100% auto;}
    .faq-ask .img {width:550px;margin: 0 0 0 140px;}
    .faq-ask .caption {font-size:48px;margin:15px 0 0 0;}
    .faq-ask .descr {font-size:32px;margin:30px 10px 0 10px;}
    .faq-ask .bttn {width: 404px;margin: 40px auto;}
    .faq-ask .bttn .button {width: 404px;height:90px;margin: 20px auto;font-size:28px;}
}



.label-set {margin:20px 0;}
.form-group {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.form-group.col-5 .form-item {width:19%;}
.form-group.col-4 .form-item {width:24%;}
.form-group.col-3 .form-item {width:32%;}
.form-group.col-2 .form-item {width:49%;}
.form-group .form-item {margin:15px 0 0 0;}

.form-footer-captcha {margin:15px 0;}

.form-caption {margin:0 0 30px 0;width:100%;display: flex;justify-content: center;}
.form-caption h2 {font-weight:600;font-size:30px;display: inline-block;background: linear-gradient(90deg, #BA8E41 0%, #F9E69E 24%, #BA8E41 36%, #BA8E41 56%, #E7BF9F 80%, #C99338 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;color:#fff;text-align: center;
}

.form-win-image {width:350px;margin:0 auto 40px auto;}

.form-item {position:relative;background: #fff;margin:15px 0;border-radius: 50px;}
.form-item .placeholder {position:absolute;text-transform:none;font-weight:400;color:#555555;left:20px;top:15px;z-index:1;transition:transform 0.2s ease;transform-origin:left top;opacity: .6;white-space: nowrap;}
.form-item-dadata {width:100%;}
.form-footer-captcha {transform: scale(1.32);;transform-origin:left top;margin-bottom:30px;}


@media only screen and (min-width: 721px) {


    .form-footer-captcha.g-recaptcha-register {transform: none;}
    .form-footer-reg-row  {display: flex;width:100%;}
    .form-footer-reg-col-1 {width:51%;}
    .g-recaptcha-register {padding:25px 0 0 0;}
}

@media only screen and (max-width: 720px) {
    .form-footer-captcha {transform-origin:left top;transform: scale(1.85);margin-bottom:80px;}


    .form-caption {text-transform: uppercase;color:#fff;text-align: center;font-weight:600;margin:0 0 40px 0;}
    .form-caption h2 {font-size:40px;}

    .form-item {}
    .form-group {width: 100%;display: block;}
    .form-group-auth-checkbox {display: flex;}
    .form-group.col-5 .form-item {width:100%;}
    .form-group.col-4 .form-item {width:100%;}
    .form-group.col-3 .form-item {width:100%;}
    .form-group.col-2 .form-item {width:100%;}
    .form-group .form-item {margin:25px 0 0 0;}
    .form-item .placeholder {left:20px;top:23px;}

    .label-set {margin:40px 0;}


}

.form-item .input {position:relative;z-index:2;}
.form-item.filled .placeholder {transform:translateY(-10px) scale(0.7);z-index:3;}

.checkbox-custom {width:30px;height:30px;background:url(../i/uncheck.png?1?5) no-repeat;background-size:contain;margin-right:10px;margin-top:3px;}
.checkbox-custom, .label {display:inline-block;vertical-align: middle;}
.checkbox:checked + .checkbox-custom {background:url(../i/check.png?1?6) no-repeat;background-size:contain;}
input.checkbox {display:none;}
.form-item-label {display: flex;align-items: flex-start;margin:4px 0;width:700px;   font-weight:400;}
.form-item-label a {text-decoration: underline; color:#fff;}
.form-item-label .label {width:750px;display: block;padding-top:7px;font-size:16px;}
.form-text {line-height:1.24;font-size: 19px;text-align: center;}
.form-text.bottom {color:#000;text-transform: none;margin:20px 0 0 0;font-size:14px;}
.form-text.bottom a {text-decoration: underline;}
.form-text h2 {margin:20px 0 20px 0;font-size: 24px;font-weight: 700;}

.form-text.form-text-win {margin:0 0 40px 0;}
.form-text-resend {margin-top:20px;}
.form-text-resend a {text-decoration: dashed;}

.pass-button {color:#fff;font-size:16px;text-align: right;margin:0 0 20px 0;}
.pass-button a {display: inline-block;border-bottom:2px solid #fff;}
.form-links {text-align: center;margin:25px 0 0 0;text-transform: uppercase;font-weight:600;}
.form-links a {color:#fff;display: inline-block;margin:0 10px;text-decoration: underline}

.auth-label {width:230px;margin:0 0 20px 0;}
.auth-label .form-item-label {width: 262px;}
.auth-label .form-item-label .label {width:auto}

.suggestions-wrapper {color:#000;text-transform: none;font-weight:400;}

@media only screen and (max-width: 720px) {

    .auth-label {width:50%;margin:20px 0 40px 0;}
    .auth-label .form-item-label {width: 100%;}

    .pass-button {font-size:28px;text-align: right;margin:20px 0 40px 0;}
    .pass-button a {display: inline-block;border-bottom:2px solid #fff;}
    .form-links {text-align: center;margin:35px 0 0 0;text-transform: uppercase;font-weight:700;}
    .form-links a {color:#fff;display: inline-block;margin:0 10px;border-bottom:2px solid #fff;text-decoration:none;}

    .form-text.bottom {font-size:24px;}

    .checkbox-custom {width:40px;height:40px;}
    .form-item-label {margin:15px 0;}
    .form-item-label .label {width:550px;display: block;padding-top:5px;font-size:29px;}

    .form-item.filled .placeholder {transform:translateY(-15px) scale(0.7);z-index:3;}

    .form-text {font-size: 27px;}
    .form-text h2 {margin:20px 0 20px 0;font-size: 34px;font-weight: 700;}
    .form-links a {font-size:28px;}

}

.kv-text {transition: transform 0.8s ease;transform:scale(0.8)}
body.ready-loader .kv-text {transform:scale(1)}


.kv-image {transition: transform 1.4s ease;transform:scale(0.8)}
body.ready-loader .kv-image {transform:scale(1)}

@media only screen and (min-width: 721px) {
    .kv {height:87vh;}
    .kv-main {width:100%;height:100vw;position:relative;}
    .kv-fly {width:48%;height:12%;z-index:10;position: absolute;left:0;top:15%;background: url(../i/kv/1.png);background-size:100% 100%;}
    .kv-fly img {width:8%;height:auto;display: block;position:absolute;right:-5%;top:23%;}
    .kv-image {width:89%;margin:13vh auto 0 auto;position: relative}
    .kv-image img {position:absolute;right:0;top:0;width:53%;height:auto;display: block;}
    .kv-button {position:absolute;left:10%;top:32%;}
    .kv-text {position:absolute;left:10%;top:1%;width:31vw;max-width:600px;}

}

@media only screen and (max-width: 720px) {
    .kv {height:auto;padding:160px 0 120px;}
    .kv-main {width:100%;;position:relative;}
    .kv-fly { position:absolute;right:0;top:-10px;width:270px;z-index: 10;}

    .kv-image {width:100%;margin:-50px 0 0 0;}
    .kv-image img {width:100%;height:auto;display: block}
    .kv-button {width:640px;margin:auto;}
    .kv-button .button {width:640px;height:90px;margin:40px auto 0 auto;background-image: url(../i/kvb.png)}
    .kv-text {padding:0 0 0 40px;}
    .kv-text img.rubber {width:448px;height:auto;display: block}

}

.footer {background: url(../i/fbg.png) center top no-repeat;background-size:100% 100%;position: relative;z-index:100;}
.footer-w {padding:80px 50px 50px 50px;width:100%;margin:auto;max-width: 1275px;text-align: center;}
.f-menu {font-size:14px;font-weight:600;display: flex;justify-content: center;text-transform: uppercase;color:#fff;text-align: center;flex-wrap: wrap;}
.f-menu a {display: block;padding:0 20px;}
.f-legal {margin:30px 0 30px 0;font-size:12px;line-height: 1.5;color:#B6987A; }
.f-legal a {color:#fff;}

.f-logo img {width:124px;height: auto;display: block;margin: auto}

@media only screen and (max-width: 720px) {
    .footer {background: url(../i/fbgm.png) center top no-repeat;background-size:100% 100%;}
    .footer-w {padding:80px 50px 50px 50px;}
    .f-menu {font-size:28px;font-weight:600;display: block;}
    .f-menu a {display: block;padding:20px 0;}
    .f-legal {margin:50px 0 50px 0;font-size:22px;}

    .f-logo img {width:212px;}

}

.page-section {width:100%;padding:0 0 0px 0;position: relative;z-index:10;}
.page-section.page-section-rules {padding:0 0 40px 0;}
.page-section.page-section-gifts {padding:0 0 90px 0;}
.page-section.page-section-winners {padding:0 0 70px 0;}
.page-section-w {width:100%;max-width:1400px;padding:0 25px;margin: auto;position: relative;z-index:10;}
.page-caption {display: flex;justify-content: center;width:100%;}
.page-caption h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(90deg, #BA8E41 0%, #F9E69E 24%, #BA8E41 36%, #BA8E41 56%, #E7BF9F 80%, #C99338 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.page-caption-2 h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;}

@media only screen and (max-width: 720px) {
    .page-caption h2 {font-size:48px;}
    .page-caption-2 h3 {font-size: 32px;}
    .page-section-w {padding: 0;}
    .page-section.page-section-rules {padding:0 0 340px 0;}
    .page-section.page-section-gifts {padding:0 0 50px 0;}
    .page-section.page-section-winners {padding:0 0 90px 0;}
    .page-section.page-section-qa {padding:0 0 90px 0;}
}

.tip {position: relative;width:30px;height:30px;}
.tip-icon {width:30px;}
.tip-content {width:280px;padding:20px 20px;font-size:15px;border-radius: 8px;background:#fff;color:#000;position:absolute;transition: all 0.3s ease;transform:translate(-125px,-100%);opacity: 0;text-transform: none}
.tip-content:after {display: block;content: '';width:18px;height:10px;background: url(../i/tip.png) no-repeat;background-size: 100% 100%;position: absolute;left:50%;margin-left:-9px;bottom:-10px;}
.tip-content h5 {font-size:15px;font-weight: 600;text-align: center;line-height:1.3;margin:0 0 10px 0}
.tip-content .dot {font-size: 150%;display: inline-block;padding:0 10px 0 0}
.tip-content p {display: flex;align-items: center;}


.m-rules {padding:90px 0 0 0;width:100%;display: flex;justify-content: center;flex-wrap: wrap;}
.m-rules-item {padding: 80px 4px 40px 40px;width: 350px;margin:0 10px 70px 10px;border-radius: 20px;position: relative;}
.m-rules-item:hover .tip-content {opacity:1;transform: translate(-125px, -120%)}
.m-rules-item.item-1 {z-index:10;background: linear-gradient(66.27deg, #2B1100 4.76%, #3D291B 94.1%), #FFFFFF;}
.m-rules-item.item-2 {background: linear-gradient(66.27deg, #2B1100 4.76%, #3D291B 94.1%);}
.m-rules-item.item-3 {background: linear-gradient(66.27deg, #2B1100 4.76%, #3D291B 94.1%);}
.m-rules-item .ico {width:90px;position:absolute;left:40px;top:-45px;}
.m-rules-item .caption {font-weight: 600;font-size: 26px;line-height: 95%;text-transform: uppercase;color: #EFD88F;}
.m-rules-item .caption span {color:#fff;}
.m-rules-item .title {font-weight: 500;font-size: 16px;margin:20px 0 0 0;line-height: 140%;color: #AA9F99;text-transform: uppercase;display: flex;align-items: center;}
.m-rules-item .title .text {margin:0 20px 0 0;}
.m-rules-item .button {width:240px;height:47px;font-size:14px;margin-top:15px;}

@media only screen and (max-width: 720px) {
    .tip {height:48px;}
    .tip-icon {width:48px;}
    .tip-content {width:500px;padding:20px 20px;font-size:24px;border-radius: 16px;background:#fff;color:#000;position:absolute;transition: all 0.3s ease;transform:translate(-226px,-100%);opacity: 0;text-transform: none}
    .tip-content:after {width:32px;height:15px;background: url(../i/tip.png) no-repeat;background-size: 100% 100%;position: absolute;left:50%;margin-left:-16px;bottom:-15px;}
    .tip-content h5 {font-size:24px;font-weight: 600;text-align: center;line-height:1.3;margin:0 0 10px 0}
    .tip-content .dot {font-size: 150%;display: inline-block;padding:0 10px 0 0}
    .tip-content p {display: flex;align-items: center;}
    .tip:hover .tip-content {opacity:1;transform: translate(-226px, -120%)}

    .m-rules-item:hover .tip-content {opacity:1;transform: translate(-226px, -120%);}

    .m-rules {padding:50px 0 0 0;width:640px;display: block;margin: auto;}
    .m-rules-item {padding: 40px 4px 40px 36px;width: 100%;margin:0 0px 40px 0;border-radius: 32px;border:none;}
    .m-rules-item:hover .tip-content {opacity:1;transform: translate(-226px, -120%);}
    .m-rules-item.active .tip-content {opacity:1;transform: translate(-226px, -120%);}
    .m-rules-item.item-1 {z-index:10;background: #3D291B}
    .m-rules-item.item-2 {background: #3D291B}
    .m-rules-item.item-3 {background: linear-gradient(66.27deg, #2B1100 4.76%, #3D291B 94.1%), #FFFFFF;}
    .m-rules-item .ico {width:128px;position:absolute;left:auto;right:30px;top:30px;}
    .m-rules-item .caption {font-size: 40px;line-height: 130%;color:#fff;}
    .m-rules-item .caption span {display: block;color:#EFD88F;}
    .m-rules-item .title {font-weight: 500;font-size: 28px;margin:20px 0 0 0;line-height: 140%;color: #AA9F99;text-transform: uppercase;display: flex;align-items: center;}
    .m-rules-item .title .text {margin:0 20px 0 0;}
    .m-rules-item .button {width:440px;height:84px;font-size:26px;margin-top:15px;}
}


.m-gifts {margin:40px 0 0 0;}
.m-gifts-w {margin:30px 0 0 0;display: flex;width:100%;justify-content: center;flex-wrap: wrap;}
.m-gifts-item {width:350px;margin:0 10px 10px 10px;}

.m-gifts-item-main {width:776px;margin:30px auto 0 auto;position: relative;}
.m-gifts-item-main .tip {position:absolute;left: 619px;top: 260px;}

.m-gifts-main {margin:40px 0 0 0;}
.m-gifts-item-main .mobile {display: none;}

@media only screen and (min-width: 721px) {
    .m-gifts-item-main:hover .tip-content {opacity:1;transform: translate(-125px, -120%)}
}

@media only screen and (max-width: 720px) {
    .m-gifts {margin:50px 0 0 0;}
    .m-gifts-item-main .mobile {display: block;}
    .m-gifts-item-main .desktop {display: none;}
    .m-gifts-item-main.active .tip-content {opacity:1;transform: translate(-226px, -120%)}
    .m-gifts-w {margin:30px auto 0 auto;display: block;width:560px;justify-content: center;flex-wrap: wrap;}
    .m-gifts-main {margin:70px 0 0 0;}
    .m-gifts-item {width:100%;margin:0 0px 40px 0px;}
    .m-gifts-item-main {width:560px;}
    .m-gifts-item-main .tip {position:absolute;left: 323px;top: 56px;}
}


.m-winners {margin:50px 0 0 0;}
.m-winners-line-empty {text-align: center;height:300px;display: flex;justify-content: center;align-items: center;width:100%;}
.m-winners-form {width:100%;max-width:1090px;margin:auto;display: flex;justify-content: space-between}
.m-winners-form-item {height:58px;width:48.5%;;background:#fff;position:relative;border-radius: 50px;}
.m-winners-form-item select.cf {font-size:18px;position:relative;color:#000;z-index:10;background: rgba(0,0,0,0);height:55px;border-radius: 50px;padding:0 0 0 20px;}
.m-winners-form-item select.cf option {background: #fff;}

.m-winners-form-item input.cf {height:58px;font-size:18px;padding:0px 20px 0 20px;line-height:58px;width:100%;background: rgba(0,0,0,0)}
.form-icon {width:46px;position:absolute;right:7px;top:6px;}
.m-winners-form-item .submit {height:100%;width:60px;opacity: 0;cursor: pointer;position: absolute;right:0;top:0;z-index:90}

.m-winners-body {width:100%;max-width: 1090px;margin:40px auto;padding:20px 40px;background: #3D291B;border-radius: 20px;}

.m-winners-item {padding:20px 0 20px 40px;display: flex;width:100%;justify-content: space-between;align-items: center;color:#fff;}
.m-winners-item:nth-child(even) {background: #2B1100;border-radius: 90px;}
.m-winners-item.head {color:#EFD88F;}
.m-winners-item .col.col-1 {width:20%;}
.m-winners-item .col.col-2 {width:20%;}
.m-winners-item .col.col-3 {width:30%;}

@media only screen and (max-width: 720px) {
    .m-winners {margin:50px 0 0 0;}
    .m-winners-form {display: block;width:640px;margin: auto;}
    .m-winners-form-item {height:96px;width:100%;border-radius: 50px;margin:0 0 20px 0;}
    .m-winners-form-item select.cf {font-size:30px;height:96px;border-radius: 50px;padding:0 0 0 40px;}
    .m-winners-form-item select.cf option {background: #fff;}

    .m-winners-form-item input.cf {height:96px;font-size:30px;padding:0px 20px 0 40px;line-height:96px;}
    .form-icon {width:72px;position:absolute;right:11px;top:11px;}
    .m-winners-form-item .submit {height:100%;width:160px;opacity: 0;}

    .m-winners-body {width:640px;max-width: 1090px;margin:40px auto;padding:20px 20px;background: #3D291B;border-radius: 20px;}

    .m-winners-item {padding:30px 0 30px 40px;display: block;width:100%;justify-content: space-between;align-items: center;color:#fff;}
    .m-winners-item:nth-child(even) {background: #2B1100;border-radius: 20px;}
    .m-winners-item.head {display: none;}
    .m-winners-item .col.col-1 {width:100%;padding:0 0 10px 0;}
    .m-winners-item .col.col-2 {width:100%;padding:0 0 15px 0;}
    .m-winners-item .col.col-3 {width:100%;color:#EFD88F;}
}


.m-cabinet {padding:150px 0 0 0;width:100%;overflow: hidden}
.m-cabinet-parts  {position:absolute;left:0;top:400px;}
.m-cabinet-caption {width:100%;display: flex;justify-content: center;margin:0 0 50px 0;position: relative;z-index: 100;}
.m-cabinet-caption h1 {
    font-weight: 500;
    font-size: 80px;
    line-height: 95%;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    background: linear-gradient(90deg, #BA8E41 0%, #F9E69E 24%, #BA8E41 36%, #BA8E41 56%, #E7BF9F 80%, #C99338 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.cabinet-row {margin:0 auto 30px auto;width:1100px;position: relative;z-index: 100;}
.cabinet-row.row-2 {display: flex;justify-content: space-between;}
.cabinet-row.row-2 .cabinet-col {width:49%;}

.cabinet-col {padding:30px 40px;background:#2b1100 url(../i/cabinet/border.png) no-repeat;background-size: 100% 100%;}
.cabinet-col.userdata {padding:20px 20px 30px 40px}

.cabinet-section {padding:0 40px 40px 40px;position: relative;z-index: 100;}

@media only screen and (max-width: 720px) {

    .m-cabinet-caption h1 {font-size:48px;

        background: linear-gradient(90deg, #BA8E41 0%, #F9E69E 24%, #BA8E41 36%, #BA8E41 56%, #E7BF9F 80%, #C99338 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;

    }
    .cabinet-row {margin:0 auto 30px auto;width:100%;}
    .cabinet-row.row-2 {display: block;}
    .cabinet-row.row-2 .cabinet-col {width:100%;}
    .row-2.row-100 .cabinet-col {padding:0;border:none;width:720px;margin-left:-40px;}

    .cabinet-col {padding:30px 40px 30px 40px;}
    .cabinet-col.userdata {margin-bottom:40px;}
}

.c-user-data {font-weight:400;font-size:18px;}
.c-user-data  .bttns {display: flex;width: 100%;margin:20px 0 0 0;}
.c-user-data  .bttns .btn {text-transform: uppercase;color:#fff;font-size: 16px;padding:0 20px 0 30px;background: left center no-repeat;background-size: contain;font-weight: 600;}
.c-user-data  .bttns .btn.password {background-image: url(../i/cabinet/password.png)}
.c-user-data  .bttns .btn.exit {background-image: url(../i/cabinet/exit.png)}
.c-user-data p {margin:7px 0;color:#999;font-weight:400;}
.c-user-data .user-name {padding:10px 0 10px 0px;font-size:26px;text-transform: uppercase;font-weight:600;color:#fff;}
.c-user-data p span  {color:#fff;}
.c-user-data .user-data {margin:10px 0 0 0px}
.c-user-data .button {width:48%;margin-top:20px;}

@media only screen and (max-width: 720px) {
    .c-user-data {font-size:30px;}
    .c-user-data  .bttns {display: block;margin-top:40px;}

    .c-user-data  .bttns .btn {text-transform: uppercase;color:#fff;font-size: 28px;padding:0 20px 0 50px;background: left center no-repeat;background-size: contain;font-weight: 600;}
    .c-user-data  .bttns .btn.password {background-image: url(../i/cabinet/password.png)}
    .c-user-data  .bttns .btn.exit {background-image: url(../i/cabinet/exit.png)}

    .c-user-data p {margin:10px 0;color:#999;}
    .c-user-data .user-name {padding:10px 0 10px 00px;font-size:32px;margin-bottom:30px;background-size: 100px auto;height:100px;width:100%;display: flex;align-items: center;}
    .c-user-data p span  {color:#fff;}
    .c-user-data .user-data {margin:10px 0 0 0px}
    .c-user-data .button {width:100%;margin-top:20px;}


}

.cabinet-col.check-count {display: flex;justify-content: center;align-items: center;color:#fff;}
.c-check-count-value {display: flex;}
.c-check-count-value .value {display: flex;align-items: center;justify-content: center;height:120px;width:120px;min-width:120px;background:url(../i/cabinet/count.png) no-repeat;background-size:100% 100%;}
.c-check-count-value .value span {

    font-weight: 600;
    font-size: 60px;
    line-height: 1;
    display: block;
    margin:0 0 10px 0;
    text-transform: uppercase;
    background: linear-gradient(119.45deg, #BE9347 12.14%, #F4E097 41.17%, #BA8E41 66.24%, #E0B891 103.63%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.c-check-count-value .caption {font-size:26px;margin:0  0 0 20px;text-transform: uppercase;font-weight:600;}
.c-check-count-button {}
.c-check-count-button .button {width:243px;height:47px;margin:20px 0 0 0;font-size: 14px;}
@media only screen and (max-width: 720px) {
    .cabinet-col.check-count {}
    .c-check-count-value .value {height:140px;width:140px;min-width:140px;font-size:90px;padding:60px 40px;border-radius:14px;}
    .c-check-count-value .caption {font-size:36px;margin:0  0 0 40px}
    .c-check-count-button {width:572px;margin:30px 0 0 0;}
    .c-check-count-button .button {width:100%;height:100px;margin:20px 0 0 0;font-size: 28px;}
}

.cabinet-section-empty {display: flex;align-items: center;justify-content: center;flex-direction: column;height:200px;width:100%;text-align: center;}
.cabinet-section-empty .bttn {margin-top:40px;width:100%;}
.cabinet-section-empty .button {margin: auto;}

.cabinet-section-caption {display: flex;justify-content: center;width:100%;}
.cabinet-section-caption h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;

    background: linear-gradient(90deg, #BA8E41 0%, #F9E69E 24%, #BA8E41 36%, #BA8E41 56%, #E7BF9F 80%, #C99338 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 720px) {
    .cabinet-section-caption h2 {font-size: 36px;}
    .cabinet-section-empty .button {width:100%;}
}

.cabinet-section-w {
    background: #3D291B;
    border-radius: 20px;
    padding:40px;
    max-width: 1100px;margin: 40px auto;
}


.m-check-item {padding:20px 0 20px 40px;display: flex;width:100%;justify-content: space-between;align-items: center;color:#fff;}
@media only screen and (min-width: 721px) {
    .m-check-item {font-size:17px;}
}
.m-check-item:nth-child(even) {background: #2B1100;border-radius: 90px;}
.m-check-item.head {color:#EFD88F;text-transform: uppercase;font-weight:600;}
.m-check-item .col.col-1 {width:8%;}
.m-check-item .col.col-2 {width:15%;}
.m-check-item .col.col-3 {width:19%;}
.m-check-item .col.col-4 {width:45%;}
.m-check-item .col.col-4 p {color:#999;margin:5px 0;}
.m-check-item .col.col-4 p span {color:#fff;}

.check-status .tip-content {margin: auto;padding:10px 10px 5px 10px;}

.check-status {display: flex;align-items: center;}
.check-status .tip {margin-left:10px;}
.check-status .icon {width:24px;margin:0 10px 0 0;}

.m-check-item.active .tip-content {opacity:1;}

@media only screen and (max-width: 720px) {
    .m-check {margin:50px 0 0 0;}

    .m-check-item {padding:30px 0 30px 40px;display: block;width:100%;justify-content: space-between;align-items: center;color:#fff;}
    .m-check-item:nth-child(even) {background: #2B1100;border-radius: 20px;}
    .m-check-item.head {display: none;}
    .m-check-item .col.col-1 {display: none;}
    .m-check-item .col.col-2 {width:100%;padding:0 0 15px 0;}
    .m-check-item .col.col-3 {width:100%;color:#fff;padding:0 0 15px 0;}
    .m-check-item .col.col-4 {width:100%;color:#fff;padding:0 0 15px 0;}
    .m-check-item .col.col-4 p {color:#999;margin:15px 0;}

    .m-check-item .col.col-4 p span {display: block;}

}

.c-prize-line {width:100%;display: flex;justify-content: center;text-align: center;}
.c-prize-item {width:31%;margin:0 15px;}
.c-prize-item .tip {margin: auto;}

.c-prize-item .title {color:#fff;text-decoration: underline;}
.c-prize-item .tip-icon {opacity: 0;width:100%;margin:-10px 0 0 0}
.c-prize-item .image {margin:0 0 10px 0;}
.c-prize-item:hover .tip-content {opacity:1;transform: translate(-125px, -120%)}
.c-prize-item.active .tip-content {opacity:1;transform: translate(-125px, -120%)}

@media only screen and (max-width: 720px) {
    .c-prize-line {width:100%;display: block;}
    .c-prize-item {width:100%;margin:0 0px 20px 0;}

    .c-prize-item.active .tip-content {opacity: 1;transform: translate(-237px, -152%);}
}

.qr-video-wrapper {display:flex;justify-content:center;align-items:center;text-align:center;width:560px;height:446px;padding:0px;border-radius: 40px;margin:40px auto;background:url(../i/qr.png) center top 500px no-repeat;}
.qr-video-wrapper .qr-message {font-family: circebold;}
.qr-message {text-align: center;font-size:32px;line-height:1.2;;}
.qr-message .qrpopupmessage {margin: 0 0 40px 0;font-size:16px;}
.qr-message .form-caption {margin:40px 0 20px 0}
.qr-message .image {margin:0 0 40px 0;text-align: center;font-size:36px;line-height:1.2;}

.qr-bttn {margin:20px 0;}
.qr-bttn .button {width:100%;}
#qr-video {width:100%;height:100%;object-fit: cover;border-radius: 40px;}
.qr-message .icon img{ width:90px;height:auto;display: block;margin: auto;}

@media only screen and (max-width: 720px) {
    .qr-message .qrpopupmessage {margin: 0 0 40px 0;font-size:32px;}
}
.check-upload-image {width:100%;margin:30px auto 30px auto;min-height:208px;background: rgba(0, 0, 0, 0.30);;position:relative;font-size:16px;font-weight:400;border:2px dashed #BD9346;overflow: hidden;border-radius: 12px;}
.check-upload-image .caption {position:absolute;padding-top:100px;left:0;top:40px;width:100%;text-align: center;background: url(../i/upload2.png?1?1) center top no-repeat;background-size:80px auto;}
.check-upload-image input {font-size:2000px;}
.check-upload-image .check-input {height:100%;cursor:pointer;overflow:hidden;opacity:0;position: absolute;left:0;top:0;z-index:10;}
.cpreview {width:100%;max-height:320px;object-fit: cover;position: relative;z-index:10;display: block;}
.form-footer-check {display: none}
.form-footer-check.active {display: block}

.form-footer-check {display: none}
.form-footer-check.active {display: block}

.form-footer-check-manual {display: none}
.form-footer-check-manual.active {display: block}

@media only screen and (max-width: 720px) {
    .check-upload-image {width:100%;margin:40px auto 30px auto;min-height:320px;background: rgba(0, 0, 0, 0.20);position:relative;font-size:32px;color:#fff;border:2px dashed #000;overflow: hidden;}
    .check-upload-image .caption {position:absolute;padding-top:100px;left:0;top:40px;width:100%;text-align: center;background: url(../i/upload2.png?1?1) center top no-repeat;background-size:55px auto;}
    .check-upload-image input {font-size:200px;}
    .check-upload-image .check-input {height:158px;overflow:hidden;opacity:0;position: absolute;left:0;top:0;z-index:10;}
    .cpreview {width:100%;max-height:500px;object-fit: cover;position: relative;z-index:10;display: block;}
    .form-footer-check {display: none}
    .form-footer-check.active {display: block}
}


.cookies {position:fixed;box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.5);font-size:12px;line-height:1.4;z-index:9999;bottom:20px;right:20px;width:490px;padding:20px 30px 30px 30px;border-radius:10px;background: rgba(0,0,0,0.9);color:#fff;}
.cookies a {text-decoration:underline;}
.cookies .xs {font-size:14px;}
.cookies .button {width:220px;height:40px;margin:0;font-size:12px;}

.cookies-bttn {margin:20px 0 0 0;}

@media only screen and (max-width: 720px) {
    .cookies  {font-size:28px;width:640px;left:40px;bottom:40px;}
    .cookies-bttn {position:relative;right:auto;top:auto;margin:40px 0 0 0;width:100%;}
    .cookies-bttn .button {width:100%;height:100px;font-size:32px;}
    .cookies {padding:30px;}
}