/* Colores */
/* BOTONES */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
.btn {
  transition: all 0.15s ease-in-out; }
  .btn:disabled:hover {
    background-color: #CCCCCC; }
  .btn.icono-derecha i {
    margin-left: 4px; }
  .btn.icono-izquierda i {
    margin-right: 4px; }
  .btn.icono-animado i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .btn.icono-animado:hover.icono-derecha i {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  .btn.icono-animado:hover.icono-izquierda i {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }

.btn-verde {
  background-color: #76BF41;
  border: none;
  border-radius: 4;
  padding: 10px 20px;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400; }
  .btn-verde:hover, .btn-verde:focus, .btn-verde:active, .btn-verde:active:focus {
    background-color: #297D0F;
    color: #FFFFFF;
    outline: none; }
  .btn-verde[disabled] {
    background-color: #CCCCCC; }

.btn-amarillo {
  background-color: #FFB900;
  border: none;
  border-radius: 4;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 200; }
  .btn-amarillo:hover, .btn-amarillo:focus, .btn-amarillo:active, .btn-amarillo:active:focus {
    background-color: #DC8B12;
    color: #FFFFFF;
    outline: none; }
  .btn-amarillo[disabled] {
    background-color: #CCCCCC; }

.btn-naranja {
  background-color: #FF4131;
  border: none;
  border-radius: 4;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400; }
  .btn-naranja:hover, .btn-naranja:focus, .btn-naranja:active, .btn-naranja:active:focus {
    background-color: #C73B11;
    color: #FFFFFF;
    outline: none; }
  .btn-naranja[disabled] {
    background-color: #CCCCCC; }

.btn-rojo {
  background-color: #C52018;
  border: none;
  border-radius: 4;
  padding: 10px 20px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400; }
  .btn-rojo:hover, .btn-rojo:focus, .btn-rojo:active, .btn-rojo:active:focus {
    background-color: #C32C38;
    color: #FFFFFF;
    outline: none; }
  .btn-rojo[disabled] {
    background-color: #CCCCCC; }

.btn-transparente {
  background-color: transparent;
  border: solid #FFFFFF 1px;
  border-radius: 4;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 200; }
  .btn-transparente:hover, .btn-transparente:focus, .btn-transparente:active, .btn-transparente:active:focus {
    background-color: transparent;
    border: solid #FFFFFF 1px;
    color: #FFFFFF;
    outline: none; }
  .btn-transparente[disabled] {
    background-color: #CCCCCC; }

.btn-neutro {
  border: none;
  border-radius: 4;
  font-size: 12px;
  font-weight: 400; }

.btn-neutro-transparente {
  border-radius: 4;
  font-size: 16px;
  font-weight: 200; }

.btn-finalizado {
  cursor: default; }

.btn-tarjeta-naranja {
  background-color: #FFFFFF;
  border: #ff6600 solid 2px;
  border-radius: 4;
  color: #ff6600;
  font-size: 18px;
  font-weight: 200; }
  .btn-tarjeta-naranja .logo-naranja {
    max-height: 22px; }
  .btn-tarjeta-naranja:hover, .btn-tarjeta-naranja:focus, .btn-tarjeta-naranja:active, .btn-tarjeta-naranja:active:focus {
    background-color: #FFFFFF;
    color: #ff3c00;
    border-color: #ff3c00;
    outline: none; }
  .btn-tarjeta-naranja[disabled], .btn-tarjeta-naranja[disabled]:hover {
    background-color: #CCCCCC;
    color: #FFFFFF;
    border-color: #CCCCCC; }

/* TEXTO COLORES */
.naranja {
  color: #FF4131; }

/*---- FORMULARIOS -----*/
.form-control {
  border: 1px solid #CCCCCC;
  border-radius: 4;
  color: #666666;
  height: 45px;
  font-size: 15px;
  font-weight: normal; }
  .form-control:focus {
    border-color: #CCCCCC;
    box-shadow: none; }

/* ALERTS */
.alert-alpogo {
  background-color: #E64111;
  border: none;
  border-radius: 0;
  color: #FFFFFF; }
  .alert-alpogo a {
    color: #FFFFFF; }
    .alert-alpogo a:hover {
      color: #FFFFFF; }
  .alert-alpogo .icono {
    color: #FF4131;
    font-size: 28px; }
  .alert-alpogo .titulo {
    font-size: 20px;
    font-weight: bold; }
  .alert-alpogo .close {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: lighter;
    opacity: 1; }

.notificacion-alpogo {
  background-color: rgba(230, 65, 16, 0.95);
  border: none;
  border-radius: 0;
  color: #FFFFFF;
  width: 100%; }
  .notificacion-alpogo a {
    color: #FFFFFF; }
    .notificacion-alpogo a:hover {
      color: #FFFFFF; }
  .notificacion-alpogo .icono {
    color: #FF4131;
    font-size: 28px; }
  .notificacion-alpogo .titulo {
    font-size: 20px;
    font-weight: bold; }
  .notificacion-alpogo .close {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: lighter;
    opacity: 1; }
  .notificacion-alpogo .container-padding {
    padding-left: 65px !important;
    padding-right: 30px !important;
    position: relative; }
  .notificacion-alpogo .mail-verify {
    font-size: 20px;
    position: relative; }

.alto-total {
  height: 100%; }

/*
 * Positioning
 * --------------------------------------------------
 */
.fixed {
  position: fixed;
  z-index: 99; }
  .fixed.top {
    top: 0; }
  .fixed.right {
    right: 0; }
  .fixed.bottom {
    bottom: 0; }
  .fixed.left {
    left: 0; }

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/*
 * Alineados
 * --------------------------------------------------
 */
.alignLeft {
  text-align: left; }

.alignRight {
  text-align: right; }

.justificado {
  text-align: justify; }

/*
 * Margenes
 * --------------------------------------------------
 */
.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-left-15 {
  margin-left: 15px; }

.margin-right-15 {
  margin-right: 15px; }

.margin-top-20 {
  margin-top: 20px; }

/*
 * Buscador
 * --------------------------------------------------
 */
.easy-autocomplete-container {
  z-index: 11; }
  .easy-autocomplete-container input {
    min-width: 350px; }
  .easy-autocomplete-container a {
    color: #666; }
  .easy-autocomplete-container ul {
    background-color: #000000;
    border: solid #333333 1px;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    margin: 10px 0 0 -45px;
    overflow: auto;
    padding: 10px;
    text-align: left;
    width: 375px; }
    .easy-autocomplete-container ul a {
      color: #FFFFFF; }
    .easy-autocomplete-container ul li,
    .easy-autocomplete-container ul .eac-category {
      border: none;
      font-size: 16px;
      padding: 6px 10px;
      transition: all 0.4s ease 0s; }
      .easy-autocomplete-container ul li.selected,
      .easy-autocomplete-container ul .eac-category.selected {
        background: #1A1A1A; }
      .easy-autocomplete-container ul li b,
      .easy-autocomplete-container ul .eac-category b {
        font-weight: normal;
        color: #FF4131; }
      .easy-autocomplete-container ul li div.evento-resultado .imagen,
      .easy-autocomplete-container ul .eac-category div.evento-resultado .imagen {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        width: 65px; }
        .easy-autocomplete-container ul li div.evento-resultado .imagen img,
        .easy-autocomplete-container ul .eac-category div.evento-resultado .imagen img {
          height: auto;
          max-width: 100%; }
      .easy-autocomplete-container ul li div.evento-resultado .info,
      .easy-autocomplete-container ul .eac-category div.evento-resultado .info {
        display: inline-block;
        margin-right: 0;
        vertical-align: middle;
        width: 258px; }
        .easy-autocomplete-container ul li div.evento-resultado .info .lugar,
        .easy-autocomplete-container ul li div.evento-resultado .info .fecha,
        .easy-autocomplete-container ul .eac-category div.evento-resultado .info .lugar,
        .easy-autocomplete-container ul .eac-category div.evento-resultado .info .fecha {
          color: #666;
          font-size: 14px; }

/* FOOTER */
footer {
  background-color: #000000;
  color: #CCCCCC;
  font-size: 13px;
  width: 100%;
  margin-top: 20px;
  min-height: 100px;
  padding-top: 40px; }
  footer a {
    color: #CCCCCC; }
    footer a:hover {
      color: #CCCCCC;
      text-decoration: none; }
  footer #footer-sup {
    padding-bottom: 30px; }
    footer #footer-sup .logo-pie img {
      max-height: 35px;
      max-width: auto; }
    footer #footer-sup .menu-footer ul {
      margin: 0;
      padding: 0; }
      footer #footer-sup .menu-footer ul li {
        list-style: none;
        margin: 0 0 3px 0;
        padding: 0; }
    footer #footer-sup .rrss a {
      border: solid #525252 2px;
      border-radius: 5px;
      display: inline-block;
      font-size: 20px;
      margin: 0 3px;
      padding: 10px;
      text-align: center;
      transition-property: background-color,box-shadow,border,color,opacity,transform;
      transition-duration: 0.3s;
      width: 2.5em; }
      footer #footer-sup .rrss a:active, footer #footer-sup .rrss a:focus {
        color: #CCCCCC; }
      footer #footer-sup .rrss a:hover {
        color: #FFFFFF; }
      footer #footer-sup .rrss a.facebook:hover {
        background-color: #42599e;
        border-color: #42599e; }
      footer #footer-sup .rrss a.twitter:hover {
        background-color: #1ab7ea;
        border-color: #1ab7ea; }
      footer #footer-sup .rrss a.instagram:hover {
        background: #a17357;
        background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, 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), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);
        background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, 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), -o-linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);
        background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, 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%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);
        border-color: #a17357; }
    footer #footer-sup .pdp {
      margin-right: 10px; }
  footer #footer-inf {
    background-color: #1A1A1A;
    padding: 30px 0 40px 0; }
    footer #footer-inf .menu-horizontal a {
      margin: 0 10px; }
      footer #footer-inf .menu-horizontal a:first-child {
        margin-left: 0; }
      footer #footer-inf .menu-horizontal a:last-child {
        margin-right: 0; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  background-color: #EAEAEA;
  text-align: center; }

.portada {
  width: 600px;
  height: 650px;
  text-align: center;
  background-color: #000; }

.fondo-portada {
  background-image: url(https://alpogo-uploads.s3.us-east-2.amazonaws.com/landings/alta-evento/back-alta.jpg);
  height: 650px;
  width: 100%;
  text-align: center;
  color: #FFF; }

.fondo-portada .logo-portada {
  text-align: center;
  padding-top: 200px;
  padding-bottom: 30px; }

.fondo-portada .titulo-portada {
  font-size: 30px; }

.fondo-portada .sub-portada {
  font-size: 22px;
  margin-bottom: 30px; }

.franja-color {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px; }
  .franja-color.contactanos {
    background-color: #CCCCCC; }

footer {
  margin-top: 0;
  text-align: left; }



/* NEW STYLES */

.fondo-portada-k{
    background-image: url(https://kuarteto-uploads.s3.us-east-2.amazonaws.com/landings/alta-evento/fondo-kuarteto.jpg);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: white;
}
.fondo-portada-k:before {
	content:'';
	position: absolute;
        top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
}
.titulo-portada-k{
    font-size: 30px;
}
.sub-portada{
    font-size: 22px;
    font-family: Roboto, sans-serif;
}
.logo-texto{
    margin-top: 200px;
}
.logo-boton-texto{
    margin: 20px;
}