@charset "utf-8";

:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.15),
		rgba(255, 255, 255, 0)
	); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }

*, ::before, ::after { box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
  :root { scroll-behavior: smooth; }
}

hr { margin: 1rem 0px; color: inherit; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: var(--bs-border-width) solid; opacity: 0.25; }

h3, .h3 { margin-top: 0px; margin-bottom: 0px; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }

h3, .h3 { font-size: calc(1.3rem + 0.6vw); }

@media (min-width: 1200px) {
  h3, .h3 { font-size: 1.75rem; }
}

img { vertical-align: middle; }

label { display: inline-block; }

button { border-radius: 0px; }

button:focus:not(:focus-visible) { outline: 0px; }

button { text-transform: none; }

button, [type="button"], [type="submit"] { appearance: button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0px; }

::-webkit-inner-spin-button { height: auto; }

::-webkit-search-decoration { appearance: none; }

::-webkit-color-swatch-wrapper { padding: 0px; }

::file-selector-button { font: inherit; appearance: button; }

.container { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; }

@media (min-width: 576px) {
  .container { max-width: 540px; }
}

@media (min-width: 768px) {
  .container { max-width: 720px; }
}

@media (min-width: 992px) {
  .container { max-width: 960px; }
}

@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}

@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}

:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }

@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}

@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}

@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}

.placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; }

@keyframes placeholder-glow { 
  50% { opacity: 0.2; }
}

@keyframes placeholder-wave { 
  100% { mask-position: -200% 0%; }
}

html { scroll-behavior: smooth; }

@media screen and (min-width: 1440px) {
  .container { max-width: 1410px; }
}

.container--main { background-color: rgb(255, 255, 255); }

@media screen and (min-width: 992px) {
  .container--main { padding: 3rem calc(-20px + 4.375rem); box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 50px; border-radius: 5px; }
}

@media screen and (min-width: 1440px) {
  .container--main { max-width: 1180px; }
}

h3, .h3 { line-height: 1.1; font-weight: 700; }

h3, .h3 { font-size: 1.5rem; color: rgb(36, 36, 36); }

@media screen and (min-width: 992px) {
  h3, .h3 { font-size: 2rem; }
}

:target::before { content: ""; display: block; height: 2rem; margin-top: -2rem; }

.form { background: rgb(243, 250, 251); border: 1px solid rgb(220, 236, 236); font-size: 16px; padding-top: 40px; padding-bottom: 40px; }

@media (max-width: 767px) {
  .form { padding-bottom: 0px; }
}

.order_block { display: block; text-align: center !important; }

.countdown-block { text-align: center; background: rgb(4, 65, 104); color: rgb(255, 255, 255); padding-bottom: 10px; box-shadow: black 0px 0px; }

.countdown-block h3 { font-weight: 800; font-size: 28px; padding-top: 5px; margin: 0px; color: white; line-height: 1; padding-bottom: 10px; }

.countdown-container { max-width: 320px; background: inherit; border: 5px solid rgb(255, 253, 7); text-align: center; margin: 0px auto; }

.order_block { display: none; text-align: center !important; }

.order_block h3 { background: transparent; font: bold 18px Arial !important; }

.order_block form { margin: 0px auto; }

@media (max-width: 320px) {
  .order_block form { width: auto; }
}

@keyframes pop-up-appear { 
  0% { }
  30% { transform: translateY(100px); }
  100% { transform: translateY(0px); }
}

