/* ====================== FONTS =================== */
@font-face {
  font-family: "FuturaRoundBold";
  src: url("../fonts/FuturaRoundBold/FuturaRoundBold.eot");
  src: url("../fonts/FuturaRoundBold/FuturaRoundBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaRoundBold/FuturaRoundBold.woff") format("woff"), url("../fonts/FuturaRoundBold/FuturaRoundBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

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

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

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

/* ====================== HELPERS =================== */
.white-bg {
  background-color: #ffffff;
}

.white-text {
  color: #ffffff;
}

.black-bg {
  background-color: #000000;
}

.black-text {
  color: #000000;
}

.gray-bg {
  background-color: #636363;
}

.gray-text {
  color: #636363;
}

.green-bg {
  background-color: #00b1b1;
}

.green-text {
  color: #00b1b1;
}

.purple-bg {
  background-color: #6b57a5;
}

.purple-text {
  color: #6b57a5;
}

.green-light-bg {
  background-color: #c8eae9;
}

.green-light-text {
  color: #c8eae9;
}

.green-dark-bg {
  background-color: #00a4a8;
}

.green-dark-text {
  color: #00a4a8;
}

.meli-container {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1200px;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.section {
  padding: 50px 0 80px;
}

@media screen and (max-width: 579px) {
  .section {
    padding: 30px 0 45px;
  }
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

@media screen and (min-width: 320px) and (max-width: 580px) {
  .hidden-xs {
    display: none !important;
  }
}

@media screen and (min-width: 580px) and (max-width: 1025px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1220px) {
  .hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 1220px) {
  .hidden-lg {
    display: none !important;
  }
}

/* ====================== ASSETS =================== */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: #e1dded;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #e1dded;
  opacity: 0.9;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #6b57a5;
  height: 11px;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #e1dded;
  opacity: 0.9;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #6b57a5;
  width: 28px;
}

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #6b57a5;
  border-radius: 0px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 28px;
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #6b57a5;
  border-radius: 0px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out,
 border-radius .2s ease-in-out;
  right: 0px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 28px;
}

.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 28px;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #e1dded;
  opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #6b57a5;
  height: 11px;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #e1dded;
  opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #6b57a5;
  width: 28px;
}

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #e1dded;
  opacity: 0.9;
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #6b57a5;
}

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #e1dded;
  opacity: 0.9;
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #6b57a5;
}

/* ====================== COMMON =================== */
.meli-main-wrap {
  overflow: hidden;
}

.meli-main * {
  box-sizing: border-box;
}

.meli-main img {
  max-width: 100%;
  vertical-align: bottom;
}

.meli-header {
  background-color: #6b57a5;
  background-image: url("../src/images/common/tape.png");
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 638px;
  z-index: 2;
}

