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

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

@font-face {
  font-family: 'Josefin Semibold';
  src: url("../fonts/JosefinSans-SemiBold.eot");
  src: url("../fonts/JosefinSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/JosefinSans-SemiBold.woff2") format("woff2"), url("../fonts/JosefinSans-SemiBold.woff") format("woff"), url("../fonts/JosefinSans-SemiBold.ttf") format("truetype"), url("../fonts/JosefinSans-SemiBold.svg#JosefinSans-Bold") format("svg");
  font-style: normal;
  font-display: swap;
}

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

.h2 {
  font-family: 'Amarillo';
}

.h2.yellow {
  color: var(--lm-color-secondary);
}

.h2.primary {
  color: var(--lm-color-primary);
}

.h2.white {
  color: var(--lm-color-white);
}

.h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.h3.white {
  color: #fff;
}

.main-container {
  max-width: 1450px;
  margin-inline: auto;
}

.lm-text {
  font-size: 16px;
  line-height: var(--lm-lineh-sm);
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}

.lm-text.white {
  color: var(--lm-color-white);
}

header {
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 20;
  padding: 0 15px;
}

header .logo-section img {
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 140px;
}

header.fixed {
  position: fixed;
  background: #fff;
  top: 0;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

header.fixed .logo-section img {
  width: 120px;
}

header .nav-icon {
  border-radius: 50%;
  background: var(--lm-color-primary);
  margin-left: 80px;
}

header .nav-icon span {
  width: 40px !important;
  height: 5px !important;
  left: 16px !important;
  background: var(--lm-color-secondary) !important;
}

header .nav-icon span:nth-child(1) {
  top: 20px !important;
}

header .nav-icon span:nth-child(2), header .nav-icon span:nth-child(3) {
  top: 32px !important;
}

header .nav-icon span:nth-child(4) {
  top: 44px !important;
}

header .nav-icon.active span:nth-child(1), header .nav-icon.active span:nth-child(4) {
  opacity: 0;
}

header nav {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 300px;
  padding: 40px 20px;
  background: var(--lm-color-third);
  border-radius: 20px;
  text-align: right;
  display: none;
}

header nav li {
  margin-top: 25px;
}

header nav li:first-child {
  margin-top: 0;
}

header nav a {
  color: var(--lm-color-white);
  font-family: 'Montserrat';
  font-weight: 700;
}

.lm-error {background:red; color:#FFFFFF; text-align:center; padding:60px; font-size:18px; font-weight:400; font-family: 'Montserrat', sans-serif;}
.lm-error-spacer {display:block; height:8px; width:100%;}
.lm-winner {background:green; color:#FFFFFF; text-align:center; padding:60px; font-size:22px; font-weight:70; font-family: 'Montserrat', sans-serif;}

@media (max-width: 1199px) {
  header {
    top: 15px;
  }
  header .logo-section img {
    width: 90px;
  }
  header.fixed .logo-section img {
    width: 90px;
  }
  header .nav-icon {
    margin-left: 30px;
    width: 38px;
    height: 38px;
  }
  header .nav-icon span {
    width: 20px !important;
    height: 3px !important;
    left: 9px !important;
  }
  header .nav-icon span:nth-child(1) {
    top: 11px !important;
  }
  header .nav-icon span:nth-child(2), header .nav-icon span:nth-child(3) {
    top: 18px !important;
  }
  header .nav-icon span:nth-child(4) {
    top: 25px !important;
  }
  header .nav-icon.active span:nth-child(1), header .nav-icon.active span:nth-child(4) {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .hero-section .period {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 0;
  }
  .hero-section .period p {
    text-align: center;
    font-family: "Josefin Bold";
    font-size: 12px;
    line-height: var(--lm-lineh-xs);
  }
  .hero-section img {
    width: 100%;
  }
}

.steps-section {
  background: var(--lm-color-primary);
  margin-top: 20px;
  padding-top: 90px;
  position: relative;
  padding: 90px 15px 85px;
}

.steps-section:before {
  content: "";
  background: var(--lm-color-primary);
  -webkit-clip-path: ellipse(50% 27% at 50% 51%);
          clip-path: ellipse(50% 27% at 50% 51%);
  position: absolute;
  left: 0;
  width: 100%;
  height: 249px;
  bottom: -124px;
}

.steps-section:after {
  content: "";
  background: url("../images/inimi.png") no-repeat center center/contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 308px;
  height: 230px;
  top: calc(100% - 15px);
}

.steps-section .first-item {
  position: relative;
}

.steps-section .first-item:before {
  content: "";
  position: absolute;
  top: -50px;
  right: 0;
  width: 1px;
  height: calc(100% + 50px);
  background: white;
  opacity: .2;
}

.steps-section .icon {
  height: 90px;
  height: 110px;
  display: block;
}

@media (max-width: 767px) {
  .steps-section {
    padding: 40px 15px 40px;
  }
  .steps-section .first-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .steps-section .first-item:before {
    right: auto;
    width: 100%;
    height: 1px;
    top: unset;
    bottom: 0;
    left: 0;
  }
  .steps-section:before {
    height: 158px;
    -webkit-clip-path: ellipse(50% 27% at 50% 22%);
            clip-path: ellipse(50% 27% at 50% 22%);
  }
  .steps-section:after {
    width: 205px;
    height: 195px;
    top: calc(100% - 30px);
  }
}

.rewards-section {
  margin-top: 230px;
  padding: 0 15px;
}

.rewards-section .item {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rewards-section .item.center span {
  font-size: 22px;
}

.rewards-section .item.center p {
  font-size: 32px;
}

.rewards-section .item.center .image {
  padding: 0 60px;
  position: relative;
}

.rewards-section .item.center .image:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 1px;
  height: 100%;
  background: var(--lm-color-primary);
  opacity: .3;
}

.rewards-section .item.center .image:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10%;
  width: 1px;
  height: 100%;
  background: var(--lm-color-primary);
  opacity: .3;
}

.rewards-section .item.center .image img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.rewards-section .item .image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 40px;
}

.rewards-section .item .image img {
  margin: auto;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.rewards-section .item span {
  color: var(--lm-color-third);
  font-size: 32px;
}

.rewards-section .item p {
  color: var(--lm-color-primary);
  font-size: 22px;
}

@media (max-width: 991px) {
  .rewards-section .item {
    border-bottom: 1px solid #001A49;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .rewards-section .item.center {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .rewards-section .item.center p {
    font-size: 32px;
  }
  .rewards-section .item.center .image:before {
    display: none;
  }
  .rewards-section .item.center .image:after {
    display: none;
  }
  .rewards-section .item:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .rewards-section .item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .rewards-section .item .image img {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.heading-shape {
  background: var(--lm-color-third);
  width: 100%;
  height: 280px;
  border-radius: 100%;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .heading-shape {
    height: 170px;
  }
}

.slide-section {
  background: url("../images/back.png") no-repeat center center/cover;
  padding: 100px 15px 160px;
}

.slide-section .lm-swiper {
  width: 100%;
  margin-left: 0 !important;
  margin-right: unset !important;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}

.slide-section .lm-swiper a {
  display: block;
}

.slide-section .lm-swiper img {
  max-width: 100%;
  margin: auto;
  height: 300px;
}

.slide-section .lm-swiper .swiper-button-prev, .slide-section .lm-swiper .swiper-button-next {
  width: 58px;
  height: 58px;
  background: var(--lm-color-third);
  border-radius: 50%;
}

.slide-section .lm-swiper .swiper-button-prev:after, .slide-section .lm-swiper .swiper-button-next:after {
  color: var(--lm-color-white);
  font-size: 20px;
}

@media (max-width: 767px) {
  .slide-section .lm-swiper .swiper-button-prev, .slide-section .lm-swiper .swiper-button-next {
    width: 35px;
    height: 35px;
  }
  .slide-section .lm-swiper .swiper-button-prev:after, .slide-section .lm-swiper .swiper-button-next:after {
    color: var(--lm-color-white);
    font-size: 16px;
  }
}

.slide-section .description {
  text-align: center;
  font-family: 'Montserrat';
  color: var(--lm-color-primary);
}

.slide-section .description h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

.slide-section .description p {
  font-size: 16px;
  font-weight: 500;
  line-height: var(--lm-lineh-xs);
}

@media (max-width: 767px) {
  .slide-section {
    padding: 40px 15px;
  }
}

.form-section {
  background: var(--lm-color-primary);
  margin-top: 30px;
  padding: 115px 15px 70px;
  position: relative;
  overflow: hidden;
}

.form-section:before {
  content: "";
  position: absolute;
  top: 13%;
  right: 0;
  background: url("../images/paste.png") no-repeat center center/contain;
  width: 29%;
  height: 67%;
}

.form-section form {
  position: relative;
  z-index: 2;
}

.form-section form > div {
  margin-bottom: 25px;
}

.form-section form label {
  color: #fff;
  font-size: 14px;
  font-family: 'Josefin Regular';
  display: block;
  margin-bottom: 5px;
}

.form-section form input {
  height: 62px;
  background: #fff;
  border: 0 none;
  padding: 0 10px;
  width: 100%;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .form-section:before {
    display: none;
  }
}

.optional {
  font-family: 'Josefin Regular';
}

.optional .left span {
  font-family: 'Josefin Bold';
}

.optional .upload-btn {
  position: relative;
  background: var(--lm-color-white) !important;
  color: var(--lm-color-primary);
  height: 50px;
  padding: 0 35px;
  border-radius: 10px;
}

.optional .upload-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.checkboxes .checkbox {
  text-align: center;
}

.checkboxes input[type="checkbox"] {
  width: 25px;
  height: 25px;
  margin: auto;
}

.checkboxes label {
  display: block;
  margin-top: 10px;
  font-size: 13px;
}

footer {
  margin-top: 10px;
  background: var(--lm-color-primary);
  padding: 15px;
}

footer .logo-section img {
  width: 125px;
}

footer .socials {
  margin-left: 10%;
  margin-right: 40px;
}

footer .footer-nav a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #AFAFAF;
  font-size: 13px;
}

@media (max-width: 991px) {
  footer {
    text-align: center;
    padding: 40px 15px 20px;
  }
  footer .socials {
    margin: 30px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footer-nav li {
    margin-bottom: 15px;
  }
}

/* Winners section */
.lm-winners-container {
  max-width: 410px;
  margin-inline: auto;
}

.lm-winners-container .h2:after {
  content: "";
  background: url("../images/inimi.png") no-repeat center center/contain;
  position: absolute;
  right: calc(100% + 30px);
  width: 308px;
  height: 230px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1199px) {
  .lm-winners-container .h2:after {
    display: none;
  }
}

.winners-section {
  background: var(--lm-color-primary);
  padding: 150px 15px 50px;
  position: relative;
}

.winners-section:before {
  content: "";
  position: absolute;
  top: 23%;
  right: 0;
  background: url("../images/paste.png") no-repeat center center/contain;
  width: 24%;
  height: 67%;
}

.winners-section .selects {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 50px;
}

.winners-section .list {
  text-align: center;
  margin-top: 40px;
}

.winners-section .list li {
  margin-bottom: 30px;
}

.winners-section .list div {
  color: #fff;
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 32px;
}

.winners-section .list .city {
  color: var(--lm-color-secondary);
  font-family: 'Montserrat';
  font-weight: 300;
  font-size: 16px;
  margin-top: 5px;
  display: block;
}

.winners-section select, .form-section select {
  background: #fff;
  border-radius: 10px;
  height: 60px;
  padding: 0 20px;
  border: 0 none;
  outline: 0;
}

@media (max-width: 767px) {
  .winners-section:before {
    display: none;
  }
  .winners-section .selects {
    padding-bottom: 20px;
  }
  .winners-section select {
    width: 100%;
    margin-top: 15px;
    margin-right: 0;
  }
  .winners-section .list div {
    font-size: 24px;
  }
}

.info-page {
  padding-top: 200px;
}
