/**
* Template Name: Bitmon Paradise
* Author: Damian Hadyi (hadyi.com) for Bitmon Paradise

*/



/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Passion+One&family=Roboto:wght@400;700&family=Titan+One&display=swap');

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Roboto", "Open Sans", sans-serif;
  color: #444444;
  background:  rgba(164, 255, 213, 1);}
}

a {
  color: #5846f9;
  text-decoration: none;
}

a:hover {
  color: #8577fb;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Titan One", "Arial Black", sans-serif;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #5846f9;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #7b27d8;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #5846f9;
}
#preloader:after {
  content: "";
  position: fixed;
  top: calc(35% - 42px);
  left: calc(50% - 120px);
  width: 240px;
  height: 84px;
  background:  url("../img/preloader_logo.jpg") top center no-repeat;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #FFF;
  border-top-color: #e7e4fe;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
}
#header.header-scrolled, #header.header-inner-pages {
  background: rgba(24, 6, 185, 0.8);
  padding: 12px 0;
}
#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#header .logo a {
  color: #fff;
}
#header .logo img {
  max-height: 40px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
.navbar > ul > li {
  padding: 10px 0 10px 24px;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
  transition: 0.3s;
  position: relative;
}
.navbar a i, .navbar a:focus i {
  font-size: 20px/*12px*/;
  line-height: 0;
  margin-left: 5px;
}
.navbar > ul > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {
  visibility: visible;
  width: 100%;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #fff;
}
/* GETSTARED, ABAJO ------*/
/*.navbar .getstarted, .navbar .getstarted:focus {
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 5px;
  color: #fff;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
*/

.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
  color: #fff;
  border-color: #fff;
}
.navbar .getstarted:before, .navbar li:hover > .getstarted:before {
  visibility: hidden;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 24px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
/* Llevada abajo, MENU */
/*.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  color: #FFF;
}*/
.navbar .dropdown ul a i {
  font-size: 12px;
}
/* llevada abajo, MENU */
/*
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #491d05;
    text-decoration: underline;
}*/

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(28, 47, 65, 0.9);
  transition: 0.3s;
  z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile > ul > li {
  padding: 0;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #2c4964;
}
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {
  visibility: hidden;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #5846f9;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #5846f9;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: rgba(34, 73, 81, 1) url("../img/bg_header.jpg") top center no-repeat;
  background-size: cover;
}
#hero .container, #hero .container-fluid {
  padding-top: 84px;
}
#hero h1 {
  margin: 0;
  font-size: 52px;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
}
#hero h2 {
  color: rgba(255, 255, 255, 0.8);
  margin: 10px 0 0 0;
/*  font-size: 20px;*/
}
#hero .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 5px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  border: 2px solid #fff;
}
#hero .btn-get-started:hover {
  background: #fff;
  color: #5846f9;
}
#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
@media (min-width: 1200px) {
  #hero {
/*    background-attachment: fixed;*/
  }
}
@media (max-width: 991px) {
  #hero {
    text-align: center;
  }
  #hero .container, #hero .container-fluid {
    padding-top: 68px;
  }
  #hero .animated {
/*    -webkit-animation: none;
    animation: none;*/
  }
  #hero .hero-img {
    text-align: center;
  }
  #hero .hero-img img {
/*    width: 50%;*/
  }
}
    @media (max-width: 768px) {
      #hero h1 {
    /*    font-size: 26px;*/
        line-height: 36px;
      }
      #hero h2 {
    /*    font-size: 18px;*/
        line-height: 24px;
      }
      #hero .hero-img img {
    /*    width: 60%;*/
      }
    }

    @media (max-width: 575px) {
      #hero .hero-img img {
        width: 100%;
      }
    }

 /*   @media (max-width: 575px),(max-height: 600px) {
      #hero {
        height: auto;
      }
    }*/

/*    @media (max-width: 575px) {
      #hero {
        height: auto;
      }
    }
*/
#hero {
        height: auto !Important;
      }

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 100px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f9f8ff;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}
.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}
/*.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #5846f9;
  bottom: 0;
  left: calc(50% - 25px);
}*/
.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
  padding: 120px 0;
}
.about .content h3 {
  font-weight: 600;
  font-size: 32px;
  color: #2c4964;
}
.about .content ul {
  list-style: none;
  padding: 0;
}
.about .content ul li {
  padding-bottom: 10px;
}
.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #5846f9;
}
.about .content p:last-child {
  margin-bottom: 0;
}
.about .content .read-more {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 50px 10px 28px;
  border-radius: 5px;
  transition: 0.5s;
  color: #fff;
  background: linear-gradient(45deg, #5846f9 0%, #7b27d8 100%);
  position: relative;
}
.about .content .read-more:hover {
  background: linear-gradient(180deg, #5846f9 0%, #7b27d8 100%);
}
.about .content .read-more i {
  font-size: 22px;
  position: absolute;
  right: 20px;
  top: 12px;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  background: linear-gradient(90deg, rgba(88, 70, 249, 0.5) 0%, rgba(123, 39, 216, 0.5) 100%), url("../img/counts-bg.png") center center no-repeat;
  padding: 80px 0 60px 0;
}
.counts .counters span {
  font-size: 48px;
  display: block;
  color: #fff;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.counts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 70px 20px 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}
.services .icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}
.services .icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: relative;
}
.services .icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}
.services .icon-box .icon svg path {
  transition: 0.5s;
  fill: #f5f5f5;
}
.services .icon-box h4 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 22px;
}
.services .icon-box h4 a {
  color: #2c4964;
  transition: ease-in-out 0.3s;
}
.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}
.services .iconbox-blue i {
  color: #47aeff;
}
.services .iconbox-blue:hover .icon i {
  color: #fff;
}
.services .iconbox-blue:hover .icon path {
  fill: #47aeff;
}
.services .iconbox-orange i {
  color: #ffa76e;
}
.services .iconbox-orange:hover .icon i {
  color: #fff;
}
.services .iconbox-orange:hover .icon path {
  fill: #ffa76e;
}
.services .iconbox-pink i {
  color: #e80368;
}
.services .iconbox-pink:hover .icon i {
  color: #fff;
}
.services .iconbox-pink:hover .icon path {
  fill: #e80368;
}
.services .iconbox-yellow i {
  color: #ffbb2c;
}
.services .iconbox-yellow:hover .icon i {
  color: #fff;
}
.services .iconbox-yellow:hover .icon path {
  fill: #ffbb2c;
}
.services .iconbox-red i {
  color: #ff5828;
}
.services .iconbox-red:hover .icon i {
  color: #fff;
}
.services .iconbox-red:hover .icon path {
  fill: #ff5828;
}
.services .iconbox-teal i {
  color: #11dbcf;
}
.services .iconbox-teal:hover .icon i {
  color: #fff;
}
.services .iconbox-teal:hover .icon path {
  fill: #11dbcf;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}
.features .icon-box i {
  font-size: 48px;
  float: left;
  color: #5846f9;
}
.features .icon-box p {
  font-size: 15px;
  color: #848484;
  margin-left: 60px;
}
.features .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonials .testimonial-item {
  box-sizing: content-box;
  min-height: 320px;
}
.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: -40px 0 0 40px;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 45px;
  color: #2c4964;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 45px;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #b1a9fc;
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 15px 0 15px;
  padding: 20px 20px 60px 20px;
  background: #fff;
  position: relative;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}
.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5846f9;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5846f9;
}
@media (max-width: 767px) {
  .testimonials {
    margin: 30px 10px;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #5846f9;
}
.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}
.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(88, 70, 249, 0.8);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}
.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}
.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}
.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}
.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 48px);
}
.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: calc(50% - 50px);
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5846f9;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5846f9;
}
.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(44, 73, 100, 0.08);
}
.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}
.portfolio-details .portfolio-description {
  padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.pricing h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #2c4964;
  background: #f8f8f8;
}
.pricing h4 {
  font-size: 36px;
  color: #5846f9;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}
.pricing h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}
.pricing h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}
.pricing ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.pricing ul li {
  padding-bottom: 16px;
}
.pricing ul i {
  color: #5846f9;
  font-size: 18px;
  padding-right: 4px;
}
.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}
.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background: #f8f8f8;
  text-align: center;
}
.pricing .btn-buy {
  background: linear-gradient(42deg, #5846f9 0%, #7b27d8 100%);
  display: inline-block;
  padding: 10px 35px;
  border-radius: 4px;
  color: #fff;
  transition: none;
  font-size: 15px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}
.pricing .btn-buy:hover {
  background: linear-gradient(180deg, #5846f9 0%, #7b27d8 100%);
}
.pricing .featured h3 {
  color: #fff;
  background: #5846f9;
}
.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #5846f9;
  color: #fff;
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  background: linear-gradient(42deg, #5846f9 0%, #7b27d8 100%);
}
.faq .section-title h2, .faq .section-title p {
  color: #fff;
}
.faq .section-title h2::after {
  background: rgba(255, 255, 255, 0.6);
}
.faq .faq-list {
  padding: 0 100px;
}
.faq .faq-list ul {
  padding: 0;
  list-style: none;
}
.faq .faq-list li + li {
  margin-top: 15px;
}
.faq .faq-list li {
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  position: relative;
}
.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}
.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #8577fb;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}
.faq .faq-list .icon-show {
  display: none;
}
.faq .faq-list a.collapsed {
  color: #2c4964;
}
.faq .faq-list a.collapsed:hover {
  color: #5846f9;
}
.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
  display: none;
}
@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
  background: #fff;
}
.contact .info-box i {
  font-size: 32px;
  color: #5846f9;
  border-radius: 50%;
  padding: 8px;
}
.contact .info-box h3 {
  font-size: 20px;
  color: #2c4964;
  font-weight: 700;
  margin: 10px 0;
}
.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  background: #fff;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #5846f9;
}
.contact .php-email-form input {
  padding: 10px 15px;
}
.contact .php-email-form textarea {
  padding: 12px 15px;
}
.contact .php-email-form button[type=submit] {
  background: #5846f9;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 5px;
}
.contact .php-email-form button[type=submit]:hover {
  background: #7b27d8;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f2f6f9;
  min-height: 40px;
  margin-top: 85px;
}
@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 56px;
  }
}
.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 300;
}
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  font-size: 14px;
  margin: 0;
}
.breadcrumbs ol li + li {
  padding-left: 10px;
}
.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #3c6387;
  content: "/";
}
@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #fff;
  font-size: 14px;
  background: linear-gradient(45deg, rgba(86, 58, 250, 0.9) 0%, rgba(116, 15, 214, 0.9) 100%), url("../img/hero-bg.jpg") center center no-repeat;
  background-size: cover;
}
#footer .footer-top {
  padding: 60px 0 30px 0;
  position: relative;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
  font-size: 28px;
  margin: 0 0 30px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}
