@charset "UTF-8";

@font-face {
  font-family: "Gilroy";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy/Gilroy-Regular.eot");
  src: url("../fonts/Gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Regular.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Regular.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy/Gilroy-Semibold.eot");
  src: url("../fonts/Gilroy/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Semibold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Semibold.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Semibold.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy/Gilroy-Bold.eot");
  src: url("../fonts/Gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Bold.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Bold.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy/Gilroy-Extrabold.eot");
  src: url("../fonts/Gilroy/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Extrabold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Extrabold.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Extrabold.svg#Gilroy") format("svg");
}

@font-face {
  font-family: "Gilroy";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Gilroy/Gilroy-Black.eot");
  src: url("../fonts/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Black.ttf") format("truetype"), url("../fonts/Gilroy/Gilroy-Black.svg#Gilroy") format("svg");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
.logos__title,
h3,
h4,
.find .item__title,
.form__title,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --container-width: 1260px;
  --tr: 0.3s ease;
  --trd: 0.3s ease 0.3s;
  --transition: 0.3s ease;
  --default-font-family: "Gilroy";
  --heading-font-family: "Gilroy";
  --sp: 60px;
  --accent: #F45430; 
  --dark-wine: #55072a;
  --orange: #F45430;
  --peach: #FC7C31;
  --cream: #FFE7B8;
  --pink: #FFDAEA;
  --bg: #fff;
  --white: #fff;
  --text-color-first: #55072a;
  --text-color-second: #202020;
  --fz-default: 16px;
  --h1: 57px;
  --h2: 40px;
  --h3: 40px;
  --h4: 32px;
  --l: 27px;
  --m: 24px;
  --s: 16px;
}

body {
  font: 400 var(--fz-default) var(--default-font-family), Helvetica, Arial, sans-serif;
  background: var(--bg);
  min-width: 360px;
  color: var(--text-color-first);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.hidden {
  display: none;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 10px;
  width: 100%;
}

form input.error {
  box-shadow: inset 0px 0px 20px 1px rgba(255, 0, 0, 0.3);
  border: 2px solid red !important;
}

form input.not_error {
  box-shadow: inset 0px 0px 20px 1px rgba(100, 255, 100, 0.3);
  border: 2px solid #99FF99 !important;
}

b {
  font-weight: 700;
}

h1,
._h1 {
  font: 400 var(--h1)/1.1 var(--heading-font-family);
}

h1 b,
._h1 b {
  font-weight: 800;
}

h2,
.logos__title,
._h2 {
  font: 900 var(--h2) var(--heading-font-family);
  text-transform: uppercase;
}

h3,
._h3 {
  font: 700 var(--h3) var(--heading-font-family);
}

h4,
.find .item__title,
.form__title,
._h4 {
  font: 700 var(--h4)/1.1 var(--heading-font-family);
}

a {
  color: var(--text-color-second);
  text-decoration: none;
}

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

._accent {
  color: var(--accent);
}

._s {
  font-size: var(--s);
  line-height: 140%;
}

._m {
  font-size: var(--m);
  line-height: 140%;
}

._l {
  font-size: var(--l);
  line-height: 140%;
}

.btn {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 22px;
  background: var(--accent);
  border-radius: 400px;
  color: var(--white);
  font-weight: 600;
  font-size: 14px;
  min-width: 268px;
  transition: var(--tr);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}

.btn:hover {
  filter: saturate(0.75);
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin: 0 auto;
}

.form {
  position: relative;
  overflow: hidden;
}

.form .input {
  background: #fff;
  width: 100%;
  height: 60px;
  border: 1px solid #dcdcdc;
  border-radius: 14px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  display: block;
}

.form .input__wrap {
  display: block;
  text-align: left;
  position: relative;
}

.form .input__wrap.focused .input__label {
  transform: translate(0, -25px);
  font-size: 10px;
}

.form .input__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.3s ease;
  color: #140D44B2;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/loading.svg) 50% no-repeat;
  z-index: 10;
}

.form.loading:before {
  display: block;
}

.form .intl-tel-input {
  width: 100%;
}

.form .country-list .country-name {
  color: #333;
}

