.page-header {
  color: #ffffff !important;
}

.alturacero {
  height: 0;
}

.textWhiteRed {
  text-align: center;
  position: relative;
  bottom: 160px;
  margin: auto;
  background: #D0021B;
  padding: 0px 40px;
  color: #fff !important;
  text-decoration: none !important;
  display: block;
  width: fit-content;
  height: 40px;
  font-size: 12px;
  line-height: 40px;
  font-weight: bold;
}

.alturacero.imagen .textWhiteRed {
  position: absolute;
  right: 0;
  left: 0;
}

.menu--main,
.menudeusuario,
.comprarheader,
.views-block--slider-teatros-block-1,
.footerlinks,
#block-socialmedialinks,
.mapa-ac {
  display: none;
}

#block-copyrightaccesibilidadymapa {
  padding: 16px 14% !important;
}
.page-node-type-directo #pie {
  margin-top: 0px !important;
}
.bs-region--main {
  background: #262626;
}
.page-node-type-directo #pie .field--name-field-directo-teatro .field--item {
  background: #4A4A4A;
}
.popuploginregistro {
  display: none;
  position: absolute;
  background: #333333;
  z-index: 9999999999;
  top: 30px;
  left: -2%;
  width: 104%;
  margin: auto !important;
  padding: 40px 20px;
}
.popupavisos {
  position: absolute;
  background: #333333;
  z-index: 9999999999;
  top: 30px;
  left: -2%;
  width: 104%;
  margin: auto !important;
  padding: 40px 20px;
}
.popuploginregistro .closepopup,
.popupavisos .closeavisos {
  position: absolute;
  width: fit-content;
  font-size: 50px;
  margin: 0 20px;
  right: 0px;
  top: 0px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  z-index: 9;
}
.popupavisos .textoaviso {
  margin: 40px 0;
}
.popuploginregistro .titlepopup {
  text-align: center;
  font-weight: bold;
  padding: 40px 0 30px 0;
  margin-top: 0;
}
.popuploginregistro .menuform {
  display: none
}
.popuploginregistro .formulario {
  padding: 20px 40px;
}
.popuploginregistro .formulario.primero {
  border-right: 2px solid #4c4c4c;
}
.popuploginregistro .formulario .popuptitle,
.popupavisos .popuptitle {
  text-align: center;
  margin-top: 0;
}
.popuploginregistro .formulario .popuptexto {
  text-align: left;
  font-size: 20px;
  padding: 10px 0 20px 0;
}
.popuploginregistro .formulario .adquirir {
  text-align: center;
  background: #D0021B;
  padding: 0px 20px;
  color: #fff !important;
  text-decoration: none !important;
  display: block;
  font-size: 12px;
  line-height: 40px;
  font-weight: bold;
  TEXT-TRANSFORM: uppercase;
  border: none;
  margin-top: 30px;
}
.popuploginregistro .formulario .btn-primary,
.popupavisos .btn-primary {
  text-align: center;
  background: #D0021B;
  padding: 0px 20px !important;
  color: #fff !important;
  text-decoration: none !important;
  display: block !important;
  font-size: 12px !important;
  line-height: 40px !important;
  font-weight: bold;
  TEXT-TRANSFORM: uppercase !important;
  border: none;
  margin-top: 30px;
  height: auto !important;
  border-radius: 4px !important;
}
.popuploginregistro .formulario .btn-primary span,
.popupavisos .btn-primary span {
  display: none;
}
.popuploginregistro .formulario .request-password-link,
.popupavisos .request-password-link {
  color: #ffffff;
  text-decoration: underline;
}
.popuploginregistro .avisopopup {
  padding: 0 10% 0 15%;
  margin-top: 60px;
  font-size: 20px;
  margin-bottom: 30px;
}
.popuploginregistro .avisopopup .underline {
  text-decoration: underline;
}
.popuploginregistro .avisopopup i {
  float: left;
  font-size: 40px;
  padding: 20px;
  color: #D0021B;
}


.page-node-type-directo #pie .field--name-field-directo-extra {
  border: none !important;
  background: #D0021B;
  color: #ffffff;
}
.page-node-type-directo #pie .field--name-field-directo-extra a {
  text-decoration: none;
  color: #ffffff;
  display: block;
}
.volver a {
  text-decoration: none !important;
  color: #ffffff !important;
  padding: 10px 40px;
  border: 1px solid #fff;
}

form.directo-independiente-form .promotional-code .panel-body {
  display: flex;
  align-items: flex-end;
}

form.directo-independiente-form .form-item-vale {
  margin-bottom: 0;
}

form.directo-independiente-form .form-item-vale input {
  max-width: 300px;
  border-radius: 0;
  font-weight: bold;
  color: #1D1D1D;
}
form.directo-independiente-form .btn_vales {
  background: #3c3c3c;
  padding: 6px 30px;
  margin-left: 20px;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
}

form.directo-independiente-form .actions .panel-body {
  display: flex;
}

form.directo-independiente-form .actions .panel-body .button {
  text-decoration: none !important;
  color: #ffffff !important;
  padding: 10px 40px;
  border: 1px solid #fff;
}

form.directo-independiente-form .actions .panel-body .btn_continue {
  background-color: #bc1a2c;
  border: 0;
  border-radius: 0;
  margin-left: auto;
}

form.directo-independiente-form .button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0 0);
}


/*
     RESPONSIVE
 */
@media (max-width: 1250px) {
  .popuploginregistro,
  .popupavisos {
    left: 0;
    right: 0;
    width: 90%;
  }
}

@media (max-width: 1000px) {
  .paycomet_purchase_newuser {
    height: 950px !important;
  }
  .textWhiteRed {
    width: fit-content;
  }
  .popuploginregistro .closepopup, .popupavisos .closeavisos {
    font-size: 30px;
    margin: 0 10px;
  }
  .popupavisos .textoaviso {
    margin: 20px 0;
  }
  .popuploginregistro .titlepopup {
    padding: 20px 0 30px 0;
  }
  .popuploginregistro .menuform {
    display: block;
    z-indez:  9;
  }
  .popuploginregistro .menuform a {
    color: #ffffff;
    text-decoration: none;
  }
  .popuploginregistro .menuform a div.active {
    background: #D0021B;
  }
  .popuploginregistro .menuform .menureg,
  .popuploginregistro .menuform .menulog {
    width: 50%;
    float: left;
    text-align: center;
    padding: 20px 10px;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid white;
  }

  .popuploginregistro .formulario {
    width: 100%;
  }
  .popuploginregistro .formulario.primero {
    border-right: none;
  }
  .popuploginregistro .formulario.segundo {
    display: none;
  }
  .popuploginregistro .formulario .popuptitle {
    display: none;
  }
  .popuploginregistro .avisopopup {
    padding: 10px 0;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 90%;
    margin: auto;
  }
  .popuploginregistro .avisopopup i {
    width: 100%;
    text-align: center;
  }

}

@media (max-width: 600px) {
  .textWhiteRed {
    bottom: 100px;
  }
  .popuploginregistro .menuform .menureg,
  .popuploginregistro .menuform .menulog {
    padding: 10px 0;
    font-size: 16px;
  }
  .popuploginregistro .formulario .popuptexto {
    font-size: 16px;
    padding: 0px 0 20px 0;
  }
  .avisopopup div{
    font-size: 16px;
  }
}