#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
}
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: rgba(89, 23, 61, 1);
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: rgba(89, 23, 61, 1);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
    text-decoration: none;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: underline;
  color: rgba(89, 23, 61, 1);
}
#footer .footer-newsletter {
  font-size: 15px;
}
#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 5px;
  text-align: left;
  border: 1px solid white;
}
#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}
#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: -1px;
  right: -2px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: rgba(123, 39, 216, 0.8);
  color: #fff;
  transition: 0.3s;
  border-radius: 0 5px 5px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#footer .footer-newsletter form input[type=submit]:hover {
  background: #5846f9;
}
#footer .copyright-wrap {
  border-top: 1px solid #8577fb;
}
#footer .credits {
  padding-top: 5px;
  font-size: 13px;
  color: #fff;
}
#footer .credits a {
  color: #fff;
}
#footer .social-links a {
  font-size: 22px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  line-height: 1;
  padding: 6px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .social-links a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
}





/*--------------------------------------------------------------
# HEADER BITMON -correciones al original-
--------------------------------------------------------------*/
    #header {
    padding-top:12px;    
    }
    
    #header .logo img {
      max-height:none; 
    /*    width: 316px;
        height: 102px;*/
    }
    
    #header.fixed-top,
    #header.header-scrolled, 
    #header.header-inner-pages {
       background: url(../img/header_bg.png) top center repeat-x;
        padding: 12px 0;
    }
    .navbar > ul > li {
        padding-top: 10px;
        padding-bottom:  20px;
    }

    .navbar a,
    .navbar a:focus {
        color: rgba(255, 255, 255, 1);
        font-size: 18px;
        text-transform: uppercase;
        text-shadow: 1px 1px 0 #491d05;
        font-family: "Passion One", "Arial Black", sans-serif;
            letter-spacing: 0.05em;
    }

    .navbar a:hover {
        color: rgba(243,191,0,1);
    }

    /*DROPDOWN IDIOMAS -DESKTOP- ------------*/
    .navbar .dropdown i {
        font-size:20px
    }
    .navbar .dropdown ul {
        background: url(../img/bg_navbar-mobile.jpg) top center repeat-y;
        background-size: cover;
        border: solid 2px #501d3b;
        border-right-width: 4px;
        border-bottom-width: 4px;
        background-color: #e98e69;
        border-radius: 5px
    }
    .navbar .dropdown ul li a:link,
    .navbar .dropdown ul li a:focus {
        text-shadow: none;
        text-decoration: none;
    }

    .navbar .dropdown ul li {
        min-width: 100px;
    }
            .navbar .dropdown ul a {
              padding: 10px 20px 5px 25px;
              font-size: 14px;
              color: #FFF;
            }
            .navbar .dropdown ul a:hover,
            .navbar .dropdown ul .active:hover,
            .navbar .dropdown ul li:hover > a {
              color: #FFF;
            }

            /* efecto subrayado  -------*/
            .navbar .dropdown > ul > li > a:before {
              content: "";
              position: absolute;
                margin-left:auto;
                margin-right:auto;
              width: 50%;
              height: 2px;
              bottom: 0px;
              background-color: #fff;
              visibility: hidden;
              width: 0px;
              transition: all 0.3s ease-in-out 0s;
            }
            .navbar .dropdown a:hover:before, 
            .navbar .dropdown li:hover > a:before, 
            .navbar .dropdown .active:before {
              visibility: visible;
              width: 50%;
            }
            /* AJUSTES PARA NAVBAR-MOBILE*/
            .navbar-mobile .dropdown > ul > li > a:before ,
            .navbar-mobile .dropdown a:hover:before, 
            .navbar-mobile .dropdown li:hover > a:before, 
            .navbar-mobile .dropdown .active:before {
              visibility: hidden;
            }





    /*DROPDOWN IDIOMAS -MOBILE- ------------*/
    .navbar-mobile .dropdown ul {
        border: solid 2px #491d05;
        border-right-width: 4px;
        border-right-color: #e59e73;
        border-bottom-width: 4px;
        border-bottom-color: #e59e73;
        background:#c87a5a;
    }

    /* PLAY NOW BUTTON ----------------------*/
    .navbar .getstarted,
    .navbar .getstarted:focus {
        width: 173px;
        height: 42px;
        padding-bottom:3px;
        text-align: center;
        color: #fff;
        transition: 0.2s;
        font-size: 18px;
        font-weight: 600;
        text-shadow: 2px 2px 0 #491d05;
        justify-content: center;
        background-position: 0 -42px;
       background: url(../img/but_header_playnow.png) top center no-repeat;
        background-attachment: local;
        text-decoration: none;
    }

    .navbar .getstarted:hover,
    .navbar-mobile li:hover > a.getstarted {
        font-size: 23px;
        transition: 0.2s;
        color:#FFF;
        text-shadow: 2px 2px 0 #491d05;
    }
        /* más ajustes MOBILE de boton PLAY NOW, abajo en MENU MOBILE */



    /* -- MENU MOBILE ----------------------- --*/
    .navbar-mobile ul {
        min-width: 200px;
        background: none;
        
/*        border: solid 2px #491d05;
        border-right-width: 4px;
        border-bottom-width: 4px;
  */  }   
        .navbar-mobile a:hover,
        .navbar-mobile .active,
        .navbar-mobile li:hover > a {
            color: #491d05;
            text-shadow: none;
        }
        .navbar-mobile .dropdown ul a:hover,
        .navbar-mobile .dropdown ul .active,
        .navbar-mobile .dropdown ul .active:hover,
        .navbar-mobile .dropdown ul li:hover > a {
            color: #491d05;
        }

        .navbar-mobile > ul > li {
        border: solid 2px #491d05;
            border-top-color: #e59e73;
            border-left-color: #e59e73;
        border-radius: 5px;
        background: #c85127 url(../img/bg_navbar-mobile.jpg) top center repeat-y;
        background-size: cover;
        padding: 0;
        }

        .navbar-mobile ul li {}

        .navbar-mobile ul li a,
        .navbar-mobile ul li a:link,
        .navbar-mobile ul li a:hover,
        .navbar-mobile ul li a:focus,
        .navbar-mobile ul li a:active{
            justify-content: center;
        }

        .navbar-mobile .getstarted,
        .navbar-mobile .getstarted:focus {
            width: 100%;
            padding-bottom: 13px;
            margin-left: auto;
            margin-right: auto;
        }


    /*  (hasta 991px) ============================================== */

    @media (max-width: 991px) {
        #header .logo .img-fluid {
        max-width: 80%;
        height: auto;
            } 
       
        /* BORDER Hamburguer menu --------*/
    .mobile-nav-toggle,
    .header-scrolled .mobile-nav-toggle { 
        border: solid #e8a87e 2px;
        border-radius: 4px;
        margin-bottom: 25px; 
        }
    }

    /*  (desde 992 a 1199px) ============================================== */
    @media (min-width: 992px) and (max-width:1199px) {
    .navbar a, .navbar a:focus {
        font-size: 14px;
        }
    }

    @media (min-width: 1200px) and (max-width:1399px) {
        .navbar > ul > li {
            padding-top: 0px;
            padding-bottom: 30px;
        }
        /* Desplegable Idiomas, ajuste posicion top -*/
        .navbar .dropdown ul {
            margin-top:-10px;
        }
    }
    /*  (desde 1400px) ============================================== */
    @media (min-width: 1400px) {
        #header {
        }
        .navbar > ul > li {
            padding-top: 0px;
            padding-bottom: 50px;
        }
        /* Desplegable Idiomas, ajuste posicion top -*/
        .navbar .dropdown ul {
            margin-top:-30px;
        }

    }


/*--------------------------------------------------------------
# HERO (topbanner)
--------------------------------------------------------------*/
.hero {
    position: relative;
}
.hero .separatorHeroBottom2 {
    background: url(../img/bg_separatorHeroBottom.png) top center repeat-x;
    height:48px;
    position: absolute;
    bottom: 0px;
    width: 100%;
}


#hero .container, #hero .container-fluid {
     padding-top: 0 !Important; 
}

.hero .bitmons-desktop { display: block;width: 70%;   margin: 0 auto 0 auto;}
.hero .bitmons-mobile {display: none;   margin: 0 auto 0 auto;}


    /* MOBILE (hasta 991px) ============================================== */
    @media (max-width: 991px) {
        .hero .bitmons-desktop { display: none}
        .hero .bitmons-mobile {display: block; width: 100%;}
    }

    /* MOBILE (hasta 992px) ============================================== */
    @media (min-width: 992px) {
        #hero { height: 120vh;}
}

    /* AJUSTE IMAGEN en LARGE DESKTOPS (desde 2350px) ============================================== */
    @media (min-width: 2350px) {
        .hero .bitmons-desktop { width: 60%;}
}


/*--------------------------------------------------------------
# FEATURES x4 (separator 01)
--------------------------------------------------------------*/
section.features4 {
    background: #1f2d36  linear-gradient(
0deg,  rgba(31, 45, 54, 1) 0%, rgba(39, 123, 130, 1) 50%, rgba(34, 73, 81, 1) 100%);
    padding: 20px 0 50px 0;
}

/*--------------------------------------------------------------
# SEPARATOR (separator 01)
--------------------------------------------------------------*/
.separator01 { 
    background:  #a3ffd6 url(../img/bg_separator01.png) top center repeat-x;
    height: 205px;
    padding:0 0 0 0;

}


    /* MOBILE (hasta 991px) ============================================== */
    @media (max-width: 991px) {
        .separator01 {
            background: #a3ffd6 
                url(../img/bg_separator01.png) top center repeat-x;
            background-size: contain;
            height: 85px;
            padding:0 0 0 0;
        }
}