@keyframes pop-up-appear-before { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes pop-up-appear-after { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

input::placeholder { border: none !important; }

.countdown-block { text-align: center; background: rgb(237, 27, 36); color: rgb(255, 255, 255); padding-bottom: 10px; box-shadow: black 0px 0px; }

.countdown-block h3 { font-weight: 800; font-size: 28px; padding-top: 5px; margin: 0px; color: white; line-height: 1; padding-bottom: 10px; }

.left { position: relative; }

.sale-procent { max-width: 100px; top: 0px; right: -35px; position: absolute; }

.countdown-container { max-width: 320px; background: rgb(237, 27, 36); border: 5px solid rgb(255, 253, 7); text-align: center; margin: 0px auto; }

.countdown-container h3 { color: rgb(255, 253, 7); margin: -10px auto 0px; background: rgb(237, 27, 36); width: 90%; text-transform: uppercase; font-weight: 700; }

.countdown { display: flex; color: white; justify-content: center; align-items: center; font-weight: 300; font-size: 39px; line-height: 1; }

.countdown-item { color: rgb(255, 255, 255); width: 80px; font-weight: bold; text-align: center; }

.countdown-divider { color: rgb(255, 255, 255); width: 1rem; }

.countdown-text { margin: 0px auto -8px; background: rgb(237, 27, 36); width: 90%; color: rgb(255, 253, 7); font-weight: 700; display: flex; justify-content: center; align-items: center; text-transform: uppercase; }

.countdown-text span { text-align: center; width: 33%; }

.best-form { font: 16px / 1.2 Roboto, sans-serif; padding: 1rem 1rem 70px; color: rgb(255, 255, 255); background-color: rgb(255, 170, 0); background-image: url("62de4e9c2eb3701760f4cfabbfef5edf717d4abc.svg"); background-size: cover; }

.form-main { max-width: 100%; margin: 0px auto; }

.product { margin: 0px auto; display: flex; }

.product .left { width: 50%; }

.product .right { width: 50%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.product .price-old { line-height: 1; }

.product .price-old span { display: inline-block; padding: 0px 1rem; font-size: 25px; color: rgb(0, 0, 0); position: relative; text-decoration: line-through; }

.product .discount-text { margin-top: 1rem; color: rgb(0, 0, 0); font-size: 18px; }

.product .price { color: rgb(255, 0, 0); font-size: 30px; font-weight: 700; letter-spacing: -2px; line-height: 1; }

.product .price span { font-weight: 300; font-size: 30px; margin-left: 5px; }

.name-input, .phone-input { color: rgb(0, 0, 0); background: rgb(255, 255, 255); border: 0px; width: 100%; border-radius: 6px; box-sizing: border-box; font-size: 19px; margin-bottom: 10px; transition: 0.15s ease-in-out; }

.name-input label, .phone-input label { align-self: center; padding-left: 15px; width: 60px; font-weight: 700; appearance: none; }

.name-input input, .phone-input input { flex: 1 1 auto; border: 0px; font: inherit; color: inherit; box-sizing: border-box; min-width: 0px; padding: 10px 15px; border-radius: 6px; }

.button-submit { text-align: center; display: flex; width: 100%; margin: 0px auto; text-decoration: none; text-transform: uppercase; color: rgb(255, 255, 255); border-radius: 6px; border: 0px; padding: 14px 0px; background-image: linear-gradient(to top, rgb(19, 124, 9), rgb(22, 172, 12)); transition: 0.15s ease-in-out; cursor: pointer; font: 400 23px / 1.4 Roboto, sans-serif; box-sizing: border-box !important; }

.button-submit-text { color: rgb(255, 254, 254); flex: 1 1 auto; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 900; }

@media screen and (max-width: 759px) {
  .product { display: block; }
  .product .left, .product .right { width: 100%; }
}

@keyframes shadow-pulse2 { 
  0% { box-shadow: rgba(0, 128, 0, 0.9) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 35px; }
}

@keyframes shadow-pulse { 
  0% { box-shadow: rgba(0, 113, 227, 0.9) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 35px; }
}

@keyframes shadow-pulse-big { 
  0% { box-shadow: rgba(0, 113, 227, 0.9) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 70px; }
}

.prod-pulse { margin-bottom: 15px; border-radius: 20px; animation: 1s ease 0s infinite normal none running prod-shadow-pulse; }

@keyframes prod-shadow-pulse { 
  0% { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 15px; }
}

@keyframes prod-shadow-pulse2 { 
  0% { background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 25%); }
  11% { background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0) 50%); }
  23% { background: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%); }
  34% { background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%); }
  45% { background: linear-gradient(rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.8) 100%); }
  55% { background: linear-gradient(rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.8) 100%); }
  66% { background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%); }
  77% { background: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%); }
  89% { background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0) 50%); }
  100% { background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 25%); }
}

@keyframes prod-shadow-pulse3 { 
  0% { box-shadow: white 5px 0px 2px; }
  15% { box-shadow: white 5px 5px 2px; }
  30% { box-shadow: white 0px 5px 2px; }
  45% { box-shadow: white -5px 5px 2px; }
  55% { box-shadow: white -5px 0px 2px; }
  70% { box-shadow: white -5px -5px 2px; }
  85% { box-shadow: white 0px -5px 2px; }
  100% { box-shadow: white 5px -5px 2px; }
}

.countdown-container h3 { font-size: 1rem; }

.countdown-text { font-size: 0.8rem; }

.product .price-old span { font-size: 25px; }

.product .price { font-size: 30px; }

.best-form { background: linear-gradient(rgb(255, 252, 192), rgb(103, 217, 225)); }

.countdown-block, .countdown-container, .countdown-container h3, .countdown-text { background: rgb(4, 65, 104); }

@media (max-width: 600px) {
}

.button-submit { background-image: linear-gradient(to top, rgb(0, 47, 153), rgb(135, 0, 0)); }