.meli-header ._header-decoration {
  top: 0;
  bottom: 0;
  width: 1200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.meli-header ._header-decoration ._balls {
  width: 310px;
  height: 365px;
  top: 0;
  left: -133px;
  background-image: url("../src/images/common/balls.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._balls {
    left: 50%;
    -webkit-transform: translateX(-70%);
        -ms-transform: translateX(-70%);
            transform: translateX(-70%);
  }
}

@media screen and (min-width: 376px) and (max-width: 667px) {
  .meli-header ._header-decoration ._balls {
    left: 50%;
    -webkit-transform: translateX(-70%);
        -ms-transform: translateX(-70%);
            transform: translateX(-70%);
  }
}

@media screen and (min-width: 668px) and (max-width: 960px) {
  .meli-header ._header-decoration ._balls {
    left: 0px;
  }
}

.meli-header ._header-decoration ._fir {
  width: 480px;
  height: 650px;
  bottom: 0;
  right: -140px;
  background-image: url("../src/images/common/fir.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._fir {
    right: 40px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._header-decoration ._fir {
    right: -10px;
  }
}

@media screen and (min-width: 601px) and (max-width: 667px) {
  .meli-header ._header-decoration ._fir {
    right: -90px;
  }
}

.meli-header ._header-decoration ._fir-2 {
  width: 480px;
  height: 650px;
  bottom: 0;
  display: none;
  background-image: url("../src/images/common/fir.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 568px) and (max-width: 600px) {
  .meli-header ._header-decoration ._fir-2 {
    display: block;
    left: -30px;
  }
}

.meli-header ._header-decoration ._box-back {
  width: 646px;
  height: 234px;
  bottom: -15px;
  left: -110px;
  background-image: url("../src/images/common/box-back.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._box-back {
    left: -10px;
  }
}

.meli-header ._header-decoration ._box {
  width: 646px;
  height: 234px;
  bottom: -15px;
  left: -110px;
  background-image: url("../src/images/common/box.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._box {
    left: -10px;
  }
}

.meli-header ._header-decoration ._prizes {
  width: 321px;
  height: 183px;
  bottom: 0;
  right: 264px;
  background-image: url("../src/images/common/header-gift.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._prizes {
    right: 365px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._header-decoration ._prizes {
    right: 375px;
  }
}

.meli-header ._header-decoration ._raccoon-1 {
  width: 255px;
  height: 295px;
  bottom: -33px;
  right: -73px;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._raccoon-1 {
    width: 178px;
    height: 206px;
    right: 350px;
    bottom: -46px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._header-decoration ._raccoon-1 {
    width: 220px;
    height: 255px;
    right: 210px;
    bottom: -35px;
  }
}

@media screen and (min-width: 601px) and (max-width: 667px) {
  .meli-header ._header-decoration ._raccoon-1 {
    right: 110px;
  }
}

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .meli-header ._header-decoration ._raccoon-1 {
    right: -12px;
  }
}

.meli-header ._header-decoration ._raccoon-1-vjuh {
  width: 69px;
  height: 38px;
  top: -20px;
  right: 50px;
  background-image: url("../src/images/common/raccoon-1-vjuh.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 960px) {
  .meli-header ._header-decoration ._raccoon-1-vjuh {
    display: none;
  }
}

.meli-header ._header-decoration ._raccoon-1-body {
  width: 255px;
  height: 295px;
  background-image: url("../src/images/common/raccoon-1.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._raccoon-1-body {
    width: 178px;
    height: 206px;
    background-image: url("../src/images/common/raccoon-1-320.png");
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._header-decoration ._raccoon-1-body {
    width: 220px;
    height: 255px;
    background-image: url("../src/images/common/raccoon-1-580.png");
  }
}

.meli-header ._header-decoration ._raccoon-1-paw {
  width: 142px;
  height: 186px;
  top: -40px;
  left: -85px;
  background-image: url("../src/images/common/raccoon-1-paw.png");
  background-repeat: no-repeat;
  -webkit-animation-name: animated-paw;
          animation-name: animated-paw;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._header-decoration ._raccoon-1-paw {
    width: 99px;
    height: 130px;
    top: -28px;
    left: -60px;
    background-image: url("../src/images/common/raccoon-1-paw-320.png");
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._header-decoration ._raccoon-1-paw {
    width: 122px;
    height: 160px;
    top: -34px;
    left: -73px;
    background-image: url("../src/images/common/raccoon-1-paw-580.png");
  }
}

.meli-header ._logo {
  display: block;
  width: 139px;
  height: 139px;
  top: 57px;
  left: 20px;
  border-radius: 50%;
  background-image: url("../src/images/common/logo.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 376px) and (max-width: 667px) {
  .meli-header ._logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 668px) and (max-width: 960px) {
  .meli-header ._logo {
    left: 20px;
  }
}

.meli-header ._logo:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 63px;
  top: -57px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../src/images/common/logo-hanging.png");
  background-repeat: no-repeat;
}

.meli-header ._entry {
  max-width: 600px;
  margin: 0 auto;
  color: #ffffff;
  padding: 68px 0 0;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._entry {
    padding: 230px 0 215px;
  }
}

@media screen and (min-width: 376px) and (max-width: 667px) {
  .meli-header ._entry {
    padding: 230px 0 215px;
  }
}

.meli-header ._entry h1 {
  font-size: 50px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  line-height: 1.2;
  text-shadow: 0px 6px 0px #5d4b8f;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._entry h1 {
    font-size: 40px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._entry h1 {
    font-size: 40px;
  }
}

@media screen and (min-width: 601px) and (max-width: 959px) {
  .meli-header ._entry h1 {
    font-size: 40px;
  }
}

.meli-header ._entry h2 {
  font-size: 34px;
  line-height: 1.2;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._entry h2 {
    font-size: 28px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._entry h2 {
    font-size: 28px;
  }
}

@media screen and (min-width: 601px) and (max-width: 959px) {
  .meli-header ._entry h2 {
    font-size: 28px;
  }
}

.meli-header ._entry p {
  padding: 16px 60px 6px;
  color: #dad6e7;
  font-size: 19px;
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  line-height: 1.2;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-header ._entry p {
    padding: 16px 16px 6px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-header ._entry p {
    padding: 16px 90px 6px;
  }
}

.meli-header ._entry p a {
  color: #ffffff;
  font-weight: bold;
}

.meli-header ._entry p a:hover {
  color: #42c0bd;
  border-bottom: 1px solid #42c0bd;
}

.meli-header ._entry p b {
  font-weight: bold;
  color: #42c0bd;
}

.meli-header ._entry p span {
  color: #e05693;
  font-weight: bold;
  font-family: 'FuturaDemi', 'PT Sans', Arial, sans-serif;
}

.meli-header ._entry ._button {
  display: block;
  margin: 24px auto 30px;
  height: 54px;
  width: 248px;
  border-radius: 27px;
  color: #ffffff;
  background-color: #e05693;
  font-size: 24px;
  line-height: 54px;
  box-shadow: 0px 6px 0px 0px #5d4b8f;
}

.meli-header ._entry ._link {
  color: #ffffff;
  font-size: 18px;
  font-family: 'FuturaBook', 'PT Sans', Arial, sans-serif;
  border-bottom: 1px solid #988ac0;
  margin: 0 12px;
}

.meli-header ._entry ._link.__doted {
  position: relative;
}

.meli-header ._entry ._link.__doted:after {
  position: absolute;
  content: "";
  width: 46px;
  height: 46px;
  top: 10px;
  right: -75px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../src/images/common/doted.png");
  background-repeat: no-repeat;
}

@-webkit-keyframes animated-paw {
  0%, 100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@keyframes animated-paw {
  0%, 100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

.meli {
  /* */
}

.meli-participate {
  min-height: 490px;
  background-color: #ebe8f3;
  padding-top: 65px;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate {
    min-height: 710px;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate {
    min-height: 633px;
  }
}

.meli-participate ._participate-decoration {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.meli-participate ._participate-decoration ._photograph {
  width: 260px;
  height: 160px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-550px);
      -ms-transform: translateX(-550px);
          transform: translateX(-550px);
  overflow: hidden;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-decoration ._photograph {
    -webkit-transform: translateX(-155px);
        -ms-transform: translateX(-155px);
            transform: translateX(-155px);
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate ._participate-decoration ._photograph {
    -webkit-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
            transform: translateX(-25px);
  }
}

.meli-participate ._participate-decoration ._photograph-2 {
  width: 310px;
  height: 390px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(165px);
      -ms-transform: translateX(165px);
          transform: translateX(165px);
  background-image: url("../src/images/common/photograph-2.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-decoration ._photograph-2 {
    display: none;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate ._participate-decoration ._photograph-2 {
    -webkit-transform: translateX(-310px);
        -ms-transform: translateX(-310px);
            transform: translateX(-310px);
  }
}

.meli-participate ._participate-decoration ._raccoon-2 {
  width: 257px;
  height: 215px;
  top: 170px;
  left: 50%;
  -webkit-transform: translateX(-380px);
      -ms-transform: translateX(-380px);
          transform: translateX(-380px);
  background-image: url("../src/images/common/raccoon-2.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-decoration ._raccoon-2 {
    top: 390px;
    -webkit-transform: translateX(17px);
        -ms-transform: translateX(17px);
            transform: translateX(17px);
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate ._participate-decoration ._raccoon-2 {
    top: 315px;
    -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
            transform: translateX(150px);
  }
}

.meli-participate ._raccoon-2-head {
  width: 134px;
  height: 118px;
  top: 130px;
  left: 50%;
  -webkit-transform: translateX(-370px);
      -ms-transform: translateX(-370px);
          transform: translateX(-370px);
  background-image: url("../src/images/common/raccoon-2-head.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._raccoon-2-head {
    top: 345px;
    -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
            transform: translateX(25px);
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate ._raccoon-2-head {
    top: 270px;
    -webkit-transform: translateX(155px);
        -ms-transform: translateX(155px);
            transform: translateX(155px);
  }
}

.meli-participate ._raccoon-2-head:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 96px;
  top: -40px;
  left: -30px;
  background-image: url("../src/images/common/raccoon-2-hehe.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._raccoon-2-head:before {
    width: 30px;
    height: 70px;
    background-size: 100% 100%;
    top: 32px;
    left: -40px;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate ._raccoon-2-head:before {
    width: 30px;
    height: 70px;
    background-size: 100% 100%;
    top: 32px;
    left: -40px;
  }
}

.meli-participate ._my-work {
  color: #ef59a1;
  font-size: 24px;
  line-height: 1.2;
  border-bottom: 1px solid rgba(239, 89, 161, 0.3);
}

.meli-participate ._participate-noreg {
  max-width: 501px;
  min-height: 286px;
  margin: 27px auto 28px;
  background-color: #ebe8f3;
  box-shadow: -39px 28px 0px 0px rgba(107, 87, 165, 0.1);
  outline: 2px dashed #c3badb;
  outline-offset: -2px;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-noreg {
    margin: 27px 10px 28px;
  }
}

@media screen and (min-width: 376px) and (max-width: 520px) {
  .meli-participate ._participate-noreg {
    margin: 27px 10px 28px;
  }
}

.meli-participate ._participate-noreg ._noreg-title {
  padding-top: 50px;
}

.meli-participate ._participate-noreg ._noreg-title img {
  margin: 15px;
}

.meli-participate ._participate-noreg ._noreg-title .progres {
  margin: 30px 15px 15px;
}

.meli-participate ._participate-noreg ._noreg-title h2 {
  font-size: 24px;
  color: #ef59a1;
}

.meli-participate ._participate-noreg ._noreg-title p {
  font-size: 19px;
  color: #6b57a5;
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  padding: 10px;
}

.meli-participate ._participate-noreg ._noreg-title p a {
  color: #6b57a5;
  border-bottom: 1px solid rgba(107, 87, 165, 0.3);
}

.meli-participate ._participate-form-container {
  max-width: 501px;
  min-height: 286px;
  margin: 27px auto 28px;
  background-color: #ffffff;
  box-shadow: -39px 28px 0px 0px rgba(107, 87, 165, 0.1);
  border: 2px dashed #c3badb;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-form-container {
    margin: 27px 10px 28px;
  }
}

@media screen and (min-width: 376px) and (max-width: 520px) {
  .meli-participate ._participate-form-container {
    margin: 27px 10px 28px;
  }
}

.meli-participate ._participate-form-container ._img-final {
  width: 255px;
  height: 230px;
  margin-top: -40px;
  position: relative;
  box-shadow: -10px 10px 0px 0px rgba(156, 141, 195, 0.2);
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-form-container ._img-final {
    margin-top: 40px;
  }
}

.meli-participate ._participate-form-container ._form-title {
  padding: 40px 0 36px;
  background-color: #ebe8f3;
  margin: -2px -2px 0 -2px;
  border-top: 2px dashed #c3badb;
  border-left: 2px dashed #c3badb;
  border-right: 2px dashed #c3badb;
}

.meli-participate ._participate-form-container ._form-title h2 {
  font-size: 24px;
  color: #6b57a5;
}

.meli-participate ._participate-form-container ._form-title h2 span {
  color: #ef59a1;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-form-container ._form-title h2 span {
    display: block;
    padding-bottom: 10px;
  }
}

.meli-participate ._participate-form-container ._form-title p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  padding: 10px 45px;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-form-container ._form-title p {
    padding: 10px 30px;
  }
}

.meli-participate ._participate-form-container ._form-title ._img-form-upload-btn .__img-form-upload {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  cursor: pointer;
  background-color: #6b57a5;
}

.meli-participate ._participate-form-container ._form-title ._img-form-upload-btn .__img-form-upload + input {
  display: none;
}

.meli-participate ._participate-form-container textarea {
  width: 100%;
  height: 85px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px 15px;
  margin-top: 4px;
  resize: none;
  overflow: auto;
  outline: none;
  border: none;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  text-align: center;
}

.meli-participate ._participate-form-container ._form-submit {
  position: absolute;
  bottom: -55px;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-form-container ._form-submit {
    bottom: -115px;
  }
}

.meli-participate ._participate-form-container ._form-submit span {
  display: inline-block;
  margin-right: 20px;
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  cursor: pointer;
  background-color: #ef59a1;
  border: none;
  cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate ._participate-form-container ._form-submit span {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}

.meli-participate ._participate-form-container ._form-submit input[type="file"] {
  position: absolute;
  left: -3000px;
}

.meli-participate ._participate-form-container ._form-submit ._img-form-submit {
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  cursor: pointer;
  background-color: #6b57a5;
  border: none;
  cursor: pointer;
}

.meli-participate ._participate-form-container ._form-submit2 {
  position: absolute;
  bottom: -55px;
  width: 100%;
  z-index: 2;
}

.meli-participate ._participate-form-container ._form-submit2 ._img-form-submit {
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  cursor: pointer;
  background-color: #6b57a5;
  border: none;
  cursor: pointer;
}

.meli-participate-work {
  min-height: 490px;
  background-color: #ebe8f3;
  padding-top: 45px;
  /**/
}

.meli-participate-work ._participate-decoration {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.meli-participate-work ._participate-decoration ._photograph {
  width: 260px;
  height: 160px;
  top: 287px;
  left: 50%;
  -webkit-transform: translateX(-490px);
      -ms-transform: translateX(-490px);
          transform: translateX(-490px);
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._participate-decoration ._photograph {
    display: none;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate-work ._participate-decoration ._photograph {
    display: none;
  }
}

.meli-participate-work ._participate-decoration ._photograph-2 {
  width: 310px;
  height: 405px;
  top: 57px;
  left: 50%;
  -webkit-transform: translateX(110px);
      -ms-transform: translateX(110px);
          transform: translateX(110px);
  background-image: url("../src/images/common/photograph-2.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._participate-decoration ._photograph-2 {
    display: none;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate-work ._participate-decoration ._photograph-2 {
    display: none;
  }
}

.meli-participate-work ._participate-decoration ._raccoon-2 {
  width: 257px;
  height: 215px;
  top: 130px;
  left: 50%;
  -webkit-transform: translateX(-310px);
      -ms-transform: translateX(-310px);
          transform: translateX(-310px);
  background-image: url("../src/images/common/raccoon-2.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._participate-decoration ._raccoon-2 {
    display: none;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate-work ._participate-decoration ._raccoon-2 {
    display: none;
  }
}

.meli-participate-work ._raccoon-2-head {
  width: 134px;
  height: 118px;
  top: 180px;
  left: 50%;
  -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
          transform: translateX(-300px);
  background-image: url("../src/images/common/raccoon-2-head.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._raccoon-2-head {
    display: none;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate-work ._raccoon-2-head {
    display: none;
  }
}

.meli-participate-work ._raccoon-2-head:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 96px;
  top: -40px;
  left: -30px;
  background-image: url("../src/images/common/raccoon-2-hehe.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._raccoon-2-head:before {
    width: 30px;
    height: 70px;
    background-size: 100% 100%;
    top: 32px;
    left: -40px;
  }
}

@media screen and (min-width: 376px) and (max-width: 800px) {
  .meli-participate-work ._raccoon-2-head:before {
    width: 30px;
    height: 70px;
    background-size: 100% 100%;
    top: 32px;
    left: -40px;
  }
}

.meli-participate-work ._user-work {
  color: #ef59a1;
  font-size: 24px;
  line-height: 1.2;
  padding: 0 0 20px;
}

.meli-participate-work ._reviews-container {
  width: 400px;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._reviews-container {
    width: 100%;
  }
}

.meli-participate-work ._reviews-container .controls-direction {
  left: 0;
  right: 0;
}

.meli-participate-work ._reviews-container .controls-direction a {
  width: 17px;
  height: 46px;
  display: block;
  position: absolute;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._reviews-container .controls-direction a {
    top: -48px;
  }
}

.meli-participate-work ._reviews-container .controls-direction ._reviews-prev {
  left: -80px;
  background-image: url("../src/images/common/controls.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._reviews-container .controls-direction ._reviews-prev {
    left: 10px;
  }
}

.meli-participate-work ._reviews-container .controls-direction ._reviews-next {
  right: -80px;
  background-image: url("../src/images/common/controls.png");
  background-repeat: no-repeat;
  background-position: -17px 0;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._reviews-container .controls-direction ._reviews-next {
    right: 10px;
  }
}

.meli-participate-work ._reviews-container .controls-direction ._reviews-prev:hover, .meli-participate-work ._reviews-container .controls-direction ._reviews-prev:focus {
  background-position: 0 0;
}

.meli-participate-work ._reviews-container .controls-direction ._reviews-next:hover, .meli-participate-work ._reviews-container .controls-direction ._reviews-next:focus {
  background-position: -17px 0;
}

.meli-participate-work ._reviews-item p {
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  font-size: 19px;
  padding: 40px 0 38px;
}

.meli-participate-work ._reviews-item p ._user-link {
  color: #ef59a1;
  border-bottom: 1px solid rgba(239, 89, 161, 0.3);
}

.meli-participate-work ._reviews-item img {
  width: 365px;
  height: 329px;
  margin: 0 auto;
  box-shadow: -20px 20px 0px 0px rgba(156, 141, 195, 0.2);
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-participate-work ._reviews-item img {
    width: 100%;
  }
}

._participate-decoration ._card-1 {
  position: absolute;
  width: 70px;
  height: 47px;
  background-color: #ef59a1;
  top: 8px;
  left: 137px;
}

._participate-decoration ._animate-card-1 {
  position: absolute;
  width: 70px;
  height: 47px;
  background-color: #ef59a1;
  top: 8px;
  left: 137px;
  opacity: 0;
  -webkit-animation-name: animate-card-1;
          animation-name: animate-card-1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes animate-card-1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(15deg);
            transform: translate(0, 0) rotate(15deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30px, 200px) rotate(15deg);
            transform: translate(30px, 200px) rotate(15deg);
    opacity: 1;
  }
}

@keyframes animate-card-1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(15deg);
            transform: translate(0, 0) rotate(15deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30px, 200px) rotate(15deg);
            transform: translate(30px, 200px) rotate(15deg);
    opacity: 1;
  }
}

._participate-decoration ._animate-card-2 {
  position: absolute;
  width: 70px;
  height: 47px;
  background-color: #fff;
  top: 8px;
  left: 137px;
  opacity: 0;
  -webkit-animation-name: animate-card-2;
          animation-name: animate-card-2;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes animate-card-2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(10deg);
            transform: translate(0, 0) rotate(10deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(50px, 200px) rotate(10deg);
            transform: translate(50px, 200px) rotate(10deg);
    opacity: 1;
  }
}

@keyframes animate-card-2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(10deg);
            transform: translate(0, 0) rotate(10deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(50px, 200px) rotate(10deg);
            transform: translate(50px, 200px) rotate(10deg);
    opacity: 1;
  }
}

._participate-decoration ._animate-card-3 {
  position: absolute;
  width: 70px;
  height: 47px;
  background-color: #fff;
  top: 8px;
  left: 137px;
  opacity: 0;
  -webkit-animation-name: animate-card-3;
          animation-name: animate-card-3;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes animate-card-3 {
  0% {
    -webkit-transform: translate(0, 0) rotate(10deg);
            transform: translate(0, 0) rotate(10deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-180px, 200px) rotate(10deg);
            transform: translate(-180px, 200px) rotate(10deg);
    opacity: 1;
  }
}

@keyframes animate-card-3 {
  0% {
    -webkit-transform: translate(0, 0) rotate(10deg);
            transform: translate(0, 0) rotate(10deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-180px, 200px) rotate(10deg);
            transform: translate(-180px, 200px) rotate(10deg);
    opacity: 1;
  }
}

._participate-decoration ._animate-card-4 {
  position: absolute;
  width: 70px;
  height: 47px;
  background-color: #8ac648;
  top: 8px;
  left: 137px;
  opacity: 0;
  -webkit-animation-name: animate-card-4;
          animation-name: animate-card-4;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

@-webkit-keyframes animate-card-4 {
  0% {
    -webkit-transform: translate(0, 0) rotate(10deg);
            transform: translate(0, 0) rotate(10deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-100px, 200px) rotate(10deg);
            transform: translate(-100px, 200px) rotate(10deg);
    opacity: 1;
  }
}

@keyframes animate-card-4 {
  0% {
    -webkit-transform: translate(0, 0) rotate(10deg);
            transform: translate(0, 0) rotate(10deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-100px, 200px) rotate(10deg);
            transform: translate(-100px, 200px) rotate(10deg);
    opacity: 1;
  }
}

._participate-decoration ._animate-card-5 {
  position: absolute;
  width: 70px;
  height: 47px;
  background-color: #fff;
  top: 8px;
  left: 137px;
  opacity: 0;
  -webkit-animation-name: animate-card-5;
          animation-name: animate-card-5;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@-webkit-keyframes animate-card-5 {
  0% {
    -webkit-transform: translate(0, 0) rotate(30deg);
            transform: translate(0, 0) rotate(30deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50px, 200px) rotate(30deg);
            transform: translate(-50px, 200px) rotate(30deg);
    opacity: 1;
  }
}

@keyframes animate-card-5 {
  0% {
    -webkit-transform: translate(0, 0) rotate(30deg);
            transform: translate(0, 0) rotate(30deg);
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50px, 200px) rotate(30deg);
            transform: translate(-50px, 200px) rotate(30deg);
    opacity: 1;
  }
}

.meli-winners {
  padding-bottom: 30px;
}

.meli-winners ._winners-title {
  color: #ef59a1;
  font-size: 24px;
  line-height: 1.2;
  padding: 10px 0 15px;
}

.meli-winners ._winners-container ._winners-item {
  display: inline-block;
  vertical-align: top;
  width: 255px;
  height: 320px;
  margin: 20px 20px;
  font-size: 16px;
  line-height: 1.2;
}

@media screen and (min-width: 376px) and (max-width: 580px) {
  .meli-winners ._winners-container ._winners-item {
    margin: 20px 10px;
  }
}

@media screen and (min-width: 581px) and (max-width: 667px) {
  .meli-winners ._winners-container ._winners-item {
    margin: 20px 10px;
  }
}

.meli-winners ._winners-container ._winners-item img {
  display: block;
  margin-bottom: 22px;
}

.meli-winners ._winners-container ._winners-item ._user-link {
  font-family: 'FuturaBook', 'PT Sans', Arial, sans-serif;
  color: #ef59a1;
  border-bottom: 1px solid rgba(239, 89, 161, 0.3);
}

.meli-winners ._winners-container ._winners-item p {
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  padding: 10px 0 0;
}

.meli-members {
  min-height: 100px;
}

.meli-members ._members-counter {
  font-size: 24px;
  color: #6b57a5;
  padding: 40px 0 20px 0;
  line-height: 1.2;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-members ._members-counter {
    padding: 20px 0 20px 0;
  }
}

@media screen and (min-width: 376px) and (max-width: 667px) {
  .meli-members ._members-counter {
    padding: 20px 0 20px 0;
  }
}

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .meli-members ._members-counter {
    padding: 30px 0 20px 0;
  }
}

.meli-members ._members-counter ._members-total {
  font-size: 60px;
  color: #ef59a1;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
}

.meli-members ._members-counter ._members-total:before {
  content: "";
  width: 38px;
  height: 43px;
  display: inline-block;
  background-image: url("../src/images/common/scoba.png");
  background-repeat: no-repeat;
}

.meli-members ._members-counter ._members-total:after {
  content: "";
  width: 38px;
  height: 43px;
  display: inline-block;
  background-image: url("../src/images/common/scoba.png");
  background-repeat: no-repeat;
  background-position: -38px 0;
}

.meli-members ._members-container {
  font-size: 0;
}

.meli-members ._members-container ._members-item-empty {
  display: inline-block;
  vertical-align: top;
  width: 255px;
  height: 230px;
  margin: 20px 20px 60px;
}

.meli-members ._members-container ._members-item-empty div {
  width: 255px;
  height: 230px;
  background-color: #f5f5f5;
  box-shadow: -10px 10px 0px 0px rgba(156, 141, 195, 0.2);
}

.meli-members ._members-container ._members-item-empty div span {
  position: relative;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 19px;
  color: #ef59a1;
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
}

@media screen and (min-width: 376px) and (max-width: 580px) {
  .meli-members ._members-container ._members-item-empty {
    margin: 20px 10px 60px;
  }
}

@media screen and (min-width: 581px) and (max-width: 667px) {
  .meli-members ._members-container ._members-item-empty {
    margin: 20px 10px 60px;
  }
}

.meli-members ._members-container ._members-item {
  display: inline-block;
  vertical-align: top;
  width: 255px;
  height: 320px;
  margin: 20px 20px;
  font-size: 16px;
  line-height: 1.2;
}

@media screen and (min-width: 376px) and (max-width: 580px) {
  .meli-members ._members-container ._members-item {
    margin: 20px 10px;
  }
}

@media screen and (min-width: 581px) and (max-width: 667px) {
  .meli-members ._members-container ._members-item {
    margin: 20px 10px;
  }
}

.meli-members ._members-container ._members-item ._user-img {
  display: block;
  width: 255px;
  height: 230px;
  position: relative;
  margin-bottom: 22px;
}

.meli-members ._members-container ._members-item img {
  display: block;
  position: absolute;
  width: 255px;
  height: 230px;
  box-shadow: -10px 10px 0px 0px rgba(156, 141, 195, 0.2);
}

.meli-members ._members-container ._members-item img:hover {
  top: -5px;
}

.meli-members ._members-container ._members-item ._user-link {
  font-family: 'FuturaBook', 'PT Sans', Arial, sans-serif;
  color: #ef59a1;
  border-bottom: 1px solid rgba(239, 89, 161, 0.3);
}

.meli-members ._members-container ._members-item p {
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  color: rgba(0, 0, 0, 0.6);
  padding: 10px 0 0;
  display: block;
  overflow: hidden;
  height: 50px;
}

.meli-members ._pagination ._pagination-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}

.meli-members ._pagination ._pagination-link {
  display: block;
  background-color: #6B57A5;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  outline: 0;
}

.meli-members ._pagination ._pagination-link._active {
  background-color: #EF59A1;
}

.meli {
  /* share */
}

.meli-footer ._horse {
  position: absolute;
  width: 354px;
  height: 396px;
  top: 0;
  background-image: url("../src/images/common/horse.png");
  background-repeat: no-repeat;
  -webkit-animation-name: animated-horse;
          animation-name: animated-horse;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-footer ._horse {
    width: 198px;
    height: 222px;
    top: 48px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-image: url("../src/images/common/horse-320.png");
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-footer ._horse {
    width: 198px;
    height: 222px;
    top: 28px;
    left: -35px;
    background-image: url("../src/images/common/horse-320.png");
  }
}

@media screen and (min-width: 601px) and (max-width: 667px) {
  .meli-footer ._horse {
    width: 198px;
    height: 222px;
    top: 28px;
    left: 0px;
    background-image: url("../src/images/common/horse-320.png");
  }
}

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .meli-footer ._horse {
    left: -120px;
  }
}

.meli-footer ._buble-container {
  width: 497px;
  margin: 0 auto;
  padding: 80px 0 115px;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-footer ._buble-container {
    width: 100%;
    padding: 254px 0 30px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-footer ._buble-container {
    padding: 80px 0 30px;
  }
}

@media screen and (min-width: 601px) and (max-width: 667px) {
  .meli-footer ._buble-container {
    padding: 80px 0 30px;
  }
}

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .meli-footer ._buble-container {
    padding: 80px 0 30px;
  }
}

.meli-footer ._buble {
  width: 497px;
  height: 188px;
  border-radius: 94px;
  background-color: #ebe8f3;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-footer ._buble {
    width: 100%;
    height: 188px;
    border-radius: 0;
  }
}

.meli-footer ._buble:before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: 15px;
  left: -16px;
  background-image: url("../src/images/common/tongue.png");
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-footer ._buble:before {
    display: none;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-footer ._buble:before {
    display: none;
  }
}

@media screen and (min-width: 601px) and (max-width: 667px) {
  .meli-footer ._buble:before {
    display: none;
  }
}

.meli-footer ._buble ._buble-text {
  padding: 30px 0 0;
  line-height: 1.2;
}

.meli-footer ._buble ._buble-text p {
  font-size: 24px;
  color: #6b57a5;
}

.meli-footer ._buble ._buble-text p span {
  color: #ef59a1;
}

.meli-footer ._about {
  position: absolute;
  right: 80px;
  top: 80px;
  font-size: 16px;
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  line-height: 1.2;
  color: #6b57a5;
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .meli-footer ._about {
    position: relative;
    width: 186px;
    margin: 0 auto;
    right: 0;
    top: 0;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 376px) and (max-width: 600px) {
  .meli-footer ._about {
    position: relative;
    width: 186px;
    margin: 0 auto;
    right: 0;
    top: 0;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 601px) and (max-width: 667px) {
  .meli-footer ._about {
    position: relative;
    width: 400px;
    margin: 0 auto;
    right: 0;
    top: 0;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .meli-footer ._about {
    position: relative;
    width: 400px;
    margin: 0 auto;
    right: 0;
    top: 0;
    padding-bottom: 50px;
  }
}

.meli-footer ._about img {
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 580px) and (max-width: 667px) {
  .meli-footer ._about img {
    float: left;
    margin-right: 20px;
  }
}

@media screen and (min-width: 668px) and (max-width: 1024px) {
  .meli-footer ._about img {
    float: left;
    margin-right: 20px;
  }
}

.meli-footer ._about span {
  font-family: 'FuturaDemi', 'PT Sans', Arial, sans-serif;
}

.meli-footer ._about a {
  color: #6b57a5;
  border-bottom: 1px solid rgba(107, 87, 165, 0.3);
}

.meli-share-socials__item {
  display: inline-block;
  margin: 10px 3px 0;
}

.meli-share-socials__link {
  background-image: url("../src/images/common/share.png");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  display: block;
  border-radius: 50%;
  box-shadow: -4px 4px 0px 0px rgba(156, 141, 195, 0.2);
}

.meli-share-socials__link__bb {
  background-position: 0 0;
}

.meli-share-socials__link__fb {
  background-position: -42px 0;
}

.meli-share-socials__link__vk {
  background-position: -84px 0;
}

.meli-share-socials__link__ok {
  background-position: -126px 0;
}

@-webkit-keyframes animated-horse {
  0%, 100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  50% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}

@keyframes animated-horse {
  0%, 100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  50% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(155, 132, 224, 0.8);
  z-index: 1300000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  /*&--blue{
        background: rgba(getColor(blue), .8);
    }

    &--green{
        background: rgba(getColor(green), .8);
    }
    &--yellow{
        background: rgba(getColor(yellow), .8);
    }*/
}

.modal-overlay.modal-overlay-visible {
  visibility: visible;
  opacity: 1;
}

.modal {
  position: fixed;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 1350000;
  margin-top: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
          transform: translate3d(0, 0, 0) scale(1.185);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  visibility: hidden;
}

.modal.modal-in {
  opacity: 1;
  visibility: visible;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}

.modal.modal-out {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transform: translate3d(0, 0, 0) scale(0.815);
          transform: translate3d(0, 0, 0) scale(0.815);
}

/* ======================================= */
.meli-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  /**/
}

.meli-modal__wrap {
  position: relative;
  background-color: #ffffff;
  padding: 0 0 0 0;
  max-width: 732px;
}

.meli-modal__close {
  position: absolute;
  top: 0;
  right: -43px;
  width: 33px;
  height: 33px;
  z-index: 1;
  background-image: url("../src/images/common/modal_close.png");
  cursor: pointer;
}

@media screen and (max-width: 579px) {
  .meli-modal__close {
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    background-image: url("../src/images/common/modal_close-2.png");
    background-size: cover;
  }
}

.meli-modal__content ._prizestext {
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  font-size: 19px;
  color: #000000;
  padding: 20px;
  line-height: 1.2;
}

@media screen and (max-width: 579px) {
  .meli-modal__content ._prizestext {
    padding: 10px;
    font-size: 14px;
  }
}

.meli-modal__content ._prizestext strong {
  font-weight: bold;
}

.meli-modal__content ._prizestext h2 {
  margin: 10px 0 10px 0;
  display: block;
  font-weight: bold;
  color: #e05693;
  font-size: 24px;
}

.meli-modal__content ._prizestext h2 + p {
  padding: 0 0 20px 0;
}

.meli-modal__content ._prizestext p {
  padding: 0 0 20px 0;
}

.meli-modal__content ._prizestext img {
  width: 100%;
}

.meli-modal__scrollcontent {
  text-align: left;
}

.meli-modal__scroll {
  position: relative;
  height: 500px;
}

@media screen and (max-width: 579px) {
  .meli-modal__scroll {
    height: 400px;
  }
}

.meli-modal__scroll ._rulestext {
  font-family: 'FuturaLight', 'PT Sans', Arial, sans-serif;
  font-size: 19px;
  color: #000000;
  padding: 15px 40px 40px 40px;
  line-height: 1.2;
}

@media screen and (max-width: 579px) {
  .meli-modal__scroll ._rulestext {
    padding: 10px;
    font-size: 14px;
  }
}

.meli-modal__scroll ._rulestext strong {
  font-weight: bold;
}

.meli-modal__scroll ._rulestext h1 {
  font-size: 26px;
  margin: 20px 30px 20px 0;
  font-weight: bold;
  color: #e05693;
  text-align: center;
}

.meli-modal__scroll ._rulestext h2 {
  margin: 0 0 2px 0;
  display: block;
  font-family: 'FuturaDemi', 'PT Sans', Arial, sans-serif;
}

.meli-modal__scroll ._rulestext p {
  margin: 0 0 15px 0;
  line-height: 1.2;
}

.meli-modal__scroll ._rulestext h1 + p {
  margin: 0 0 25px 0;
}

.meli-modal__title {
  font-size: 26px;
  font-family: Tahoma, "Geneva CY", sans-serif;
  margin-left: 15px;
}

@media screen and (max-width: 579px) {
  .meli-modal__title {
    margin-bottom: 20px;
  }
}

.meli-modal__title h1 {
  font-size: 29px;
  font-weight: 600;
  line-height: 1.207;
}

.meli-modal__title h1 span {
  font-size: 18px;
}

/* croper */
.cropper {
  display: none;
  width: 100%;
}

.cropper .cropper-view-box {
  border-radius: 0;
  outline: 0px;
}

.cropper .cropper-modal {
  opacity: .8;
  background-color: #ebe8f3;
}

.cropper .modal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cropper .crop-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cropper .cropper-bg {
  background-image: none;
  border: 2px dashed #c3badb;
}

.cropper .image-cropper {
  position: relative;
  background-color: #ebe8f3;
}

.cropper .img-container {
  width: 100%;
  height: 294px;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .cropper .img-container {
    height: 364px;
  }
}

@media screen and (min-width: 375px) and (max-width: 480px) {
  .cropper .img-container {
    height: 344px;
  }
}

.cropper .image-resize {
  position: absolute;
  top: 2px;
  left: 2px;
}

.cropper .image-resize a {
  display: block;
  width: 44px;
  height: 44px;
  background-color: #ffffff;
  color: #ef59a1;
  margin-bottom: 4px;
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}

.cropper .file-upload {
  text-align: center;
}

.cropper .file-upload span {
  display: inline-block;
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  cursor: pointer;
  background-color: #ef59a1;
  border: none;
  cursor: pointer;
}

.cropper .file-upload input[type="file"] {
  position: absolute;
  left: -3000px;
}

.cropper .filename {
  background: transparent;
  border: 0;
  text-align: center;
}

.cropper .modal-cropper {
  position: absolute;
}

.cropper .crop-modal__wrap {
  position: relative;
  max-width: 700px;
  width: 501px;
  margin: -2px;
}

.cropper .crop-modal__wrap .crop-modal__title {
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  color: #ef59a1;
  font-size: 24px;
  line-height: 1.2;
}

.cropper .upload-container {
  position: absolute;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .cropper .upload-container {
    position: relative;
  }
}

@media screen and (min-width: 375px) and (max-width: 480px) {
  .cropper .upload-container {
    position: relative;
  }
}

.cropper .upload-holder {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  padding: 16px 0 0;
}

.cropper .__comment-form-submit {
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-family: 'FuturaRoundBold', 'PT Sans', Arial, sans-serif;
  cursor: pointer;
  background-color: #6b57a5;
  border: none;
  cursor: pointer;
}

/* /croper */