.header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	padding: 10px 0;
	background: #fff;
	z-index: 100;
}

.header__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.header__logo {
	position: relative;
	margin: 5px 0;
	z-index: 110;
}

.header__logo img {
	display: block;
}

.header__menu {
  position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
  transform: translateX(34px);
}

.header__menu li {
	margin: 0 20px;
	position: relative;
	overflow: hidden;
}

.header__menu li:after,
.header__lang-link:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #F45430;
	bottom: 0;
	left: 0;
	transform: translateX(-110%);
	transition: 0.3s ease;
	position: absolute;
}

.header__menu li:hover:after,
.header__lang-link:hover:after {
	transform: translateX(0);
}

.header__menu li:hover a,
.header__lang a:hover {
	color: #F45430;
}

.header__menu a {
	font-size: 14px;
	line-height: 16px;
	transition: 0.3s ease;
}

.header__lang {
	display: flex;
    align-items: center;
    text-transform: uppercase;
	margin-right: 50px;
}

.header__lang li {
	position: relative;
    overflow: hidden;
    padding: 2px;
    margin: 0 2px;
    font-size: 18px;
}

.header__lang li:nth-child(2) {
	margin: 0;
	padding: 0;
}

.header__lang a {
    transition: 0.3s ease;
}

.header__btn {
  background: var(--bg);
  color: var(--text-color-first);
  border: solid var(--text-color-first) 1px;
}

.header__burger {
	display: none;
}

.header__social {
	display: none;
}

.hero {
  padding-top: calc(var(--sp) * 2);
}

.hero__inner {
  background: var(--cream);
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  padding: 64px;
  display: flex;
  gap: 18px;
}

.hero__inner:before {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 0;
  display: block;
  aspect-ratio: 1240/536;
  width: 1240px;
  pointer-events: none;
  background: bottom/contain no-repeat url("../img/hero-bottom-decor.webp");
}

.hero__inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  aspect-ratio: 508/329;
  width: 508px;
  pointer-events: none;
  background: center/contain no-repeat url("../img/hero-top-decor.webp");
}

.hero__left {
  position: relative;
  z-index: 1;
}

.hero__tags {
  display: flex;
  gap: 12px;
  margin-bottom: 33px;
}

.hero__title {
  margin-bottom: 33px;
}

.hero__subtitle {
  margin-bottom: 40px;
  font-size: var(--m);
  line-height: 1.2;
}

.timer__title {
  font-weight: 700;
  margin-bottom: 12px;
}

.form {
  height: 100%;
  width: 486px;
  background: var(--white);
  padding: 30px;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.form__title {
  text-align: center;
}

.form__gift {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 310px;
}

.form__gift-image {
  flex: 0 0 auto;
  aspect-ratio: 74/80;
  width: 74px;
  background: bottom left/contain no-repeat;
}

.form .input__wrap {
  width: 100%;
}

.form__agree {
  opacity: 0.8;
  text-align: center;
  font-size: 12px;
  margin-top: auto;
  color: #140D44CC;
}

.form__agree a {
  text-decoration: underline;
  color: inherit;
}

.tag {
  display: flex;
  align-items: center;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
}

.tag > * {
  display: flex;
  align-items: center;
  color: var(--white);
  font-weight: 600;
}

.tag > *:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
}

.tag:has(.free) {
  background: var(--accent);
  padding: 15.5px 16px;
}

.tag:has(.free) .free {
  text-transform: uppercase;
  gap: 14px;
}

