main { background: linear-gradient(to bottom right, #0f1418, #2e313a); font-weight: bold; color: #fff; } .blackfriday p { line-height: 1 !important; } .blackfriday section { margin: 80px auto; } .blackfriday input.form-control { margin-top: 5px; border: none; background: transparent; border-bottom: 2px solid #fff; color: #fff; font-weight: bold } .blackfriday label, .blackfriday .black_footer { opacity: 0.7; } .blackfriday input.form-control:focus { border: none; background: #0f1418; border-bottom: 1px solid #ffca15 } .blackfriday .form_send { margin-top: 17px; font-weight: bold; width: 292px; height: 39px; top: 2px; position: relative; } .blackfriday .form_send:hover { border-width: 2px; background: #27272e; color: #f5aa18; } .blackfriday section.section_logo { margin: 15px auto; } .blackfriday .notify { margin: 70px auto; } .blackfriday .mg-left-15 { margin-left: 52px } .blackfriday .font_yellow { color: #ffca15 } .blackfriday .big { font-size: 110px } .blackfriday .medium { font-size: 45px; } .blackfriday .small { font-size: 16px } label { margin-bottom: 10px; } .blackfriday .wave_border { position: relative; display: inline-block } .blackfriday .wave_border:after { content: ' '; background: url("/web/images/blackfriday/wave.svg") repeat-x bottom center; height: 23px; position: absolute; left: 0; right: 0; bottom: 0; } .blackfriday #subform_wrapper { margin: 40px auto; } .blackfriday .subscribe { text-align: center } .btn-lg{ padding: 8px 16px; } .btn-lg2{ padding: 18px 16px; } .blackfriday .subscribe a.btn { height: 70px; border-radius: 36px; width: 400px; font-size: 24px; font-weight: bold; } .blackfriday .black_footer { font-weight: normal; margin-bottom: 0px; } .blackfriday .subscribe a.btn:hover { border-width: 2px; background: #27272e; color: #f5aa18; } .blackfriday .timer { height: 200px; width: 80%; text-align: center; margin: auto; position: relative; margin: 70px auto; } @media screen and (max-width: 768px) { .blackfriday.inner-page { padding: 0; } .blackfriday .notify { margin: 20px auto; } .blackfriday section { margin-top: 0; margin-bottom: 50px; padding-left: 22px; padding-right: 22px; } .blackfriday section.section_logo { margin-top: 0; padding: 0; } .blackfriday section.notify p { text-align: center; margin-bottom: 10px; } .blackfriday .form_send { height: 55px; border-radius: 30px; width: 100%; font-size: 23.5px; font-weight: bold; } .blackfriday .form-group.mg-left-15 { margin-left: auto; } .blackfriday .medium { font-size: 1.6em; } .blackfriday .big { font-size: 2.2em; } .blackfriday .small { font-size: 1em; } .blackfriday section.section_timer { text-align: center; } .blackfriday section.dates { text-align: center } .blackfriday .timer { height: auto; width: 100%; text-align: center; margin: auto; position: relative; margin: 20px auto; } } var previousTickText = ''; document.addEventListener('DOMContentLoaded', function () { var date = new Date($('.timer').data('date')); var timezone = parseInt($('.timer').data('timezone')); var timeZoneOffset = (date.getTimezoneOffset() - (-timezone*60)) * 60 * 1000; date.setTime(date.getTime() - timeZoneOffset); var hours = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours(); var minutes = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes(); var seconds = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds(); $('.timer').data('date', date.getFullYear() + '-' + (date.getMonth()+1) + '-' + (date.getDate()) + ' ' + hours + ':' + minutes + ':' + seconds); console.log($('.timer').data('date')); var today = new Date(); var timestamp = date.getTime() - today.getTime(); var days = date.getDate() - today.getDate(), hours = date.getHours() - today.getHours(), minutes = date.getMinutes() - today.getMinutes(), seconds = date.getSeconds() - today.getSeconds(); $('.timer').TimeCircles({ circle_bg_color: '#434953', total_duration: 'Months', fg_width: 0.05, time: { Days: {color: '#ffca15', text: plural(days, ['День', 'Дня', 'Дней'])}, Hours: {color: '#ffca15', text: plural(hours, ['Час', 'Часа', 'Часов'])}, Minutes: {color: '#ffca15', text: plural(minutes, ['Минута', 'Минуты', 'Минут'])}, Seconds: {color: '#ffca15', text: plural(seconds, ['Секунда', 'секунды', 'Секунд'])} } }) .addListener(function (unit, value, total) { var form = ['Секунда', 'секунды', 'Секунд']; var tickConfig, tickText; switch (unit) { case 'Seconds': tickText = plural(value, ['Секунда', 'секунды', 'Секунд']); tickConfig = { time: { Seconds: {text: tickText} } }; break; case 'Minutes': tickText = plural(value, ['Минута', 'Минуты', 'Минут']); tickConfig = { time: { Minutes: {text: tickText} } }; break; case 'Hours': tickText = plural(value, ['Час', 'Часа', 'Часов']); tickConfig = { time: { Hours: {text: tickText} } }; break; case 'Days': tickText = plural(value, ['День', 'Дня', 'Дней']); tickConfig = { time: { Days: {text: tickText} } }; break; } if (tickText !== previousTickText) { $('.timer').TimeCircles(tickConfig).rebuild(); previousTickText = tickText; } }); }, false); function mbSubmit (form) { mindbox('async', { operation: 'SubscribeOnBlackFridayJS', data: { customer: { fullName: $(form).find('#user-name').val(), email: $(form).find('#user-email').val(), subscriptions: [ { brand: 'KassirSk', pointOfContact: 'Email', valueByDefault: 'true', isSubscribed: 'true' } ] } } }); form.reset(); $(form).find('.hidden').removeClass('hidden'); return false; } Черная пятница 2018 на KASSIR.RUС 23 по 24 ноября покупай билеты на множество событий в твоем городе со скидками до 50%! Оставьте свой e-mail и мы оповестим о старте акции Имя и фамилия Электронная почта Подписаться на акцию 23 - 24 ноября до 50% скидка До начала акции осталось: Подписаться на акцию Черная пятница 2018 на KASSIR.RUС 23 по 24 ноября покупай билеты на множество событий в твоем городе со скидками до 50%!
Наверх