/*--------------------------------------------------------------
# WHATS A BITMON
--------------------------------------------------------------*/
section.whatis {
    background: linear-gradient(
0deg, rgba(180, 255, 197, 1) 0%, rgba(218, 255, 160, 0.5) 50%, rgba(170, 255, 207, 1) 100%),
        url(../img/bg_whatis.png) left center no-repeat;
    padding: 20px 0 50px 0;
}
.whatis .whatis-desktop {
    display: block;
    position: relative
}
.whatis .whatis-bg-desktop {
    background: /*#ff0000*/ url(../img/bg_whatis_desktop.png) top center no-repeat;
    background-size:auto;
    height: 647px;
    display: block;
    position: relative
}

.whatis .whatis-desktop  h2 {
    color: #d0fffd;
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -2px;
    -webkit-text-stroke: 2px #173360;
    text-shadow: 5px 5px 0 #173360;
    text-align: center;
    margin-bottom: 40px;
    display: block;
}
.whatis  .whatis-text{
    font-family: Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 32px;
    color:#333366;
    text-align: justify;
/*  padding-top: 120px;
    margin-left: 220px;*/
}


/* MOBILE (ancho hasta 1400px) */
@media (max-width: 1400px) {
    .whatis .whatis-desktop {
        display: none
    }
    .whatis .whatis-mobile {
        display: block;
    }

    .whatis .whatis-mobile  .whatis-text{
        width:80%;
        margin-top:8%;
        margin-left:10%;
        margin-right:10%;
    }    
}

/* DESKTOP (ancho desde 1400px)*/
@media (min-width: 1401px) {
    /* Ocultar Mobile version*/
    .whatis .whatis-mobile {
        display: none;
    }
    
   .whatis .whatis-bg-desktop .whatis-text {
    width: 330px;
    padding-top: 105px;
    margin-left: 215px;
    }
}


