@font-face {
  font-family: TypestarProBlack;
  src: url("../fonts/TypestarProBlack.otf");
}
@font-face {
  font-family: TypestarPro;
  src: url("../fonts/TypestarPro.otf");
}

.font-black{
  font-family: TypestarProBlack;
}

.font-black-xs{
  font-family: TypestarPro;
  font-size: small;
}
.font-normal{
  font-family: TypestarPro
}



input.input-jara{
  border: 1px solid black;
  margin: 0;
  padding: 0;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  margin-bottom:16px;
}
.input-jara-inverted{
  border: 1px solid white;
  margin: 0;
  padding: 0;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  margin-bottom:16px;
  background-color:black;
  color:white;
}
.form-label{
  border:1px solid black;
  margin: 0;
  padding-bottom:  16px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.form-label-inverted{
  border:1px solid white;
  margin: 0;
  padding-bottom:  16px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.form-label-master{
padding-right: 36px;
}

input.ghost {
    display: none;
    width: 100%;
}
:checked + label {
  border: 1px solid black;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: black;
  color: white;
  width: 100%;
}

:not(:checked) + label{
  border: 1px solid black;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  width: 100%;
}

 .logo{
   max-width: 100px;
   max-height: 100px;
 }

 .logo-div{
   text-align: right;
 }

.font-derecha{
  text-align: right;
  font-size: 30px;
  margin-bottom: 0px;
}
.font-izquierda{
  text-align: left;
  font-size: 10px;
}

.footer-right{
  text-align: right;
  font-size: 16px;
  vertical-align: bottom;
  padding-top: 100px;
  padding-bottom: 5px;
}
.footer-left{
  text-align: left;
}
.footer-center{
  text-align: center;
}

/* para quitar borde azul*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


::-webkit-input-placeholder {

  font-size: 10px;
}
::-moz-placeholder {

  font-size: 10px;
}
:-ms-input-placeholder {

  font-size: 10px;
}
::placeholder {

  font-size: 10px;
}

footer{
  border-top: 1px solid black;
}
.hr-drops{
  border: 1px solid black;
}
.footer-email{
  border-top: 0px solid black;

}
.button-black{
  text-align:center;
  background-color:black;
  color:white;
  display: inline-block;
  text-decoration: none;
  padding: 25px 25px;
  border:none;
  font-size: 24px;
}
.button-black-min{
  text-align:center;
  background-color:black;
  color:white;
  display: inline-block;
  text-decoration: none;
  padding: 10px 10px;
  border:none;
  font-size: 13px;
}
.button-black-lar{
  text-align:center;
  background-color:black;
  color:white;
  display: inline-block;
  text-decoration: none;
  padding: 18px 18px;
  border:none;
  font-size: 15px;
}

.button-black-inverted{
  text-align:center;
  background-color:black;
  color:white;
  display: inline-block;
  text-decoration: none;
  padding: 25px 25px;
  border:none;
  font-size: 24px;
  border: 1px solid white;
}
.button-black-min-inverted{
  text-align:center;
  background-color:black;
  color:white;
  display: inline-block;
  text-decoration: none;
  padding: 10px 10px;
  border:none;
  font-size: 13px;
  border: 1px solid white;

}
.button-black-lar-inverted{
  text-align:center;
  background-color:black;
  color:white;
  display: inline-block;
  text-decoration: none;
  padding: 18px 18px;
  border:none;
  font-size: 15px;
  border: 1px solid white;

}

.black{
  background-color: black;
}
.center{
  text-align:center;
}
.end-title{
  margin-top: 50px;
  text-align: center;
}
.end-paragraph{
  text-align: center;
  margin-bottom: 50px;
}
.img-footer{
  margin-top: 15px;
  max-height: 30px;
}
.img-footer-email{
  margin-top: 15px;
  max-height: 30px;
  margin-bottom: 15px;

}
.logo-evento{
  max-height: 100px;
  margin-top: 50px;
}
.inverted-black{
  color:black;
}
.inverted-white{
  color:white;
}
.logo-drops-footer{
  border-top: 1px solid white;
  
}
.logo-drops-footer-email{
  border-bottom: 1px solid black;
}
.font-footer-email{
  margin-top: 10px;
  font-size: small;
  text-align: center;
}

.form-label-off-white{
  border:1px solid black;
  margin: 0;
  /*padding-bottom:  16px;*/
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size:larger;
}
.logo-evento-white{
  max-height: 100px;
}
.title-white{
  font-size: xx-large;
}

.button-black-off-white{
  font-size: larger;
    height: 60px;
}

.select-talla{
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-color: black;

}


.iti__flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/img/flags@2x.png");}
}
.iti { width: 100%; }