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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: "";
  content: none;
}
q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.wrap {
  text-align: left;
}
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
}
.wrap > *:not(*:root) {
  margin-left: -4px;
}
/*--- FIx for safari flexibleg grid--*/
*:focus {
  outline: 0;
}
html {
  scroll-behavior: smooth;
}
/*---Fix for wow---*/
.wow {
  visibility: hidden;
}
/*---General---*/
#content {
  overflow: hidden;
}
html, body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  height: auto;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
[class*="_fullcontainer"] {
  width: calc(100% - 90px);
  margin: 0px auto;
}
[class*="_xtralargecontainer"] {
  width: 100%;
  margin: 0px auto;
  max-width: 1400px;
}
[class*="_largecontainer"] {
  width: 100%;
  margin: 0px auto;
  max-width: 1240px;
}
[class*="_container"] {
  width: 100%;
  margin: 0px auto;
  max-width: 1180px;
}
[class*="_medcontainer"] {
  width: 100%;
  margin: 0px auto;
  max-width: 1000px;
}
[class*="_medsmallcontainer"] {
  width: 100%;
  margin: 0px auto;
  max-width: 960px;
}
[class*="_smallcontainer"] {
  width: 100%;
  margin: 0px auto;
  max-width: 880px;
}
[class*="_narrowcontainer"] {
  width: 100%;
  margin: 0px auto;
  max-width: 680px;
}
[class*="col-"] {
  transition: 0.2s;
}
/*---Text style---*/
.uppertext {
  text-transform: uppercase;
}
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.textcenter {
  text-align: center;
}
.lightf {
  font-weight: 400;
}
.mediumf {
  font-weight: 500;
}
.heavyf {
  font-weight: 700;
}
/*---Padding---*/
.padt5 {
  padding-top: 5%;
}
.padt10 {
  padding-top: 10%;
}
.padt15 {
  padding-top: 15%;
}
.padb5 {
  padding-bottom: 5%;
}
.padbo35 {
  padding-bottom: 35px;
}
.tbpad3 {
  padding-top: 3%;
  padding-bottom: 3%;
}
.tbpad5 {
  padding-top: 5%;
  padding-bottom: 5%;
}
.tbpad8 {
  padding-top: 8%;
  padding-bottom: 8%;
}
.tbpad10 {
  padding-top: 10%;
  padding-bottom: 10%;
}
.tbpad15 {
  padding-top: 15%;
  padding-bottom: 15%;
}
.padtb35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.padtb45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.padtb60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padtb80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.lfpad0 {
  padding-left: 0%;
  padding-right: 0%;
}
.lfpad5 {
  padding-left: 5%;
  padding-right: 5%;
}
.padlf0 {
  padding-left: 0px;
  padding-right: 0px;
}
.padlf15 {
  padding-left: 15px;
  padding-right: 15px;
}
.padlf45 {
  padding-left: 45px;
  padding-right: 45px;
}
.padall5 {
  padding: 5%;
}
.padall10 {
  padding: 10%;
}
.pad35 {
  padding: 35px;
}
.pad0 {
  padding: 0px;
}
/*--- Margin---*/
.marb0 {
  margin-bottom: 0px;
}
.marb30 {
  margin-bottom: 30px;
}
.marb40 {
  margin-bottom: 40px;
}
.marb50 {
  margin-bottom: 50px;
}
.marbo5 {
  margin-bottom: 5%;
}
.marbo10 {
  margin-bottom: 10%;
}
.bheight20 {
  height: 20px;
}
.bheight30 {
  height: 30px;
}
.bheight40 {
  height: 40px;
}
.bheight60 {
  height: 60px;
}
.height_50 {
  height: 50vh;
}
.height_60 {
  height: 60vh;
}
.height_70 {
  height: 70vh;
}
.height_75 {
  height: 75vh;
}
.height_85 {
  height: 85vh;
}
.height_90 {
  height: 90vh;
}
.height_100 {
  height: 100vh;
}
.height_105 {
  height: 105vh;
}
.height_110 {
  height: 110vh;
}
.height_200 {
  height: 200vh;
}
.bck_cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bck_center {
  background-position: center;
}
.bck_bottom {
  background-position: center bottom;
}
.bck_atth {
  overflow: hidden;
}
.bck_parallax {
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
.bck_botshadow {
  position: relative;
}
.nav__toggle {
  display: inline-block;
  position: absolute;
  z-index: 10;
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
  left: 0;
  top: 15px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.15s linear;
}
.nav__toggle:hover, .nav__toggle:focus {
  background-color: transparent;
}
.nav__menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  position: relative;
  z-index: 5;
  visibility: hidden;
}
.nav__item {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.3s;
}
.nav__item:nth-child(1) {
  transform: translateY(-40px);
}
.nav__item:nth-child(2) {
  transform: translateY(-80px);
}
.nav__item:nth-child(3) {
  transform: translateY(-120px);
}
.nav__item:nth-child(4) {
  transform: translateY(-160px);
}
.nav__item:nth-child(5) {
  transform: translateY(-200px);
}
.nav__link {
  color: white;
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1rem;
  text-decoration: none;
  padding: 1rem;
}
.nav__link:hover, .nav__link:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.menuicon {
  display: block;
  cursor: pointer;
  color: #495058;
  transform: rotate(0deg);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menuicon__bar, .menuicon__circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
}
.menuicon__bar {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-in-out;
}
.menuicon__circle {
  transition: stroke-dashoffset 0.3s linear 0.1s;
  stroke-dashoffset: circumference(23);
  stroke-dasharray: circumference(23);
}
.splash {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}
.splash::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #292929;
  width: 284vmax;
  height: 284vmax;
  top: -142vmax;
  left: -142vmax;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
  will-change: transform;
}
.nav:target > .splash::after, .nav--open > .splash::after {
  transform: scale(1);
}
.nav:target .menuicon, .nav--open .menuicon {
  color: white;
  transform: rotate(180deg);
}
.nav:target .menuicon__circle, .nav--open .menuicon__circle {
  stroke-dashoffset: 0;
}
.nav:target .menuicon__bar:nth-child(1), .nav:target .menuicon__bar:nth-child(4), .nav--open .menuicon__bar:nth-child(1), .nav--open .menuicon__bar:nth-child(4) {
  opacity: 0;
}
.nav:target .menuicon__bar:nth-child(2), .nav--open .menuicon__bar:nth-child(2) {
  transform: rotate(45deg);
}
.nav:target .menuicon__bar:nth-child(3), .nav--open .menuicon__bar:nth-child(3) {
  transform: rotate(-45deg);
}
.nav:target .nav__menu, .nav--open .nav__menu {
  visibility: visible;
}
.nav:target .nav__item, .nav--open .nav__item {
  opacity: 1;
  transform: translateY(0);
}
.textcenter {
  text-align: center;
}
.textleft {
  text-align: left;
}
.white {
  color: #ffffff;
}
.black {
  color: #000000;
}
.lightblue {
  color: #61E4F5;
}
.darkblue {
  color: #1B1030;
}
.magenta {
  color: #EB0D77;
}
.emerald {
  color: #00B5AB;
}
.greenyellow {
  color: #E9EC6B;
}
.all-darkblue * {
  color: #1B1030;
}
.bck-white {
  background-color: #ffffff;
}
.bck-emerald {
  background-color: #00B5AB;
}
.bck-lightemerald {
  background-color: #EDFFFA;
}
.bck-lightyellow {
  background-color: #FEFFE6;
}
.bck-darkblue {
  background-color: #1B1030;
}
.font-bungee, h1, h2, h3, .winners-group-tab-list a, .monthly-winner-tab-list a, .gform_button[type="submit"], .polygon-style-red-1, .polygon-style-blue-1, .polygon-style-middle, .prizes-breakdown-table table tr td:first-child:not(.initial) {
  font-family: "Bungee", cursive;
  font-weight: 400;
  font-style: normal;
}
.font-share, h4, h5, h6, p, table, tr, td, ul, ol, li, body, input, button, html, select, textarea, a, .polygon-style-red-2 {
  font-family: "Share", cursive;
  font-weight: 400;
  font-style: normal;
}
.font-bowlby {
  font-family: "Bowlby One", cursive;
  font-weight: 400;
  font-style: normal;
}
.font-bold {
  font-weight: 700;
}
.font-underline {
  text-decoration: underline;
}
a {
  text-decoration: none;
}
a, button, a:hover, button:hover, .cta-rectangle, .cta-rectangle:hover, .cta-arrow span.arrow, #masterHeader .menu-container .menu-logo, #masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item a, .winners-group-tab-list a, .winners-group-tab-list a:hover, .winners-group-tab-list a.active, .monthly-winner-tab-list a, .monthly-winner-tab-list a:after, .monthly-winner-tab-list a:hover, .monthly-winner-tab-list a.active, .monthly-winner-tab-list a.active:after, .accordion .accordion-header, .accordion .accordion-header p, .accordion .accordion-header.active, #footer .footer-box .footer-box-social-list a, #footer .footer-box .footer-box-social-list a:hover {
  transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
}
/*---Typography---*/
#pageContent {
  position: relative;
  min-height: 100vh;
  background-color: #1B1030;
  z-index: 1;
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  font-size: 16px;
  line-height: 20px;
  background-color: #1B1030;
  color: #ffffff;
  min-height: 100vh;
}
main {
  min-height: 70vh;
  padding-top: 70px;
}
h1, h2, h3 {
  color: #ffffff;
}
h4, h5, h6, p, table, tr, td, ul, ol, li, body, input, button, html, select, textarea {
  color: #ffffff;
}
a {
  font-weight: 700;
  color: #ffffff;
}
sup {
  font-size: x-small;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
strong {
  font-weight: 700;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 35px 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
  min-height: 350px;
}
h1 {
  font-size: 3.25em;
  line-height: 1.25em;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
h2 {
  font-size: 2.5em;
  line-height: 1.4em;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
h3 {
  font-size: 34px;
  line-height: 44px;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
h3.small {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 25px;
}
h4 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 30px;
}
h4.small {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}
h5.big {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 20px;
}
h5 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}
h6 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
h6.med {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 20px;
}
h6.small {
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 20px;
}
p.big {
  font-size: 1.2em;
  line-height: 24px;
  margin-bottom: 15px;
}
p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
p.small {
  font-size: 0.8em;
  line-height: 1.2em;
}
a, button {
  color: #EB0D77;
}
a:hover, button:hover {
  color: #EB0D77;
}
.fadeUpAnimation {
  opacity: 0;
  transform: translate(0px, 40px);
  transition: 1.5s;
  transition-delay: 0s;
  visibility: hidden;
}
.fadeUpAnimation.active {
  opacity: 1 !important;
  transform: translate(0px, 0px);
  transition: 1.5s;
  transition-delay: 0s;
  visibility: visible !important;
}
.fadeLeftAnimation {
  opacity: 0;
  transform: translate(-40px, 0px);
  transition: 1.5s;
  transition-delay: 0s;
  visibility: hidden;
}
.fadeLeftAnimation.active {
  opacity: 1 !important;
  transform: translate(0px, 0px);
  transition: 1.5s;
  transition-delay: 0s;
  visibility: visible !important;
}
.zoomInAnimation {
  opacity: 0;
  transform: scale(0.6);
  transition: 1.5s;
  transition-delay: 0s;
  visibility: hidden;
}
.zoomInAnimation.active {
  opacity: 1 !important;
  transform: scale(1);
  transition: 1.5s;
  transition-delay: 0s;
  visibility: visible !important;
}
.animate-delay-02 {
  transition-delay: 0.2s !important;
}
.animate-delay-04 {
  transition-delay: 0.4s !important;
}
.animate-delay-06 {
  transition-delay: 0.6s !important;
}
.animate-delay-08 {
  transition-delay: 0.8s !important;
}
.animate-delay-10 {
  transition-delay: 1s !important;
}
.animate-delay-12 {
  transition-delay: 1.2s !important;
}
.animate-delay-14 {
  transition-delay: 1.4s !important;
}
.animate-delay-16 {
  transition-delay: 1.6s !important;
}
.animate-delay-18 {
  transition-delay: 1.8s !important;
}
.cta-corner {
  position: absolute;
  right: -2px;
  bottom: -3px;
  max-width: 100px;
}
.cta-corner img {
  display: block;
}
.cta-rectangle {
  background: #EB0D77;
  border-radius: 50px;
  padding: 12px 30px;
  color: #ffffff;
  box-shadow: none;
  border: 0px;
  cursor: pointer;
}
.cta-rectangle span {
  color: #ffffff;
  font-weight: 600;
}
.cta-rectangle:hover {
  color: #00B5AB;
  color: #ffffff;
}
.cta-rectangle.cta-color-emerald {
  background: #00B5AB;
}
.cta-rectangle.cta-color-emerald:hover {
  background: #EB0D77;
}
.cta-arrow {
  position: relative;
  text-transform: uppercase;
  padding: 15px 25px 15px 65px;
  background-color: transparent;
  border-radius: 30px;
  margin-top: 25px;
  display: block;
  width: fit-content;
}
.cta-arrow span {
  color: #ffffff;
}
.cta-arrow span.arrow {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0px, -50%);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  color: #ffffff;
  background-color: #E67473;
  transform-origin: center left;
}
.cta-arrow span.arrow img {
  position: absolute;
  width: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cta-arrow:hover span.arrow {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  transition: 0.35s ease-in-out;
}
.cta-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.cta-enquire-now {
  background-color: #E9EC6B;
  color: #1B1030;
  max-width: 280px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 18px;
}
.cta-enquire-now:hover {
  background-color: #EB0D77;
}
.cta-nudge {
  transition: transform 0.3s ease-in-out;
}
.cta-nudge:hover {
  animation: heartbeat 0.5s;
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.onlymobile {
  display: none;
}
/*---container length----*/
.max580 {
  max-width: 580px;
  margin: auto;
}
.max700 {
  max-width: 700px;
  margin: auto;
}
.max600 {
  max-width: 600px;
  margin: auto;
}
.max500 {
  max-width: 500px;
  margin: auto;
}
.max400 {
  max-width: 400px;
  margin: auto;
}
.marb0 {
  margin-bottom: 0px !important;
}
.maxleft {
  margin-left: 0;
  margin-right: auto;
}
.maxright {
  margin-left: auto;
  margin-right: 0;
}
/*---Main Menu---*/
#masterHeader {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10000;
}
#masterHeader .menu-container {
  max-width: 1400px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding: 0 10px;
  align-items: center;
}
#masterHeader .menu-container .menu-logo {
  flex-basis: 170px;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}
