html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
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,
menu,
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,
main,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
*[hidden] {
  display: none;
}
menu,
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;
}
a {
  color: inherit;
  text-decoration: none;
}
@font-face {
  font-family: "LGEI Text - Rg - TTF";
  src: url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Rg-TTF.woff2)
      format("woff2"),
    url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Rg-TTF.woff)
      format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LGEI Text - Lt - TTF";
  src: url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Lt-TTF.woff2)
      format("woff2"),
    url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Lt-TTF.woff)
      format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LGEI Text - Bd - TTF";
  src: url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Bd-TTF.woff2)
      format("woff2"),
    url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Bd-TTF.woff)
      format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LGEI Text - Sb - TTF";
  src: url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Sb-TTF.woff2)
      format("woff2"),
    url(https://www.lg.com/kz/delites-emociyami-s-lg/fonts/subset-LGEIText-Sb-TTF.woff)
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html,
body {
  font-family: Futura PT;
  font-size: 0.833vw;
  scroll-behavior: smooth;
  background-color: #f0ece4;
  font-family: "LGEI Text - Rg - TTF", sans-serif;
}
#app {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.vfm {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container {
  width: 88%;
  margin: 0 auto;
}
.modal-container {
  position: relative;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #ea1917;
  color: #fff;
  font-family: "LGEI Text - Sb - TTF";
  font-size: 1.875rem;
  font-weight: 400;
  padding-top: 0.1rem;
  text-transform: uppercase;
  border-radius: 2.25rem;
  width: 15.9375rem;
  height: 5rem;
  outline: none;
  border: none;
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.btn:active,
.btn:hover {
  border: 0.03125rem solid #000000;
  color: #000;
  background-color: #fff;
}
.btn_2 {
  padding-top: 0;
  text-transform: none;
  background-color: #fff;
  color: #000;
  padding-bottom: 0.1rem;
}
.btn_2:active,
.btn_2:hover {
  border: none;
  color: #fff;
  background-color: #ea1917;
}
.title {
  color: #000;
  text-align: center;
  font-size: 3.4375rem;
  font-weight: 400;
}
.logos {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.logos_img {
  position: relative;
  width: 100%;
  height: 100%;
}
.logos_img img {
  display: block;
  position: absolute;
  top: 20%;
  left: 35%;
  width: 30%;
}
.burger {
  display: block;
}
@media only screen and (max-width: 720px) {
  html,
  body {
    font-size: 2.6vw;
  }
  .container {
    padding: 0 1.8rem;
    width: 95% !important;
  }
  .title {
    font-size: 2.625rem;
  }
}
[v-cloak] {
  display: none !important;
}
sup {
  vertical-align: top;
  font-size: 0.5em;
  display: inline-block;
  transform: translateY(-10%);
}
.hero {
  padding-top: 3rem;
  height: 55rem;
}
.hero_lang {
  margin-left: 3rem;
  display: flex;
  gap: 1rem;
  font-size: 2rem;
  font-weight: 700;
}
.hero_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero_info {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-radius: 1.25rem;
  height: 100%;
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.hero_img {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}
.hero_img img {
  width: 100%;
}
.hero_img_2 {
  display: none;
}
.hero_bg {
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -0.4%;
  z-index: 15;
  background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/hero_bg.png)
    center center/contain no-repeat;
}
.hero_title {
  padding: 0 3.75rem 0 6.875rem;
  width: 100%;
  position: absolute;
  z-index: 20;
  opacity: 1;
  top: 31%;
  left: 0;
  right: 0;
}
.hero_title img {
  width: 100%;
}
.hero_descr {
  margin-top: 3.125rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.hero_subtitle {
  color: #fff;
  font-family: "LGEI Text - Rg - TTF";
  font-size: 3.75rem;
  font-weight: 400;
}
.hero_text {
  margin-top: 0.8rem;
  color: #fff;
  max-width: 70%;
  font-size: 1.625rem;
  font-weight: 400;
}
@media only screen and (max-width: 720px) {
  .hero {
    padding-top: 6rem;
    height: auto;
    margin-bottom: 2rem;
  }
  .hero_img {
    display: none;
  }
  .hero_lang {
    position: absolute;
    top: 2rem;
    left: 0;
  }
  .hero_info {
    border-radius: 2rem;
  }
  .hero_img_2 {
    display: flex;
  }
  .hero_img_2 img {
    width: 100%;
  }
  .hero_img_2 .hero_title {
    width: 110%;
    top: 33%;
    left: -14%;
  }
  .hero_img_2 .hero_title img {
    width: 80%;
  }
  .hero_subtitle {
    margin-top: -1rem;
    font-size: 2.2rem;
  }
  .hero_text {
    margin-top: 2rem;
    max-width: 100%;
    font-size: 1.24rem;
    line-height: 1.3;
  }
  .hero_bg {
    transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 15;
    background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/bg_mobile.png)
      center center/cover no-repeat;
  }
}
.promo {
  padding-top: 3.5rem;
}
.promo_wrapper {
  padding: 4.375rem 5rem 3.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  background-color: #fff;
}
.promo_items {
  margin-top: 2.5rem;
  display: grid;
  align-items: center;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.promo_title {
  position: relative;
  z-index: 20;
  color: #000;
  font-family: "LGEI Text - Bd - TTF";
  font-size: 1rem;
  font-weight: 400;
  width: fit-content;
  text-align: center;
  padding: 0.9rem 1.7rem 0.7rem;
  background-color: #e6e1d6;
  border-radius: 0.875rem;
}
.promo_img {
  width: 17%;
}
.promo_img img {
  width: 70%;
}
.promo_item {
  overflow: hidden;
  position: relative;
  padding-top: 3rem;
  padding-left: 2.5rem;
  padding-bottom: 1.5rem;
  border-radius: 1.25rem;
  width: 40.625rem;
  height: 16rem;
  background-color: #f0ece4;
}
.promo_item:nth-child(1):before {
  position: absolute;
  top: -12%;
  right: 0;
  z-index: 15;
  display: block;
  content: "";
  width: 90%;
  height: 85%;
  background-image: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/promo1.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.promo_item:nth-child(2):before {
  position: absolute;
  top: -20%;
  right: 0;
  z-index: 15;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/promo2.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.promo_item:nth-child(3):before {
  position: absolute;
  top: -2%;
  right: -9%;
  z-index: 15;
  display: block;
  content: "";
  width: 100%;
  height: 95%;
  background-image: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/promo3.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.promo_item:nth-child(4):before {
  position: absolute;
  top: 1%;
  right: 12%;
  z-index: 15;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/promo4.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.promo_info {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
.promo_text {
  position: relative;
  z-index: 20;
  margin-top: 2.5rem;
  width: fit-content;
  color: #000;
  font-size: 1.375rem;
  font-weight: 500;
}
.promo_text span {
  font-family: "LGEI Text - Bd - TTF";
}
.promo_footer {
  margin-top: 3.5rem;
}
.promo_footer_title {
  color: #000;
  text-align: center;
  font-size: 1.875rem;
  font-family: "LGEI Text - Bd - TTF";
  font-weight: 400;
}
.promo_footer_title span {
  display: block;
  font-family: "LGEI Text - Rg - TTF";
}
.promo_footer_descr {
  color: #000;
  text-align: center;
  margin: 3rem 0 2.8rem;
  font-family: "LGEI Text - Rg - TTF";
  font-size: 1.875rem;
  font-weight: 400;
  width: fit-content;
}
.promo_footer_descr a {
  font-family: "LGEI Text - Bd - TTF";
}
.promo_descr {
  padding-bottom: 3.5rem;
  padding-top: 2rem;
  padding-left: 6rem;
  text-align: left;
  width: 90%;
  opacity: 0.5;
  color: #000;
  font-weight: 400;
  font-size: 1.25rem;
  font-family: "LGEI Text - Rg - TTF";
}
.promo_divider {
  background-color: #000;
  margin: 0 auto;
  width: 100%;
  height: 0.0625rem;
}
.promo hr {
  height: 100%;
  width: 100%;
  opacity: 0.5;
  color: #000;
  font-weight: 400;
}
@media only screen and (max-width: 720px) {
  .promo {
    padding-top: 0.1rem;
  }
  .promo_items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .promo_wrapper {
    border-radius: 2rem;
    padding: 2rem;
  }
  .promo_item {
    width: 27.5rem;
    height: 12rem;
  }
  .promo_item:nth-child(1):before {
    top: -15%;
  }
  .promo_item:nth-child(2):before {
    top: -25%;
  }
  .promo_item:nth-child(3):before {
    top: 4%;
    right: -16%;
  }
  .promo_item:nth-child(3) .promo_text br {
    display: none;
  }
  .promo_text {
    margin-top: 1rem;
    font-size: 1.1rem;
  }
  .promo_descr {
    width: 100%;
    font-size: 1rem;
    padding: 2rem;
    margin: 0 auto;
  }
  .promo_footer {
    margin-top: 2rem;
  }
  .promo_footer_descr {
    margin: 1.5rem 0;
    font-size: 1.5rem;
  }
  .promo_footer_title {
    font-size: 1.5rem;
  }
}
.form {
  padding-top: 3rem;
  position: relative;
}
.form_wrapper {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
}
.form .title br,
.form_mobile {
  display: none;
}
.form-group {
  position: relative;
}
.form-group_2 {
  margin-top: 3.5rem;
}
.form-group_text {
  margin-top: 1.5rem;
}
.form-group-3:after {
  pointer-events: none;
  position: absolute;
  content: "";
  background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/select.svg)
    center center/contain no-repeat;
  display: block;
  top: 65%;
  right: 5%;
  z-index: 10;
  width: 1.5625rem;
  height: 1.25rem;
}
.form-group select {
  cursor: pointer;
  outline: none;
  border: none;
  padding: 0 2.1875rem;
  width: 46.875rem;
  height: 5.0625rem;
  border-radius: 2.25rem;
  color: #4a4946;
  font-family: "LGEI Text - Rg - TTF";
  font-size: 1.5625rem;
  font-weight: 400;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group input {
  display: block;
  cursor: pointer;
  outline: none;
  border: none;
  padding: 0 2.1875rem;
  width: 46.875rem;
  height: 5.0625rem;
  border-radius: 2.25rem;
  color: #4a4946;
  font-family: "LGEI Text - Rg - TTF";
  font-size: 1.5625rem;
  font-weight: 400;
  background-color: #fff;
}
.form-group input::placeholder {
  opacity: 0.5;
}
.form-group span {
  text-align: center;
  position: absolute;
  right: 5%;
  width: 50%;
  background: #ea1917;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0rem 0 0rem 1.25rem;
  margin-left: 2rem;
  font-weight: 400;
  border-radius: 0.4rem;
}
.form-group-title {
  padding-bottom: 0.7rem;
  padding-top: 1rem;
  text-align: left;
  color: #000;
  font-size: 1.5625rem;
  font-weight: 400;
}
.form-group-title b {
  color: #ea1917;
}
.form_label {
  margin-top: 0.5rem;
}
.form_logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
.form_logos > .form_logos_item {
  width: 100%;
  height: 17.5rem;
}
.form_logos input[type="radio"] {
  display: none;
  position: absolute;
  z-index: -1111;
  opacity: 0;
  visibility: hidden;
}
.form_logos label {
  display: block;
  position: relative;
  cursor: pointer;
  background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/bg_form.png)
    center center/cover no-repeat;
  border-radius: 2rem;
  border: 0.1875rem solid transparent;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}
.form_logos label img {
  transition: 0.2s all;
  width: 50%;
  position: absolute;
  left: 24%;
  top: 8%;
}
.form_logos label:hover {
  border-color: #000;
}
.form_logos input[type="radio"]:checked + label {
  border-color: #000;
}
.form_checkbox {
  padding-bottom: 3.3rem;
  margin-top: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.form_checkbox input {
  position: relative;
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.25rem;
  border: 0.09375rem solid #000000;
  vertical-align: sub;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
}
.form_checkbox input:before {
  content: "";
  width: 1.5rem;
  height: 1.8rem;
  display: block;
  left: 10%;
  opacity: 0;
  position: absolute;
  background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/checkbox.png)
    center center/contain no-repeat;
}
.form_checkbox input:checked {
  border: none;
  background-color: #ea1917;
  color: #ea1917;
}
.form_checkbox input:checked:before {
  opacity: 1;
}
.form_checkbox_text {
  font-size: 1.5625rem;
  font-weight: 400;
  color: #000;
}
.form hr {
  height: 100%;
  width: 100%;
  opacity: 0.5;
  color: #000;
  font-weight: 400;
}
.form_btn {
  margin-top: 1.875rem;
}
@media only screen and (max-width: 720px) {
  .form {
    padding-top: 1.5rem;
  }
  .form_wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
  .form_desk {
    display: none;
  }
  .form_mobile,
  .form .title br {
    display: block;
  }
  .form-group {
    text-align: center;
  }
  .form-group select,
  .form-group input {
    width: 33rem;
  }
  .form-group-3:after {
    top: 73%;
    right: -40%;
    width: 100%;
    height: 1rem;
  }
  .form_label {
    margin-top: 2rem;
  }
  .form_logos {
    margin-top: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  .form_logos > .form_logos_item {
    width: 100%;
    height: 11rem;
  }
  .form_btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form_btn a {
    margin: 0 auto;
  }
  .form_checkbox {
    cursor: pointer;
    margin-top: 0;
    padding-bottom: 2rem;
    align-items: center;
  }
  .form_checkbox_text {
    margin-top: 3rem;
    font-size: 1.8rem;
  }
  .form_checkbox input {
    width: 5rem;
    height: 2rem;
  }
}
.prize {
  padding-top: 4rem;
}
.prize .title {
  font-size: 2.5rem;
}
.prize_wrapper {
  padding: 4.375rem 5rem 3.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  background-color: #fff;
}
.prize_info {
  margin-top: 4.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.prize_info_2 {
  display: none;
}
.prize_img,
.prize_img img {
  width: 100%;
}
.prize_descr {
  padding: 2rem 4rem;
  position: absolute;
  bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.prize_title {
  font-size: 3.125rem;
  font-weight: 400;
  color: #fff;
}
@media only screen and (max-width: 720px) {
  .prize_wrapper {
    position: relative;
    padding: 1.875rem 5rem 3.9375rem;
    display: block;
    height: 56.25rem;
    background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/prize_mobile.png)
      center center/cover no-repeat;
    border-radius: 2rem;
  }
  .prize_info {
    display: none;
  }
  .prize_info_2 {
    display: flex;
  }
  .prize_btn a {
    background: none;
    padding-bottom: 0;
    font-size: 2rem;
  }
  .prize_btn a:hover {
    background: none;
    color: none;
  }
  .prize_btn a svg {
    position: absolute;
    color: #fff;
    width: 16%;
    top: 45%;
    left: 7%;
    transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    fill: #fff0;
  }
  .prize_btn a svg:hover,
  .prize_btn a svg:active {
    fill: #ea1917;
    color: #000;
  }
  .prize_title {
    font-size: 2.6rem;
  }
  .prize_descr {
    padding: 0rem 2rem 4rem 3rem;
    position: absolute;
    z-index: 10;
    left: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.social {
  padding: 5rem 0;
}
.social_wrapper {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.social_title {
  color: #000;
  font-family: "LGEI Text - Lt - TTF";
  font-size: 3.125rem;
  font-weight: 400;
}
.social_img {
  width: 50%;
  text-align: right;
}
.social_img img {
  width: 35%;
}
.social_item {
  position: relative;
  padding: 2rem 2.7rem;
  width: 34.3125rem;
  height: 19.0625rem;
  border-radius: 1.5625rem;
  background-color: #fff;
}
.social_item:nth-child(2) .social_img img {
  width: 18%;
}
.social_info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.social_btn {
  position: absolute;
  bottom: 1.5rem;
}
.social_btn a svg {
  width: 30%;
  font-weight: 400;
  color: #000;
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  fill: #fff;
}
.social_btn a svg:hover,
.social_btn a svg:active {
  fill: #ea1917;
  color: #fff;
}
@media only screen and (max-width: 720px) {
  .social_wrapper {
    margin-top: 3rem;
    flex-direction: column-reverse;
    gap: 1.5rem;
  }
  .social_item {
    border-radius: 2.1875rem;
  }
  .social_item:nth-child(1) {
    order: 3;
  }
  .social_item:nth-child(2) {
    order: 2;
  }
  .social_btn a svg {
    width: 20%;
  }
}
.modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background-color: #000000b3;
}
.modal_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-width: 85%;
  width: 35rem;
  height: 20rem;
  border-radius: 2rem;
  background-color: #fff;
}
.modal_wrapper h1 {
  font-size: 3rem;
  font-weight: 700;
}
.modal_wrapper h2 {
  margin-top: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.modal_wrapper .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  background: url(https://www.lg.com/kz/delites-emociyami-s-lg/img/close.png)
    center center/contain no-repeat;
  width: 3rem;
  height: 2rem;
  outline: none;
  border: none;
}