/*--------------------------------------------------------------
# PLAY AND EARN
--------------------------------------------------------------*/
section.playandearn {
    background: #3d6b4c 
        url(../img/bg_forest2.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 0px 0 150px 0;
    position: relative;
}

.playandearn .separator02{
    background: url(../img/bg_top_playandearn.png) top center repeat;
/*    padding: 80px 0 60px 0;*/
    height: 205px;
}
.playandearn .container {
    padding-top:80px;
    padding-bottom:80px;
}

.playandearn .cupboard {
    background: /*#ff0000*/
        url(../img/img_playandearn.png) bottom center no-repeat;
    background-size:contain;
    max-width: 641px;
    min-height: 570px;
    bottom:0;
}
.playandearn .woodsign {
    background: /*#ff0000*/
        url(../img/bg_playandearn-2.png) bottom center no-repeat;
    background-size:contain;
    min-height: 570px;
    position: relative;
}

.playandearn .woodsign .playText{ 
    position: absolute;
    bottom: 70px;    
    margin-left:120px;
    margin-right:120px;
    text-align: justify;
}


.playandearn .woodsign h2,
.playandearn .woodsign h3 {
    position: relative;
  -webkit-text-stroke: 2px #491d05;
}

        .playandearn .woodsign h2{
            color: #d3c5a6;
            font-size: 40px;
            text-shadow: 3px 3px 0 #491d05;
        }
        .playandearn .woodsign h3{
            color: #FFFFFF;
            font-size: 70px;
            margin-top: -30px;
            text-shadow: 7px 7px 0 #491d05;
        }


.playandearn .separator03 {    
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 205px;
    padding:0 0 0 0;
    background:  url(../img/bg_separator03.png) top center repeat;
}

    /* AJUSTES POR ANCHO ============================================== */
    /* MOBILE (ancho hasta 319px)  ============================================== */
    @media (max-width: 319px) {
        .playandearn .container {
            padding-top: 0;
        }
        .playandearn .cupboard {
        min-height: 300px;    
        }
         .playandearn .woodsign{
        min-height:inherit;
        background: none;
             margin-top: 30px;
        }
        .playandearn .woodsign .playText{ 
            bottom: 0;
            position: relative;
            margin-left:8%;
            margin-right: 8%;            
        }        
        .playandearn .woodsign h3{
            font-size: 55px;
            margin-top: -30px;
            margin-bottom: 0px;
            text-shadow: 4px 4px 0 #491d05;
        }
        .playandearn .woodsign p{color:#fff}
    }

    /* MOBILE (entre 320px y 574x)  ============================================== */

        @media (min-width: 320px) and (max-width: 575px) {
        .playandearn .container {
            padding-top: 0px;
            padding-bottom: 40px;
            }
        .playandearn .cupboard {
        min-height: 320px;
        }
        .playandearn .woodsign {
            background: none/*    url(../img/bg_playandearn_mobile.png) bottom center no-repeat*/;
            background-size:contain;
            min-height: 350px;
        }

        .playandearn .woodsign .playText{ 
            bottom: 20px;   
            margin-left:30px;
            margin-right:30px;
        }
        
        .playandearn .woodsign h2{
            font-size: 30px;
            text-shadow: 3px 3px 0 #491d05;
        }
        .playandearn .woodsign h3{
            font-size: 50px;
            margin-top: -20px;
            text-shadow: 5px 5px 0 #491d05;
            margin-bottom: 20px;
        }
        .playandearn .woodsign p{
            color:#FFF;
            }
            
            
        }
    /* MOBILE (entre 576px y 768x)  ============================================== */
    @media (min-width: 576px) and (max-width: 768px) {
        .playandearn .cupboard {
        min-height: 320px;   
        }
        .playandearn .woodsign {
            background:    url(../img/bg_playandearn_mobile.png) bottom center no-repeat;
            background-size:contain;
            min-height: 420px
        }

        .playandearn .woodsign .playText{ 
            bottom: 60px;    
            margin-left:60px;
            margin-right:60px;
        }
        
        .playandearn .woodsign h2{
            font-size: 40px;
            text-shadow: 3px 3px 0 #491d05;
        }
        .playandearn .woodsign h3{
            font-size: 60px;
            margin-top: -30px;
            text-shadow: 4px 4px 0 #491d05;
        }

    }

    /* MOBILE (entre 768px y 991px) ============================================== */
    @media (min-width: 768px) and (max-width: 991px) {
        
        .playandearn .woodsign .playText{ 
            bottom: 100px;    
            margin-left:170px;
            margin-right:170px;
        }
    }





    /* MOBILE (entre 991px y 1200px)  ============================================== */
    @media (min-width: 991px) and (max-width: 1200px) {
        .playandearn .cupboard,
        .playandearn .woodsign {
            min-height: 400px;
        }
        .playandearn .woodsign{ 
        background:
        url(../img/bg_playandearn_mobile.png) bottom center no-repeat;
        background-size:contain;
        }
        .playandearn .woodsign .playText{ 
            bottom: 50px;    
            margin-left:70px;
            margin-right:70px;
        }
        
    }




    /* MOBILE (hasta 1200px) SOLO PARA SEPARATOR03-FLAT ============================================== */
    @media (max-width: 1200px) {
        section.playandearn {
            background-attachment:local;
        }
        .playandearn .separator03 {   
            background:  url(../img/bg_separator03-flat.png) top center repeat;
            }
        }

    /* MOBILE (entre 1200px y 1366px)  ============================================== */
    @media (min-width: 1200px) and (max-width: 1396px) {
        .playandearn .woodsign,
        .playandearn .cupboard {
        min-height: 500px;    
        }
        
        .playandearn .woodsign{ 
        background: /*#ff0000*/
        url(../img/bg_playandearn_mobile.png) bottom center no-repeat;
        background-size:contain;
        }
        
    }

/*--------------------------------------------------------------
# BITMON COMPETITION
--------------------------------------------------------------*/
section.competition {
    background: #101b2d ;
    padding: 1em 0 1em 0;
    position: relative;
}

/*.competition .separator03{
    background: url(../img/counts-bg.png) center center repeat;
    height: 225px;
}
*/
.competition .section-SignCompetition{
    background:url(../img/bg_competitionSign.png) top center no-repeat;
    background-size: contain;
    min-height: 484px;
    text-align: center;
    margin-top: 10px;
}
.competition .animated  {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.competition .section-SignCompetition .textSign {
    width: 600px;
    margin: auto;
/*    border: solid 1px #ff0000;*/
    align-content: center;
    padding-top: 120px;
}


.competition .section-SignCompetition .textSign h2 {
    color:#ede4b8;
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -2px;
  -webkit-text-stroke: 2px #491d05;
    text-shadow: 5px 5px 0 #491d05;
    text-align: center;
    
  margin-bottom: 20px;
  padding-bottom: 0px;
  position: relative;
}

.competition .section-SignCompetition .textSign p {
    color:#ede4b8;
    line-height: 30px;
    text-shadow: 2px 2px 0 #491d05;
    text-align: justify;
}

    /* AJUSTES POR ANCHO*/

    /* MOBILE (ancho hasta 320px ) ============================================== */
    @media (max-width: 319px) {
        .competition .section-SignCompetition{
            background: none;
        }
        .competition .section-SignCompetition .textSign {
            width: auto;
            padding: 10px 20px 20px 20px;
        }
        .competition .section-SignCompetition .textSign h2 {
        font-size: 33px;
        line-height: 33px;
        }
    
        .competition .section-SignCompetition .textSign h2 span{
            font-size: 45px
        }
    }

    /* MOBILE (ancho desde 320px hasta 574px) ============================================== */
    @media (min-width: 320px) and (max-width:574px){
        .competition .section-SignCompetition{
        background: url(../img/bg_competitionSign_xlarge.png) top center no-repeat;
        background-size: contain;
        min-height: 400px;
            }
       .competition .section-SignCompetition .textSign {
      width: 250px;
      padding-top:40px;        
/*      border: solid 2px #3399ff;*/
        }
        .competition .section-SignCompetition .textSign h2 {
            font-size: 30px;
            line-height: 25px;
            }
        .competition .section-SignCompetition .textSign p {
            font-size: 16px;
        line-height: 19px;
}
    }

    /* MOBILE (ancho desde 575 hasta 767px) ============================================== */
    @media (min-width: 575px) and (max-width:767px) {
        .competition .section-SignCompetition .textSign {
        width: 400px;
        padding-top: 55px;}
        
        .competition .section-SignCompetition .textSign h2 {
        font-size: 40px;
        line-height: 30px;}
        }

    /* desde 0 hasta 991 = background cartel alto*/
    @media (min-width: 575px) and (max-width:991px){
        .competition .section-SignCompetition{
        background: url(../img/bg_competitionSign_mobile.png) top center no-repeat;
        background-size: contain;
        min-height: 484px;
            }
    }

    @media (min-width: 768px) and (max-width:991px){
            .competition .section-SignCompetition .textSign{
                width: 370px;
                padding-top: 80px;
            }
            .competition .section-SignCompetition .textSign h2 {
            font-size: 50px;
            line-height: 40px;
            }
    }
    @media (min-width: 992px) {
        .competition .section-SignCompetition .textSign {
                width: 500px;
                padding: auto 0 auto 0;
            }
            .competition .section-SignCompetition .textSign p {
            line-height: 25px;
            }
    }
    @media (min-width: 1200px) {
    }
    @media (min-width: 1400px) {
    }

/*------------------------------
# GAME MODES
--------------------------------------------------------------*/
section.gamemodes {
    background: #101b2d  url(../img/bg_modes.jpg) top center no-repeat;
    background-size: contain;
    padding: 30px 0 0 0;
}

.gamemodes h2 {
    color:#ede4b8;
    font-size: 50px;
    font-weight: 100;
    line-height: 45px;
/*  -webkit-text-stroke: 1px #491d05;*/
    text-shadow: 4px 4px 0 #491d05;
    text-align: center;
    
  margin-bottom: 20px;
  padding-bottom: 0px;
  position: relative;
    
}
.gamemodes h4 {
    color:#facd72;
    font-size: 30px;
/*  -webkit-text-stroke: 1px #000;*/
    text-shadow: 4px 4px 0 #000;
    text-align: center;
    
  margin-bottom: 20px;
    margin-top:10px;
  padding-bottom: 0px;
  position: relative;
    
}
.gamemodes p {
    color:#e9d1b3;
    margin: auto;
    width: 340px;
/*    border: solid 1px #ff0000;*/
    text-align: justify;
    font-size: 16px;
    margin-bottom: 50px

}


    /* AJUSTES POR ANCHO*/
    /* MOBILE (ancho hasta 320px) ============================================== */
    @media (max-width: 319px){        
        .gamemodes p {
            width: auto;
        }
        .gamemodes h2 {
            font-size: 40px;
        line-height: 35px;
        }
}
    /* MOBILE (ancho desde 320px hasta 574px) ============================================== */
    @media (min-width: 320px) and (max-width:574px){        
        .gamemodes p {
            width: 280px;
        }
    }



/*------------------------------
# LANDS
--------------------------------------------------------------*/

section.lands {
    background: url(../img/img_map.jpg) top center no-repeat ;
    background-color:#2bb7ff;
   background-size: cover;
    background-attachment: fixed;

    min-height:1024px;
    padding:0 0 0 0 ;
    position: relative;
}

.lands .separatorMapTop {
    background: url(../img/separatorMapTop.png) top center repeat;
    height:50px;
}
.lands .separatorMapBottom {
    background: url(../img/separatorMapBottom.png) top center repeat;
    height:50px;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.lands .landsSign {
    background: url(../img/img_lands.png) top center no-repeat;
    width: 325px;
    height:435px;
    padding: 40px 45px 0 40px;
    right:0; 
    float: right;
}


.lands h2 {
    color:#ede4b8;
    font-size: 50px;
    line-height: 45px;
  -webkit-text-stroke: 2px #491d05;
    text-shadow: 4px 4px 0 #491d05;
    text-align: center;
    margin-left:auto;
    margin-right: auto;
  margin-bottom: 20px;
  padding-bottom: 0px;
  position: relative;
}

.lands h2:after {    
  content: "";
  position: absolute;
  display: block;
  width: 229px;
  height: 8px;
background: url(../img/img_lands_sep.png) top center no-repeat;
  bottom: -30px;
    }

.lands p {
    width: 230px;
    color:#2d1925;
    font-size: 17px;
    margin-top: 45px;
    position: relative;
    text-align: justify;
    }

.lands p:after {    
  content: "";
  position: absolute;
  display: block;
  width: 229px;
  height: 8px;
background: url(../img/img_lands_sep.png) top center no-repeat;
  bottom: -30px;
    }


    /* AJUSTES POR ANCHO*/
    /* MOBILE (ancho hasta 320px) ============================================== */
    @media (max-width: 319px){  

        section.lands {
            min-height:612px;
            background: url(../img/img_map_mobile.jpg) top center no-repeat ;
            background-attachment:scroll;            
        }

        .lands .landsSign {
        background-size: contain;
        width: auto;
            right:0; 
            float:none;
            margin:  0 auto;
            padding-top: 30px;
        }
        .lands h2 { 
            font-size: 40px;
            line-height: 20px
        }
        
        .lands p {
        width: auto;
        margin-top: 10px;
        font-size: 17px;
        }
        .lands h2:after,
        .lands p:after {
            display: none
        }
    }

    @media (min-width: 320px) and (max-width: 575px){ 
        
        section.lands {
            min-height:612px;
            background: url(../img/img_map_mobile.jpg) top center no-repeat ;            
            background-attachment:scroll;
        }
 
        .lands .landsSign {
            width: 315px;
            right:0; 
            float:none;
            margin:  0 auto;
        }
}

    @media (min-width: 576px) and (max-width: 1200px){ 
        
        section.lands {
            background-attachment:scroll;
        }
}



/*------------------------------
# TOKENS
--------------------------------------------------------------*/
section.tokens  {
    background: #3f6b4d  url(../img/bg_forest2.jpg) top center no-repeat;
    padding: 80px 0 290px 0;
    position: relative;
    background-attachment: fixed;
    background-size: contain;    
}


.tokens .section-title h2 {
    color:#d0fffd;
    font-size: 50px;
    line-height: 45px;
    font-weight: 100;
/*  -webkit-text-stroke: 1px #173360;*/
    text-shadow: 0px 6px 0 #173360;
    text-align: center;
    
  margin-bottom: 20px;
  padding-bottom: 0px;
  position: relative;    
}

.tokens .section-title p {
    color:#edeecb;
    text-shadow: 2px 2px 0 #000;
}
.tokens .sign {
    background: url(../img/bg_token_sign.png) top center no-repeat;
    background-size:contain;
    min-height: 560px;
    padding-top: 35px;
    padding-bottom: 0px;
}

    .tokens .sign h3 {
        color:#7b3601;
        margin:0;
        position: relative
        }

    .tokens .sign h3:after {    
      content: "";
      position: absolute;
        margin:auto;
      display: block;
      width: 100%;
      height: 8px;
      background: url(../img/img_lands_sep.png) top center no-repeat;
      bottom: -30px;
        }

    .tokens .sign h4 {
        color:#ede4b8;
        font-size: 36px;
        line-height: 45px;
        letter-spacing: -2px;

      -webkit-text-stroke: 2px #491d05;
        text-shadow: 3px 3px 0 #491d05;
        text-align: center;

      margin-bottom: 5px;
      padding-bottom: 0px;
      position: relative;
    }
    .tokens .sign p.bajada {
        text-align: center;
    }
    .tokens .sign p.subtitle {
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        text-align: center;
    }
    .tokens .sign p.subtitle:after {    
      content: "";
      position: absolute;
        margin:auto;
      display: block;
      width: 100%;
      height: 8px;
      background: url(../img/img_lands_sep.png) top center no-repeat;
      bottom: -10px;
        }


    .tokens .sign p{
        width: 290px;
        margin-left:auto;
        margin-right:auto;
        color:#2d1925;
        font-size: 15px;
        line-height: 24px;
        text-align: justify;
    }




.tokens  .separator04 {
    background: 
        url(../img/bg_separator04B.png) top center repeat;
    height: 289px;
    padding:0 0 0 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}



/* SUBRAYADOS EJEMPLO */
/* reemplazar por imagen de subrayado */
.tokens .sign  h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #5846f9;
    bottom: 0;
    left: calc(50% - 25px);
}

    /* MOBILE (ancho hasta 575px) ============================================== */
    @media (max-width:575px){
        section.tokens {
            background-attachment:scroll;
        }
                
        .tokens .sign {
            background: url(../img/bg_token_sign_large.png) top center no-repeat;
            background-size:contain;
            min-height: 560px;
            padding-top: 40px;
        }
        .tokens .sign p{
            width: 240px;
            line-height: 20px;
        }        
    }

    /* MOBILE (ancho desde 991px hasta 1399px) ============================================== */
    @media (min-width: 991px) and (max-width:1399px){        
        .tokens .sign {
            background: url(../img/bg_token_sign_large.png) top center no-repeat;
            background-size:contain;
            min-height: 560px;
            padding-top: 40px;
        }
        .tokens .sign p{
            width: 230px;
        }        
    }





/*------------------------------
# PARTNERS
--------------------------------------------------------------*/
    section.partners {
        background:  #d2ff98  linear-gradient(
            0deg,  rgba(164, 255, 213, 1) 0%, rgba(216, 255, 162, 1) 100%);
       padding: 0 0 0 0;
    }

        .partners .partnersSign {
            background: url(../img/bg_partnersSign_desktop.png) top center no-repeat;
            background-size:contain;
            min-height: 416px;
            padding-top: 55px;
            margin-left:auto;
            margin-right:auto;
        }

        .partners .partnersSign h2 {
            color:#ede4b8;
            font-size: 40px;
            line-height: 35px;
            letter-spacing: -2px;
            text-transform: uppercase;

          -webkit-text-stroke: 2px #491d05;
            text-shadow: 3px 3px 0 #491d05;
            text-align: center;

          margin-bottom: 20px;
          padding-bottom: 0px;
          position: relative;
        }

        .partners .partnersSign ul.fila01{
            text-align: center;
            margin-top:0;
            margin-bottom:0;
            margin-left: 120px;
            margin-right: 120px;
        }
        .partners .partnersSign ul.fila02{
            text-align: center;
            margin-top:0;
            margin-bottom:0;
            margin-left: 200px;
            margin-right:200px;
        }    
        .partners .partnersSign ul li{
            background-color: #000;
            background: top center no-repeat;
            background-size:contain;
            display: inline-block;
            margin:15px 10px;
            padding: 0;
        }
        .partners .partnersSign ul li.logo01{
            width: 195px;
            height: 50px;
            background: url(../img/partners_binance.png) top center no-repeat;}

        .partners .partnersSign ul li.logo02{
            width: 266px;
            height: 50px;
            background: url(../img/partners_pancakeswap.png) center center no-repeat;}

        .partners .partnersSign ul li.logo03{
            width: 208px;
            height: 50px;
            background: url(../img/partners_coingecko.png) center center no-repeat;}

        .partners .partnersSign ul li.logo04{
            width: 224px;
            height: 50px;
            background: url(../img/partners_coinmarket.png) center center no-repeat;}

        .partners .partnersSign ul li.logo05{
            width: 170px;
            height: 50px;
            background: url(../img/partners_vercel.png) center center no-repeat; }

        .partners .partnersSign ul li.logo06{
            width: 208px;
            height: 50px;
            background: url(../img/partners_moralis.png) center center no-repeat; }

        .partners .partnersSign ul li.logo07{
            width: 228px;
            height: 50px;
            background: url(../img/partners_metamask.png) center center no-repeat;}

        .partners .partnersSign ul li.logo08{
            width: 112px;
            height: 54px;
            background: url(../img/partners_trustwallet.png) center center no-repeat;}






    /* MOBILE (ancho hasta 320px) ============================================== */
@media (max-width:320px) {
        .partners .partnersSign {
            padding-top: 20px;
            min-height: 600px;
        }
        .partners .partnersSign h2 {
            font-size: 24px;
            line-height: 20px;
        }
        .partners .partnersSign ul{
            width:55%;
        }
        .partners .partnersSign ul li.logo01,
        .partners .partnersSign ul li.logo02,
        .partners .partnersSign ul li.logo03,
        .partners .partnersSign ul li.logo04,
        .partners .partnersSign ul li.logo05,
        .partners .partnersSign ul li.logo06,
        .partners .partnersSign ul li.logo07,
        .partners .partnersSign ul li.logo08{
            height: 35px;
            margin:4px 0px;
            background-size: contain;
        }
    }

    /* MOBILE (ancho desde 321 hasta 575px) ============================================== */
    @media (min-width:321px) and (max-width:575px){
        .partners .partnersSign {
            padding-top: 25px;
            margin-bottom:0;
            min-height: 600px;
        }
        .partners .partnersSign h2 {
            font-size: 28px;
            line-height: 24px;
        }
        .partners .partnersSign ul{
            width:60%;
        }
        .partners .partnersSign ul li.logo01,
        .partners .partnersSign ul li.logo02,
        .partners .partnersSign ul li.logo03,
        .partners .partnersSign ul li.logo04,
        .partners .partnersSign ul li.logo05,
        .partners .partnersSign ul li.logo06,
        .partners .partnersSign ul li.logo07,
        .partners .partnersSign ul li.logo08{
            height: 40px;
            margin:8px 0px;
            background-size: contain;
        }
        
    }

    /* MOBILE (ancho hasta 768px) ============================================== */
    @media (min-width:576px) and (max-width:768px){
          .partners .partnersSign { 
             width:100%;
            min-height: 700px;
            padding-top: 40px;
        }   
        .partners .partnersSign ul li{
            margin:10px;
        }
        .partners .partnersSign h2 {
            font-size: 30px;
            line-height: 25px;
            letter-spacing: -2px;
        }
    }

    /* MOBILE (ancho hasta 1199px) (aplica tambien a los más chicos anchos) ========================================== */
    @media (max-width:1199px){    
             .partners .partnersSign {
            background: url(../img/bg_partnersSign_mobile02.png) top center no-repeat;
            background-size:contain;
        }
        .partners .partnersSign ul,
        .partners .partnersSign ul.fila01,
        .partners .partnersSign ul.fila02{
            padding: 0;
            margin-left: auto;
            margin-right: auto;
        }
        .partners .partnersSign ul li{
            margin-left:auto;
            margin-right:auto;
        }
        .partners .partnersSign ul li.logo01,
        .partners .partnersSign ul li.logo02,
        .partners .partnersSign ul li.logo03,
        .partners .partnersSign ul li.logo04,
        .partners .partnersSign ul li.logo05,
        .partners .partnersSign ul li.logo06,
        .partners .partnersSign ul li.logo07,
        .partners .partnersSign ul li.logo08{
            width: 100%;
        }
    }
    /* MOBILE (ancho desde 769px hasta 1199px) ============================================== */
    @media (min-width:769px) and (max-width:1199px){    
             .partners .partnersSign {
             width:500px;
            min-height: 926px;
        }
        
    }
    /* MOBILE (ancho desde 1200px hasta 1399px) ============================================== */
    @media (min-width: 1200px) and (max-width:1399px){    
        
        .partners .partnersSign ul.fila01{
            margin-left: 50px;
            margin-right: 50px;
        }
        .partners .partnersSign ul.fila02{
            margin-left: 100px;
            margin-right:100px;
        }    
        .partners .partnersSign ul li{
            margin:15px 5px;
        }
        .partners .partnersSign ul.fila02 li{
            margin:15px 15px;
        }  
        
    }



/*------------------------------
# FOOTER
--------------------------------------------------------------*/
    #footer {
        color:#59173d;
        background:  rgba(164, 255, 213, 1);}

    #footer .social-links a{
        margin:30px 4px;}

    #footer a.facebook:link, #footer a.instagram:link, 
    #footer a.discord:link, #footer a.tiktok:link,
    #footer a.reddit:link, #footer a.twitter:link,
    #footer a.telegram:link{
            color:#FFF}

    #footer a.facebook {background-color: #4461a1;}
    #footer a.instagram {background:  #ce026a  linear-gradient(
    45deg,  rgba(250, 151, 30, 1) 15%, rgba(207, 1, 100, 1) 70%);}
    #footer a.discord {background-color: #7a8bde;}
    #footer a.tiktok {background-color: #000;}
    #footer a.reddit {background-color: #ec5700;}
    #footer a.twitter {background-color: #04aaec;}
    #footer a.telegram {background-color: #3399cc;}

    #footer a.facebook:hover, 
    #footer a.instagram:hover,
    #footer a.discord:hover,
    #footer a.tiktok:hover,
    #footer a.reddit:hover,
    #footer a.twitter:hover,
    #footer a.telegram:hover {background-color: #663399;}


    #footer a:hover {}
    #footer a:link {
        color:#59173d;}

    #footer .containerCredits {display:none}

    #footer .credits, #footer .credits a,
    #footer .credits a:link,
    #footer .credits a:hover {color:#33cc99}

    /* MOBILE (ancho desde 1200px hasta 1399px) ============================================== */
    @media (max-width:320px){ 

        #footer .footer-top .footer-links ul {
        margin-left:15%;    
        }
        #footer .footer-top .row {
            width:auto;
            max-width:auto;
        }  
    }


    /* MOBILE (ancho desde 1200px hasta 1399px) ============================================== */
    @media (min-width:321px) and (max-width:768px){ 

        #footer .footer-top .footer-links ul {
        margin-left:30%;    
        }
        #footer .footer-top .row {
            width:auto;
            max-width:auto;
        }  
    }


