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

.rn17 {
	--k: 1;
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	font-family: 'Roboto', Arial, sans-serif;
}

.rn17-slide {
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: calc(1600px * var(--k)) auto;
}

.rn17-slide--1 { height: calc(657px * var(--k)); background-image: url("/custom/redmi-note-17-serija/assets/images/slide-1-bg-desktop.jpg"); background-color: #f8f9fd; }
.rn17-slide--2 { height: calc(857px * var(--k)); background-image: url("/custom/redmi-note-17-serija/assets/images/slide-2-bg-desktop.jpg"); background-color: #f2f2f6; }
.rn17-slide--3 { height: calc(856px * var(--k)); background-image: url("/custom/redmi-note-17-serija/assets/images/slide-3-bg-desktop.jpg"); background-color: #f2f2f6; }

.rn17-slide--1,
.rn17-slide--2 { margin-bottom: calc(5px * var(--k)); }

.rn17-el {
	position: absolute;
	display: block;
	height: auto;
	max-width: none;
}

a.rn17-el img,
a.rn17-el picture,
.rn17-el img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

.rn17-logo            { left: calc(50% + 504.5px * var(--k)); top: calc(30px * var(--k));      width: calc(44px    * var(--k)); }
.rn17-title--dates    { left: calc(50% + 268px   * var(--k)); top: calc(58.5px  * var(--k));   width: calc(85px    * var(--k)); }
.rn17-title--name     { left: calc(50% + 114.5px * var(--k)); top: calc(96.5px  * var(--k));   width: calc(434.5px * var(--k)); }
.rn17-title--claim    { left: calc(50% + 162.5px * var(--k)); top: calc(152px   * var(--k));   width: calc(295px   * var(--k)); }
.rn17-max             { left: calc(50% - 558px   * var(--k)); top: calc(59px    * var(--k));   width: calc(628.5px * var(--k)); }
.rn17-slide--1 .rn17-phones    { left: calc(50% - 919.5px * var(--k)); top: calc(132px   * var(--k)); width: calc(1030.5px * var(--k)); }
.rn17-slide--1 .rn17-gift      { left: calc(50% + 82.5px  * var(--k)); top: calc(231px   * var(--k)); width: calc(454.5px  * var(--k)); }
.rn17-slide--1 .rn17-fineprint { left: calc(50% + 16px    * var(--k)); top: calc(537.5px * var(--k)); width: calc(532.5px  * var(--k)); }

.rn17-scroll { display: none; }

.rn17-section-link {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.rn17-slide--2 .rn17-title2      { left: calc(50% - 506px   * var(--k)); top: calc(175px   * var(--k)); width: calc(467px   * var(--k)); }
.rn17-slide--2 .rn17-gift        { left: calc(50% - 556.5px * var(--k)); top: calc(294px   * var(--k)); width: calc(567.5px * var(--k)); }
.rn17-slide--2 .rn17-phones-link { left: calc(50% - 319.5px * var(--k)); top: calc(117.5px * var(--k)); width: calc(914px   * var(--k)); }
.rn17-slide--2 .rn17-fineprint   { left: calc(50% - 553px   * var(--k)); top: calc(821px   * var(--k)); width: calc(534.5px * var(--k)); }

.rn17-slide--3 .rn17-title2      { left: calc(50% - 27.5px  * var(--k)); top: calc(173.5px * var(--k)); width: calc(572.5px * var(--k)); }
.rn17-slide--3 .rn17-gift        { left: calc(50% - 25px    * var(--k)); top: calc(294.5px * var(--k)); width: calc(567.5px * var(--k)); }
.rn17-slide--3 .rn17-phones-link { left: calc(50% - 898px   * var(--k)); top: calc(106.5px * var(--k)); width: calc(915px   * var(--k)); }
.rn17-slide--3 .rn17-fineprint   { left: calc(50% - 8.5px   * var(--k)); top: calc(821.5px * var(--k)); width: calc(534.5px * var(--k)); }

.rn17-legal {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 46px 24px 66px;
}

.rn17-legal__lead {
	font-size: 20px;
	line-height: 1.65;
	margin: 0 auto 31px;
}

.rn17-legal__list {
	font-size: 15px;
	line-height: 1.63;
	margin: 0 auto 59px;
}

.rn17-legal__note {
	font-size: 15px;
	line-height: 1.55;
	margin: 0 auto 39px;
}

.rn17-legal__link {
	color: #fff;
	text-decoration: none;
}

.rn17-legal__link:hover,
.rn17-legal__link:focus {
	color: #fff;
	text-decoration: underline;
}

.rn17-btn {
	display: table;
	margin: 0 auto;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .25s ease, color .25s ease;
}

.rn17-btn--register {
	background: #da2028;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 13px 32px;
	border-radius: 12px;
}

.rn17-btn--register:hover,
.rn17-btn--register:focus {
	background: #282828;
	color: #fff;
}

.anim-ready .rn17-max {
	opacity: 0;
	transform: scale(1.18) translateY(-10px);
	transition: opacity .6s ease, transform .7s cubic-bezier(.22, 1.1, .35, 1);
	will-change: opacity, transform;
}

.anim-ready .rn17-slide--1 .rn17-phones {
	opacity: 0;
	transform: translateY(60px) scale(.97);
	transition: opacity .7s ease, transform .9s cubic-bezier(.22, 1.12, .36, 1);
	will-change: opacity, transform;
}

.anim-ready .rn17-title {
	opacity: 0;
	transform: translateX(34px);
	transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .3, 1);
	will-change: opacity, transform;
}

.anim-ready .rn17-logo {
	opacity: 0;
	transform: rotate(-45deg) scale(.6);
	transition: opacity .6s ease, transform .6s cubic-bezier(.34, 1.4, .5, 1);
	will-change: opacity, transform;
}

.anim-ready .rn17-fineprint {
	opacity: 0;
	transition: opacity .8s ease;
	will-change: opacity;
}

.anim-ready .rn17-slide--1.is-visible .rn17-max            { opacity: 1; transform: none; transition-delay: .05s; }
.anim-ready .rn17-slide--1.is-visible .rn17-phones         { opacity: 1; transform: none; transition-delay: .15s; }
.anim-ready .rn17-slide--1.is-visible .rn17-title--dates   { opacity: 1; transform: none; transition-delay: .25s; }
.anim-ready .rn17-slide--1.is-visible .rn17-title--name    { opacity: 1; transform: none; transition-delay: .4s; }
.anim-ready .rn17-slide--1.is-visible .rn17-title--claim   { opacity: 1; transform: none; transition-delay: .55s; }
.anim-ready .rn17-slide--1.is-visible .rn17-logo           { opacity: 1; transform: none; transition-delay: .3s; }
.anim-ready .rn17-slide--1.is-visible .rn17-fineprint      { opacity: 1; transition-delay: 1.05s; }

.anim-ready .rn17-title2 {
	opacity: 0;
	transform: translateX(-36px);
	transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .3, 1);
	will-change: opacity, transform;
}

.anim-ready .rn17-slide--3 .rn17-title2 { transform: translateX(36px); }

.anim-ready .rn17-phones-link { opacity: 0; will-change: opacity, transform; }

@keyframes rn17PhonesIn {
	from { opacity: 0; transform: translateY(70px) scale(.97); }
	to   { opacity: 1; transform: none; }
}

.anim-ready .rn17-slide.is-visible .rn17-title2 { opacity: 1; transform: none; }

.anim-ready .rn17-slide.is-visible .rn17-phones-link {
	opacity: 1;
	animation: rn17PhonesIn .9s cubic-bezier(.22, 1.12, .36, 1) .12s backwards;
}

.anim-ready .rn17-slide--2.is-visible .rn17-fineprint,
.anim-ready .rn17-slide--3.is-visible .rn17-fineprint { opacity: 1; transition-delay: .95s; }

.anim-ready .rn17-gift { opacity: 0; will-change: opacity, transform; }

@keyframes rn17GiftPop {
	from { opacity: 0; transform: scale(.85) translateY(24px); }
	60%  { opacity: 1; transform: scale(1.03) translateY(-3px); }
	to   { opacity: 1; transform: none; }
}

@keyframes rn17GiftBob {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-7px); }
}

