@charset "UTF-8";
/* INI PARTIALS */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* INI MEDIA QUERIES */
/* USO: @include respond-to(small) { ... }/
/* FIN MEDIA QUERIES */
/* INI CALCULA REM */
/* USO: @include font-size(14px); */
/* FIN CALCULA REM */
/* INI CLEARFIX*/
/* USO: @include clearfix(); */
/* FIN CLEARFIX*/
/* INI BOX SIZING */
/* USO: @include box-sizing(border-box); */
/* FIN BOX SIZING */
/* INI CENTERER */
/* USO: con parent en position relative añadir a elemento child @include centerer; */
/* FIN CENTERER */
/* INI BORDER RADIUS */
/* USO: @include border-radius(5px); */
/* USO: @include border-top-radius(10px); */
/* FIN BORDER RADIUS */
/* INI OPACITY */
/* USO: @include opacity(0.8); */
/* FIN OPACITY */
/* INI CENTER BLOCK */
/* USO: @include center-block; */
/* FIN CENTER BLOCK */
/* INI TEXT OVERFLOW */
/* USO: @include text-truncate; */
/* FIN TEXT OVERFLOW */
/* INI BACKGROUND IMAGE */
/* USO: @include bgimage('../img/generic/flecha_top.png',no-repeat,100%); */
/* FIN BACKGROUND IMAGE */
/* INI TRANSITION */
/* USO: @include transition(color .3s ease); */
/* FIN TRANSITION */
/* INI TRANSFORM */
/*
  USO:
  @include skew(25,10);
  @include transform-origin(top left);
*/
/* FIN TRANSFORM */
/* INI PLACEHOLDER */
/*USO:
@include input-placeholder {
        color: $grey;
    }*/