/*strong {
    font-weight: 700;
}*/



/*------------------------------
# COMING SOON
--------------------------------------------------------------*/

.hero .comingsoon {
    font-family: "Titan One", "Arial Black", sans-serif;
    color: #FFF;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -2px;
    -webkit-text-stroke: 2px #173360;
    text-shadow: 5px 5px 0 #173360;
    text-align: center;
    background: none;
    /*
    max-width: 100%;*/
    display: flex;
align-items: center;
justify-content: center;

    margin:25% auto 25% auto;
    
 /*   border: 5px solid #FFFF00;*/
}



/*--------------------------------------------------------------
# SEPARATOR (separator COMING SOON)
--------------------------------------------------------------*/
.separatorComingsoon { 
    background:  #d2ff98 url(../img/bg_separatorComingsoon.jpg) top center repeat-x;
    height: 205px;
    padding:0 0 0 0;
}

    /* MOBILE (hasta 991px) ============================================== */
    @media (max-width: 991px) {
        .separatorComingsoon {
            background: #d2ff98 
                url(../img/bg_separatorComingsoon.jpg) top center repeat-x;
            background-size: contain;
            height: 85px;
            padding:0 0 0 0;
        }
}




/*--------------------------------------------------------------
# PAGINA BITSCAN
--------------------------------------------------------------*/
        #bitscanpage {
            background-image: linear-gradient(0, rgba(155, 255, 207, 0.5) 0%, rgba(213, 255, 150, 1) 45%, rgba(109, 226, 252, 0.3) 100% ), url(../img/bitscan/bitscan_bg_top.png);
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: top center;
            position: relative;
            padding-bottom: 320px;
        }

        #bitscanpage .topBitscantText {
            padding-top: 50px;
        }


        .bitscanpage .topBitscan {
            min-height: 300px;
        }

        #bitscanpage .topBitscan .imgTrainers {
        /*padding-left:10%;*/
        padding-top:2%;
            vertical-align: bottom;
        }
        #bitscanpage .topBitscan h2 {
            color:#FFCC66;
            font-size: 60px;
            text-shadow: 4px 4px 0 #491d05;
            -webkit-text-stroke: 2px #491d05;
        }
        #bitscanpage .topBitscan p {
            font-size: 18px;
            line-height: 26px;
            color:#333366;
        }