.tag:has(.free) .free:before {
  width: 15px;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%208.00513C4.66574%206.17482%206.27074%204.50403%207.50525%200.48964C8.96831%204.41605%2010.2892%206.25837%2015.0207%207.99489C10.6328%209.68363%209.02775%2011.362%207.51549%2015.5104C6.07435%2011.2812%204.63731%209.45779%200%208.00513Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.tag:has(.date, .time) {
  padding: 11px 12px;
  background: var(--dark-wine);
}

.tag:has(.date, .time) > * {
  position: relative;
  gap: 11px;
  padding: 0 12px;
}

.tag:has(.date, .time) > *:first-child {
  padding-left: 0;
}

.tag:has(.date, .time) > *:last-child {
  padding-right: 0;
}

.tag:has(.date, .time) > *:last-child:after {
  display: none;
}

.tag:has(.date, .time) > *:before {
  width: 28px;
}

.tag:has(.date, .time) > *:after {
  content: "";
  display: block;
  background: var(--white);
  height: 20px;
  width: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.tag:has(.date, .time) .date:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22white%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_328_7513)%22%3E%0A%3Cpath%20d%3D%22M21%2010.2812V14.1641C21%2014.4661%2020.7552%2014.7109%2020.4531%2014.7109C20.151%2014.7109%2019.9062%2014.4661%2019.9062%2014.1641V10.2812C19.9062%209.67819%2019.4155%209.1875%2018.8125%209.1875H18.1015V9.73437C18.1015%2010.0364%2017.8567%2010.2812%2017.5547%2010.2812C17.2526%2010.2812%2017.0078%2010.0364%2017.0078%209.73437V9.1875H14.5195V9.73437C14.5195%2010.0364%2014.2747%2010.2812%2013.9726%2010.2812C13.6706%2010.2812%2013.4258%2010.0364%2013.4258%209.73437V9.1875H10.9648V9.73437C10.9648%2010.0364%2010.72%2010.2812%2010.418%2010.2812C10.1159%2010.2812%209.87109%2010.0364%209.87109%209.73437V9.1875H9.1875C8.58444%209.1875%208.09375%209.67819%208.09375%2010.2812V18.8125C8.09375%2019.4155%208.58444%2019.9062%209.1875%2019.9062H13.7812C14.0833%2019.9062%2014.3281%2020.151%2014.3281%2020.4531C14.3281%2020.7552%2014.0833%2021%2013.7812%2021H9.1875C7.98128%2021%207%2020.0187%207%2018.8125V10.2812C7%209.07502%207.98128%208.09375%209.1875%208.09375H9.87109V7.54687C9.87109%207.24481%2010.1159%207%2010.418%207C10.72%207%2010.9648%207.24481%2010.9648%207.54687V8.09375H13.4258V7.54687C13.4258%207.24481%2013.6706%207%2013.9726%207C14.2747%207%2014.5195%207.24481%2014.5195%207.54687V8.09375H17.0078V7.54687C17.0078%207.24481%2017.2526%207%2017.5547%207C17.8567%207%2018.1015%207.24481%2018.1015%207.54687V8.09375H18.8125C20.0186%208.09375%2021%209.07502%2021%2010.2812ZM10.9648%2012.7422C10.9648%2012.4401%2010.72%2012.1953%2010.418%2012.1953C10.1159%2012.1953%209.87109%2012.4401%209.87109%2012.7422C9.87109%2013.0442%2010.1159%2013.2891%2010.418%2013.2891C10.72%2013.2891%2010.9648%2013.0442%2010.9648%2012.7422ZM15.1758%2013.2891C15.4778%2013.2891%2015.7226%2013.0442%2015.7226%2012.7422C15.7226%2012.4401%2015.4778%2012.1953%2015.1758%2012.1953C14.8737%2012.1953%2014.6289%2012.4401%2014.6289%2012.7422C14.6289%2013.0442%2014.8737%2013.2891%2015.1758%2013.2891ZM17.5547%2013.2891C17.8567%2013.2891%2018.1015%2013.0442%2018.1015%2012.7422C18.1015%2012.4401%2017.8567%2012.1953%2017.5547%2012.1953C17.2526%2012.1953%2017.0078%2012.4401%2017.0078%2012.7422C17.0078%2013.0442%2017.2526%2013.2891%2017.5547%2013.2891ZM10.9648%2015.1211C10.9648%2014.819%2010.72%2014.5742%2010.418%2014.5742C10.1159%2014.5742%209.87109%2014.819%209.87109%2015.1211C9.87109%2015.4231%2010.1159%2015.668%2010.418%2015.668C10.72%2015.668%2010.9648%2015.423%2010.9648%2015.1211ZM10.418%2016.9531C10.1159%2016.9531%209.87109%2017.1979%209.87109%2017.5C9.87109%2017.802%2010.1159%2018.0469%2010.418%2018.0469C10.72%2018.0469%2010.9648%2017.802%2010.9648%2017.5C10.9648%2017.1979%2010.72%2016.9531%2010.418%2016.9531ZM13.3437%2012.7422C13.3437%2012.4401%2013.0989%2012.1953%2012.7969%2012.1953C12.4948%2012.1953%2012.25%2012.4401%2012.25%2012.7422C12.25%2013.0442%2012.4948%2013.2891%2012.7969%2013.2891C13.0989%2013.2891%2013.3437%2013.0442%2013.3437%2012.7422ZM13.3437%2015.1211C13.3437%2014.819%2013.0989%2014.5742%2012.7969%2014.5742C12.4948%2014.5742%2012.25%2014.819%2012.25%2015.1211C12.25%2015.4231%2012.4948%2015.668%2012.7969%2015.668C13.0989%2015.668%2013.3437%2015.423%2013.3437%2015.1211ZM12.7969%2016.9531C12.4948%2016.9531%2012.25%2017.1979%2012.25%2017.5C12.25%2017.802%2012.4948%2018.0469%2012.7969%2018.0469C13.0989%2018.0469%2013.3437%2017.802%2013.3437%2017.5C13.3437%2017.1979%2013.0989%2016.9531%2012.7969%2016.9531ZM14.6289%2015.1211C14.6289%2015.4231%2014.8737%2015.668%2015.1758%2015.668C15.4778%2015.668%2015.7226%2015.4231%2015.7226%2015.1211C15.7226%2014.819%2015.4778%2014.5742%2015.1758%2014.5742C14.8737%2014.5742%2014.6289%2014.819%2014.6289%2015.1211ZM17.0078%2015.1211C17.0078%2015.4231%2017.2526%2015.668%2017.5547%2015.668C17.8567%2015.668%2018.1015%2015.4231%2018.1015%2015.1211C18.1015%2014.819%2017.8567%2014.5742%2017.5547%2014.5742C17.2526%2014.5742%2017.0078%2014.819%2017.0078%2015.1211ZM20.7714%2015.9069C20.5258%2015.7311%2020.1843%2015.7876%2020.0084%2016.0333L17.3129%2019.7985C17.2393%2019.8838%2017.147%2019.9022%2017.0976%2019.9055C17.0468%2019.9089%2016.9493%2019.9025%2016.8634%2019.822L15.1213%2018.1218C14.9051%2017.9109%2014.5588%2017.9151%2014.3479%2018.1312C14.137%2018.3474%2014.1412%2018.6937%2014.3574%2018.9047L16.1025%2020.6077C16.1041%2020.6092%2016.1058%2020.6108%2016.1074%2020.6124C16.3691%2020.8613%2016.7182%2020.9999%2017.0775%2020.9999C17.1084%2020.9999%2017.1394%2020.9989%2017.1704%2020.9968C17.5617%2020.9707%2017.9271%2020.7804%2018.1729%2020.4746C18.1792%2020.4667%2018.1854%2020.4587%2018.1913%2020.4504L20.8978%2016.6698C21.0736%2016.4243%2021.017%2016.0827%2020.7714%2015.9069Z%22%20fill%3D%22%23140D44%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_328_7513%22%3E%0A%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(7%207)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}