#masterHeader .menu-container .menu-nav {
  flex-basis: calc(100% - 170px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 50px;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop {
  flex-basis: calc(100% - 100px);
  width: 100%;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item {
  display: inline-block;
  letter-spacing: 0.5px;
  position: relative;
  color: #ffffff;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item a {
  color: #1B1030;
  padding: 20px 12px;
  margin: 0 5px;
  font-size: 14px;
  display: block;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item a:hover {
  color: #EB0D77;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item .sub-menu {
  position: absolute;
  left: 0;
  top: 60px;
  background-color: #1B1030;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item .sub-menu a {
  padding: 12px;
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item.menu-item-has-children:after {
  content: " ";
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  right: 0px;
  top: 47%;
  transform: translate(0px, -50%) rotate(45deg);
}
#masterHeader .menu-container .menu-nav .menu-nav-desktop .menu-main-menu-container .menu-item.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}
#masterHeader .menu-container .menu-nav .menu-nav-woocommerce {
  flex-basis: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding-right: 10px;
}
#masterHeader .menu-container .menu-nav .menu-nav-woocommerce .menu-cart, #masterHeader .menu-container .menu-nav .menu-nav-woocommerce .menu-account {
  flex-basis: 30px;
}
#masterHeader .menu-container .menu-nav .menu-nav-woocommerce .menu-cart {
  position: relative;
}
#masterHeader .menu-container .menu-nav .menu-nav-woocommerce .menu-cart .cart-qty {
  position: absolute;
  right: -5px;
  top: -5px;
  background-color: #EB0D77;
  color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
}
#masterHeader .menu-container .menu-nav .menu-nav-woocommerce .menu-cart .cart-qty span {
  color: #ffffff;
  font-size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#masterHeader .menu-container .menu-nav .menu-mobile {
  display: none;
}
#masterHeader .menu-container .menu-nav .menu-mobile .mburger {
  width: auto;
  height: 60px;
  --mb-bar-height: 2px;
  z-index: 100;
  float: right;
}
#masterHeader .menu-container .menu-nav .menu-mobile .mburger b {
  background-color: #ffffff !important;
}
nav#mobile-menu {
  opacity: 0;
}
nav#mobile-menu.mm-menu--opened {
  opacity: 1;
}
.mm-btn--next:after, .mm-btn--prev:before {
  border: 2px solid #ffffff;
  border-bottom: none;
  border-right: none;
}
.mburger b {
  height: 1px;
  background-color: #1B1030 !important;
}
.mburger b:nth-of-type(1) {
  bottom: 42px;
}
.mm-menu a, .mm-menu button, .mm-menu label {
  color: #ffffff !important;
}
.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {
  -webkit-transform: initial;
  transform: initial;
}
.mm-menu {
  --mm-color-background: #000000;
  --mm-color-text: #ffffff;
  --mm-color-button: #ffffff;
}
.mm-menu .mmenu-distributor {
  background-color: #EB0D77;
}
.mm-menu .mmenu-coated {
  background-color: #ffffff;
  color: #000000;
}
.mm-menu .mmenu-mega {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.mm-menu .mmenu-mega:after {
  content: "";
  background: black;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 0.5) 34%, rgba(0, 0, 0, 0.8) 69%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mm-menu .mmenu-mega a {
  position: relative;
  z-index: 1;
}
/*---Main banners---*/
.scroll-downs {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 55px;
}
.mousey {
  width: 7px;
  padding: 7px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  margin: 0px auto 5px auto;
}
.scroller {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
/*---Winners---*/
.winner-list-section {
  min-height: 800px;
  position: relative;
  z-index: 3;
  padding: 40px 60px;
  border-radius: 15px;
  border: 3px solid #F8F8F8;
  background: linear-gradient(180deg, rgba(44, 182, 225, 0.2) 0%, rgba(44, 182, 225, 0.02) 100%);
}
.winners-group-content {
  display: none;
}
.winners-group-content.active {
  display: block;
}
.winners-group-tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.winners-group-tab-list a {
  padding: 10px 25px;
  border: 3px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
}
.winners-group-tab-list a:hover {
  background-color: #61E4F5;
  color: #1B1030;
  border: 3px solid #61E4F5;
}
.winners-group-tab-list a.active {
  background-color: #ffffff;
  color: #1B1030;
  border: 3px solid #61E4F5;
}
.monthly-winner-tab-list {
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monthly-winner-tab-list a {
  position: relative;
  margin-left: 12px;
  margin-right: 12px;
  color: #ffffff;
  text-align: center;
}
.monthly-winner-tab-list a:after {
  content: " ";
  position: absolute;
  left: 0px;
  bottom: -8px;
  height: 2px;
  background-color: #61E4F5;
  width: 0px;
}
.monthly-winner-tab-list a:hover {
  color: #EB0D77;
}
.monthly-winner-tab-list a.active {
  color: #61E4F5;
}
.monthly-winner-tab-list a.active:after {
  width: 100%;
}
.monthly-winner-group {
  display: none;
}
.monthly-winner-group .col-xs-6 {
  padding-left: 0px;
  padding-right: 5px;
}
.monthly-winner-group.active {
  display: block;
}
/*---Gravity Form---*/
.gform-body select, .gform-body input, .gform-body textarea {
  color: #1B1030;
  border-radius: 5px;
  padding: 15px !important;
  border: 0px !important;
}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
  line-height: initial !important;
  min-height: initial !important;
}
p.gform_required_legend {
  display: none;
}
.gform_button[type="submit"] {
  font-size: 20px;
  line-height: 26px;
  padding: 15px 20px;
  border-radius: 5px;
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #ffffff;
  display: block;
  margin: auto;
}
.gform_button[type="submit"]:hover {
  background-color: #EB0D77;
}
.gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio {
  grid-column-gap: 10px !important;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
  cursor: pointer;
  font-size: 13px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  padding: 12px !important;
}
.gfield_validation_message {
  padding: 0px 6px 6px 0px !important;
  border-radius: 5px;
  font-size: 13px !important;
  background-color: transparent !important;
  border: 0px !important;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true] + label, .gform_wrapper.gravity-theme label + [aria-invalid=true] {
  color: #EB0D77 !important;
}
.gfield_html {
  font-size: 12px !important;
}
.gfield_html li {
  font-size: 12px !important;
  margin-bottom: 0px !important;
}
/*---Front page---*/
.position-left-top {
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 5;
}
.polygon-style-red-1 {
  letter-spacing: 2px;
  display: inline-block;
  padding: 7px 95px 7px 30px;
  background: linear-gradient(90deg, #C81469 0%, #C2111C 100%);
  clip-path: polygon(0% 0, 100% 0%, 85% 100%, 0 100%);
}
.polygon-style-blue-1 {
  letter-spacing: 2px;
  display: inline-block;
  padding: 7px 95px 7px 30px;
  background: linear-gradient(90deg, #61E4F5 0%, #158ABC 100%);
  clip-path: polygon(0% 0, 100% 0%, 85% 100%, 0 100%);
}
.polygon-style-blue-1.adjust-left {
  left: -22px;
}
.polygon-style-middle {
  font-size: 11px;
  letter-spacing: 0px;
  letter-spacing: 2px;
  padding: 0px 30px 2px 30px;
  background: linear-gradient(90deg, #C81469 0%, #C2111C 100%);
  clip-path: polygon(0% 0, 100% 0%, calc(100% - 25px) 100%, 25px 100%);
  display: block;
  width: 100%;
  max-width: 290px;
  text-align: center;
  margin: auto;
}
.polygon-style-red-2 {
  margin-bottom: 0px;
  font-weight: 700;
  display: inline-block;
  padding: 9px 55px 9px 20px;
  background: linear-gradient(90deg, #C81469 0%, #C2111C 100%);
  clip-path: polygon(0% 0, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
.title-small {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.title-med-small {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.title-med {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}
.title-med-big {
  font-size: 27px;
  line-height: 34px;
  font-weight: 700;
}
.title-big-med {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
}
.title-big {
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}
.title-huge {
  font-size: 52px;
  line-height: 54px;
  font-weight: 700;
}
.prizes-summary-box {
  border: 2px solid #F8F8F8;
  position: relative;
  padding: 25px 20px 20px 20px;
  margin-bottom: 18px;
}
.prizes-summary-box .summary-box-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
}
.prizes-summary-box .summary-box-list .summary-box {
  flex-basis: 50%;
  padding: 30px 8px 20px 0px;
}
.prizes-summary-box .summary-box-list .summary-box span {
  display: block;
}
.prizes-summary-box .summary-box-list .summary-box.summary-box-right-col {
  padding-left: 25px;
  position: relative;
}
.prizes-summary-box .summary-box-list .summary-box.summary-box-right-col:after {
  content: " ";
  width: 1px;
  height: 65%;
  position: absolute;
  left: 0px;
  top: 54%;
  transform: translateY(-50%);
  background-color: #5C566A;
}
.prizes-summary-box .summary-box-list.summary-box-list-border-bottom {
  border-bottom: 1px solid #5C566A;
}
.prizes-summary-box .summary-box-list .summary-box-rewards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-basis: 100%;
  padding: 21px 10px 20px 0px;
  border-bottom: 0px;
}
.prizes-summary-box .summary-box-list .summary-box-rewards .rewards-text {
  flex-basis: 50%;
}
.prizes-summary-box .summary-box-list .summary-box-rewards .rewards-text.small {
  flex-basis: 40%;
}
.prizes-summary-box .summary-box-list .summary-box-rewards .rewards-text.big {
  flex-basis: 60%;
}
.prizes-summary-box .summary-box-list .summary-box-rewards .rewards-image {
  flex-basis: 50%;
}
.prizes-summary-box .summary-box-list .summary-box-rewards .rewards-image.small {
  flex-basis: 40%;
}
.prizes-summary-box .summary-box-list .summary-box-rewards .rewards-image.big {
  flex-basis: 60%;
}
.prizes-summary-box .summary-box-list .summary-box-rewards span {
  display: block;
}
.prizes-summary-box .title-inline {
  display: inline-block !important;
}
.prizes-breakdown-table {
  width: 100%;
  margin-bottom: 25px;
}
.prizes-breakdown-table table {
  width: 100%;
}
.prizes-breakdown-table table tr td {
  padding: 0px 15px 10px 0px;
  font-size: 18px;
}
.prizes-breakdown-table table tr td .small {
  font-size: 11px;
  line-height: 13px;
}
.prizes-breakdown-table table tr td:first-child:not(.initial) {
  color: #EB0D77;
  font-weight: 700;
}
.prizes-breakdown-table table tr td:last-child {
  font-weight: 700;
}
/*---Products---*/
.benefit-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.benefit-list .benefit-box {
  flex-basis: 33%;
  padding-right: 30px;
  margin-bottom: 25px;
  position: relative;
}
.benefit-list .benefit-box:not(:first-child):after {
  content: " ";
  width: 1px;
  height: 100%;
  position: absolute;
  left: -20px;
  top: 0%;
  background-color: #5C566A;
}
.benefit-list .benefit-box.no-border:after {
  display: none;
}
.highlight-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0px 20px;
}
.highlight-section .highlight-column {
  flex-basis: auto;
}
.highlight-section .highlight-column.col-20 {
  flex-basis: calc(20% - 10px);
}
.highlight-section .highlight-column.col-25 {
  flex-basis: calc(25% - 10px);
}
.highlight-section .highlight-column.col-30 {
  flex-basis: calc(30% - 10px);
}
.highlight-section .highlight-column.col-35 {
  flex-basis: calc(35% - 10px);
}
.highlight-section .highlight-column.col-40 {
  flex-basis: calc(40% - 10px);
}
.highlight-section .highlight-column.col-45 {
  flex-basis: calc(45% - 10px);
}
.highlight-section .highlight-column.col-50 {
  flex-basis: calc(50% - 20px);
}
.highlight-section .highlight-column.col-55 {
  flex-basis: calc(55% - 20px);
}
.highlight-section .highlight-column.col-60 {
  flex-basis: calc(60% - 20px);
}
.highlight-section .highlight-column.col-80 {
  flex-basis: calc(80% - 20px);
}
.highlight-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.highlight-list .highlight-box {
  border: 2px solid #68127F;
  background: #271A3F;
  padding: 15px;
  margin-bottom: 20px;
  width: 100%;
  min-height: 160px;
}
.highlight-list .highlight-box span {
  display: block;
}
.highlight-list .highlight-box .highlight-2col {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.highlight-list .highlight-box .highlight-2col .highlight-2col-box {
  flex-basis: 50%;
}
.highlight-table {
  margin-bottom: 7px;
  min-height: 160px;
}
.highlight-table table {
  background: #271A3F;
  width: 100%;
  min-height: 160px;
}
.highlight-table table tr td {
  padding: 8px 15px;
  border: 2px solid #68127F;
}
.flex-10 {
  flex-basis: 10%;
}
.flex-20 {
  flex-basis: 20%;
}
.flex-30 {
  flex-basis: 30%;
}
.flex-40 {
  flex-basis: 40%;
}
.flex-50 {
  flex-basis: 50%;
}
.flex-60 {
  flex-basis: 60%;
}
.flex-70 {
  flex-basis: 70%;
}
.flex-80 {
  flex-basis: 80%;
}
.flex-90 {
  flex-basis: 90%;
}
.flex-100 {
  flex-basis: 100%;
}
/*--- Mascot position---*/
.mascot-register-section {
  position: absolute;
  top: 5%;
  left: 14%;
  max-width: 20%;
  transform: translate(-50%, 0%);
}
.mascot-faq-section {
  position: absolute;
  top: 0px;
  left: 14%;
  max-width: 15%;
  transform: translate(-50%, 0%);
}
.mascot-prizes {
  position: relative;
  aspect-ratio: 2.5;
  margin-top: -9%;
}
.mascot-prizes .mascot-prizes-layer-1 {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  max-width: 1200px;
  width: 100%;
}
.mascot-prizes .mascot-prizes-layer-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1400px;
  width: 100%;
}
.mascot-prizes .mascot-prizes-main-character {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  max-width: 47%;
  width: 100%;
  margin: auto;
}
/*---FAQs---*/
.accordion {
  border-top: 1px solid #ffffff;
}
.accordion .accordion-header {
  padding: 18px 25px 18px 0px;
  cursor: pointer;
  position: relative;
}
.accordion .accordion-header p {
  margin-bottom: 0px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
}
.accordion .accordion-header:after {
  content: " ";
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 7px;
  position: absolute;
  top: 15px;
  right: 5px;
  transform: rotate(45deg);
  transition: 0.5s;
}
.accordion .accordion-header.active:after {
  top: 22px;
  transform: rotate(225deg);
  transition: 0.5s;
}
.accordion .accordion-content {
  display: none;
  padding: 5px 25px 18px 0px;
}
.accordion:last-child {
  border-bottom: 1px solid #ffffff;
}
.accordion .accordion-header.active p {
  color: #61E4F5;
}
.gfield_html ul, .gfield_html ol, .accordion-content ul, .accordion-content ol {
  list-style: initial;
  margin-left: 15px;
  margin-bottom: 10px;
}
.gfield_html ul li, .gfield_html ol li, .accordion-content ul li, .accordion-content ol li {
  margin-bottom: 7px;
  font-size: 14px;
}
.gfield_html ul li ul, .gfield_html ul li ol, .gfield_html ol li ul, .gfield_html ol li ol, .accordion-content ul li ul, .accordion-content ul li ol, .accordion-content ol li ul, .accordion-content ol li ol {
  margin-top: 10px;
}
.gfield_html ol, .accordion-content ol {
  list-style: lower-alpha;
}
/*--------Footer------------*/
#footer {
  background: linear-gradient(90deg, #68127F 0%, #492288 50.52%, #2D3091 100%);
  color: #ffffff;
  padding: 20px 15px 20px 15px;
}
#footer * {
  color: #ffffff;
}
#footer a {
  color: #ffffff;
  line-height: 1.5;
}
#footer a:hover {
  color: #EB0D77;
}
#footer .footer-box {
  margin-bottom: 45px;
  display: flex;
  flex-wrap: wrap;
}
#footer .footer-box.footer-menu-two-col .footer-menu-container {
  flex-basis: 180px;
}
#footer .footer-box.footer-menu-two-col .footer-menu-container li.menu-item {
  margin-bottom: 10px;
}
#footer .footer-box.footer-menu-two-col .footer-menu-container ul.sub-menu {
  margin-top: 10px;
  font-size: 13px;
}
#footer .footer-box.footer-menu-two-col .footer-menu-container ul.sub-menu li {
  margin-bottom: 5px;
}
#footer .footer-box h4 {
  margin-bottom: 10px;
}
#footer .footer-box .footer-box-social-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#footer .footer-box .footer-box-social-list a {
  max-width: 30px;
  margin-right: 10px;
  opacity: 1;
}
#footer .footer-box .footer-box-social-list a:hover {
  opacity: 0.7;
}
#footer .footer-logo-box {
  display: block;
  max-width: 170px;
}
#footer .footer-copyright-box {
  text-align: center;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #6D6E71;
}
#footer .footer-copyright-box p {
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .hideinmobile {
    display: block;
  }
  .hideindesktop {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .morder1 {
    order: 1;
  }
  .morder2 {
    order: 2;
  }
  .hideinmobile {
    display: none;
  }
  .hideindesktop {
    display: block;
  }
  .tbpad5 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .padb5 {
    padding-bottom: 55px;
  }
  .mtopreset {
    margin-top: 0px !important;
  }
  .menu-nav-desktop {
    display: none;
  }
  a.mburger.mobile-menu-trigger {
    display: block !important;
    color: #ffffff !important;
  }
  h2 {
    font-size: 28px;
    line-height: 36px;
  }
  h3 {
    font-size: 26px;
    line-height: 34px;
  }
  h3.small {
    font-size: 24px;
    line-height: 30px;
  }
  h4 {
    font-size: 24px;
    line-height: 30px;
  }
  h5 {
    font-size: 16px;
    line-height: 22px;
  }
  h5.big {
    font-size: 19px;
    line-height: 24px;
  }
  .mascot-register-section {
    left: 15%;
    top: -50px;
    max-width: 120px;
  }
  .mascot-faq-section {
    top: -70px;
    max-width: 80px;
  }
  .benefit-list .benefit-box {
    flex-basis: 50%;
  }
  .title-small {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
  }
  .title-med-small {
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
  }
  .title-med {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }
  .title-med-big {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  .title-big-med {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
  }
  .title-big {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
  }
  .title-huge {
    font-size: 44px;
    line-height: 48px;
    font-weight: 700;
  }
  #mainBanner h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  #mainBanner h2 {
    font-size: 24px;
    line-height: 28px;
    max-width: 250px !important;
  }
  .polygon-style-blue-1.adjust-left {
    left: -17px;
  }
  .prizes-summary-box {
    padding: 20px 15px 20px 15px;
    margin-bottom: 12px;
  }
  .prizes-summary-box .summary-box-list .summary-box {
    flex-basis: 50%;
  }
  .prizes-summary-box .summary-box-list .summary-box.summary-box-right-col {
    padding-left: 20px;
  }
  .polygon-style-red-1 {
    padding: 7px 65px 7px 18px;
  }
  .polygon-style-red-2 {
    padding: 7px 45px 7px 16px;
  }
  .polygon-style-blue-1 {
    padding: 7px 65px 7px 18px;
  }
  .highlight-list .highlight-box {
    padding: 15px;
    min-height: initial;
    flex-basis: 100%;
    margin-bottom: 0px;
  }
  .highlight-table {
    min-height: initial;
  }
  .mascot-prizes {
    xaspect-ratio: 1.5;
  }
  .highlight-section .highlight-column.col-20 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-25 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-30 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-35 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-40 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-45 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-50 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-55 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-60 {
    flex-basis: 100%;
  }
  .highlight-section .highlight-column.col-80 {
    flex-basis: 100%;
  }
  .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox, .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .prizes-breakdown-table span.small {
    display: block;
    margin-bottom: 0px;
  }
  .winner-list-section {
    padding: 35px 0px;
  }
  .winners-group-tab-list a {
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .monthly-winner-tab-list a {
    font-size: 14px;
  }
  .benefit-list .benefit-box.m-no-border:after {
    display: none;
  }
  .benefit-list .benefit-box.m-with-border:after {
    content: " ";
    width: 1px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0%;
    background-color: #5C566A;
    display: block;
  }
  .floating-star-1 {
    top: -45px !important;
    right: -30px !important;
  }
  .floating-star-2 {
    bottom: -30px !important;
    left: -20px !important;
  }
  .mm-navbar {
    display: none;
  }
}