/*  LISTADO BITSCAN Y CARTAS -----------------------------*/        
        
        .bitscan {margin-top:50px
        }
        .bitscan img.bitcardBitmon {
            filter: saturate(1.5);
            border-radius: 10px;/*border: solid 2px #65679a;*/
        }
        
        .bitcard {
            margin-bottom: 20px; 
            margin-left:3px;
            margin-right:3px;
            padding: 8px; 
            border-radius: 15px;
            box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.2) 0px 8px 16px, rgba(0, 0, 0, 0.1) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
            background-color: rgba(255,255,255, 1);
            background-image: linear-gradient(
                var(--rotate)
                , #CCC, #FFF 43%, #CCC);            
        color:#FFF; text-align: center; font-weight: bold;}


        /* MOBILE (hasta 991px) ============================================== */
    @media (max-width: 991px) {
        #bitscanpage{
        background-size: auto;
        background-attachment:scroll;
            background-position: left top;
        }
        
        #bitscanpage .topBitscan h2,
        #bitscanpage .topBitscan p {
            text-align: center;
        }

        #bitscanpage .topBitscantText {
         padding-top: 0px;
            display: block
        }

        .bitcard {        
            margin-bottom: 15px;
            margin-left: 0px; 
            margin-right: 0px;
            padding: 4px; 
            border-radius: 8px;
        }
        .bitscan img.bitcardBitmon {
            border-radius:4px;
            }
        
        .lastBitcard {
            margin-left:auto; 
            margin-right:auto;
        }
        
    }



/*--------------------------------------------------------------
# SEPARATOR (separator BITSCAN FOOTER)
--------------------------------------------------------------*/
#bitscanpage .separator04,
#textPage .separator04 {
    background: url(../img/bg_separator04B.png) top center repeat;
    height: 289px;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

/*--------------------------------------------------------------
# PAGINAS DE TEXTO (TERMINOS Y CONDICIONES)
--------------------------------------------------------------*/
#textPage .papyrusTop {
    background: url(../img/textpages/text_papyrus_top.png) top center no-repeat;
    height: 289px;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
/* #parchment {
  position: absolute;
  display: flex;
    width: 70%;
/*  min-height: calc((1vw + 1vh) * 75);*/
  /* center page with absolute position */
/*  top: 0%; left: 50%; transform: translate(-50%, 0);
  margin: 10em 0;
    padding: 2em;
    box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
    background: #fffef0;
  filter: url(#wavy2);
}
*/
        /* ALTO del pergamino en PRIVACY */
/*        #parchment.heightPrivacy {
          min-height: calc((1vw + 1vh) * 110);        
        }
        /* ALTO del pergamino en PRIVACY-ES */
  /*      #parchment.heightPrivacy-es {
          min-height: calc((1vw + 1vh) * 115);        
        }
*/

#textPage {  
/*            background-image: linear-gradient(0, rgba(255, 150, 87, 1) 0%, rgba(96, 46, 26, 1) 100% );*/
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: top center;
            position: relative;
            padding-bottom: 320px;
            /* FONDO SELVA: */
            background-image: linear-gradient(0, rgba(227, 255, 199, 0.5) 0%, rgba(227, 255, 199, 1) 45%, rgba(109, 226, 252, 0.3) 100% ), url(../img/bitscan/bitscan_bg_top.png);
            /* FIN FONDO SELVA */
        }

    #textPage .textSection {
        background-image:  url(../img/textpages/textpage_papyrus_bg3.png);
        background-repeat: repeat-y;
        background-size: contain;
        margin-top: 5%;
}

    #textPage .textSection h1{
        text-align: center;
        margin: 60px 10% 50px 10%;
        padding-bottom: 20px;

        background-image:  url(../img/textpages/img_lands_sep.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    #textPage .textSection h2{
            font-size: 1.3rem;
        font-family: Roboto, "Open Sans", sans-serif;    
        font-weight: 600;
        text-align: left;
        margin: 3% 10% 1% 10%;
    }
    #textPage .textSection h3{
            font-size: 1.1rem;
        font-family: Roboto, "Open Sans", sans-serif;    
        font-weight: 600;
        text-align: left;
        margin: 3% 10% auto 15%;
    }

        #textPage .textSection h3.textNoMargin,
        #textPage .textSection h3 .textNoMargin{
            margin: 3% 10% 1% 10%;
    }
    .textSection p,
    #textPage .textSection p {
        text-align: justify;
        margin: 0 10% 1% 10%;
    }

    #textPage .textSection ul li {
        text-align: justify;
        margin: 0 10% 0% 15%;
    }

    #textPage .textSection p.margin-left {
        text-align: justify;
        margin: 0 10% 1% 15%;
    }

    #textPage .textSection .text_separator {
        width: 85%;
        height: 50px;
        margin: 10px 0; 
        background-image:  url(../img/textpages/img_lands_sep.png);
        background-repeat: no-repeat;
        background-position: center top;
}

    #textPage .textSection .text_sello {
        width: 85%;
        height: auto;
        min-height: 150px;
        margin-top: 25px; 
        background-image:  url(../img/textpages/text_sello.png);
        background-repeat: no-repeat;
        background-position: right;
        display: block;
}
    #textPage .textSection .text_papyrus_bottom {
        margin-bottom:-20px
    }


/*--------------------------------------------------------------
# L A N D S    
--------------------------------------------------------------*/
#landspage {
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            position: relative;
            padding-bottom: 0px;
            /*min-height:1220px;*/
            /* FONDO MAPA: */
            background-image: url(../img/lands/img_map.jpg);
            /* FIN FONDO SELVA */
}
    #landspage .textSection {
        background-image:  url(../img/lands/lands_bg_map.png);
        background-repeat: repeat-y;
        background-size: contain;
        background-position: center;
        margin-top: 5%;
        max-width: 864px Important;
            margin-left: auto;
            margin-right:auto;
        padding: 0
}
    #landspage .textSection .text_separator {
        width: 85%;
        height: 50px;
        margin: 10px 0; 
        background-image:  url(../img/textpages/img_lands_sep.png);
        background-repeat: no-repeat;
        background-position: center top;
}


    #landspage .textSection h1{
            color: #FFF;
    font-size: 60px;
    text-shadow: 4px 4px 0 #491d05;
    -webkit-text-stroke: 2px #491d05;
        
        text-align: left;
        margin-top: -80px;
        margin-left:13%;
    }

    #landspage .textSection p {
        color:#330000;
        text-align: justify;
        margin: 3% 13% 1% 13%;
    }

#landspage  .comingsoon {
    font-family: "Titan One", "Arial Black", sans-serif;
    color: #FFF;
    font-size: 35px;
    line-height: 60px;
    letter-spacing: -2px;
    -webkit-text-stroke: 2px #173360;
    text-shadow: 5px 5px 0 #173360;
    text-align: center;
    background: none;
    /* max-width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 13% auto 13% auto;
    /* border: 5px solid #FFFF00; */
}

    /* MOBILE (hasta 991px) ============================================== */
    @media (max-width: 420px) {
        #landspage .textSection h1 {
        font-size: 40px;
        margin-top: -30px;
        }
        #landspage .comingsoon {
        font-size: 25px;}
    }

/*--------------------------------------------------------------
# SEPARATOR (separator LANDS)
--------------------------------------------------------------*/
    #landspage  .separatorLands { 
    background:  url(../img/bg_separator04B.png) top center repeat-x;
        /*    background:  url(../img/lands/bg_separator_lands.png) top center repeat-x;*/
    height: 289px;
    padding:0 0 0 0;
    bottom: 0px;
        margin-top: 80px
}



/*--------------------------------------------------------------

# PRE SALE DESKTOP

--------------------------------------------------------------*/




#presaleDesktop .presaleTableDesktop {
    width: 960px;
    margin: 0 auto;
}

.presaleTableDesktop h1 {
    color: #FFFFFF;
    font-size: 40px;
    text-shadow: 2px 2px 0 #4f0607;
    -webkit-text-stroke: 2px #4f0607;
    text-align: center;
}
.presaleTableDesktop h2 {
    color: #a9e6df;
    font-size: 30px;
    text-shadow: 2px 2px 0 #1f2d3a;
    -webkit-text-stroke: 2px #1f2d3a;
    text-align: center;    
}
/*  TABLE 1   */
.presaleTableDesktop table.tableDesktop {
    width: 100%;
/*    background-color: #ff88ff;*/
    text-align: center;
    border-collapse: unset;
    
}


.presaleTableDesktop .tableDesktop .eggColumn {
    width:13.5%; 
    vertical-align: top;
    margin:0 10px 10px 10px;}
.presaleTableDesktop .tableDesktop .titleColumn {
    width:19%;
}

/* separacion entre celdas */
.presaleTableDesktop .tableDesktop .marginBottom20{
    margin-bottom: 20px;}
.presaleTableDesktop .tableDesktop .marginBottom25{}



.presaleTableDesktop .tableDesktop .titleColumn .tdWoodTitle    {
    width: 100%;
    font-family: "Passion One", "Arial Black", sans-serif;
    color:#FFF;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000;
    text-align: center;
    line-height: 20px;
    background: #9f2b12 url(../img/presale/td_wood.png) repeat left top;
    border-radius: 10px;
    border-left: solid 2px #4f1636;
    border-bottom: solid 2px #4f1636;
    padding: 8px

}
.presaleTableDesktop .tableDesktop .titleColumn span {
    font-family: "Roboto", "Arial Black", sans-serif;
    text-shadow: 1px 1px 0 #000;
    color:#FFF;
    font-size: 13px;
}

.presaleTableDesktop .tableDesktop .titleColumn span i{
    font-style: normal;
    font-weight: bold;
    color:#ffcc66;
}

.presaleTableDesktop .tableDesktop a.buyButton:link,
.presaleTableDesktop .tableDesktop a.buyButton:focus,
.presaleTableDesktop .tableDesktop a.buyButton:visited,

#presaleMobile .buyButton:link,
#presaleMobile .buyButton:focus,
#presaleMobile .buyButton:visited {
    
    width: 100%;
    height: 50px;
    display: flex;
    padding-top: 12px;
    margin-top: 5px;
    font-family: Roboto;
    font-size: 16px;
    color:#571a35;   
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #ffda75;
/*    transition: 0.2s;*/
    font-weight: 600;
    justify-content: center;