.tag:has(.date, .time) .time:before {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M21.9999%2014.0132C21.9796%2018.4472%2018.3799%2022.0288%2013.9724%2021.9998C9.54498%2021.9705%205.97669%2018.3797%206.00011%2013.9771C6.02389%209.55148%209.6275%205.96529%2014.0178%206.00025C18.4578%206.03522%2022.0198%209.61057%2021.9999%2014.0132ZM13.9927%2020.8824C17.7834%2020.8915%2020.8642%2017.8203%2020.881%2014.0149C20.9002%2010.2214%2017.8187%207.12957%2014.0074%207.11908C10.2202%207.10684%207.13337%2010.184%207.11903%2013.9862C7.1019%2017.7798%2010.1859%2020.8733%2013.9934%2020.8824H13.9927Z%22%20fill%3D%22%23140D44%22%2F%3E%0A%3Cpath%20d%3D%22M13.2263%2011.8597C13.2263%2011.1219%2013.2263%2010.3842%2013.2263%209.64663C13.2263%209.26663%2013.4812%209.00256%2013.8507%209.00005C14.2289%208.99576%2014.4922%209.2609%2014.4922%209.64949C14.4922%2010.982%2014.4961%2012.3145%2014.4878%2013.647C14.4878%2013.8037%2014.5453%2013.8921%2014.6793%2013.9816C15.6427%2014.6257%2016.6048%2015.2715%2017.5555%2015.9313C17.6956%2016.0352%2017.7973%2016.1751%2017.8469%2016.3324C17.9195%2016.5718%2017.7982%2016.7783%2017.5603%2016.9078C17.3224%2017.0373%2017.0814%2017.0316%2016.8554%2016.8828C16.5256%2016.6652%2016.2005%2016.4423%2015.8738%2016.2208C15.1043%2015.6998%2014.338%2015.1749%2013.5637%2014.66C13.3238%2014.5004%2013.2192%2014.3058%2013.2227%2014.0378C13.2334%2013.3121%2013.2263%2012.5861%2013.2263%2011.8597Z%22%20fill%3D%22%23140D44%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.logos {
  padding-top: calc(var(--sp) * 2);
  padding-bottom: var(--sp);
}

.logos__title {
  margin-bottom: 37px;
  text-align: center;
}

.logos .item {
  aspect-ratio: 182/96;
  width: 182px;
  background: var(--pink) 50%/70% no-repeat;
  border-radius: 5.44433px;
}

.logos .swiper {
  overflow: visible;
}

.logos .swiper-wrapper {
  transition: linear;
}

.logos__items {
  height: -moz-max-content !important;
  height: max-content !important;
}

.find {
  padding: var(--sp) 0;
}

.find__container {
  counter-reset: findItems;
  display: grid;
  gap: 24px 30px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "img title item_1" "img item_2 item_3" "img item_4 item_5";
}

.find__title {
  grid-area: title;
}

.find__image {
  grid-area: img;
  background: center top/cover no-repeat;
  border-radius: 24px;
}

.find .item {
  position: relative;
  counter-increment: findItems;
  border-radius: 16px;
  padding: 40px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  min-height: 200px;
}

.find .item_wine {
  background: var(--pink);
  box-shadow: -7px 0px 0px 0px var(--dark-wine);
}

.find .item_wine .item__title,
.find .item_wine:after {
  color: var(--dark-wine);
}

.find .item_wine:before {
  background: center/contain no-repeat url(../img/find-arrow-blue.svg);
}

.find .item_peach {
  background: #FFE2D2;
  box-shadow: -7px 0px 0px 0px var(--peach);
}

.find .item_peach .item__title,
.find .item_peach:after {
  color: var(--peach);
}

.find .item_peach:before {
  background: center/contain no-repeat url(../img/find-arrow.svg);
}

.find .item:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.find .item__text {
  line-height: 1.2;
}

.find .item:after {
  content: counter(findItems, decimal-leading-zero);
  font-size: 14px;
  font-weight: 800;
}

.find .item_1 {
  grid-area: item_1;
}

.find .item_2 {
  grid-area: item_2;
}

.find .item_3 {
  grid-area: item_3;
}

.find .item_4 {
  grid-area: item_4;
}

.find .item_5 {
  grid-area: item_5;
}

.speaker {
  padding: var(--sp) 0;
}

.speaker__title {
  text-align: center;
  margin-bottom: 38px;
}

.speaker__inner {
  background: var(--cream);
  border-radius: 32px;
  display: flex;
  align-items: stretch;
}

.speaker__info {
  flex: 0 0 auto;
  max-width: 640px;
  font-size: 20px;
  padding: 50px 0 50px 50px;
  position: relative;
  z-index: 1;
}

.speaker__info h3 {
  font-size: 95px;
  line-height: 0.84;
  font-weight: 900;
  margin-bottom: 42px;
}

.speaker__info ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  line-height: 1.2;
}