/* FIN PLACEHOLDER */
/* INI WORD WRAPPING */
/* USO: @include mixin word-wrap; */
/* FIN WORD WRAPPING */
/* INI BACKGROUND COVER */
/* USO: @include bg-cover('../path/to/image.jpg', no-repeat 100%); */
/* FIN BACKGROUND COVER */
/* INI LINKS */
/* USO: @include linx (blue, green, red, orange); */
/* FIN LINKS */
/* INI RGBA */
/* USO: @include alpha-background-color(rgba(black, 0.5), white); */
/* FIN RGBA */
/* INI PLUGIN TO TOP */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 47px;
  height: 47px;
  border: none;
  text-indent: 100%;
  background-image: url("../img/generic/flecha-top.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  z-index: 10000; }

#toTopHover {
  background-image: url("../img/generic/flecha-top.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  filter: alpha(opacity=0); }

#toTop:active, #toTop:focus {
  outline: none; }

.toTop {
  display: none; }

.spanToTop {
  opacity: 0;
  filter: alpha(opacity=0); }

/* FIN PLUGIN TO TOP */
/* INI SWEET ALERT */
.sweet-alert h2 {
  width: 100%;
  padding: 15px 0;
  display: inline-block;
  margin: 15px 0 !important;
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center; }

.sweet-alert p {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  text-align: center; }

.sweet-alert button {
  display: inline-block;
  line-height: 1;
  padding: 12px 24px;
  margin: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0; }

.sweet-alert button.cancel {
  font-weight: 600;
  background-color: #FFF !important; }

.sweet-alert input {
  padding: 5px 10px;
  margin: 0px auto 20px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #cccccc !important;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666 !important;
  width: 100%;
  max-width: 300px;
  height: auto;
  box-shadow: none; }

.sweet-alert input:focus {
  border: 1px solid #cccccc !important;
  box-shadow: none !important; }

/* FIN SWEET ALERT */
/* FIN PARTIALS */
/* INI FONT FACE */
@font-face {
  font-family: 'wilo_plus_fmbold';
  src: url("tipografias/wiloplusfmbol-webfont.woff2") format("woff2"), url("tipografias/wiloplusfmbol-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'wilo_plus_fmbold_italic';
  src: url("tipografias/wiloplusfmbolita-webfont.woff2") format("woff2"), url("tipografias/wiloplusfmbolita-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'wilo_plus_fmitalic';
  src: url("tipografias/wiloplusfmita-webfont.woff2") format("woff2"), url("tipografias/wiloplusfmita-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'wilo_plus_fmregular';
  src: url("tipografias/wiloplusfmreg-webfont.woff2") format("woff2"), url("tipografias/wiloplusfmreg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* FIN FONT FACE */
/* INI TYPE */
/* FIN TYPE */
/* INI COLORS */
/* verde wilo */
/* verde wilo */
/* gris oscuro */
/* amarillo */
/* gris claro */
/* FIN COLORS */
/* INI GENERAL */
body {
  padding-top: 125px;
  font: 100% wilo_plus_fmregular, sans-serif;
  color: #666;
  background: #d8eee9;
  text-decoration: none; }
  @media (min-width: 767px) {
    body {
      padding-top: 191px;
      /*padding-bottom: 300px;*/ } }
  @media (min-width: 992px) {
    body {
      padding-top: 190px;
      /*padding-bottom: 250px;*/ } }
  body a {
    color: #009c82; }
    body a:visited {
      color: #009c82; }
    body a:hover {
      color: #33b09b;
      text-decoration: underline; }
    body a:active {
      color: #009c82; }

a {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: underline;
  outline: none; }

h1 {
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  color: #009c82;
  font-family: wilo_plus_fmbold_italic;
  line-height: 1.2; }
  h1.principal {
    color: #d8eee9;
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0; }
  @media (min-width: 767px) {
    h1 {
      text-align: left;
      font-size: 32px;
      font-size: 2rem; } }

h2 {
  text-align: center;
  font-family: wilo_plus_fmbold_italic;
  color: #009c82;
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2; }
  h2 a {
    text-decoration: none; }
    h2 a:hover {
      text-decoration: underline; }
  @media (min-width: 767px) {
    h2 {
      font-size: 30px;
      font-size: 1.875rem; } }

h3 {
  text-align: center;
  color: #009c82;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2; }
  @media (min-width: 767px) {
    h3 {
      text-align: left;
      font-size: 24px;
      font-size: 1.5rem; } }

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 15px; }
  @media (min-width: 767px) {
    p {
      font-size: 16px;
      font-size: 1rem; } }
  @media (min-width: 992px) {
    p {
      /*@include font-size(18px);*/ } }
  p strong {
    font-weight: normal;
    font-family: wilo_plus_fmbold; }
  p b {
    font-weight: normal;
    font-family: wilo_plus_fmbold; }
  p.intro {
    margin: 20px 0; }
    @media (min-width: 992px) {
      p.intro {
        margin: 20px 0;
        font-size: 20px;
        font-size: 1.25rem; } }

img {
  max-width: 100%; }

.no-pd {
  padding-left: 0px !important;
  padding-right: 0px !important; }

@media (min-width: 767px) {
  .no-pd-r {
    padding-right: 0px !important; } }

.static {
  position: static; }

.relative {
  position: relative; }

.limpiador {
  width: 100%;
  clear: both; }

.oculto {
  display: none; }

.btn {
  position: relative;
  outline: none !important;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  text-decoration: none; }
  .btn span, .btn img {
    display: inline-block;
    vertical-align: middle; }
  .btn img {
    max-width: 34px; }
    @media (min-width: 767px) {
      .btn img {
        max-width: 48px; } }

.btn-primary {
  color: #000 !important;
  background: #ffb450;
  border-color: #ffb450;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: wilo_plus_fmbold;
  padding-left: 30px;
  padding-right: 30px;
  white-space: normal; }
  .btn-primary span {
    margin: 0 10px; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #ffb450 !important;
    border-color: #ffb450 !important; }
  @media (min-width: 767px) {
    .btn-primary {
      font-size: 20px;
      font-size: 1.25rem; } }

.center-block {
  float: none; }

.btn-mas-info:hover, .btn-mas-info:active, .btn-mas-info:focus {
  box-shadow: none !important; }

.btn-fb {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #3b5998;
  color: #fff !important;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1; }
  @media (min-width: 767px) {
    .btn-fb {
      font-size: 20px;
      font-size: 1.25rem; } }
  .btn-fb span {
    margin: 0 0 0 15px;
    line-height: 1; }
  .btn-fb img {
    max-width: 14px; }
    @media (min-width: 767px) {
      .btn-fb img {
        max-width: 16px; } }
  .btn-fb:hover, .btn-fb:active, .btn-fb:focus {
    color: #fff; }

.seccion {
  padding-top: 25px;
  padding-bottom: 25px; }
  @media (min-width: 767px) {
    .seccion {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .seccion h1 {
    padding-top: 5px; }
  .seccion .btn-mas-info {
    position: absolute;
    top: 0;
    right: 0; }

label {
  margin-bottom: 4px; }
  @media (min-width: 767px) {
    label {
      font-size: 16px;
      font-size: 1rem; } }

.paginador {
  text-align: center;
  padding-top: 5px; }
  .paginador ul {
    display: inline-block; }
    .paginador ul li {
      margin: 10px;
      display: inline-block; }
      .paginador ul li a {
        display: inline-block;
        vertical-align: top;
        color: #666;
        text-decoration: none;
        border: 1px solid #000;
        text-align: center;
        width: 20px;
        height: 20px;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 18px; }
        .paginador ul li a.active {
          background: #fff;
          border-color: #fff; }
      @media (min-width: 767px) {
        .paginador ul li {
          margin: 3px; } }
  @media (min-width: 767px) {
    .paginador {
      text-align: right; } }

.box {
  background: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  padding: 20px 0;
  margin-bottom: 40px; }
  .box.box-nivel {
    padding: 20px; }
  @media (min-width: 767px) {
    .box {
      padding: 20px; } }

.sello {
  text-transform: uppercase;
  color: #000;
  text-align: center;
  background: #ffb450;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  padding: 14px 10px;
  margin: 0 auto 20px auto; }
  .sello strong {
    display: block;
    width: 100%;
    font-size: 42px;
    font-size: 2.625rem;
    font-family: wilo_plus_fmbold;
    line-height: 1; }
  .sello span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1; }

.listado-juegos a, .seccion-juegos a, .seccion-contacto .contacto a, .seccion-premios a, .seccion-ganadores a {
  display: inline-block;
  margin: 10px 0;
  text-decoration: none; }
  .listado-juegos a img, .seccion-juegos a img, .seccion-contacto .contacto a img, .seccion-premios a img, .seccion-ganadores a img {
    max-width: 160px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
    .listado-juegos a img:hover, .seccion-juegos a img:hover, .seccion-contacto .contacto a img:hover, .seccion-premios a img:hover, .seccion-ganadores a img:hover {
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
    @media (min-width: 767px) {
      .listado-juegos a img, .seccion-juegos a img, .seccion-contacto .contacto a img, .seccion-premios a img, .seccion-ganadores a img {
        max-width: 100%; } }
  .listado-juegos a:hover, .seccion-juegos a:hover, .seccion-contacto .contacto a:hover, .seccion-premios a:hover, .seccion-ganadores a:hover {
    text-decoration: none; }
  @media (min-width: 767px) {
    .listado-juegos a, .seccion-juegos a, .seccion-contacto .contacto a, .seccion-premios a, .seccion-ganadores a {
      margin: 20px 0; } }
.listado-juegos h3, .seccion-juegos h3, .seccion-contacto .contacto h3, .seccion-premios h3, .seccion-ganadores h3 {
  text-transform: uppercase;
  margin: 10px 0;
  text-align: center; }

.pantalla-mobile {
  position: fixed;
  top: 0;
  z-index: 10000;
  background: #fff;
  width: 100%;
  height: 100%; }
  @media (min-width: 767px) {
    .pantalla-mobile {
      position: static; } }

.cerrar-pantalla-mobile {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10001; }
  @media (min-width: 767px) {
    .cerrar-pantalla-mobile {
      display: none; } }

.test {
  color: #505050;
  background: #fff;
  padding: 25px 30px 0px 30px;
  margin: 15px 0 20px 0;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box; }
  .test strong {
    font-family: wilo_plus_fmbold_italic;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1; }
  .test ul {
    margin: 10px 0 20px 0;
    display: inline-block;
    /*min-width: 160px;*/ }
    .test ul li {
      text-align: left;
      max-width: 300px;
      margin: 5px 0; }

/* INI HIGHLIGHTS */
::selection {
  color: #fff;
  background: #009c82; }

::-moz-selection {
  color: #fff;
  background: #009c82; }

::-webkit-selection {
  color: #fff;
  background: #009c82; }

/* FIN HIGHLIGHTS */
/* INI QUITAR AUTOCOMPLETAR */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

/* FIN QUITAR AUTOCOMPLETAR */
/* FIN GENERAL */
/* INI HEADER */
.cont-header {
  background: #fff;
  padding-top: 10px; }
  @media (min-width: 767px) {
    .cont-header {
      padding-bottom: 0px; } }

.logo {
  padding-top: 0;
  padding-bottom: 2px;
  height: auto; }

.logo img {
  max-width: 100px; }
  @media (min-width: 767px) {
    .logo img {
      max-width: 130px; } }

.claim {
  display: none;
  padding: 0; }
  @media (min-width: 767px) {
    .claim {
      display: block; } }

.claim div {
  color: #fff;
  background: #505050;
  padding: 15px 0; }
  @media (min-width: 767px) {
    .claim div {
      display: block;
      height: 50px;
      max-width: 130px; } }

/* ini override navbar */
.navbar {
  border: none !important;
  border-color: transparent !important; }

.navbar-default {
  background-color: transparent;
  border-color: transparent; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: transparent;
  border-color: transparent; }

.navbar-default .navbar-toggle {
  border: none !important;
  background: #009c82 !important; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  color: #fff !important;
  background: #009c82 !important; }

.navbar-default .navbar-toggle .icon-bar {
  background: #fff !important; }

.navbar-header {
  margin-bottom: 7px; }
  @media (min-width: 767px) {
    .navbar-header {
      margin-bottom: 5px; } }

/* fin override navbar */
/* ini menu principal */
@media (min-width: 767px) {
  .fondo-menu {
    background-image: url("../img/generic/fondo-menu.gif");
    background-repeat: repeat-y;
    background-size: auto;
    background-position: top center; } }

@media (min-width: 767px) {
  .cont-menu {
    background: #009c82; } }

@media (min-width: 767px) {
  .menu {
    float: right; } }

.menu li.active a {
  background: rgba(0, 156, 130, 0.7) !important; }
  .menu li.active a:hover {
    background: rgba(0, 156, 130, 0.7) !important;
    opacity: 1;
    filter: alpha(opacity=100); }
    .menu li.active a:hover span {
      border-bottom: none;
      opacity: 1;
      filter: alpha(opacity=100); }
  @media (min-width: 767px) {
    .menu li.active a {
      background: #009c82 !important; }
      .menu li.active a:hover {
        background: #009c82 !important; }
        .menu li.active a:hover span {
          border-bottom: 1px solid #fff;
          opacity: 1;
          filter: alpha(opacity=100); } }

.menu li.active a span {
  border-bottom: none;
  font-family: wilo_plus_fmbold; }
  @media (min-width: 767px) {
    .menu li.active a span {
      border-bottom: 1px solid #fff; } }

.menu li a {
  position: relative;
  color: #fff !important;
  background: #009c82;
  border-bottom: 1px solid #d8eee9;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  .menu li a span {
    display: inline-block;
    padding-bottom: 3px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; }
  .menu li a:hover {
    background-color: #009c82 !important; }
    .menu li a:hover span {
      opacity: 0.8;
      filter: alpha(opacity=80);
      border-bottom: none; }
    @media (min-width: 767px) {
      .menu li a:hover {
        background-color: transparent !important; } }
  @media (min-width: 767px) {
    .menu li a {
      border-bottom: none;
      height: 50px;
      overflow: hidden;
      font-size: 19px;
      font-size: 1.1875rem; } }

.underline-menu {
  display: none; }

.margin-mb {
  padding-left: 0px;
  padding-right: 0px; }
  @media (min-width: 767px) {
    .margin-mb {
      padding-left: 15px;
      padding-right: 15px; } }

/* fin menu principal */
/* ini menu idiomas */
.idiomas {
  float: right;
  margin: 0 0 5px 0;
  width: 100%;
  text-align: center; }
  @media (min-width: 767px) {
    .idiomas.mb {
      display: none; } }
  @media (min-width: 767px) {
    .idiomas {
      width: auto;
      margin: 15px 0 0 0; } }

.idiomas > li {
  display: inline-block;
  margin: 0; }

.idiomas > li > a {
  color: #cccccc !important;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  background: transparent !important;
  border-bottom: none;
  padding: 5px 0; }
  .idiomas > li > a:hover {
    background: transparent !important; }
  @media (min-width: 767px) {
    .idiomas > li > a {
      font-size: 20px;
      font-size: 1.25rem;
      padding: 10px 15px; } }

.idiomas > li.active a {
  color: #009c82 !important;
  background: transparent !important; }
  .idiomas > li.active a span {
    border-bottom: 1px solid #009c82;
    opacity: 1;
    filter: alpha(opacity=100); }
  .idiomas > li.active a:hover {
    background: transparent !important; }
    .idiomas > li.active a:hover span {
      border-bottom: 1px solid #009c82;
      opacity: 1;
      filter: alpha(opacity=100); }

.idiomas > li.sep-idiomas {
  color: #cccccc !important;
  padding: 3px 5px 4px 5px;
  font-size: 16px;
  font-size: 1rem; }
  @media (min-width: 767px) {
    .idiomas > li.sep-idiomas {
      font-size: 22px;
      font-size: 1.375rem;
      padding: 8px 0 9px 0; } }

/* fin menu idiomas */
/* ini menu usuario */
.fondo-menu-usuario {
  background: #ffb450; }

.menu-usuario {
  min-height: 44px;
  text-align: center; }
  @media (min-width: 767px) {
    .menu-usuario {
      float: right; } }
  .menu-usuario .navbar-nav {
    margin-top: 2px;
    margin-bottom: 2px; }
    @media (min-width: 767px) {
      .menu-usuario .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px; } }
  .menu-usuario li {
    display: inline-block;
    text-align: center; }
  .menu-usuario .sep-usuario {
    color: #fff !important;
    padding: 3px 5px 4px 5px;
    font-size: 16px;
    font-size: 1rem; }
    @media (min-width: 767px) {
      .menu-usuario .sep-usuario {
        font-size: 22px;
        font-size: 1.375rem;
        padding: 12px 0 8px 0;
        margin: 0 10px; } }

.menu-usuario li.active a {
  font-family: wilo_plus_fmbold;
  background: transparent !important;
  line-height: 1.3; }
  .menu-usuario li.active a:hover {
    background: transparent !important;
    opacity: 1;
    filter: alpha(opacity=100); }
    .menu-usuario li.active a:hover span {
      border-bottom: none;
      opacity: 1;
      filter: alpha(opacity=100); }
  @media (min-width: 767px) {
    .menu-usuario li.active a {
      background: transparent !important; }
      .menu-usuario li.active a:hover {
        background: transparent !important; }
        .menu-usuario li.active a:hover span {
          border-bottom: none;
          opacity: 1;
          filter: alpha(opacity=100); } }

.menu-usuario li.active a span {
  border-bottom: none; }
  @media (min-width: 767px) {
    .menu-usuario li.active a span {
      border-bottom: none; } }

.menu-usuario li a {
  display: block;
  width: auto;
  position: relative;
  color: #fff !important;
  background: transparent;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease; }
  .menu-usuario li a span {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    text-align: center; }
  .menu-usuario li a:hover {
    background-color: transparent !important; }
    .menu-usuario li a:hover span {
      opacity: 0.8;
      filter: alpha(opacity=80);
      border-bottom: none; }
    @media (min-width: 767px) {
      .menu-usuario li a:hover {
        background-color: transparent !important; } }
  @media (min-width: 767px) {
    .menu-usuario li a {
      border-bottom: none;
      height: 50px;
      overflow: hidden;
      font-size: 19px;
      font-size: 1.1875rem; } }

/* ini logado */
.menu-usuario.logado {
  min-height: inherit;
  padding-left: 15px;
  text-align: center; }
  @media (min-width: 767px) {
    .menu-usuario.logado {
      padding-left: 0; } }
  .menu-usuario.logado .navbar-nav {
    margin-top: 6px;
    margin-bottom: 6px;
    height: 37px; }
    @media (min-width: 767px) {
      .menu-usuario.logado .navbar-nav {
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px; } }
  .menu-usuario.logado li {
    float: left;
    vertical-align: top; }
    .menu-usuario.logado li:nth-child(3) a {
      padding-left: 30px; }
      @media (min-width: 767px) {
        .menu-usuario.logado li:nth-child(3) a {
          padding-left: 15px; } }
  .menu-usuario.logado li a {
    padding-top: 2px;
    padding-bottom: 0;
    line-height: 1; }
    @media (min-width: 767px) {
      .menu-usuario.logado li a {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px; } }
  .menu-usuario.logado span {
    font-size: 11px;
    font-size: 0.6875rem;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 1.1; }
    @media (min-width: 767px) {
      .menu-usuario.logado span {
        vertical-align: middle; } }
  .menu-usuario.logado .avatar-usuario {
    display: block;
    padding-left: 15px; }
    .menu-usuario.logado .avatar-usuario a {
      display: block;
      padding: 0; }
      .menu-usuario.logado .avatar-usuario a img {
        width: 37px;
        height: 37px;
        border: 1px solid #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-clip: padding-box;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat no-repeat; }
      @media (min-width: 767px) {
        .menu-usuario.logado .avatar-usuario a {
          padding: 6px 0 0 0; } }
    @media (min-width: 767px) {
      .menu-usuario.logado .avatar-usuario {
        display: block; } }
  .menu-usuario.logado .nombre-usuario {
    display: none; }
    .menu-usuario.logado .nombre-usuario strong {
      margin-top: -4px; }
    .menu-usuario.logado .nombre-usuario span {
      font-size: 16px;
      font-size: 1rem; }
    @media (min-width: 767px) {
      .menu-usuario.logado .nombre-usuario {
        display: block; } }
  .menu-usuario.logado .nivel-usuario, .menu-usuario.logado .puntos-usuario {
    max-width: 90px; }
    .menu-usuario.logado .nivel-usuario strong, .menu-usuario.logado .puntos-usuario strong {
      text-transform: uppercase; }
    .menu-usuario.logado .nivel-usuario a, .menu-usuario.logado .puntos-usuario a {
      padding-right: 0px;
      padding-left: 0px; }
    @media (min-width: 767px) {
      .menu-usuario.logado .nivel-usuario, .menu-usuario.logado .puntos-usuario {
        display: block;
        max-width: 100%; } }
  .menu-usuario.logado .puntos-usuario {
    display: block;
    padding-left: 5px; }
    @media (min-width: 767px) {
      .menu-usuario.logado .puntos-usuario {
        padding-left: 0; } }
  .menu-usuario.logado .preguntas-usuario {
    float: right;
    padding-top: 0px;
    width: 46px; }
    @media (min-width: 767px) {
      .menu-usuario.logado .preguntas-usuario {
        padding-top: 0px;
        width: auto; } }
  .menu-usuario.logado .logout-usuario {
    float: right;
    padding: 0;
    margin-right: 30px; }
    .menu-usuario.logado .logout-usuario a {
      padding: 4px 0 0 0;
      height: auto !important; }
      .menu-usuario.logado .logout-usuario a img {
        width: 27px;
        height: auto; }
    @media (min-width: 767px) {
      .menu-usuario.logado .logout-usuario {
        padding: 5px 15px 0 15px;
        margin-right: 0; } }
  .menu-usuario.logado strong {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    font-family: wilo_plus_fmbold;
    line-height: 1.1; }
    @media (min-width: 767px) {
      .menu-usuario.logado strong {
        vertical-align: middle; } }
  .menu-usuario.logado .sep-usuario.sep-usuario-uno {
    display: none; }
    @media (min-width: 767px) {
      .menu-usuario.logado .sep-usuario.sep-usuario-uno {
        display: block; } }
  .menu-usuario.logado .sep-usuario span {
    margin-top: -1px;
    display: block;
    width: 1px;
    height: 30px;
    border-right: 1px solid #FFF; }
  .menu-usuario.logado .btn-preguntas {
    font-family: wilo_plus_fmbold;
    display: inline-block;
    font-size: 11px;
    font-size: 0.6875rem;
    color: #ffb450 !important;
    background: #fff;
    text-transform: uppercase;
    width: 37px;
    height: 37px !important;
    padding-top: 5px;
    padding-left: 14px;
    margin-right: 15px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box; }
    .menu-usuario.logado .btn-preguntas:hover, .menu-usuario.logado .btn-preguntas:active, .menu-usuario.logado .btn-preguntas:focus {
      color: #ffb450 !important;
      background: #fff !important; }
    .menu-usuario.logado .btn-preguntas img {
      display: inline-block;
      vertical-align: top;
      max-width: 5px; }
    .menu-usuario.logado .btn-preguntas span {
      display: none;
      vertical-align: top;
      white-space: normal;
      padding: 0 0 0 5px;
      max-width: 70px; }
    @media (min-width: 767px) {
      .menu-usuario.logado .btn-preguntas {
        display: inline-block;
        margin-top: 6px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        background-clip: padding-box;
        padding-left: 10px;
        padding-right: 16px;
        padding-top: 7px;
        padding-bottom: 6px;
        margin-right: 0px;
        width: auto; }
        .menu-usuario.logado .btn-preguntas span {
          display: inline-block; } }

/* fin menu usuario*/
/* FIN HEADER */
/* INI FOOTER */
.footer {
  position: static;
  width: 100%;
  padding: 0 20px;
  color: #009c82;
  background-color: #fff;
  font-family: wilo_plus_fmitalic;
  text-align: center;
  /*ini about */
  /* fin about */ }
  .footer a {
    text-decoration: none; }
    .footer a:hover img {
      opacity: 0.8;
      filter: alpha(opacity=80); }
  .footer span {
    display: inline-block;
    vertical-align: middle; }
    @media (min-width: 767px) {
      .footer span {
        margin: 10px 0; } }
    @media (min-width: 992px) {
      .footer span {
        margin: 20px 0; } }
  .footer .logo-contacto {
    display: inline-block;
    vertical-align: middle; }
    .footer .logo-contacto img {
      display: inline-block;
      max-width: 60px;
      margin: 0px 5px; }
      @media (min-width: 992px) {
        .footer .logo-contacto img {
          max-width: 50px; } }
      @media (min-width: 1200px) {
        .footer .logo-contacto img {
          max-width: 60px; } }
  .footer ul {
    text-align: center;
    list-style: none;
    margin: 20px 0; }
    .footer ul.empresa {
      margin: 20px 0 0 0; }
    .footer ul li {
      display: inline-block;
      width: 100%;
      padding: 5px 15px;
      text-align: center; }
      @media (min-width: 767px) {
        .footer ul li {
          width: auto;
          padding: 0 10px; } }
      @media (min-width: 1200px) {
        .footer ul li {
          padding: 0 15px; } }
      .footer ul li a {
        display: inline-block; }
    .footer ul.rrss {
      margin: 20px 0; }
      .footer ul.rrss li {
        width: auto;
        padding: 5px 10px; }
        .footer ul.rrss li img {
          height: 35px; }
      @media (min-width: 767px) {
        .footer ul.rrss {
          margin-top: -5px; } }
      @media (min-width: 992px) {
        .footer ul.rrss {
          text-align: right;
          margin: 4px 0 0 0; } }
    @media (min-width: 767px) {
      .footer ul {
        text-align: center; } }
    @media (min-width: 992px) {
      .footer ul {
        text-align: right; } }
  @media (min-width: 767px) {
    .footer {
      /*position: absolute;
      bottom: 0;
      height: 300px;*/ } }
  @media (min-width: 992px) {
    .footer {
      /*height: 250px;*/ } }
  .footer .about {
    color: #fff;
    background: #009c82;
    border-top: 4px solid #ffb450;
    padding: 25px 15px 20px 15px; }
    .footer .about h2 {
      color: #fff;
      font-family: wilo_plus_fmbold_italic; }
    .footer .about p {
      font-family: wilo_plus_fmregular; }
      @media (min-width: 992px) {
        .footer .about p {
          font-size: 20px;
          font-size: 1.25rem; } }
    .footer .about a {
      color: #fff;
      font-family: wilo_plus_fmitalic;
      font-size: 16px;
      font-size: 1rem; }
    @media (min-width: 767px) {
      .footer .about {
        padding: 25px 0 20px 0; } }

/* FIN FOOTER */
/* INI HOME */
/* ini destacados */
.carousel-home .item a {
  text-decoration: none !important; }
.carousel-home .imagen-destacado-mb {
  display: block !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat; }
  @media (min-width: 767px) {
    .carousel-home .imagen-destacado-mb {
      display: none !important; } }
.carousel-home .imagen-destacado-dt {
  display: none !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat; }
  @media (min-width: 767px) {
    .carousel-home .imagen-destacado-dt {
      display: block !important;
      min-height: 270px; } }
  @media (min-width: 992px) {
    .carousel-home .imagen-destacado-dt {
      display: block !important;
      min-height: 340px;
      max-height: 400px; } }
.carousel-home .imagen-destacado-mb-dos {
  display: none !important; }
.carousel-home .imagen-destacado-dt-dos {
  display: none !important; }
.carousel-home .destacado-carousel {
  width: 100%;
  padding: 10px 30px;
  background-color: rgba(0, 156, 130, 0.7); }
  @media (min-width: 767px) {
    .carousel-home .destacado-carousel {
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 30px;
      width: 220px;
      height: 220px;
      left: 27%; } }
  @media (min-width: 992px) {
    .carousel-home .destacado-carousel {
      width: 300px;
      height: 300px;
      left: 25%; } }
  .carousel-home .destacado-carousel .texto-destacado {
    position: static;
    color: #fff !important;
    text-align: center; }
    .carousel-home .destacado-carousel .texto-destacado h2 {
      color: #fff;
      font-family: wilo_plus_fmbold_italic;
      margin-bottom: 5px; }
      @media (min-width: 767px) {
        .carousel-home .destacado-carousel .texto-destacado h2 {
          margin-bottom: 15px; } }
    .carousel-home .destacado-carousel .texto-destacado p {
      font-family: wilo_plus_fmitalic;
      margin-bottom: 5px; }
      @media (min-width: 767px) {
        .carousel-home .destacado-carousel .texto-destacado p {
          margin-bottom: 0px; } }
    .carousel-home .destacado-carousel .texto-destacado span {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1; }
    .carousel-home .destacado-carousel .texto-destacado .destacado-arrow {
      display: inline-block;
      vertical-align: middle;
      font-size: 30px;
      font-size: 1.875rem;
      padding-right: 8px;
      width: 16px; }
    @media (min-width: 767px) {
      .carousel-home .destacado-carousel .texto-destacado {
        position: absolute;
        bottom: 30px;
        text-align: left; } }
.carousel-home .carousel-control .glyphicon-chevron-left, .carousel-home .carousel-control .glyphicon-chevron-right, .carousel-home .carousel-control .icon-next, .carousel-home .carousel-control .icon-prev {
  top: 35%; }
  @media (min-width: 767px) {
    .carousel-home .carousel-control .glyphicon-chevron-left, .carousel-home .carousel-control .glyphicon-chevron-right, .carousel-home .carousel-control .icon-next, .carousel-home .carousel-control .icon-prev {
      top: 50%; } }
.carousel-home .carousel-indicators {
  display: none; }
  @media (min-width: 767px) {
    .carousel-home .carousel-indicators {
      display: block;
      bottom: 10px; } }

/* fin destacados */
/* ini módulo home */
#sube-tus-facturas {
  display: block;
  padding-top: 120px;
  margin-top: -120px; }
  @media (min-width: 767px) {
    #sube-tus-facturas {
      padding-top: 200px;
      margin-top: -200px; } }
  @media (min-width: 992px) {
    #sube-tus-facturas {
      padding-top: 200px;
      margin-top: -200px; } }

.modulo-home {
  margin-top: 0px;
  padding-top: 30px;
  padding-bottom: 35px;
  text-align: center;
  /* ini modulo archivo*/
  /* fin modulo archivo */
  /* ini modulo juegos */
  /* fin modulo juegos */ }
  .modulo-home h2 {
    text-transform: uppercase; }
  .modulo-home p {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 25px; }
    @media (min-width: 767px) {
      .modulo-home p {
        font-size: 22px;
        font-size: 1.375rem; } }
    @media (min-width: 992px) {
      .modulo-home p {
        font-size: 24px;
        font-size: 1.5rem; } }
  @media (min-width: 767px) {
    .modulo-home {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .modulo-home.modulo-archivo {
    /*background: transparentize($white, .55);*/ }
    .modulo-home.modulo-archivo .btn-primary {
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 767px) {
        .modulo-home.modulo-archivo .btn-primary {
          font-size: 24px;
          font-size: 1.5rem; } }
  .modulo-home.modulo-juegos {
    background: #fff;
    margin: 15px 0; }
    .modulo-home.modulo-juegos .btn-juegos {
      display: inline-block;
      padding: 30px;
      width: 100%;
      margin: 25px 0 10px 0;
      text-align: center;
      background: #009c82;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      background-clip: padding-box;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }
      .modulo-home.modulo-juegos .btn-juegos strong {
        display: inline-block;
        width: 100%;
        margin: 15px 0 0 0;
        text-align: center;
        color: #fff;
        font-family: wilo_plus_fmregular;
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: normal;
        text-transform: uppercase;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
        @media (min-width: 767px) {
          .modulo-home.modulo-juegos .btn-juegos strong {
            font-size: 30px;
            font-size: 1.875rem; } }
      .modulo-home.modulo-juegos .btn-juegos img {
        max-width: 180px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease; }
        @media (min-width: 767px) {
          .modulo-home.modulo-juegos .btn-juegos img {
            max-width: 200px; } }
      .modulo-home.modulo-juegos .btn-juegos:hover {
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02); }
        .modulo-home.modulo-juegos .btn-juegos:hover div {
          -webkit-transition: 0.3s ease;
          -moz-transition: 0.3s ease;
          -ms-transition: 0.3s ease;
          -o-transition: 0.3s ease;
          transition: 0.3s ease; }
          .modulo-home.modulo-juegos .btn-juegos:hover div img {
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }

/* fin módulo home */
/* FIN HOME */
/* INI LOGIN */
.login {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background: #fff;

  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 400px; }
  .login .btn-primary {
    margin-top: 30px;
    margin-bottom: 20px; }
  .login p {
    font-size: 16px;
    font-size: 1rem; }
  .login .sep-formulario {
    text-align: center;
    width: 100%;
    height: 14px;
    overflow: visible;
    border-bottom: 1px solid #000;
    margin-bottom: 30px; }
    .login .sep-formulario span {
      display: inline-block;
      font-size: 18px;
      font-size: 1.125rem;
      background: #fff;
      padding: 0 10px; }

/* FIN LOGIN */
/* INI NOVEDADES */
.novedades .item-listado, .ficha-novedades .item-listado, .textos .item-listado, .preguntas-pendientes .item-listado, .como-funciona .item-listado, .ficha-novedades .item, .textos .item, .preguntas-pendientes .item, .como-funciona .item {
  position: relative;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 25px 10px;
  background: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box; }
  .novedades .item-listado img, .ficha-novedades .item-listado img, .textos .item-listado img, .preguntas-pendientes .item-listado img, .como-funciona .item-listado img, .ficha-novedades .item img, .textos .item img, .preguntas-pendientes .item img, .como-funciona .item img {
    width: 100%;
    display: block; }
  .novedades .item-listado .info-listado, .ficha-novedades .item-listado .info-listado, .textos .item-listado .info-listado, .preguntas-pendientes .item-listado .info-listado, .como-funciona .item-listado .info-listado, .ficha-novedades .item .info-listado, .textos .item .info-listado, .preguntas-pendientes .item .info-listado, .como-funciona .item .info-listado {
    position: static;
    margin-bottom: 20px; }
  .novedades .item-listado h2, .ficha-novedades .item-listado h2, .textos .item-listado h2, .preguntas-pendientes .item-listado h2, .como-funciona .item-listado h2, .ficha-novedades .item h2, .textos .item h2, .preguntas-pendientes .item h2, .como-funciona .item h2 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0; }
  .novedades .item-listado .leer-mas, .ficha-novedades .item-listado .leer-mas, .textos .item-listado .leer-mas, .preguntas-pendientes .item-listado .leer-mas, .como-funciona .item-listado .leer-mas, .ficha-novedades .item .leer-mas, .textos .item .leer-mas, .preguntas-pendientes .item .leer-mas, .como-funciona .item .leer-mas {
    text-align: right; }
    .novedades .item-listado .leer-mas a, .ficha-novedades .item-listado .leer-mas a, .textos .item-listado .leer-mas a, .preguntas-pendientes .item-listado .leer-mas a, .como-funciona .item-listado .leer-mas a, .ficha-novedades .item .leer-mas a, .textos .item .leer-mas a, .preguntas-pendientes .item .leer-mas a, .como-funciona .item .leer-mas a {
      font-family: wilo_plus_fmitalic;
      color: rgba(0, 156, 130, 0.7);
      text-decoration: none; }
      .novedades .item-listado .leer-mas a:hover, .ficha-novedades .item-listado .leer-mas a:hover, .textos .item-listado .leer-mas a:hover, .preguntas-pendientes .item-listado .leer-mas a:hover, .como-funciona .item-listado .leer-mas a:hover, .ficha-novedades .item .leer-mas a:hover, .textos .item .leer-mas a:hover, .preguntas-pendientes .item .leer-mas a:hover, .como-funciona .item .leer-mas a:hover {
        text-decoration: underline; }
    @media (min-width: 767px) {
      .novedades .item-listado .leer-mas, .ficha-novedades .item-listado .leer-mas, .textos .item-listado .leer-mas, .preguntas-pendientes .item-listado .leer-mas, .como-funciona .item-listado .leer-mas, .ficha-novedades .item .leer-mas, .textos .item .leer-mas, .preguntas-pendientes .item .leer-mas, .como-funciona .item .leer-mas {
        position: absolute !important;
        bottom: 25px;
        right: 35px; } }
  @media (min-width: 767px) {
    .novedades .item-listado, .ficha-novedades .item-listado, .textos .item-listado, .preguntas-pendientes .item-listado, .como-funciona .item-listado, .ficha-novedades .item, .textos .item, .preguntas-pendientes .item, .como-funciona .item {
      max-width: none;
      float: left; } }

.fecha {
  font-size: 14px;
  font-size: 0.875rem;
  color: rgba(80, 80, 80, 0.5); }

.ficha-novedades .item, .textos .item, .preguntas-pendientes .item, .como-funciona .item {
  float: left;
  text-align: left;
  max-width: 100%;
  padding: 25px 10px; }
  .ficha-novedades .item h1, .textos .item h1, .preguntas-pendientes .item h1, .como-funciona .item h1 {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 20px 0 0 0;
    text-align: left;
    line-height: 1.1; }
    @media (min-width: 767px) {
      .ficha-novedades .item h1, .textos .item h1, .preguntas-pendientes .item h1, .como-funciona .item h1 {
        font-size: 36px;
        font-size: 2.25rem; } }
  .ficha-novedades .item .intro, .textos .item .intro, .preguntas-pendientes .item .intro, .como-funciona .item .intro {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: wilo_plus_fmbold; }
  @media (min-width: 767px) {
    .ficha-novedades .item, .textos .item, .preguntas-pendientes .item, .como-funciona .item {
      padding: 30px 15px; } }
@media (min-width: 767px) {
  .ficha-novedades, .textos, .preguntas-pendientes, .como-funciona {
    float: none;
    margin: 0 auto;
    max-width: 960px; } }

/* FIN NOVEDADES */
/* INI JUEGOS */
.seccion-juegos, .seccion-contacto .contacto {
  margin: 20px 0 0 0; }
  .seccion-juegos .item, .seccion-contacto .contacto .item {
    padding-top: 15px;
    background: #fff;
    text-align: center;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    .seccion-juegos .item h3, .seccion-contacto .contacto .item h3 {
      margin: 30px 0 0 0; }
    @media (min-width: 767px) {
      .seccion-juegos .item, .seccion-contacto .contacto .item {
        max-width: none; } }
    .seccion-juegos .item.desactivado a, .seccion-contacto .contacto .item.desactivado a {
      cursor: default; }
      .seccion-juegos .item.desactivado a img, .seccion-contacto .contacto .item.desactivado a img {
        opacity: 0.4;
        filter: alpha(opacity=40);
        outline: none; }
        .seccion-juegos .item.desactivado a img:hover, .seccion-contacto .contacto .item.desactivado a img:hover {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1); }
      .seccion-juegos .item.desactivado a h3, .seccion-contacto .contacto .item.desactivado a h3 {
        opacity: 0.5;
        filter: alpha(opacity=50); }
      .seccion-juegos .item.desactivado a:hover, .seccion-contacto .contacto .item.desactivado a:hover {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
  .seccion-juegos .cta, .seccion-contacto .contacto .cta {
    margin: 20px 0;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    .seccion-juegos .cta a, .seccion-contacto .contacto .cta a {
      width: 100%;
      text-transform: none;
      font-family: wilo_plus_fmbold; }
    @media (min-width: 767px) {
      .seccion-juegos .cta, .seccion-contacto .contacto .cta {
        max-width: none; } }

.container-juegos {
  max-width: 960px !important; }

.face.back {
  display: block;
  z-index: 500;
  -webkit-transform: rotateY(0deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(0deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(0deg);
  -o-box-sizing: border-box;
  transform: rotateY(0deg);
  box-sizing: border-box;
  overflow: hidden; }

.volver-juegos {
  width: 100%;
  text-align: center;
  margin: 45px 0 30px 0; }

/* FIN JUEGOS */
/* INI PERFIL */
.perfil {
  /* ini mi nivel */
  /* fin mi nivel */
  /* ini modificar*/
  /* fin modificar*/
  /* ini mis premios */
  /* fin mis premios */
  /* ini tooltips  */
  /* fin tooltips */ }
  .perfil h1, .perfil h2 {
    text-align: center;
    font-size: 30px;
    font-size: 1.875rem;
    color: #009c82;
    font-family: wilo_plus_fmbold_italic;
    line-height: 1.2;
    margin-bottom: 15px; }
    @media (min-width: 767px) {
      .perfil h1, .perfil h2 {
        text-align: left;
        font-size: 32px;
        font-size: 2rem; } }
  .perfil .mi-nivel {
    width: 100%;
    overflow: auto;
    padding-bottom: 15px; }
    .perfil .mi-nivel .box-mi-nivel {
      padding-top: 50px;
      min-width: 768px; }
    .perfil .mi-nivel .barra-nivel {
      position: relative;
      width: 100%;
      height: 14px;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      background-clip: padding-box;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f54100+0,aac800+32,005acd+67,009c82+100 */
      background: #f54100;
      /* Old browsers */
      background: -moz-linear-gradient(left, #f54100 0%, #aac800 32%, #005acd 67%, #009c82 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #f54100 0%, #aac800 32%, #005acd 67%, #009c82 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #f54100 0%, #aac800 32%, #005acd 67%, #009c82 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54100', endColorstr='#009c82',GradientType=1 );
      /* IE6-9 */ }
      .perfil .mi-nivel .barra-nivel .marca-nivel {
        position: absolute;
        top: -8px;
        width: 30px;
        height: 30px;
        background: #fff;
        border: 1px solid #cccccc;
        border-radius: 100%;
        overflow: visible; }
        .perfil .mi-nivel .barra-nivel .marca-nivel .puntos-nivel {
          position: absolute;
          top: -30px;
          left: -26px;
          text-align: center;
          display: inline-block;
          width: 150px;
          font-size: 20px;
          font-size: 1.25rem; }
    .perfil .mi-nivel .nivel {
      padding-top: 20px;
      padding-bottom: 10px;
      text-align: center; }
      .perfil .mi-nivel .nivel strong {
        display: inline-block;
        width: 100%;
        font-size: 20px;
        font-size: 1.25rem; }
      .perfil .mi-nivel .nivel span {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        font-size: 1rem;
        color: #666; }
      .perfil .mi-nivel .nivel.nivel-1 strong {
        color: #f54100; }
      .perfil .mi-nivel .nivel.nivel-2 strong {
        color: #aac800; }
      .perfil .mi-nivel .nivel.nivel-3 strong {
        color: #005acd; }
      .perfil .mi-nivel .nivel.nivel-4 strong {
        color: #009c82; }
      .perfil .mi-nivel .nivel img {
        max-width: 70px; }
  .perfil .avatar-perfil {
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    text-align: center; }
    .perfil .avatar-perfil img {
      border-radius: 100%;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat no-repeat; }
    .perfil .avatar-perfil .editar-imagen-perfil {
      position: absolute;
      bottom: 25px;
      right: 35px;
      width: 40px;
      height: 40px; }
  .perfil .disclaimer-perfil {
    font-size: 14px;
    font-size: 0.875rem; }
  .perfil .eliminar-imagen-perfil {
    margin: 5px 0 15px 0; }
    .perfil .eliminar-imagen-perfil:hover {
      color: #009c82;
      text-decoration: underline; }
    .perfil .eliminar-imagen-perfil:active, .perfil .eliminar-imagen-perfil:focus {
      box-shadow: none; }
  .perfil .sello {
    display: inline-block;
    margin: 30px auto; }
  .perfil .progreso-perfil {
    padding-top: 15px;
    text-align: center;
    margin-bottom: 15px; }
    .perfil .progreso-perfil .barra-progreso-perfil {
      position: relative;
      width: 100%;
      height: 14px;
      background: #cccccc;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      background-clip: padding-box; }
      .perfil .progreso-perfil .barra-progreso-perfil .completado-progreso-perfil {
        background: #009c82;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        background-clip: padding-box;
        height: 14px; }
    .perfil .progreso-perfil p {
      margin-top: 20px;
      font-size: 18px;
      font-size: 1.125rem; }
    .perfil .progreso-perfil strong {
      font-family: wilo_plus_fmbold_italic;
      color: #009c82; }
    @media (min-width: 767px) {
      .perfil .progreso-perfil {
        text-align: left; } }
  .perfil .modificar-datos {
    margin-bottom: 20px;
    text-align: center; }
    .perfil .modificar-datos .form-group {
      text-align: left; }
    .perfil .modificar-datos .modificar-password {
      display: inline-block;
      margin-top: 15px;
      margin-bottom: 30px; }
    .perfil .modificar-datos .btn-primary {
      margin-top: 5px;
      display: inline-block; }
    .perfil .modificar-datos .btn-baja {
      color: #cccccc;
      font-size: 14px;
      font-size: 0.875rem;
      display: inline-block;
      margin: 20px 0; }
    @media (min-width: 767px) {
      .perfil .modificar-datos {
        text-align: left; } }
  .perfil .mis-premios .box-mis-premios {
    width: 100%;
    overflow: auto; }
  .perfil .mis-premios table {
    width: 100%;
    min-width: 900px;
    margin-top: 40px;
    margin-bottom: 40px; }
    .perfil .mis-premios table th {
      text-align: center;
      color: #cccccc;
      font-size: 16px;
      font-size: 1rem;
      padding: 10px; }
    .perfil .mis-premios table td {
      text-align: center;
      vertical-align: middle; }
    .perfil .mis-premios table .img-premio img {
      max-width: 100%;
      width: auto;
      height: 65px;
      margin: 3px 0; }
    .perfil .mis-premios table .fecha-premio {
      font-size: 18px;
      font-size: 1.125rem; }
    .perfil .mis-premios table .nombre-premio {
      color: #009c82;
      font-family: wilo_plus_fmbold_italic;
      font-size: 18px;
      font-size: 1.125rem; }
    .perfil .mis-premios table .estado-premio {
      position: relative;
      font-size: 18px;
      font-size: 1.125rem; }
      .perfil .mis-premios table .estado-premio span {
        display: inline-block;
        vertical-align: middle; }
    .perfil .mis-premios table .info-premio {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
    @media (min-width: 767px) {
      .perfil .mis-premios table {
        min-width: inherit; } }
  .perfil a.tooltips {
    position: relative;
    display: inline; }
  .perfil a.tooltips span {
    position: absolute;
    display: inline-block;
    padding: 10px;
    width: 200px;
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    background: #e2e2e2;
    line-height: 1.2;
    text-align: center;
    visibility: hidden;
    border-radius: 6px; }
  .perfil a.tooltips span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 85%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #e2e2e2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; }
  .perfil a:hover.tooltips span {
    visibility: visible;
    opacity: 1;
    bottom: 35px;
    left: 50%;
    margin-left: -162px;
    z-index: 999; }

/* FIN PERFIL */
/* INI PREMIOS */
.seccion-premios, .seccion-ganadores {
  margin: 20px 0 0 0; }
  .seccion-premios .item, .seccion-ganadores .item {
    background: #fff;
    text-align: center;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    .seccion-premios .item.desactivado, .seccion-ganadores .item.desactivado {
      cursor: default; }
      .seccion-premios .item.desactivado img, .seccion-ganadores .item.desactivado img {
        opacity: 0.4;
        filter: alpha(opacity=40); }
        .seccion-premios .item.desactivado img:hover, .seccion-ganadores .item.desactivado img:hover {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1); }
      .seccion-premios .item.desactivado h3, .seccion-ganadores .item.desactivado h3 {
        opacity: 0.5;
        filter: alpha(opacity=50); }
      .seccion-premios .item.desactivado:hover, .seccion-ganadores .item.desactivado:hover {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      .seccion-premios .item.desactivado .descripcion, .seccion-ganadores .item.desactivado .descripcion {
        opacity: 0.5;
        filter: alpha(opacity=50); }
    .seccion-premios .item a, .seccion-ganadores .item a {
      margin: 0; }
      @media (min-width: 767px) {
        .seccion-premios .item a, .seccion-ganadores .item a {
          margin: 0; } }
    .seccion-premios .item h3, .seccion-ganadores .item h3 {
      margin: 0;
      padding: 0 20px;
      position: relative;
      height: 70px;
      overflow: hidden;
      text-transform: none;
      color: #fff;
      font-family: wilo_plus_fmbold_italic;
      -webkit-border-top-right-radius: 12px;
      border-top-right-radius: 12px;
      -webkit-border-top-left-radius: 12px;
      border-top-left-radius: 12px;
      background-clip: padding-box;
      background: rgba(0, 156, 130, 0.5); }
      .seccion-premios .item h3 span, .seccion-ganadores .item h3 span {
        display: inline-block;
        width: 100%;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .seccion-premios .item .imagen-premio, .seccion-ganadores .item .imagen-premio {
      overflow: hidden; }
      .seccion-premios .item .imagen-premio img, .seccion-ganadores .item .imagen-premio img {
        max-width: 80%;
        display: block;
        margin: 0 auto; }
    .seccion-premios .item .descripcion, .seccion-ganadores .item .descripcion {
      color: #fff;
      background: #009c82;
      -webkit-border-bottom-right-radius: 12px;
      border-bottom-right-radius: 12px;
      -webkit-border-bottom-left-radius: 12px;
      border-bottom-left-radius: 12px;
      background-clip: padding-box;
      padding: 15px;
      margin: 0;
      text-align: left; }
      @media (min-width: 767px) {
        .seccion-premios .item .descripcion, .seccion-ganadores .item .descripcion {
          min-height: 150px; } }
      @media (min-width: 1200px) {
        .seccion-premios .item .descripcion, .seccion-ganadores .item .descripcion {
          min-height: 130px; } }
    @media (min-width: 767px) {
      .seccion-premios .item, .seccion-ganadores .item {
        max-width: none; } }
  .seccion-premios .cta, .seccion-ganadores .cta {
    width: 100%;
    max-width: 400px;
    min-height: 65px;
    margin: 0 auto 50px auto;
    font-family: wilo_plus_fmbold; }
    .seccion-premios .cta a, .seccion-ganadores .cta a {
      width: 100%;
      margin: 0;
      text-transform: none;
      font-size: 18px;
      font-size: 1.125rem;
      white-space: normal;
      line-height: 1.2;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media (min-width: 767px) {
        .seccion-premios .cta a, .seccion-ganadores .cta a {
          white-space: normal; } }

/* FIN PREMIOS */
/* INI GANADORES */
.seccion-ganadores .item {
  padding-bottom: 15px;
  max-width: 600px; }
  .seccion-ganadores .item .imagen-premio {
    margin-top: 15px;
    overflow: hidden; }
    .seccion-ganadores .item .imagen-premio img {
      max-width: 250px;
      display: block;
      margin: 0 auto;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      background-clip: padding-box; }
      @media (min-width: 767px) {
        .seccion-ganadores .item .imagen-premio img {
          max-width: 280px; } }
  .seccion-ganadores .item .nombre-premio {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #009c82;
    margin-top: 15px;
    margin-bottom: 15px; }
  .seccion-ganadores .item .descripcion {
    font-size: 16px;
    font-size: 1rem;
    color: #666;
    background: transparent; }
    .seccion-ganadores .item .descripcion ul li {
      display: inline-block;
      width: 100%;
      margin: 3px 0;
      line-height: 1.1; }
  @media (min-width: 767px) {
    .seccion-ganadores .item {
      max-width: 600px; } }

/* FIN GANADORES */
/* INI TEXTOS */
.textos .item h2 {
  margin-top: 0;
  margin-bottom: 30px;
  color: #666; }
.textos h3 {
  color: #009c82;
  font-size: 18px;
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: top;
  font-family: wilo_plus_fmbold;
  max-width: 90%;
  text-align: left;
  margin-bottom: 10px; }
.textos p {
  font-family: wilo_plus_fmregular;
  color: #666;
  font-size: 16px;
  font-size: 1rem; }
  .textos p.intro-legal {
    font-family: wilo_plus_fmitalic;
    padding-top: 20px; }
.textos ul {
  list-style-type: none; }
  .textos ul li {
    width: 100%;
    color: #009c82;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    list-style-type: none;
    list-style-position: inside;
    font-family: wilo_plus_fmbold;
    font-size: 18px;
    font-size: 1.125rem; }
.textos ol {
  list-style-type: decimal;
  list-style-position: inside; }
  .textos ol li {
    color: #009c82;
    padding-top: 15px;
    list-style-type: decimal;
    list-style-position: inside;
    font-family: wilo_plus_fmbold;
    font-size: 18px;
    font-size: 1.125rem; }
.textos.gracias h1 {
  text-align: center;
  margin-bottom: 20px; }
.textos.about .imagen {
  margin-top: 30px;
  margin-bottom: 30px; }
@media (min-width: 767px) {
  .textos.about {
    margin-bottom: 50px; } }
@media (min-width: 992px) {
  .textos.about {
    margin-bottom: 100px; } }
.textos .tabla-legal {
  width: 100%;
  color: #666;
  font-family: wilo_plus_fmregular;
  font-size: 16px;
  font-size: 1rem;
  margin: 30px 0;
  overflow: auto; }
  .textos .tabla-legal table {
    width: 100%;
    border-collapse: collapse; }
  .textos .tabla-legal th {
    border: 1px solid #009c82;
    font-family: wilo_plus_fmbold;
    color: #fff;
    background: #009c82;
    text-align: center;
    vertical-align: middle; }
  .textos .tabla-legal td {
    border: 1px solid #cccccc;
    text-align: center;
    padding: 4px 2px; }
.textos .links-legal {
  margin: 15px 0; }
  .textos .links-legal a {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (min-width: 767px) {
      .textos .links-legal a {
        width: auto; } }

/* FIN TEXTOS

/* INI CONTACTO */
.seccion-contacto .item {
  margin-bottom: 30px; }
  .seccion-contacto .item img {
    max-width: 120px; }
  .seccion-contacto .item h3 {
    margin-top: 0px; }
    @media (min-width: 767px) {
      .seccion-contacto .item h3 {
        margin-bottom: 30px; } }
@media (min-width: 767px) {
  .seccion-contacto h1 {
    margin-bottom: 30px; } }
.seccion-contacto .contacto .item {
  padding-top: 30px; }
  .seccion-contacto .contacto .item h3 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: 10px; }
    @media (min-width: 767px) {
      .seccion-contacto .contacto .item h3 {
        margin-top: 25px; } }
  .seccion-contacto .contacto .item p {
    color: #666;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    .seccion-contacto .contacto .item p a {
      color: #666;
      margin: 0;
      text-decoration: underline; }
      .seccion-contacto .contacto .item p a:hover {
        color: #666;
        text-decoration: underline; }
    @media (min-width: 767px) {
      .seccion-contacto .contacto .item p {
        font-size: 18px;
        font-size: 1.125rem;
        min-height: 70px; } }
    .seccion-contacto .contacto .item p span {
      font-size: 13px;
      font-size: 0.8125rem; }
  @media (min-width: 992px) {
    .seccion-contacto .contacto .item img {
      max-width: 130px; } }
  @media (min-width: 1200px) {
    .seccion-contacto .contacto .item {
      /*min-height:420px;*/ } }

/* FIN CONTACTO */
/* INI PREGUNTAS PENDIENTES */
.preguntas-pendientes .test {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px; }
  .preguntas-pendientes .test strong {
    display: inline-block;
    width: 100%;
    text-align: center; }
  .preguntas-pendientes .test ul {
    min-width: inherit;
    margin-bottom: 0px; }
    .preguntas-pendientes .test ul li {
      max-width: 450px; }
.preguntas-pendientes .btn {
  margin-top: 10px;
  margin-bottom: 15px; }
.preguntas-pendientes .item {
  margin-bottom: 25px; }

/* FIN PREGUNTAS PENDIENTES */
/* INI CÓMO FUNCIONA */
.como-funciona p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #666; }
.como-funciona ul {
  list-style: disc;
  list-style-position: inside;
  margin: 20px 0 25px 0;
  padding-left: 4%; }
  .como-funciona ul li {
    list-style: disc;
    list-style-position: inside;
    padding: 3px 0;
    color: #009c82; }
    .como-funciona ul li p {
      display: inline-block;
      vertical-align: top;
      max-width: 85%;
      line-height: 1.2; }
      .como-funciona ul li p a {
        text-decoration: none;
        font-family: wilo_plus_fmbold;
        color: #666; }
        .como-funciona ul li p a:hover {
          color: #009c82; }
.como-funciona .item h1 {
  margin-bottom: 15px; }
@media (min-width: 767px) {
  .como-funciona .item {
    padding: 30px; } }

/* FIN CÓMO FUNCIONA */
/* INI LAYER COOKIES */
.layer-cookies {
  display: none;
  position: fixed;
  width: 90%;
  max-width: 380px;
  bottom: 30px;
  left: 5%;
  z-index: 10000;
  background: #fff;
  padding: 0px 30px 30px 30px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34); }
  .layer-cookies div {
    width: 100%;
    position: relative;
    padding-top: 40px; }
    .layer-cookies div p {
      font-size: 13px;
      font-size: 0.8125rem;
      margin: 0; }
      @media (min-width: 767px) {
        .layer-cookies div p {
          font-size: 16px;
          font-size: 1rem; } }
    .layer-cookies div .btn-primary {
      font-size: 11px;
      font-size: 0.6875rem;
      margin: 0;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 767px) {
        .layer-cookies div .btn-primary {
          font-size: 14px;
          font-size: 0.875rem; } }
  .layer-cookies .close-layer-cookies {
    position: absolute;
    top: 10px;
    right: -20px; }
    .layer-cookies .close-layer-cookies img {
      width: 28px;
      height: 28px; }

/* FIN LAYER COOKIES */
/* INI USOS MIXINS*/
/* MEDIA QUERIES */
/* @include respond-to(small) { ... }/

/* CALCULA REM */
/* @include font-size(14px); */
/* CLEARFIX*/
/* @include clearfix(); */
/* BOX SIZING */
/* @include box-sizing(border-box); */
/* CENTERER */
/* con parent en position relative añadir a elemento child @include centerer; */
/* BORDER RADIUS */
/* @include border-radius(5px); */
/* @include border-top-radius(10px); */
/* OPACITY */
/* @include opacity(0.8); */
/* CENTER BLOCK */
/* @include center-block; */
/* TEXT OVERFLOW */
/* @include text-truncate; */
/* BACKGROUND IMAGE */
/* @include bgimage('../img/generic/flechatop.png',no-repeat,100%); */
/* TRANSITION */
/* @include transition(color .3s ease); */
/* TRANSFORM */
/* @include skew(25,10);
@include transform-origin(top left);*/
/* PLACEHOLDER */
/* @include input-placeholder {color: $grey;}*/
/* WORD WRAPPING */
/* @include mixin word-wrap; */
/* BACKGROUND COVER */
/* @include bg-cover('../path/to/image.jpg', no-repeat 100%); */
/* LINKS */
/* @include linx (blue, green, red, orange); */
/* TRANSPARENTIZE */
/* transparentize($primary-color, .3);*/
/*FIN USOS MIXINS */
/* INI POP UP */
.box-popup {
  position: fixed;
  display: inherit;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 12000;
  background-color: #009c82;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out; }
  .box-popup .cerrar {
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 2; }
  @media (min-width: 767px) {
    .box-popup {
      background: rgba(0, 0, 0, 0.7); } }

.contenido-popup {
  position: relative;
  width: 100%;
  padding: 30px;
  text-align: center;
  color: #fff;
  background-color: #009c82;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box; }
  .contenido-popup h2 {
    color: #fff;
    line-height: 1.1; }
    @media (min-width: 767px) {
      .contenido-popup h2 {
        margin: 0 auto 30px auto; } }
  .contenido-popup h3 {
    font-family: wilo_plus_fmregular;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 767px) {
      .contenido-popup h3 {
        margin: 0 auto 10px auto; } }
  @media (min-width: 767px) {
    .contenido-popup p {
      margin: 0 auto 20px auto; } }
  .contenido-popup p.xl {
    font-size: 22px;
    font-size: 1.375rem; }
  @media (min-width: 767px) {
    .contenido-popup {
      max-width: 600px;
      margin: 10% auto 0 auto; } }
  .contenido-popup.recordar-password {
    padding: 30px 50px; }
    .contenido-popup.recordar-password ul {
      max-width: 400px;
      margin: 0 auto; }
  .contenido-popup.launch img {
    margin-bottom: 15px; }
    @media (min-width: 767px) {
      .contenido-popup.launch img {
        margin-bottom: 10px; } }
  .contenido-popup.launch h2 {
    max-width: 330px;
    margin: 0 auto 15px auto;
    font-size: 24px;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.1; }
    .contenido-popup.launch h2 strong {
      font-size: 40px;
      font-size: 2.5rem; }
      @media (min-width: 767px) {
        .contenido-popup.launch h2 strong {
          font-size: 58px;
          font-size: 3.625rem; } }
    @media (min-width: 767px) {
      .contenido-popup.launch h2 {
        font-size: 30px;
        font-size: 1.875rem;
        margin: 0 auto 25px auto; } }
  .contenido-popup.launch p {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 20px; }
    .contenido-popup.launch p.xl {
      font-size: 24px;
      font-size: 1.5rem; }
    @media (min-width: 767px) {
      .contenido-popup.launch p {
        font-size: 20px;
        font-size: 1.25rem; } }
  .contenido-popup.launch .btn-primary {
    color: #009c82 !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    font-size: 20px;
    font-size: 1.25rem; }
    .contenido-popup.launch .btn-primary:hover, .contenido-popup.launch .btn-primary:active, .contenido-popup.launch .btn-primary:focus {
      color: #009c82 !important;
      background: #fff !important;
      border: 1px solid #fff !important; }
    @media (min-width: 767px) {
      .contenido-popup.launch .btn-primary {
        font-size: 24px;
        font-size: 1.5rem; } }

#launch_popup {
  display: none; }

/* FIN POP UP */
/* INI SWEET ALERT */
.sweet-alert {
  font-family: wilo_plus_fmregular; }

.sweet-alert h2 {
  font-family: wilo_plus_fmbold_italic;
  color: #009c82 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.sweet-alert p {
  font-family: wilo_plus_fmregular;
  color: #666; }

.sweet-alert button {
  font-family: wilo_plus_fmbold;
  background-color: #ffb450 !important;
  color: #000 !important;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box; }

.sweet-alert button.cancel {
  color: #009c82 !important; }

.sweet-alert input {
  font-family: wilo_plus_fmregular;
  background: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box; }

.sweet-alert .sa-icon {
  display: none !important; }

/* FIN SWEET ALERT */
/* INI CUSTOM FILE INPUT */
.formUploader {
  position: relative; }

input.file {
  width: 160px;
  height: 40px;
  border: 1px solid #1d2172;
  color: #888;
  padding: 5px;
  margin: 0;
  outline: none; }

.custom_file_upload {
  position: absolute;
  width: 100%;
  bottom: 75px;
  right: 15px;
  z-index: 10; }

input.file {
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666;
  width: 100%; }

.file_upload {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  margin: 9px 6px 6px 6px;
  text-align: center;
  top: 6px;
  right: 0px;
  z-index: 10; }

.file_upload:before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  background-image: url(../img/generic/icon-editar-imagen.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 35px; }

.file_upload input {
  position: relative;
  height: 40px;
  width: 40px;
  display: inline;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer; }

::-webkit-file-upload-button {
  cursor: pointer; }

/* FIN CUSTOM FILE INPUT */

/*# sourceMappingURL=styles.css.map */