/* FONTS */
@font-face {
  font-family: 'Lato';
  src: url('/upload/static/mk/promo/fonts/Lato/Lato-Regular.eot');
  src: local('Lato Regular'), local('Lato-Regular'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Regular.woff') format('woff'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/upload/static/mk/promo/fonts/Lato/Lato-Medium.eot');
  src: local('Lato Medium'), local('Lato-Medium'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Medium.eot?#iefix') format('embedded-opentype'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Medium.woff') format('woff'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/upload/static/mk/promo/fonts/Lato/Lato-Bold.eot');
  src: local('Lato Bold'), local('Lato-Bold'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Bold.woff') format('woff'),
  url('/upload/static/mk/promo/fonts/Lato/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Medium.eot');
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
    url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Medium.woff') format('woff'),
    url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Bold.eot');
    src: local('Cera Pro Bold'), local('CeraPro-Bold'),
    url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Bold.woff') format('woff'),
    url('/upload/static/mk/promo/fonts/CeraPro/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

/* PRELOADER */
#preloader { transition: opacity 0.5s ease; }
#preloader.lp-fade-out { opacity: 0; }
#lp-content { opacity: 0; visibility: hidden; transition: opacity 0.5s ease;position: absolute; width: 100%;  top: 0; left: 0;  }
#lp-content.lp-visible { opacity: 1; visibility: visible; position: static; pointer-events: auto; }
.lp-preloader--desktop {}
.lp-preloader--mobile { display: none; }

/* BASE */
#content { max-width: initial!important; }
.lp-fullwidth { background-color: #000; overflow: hidden; position: relative; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-fullwidth img { display: block; max-width: 100%; }
.lp-container { max-width: 1080px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; position: relative; }
.lp-container--mid { max-width: 840px; margin: 0 auto; position: relative; }
.lp-desktop { }
.lp-mobile { display: none; }

/* BILLBOARD */
.lp-billboard { position: relative; }
.lp-billboard__stars { position: absolute; width: 100%; top: 0; bottom: 0; }
.lp-billboard__cover { margin-top: -5%; }
.lp-billboard__title { max-width: 1080px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; text-align: center; position: relative; bottom: -35px; z-index: 1; color: #FFDF8C; text-transform: uppercase; font: bold 20px/105% 'Cera Pro', sans-serif; letter-spacing: 10.8px; }
.lp-billboard__descr { font: normal 18px/22px 'Lato', sans-serif; text-align: center; color: #fff; max-width: 1080px; margin: -50px auto 0; padding: 0 20px; box-sizing: border-box; }

/* NAV */
.lp-nav { position: absolute; z-index: 1; top: 74%; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; }
.lp-nav-item { background-color: #000; border: 1px solid #454545; box-shadow: 4px 4px 30px 0 rgba(69, 69, 69, 0.70) inset, 0 0 39px 0 #454545; border-radius: 40px; padding: 18px 30px 18px 60px; box-sizing: border-box; position: relative; color: #C18D23; font: bold 20px/24px 'Cera Pro', sans-serif; text-align: center; text-transform: uppercase; }
.lp-nav-item:nth-child(1):before { display: block; content: ' '; width: 64px; height: 62px; background: transparent url('/upload/static/mk/promo/kubitop/icon-nav-01.png') 0 0 no-repeat; background-size: 100% auto; position: absolute; left:2px; top: 50%; transform: translate(0,-50%) rotate(-5.63deg); transition: all 0.3s; }
.lp-nav-item:nth-child(2):before { display: block; content: ' '; width: 45px; height: 63px; background: transparent url('/upload/static/mk/promo/kubitop/icon-nav-02.png') 0 0 no-repeat; background-size: 100% auto; position: absolute; left:5px; top: 50%; transform: translate(0,-50%) rotate(4.309deg); transition: all 0.3s; }
.lp-nav-item:nth-child(3):before { display: block; content: ' '; width: 63px; height: 62px; background: transparent url('/upload/static/mk/promo/kubitop/icon-nav-03.png') 0 0 no-repeat; background-size: 100% auto; position: absolute; left:-8px; top: 50%; transform: translate(0,-50%) rotate(-14.597deg); transition: all 0.3s; }

@media (hover: hover) and (pointer: fine) {
    .lp-nav-item:nth-child(1):hover:before { transform: translate(0,-50%) rotate(-5.63deg) scale(1.1); transition: all 0.3s; }
    .lp-nav-item:nth-child(2):hover:before { transform: translate(0,-50%) rotate(4.309deg) scale(1.1); transition: all 0.3s; }
    .lp-nav-item:nth-child(3):hover:before { transform: translate(0,-50%) rotate(-14.597deg) scale(1.1); transition: all 0.3s; }
}

/* REG */
.lp-reg-container { margin: 50px 0 0; position: relative; padding: 0 0 160px; box-sizing: border-box; }
.lp-reg-container__bg { display: block; width: 1166px; height: 468px; border-radius: 100%; background: rgba(249, 222, 118, 0.70); filter: blur(250px); position: absolute; left: -128px; bottom: -155px; transform: rotate(-14.675deg); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.lp-regHead { text-align: center; }
.lp-regHead__title { font: bold 60px/75px 'Cera Pro', sans-serif; background: linear-gradient(0deg, #B2831F 13%, #F6C651 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.lp-regHead__descr { font: 500 20px/25px 'Cera Pro', sans-serif; color: #fff; margin-top: 14px; }
.lp-reg { max-width: 490px; margin: 96px auto 0; position: relative; z-index: 1; text-align: center; }
.lp-reg__inner { min-height: 250px; border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 15px; position: relative; z-index: 1; background-color: rgba(255, 255, 255, 0.23); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
.lp-reg__icon { width: 140px; position: absolute; left: 50%; top: -77px; transform: translate(-50%,0); }
.lp-reg__wrapper { padding: 70px 40px 30px; box-sizing: border-box; }
.lp-reg__title { font: 500 20px/25px 'Cera Pro', sans-serif; color: #fff; }
.lp-reg:before { width: 121%; height: 130%; display: block; content: ''; position: absolute; left: 50%; top: 50%;  background: transparent url('/upload/static/mk/promo/kubitop/bg-reg.png') 0 0 no-repeat; background-size: 100% 100%; transform: translate(-52%,-48%); }
.lp-reg__title a { color: #F6C651; text-decoration: underline; }
.lp-reg__rules { font: normal 12px/14px 'Lato', sans-serif; color: #fff; opacity: .6; margin-top: 14px; }
.lp-reg__rules a { color: #fff; text-decoration: underline; }
.lp-reg__checkbox-row { margin: 30px 0 18px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }
.lp-reg__checkbox {}
.lp-reg__checkbox-descr { font: normal 12px/14px 'Lato', sans-serif; color: #fff; }
.lp-reg__btn { display: inline-block; width: 100%; max-width: 200px; box-shadow: none; border: none; background-color: #8D8D8D; color: #b8b8b8; position: relative; padding: 0; font: bold 14px/40px 'Lato'; border-radius: 60px; transition: all 0.3s; cursor: none; pointer-events: none; }
.lp-reg.lp-active .lp-reg__btn { background-color: #F6C651; color: #000; cursor: pointer; pointer-events: initial; }
.lp-reg.lp-active .lp-reg__btn:hover { background-color: #000; color: #fff; }

.lp-reg-decor { position: absolute; }
.lp-reg-decor--01 { width: 92px; left: -343px; top: -20px; transform: rotate(-22.962deg); }
.lp-reg-decor--02 { width: 70px; left: 34px; bottom: -70px; transform: rotate(-24.22deg); }
.lp-reg-decor--03 { width: 55px; right: -350px; top: 34px; transform: rotate(35.528deg); }

.lp-reg-decor-star--01 { width: 252px; left: -390px; top: 230px; transform: rotate(-35.829deg); }
.lp-reg-decor-star--02 { width: 123px; left: -100px; top: 40px; transform: rotate(80.29deg); z-index: 1; }
.lp-reg-decor-star--03 { width: 118px; right: -10px; bottom: 0; transform: rotate(-159.156deg); }
.lp-reg-decor-star--04 { width: 210px; right: -273px; top: 0; transform: rotate(-35.829deg); }
.lp-reg-decor-star--05 { width: 120px; right: -350px; bottom: -140px; transform: rotate(20.844deg); }

.lp-reg-decor-starSmall--01 { width: 24px; left: -180px; top: 72px; }
.lp-reg-decor-starSmall--02 { width: 32px; left: -164px; bottom: -164px; }
.lp-reg-decor-starSmall--03 { width: 32px; left: -120px; top: -30px; }
.lp-reg-decor-starSmall--04 { width: 32px; left: -70px; bottom: -20px; }

.lp-reg-decor-starSmall--05 { width: 32px; left: 266px; bottom: -72px; }
.lp-reg-decor-starSmall--06 { width: 24px; right: -120px; bottom: 0; }
.lp-reg-decor-starSmall--07 { width: 24px; right: -200px; top: -40px; }
.lp-reg-decor-starSmall--08 { width: 32px; right: -170px; bottom: -100px; }


/* REWARD */
.lp-reward-container { margin: 120px 0; position: relative; }
.lp-reward-container__bg { display: block; width: 1672px; height: 672px; border-radius: 100%; background: rgba(217, 217, 217, 0.25); filter: blur(250px); position: absolute; left: -180px; bottom: -208px; transform: rotate(-14.675deg); }
.lp-rewardHead { text-align: center; margin-bottom: 100px; position: relative; z-index: 1; }
.lp-rewardHead__title { font: bold 60px/75px 'Cera Pro', sans-serif; background: linear-gradient(0deg, #B2831F 13%, #F6C651 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.lp-rewardHead__descr { font: 500 18px/22px 'Cera Pro', sans-serif; color: #fff; margin-top: 18px; text-wrap: balance; }

.lp-rewardText { margin: 92px auto 104px; font: 500 18px/22px 'Cera Pro', sans-serif; color: #fff; text-align: center; text-wrap: balance; position: relative; z-index: 1; }
.lp-reward-group { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px 40px; }
.lp-reward-group .lp-reward { width: calc(33.333333% - 20px); }
.lp-reward { max-width: 320px; min-width: 300px; margin: 0; position: relative; text-align: center; cursor: pointer; }
.lp-reward__inner { height: 100%; min-height: 400px; border-radius: 25px; position: relative; z-index: 1; background-color: #000; box-shadow: 4px 4px 30px 0 rgba(69, 69, 69, 0.70) inset, 0 0 39px 0 #454545; border: 1px solid #454545; }
.lp-reward__icon { width: 280px; position: absolute; left: 50%; top: -60px; transform: translate(-50%,0); }
.lp-reward__icon-img { transition: opacity 0.2s; }
.lp-reward__icon-img--hover { opacity: 0; transition: opacity 0.2s; position: absolute; width: 100%; left: 0; top:0; }
.lp-reward__wrapper { padding: 163px 24px 60px; box-sizing: border-box; }
.lp-reward__title { font: 700 34px/100% 'Cera Pro', sans-serif; background: linear-gradient(0deg, #B2831F 13%, #F6C651 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.lp-reward__descr { font: 400 16px/19px 'Lato', sans-serif; color: #fff; margin-top: 18px; text-wrap: balance; }
.lp-reward__btn { width: 100%; font: 400 14px/17px 'Lato', sans-serif; color: #847D80; text-align: center; position: absolute; left: 0; bottom: 35px; text-decoration: underline; cursor: pointer; }

.lp-reward:before { width: 114%; height: 114%; display: block; content: ''; position: absolute; left: 50%; top: 50%;  background: transparent url('/upload/static/mk/promo/kubitop/bg-reward.png') 0 0 no-repeat; background-size: 100% 100%; transform: translate(-50%,-48%); mix-blend-mode: screen; }

@media (hover: hover) and (pointer: fine) {
    .lp-reward:hover .lp-reward__icon-img { opacity: 0; transition: opacity 0.2s; }
    .lp-reward:hover .lp-reward__icon-img--hover { opacity: 1; transition: opacity 0.2s; }
}

/* LEGEND */
.lp-fullwidth--legend { background: #000 url('/upload/static/mk/promo/kubitop/legend-bg.png') top center repeat; background-size: 1440px auto; }
.lp-fullwidth--legend:before { display: block; content: ' '; width: 100%; height: 420px; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 1.11%, rgba(0, 0, 0, 0.00) 99.97%); }
.lp-fullwidth--legend:after { display: block; content: ' '; width: 100%; height: 420px; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 1.11%, rgba(0, 0, 0, 0.00) 99.97%); }

.lp-legend-container { margin: 80px 0 100px; position: relative; z-index: 1; }
.lp-legendHead { text-align: center; margin-bottom: 50px; position: relative; z-index: 1; }
.lp-legendHead__title { font: bold 60px/75px 'Cera Pro', sans-serif; background: linear-gradient(0deg, #B2831F 13%, #F6C651 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.lp-legend-group { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px 32px; }
.lp-legend-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333333% - 24px); flex: 0 0 calc(33.333333% - 24px); border-radius: 25px; overflow: hidden; box-shadow: 4px 4px 30px 0 rgba(69, 69, 69, 0.70) inset, 0 0 39px 0 #454545; border: 1px solid #454545; }

/* FOOTER */
.lp-fullwidth--footer { background: #000 url('/upload/static/mk/promo/kubitop/footer-bg.jpg') bottom center repeat-x; background-size: 1973px auto; }
.lp-footer { min-height: 780px; position: relative; }
.lp-footerHead { text-align: center; margin: 60px auto; }
.lp-footerHead__title { font: bold 58px/75px 'Cera Pro', sans-serif; background: linear-gradient(0deg, #B2831F 13%, #F6C651 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.lp-footerHead__title-2 { font: bold 60px/75px 'Cera Pro', sans-serif; background: linear-gradient(0deg, #B2831F 13%, #F6C651 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 45px #FFD66E; }
.lp-footerHead__title-2 span { color: #FF0000; background:initial; background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial;  }

.lp-footer-decor { position: absolute; }
.lp-footer-decor--01 { width: 370px; left: 50%; bottom: 0; transform: translate(-50%,0) rotate(-2.545deg); }
.lp-footer-decor--02 { width: 255px; left: 50%; bottom: 70px; transform: translate(70%,0); }
.lp-footer-decor--03 { width: 102px; left: 127px; top: 330px; transform: rotate(-35.902deg); }
.lp-footer-decor--04 { width: 80px; right: -110px; top: 330px; transform: rotate(28.69deg); }
.lp-footer-decor-star--01 { width: 70px; left: -135px; top: 340px; transform: rotate(-155deg); }
.lp-footer-decor-star--02 { width: 70px; left: -35px; bottom: 140px; transform: rotate(-155deg); }
.lp-footer-decor-star--03 { width: 178px; left: 110px; bottom: -30px; transform: rotate(-24deg); }
.lp-footer-decor-star--04 { width: 70px; right: 95px; top: 300px; transform: rotate(-155deg); }
.lp-footer-decor-star--05 { width: 116px; right: -110px; bottom: 100px; transform: rotate(-24deg); }

/* POPUP */
.lp-popup-lock { }
.lp-bodylock { overflow: hidden;}
.lp-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.lp-popup-container { display: none; cursor: initial; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-popup-container.lp-active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: transparent); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 30px 10px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; }
.lp-popup-container.lp-active:before { content: ' '; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); z-index: 998; }
.lp-popup-container.lp-active { display: -ms-flexbox; display: -webkit-flex; display: flex; }

.lp-popup { display: none; width: 100%; max-width: 800px; position: relative; z-index: 1000; }
.lp-popup.lp-active { display: block; }
.lp-popup__close { display: block; width: 24px; height: 24px; position: absolute; top: 0px; right: -34px; transition: all 0.3s; cursor: pointer; background: url('/upload/static/mk/promo/kubitop/icon-close.svg') 0 0 no-repeat; background-size: 100% 100%; z-index: 2; }
.lp-popup__close:hover { opacity: .5; }
.lp-popup__wrapper { min-height: 400px; position: relative; z-index: 1;  border: 1px solid rgba(255, 255, 255, 0.21); border-radius: 15px; background-color: rgba(255, 255, 255, 0.23); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); padding: 30px 60px 30px 35px; box-sizing: border-box; }
.lp-popup-decor-left { display: block; width: 1268px; position: absolute; left: -975px; bottom: -76px; z-index: 1; pointer-events: none; }
.lp-popup-decor-right { display: block; width: 1268px; position: absolute; right: -937px; top: -32px; z-index: 1; pointer-events: none; }

.lp-popupHead { display: inline-block; margin: 0 0 20px; background-color: #000; border: 1px solid #454545; box-shadow: 4px 4px 30px 0 rgba(69, 69, 69, 0.70) inset, 0 0 39px 0 #454545; border-radius: 40px; padding: 8px 30px; box-sizing: border-box; color: #C18D23; font: bold 36px/45px 'Cera Pro', sans-serif; text-align: center; text-transform: uppercase; }
.lp-popupHead__icon { width: 280px; position: absolute; top: -75px; right: -16px; z-index: 2; }
.lp-popupBody { color: #fff; position: relative; z-index: 2; }
.lp-popupBody p { font: normal 16px/19px 'Lato', sans-serif; margin: 19px 0 0 0; color: #fff; }
.lp-popupBody strong { font-weight: bold; }
.lp-popupBody p:first-child { margin-top: 0; }
.lp-popupBody__maxw { max-width: 80%; }
.lp-popupBody a { color: #fff; text-decoration: underline; }
.lp-popupBody ul { list-style: disc; margin: 0; padding: 0 0 0 20px; }
.lp-popupBody li { font: normal 16px/19px 'Lato', sans-serif; color: #FFC42E; }
.lp-popupBody li span { color: #fff; }
.lp-popupBody li:first-child { margin-top: 0; }
.lp-popupBody-row { margin: 24px 0 0 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
.lp-popupBody-row-head { width: 110px; }
.lp-popupBody-row-descr { width: calc(100% - 20px - 110px); }
.lp-popup-footer { margin: 30px 0 60px; text-align: center; position: relative; z-index: 1; }
.lp-popup__btn { display: inline-block; font: 500 16px/100% 'Cera Pro', sans-serif; letter-spacing: 0.16px; border-radius: 20px; border: 2px solid #d7b96f; background: linear-gradient(0deg, #B2831F 13.17%, #F6C651 100%); padding: 12px 18px; box-sizing: border-box; text-decoration: none; cursor: pointer; color: #000; }
.lp-popup__footernote { font: normal 12px/14px 'Lato', sans-serif; color: #fff; margin-top: 14px; }


















@media (hover: hover) and (pointer: fine) { }

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

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

@media only screen and (max-width: 1024px) {
    /* BILLBOARD */
    .lp-billboard__title { bottom: -30px; font: bold 10px/129% 'Cera Pro', sans-serif; letter-spacing: 5.4px; }
    /* NAV */
    .lp-nav { top: 72%; gap: 15px 30px; }
    .lp-nav-item { border-radius: 33px; padding: 13px 26px 13px 60px; font: bold 16px/20px 'Cera Pro', sans-serif; }
    .lp-nav-item:nth-child(1):before { width: 47px; height: 46px; left:8px; }
    .lp-nav-item:nth-child(2):before { width: 35px; height: 50px; left:12px; }
    .lp-nav-item:nth-child(3):before { width: 49px; height: 48px; left:8px; }
    /* POPUP */
    .lp-popup__close { top: -34px; right: 0; }
    /* REWARD */
    .lp-reward__title { font: 700 28px/100% 'Cera Pro', sans-serif; }
    /* FOOTER */
    .lp-fullwidth--footer { background: #000 url('/upload/static/mk/promo/kubitop/footer-bg.jpg') bottom center repeat-x; background-size: 1024px auto; }
    .lp-footer { min-height: 360px; }
    .lp-footerHead { margin: 35px auto; }
    .lp-footerHead__title { font: bold 36px/45px 'Cera Pro', sans-serif; }
    .lp-footerHead__title-2 { font: bold 36px/45px 'Cera Pro', sans-serif; }

    .lp-footer-decor--01 { width: 128px; left: 50%; bottom: 0; transform: translate(-50%,0) rotate(-2.545deg); }
    .lp-footer-decor--02 { width: 88px; left: 50%; bottom: 30px; transform: translate(70%,0); }
    .lp-footer-decor--03 { width: 35px; left: 10px; top: 190px; }
    .lp-footer-decor--04 { width: 27px; right: 50px; top: 160px; }
    .lp-footer-decor-star--01 { width: 24px; left: 20%; top: 160px; }
    .lp-footer-decor-star--02 { width: 30px; left: 45px; bottom: 80px; }
    .lp-footer-decor-star--03 { width: 62px; left: 10px; bottom: -30px; }
    .lp-footer-decor-star--04 { width: 24px; right: 60px; bottom: 0; }
    .lp-footer-decor-star--05 { width: 40px; right: -20px; bottom: 100px; }
}

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

@media only screen and (max-width: 840px) {
    /* BILLBOARD */
    .lp-billboard__descr { display: none; }
}

@media only screen and (max-width: 768px) {
  .lp-container { padding: 0 10px; }
  .lp-desktop { display: none; }
  .lp-mobile { display: block; }
    /* BILLBOARD */
    .lp-billboard { padding-bottom: 100px; }
    .lp-billboard__cover { margin-top: -12%; }
    .lp-billboard__title { max-width: 320px; padding: 0 10px; }
    /* NAV */
    .lp-nav { top: initial; bottom: 7%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: center; }
    /* POPUP */
    .lp-popup__wrapper { min-height: 200px; padding: 12px 14px 24px; }
    .lp-popup__close { top: 10px; right: 7px; }
    .lp-popupHead { display: block; max-width: 320px; margin: 0 20px 24px 0; border-radius: 33px; padding: 13px 100px 13px 28px; font: bold 16px/20px 'Cera Pro', sans-serif; position: relative; text-align: left; z-index: 2; }
    .lp-popupHead__icon { width: 90px; top: -12px; right: 0; }
    .lp-popupBody { margin: 0 14px; }
    .lp-popupBody p { font: normal 14px/17px 'Lato', sans-serif; margin: 17px 0 0 0; }
    .lp-popupBody__maxw { max-width: initial; }
    .lp-popupBody ul { padding: 0 0 0 17px; }
    .lp-popupBody li { font: normal 14px/17px 'Lato', sans-serif; }
    .lp-popupBody-row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 17px; }
    .lp-popupBody-row-head { width: 100%; }
    .lp-popupBody-row-descr { width: 100%; }
    .lp-popup-footer { margin: 30px 0 0; }
    .lp-popup-decor-left { width: 542px; left: -317px; bottom: -58px; }
    .lp-popup-decor-right { width: 542px; right: -359px; top: initial; bottom: -50px; }
    .lp-popup--witnbtn .lp-popup-decor-left { bottom: -112px; }
    .lp-popup--witnbtn .lp-popup-decor-right { bottom: -162px; }

    /* REWARD */
    .lp-reward-container { }
    .lp-rewardHead { margin-bottom: 60px; }
    .lp-rewardHead__title { font: bold 27px/34px 'Cera Pro', sans-serif; }
    .lp-rewardHead__descr { font: 500 14px/18px 'Cera Pro', sans-serif; margin-top: 28px; }

    /* LEGEND */
    .lp-fullwidth--legend { }

    .lp-legend-container { margin: 30px 0 100px; position: relative; z-index: 1; }
    .lp-legendHead { margin-bottom: 20px; }
    .lp-legendHead__title { font: bold 27px/34px 'Cera Pro', sans-serif; }
    .lp-legend-group { max-width: 480px; margin: 0 auto; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 22px; }
    .lp-legend-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

    /* FOOTER */
    .lp-footerHead__title { font: bold 27px/28px 'Cera Pro', sans-serif; }
    .lp-footerHead__title-2 { font: bold 27px/28px 'Cera Pro', sans-serif; }

    /* REG */
    .lp-reg-container { padding: 0; }
    .lp-regHead__title { font: bold 27px/34px 'Cera Pro', sans-serif; }
    .lp-regHead__descr { font: 500 14px/18px 'Cera Pro', sans-serif; }
    .lp-reg { max-width: 490px; margin: 190px auto 0; }
    .lp-reg__wrapper { padding: 70px 14px 20px; }
    .lp-reg__title { font: 500 18px/23px 'Cera Pro', sans-serif; }

    .lp-reg-decor--01 { width: 30px; left: 27px; top: -120px; }
    .lp-reg-decor--02 { width: 30px; left: 95px; bottom: -50px; }
    .lp-reg-decor--03 { width: 24px; right: 22px; top: -120px; }

    .lp-reg-decor-star--01 { width: 55px; left: -16px; top: initial; bottom: -100px; }
    .lp-reg-decor-star--02 { width: 112px; left: -40px; top: -100px; }
    .lp-reg-decor-star--03 { width: 80px; right: -10px; bottom: 50px; }
    .lp-reg-decor-star--04 { width: 55px; right: 170px; top: -140px; }
    .lp-reg-decor-star--05 { width: 82px; right: -20px; bottom: initial; top: 0; }

    .lp-reg-decor-starSmall--01 { width: 24px; left: 20%; top: -72px; }
    .lp-reg-decor-starSmall--02 { width: 32px; left: 450%; bottom: -10px; }
    .lp-reg-decor-starSmall--03 { width: 32px; left: 70%; top: -40px; }
    .lp-reg-decor-starSmall--04 { width: 32px; left: 12%; bottom: -20px; }

    .lp-reg-decor-starSmall--05 { width: 32px; left: 70%; bottom: -42px; }
    .lp-reg-decor-starSmall--06 { width: 24px; right: 50%; bottom: -10%;}
    .lp-reg-decor-starSmall--07 { width: 24px; right: 10%; top: -40%; }
    .lp-reg-decor-starSmall--08 { width: 32px; right: 10%; bottom: -30%; }

    /* PRELOADER */
    .lp-preloader--desktop { display: none;  }
    .lp-preloader--mobile { display: block; }
}


@media screen and (max-width: 660px) { }

@media screen and (max-width: 425px) {
    .lp-billboard { padding-bottom: 130px; }
    /* NAV */
    .lp-nav { bottom: 7%; }
}

@media screen and (max-width: 360px) { }