.speaker__info ul li {
  padding-left: 22px;
  position: relative;
}

.speaker__info ul li {

}

.speaker__info ul li:before {
  background: var(--dark-wine);
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-40%);
  border-radius: 2px;
}

.speaker__presentation {
  flex: 1 1 auto;
  position: relative;
}

.speaker__presentation:before {
  background: var(--peach);
  content: "• Live";
  position: absolute;
  top: 33px;
  right: 33px;
  z-index: 2;
  padding: 6px 11px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  color: var(--white);
}

.speaker__bg {
  position: absolute;
  right: -13%;
  bottom: -8%;
  aspect-ratio: 1 / 1;
  width: 729px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

.speaker__bg:before,
.speaker__bg:after {
  content: "";
  display: block;
  height: 75%;
  width: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: inherit;
  background: inherit;
}

.speaker__bg:after {
  height: 50%;
  width: 50%;
}

.speaker__photo {
  position: absolute;
  bottom: 0;
  left: 10%;
  aspect-ratio: 504 / 612;
  width: 541px;
  background: center bottom / contain no-repeat;
}

.register {
  position: relative;
  padding: calc(var(--sp) * 2) 0;
}

.register__container {
  display: flex;
  align-items: stretch;
}

.register__left {
  flex: 0 0 608px;
}

.register__tags {
  display: flex;
  gap: 12px;
  margin-bottom: 30px;
}

.register__tags .tag {
  background: var(--orange);
}

.register__tags .tag > * {
  color: var(--white);
}

.register__tags .tag > *:after {
  background: var(--dark-wine);
}

.register__title {
  margin-bottom: 32px;
  color: var(--text-color-second);
}

.register__subtitle {
  margin-bottom: 30px;
  font-size: var(--m);
  line-height: 1.2;
  color: var(--text-color-second);
}

.register__right {
  position: relative;
  flex: 1 1 auto;
}

.register__image {
  position: absolute;
  top: 50%;
  right: -17px;
  aspect-ratio: 1/1;
  width: 632px;
  background: center/contain no-repeat;
  transform: translateY(-50%);
}

.footer {
  margin-top: auto;
}

.video-marketing .footer {
  background-color: var(--dark-wine);
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.modal-overlay .modal-content {
  margin-bottom: 0px;
  border-radius: 4px;
}

.modal-overlay .close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay .close-button:before {
  background: #fff;
  content: "";
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(-45deg);
}

.modal-overlay .close-button:after {
  background: #fff;
  content: "";
  margin-top: -50px;
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(45deg);
  transition: 0.2s linear;
}

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.simpleCountdown {
  display: flex;
  gap: 8px;
}

.simpleCountdown .wrapDays,
.simpleCountdown .wrapHours,
.simpleCountdown .wrapMinutes,
.simpleCountdown .wrapSeconds {
  position: relative;
  background: var(--white);
  aspect-ratio: 56/56;
  width: 56px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

.simpleCountdown .wrapDays .countelement,
.simpleCountdown .wrapHours .countelement,
.simpleCountdown .wrapMinutes .countelement,
.simpleCountdown .wrapSeconds .countelement {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.simpleCountdown .wrapDays .countelement .position,
.simpleCountdown .wrapHours .countelement .position,
.simpleCountdown .wrapMinutes .countelement .position,
.simpleCountdown .wrapSeconds .countelement .position {
  display: flex;
  position: relative;
  font-size: 28px;
  font-weight: 600;
}

.simpleCountdown .wrapDays .countelement .position:before,
.simpleCountdown .wrapHours .countelement .position:before,
.simpleCountdown .wrapMinutes .countelement .position:before,
.simpleCountdown .wrapSeconds .countelement .position:before {
  content: "0";
  pointer-events: none;
  opacity: 0;
}

@keyframes dig {
  0% {
    transform: translateY(100%) translateX(-50%);
  }

  99% {
    transform: translateY(-100%) translateX(-50%);
  }

  100% {
    transform: translateY(0%) translateX(-50%);
  }
}

.simpleCountdown .wrapDays .countelement .position .digit,
.simpleCountdown .wrapHours .countelement .position .digit,
.simpleCountdown .wrapMinutes .countelement .position .digit,
.simpleCountdown .wrapSeconds .countelement .position .digit {
  position: absolute;
  left: 50%;
  top: 0 !important;
}

.simpleCountdown .wrapDays .countelement .position .digit.static,
.simpleCountdown .wrapHours .countelement .position .digit.static,
.simpleCountdown .wrapMinutes .countelement .position .digit.static,
.simpleCountdown .wrapSeconds .countelement .position .digit.static {
  order: 1;
  opacity: 1;
  transform: translateY(0%) translateX(-50%);
}

.simpleCountdown .wrapDays .countelement .position .digit:not(.static),
.simpleCountdown .wrapHours .countelement .position .digit:not(.static),
.simpleCountdown .wrapMinutes .countelement .position .digit:not(.static),
.simpleCountdown .wrapSeconds .countelement .position .digit:not(.static) {
  order: 2;
  transform: translateY(100%) translateX(-50%);
  animation-name: dig;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.simpleCountdown .wrapDays .textdigit,
.simpleCountdown .wrapHours .textdigit,
.simpleCountdown .wrapMinutes .textdigit,
.simpleCountdown .wrapSeconds .textdigit {
  font-size: 10px;
  text-align: center;
}

.simpleCountdown .countDiv {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.simpleCountdown .countDiv:before,
.simpleCountdown .countDiv:after {
  content: "";
  background: var(--white);
  height: 5px;
  width: 5px;
  border-radius: 50%;
}

@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --sp: 50px;
    --h1: 30px;
    --h2: 28px;
  }

  .btn {
    padding: 20px;
  }

  .form .input {
    height: 50px;
    border-radius: 8px;
  }

  .header__menu {
    transform: translateX(0);
  }

  .header__menu li {
		margin: 0 10px;
	}

	.header__lang {
		margin-right: 20px;
	}

	.header__lang li {
		font-size: 16px;
	}

	.header__line {
		margin: 0 10px;
	}

	.header__logo img {
		height: 40px;
	}

  .hero__inner {
    padding: 30px;
    gap: 30px;
  }

  .hero__inner:before {
    width: 780px;
    bottom: 0px;
  }

  .hero__inner:after {
    width: 300px;
    right: -30px;
  }

  .hero__left {
    flex: 1 1 50%;
  }

  .hero__tags {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .hero__title {
    margin-bottom: 20px;
  }

  .hero__subtitle {
    margin-bottom: 20px;
    font-size: var(--s);
  }

  .hero__subtitle br {
    display: none;
  }

  .hero__right {
    flex: 1 1 50%;
  }

  .form {
    border-radius: 12px;
    padding: 20px;
    width: 100%;
  }

  .form__title {
    font-size: 24px;
  }

  .form__gift-image {
    width: 40px;
  }

  .logos__title {
    margin-bottom: 20px;
  }

  .logos .item {
    width: 160px;
  }

  .find__container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "img title" "img item_1" "img item_2" "img item_3" "item_4 item_5";
  }

  .find .item__title {
    font-size: 24px;
  }

  .speaker__title {
    margin-bottom: 30px;
  }

  .speaker__info {
    flex: 1 1 50%;
    padding: 30px 0 30px 30px;
    max-width: initial;
    font-size: 18px;
  }

  .speaker__info h3 {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .speaker__presentation:before {
    top: 20px;
    right: 20px;
  }

  .speaker__presentation {
    flex: 1 1 50%;
  }

  .speaker__bg {
    width: 670px;
    bottom: 0;
    right: 0;
    transform: translate(25%, 25%);
  }

  .speaker__photo {
    width: 100%;
    right: auto;
    left: 4%;
  }

  .register__left {
    flex: 0 0 50%;
  }

  .register__tags {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .register__title {
    margin-bottom: 20px;
  }

  .register__subtitle {
    margin-bottom: 20px;
    font-size: var(--s);
    max-width: 320px;
  }

  .register__subtitle br {
    display: none;
  }

  .register__image {
    width: 480px;
  }
}

@media (max-width: 760px) {
  :root {
    --container-width: 360px;
    --sp: 30px;
    --h1: 28px;
    --h2: 24px;
  }

  [class*=__container] {
    flex-wrap: wrap;
  }

  .btn {
    min-width: initial;
    width: 100%;
  }

	.header {
		/* position: absolute; */
		padding: 10px 0;
	}

	.header__logo {
		transition: 0.3s ease;
	}

	.header__logo img {
		height: 40px;
		margin: 0;
		transition: 0.3s ease;
	}

	.header__line {
		height: 20px;
	}

	.header__flow {
		font-size: 11px;
	}

	.header__btn {
		display: none;
	}

	.header__btn.hidden {
		display: none;
	}

	.header__menu {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 100;
		flex-direction: column;
		justify-content: center;
		transform: translateX(-100%);
		transition: 0.3s ease;
	}

	.header__menu li {
		margin: 0;
		text-align: center;
		width: 100%;
		padding: 30px 0;
	}

	.header__menu li:before {
		display: none;
	}

	.header__menu li:hover,
	.header__menu li:focus {
		background: #f4edeb;
		color: #3273fa;
	}

	.header__menu a {
		font-size: 18px;
	}

	.header__lang {
		margin-left: auto;
	}

	.header__burger {
		width: 30px;
		height: 30px;
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		z-index: 9999;
		opacity: 1;
	}

	.header__burger span {
		width: 100%;
		height: 3px;
		background: var(--text-color-first);
		border-radius: 3px;
		transition: 0.3s ease;
		transform-origin: 50% 50%;
		display: block;
	}

	.header__social {
		display: flex;
		position: fixed;
		bottom: 50px;
		left: 0;
		justify-content: center;
		align-items: center;
		z-index: 100;
		width: 100%;
		opacity: 1;
		transition: 0.3s ease;
		transform: translateX(-100%);
	}

	.header__social_link {
		margin: 0 10px;
	}

	.header.active {
		position: fixed;
	}

	.header.active .header__logo img {
		transform: none;
	}

	.header.active .header__menu {
		transform: translateX(0);
	}

	.header.active .header__burger span:nth-child(1) {
		transform: rotate(-45deg) translate(-7px, 7px);
	}

	.header.active .header__burger span:nth-child(2) {
		opacity: 0;
	}

	.header.active .header__burger span:nth-child(3) {
		transform: rotate(45deg) translate(-7px, -7px);
	}

	.header.active .header__social {
		transform: translateY(0);
	}

  .hero__inner {
    flex-direction: column;
    padding: 20px;
  }

  .hero__inner:before {
    width: 500px;
  }

  .hero__inner:after {
    z-index: 0;
    width: 255px;
  }

  .hero__title {
    margin-bottom: 15px;
  }

  .hero__subtitle {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .form__gift-text {
    font-size: 14px;
  }

  .logos__title {
    margin-bottom: 20px;
  }

  .logos .item {
    width: 140px;
  }

  .find__container {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "title" "item_1" "item_2" "item_3" "item_4" "item_5";
  }

  .find__title {
    text-align: center;
  }

  .find__image {
    display: none;
  }

  .find .item {
    min-height: 180px;
  }

  .speaker__title {
    margin-bottom: 20px;
  }

  .speaker__inner {
    flex-direction: column;
  }

  .speaker__info {
    padding: 20px 20px 20px 20px;
  }

  .speaker__info h3 {
    font-size: 36px;
    text-align: center;
  }

  .speaker__presentation {
    flex: 0 0 auto;
    padding-bottom: 410px;
  }

  .register__container {
    flex-direction: column;
    flex-wrap: initial;
  }

  .register__tags {
    align-items: center;
  }

  .register__title {
    text-align: center;
    margin-bottom: 15px;
  }

  .register__subtitle {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
  }

  .register__right {
    flex: 0 0 auto;
    aspect-ratio: 1/1;
    width: 100%;
  }

  .register__image {
    width: 132%;
    right: auto;
    left: 50%;
    transform: translate(-50%, -40%);
  }
}