@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900|Open+Sans:300,400,500,600,700,800,900);
/* CSS Document */
/*********************************
2. Body and some general stuff
*********************************/
/* CSS TOP NAV */
.top-bar-nav {
  padding-left: 10% !important;
  padding-right: 10% !important;
  background-color: #2A303C !important;
  top: 0%;
}

.titulo_topbar {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  color: #ffffff;
}

.texto_topbar {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #ffffff;
}

.enlace_topbar {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #FF2410;
  text-decoration: none;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-facebook:hover {
  background: #F4F8F7;
  color: #2A303C;
}

.fa-twitter {
  background: #55ACEE;
  color: #2A303C;
}

.fa-twitter:hover {
  background: #F4F8F7;
  color: #2A303C;
}

.fa-instagram {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  color: white;
}

.fa-instagram:hover {
  background: #F4F8F7;
  color: #2A303C;
}

.fa-youtube-play {
  background-color: red;
  color: white;
}

.fa-youtube-play:hover {
  background: #F4F8F7;
  color: #2A303C;
}

nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
  margin-top: 0px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
}

/* CSS LOGO NAV  */
.logo-nav {
  padding-left: 10% !important;
  padding-right: 10% !important;
  padding-top: 2% !important;
  padding-bottom: 5% !important;
  background-color: white !important;
  height: 160px;
  top: 64px;
}

.button_header_iniciar {
  font-size: 1rem !important;
  width: 180px !important;
  border-radius: 30px !important;
  border: 1px solid #003e3e !important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold !important;
  color: #003e3e !important;
  background-color: white !important;
}

.button_header_iniciar:hover {
  border-radius: 30px !important;
  border: 1px solid #003e3e !important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold !important;
  color: white !important;
  background-color: #003e3e !important;
}

.button_header_salir {
  width: 100px;
  border-radius: 40px !important;
  border: 1px solid #003e3e !important;
  font-family: "Open Sans", sans-serif !important;
  color: #003e3e !important;
  background-color: white !important;
}

.button_header_salir:hover {
  border: 1px solid #003e3e !important;
  color: white !important;
  background-color: #003e3e !important;
}

.button_header_registrar {
  font-size: 1rem !important;
  width: 160px !important;
  border-radius: 30px !important;
  border: 1px solid #FF2410 !important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold !important;
  color: #FF2410 !important;
  background-color: white !important;
}

.button_header_registrar:hover {
  border-radius: 30px !important;
  border: 1px solid #FF2410 !important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold !important;
  color: white !important;
  background-color: #FF2410 !important;
}

/* CSS RELATIVO AL MENU HEADER */
.menu-nav {
  height: 60px !important;
  background-color: #98BFBB !important;
}

nav.menu-nav ul {
  text-align: center;
  width: 100%;
}

nav.menu-nav ul li {
  display: inline;
  float: none;
}

nav.menu-nav ul li a {
  display: inline-block;
  width: 10%;
}

nav.menu-nav ul li a:hover {
  display: inline-block;
  width: 10%;
  color: #003e3e;
}

nav.menu-nav ul li a {
  text-decoration: none;
  color: inherit;
  font-family: "Open Sans", sans-serif;
  font-weight: bold !important;
  font-size: 1.375rem !important;
}

/* CSS RESPONSIVE */
.menu-icon {
  color: #2A303C !important;
  font-size: 3rem !important;
}

@media (max-width: 992px) {
  .logo-nav {
    height: 95px;
  }
}
.rounded {
  border-radius: 20px !important;
}

.material-icons {
  line-height: 1;
}

.search-home-icon {
  line-height: 0 !important;
}

nav .input-field label {
  left: 0 !important;
}

.d-none {
  display: none;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.carousel-star {
  color: #ffd000;
}

.clickable {
  cursor: pointer;
}

@media only screen and (max-width: 601px) {
  .logo-nav {
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
    background-color: white !important;
    height: 95px;
    top: 0px;
  }

  .sidenav {
    width: 100%;
    top: 100px;
    text-align: center;
    padding-bottom: 7%;
    height: auto;
  }

  .brand-logo img {
    height: 65px;
    width: auto;
  }

  .sidenav-overlay {
    opacity: 0 !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
  .logo-nav {
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
    background-color: white !important;
    height: 95px;
    top: 0px;
  }

  .brand-logo img {
    height: 65px;
    width: auto;
  }

  .sidenav {
    width: 100%;
    top: 130px;
    text-align: center;
    padding-bottom: 7%;
    height: auto;
  }

  .sidenav li {
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .sidenav li a {
    padding-top: 3%;
    padding-bottom: 3%;
    font-size: 22px;
  }

  .sidenav-overlay {
    opacity: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .logo-nav {
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
    background-color: white !important;
    height: 95px;
    top: 0px;
  }

  .brand-logo img {
    height: 65px;
    width: auto;
  }

  .sidenav {
    width: 100%;
    top: 130px;
    text-align: center;
    padding-bottom: 7%;
    height: auto;
  }

  .sidenav li {
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .sidenav li a {
    padding-top: 3%;
    padding-bottom: 3%;
    font-size: 22px;
  }

  .sidenav-overlay {
    opacity: 0 !important;
  }

  .rojo {
    color: #FF2410;
  }
}
.navbar-fixed {
  height: 0px;
}

@media (max-width: 992px) {
  .navbar-fixed {
    height: 130px;
  }
}
.sidenav li .botones a {
  padding-top: 3% !important;
  line-height: 0px;
  height: 42px;
}

.sidenav li .rrss a {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0;
}

.sidenav li .rrss a i {
  width: inherit;
}

nav {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-fixed {
  padding-left: 5% !important;
  padding-right: 5% !important;
  padding-top: 20px !important;
  padding-bottom: 2% !important;
  background-color: white !important;
  height: 100px;
  top: 0px;
}

.sidenav {
  width: 100%;
  top: 159px;
  text-align: center;
  padding-bottom: 7%;
  height: auto;
}

@media (min-width: 992px) {
  .sidenav li .botones a {
    padding-top: 1.7% !important;
  }
}
@media (min-width: 1600px) {
  .sidenav li .botones a {
    padding-top: 1% !important;
  }
}
.sticky .nav-fixed.top {
  top: 64px !important;
}

.sticky .fixed.top {
  top: 0px !important;
}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
  height: 64px;
  line-height: 64px;
}

.sticky .brand-logo img {
  height: 65px;
}

.js-cookie-consent {
  position: fixed;
  bottom: 0px;
  padding: 10px;
  text-align: center;
  width: 100%;
  z-index: 9999;
  background-color: #fffbdb;
  border-color: #fffacc;
  border: solid 1px;
}

.js-cookie-consent button {
  color: white !important;
  background-color: #FF2410 !important;
  border-radius: 30px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: bold !important;
  font-size: 1rem !important;
  border: none;
  height: 30px !important;
  width: 240px !important;
}

.eu-popup {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 30%;
}

.cookie-icon {
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: #ff2410;
  border-top-right-radius: 32px;
  min-width: unset;
  padding: 15px 15px 15px 8px;
}

.cookie-icon i {
  cursor: pointer;
}

.eu-popup [type=checkbox] {
  position: initial !important;
  opacity: 1;
  pointer-events: auto;
}

.texto-lanzamiento {
  line-height: 37px !important;
}