/*    background-position: 0 -42px; */
    background: url(../img/presale/button_gold.png)  top center no-repeat;
    background-attachment: local;
    text-decoration: none;   
    transition: filter 0.15s linear 0s;
} 

.presaleTableDesktop .tableDesktop a.buyButton:hover,
#presaleMobile .buyButton:hover {
    /*font-size: 19px;
    padding-top: 12px;*/
    filter: brightness(130%)
}

.presaleTableDesktop .tableDesktop td.eggtype1{
    height: 40px;
    font-family: "Passion One", "Arial Black", sans-serif;
    color:#FFF;
    font-size: 20px;
    padding-top:3px;
    margin-top:10px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000;
    text-align: center;
    background: url(../img/presale/td_eggtype1.png)  top center no-repeat;    
}



.presaleTableDesktop .separatorWood {
    display: block;
    height: 13px;
    margin:30px 0;
    width: 100%;
    background: url(../img/presale/separator.png)  top center no-repeat;    
}


/* ARCANE TABLE --------------*/
table.tableArcane {
    width: 100%;
    text-align: center;
    border-collapse: unset;
}

.tableArcane .emptycells {
    width:30%;
}
.tableArcane .centerCell {
    width:6%;
}
.tableArcane .eggColumn {
    width:14%; vertical-align: top;
    margin:0 10px 10px 10px;}


/* SUPERCHARGERS TABLE --------------*/

table.tableChargers {
    width: 100%;
    text-align: center;
    border-collapse: unset;
}


.presaleTableDesktop .tableChargers td,
.presaleTableDesktop .tableChargers .titleColumn {
    width: 20%;
}
table.tableChargers .bgCharger {
   /* background: url(../img/presale/td_superchargers.png)  top center no-repeat;    */
}

/* background backups, para desktop */
table.tableChargers .bgCharger01 {
   background: url(../img/presale/td_superchargers_01.png)  top center no-repeat;    */
}

table.tableChargers .bgCharger02 {
   background: url(../img/presale/td_superchargers_02.png)  top center no-repeat;    */
}

table.tableChargers .bgCharger03 {
   background: url(../img/presale/td_superchargers_03.png)  top center no-repeat;    */
}

table.tableChargers .bgCharger04 {
   background: url(../img/presale/td_superchargers_04.png)  top center no-repeat;    */
}

table.tableChargers .bgCharger05 {
   background: url(../img/presale/td_superchargers_05.png)  top center no-repeat;    */
}

/* para que los videos se ajusten en ancho , en mobile slider */
.video-mobile-chargers {
    /*
    width: 60%    !important;
  height: auto   !important; 
    margin:0 20%;
border:solid 1px #ff0000
*/
    width: 180px    !important;
  height: auto   !important; 
    margin:auto;
/*
    border: solid 1px #12262a;
    border-radius: 10px;
    border-right: 1px solid #4a6469;
    border-bottom: 1px solid #4a6469;*/}

.video-mobile-chargers-desktop {
    width: 180px    !important;
  height: auto   !important; 
    margin:auto;

/*    border: solid 1px #12262a;
    border-radius: 10px;
    border-right: 1px solid #4a6469;
    border-bottom: 1px solid #4a6469;*/}

/* background backups, para MOBILE */
.video-mobile-chargers-01 {
   background: url(../img/presale/bg-mobile_superchargers_01.png)  top center no-repeat;    */
}
.video-mobile-chargers-02 {
   background: url(../img/presale/bg-mobile_superchargers_02.png)  top center no-repeat;    */
}
.video-mobile-chargers-03 {
   background: url(../img/presale/bg-mobile_superchargers_03.png)  top center no-repeat;    */
}
.video-mobile-chargers-04 {
   background: url(../img/presale/bg-mobile_superchargers_04.png)  top center no-repeat;    */
}
.video-mobile-chargers-05 {
   background: url(../img/presale/bg-mobile_superchargers_05.png)  top center no-repeat;    */
}


/* PARA OCULTAR/MOSTRAR SECCION DESKTOP EN MOBIILE */
        @media (max-width: 991px) {
            section#presaleDesktop {
                display: none;
            }
        }
        @media (min-width: 992px) {
            section#presaleDesktop {
                display: block;
            }
        }


section#presaleDesktop {
    width: 100%;
    background: /*#29494e*/ /*#29484c*/ /*#1f3b3c*/ #29484c url(../img/presale/bg_header2.jpg) no-repeat left top;
    background-size: contain;
    position: relative; /* para poder posicionar el separador al BOTTOM*/  
    padding-bottom:350px;
    }


section#presaleMobile .separator04,
section#presaleDesktop .separator04 {
    background: 
        url(../img/bg_separator04B.png) top center repeat;
    height: 289px;
    padding:0 0 0 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
/*    border-top:solid 3px #ff0088;*/
}

/*--------------------------------------------------------------

# PRE SALE MOBILE

--------------------------------------------------------------*/
        
    section#presaleMobile {
    width: 100%;
    background: 
        /*#29494e*/ /*#1f3b3e*/ /*#214043*/ /*#1b393c*/ /*#234046*/ /*#1d353a*/ 
        
        /* OK en SAndroid, pero oscuro en iPhone  #213d42*/ 
        #214043 /*se ve bien en iphone*/  url(../img/presale/bg_header_mobile5.png) no-repeat left top;
    background-size:auto;
    position: relative; /* para poder posicionar el separador al BOTTOM*/  
    padding-bottom:350px;
    }

    #presaleMobile .presaleTableMobile {
    width: 85%;
    max-width: 500px;
    margin: 40px auto 0 auto;
    }


/* PARA OCULTAR/MOSTRAR SECCION DESKTOP EN MOBIILE */
        @media (max-width: 991px) {
            section#presaleMobile {
                display: block;
            }
        }
        @media (min-width: 992px) {
            section#presaleMobile {
                display: none;
            }
        }
                       
            
    .presaleTableMobile h1 {
        color: #FFFFFF;
        font-size: 40px;
        text-shadow: 2px 2px 0 #4f0607;
        -webkit-text-stroke: 2px #4f0607;
        text-align: center;
    }
    .presaleTableMobile h2 {
    font-family: "Passion One", "Arial Black", sans-serif;
        color: #a9e6df;
        font-size: 28px;        
          text-shadow: 3px 3px 2px #1f2d3a, 0 0 5px #1f2d3a, 0 0 3px #1f2d3a;

        text-align: center;    
    }

/* SEPARADORES ARCANE */
    .arcaneTop,
    .arcaneBottom {
        width=100%;
        margin:30px 0 10px 0; 
        border-top: solid 2px #f87b3a; 
        border-bottom:solid 2px #4f213a; 
        display:block; 
        border-radius:4px}

    .arcaneBottom {
        margin:10px 0 30px 0; }


/* ACCORDION   -----------------------------*/

#presaleMobile .accordion-body {
    background-color: transparent;
    padding: 1rem 1.25rem;
}

#presaleMobile .accordion-item {
    background-color: transparent;
    margin-bottom:5px;
    border: none;
}

#presaleMobile .accordion-button {
    width: 100%;
    font-family: "Passion One", "Arial Black", sans-serif;
    color:#FFF;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000;
    text-align: center;
    line-height: 20px;
    background: #9f2b12 url(../img/presale/td_wood.png) repeat left top;
    border-radius: 5px;
    border-left: solid 2px #4f1636;
    border-bottom: solid 2px #4f1636;
    padding: 12px;
    -webkit-text-stroke: none;
    position: relative;
    display: block /*  para que se centre*/
}


#presaleMobile .accordion-button:not(.collapsed),
#presaleMobile .accordion-button.collapsed {
    color: #FFFFFF;
}

/*#presaleMobile .accordion-button.accordion-arcane{
    color: #33cccc;}
*/
#presaleMobile .accordion-button::after {
    width: 1.5em;
    height: 1.5em;
    border:solid 1px #e2996f;
    border-radius: 5px;
    color:#FFF;
    padding: 10px;
    margin:10px 10px 0 0;
    position: absolute;
    top:0;
    right:0;
    transition: transform .1s ease-in-out;
    background-image: url(../img/presale/arrow.svg);
    background-position: center;
}

#presaleMobile .accordion-button:not(.collapsed)::after {
/*    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);*/
    background-image: url(../img/presale/arrow.svg);
    transform: rotate(180deg);    color: #FFF;
}



.presaleTableMobile h2 .accordion-button  span {
    font-family: "Roboto", "Arial Black", sans-serif;
    text-shadow: 1px 1px 0 #000;
    color:#FFF;
    font-size: 14px;
    
}

.presaleTableMobile h2 .accordion-button  span i{
    font-style: normal;
    font-weight: bold;
    color:#ffcc66;
}





/* carrousel MOBILE (ajustes y customizacion) --------------------*/
#presaleMobile .carousel-item h5.eggtype2{
    display: block;
    height: 30px;
    margin-bottom: -5px;
    padding-bottom:5px;
    font-family: "Passion One", "Arial Black", sans-serif;
    color:#FFF;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #000;
    text-align: center;
    background: url(../img/presale/td_eggtype2.png)  top center no-repeat;    
}

/* BOTONES FLECHAS */
#presaleMobile .carousel-control-prev,
#presaleMobile .carousel-control-next {
   opacity: 1;
/*    transition: transform .35 filter .35s ease-in-out;*/

} 
    #presaleMobile  .carousel-control-prev:link .carousel-control-prev-icon , 
    #presaleMobile  .carousel-control-prev:focus .carousel-control-prev-icon , 
    #presaleMobile  .carousel-control-prev:active .carousel-control-prev-icon , 
    #presaleMobile  .carousel-control-prev:visited .carousel-control-prev-icon , 
    #presaleMobile  .carousel-control-next:link .carousel-control-next-icon , 
    #presaleMobile  .carousel-control-next:focus .carousel-control-next-icon , 
    #presaleMobile  .carousel-control-next:active .carousel-control-next-icon, 
    #presaleMobile  .carousel-control-next:visited .carousel-control-next-icon {
     
    /*opacity: 1;*/
    transition: transform .35 filter .35s ease-in-out;
        
    transform: scale(1,1);
     filter: brightness(100%)
    } 

   #presaleMobile  .carousel-control-prev:hover .carousel-control-prev-icon , 
   #presaleMobile  .carousel-control-next:hover .carousel-control-next-icon{
      transform: scale(0.9,0.9)  scale(1,1);
        filter: brightness(130%) brightness(100%);
    } 

