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:linear-gradient(90deg, #050505 0%, #5D5D5D 100%);;  font-size:18px;color:#fff;scroll-behavior: smooth;}
body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}

img {user-select: none}


@media only screen and (max-width: 751px) {
    body {font-size:32px;}
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-color: #777777 rgba(255, 255, 255, 0.08);
        scrollbar-width: thin;
    }
}

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 0px;
    text-align: left;
    box-sizing:border-box;
    display:inline-block;
    font-family: "Commissioner", sans-serif;
    font-weight:400;

    text-align: left !important;


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


}

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

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 0px;

        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:#2B1100;

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


    font-weight: 600;

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

}

.button span {
    background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 70.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.button img {width:48px;height:48px;margin-left:20px;display: block;}
.button.black {}


.form-footer .button {width:100%;height:84px;margin-top:20px;}
.form-footer .button.black {width:100%;height:84px;}

@media only screen and (max-width: 720px) {
    .button {height:120px;font-size:34px;}
    .button img {width:74px;height:74px;margin-left:40px;display: block;}
    .form-footer .button {width:100%;height:90px;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-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(90deg, #050505 0.96%, #5D5D5D 100%);border-radius: 24px;padding:50px 60px 50px 60px;}
.fancybox-slide--html {padding:40px 6px}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 10px;
    top: 10px;
    width:40px;height:40px;
    padding:5px;

    background-size: 20px 20px;
}

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: 0px;
        top: 20px;
        width:60px;height:80px;
        padding:15px;
        background: url(../i/close.png) no-repeat;
        background-size: 30px 30px;
    }
    .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;color:#fff;}
    .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 15px;transition: all 1s ease;}
    .logo-main {position:fixed;left:5vw;top:30px;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:24px;transition: all 1s ease;margin-right:10px;}



    .item-5.desktop img {}

    body.scrolled .menu-main {background:#000;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 {}
    body.scrolled .lk-button {font-size:14px;top:7px;}
    body.scrolled .lk-button img {width:25px;}

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

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

@media only screen and (max-width: 1150px) {
    body.scrolled .menu-item a {margin:0 9px;}
    .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:#000;transition: all 1s ease;z-index: 998}

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

    .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.item-5.desktop {display: none;}


    .menu-main {position:fixed;left:0;top:0;width:100%;height:100%;z-index:-999;color:#fff; background:linear-gradient(90deg, #050505 0%, #5D5D5D 100%);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-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-size: 100% 100%;color:#fff;}
    .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;width:100%;}
    .menu-main {padding:0 0 50px 0px;}
}


.main-faq {width:100%;max-width:1000px;margin:40px auto;}

.faq-list {width:100%;height:522px;overflow:auto;text-align:left;}

.faq-list::-webkit-scrollbar {  height: 4px; width: 6px; background: #2F2F2F}
.faq-list::-webkit-scrollbar-thumb {background: #777;border-radius:2px;}


.faq-item {margin:0px 10px 6px 0;transition: background-color .3s ease;background: #323232;border-radius: 20px;}
.faq-title {margin:0 0 0px 0;padding:30px 50px 25px 30px;cursor:pointer;font-size:20px;font-weight:600;line-height:1.4;position:relative;text-transform: uppercase;transition:all .5s ease;}
.faq-title:before {display: block;width:38px;height:38px;position: absolute;right:22px;top:22px;content:'';background: url(../i/faq.png?1) center center no-repeat;background-size:contain;transition:transform .5s ease;}
.faq-item.active {background: #323232;border-radius: 20px;}
.faq-item.active .faq-title {padding:30px 50px 10px 30px;}
.faq-item.active .faq-title:before {transform: scaleY(-1);}
.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:1000px;}
.faq-body-w {padding:0px 30px 10px 30px }
.faq-item p {font-size: 16px;line-height: 150%;text-transform: none;margin: 0px 0 10px 0;}

.faq-ask {width:100%;color:#fff;display: flex;justify-content: center;align-items: center;margin:40px 0 0 0;}
.faq-ask .img {width:160px;margin: 0 40px 0 0px;}
.faq-ask .caption {max-width: 469px;}
.faq-ask .caption {font-size:40px;margin:0px 0 20px 0;text-transform: uppercase;font-weight: 500;}
.faq-ask .caption-2 {text-transform: uppercase;margin:0 0 30px 0;font-weight: 400;font-size: 18px;line-height: 140%;}
.faq-ask .caption span {color:#2AB5DF}
.faq-ask .bttn {width: 178px;margin: 20px 0 0 0;}
.faq-ask .bttn .button {width: 313px;height:70px;margin: 20px auto;font-size:22px;white-space: nowrap;}

@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 120px 25px 30px;font-size:32px;}
    .faq-title:before {width: 48px;
        height: 48px;
        right: 28px;
        top: 50%;margin-top:-24px;}

    .faq-item.active .faq-title {padding:30px 120px 10px 30px;}

    .faq-item.active {border-radius: 12px;}
    .faq-item.active .faq-body {max-height:2350px;}
    .faq-body-w {padding:0px 30px 40px 30px }
    .faq-item p {font-size: 28px;}

    .faq-ask {width:100%;display:block;text-align: center;margin: 50px 0 50px 0px;background:none; ;background-size: 100% auto;}
    .faq-ask .img {width:200px;margin: 0 auto 0 auto;}
    .faq-ask .caption {font-size:42px;margin:25px auto 20px auto;text-align: center;max-width: 500px;}
    .faq-ask .caption {font-size: 40px}
    .faq-ask .caption-2 {font-size:24px;}
    .faq-ask .descr {font-size:32px;margin:30px 10px 0 10px;}
    .faq-ask .bttn {width: 640px;margin: 40px auto;}
    .faq-ask .bttn .button {width: 640px;height:120px;margin: 20px auto;font-size:40px;}
}



.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;}
 h2 {
     font-weight: 500;
     font-size: 30px;
     line-height: 1.2;
     display: inline-block;
     text-transform: uppercase;
     background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 70.31%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
}

.form-caption h2 {font-size:28px;text-align: center;}
.form-win-image {width:350px;margin:0 auto 40px auto;}

.form-item {position:relative;margin:15px 0;border-bottom:1px solid #F1DBA3}
.form-item .placeholder {position:absolute;text-transform:none;font-weight:400;color:rgba(255,255,255,0.5);left:0px;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:0px;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;color:#F1DBA3;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;}

}




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

}

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

}

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

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

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

    .footer {margin:0px 0 0 0;background-size:100% 100%;background-image: url(../i/fbgm.png)}
    .footer-w {padding:50px 50px 50px 50px;display: block;text-align: center}
    .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 {margin: auto;width:100%;}
    .footer .f-logo {width:100%;}
    .footer .f-logo {margin-left:auto;}
    .f-logo img {width:500px;margin: auto;}

}

.page-section {width:100%;padding:60px 0 40px 0;position: relative;z-index:10;}
.page-section.page-section-rules {padding:0px 0 40px 0;}
.page-section.page-section-gifts {}
.page-section.page-section-winners {}
.page-section-w {width:100%;max-width:1400px;min-width:1100px;padding:0 25px;margin: auto;position: relative;z-index:10;}
.page-caption {display: flex;justify-content: center;width:100%;}
.page-caption h2 {font-size: 30px;}
.page-caption h1 {font-weight: 500;font-size: 50px;line-height: 120%;text-align: center;letter-spacing: 0.06em;text-transform: uppercase;color: #FFFFFF;}

@media only screen and (max-width: 720px) {
    .page-section {margin-top:90px;padding:0;}
    .page-caption h2 {font-size: 48px;}
    .page-caption h1 {font-size: 48px;}
    .page-section-w {min-width:100px;padding:0 40px}

}
.page-caption-2 h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF;}



.tip {position: relative;width:30px;height:30px;display:inline-block;margin:5px 0 0 10px;}
.tip-icon {width:30px;}
.tip-content {width:280px;padding:20px 20px 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: 400;text-align: center;line-height:1.3;margin:0 0 0px 0;}
.tip-content .dot {font-size: 150%;display: inline-block;padding:0 10px 0 0}
.tip-content p {display: flex;align-items: center;}
.gift-item .tip a {color:#ff1e1e;display: block;}


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

@media only screen and (max-width: 720px) {
    .tip {height:48px;}
    .tip-icon {width:48px;}
    .tip-content {width:300px;padding:20px 10px;font-size:24px;border-radius: 16px;background:#fff;color:#000;position:absolute;transition: all 0.3s ease;transform:translate(-160px,-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(-125px, -120%);}



}



@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-winners {margin:30px 0 0 0;}
.m-winners-line-empty {text-align: center;height:300px;display: flex;justify-content: center;align-items: center;width:100%;background: #323232;border-radius: 20px;color:#fff;}
.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%;position:relative;border-bottom: 1px solid #F1DBA3;margin:auto;}
.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 0px;}
.m-winners-form-item select.cf option {background: #fff;}

.m-winners-form-item input.cf {height:58px;font-size:18px;padding:0px 20px 0 0px;line-height:58px;width:100%;}
.form-icon {width:38px;position:absolute;right:0px;top:10px;}
.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: 1000px;margin:40px auto auto auto;padding:20px 0 0 0;background: none;}

.m-winners-item {padding:20px 0 20px 40px;display: flex;width:100%;justify-content: space-between;align-items: center;color:#fff;}
.m-winners-item {background: #323232;border-radius: 18px;margin-bottom:10px;}
.m-winners-item.head {color:#EFD88F;background: none;}
.m-winners-item .col.col-1 {width:15%;}
.m-winners-item .col.col-2 {width:20%;}
.m-winners-item .col.col-3 {width:45%;}

.winners-wrap {height:500px;overflow:auto;padding:0 10px 0 0;}
.winners-wrap::-webkit-scrollbar {  height: 4px; width: 6px; border: 1px solid rgba(0,0,0,0.6);}
.winners-wrap::-webkit-scrollbar-thumb {background: #222;border-radius:4px;}


@media only screen and (max-width: 720px) {
    .winners-wrap {height:1000px;}
    .m-winners {margin:50px 0 0 0;}
    .m-winners-form {display: block;width:640px;margin: auto;}
    .m-winners-form-item {height:86px;width:100%;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 {padding:0px 20px 0 0px;font-size:32px}
    .form-icon {width:55px;position:absolute;right:0px;top:11px;}
    .m-winners-form-item .submit {height:100%;width:160px;opacity: 0;}

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

    .m-winners-item {padding:30px 0 30px 40px;display: block;width:100%;justify-content: space-between;align-items: center;color:#fff;}
    .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-winners-item-body.disabled {display:none;}


.m-cabinet {padding:130px 0 0 0;width:100%;overflow: hidden}
.m-cabinet-parts  {position:absolute;left:0;top:00px;width:100%;}
.m-cabinet-parts.parts-1 {top:-20vw;}
.m-cabinet-parts.parts-2 {top:200px;display: none;}
.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: 45px;
    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 {border-radius: 25px;padding:30px 40px;

    background:url(../i/cabinet/border.png) no-repeat, radial-gradient(95.3% 95.3% at 3.7% 0%, #393939 0%, #323232 100%);
    background-size: 100% 100%;
}
.cabinet-col.userdata {padding:20px 20px 30px 40px}

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

.cabinet-section.section-2 {margin-bottom:50px;}

@media only screen and (max-width: 720px) {
    .cabinet-section.section-1 {}
    .cabinet-section.section-2 {margin-bottom:0px;}

    .m-cabinet-parts.parts-1 {top:00px;}
    .m-cabinet-parts.parts-2 {top:150px;display: none;}


    .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;width:400px}

.cabinet-section-caption {display: flex;justify-content: center;width:100%;}
.cabinet-section-caption h2 {
    font-weight: 600;
    font-size: 30px;
    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-empty {height:300px;}
    .cabinet-section-caption h2 {font-size: 36px;}
    .cabinet-section-empty .button {width:100%;}
}

.cabinet-section-w {
    background: radial-gradient(95.3% 95.3% at 3.7% 0%, #393939 0%, #323232 100%);
    border-radius: 30px;
    padding:30px;
    max-width: 1100px;margin:40px auto 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: #222;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 30px 5px 0;}
.m-check-item .col.col-4 p span {color:#fff;}
@media only screen and (min-width: 721px) {
    .m-check-item .col.col-4 p span {white-space:nowrap;}
}

.check-status .tip-content {margin: auto;padding:10px 10px 10px 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 30px;display: block;width:100%;justify-content: space-between;align-items: center;color:#fff;}
    .m-check-item:nth-child(even) {background: #222;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;flex-wrap: wrap}
.c-prize-item {width:28%;margin:0 15px;}
.c-prize-item .tip {margin: auto;}

.c-prize-item .title {color:#fff;}
.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%)}

@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:hover .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;}
}



.f-close-splash {position:absolute;right:0;top:0;width:50px;height:50px;z-index:1000;}


.main {min-height:100vh}

.m-kv {width:100%;max-width:1920px;margin:auto;height:100vh;max-height:900px;min-height:600;position: relative}
.m-kv-sku {position:absolute;right:0%;top:16%;height:100%;width:60%;max-width:1000px;z-index: 100;}
.kv-caption {font-weight: 500;font-size: min(6.1vh, 3.125vw , 60px);line-height: 120%;letter-spacing: 0.06em;text-transform: uppercase;}
.kv-caption p {display: flex;}
.kv-caption .yellow {background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 70.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}

.m-kv-contents {width: 100%;height:100%;max-width: 1400px;padding:120px 0 0 25px;margin:auto;position: relative;z-index:100;}
.kv-gift {width:45%;margin:45px 0 0 0;}
.kv-gift img {max-height:35vh;object-fit: contain;object-position: left top;}
.kv-button {width:400px;margin:50px 0 0 ;}
.kv-date {;margin:20px 0 0 ;font-weight: 500;font-size: 24px;line-height: 110%;text-transform: uppercase;}

.kv-t {position:absolute;cursor:pointer;background: #C11D18;padding:15px;display:flex;align-items:center;border-radius: 12px;right:40px;top:80px;font-weight: 500;font-size: 16px;line-height: 130%;text-transform: uppercase;z-index: 1000;width:300px;crsor:pointer}
.kv-t .image {width:80px;min-width:80px;margin:0 20px 0 0;}
.kv-t .close {position:absolute;right:10px;top:10px;width:10px;}

@media only screen and (max-width: 720px) {
    .kv-t {width:640px;font-size: 20px;left:40px;top:140px;right:auto;}
    .kv-t .image {width:45px;min-width:45px;margin:0 20px 0 0;}

    .m-kv {width:100%;height:auto;max-height:10000px;}
    .m-kv-sku {right:auto;top:auto;height:auto;width:800px;position: relative;margin:-80px 0px 0px}
    .kv-caption {font-weight: 500;font-size: 50px;}
    .kv-caption p {display: inline;}
    .kv-caption .yellow {background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 70.31%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;}

    .m-kv-contents {width: 100%;height:100%;max-width: 1400px;padding:226px 0 0 40px;margin:auto;position: relative;}
    .kv-gift {width:300px;margin:45px 0 0 0;}
    .kv-gift img {max-height:350vh;width:300px;height:auto;}
    .kv-button {width:640px;margin:-100px 0 0 40px;position: relative;z-index: 120;}
    .kv-date {position:absolute;left:400px;top:430px;width:100px;margin:20px 0  ;font-weight: 500;font-size: 24px;line-height: 130%;text-transform: uppercase;}

}

.m-rules-w {margin:40px 30px 0 0;width:100%;display: flex;justify-content: space-between;}
.m-rules-item {width:32%;border-radius: 36px;position:relative;padding:10px 20px 30px 20px;text-align:center;text-transform:uppercase;background: radial-gradient(95.3% 95.3% at 3.7% 0%, #393939 0%, #323232 100%); }
.m-rules-item .count {font-size:90px;font-weight: 400;
    font-size: 80px;
    line-height: 140%;
    position: absolute;
    left:25px;
    top:0px;

    background: linear-gradient(90deg, #FDF5CA 0%, #DDB06B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.9;
}

.m-rules-item .caption {
    font-weight: 500;
    font-size: 30px;
    display: inline-block;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;

    background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 70.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.m-rules-item .image {width:100%;padding:20px 20%;}
.m-rules-item .note {font-size: 18px;max-width:430px;line-height: 140%;margin:20px auto 0 auto;}
.m-rules-item .note strong  {color:#E8C78B;display: block}

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

    .m-rules-w {display: block;}
    .m-rules-item {width:100%;margin:0 0 20px 0;}
    .m-rules-item .image {padding:30px 160px 30px 160px;width:100%;}
    .m-rules-item .count {font-size:120px;}
    .m-rules-item .caption {font-size:48px;}
    .m-rules-item .note {font-size:28px;max-width: 100%;}
    .m-rules-item .note strong {display: inline;}
}


.m-coffee {position: relative;margin:20px 0 0 ;}
.swiper-button-common {position:absolute;top:50%;margin-top:-20px;width:80px;height:80px;}
.m-coffee-slide .image:hover {transform: scale(1.08)}
.m-coffee-slide .image {width:100%;padding:0 20px 20px 20px;transition: transform 0.3s ease;}
.swiper-slide-prev .m-coffee-slide {transform: scale(0.1)}
.m-coffee-slide {transition: transform 0.3s ease;padding-top:30px;}

.m-coffee-slide .caption {width:100%;padding:0 30px 0px 30px;font-size: 18px;line-height: 140%;text-align: center;text-transform: uppercase;}
.swiper-button-common-prev {left:-30px;background:url(../i/prev.png?1) center center no-repeat;background-size:12px 24px;z-index: 100;}
.swiper-button-common-next {right:-30px;background: url(../i/next.png?1) center center no-repeat;background-size:12px 24px;z-index: 100;}

@media only screen and (max-width: 720px) {
    .m-coffee-slide {transition: transform 0.3s ease;padding-top:0px;}
    .m-coffee-slide .caption {font-size:28px;padding:30px 50px 0px 50px;}
    .swiper-button-common {position:absolute;top:470px;margin-top:0px;width:80px;height:80px;}
    .swiper-button-common-prev {left:60px;background-size:20px 40px;z-index: 100;}
    .swiper-button-common-next {right:60px;background-size:20px 40px;z-index: 100;}


    .swiper-slide-next .m-coffee-slide {transform: scale(0.1)}
}


.m-markets {width:100%;display: flex;justify-content: space-between;margin:40px 0 0 0;}
.m-market {border-radius: 36px;width:31%;height:250px;display: flex;justify-content: center;align-items: center;background: linear-gradient(114.17deg, #FFFFFF 7.76%, #DADBDC 99.97%);}
.m-market img {max-width:280px;max-height:135px;display: block;object-fit: contain;}
@media only screen and (max-width: 720px) {
    .m-markets {display: block;margin:40px 0 0 0;}
    .m-market {width: 100%;margin:0 0 30px 0;}
    .m-market img {max-width:400px;max-height:185px;}
}



.m-gifts {margin:40px 0 0 0;}
.m-gifts-week {margin:auto auto 60px auto; display: flex;justify-content: space-between;width:75%;min-width:900px;}
.week-caption, .day-caption,.month-caption,.main-caption {
    font-weight: 500;
    margin:0 0 30px 0;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 70.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.day-caption {font-size:29px;}
.month-caption {font-size:29px;}

.m-gifts-days {margin:auto auto 60px auto; display: flex;justify-content: space-between;align-items:flex-start;width:100%;}
.m-gift-day {width:31%;position:relative}
.m-gift-day-tip {z-index:10;}

.gift-item {max-width:400px;;min-width:31%;position:relative;margin:auto;}
.gift-item .image {width:100%;padding:50px 30px;margin:0px 0 20px 0;background: #323232;border-radius: 36px;display: flex;align-items: center;justify-content: center;}
.gift-item .image img {max-height:200px;object-fit: contain;}
.gift-item .caption {font-size: 18px;line-height: 140%;text-align: center;text-transform: uppercase;display: flex;align-items: center;justify-content: center;width:100%;}
.gift-item a {color:#E8C78B;}
.gift-item .count {position:absolute;right:0;top:0;

    position: absolute;
    width: 78px;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#000;
    background: linear-gradient(90deg, #E3BA72 0%, #FDF5CA 45.83%, #DDB06B 100%);
    border-radius: 50px;
}


.m-gift-month .gift-item .image img {max-height:350px;margin-top:-100px;}
.m-gift-month .gift-item {margin-top: 80px;}

.main-caption {margin-top:60px;}
.gift-item-main {width:650px;margin:auto;text-transform: uppercase;text-align: center;}
.gift-item-main  .caption {margin:20px 0 0 0;}
@media only screen and (max-width: 720px) {

    .m-gifts {margin:40px 0 60px 0;}
    .m-gifts-week {margin:auto auto 60px auto; display: block;width:100%;min-width:90px;}
    .week-caption, .day-caption,.month-caption {
        margin:0 0 30px 0;
        font-size: 40px;
    }

    .day-caption {font-size:40px;}
    .month-caption {font-size:40px;}
    .main-caption {font-size:40px;}

    .m-gifts-days {margin:auto auto 60px auto; display: block;}
    .m-gift-day {width:100%}

    .gift-item {max-width:640px;margin:0 0 60px 0;}
    .gift-item .image {width:100%;padding:50px 30px;margin:0px 0 40px 0;border-radius: 60px;}
    .gift-item .image img {max-height:350px;height:350px;object-fit: contain;}
    .gift-item .caption {font-size: 28px;line-height: 140%;}
    .gift-item .count {
        position:absolute;
        right:30px;
        top:30px;
        width: 154px;
        font-size: 32px;
        line-height: 140%;
        height: 74px;
        border-radius: 60px;
    }


}

.reg-button {width:390px;margin:30px auto auto auto;}

@media only screen and (max-width: 720px) {
    .reg-button {width:640px;margin-top:60px;}
}


.section-parts {position: absolute;left:0;width:100%;top:0;}
.section-parts img {transition: all 1s ease;transform: scaleY(0)}
body.ready-loader .section-parts img {transform: scaleY(1)}
.section-parts.parts-1 {top:0;}
.section-parts.parts-2 {top:auto;bottom:-150px;}
.section-parts.parts-3 {top:auto;bottom:0;}
.section-parts.parts-4 {top:200px}
.section-parts.parts-5 {bottom:-250px;top:auto;}