.anim-ready .rn17-slide.is-visible .rn17-gift {
	opacity: 1;
	animation:
		rn17GiftPop .65s cubic-bezier(.22, 1.1, .35, 1) .5s backwards,
		rn17GiftBob 4.2s ease-in-out 2.4s infinite;
}

.rn17-gift img { transition: transform .35s ease; }
.rn17-phones-link { transition: transform .35s ease; }

@media (hover: hover) {
	.rn17-gift:hover img { transform: scale(1.035) rotate(.6deg); }
	.rn17-section-link:hover ~ .rn17-phones-link { transform: translateY(-6px); }
	.rn17-section-link:hover ~ .rn17-gift img { transform: scale(1.035) rotate(.6deg); }
}

.anim-ready .rn17-legal > * {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .6s ease, transform .6s ease;
	will-change: opacity, transform;
}

.anim-ready .rn17-legal.is-visible > * { opacity: 1; transform: none; }
.anim-ready .rn17-legal.is-visible > *:nth-child(2) { transition-delay: .12s; }
.anim-ready .rn17-legal.is-visible > *:nth-child(3) { transition-delay: .24s; }
.anim-ready .rn17-legal.is-visible > *:nth-child(4) { transition-delay: .36s; }

@keyframes rn17Pulse {
	0%, 100% { transform: scale(1); }
	50%      { transform: scale(1.045); }
}

.anim-ready .rn17-legal.is-visible .rn17-btn--register {
	animation: rn17Pulse 2.6s ease-in-out 1.8s infinite;
}

.rn17-btn--register:hover {
	animation-play-state: paused;
}

.rn17 a:focus-visible {
	outline: 3px solid #da2028;
	outline-offset: 3px;
}

.rn17-legal a:focus-visible,
.rn17-btn:focus-visible {
	outline-color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.anim-ready .rn17-max,
	.anim-ready .rn17-title,
	.anim-ready .rn17-logo,
	.anim-ready .rn17-fineprint,
	.anim-ready .rn17-slide--1 .rn17-phones,
	.anim-ready .rn17-title2,
	.anim-ready .rn17-phones-link,
	.anim-ready .rn17-gift,
	.anim-ready .rn17-legal > *,
	.anim-ready .rn17-legal.is-visible .rn17-btn--register {
		opacity: 1;
		transform: none;
		transition: none;
		animation: none;
	}
}