/* base.css */

/* skip */
/* default.css */


/* template.css */

/* col-sm-* 😉 */
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Figtree", sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Righteous", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
a {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
label.error {
  color: red;
}
.text-c1 {
  color: #3c7afa !important;
}
.text-c2 {
  color: #f43d4b !important;
}
.text-c3 {
  color: #4d4d4d !important;
}
.text-c4 {
  color: #e2f1fd !important;
}
.text-freebies {
  color: #53DB00!important;
}
.text-discounts {
  color: #8BBAF8!important;
}
.text-deals {
  color: #14A2B8!important;
}
.text-specials {
  color: #F43C4B!important;
}
.bg-c1 {
  background: #3c7afa !important;
}
.bg-c2 {
  background: #f43d4b !important;
}
.bg-c3 {
  background: #4d4d4d !important;
}
.bg-c4 {
  background: #e2f1fd !important;
}
.bg-freebies {
  background: #53DB00!important;
}
.bg-discounts {
  background: #8BBAF8!important;
}
.bg-deals {
  background: #14A2B8!important;
}
.bg-specials {
  background: #F43C4B!important;
}
.bg-blue {
  background: #049cbe;
}
.bg-red {
  background: #c42b46;
}
.bg-grey {
  background: #b3b3b3;
}
.bg-grey2 {
  background: #b3b3b3;
}
.bg-light-blue {
  background: #e8f5f8;
}
.bg-light-grey {
  background: #e6e6e6;
}
.bg-light-grey2 {
  background: #f2f2f2;
}
.bg-light-grey3 {
  background: #fafafa;
}
.bg-black {
  background: #080000;
}
.color-blue {
  color: #049cbe !important;
}
.color-red {
  color: #c42b46;
}
.color-grey3 {
  color: #495057;
}
.border-freebies {
  border: 3px solid #53DB00!important;
}
.border-discounts {
  border: 3px solid #8BBAF8!important;
}
.border-deals {
  border: 3px solid #14A2B8!important;
}
.border-specials {
  border: 3px solid #F43C4B!important;
}
.m-6 {
  height: 100px;
}
.un {
  display: inline-block;
}
.cursor-pointer {
  cursor: pointer;
}
.pointer-events-none {
  pointer-events: none;
}
.un:after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: #ccc;
  transition: 300ms;
}
.un:hover:after {
  width: 100%;
}
.square {
  border-radius: 0;
}
.rounded-lg {
  border-radius: 20px!important;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-15 {
  font-size: 15px !important;
}
.card:hover {
  border: 1px solid #049cbe;
}
.border-blue {
  border: 1px solid #049cbe !important;
}
.bg-c1.text-white {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.bg-c1.text-white:hover {
  background: #f43d4b !important;
}
.bg-c2.text-white {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.bg-c2.text-white:hover {
  background: #3c7afa !important;
}
.bg-grey2.text-white {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.bg-grey2.text-white:hover {
  background: #3c7afa !important;
}
.shadow-footer {
  box-shadow: 0 -.5rem 1rem rgba(0,0,0,.15)!important;
}
.rounded-sm {
  border-radius: 10px!important;
}
.rounded-bottom-lg {
  border-bottom-left-radius: 20px!important;
  border-bottom-right-radius: 20px!important;
}
#userDashboardMenuCtr:not(.collapsed) .fa-bars:before {
  content: "\f00d";
}
#carouselWinners .carousel-inner {
  top: 250px;
}
.breadcrumb-item.active a, .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-item a:hover {
  color: #049cbe;
}
.winner-carousel {
  /* Slick slider buttons */
}
.winner-carousel .winner-name {
  font-size: 40px;
  font-weight: 700;
  background: -webkit-linear-gradient(#fff, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px #333);
}
.winner-carousel .winner-won {
  font-size: 40px;
  font-weight: 800;
  background: -webkit-linear-gradient(#049cbe, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px #333);
}
.winner-carousel .winner-amount {
  font-size: 56px;
  font-weight: 800;
  background: -webkit-linear-gradient(gold, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px #333);
}
#next_arrow {
  font-size: 35px;
  height: 35px;
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  color: #808184;
}
#prev_arrow {
  font-size: 35px;
  height: 35px;
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  color: #808184;
}
#backtotop {
  position: fixed;
  visibility: hidden;
  bottom: 30px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: rgba(34, 34, 34, .7);
  color: #fff;
  cursor: pointer;
  z-index: 2;
  text-align: center;
  border-radius: 7px 0px 0px 7px;
  transition: 1s;
}
#backtotop .fa-angle-up {
  font-size: 32px;
  margin-top: 10px;
}
#backtotop:hover {
  background-color: #049cbe;
  /* COOKIE BAR */
}
#cookie-notification {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  background: black;
  padding: 40px;
  text-align: center;
  display: none;
  z-index: 9999;
}
#cookie-notification p {
  max-width: 960px;
  margin: 0 auto;
  color: white;
  font-size: 16px;
  line-height: 1.3em;
  text-align: center;
}
#cookie-notification a {
  color: white;
  font-weight: 600;
}
#cookie-notification .accept {
  margin-top: 20px;
  padding: 10px 25px;
  color: black;
  background-color: white;
  border: none;
  font-size: 18px;
  cursor: pointer;
  letter-spacing: 1px;
  border-radius: 3px;
}
#cookie-notification .accept:hover {
  color: grey;
  background-position: 0;
  /* ANIMATION */
}
.animated {
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
.color-change {
  animation: color-change 1s infinite;
  position: absolute;
  top: 45px;
  left: 16px;
  font-size: 20px;
  font-weight: 900;
  width: 100%;
}
.bg-flash {
  animation: bg-change 2.5s infinite;
}
.rotate-360 {
  animation: rotate-360 10s linear infinite;
}
@keyframes bg-change {
  0% {
    background: #049cbe;
  }
  50% {
    background: #c42b46;
  }
  100% {
    background: #049cbe;
  }
}
@keyframes color-change {
  0% {
    color: #049cbe;
  }
  50% {
    color: #c42b46;
  }
  100% {
    color: #049cbe;
  }
}
@keyframes rotate-360 {
  0% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(379deg);
  }
}
.navbar-brand img {
  height: 80px;
}
.winners-card {
  /* min-height: 284px !important; */
}
@media (max-width: 1710px) {
  .home-overlay-top-winners {
    width: 54% !important;
  }
}
@media (max-width: 1500px) {
  .home-overlay-top-winners {
    width: 65% !important;
    left: 53% !important;
  }
}
@media (max-width: 1200px) {
  .navbar-brand img {
    height: 70px;
  }
  #feusers_signupform3 label[for=feusers_signupform3_email] {
    bottom: 145px !important;
  }
  .navbar-nav .nav-item a, .right-nav a {
    font-size: 12.5px !important;
  }
  .home-overlay-bottom {
    width: 320px !important;
  }
  .clock2 {
    transform: scale(0.9, 0.9);
    /* about us banner */
  }
  .about-overlay-top {
    right: 19% !important;
  }
  .home-overlay-top-winners {
    width: 80% !important;
    left: 53% !important;
  }
}
@media (max-width: 992px) {
  .navbar-brand img {
    height: 60px;
  }
  .navbar {
    background: #fff !important;
  }
  .navbar-toggler, .navbar-nav .nav-item a, .right-nav, .right-nav a {
    color: #3c7afa !important;
    border: none;
  }
  .navbar-toggler {
    margin-left: 20px;
  }
  .navbar-toggler:focus {
    outline: none;
  }
  .nav-item {
    margin-left: 20px;
    font-weight: 600;
  }
  #nav-tab .nav-item {
    margin-left: 0;
  }
  .navbar-nav .nav-item .upload-receipts {
    background: #fff !important;
    color: #c42b46 !important;
  }
  .extra-links {
    display: block;
  }
  .extra-links a {
    display: block;
  }
  #feusers_signupform3 label[for=feusers_signupform3_email] {
    bottom: 105px !important;
  }
  .contact-submit {
    background: #049cbe;
    width: 100%;
  }
  .home-overlay-top {
    right: 50px !important;
  }
  .home-overlay-top h1 {
    font-size: 50px !important;
    line-height: 50px !important;
    letter-spacing: 2px !important;
  }
  .home-overlay-top a {
    font-size: 28px !important;
    /* about us banner */
  }
  .about-overlay-top {
    right: 12% !important;
    /* dashboard drop down */
  }
  .draws-dropdown {
    transform: translate3d(-66px, 38px, 0px) !important;
    padding: 10px;
  }
  .draws-dropdown a {
    padding-bottom: 5px;
    display: block;
  }
  footer .footer-logo {
    width: 100% !important;
  }
  .dropdown-menu.terms-dropdown.show {
    width: 240px !important;
    left: 0 !important;
  }
  .terms-dropdown a {
    display: block !important;
    padding: 5px 10px !important;
  }
  .home-overlay-top-winners {
    width: 90% !important;
    left: 53% !important;
  }
}
@media (max-width: 767px) {
  .navbar-toggler {
    margin-left: 10px;
  }
  .navbar-brand img {
    height: 50px;
  }
  .social-column {
    padding-bottom: 150px !important;
  }
  #feusers_signupform3 label[for=feusers_signupform3_email] {
    bottom: 100px !important;
  }
  .dropdown-menu.about-dropdown.show {
    width: 240px !important;
    left: 0 !important;
  }
  .about-dropdown a {
    display: block;
    padding: 5px;
    /* home banner */
  }
  .banner-wrapper, .banner-wrapper .main-image {
    height: 360px !important;
  }
  .home-section2 {
    margin-top: 360px;
  }
  .home-coin {
    width: 250px;
  }
  .home-overlay-top {
    width: 260px;
    margin: 0 auto;
  }
  .home-overlay-top h1 {
    font-size: 30px !important;
    line-height: 30px !important;
    letter-spacing: 1px !important;
  }
  .home-overlay-top a {
    font-size: 22px !important;
  }
  .home-overlay-bottom {
    top: 10px !important;
    /* past draws banner */
  }
  .past-draws-overlay-top {
    width: 300px !important;
    top: 80px !important;
    left: 63% !important;
  }
  .past-draws-overlay-top .past-draws-coin {
    width: 300px !important;
  }
  .text-overlay {
    width: 200px !important;
    top: 100px !important;
    left: 61% !important;
  }
  .text-overlay h1 {
    font-size: 30px;
    margin-bottom: 0;
  }
  .text-overlay h2, .text-overlay h3 {
    font-size: 20px;
    /* about banner */
  }
  .about-overlay-top {
    width: 300px !important;
    top: 10px !important;
    right: 10% !important;
  }
  .about-text-overlay {
    top: 90px !important;
  }
  .about-text-overlay h1 {
    font-size: 40px !important;
  }
  .about-text-overlay h2 {
    font-size: 26px !important;
    /* drop down */
  }
  .past-draws-outlet .past-draw-col:nth-child(odd) p {
    background: #fff !important;
  }
  .past-draws-outlet .past-draw-col:nth-child(even) p {
    background: #e8f5f8 !important;
  }
  #nav-tab-draws, #nav-tab-tickets {
    top: 35px !important;
  }
  footer .footer-logo {
    width: 150px !important;
  }
  .home-overlay-top-winners {
    width: 48% !important;
    left: 53% !important;
  }
  #carouselWinners .carousel-inner {
    top: 140px !important;
  }
  .winner-carousel .winner-name {
    font-size: 35px;
    font-weight: 700;
  }
  .winner-carousel .winner-won {
    font-size: 35px;
    font-weight: 800;
    background: -webkit-linear-gradient(#049cbe, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px #333);
  }
  .winner-carousel .winner-amount {
    font-size: 48px;
  }
}
@media (max-width: 576px) {
  .wts-form select, .wts-form input, .wts-form select:focus, .wts-form input:focus {
    background: #fff !important;
    border: 1px solid #049cbe !important;
    color: #049cbe;
  }
  .wts-form input::placeholder {
    color: #049cbe;
    /* past draws banner */
  }
  .past-draws-overlay-top {
    width: 280px !important;
    top: 80px !important;
    left: 59% !important;
  }
  .past-draws-overlay-top .past-draws-coin {
    width: 275px !important;
  }
  .text-overlay {
    width: 200px !important;
    top: 100px !important;
    left: 51% !important;
  }
  .text-overlay h1 {
    font-size: 22px;
    margin-bottom: 0;
  }
  .text-overlay h3 {
    font-size: 18px;
  }
  .past-draws-winners .winners-img {
    max-width: calc(100% - 40px) !important;
  }
  .past-draws-winners .winners-coins {
    width: 90% !important;
    top: 70px !important;
    left: 0px !important;
  }
  footer .footer-logo {
    width: 120px !important;
  }
  .home-overlay-top {
    width: 260px;
    /* margin: 0 auto; */
    right: 0 !important;
    /* about banner */
  }
  .about-overlay-top {
    right: 20px !important;
  }
  .home-overlay-top-winners {
    width: 63% !important;
    left: 53% !important;
  }
  #carouselWinners .carousel-inner {
    top: 120px !important;
  }
}
@media (max-width: 500px) {
  #feusers_signupform3 label[for=feusers_signupform3_email] {
    bottom: 125px !important;
  }
  .home-overlay-top-winners {
    width: 70% !important;
    left: 53% !important;
  }
  #carouselWinners .carousel-inner {
    top: 110px !important;
  }
}
@media (max-width: 400px) {
  .navbar-toggler {
    margin-left: 0;
  }
  .social-column {
    padding-bottom: 50px !important;
    /* about banner */
  }
  .about-overlay-top {
    width: 250px !important;
    top: 40px !important;
  }
  .about-text-overlay {
    top: 80px !important;
  }
  .about-text-overlay h1 {
    font-size: 34px !important;
  }
  .about-text-overlay h2 {
    font-size: 20px !important;
  }
  .home-overlay-top-winners {
    width: 85% !important;
    left: 53% !important;
  }
}
@media (min-width: 320px) and (max-width: 340px) {
  .navbar-brand img {
    height: 38px;
  }
}

/* ltr.css */

/* skip */