#presaleMobile .carousel-control-prev {
    left: -20px;
}

#presaleMobile .carousel-control-next {
    right: -20px;
}

/* IMAGEN FLECHAS */
#presaleMobile .carousel-control-next-icon, 
#presaleMobile .carousel-control-prev-icon {
   width: 4rem;
    height: 4rem;
}
#presaleMobile .carousel-control-prev-icon {
    background-image: url(../img/presale/mobile_arrowWood1.png);
}
#presaleMobile .carousel-control-next-icon {
    background-image: url(../img/presale/mobile_arrowWood2.png);
}


#presaleMobile .carousel-item {
    text-align: center
}

/* BUYBUTTON arriba */

#presaleMobile .carousel-inner img {
    width:50%;
    height:50%;
    margin:0 auto;
}

#presaleMobile .carousel-indicators {
    margin-bottom:-15px;
}


/* SUPER CHARGERS -------------------------------------*/
.superchargersSection {
    margin-top: 40px;
}
#presaleMobile .superchargersSection .carousel-control-prev {
    left: 0px;
}
#presaleMobile .superchargersSection .carousel-control-next {
    right: 0px;
}

#presaleMobile #carouselChargers .accordion-button {
    background: transparent;
    border: none;
    box-shadow: none;
}

#presaleMobile #carouselChargers .accordion-button-just-background {
    width: 100%;
    height:60px;
    line-height: 20px;
    background: #9f2b12 url(../img/presale/td_wood.png) repeat left top;
    background-attachment: scroll;
    border-radius: 5px;
    border-left: solid 2px #4f1636;
    border-bottom: solid 2px #4f1636;
    -webkit-text-stroke: none;
    position: relative;
    display: block /*  para que se centre*/
}

#presaleMobile #carouselChargers .accordion-button::after {
    display: none
}

/*--------------------------------------------------------------

# MENU PRE-SALE MOBILE

--------------------------------------------------------------*/
.presaleMenu .navbar {
    width: 100%;
}

.presaleMenu .navbar ul {
    margin-top:10px;
}

/*
.header_presale_left {
    position: absolute;
    float: left;
    display: inline-block;
    left:0;
    background-color: #ff5555;
}*/

     /* TOP comun para los items de MOBILE (infoWallet, infoCoin y buttonConnect), 
    menos el boton desplegable (hamburguer) */
     #header.presaleMenu .presale-buttons-mobile {
         top:5px;
     }

/*   BUTTON CONNECT WALLET ---------*/
.presaleMenu .buttonConnect:link,
.presaleMenu .buttonConnect:visited,
.presaleMenu .buttonConnect:focus {
    width: 120px;

    font-family: "Passion One", "Arial Black", sans-serif;
    color:#FFF;
    font-size: 13px;
    line-height: 20px;
    background-color: #2495f3;
    border: solid 2px #c56736;
    border-radius: 8px;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0 8px 15px 4px;
    position: absolute;
    right:0;
}
.presaleMenu .buttonConnect:hover{
    background-color: #a031bd;
}
/*   RECUADRO INFO COIN  (BSC)---------*/
.presaleMenu .infoCoin {
  font-family: "Roboto", "Open Sans", sans-serif;
    color:#FFF;
    font-size: 12px;
    line-height: 22px;
    background-color: #4f1636; 
    border: solid 2px #c56736;
    border-radius: 8px;
    text-decoration: none;
    padding: 4px 8px;
    margin: 0 8px 15px 8px;
    position: absolute;
    right:130px;
    }

.presaleMenu .infoCoin .bscLogo{
}
.presaleMenu .infoCoin span{
    margin-left: 5px;
}
/*   RECUADRO INFO WALLET (DATOS NUMERO)---------*/
.presaleMenu .infowallet {
    width: 120px; /* tiene q ser igual que .buttonConnect*/
    position: absolute;/* tiene q ser igual que .buttonConnect*/
    right:0;/* tiene q ser igual que .buttonConnect*/
    
    text-align: center;
}
.presaleMenu .infowallet span{        
    margin-left: 0px;
    margin-right: 5px;
}


/* para ocultar CONNECT y el otro botón al desplegar el MENU MOBILE */
#header.presaleMenu .navbar-mobile .buttonConnect,
#header.presaleMenu .navbar-mobile .infoCoin{
    display: none
}

/* DESKTOP, Mostrar desde 992px, logo grande */
         @media (min-width: 992px) {
             #header.presaleMenu a.logoSmall{
                 display: none;
                 border:solid 3px #111111
             }
        }



/* Version MOBILE / desde 320 Hasta 575px --------------------------------------------------*/
        @media (min-width: 320px) and (max-width: 575px) {
        }


/* Version MOBILE / desde 992 Hasta 1199px --------------------------------------------------*/
        @media (min-width: 992px) and (max-width: 1199px)  {
            .presaleMenu .navbar a, 
            .presaleMenu .navbar a:focus {
                font-size: 18px;
                margin-top: -10px;
            }
            .presaleMenu .navbar ul {
                margin-top: 0px;
            }
            #header.presaleMenu .presale-buttons-mobile {
                top:-5px;
            }
        }


/* Version MOBILE / Hasta 991px --------------------------------------------------*/
         @media (max-width: 991px) {
            .presaleMenu {
            }
            .presaleMenu .navbar {
            }
             
             /* ocultar logo grande, show logo chico */
            .presaleMenu a.logo{
                 display: none;
                 border: solid 3px #453534
             }
            #header.presaleMenu a.logoSmall{
                width: 23%;
                height: 100%;
                display: block;
                margin:0;
                padding: 0 0 11px 0;
             }
             
             
             /* ICONO DESPLEGABLE*/
             #header.presaleMenu .navbar .mobile-nav-toggle {
                top: 20px;
                right: 15px;
                margin-right: 0px;
              transition: 0s;
            }
             #header.presaleMenu .navbar .bi-list{
                 position: absolute;
                top: -20px;
                right: 0px;
             }
             #header.presaleMenu  i.bi-x{
             }
             
             
             
             /* comun para los items de MOBILE, menos el desplegable*/
             #header.presaleMenu .presale-buttons-mobile {
                 top:-22px;
             }
             
             /* INFO COIN (BSC)*/
            .presaleMenu .infoCoin {
                right: 170px;
                font-size: 10px;
                padding: 4px 8px;
                display: inline-block;
            }
             .presaleMenu .infoCoin span{
                margin-left: 5px;
            }
             
             /* INFO WALLET */
            .presaleMenu .infowallet{
                font-size: 12px;
                right:40px; /*igual que buttonConnect */
            }     
            .presaleMenu .infowallet span{
                margin-left: 0px;
                margin-right: 5px;
            }
             
             /*Boton CONNECT*/
            .presaleMenu .buttonConnect:link,
            .presaleMenu .buttonConnect:visited,
            .presaleMenu .buttonConnect:focus {
                font-size: 12px;
                padding: 5px 10px;
                top:0;
                display: inline-block;
                right:40px; /* igual que infowallet*/
                text-align: center
             }
            .presaleMenu .buttonConnect:hover{
                background-color: #a031bd;
            }
        }


/* Version MOBILE /  hasta 319px --------------------------------------------------*/
        @media  (max-width: 319px) {
            .presaleMenu .infoCoin {
            right: 144px;
            padding: 4px 6px;
            }
            
            .presaleMenu .buttonConnect:link,
            .presaleMenu .buttonConnect:visited, 
            .presaleMenu .buttonConnect:focus {
                width: 100px;/*igual que buttonConnect */
                right: 33px;
                padding:5px 0;
            }
            .presaleMenu .infowallet{
                width: 100px;/*igual que buttonConnect */
                font-size: 10px;
                right:33px; /*igual que buttonConnect */
            }  
}



/*--------------------------------------------------------------
# TRAILER 
--------------------------------------------------------------*/

#home-trailer {
/*    position: absolute;
    bottom: 0;
    left: 50%;
*/    margin: 80px auto 0px auto;
}

        @media (max-width: 992px){
            #home-trailer { 
                margin: 50px 50px 0px 50px;
            }
        }
        @media (max-width: 576px){
            #home-trailer { 
                margin: 40px 50px 0 50px;
            }
        }
        @media (max-width: 350px){
            #home-trailer { 
                margin: 50px 20px 0 20px;
            }
        }

#home-trailer a.btn-trailer:link,
#home-trailer a.btn-trailer:focus,
#home-trailer a.btn-trailer:visited,

#home-trailer .btn-trailer:link,
#home-trailer .btn-trailer:focus,
#home-trailer .btn-trailer:visited {
    /*
    width: 295px;
    height: 95px;*/
    display: flex;
    margin: 15px auto 0 auto;
/*    padding-top: 12px;
    margin-top: 5px;*/
/*    font-family: Roboto;
    font-size: 16px;
    color:#571a35;   
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #ffda75;
    transition: 0.2s;
    font-weight: 600;*/
    justify-content: center;
/*    background-position: 0 -42px; */
/*    background: url(../img/button_trailer.png)  top center no-repeat;
    background-attachment: local;
*/    text-decoration: none;   
    
    transition: filter 0.15s linear 0s;
   -webkit-animation: breathing 2s ease-out infinite normal;
    animation: breathing 2s ease-out infinite normal;    
} 

#home-trailer a.btn-trailer:hover,
#home-trailer .btn-trailer:hover {
    /*font-size: 19px;
    padding-top: 12px;*/
    filter: brightness(130%);
    
}


        @-webkit-keyframes breathing {
          0% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
          }

          25% {
            -webkit-transform: scale(1);
            transform: scale(1);
          }

          60% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
          }

          100% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
          }
        }

        @keyframes breathing {
          0% {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
          }

          25% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
          }

          60% {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
          }

          100% {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
          }
        }