body{
	font-family: 'Poppins', sans-serif;
}

.bg-inicio{
	background-image:url("../img/fondos/fondo_inicio.png");
	background-size:cover;
	padding: 5% 5% 2% 5%;
}

.bg-regalo{
	background-image:url("../img/fondos/fondo_regalo.png");
	background-size:contain;
}

.bg-rifa{
	height: calc(100vh - 6rem);
}

.bg-rojo{
	background-color:#ff0413;
}

.bg-gris{
	background-color:#f8f8f7
}

.text-rojo{
	color:#ff0413;
}

.text-gris{
	color:#696e74;
}

.barra-header{
	height:6rem;
}

.title-inicio{
	font-size:3rem;
}

.title-rifa{
	font-size:1.5rem;
}

.title-premio{
	font-size:2rem;
}

.title-ganador{
	font-size:3rem;
}

.title-gracias{
	font-size:5rem;
}

.text-gracias{
	font-size:1.25rem;
}

.img-logo{
	width:15rem;
	height:auto;
}

.slick-slide {
    align-content: center;
}

.btn-rojo {
    background-color: #ff0413;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 18px 45px;
    border-radius: 0;
	text-decoration:none;
}

.btn-rojo:hover, .btn-rojo:focus, .btn-rojo:active{
	background-color: #ff0413;
    color: #fff;
}

.icono-premio{
	width: 8rem;
    height: 8rem;
    border: 3px solid rgba(255,4,19,0.5);
    object-fit: contain;
    box-shadow: 0px 0px 20px #ff0413;
}

.logo-patrocinador{
	width: 8rem;
    height: auto;
}

.padding-patrocinador{
	padding-left:15%;
}

.num-ganador {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    color: #fff;
    align-content: center;
    margin: 0 auto;
}

.btn-rifa {
    background-color: #ff0413;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 0.25rem 4rem;
    border-radius: 0;
    text-decoration: none;
}

.btn-rifa:hover, .btn-rifa:focus, .btn-rifa:active{
	background-color: #ff0413;
    color: #fff;
}

.title-list-premio{
	font-size: 1.25rem;
	color:#696e74;
	font-weight:bold;
}

.text-list-premio{
	font-size: 1rem;
	color:#696e74;
}

.btn-reinicio {
    background-color: #ff0413;
    border: none;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
    border-radius: 0;
    text-decoration: none;
}

.btn-reinicio:hover, .btn-reinicio:focus, .btn-reinicio:active{
	background-color: #ff0413;
    color: #fff;
}

.form-switch .form-check-input {
    width: 80px;
    padding: 13px;
    cursor: pointer;
    margin: 0 auto;
    float: none;
}
.form-check-input:checked {
    background-color: #2ecb71;
    border-color: #2ecb71;
}

.check-cara {
    position: absolute;
    left: -9999px;
}

.form-check-cara {
    display: inline-block;
    cursor: pointer;
    position: relative;
	width:100%;
}

.check-cara:checked + .form-check-cara {
    border: 2px solid red;
}

.error-input{
	color: #ff0413;
    font-weight: 600;
}

.form-floating>label {
	text-wrap: wrap;
	font-size: 0.8rem;
}
.chosen-container-multi .chosen-choices li.search-field {
    width: 100%;
}

.caja-texto textarea{
    padding-top: 2.625rem !important;
}
.caja-texto textarea:focus{
    padding-top: 2.625rem !important;
}

.hr-gracias-rojo{
	width: 5rem;
    border: 1.5px solid #ff0413;
    opacity: 1;
    margin: 0.25rem;
}

.logo-gracias{
	width: 10rem;
	height:auto;
}

.icono-qr{
	width:5rem;
	height:5rem;
	align-content:center;
	text-align:center;
}

.border-qr{
	box-shadow: 0px 0px 20px #696e74;
}

.qr-container{
    position:relative;
    display:inline-block;
    padding:30px;
}

.qr-img{
    width:280px;
    display:block;
}

.qr-corner{
    position:absolute;
    width:35px;
    height:35px;
    border-color:#E10C18;
    border-style:solid;
    border-width:0;
}

/* Superior izquierda */
.top-left{
    top:18px;
    left:18px;
    border-top-width:4px;
    border-left-width:4px;
    border-top-left-radius:8px;
}

/* Superior derecha */
.top-right{
    top:18px;
    right:18px;
    border-top-width:4px;
    border-right-width:4px;
    border-top-right-radius:8px;
}

/* Inferior izquierda */
.bottom-left{
    bottom:18px;
    left:18px;
    border-bottom-width:4px;
    border-left-width:4px;
    border-bottom-left-radius:8px;
}

/* Inferior derecha */
.bottom-right{
    bottom:18px;
    right:18px;
    border-bottom-width:4px;
    border-right-width:4px;
    border-bottom-right-radius:8px;
}

@media (max-width: 1399.98px) {	

}

@media (max-width: 1300px) {	

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
	.bg-inicio{
		background-image:url("../img/fondos/fondo_inicio_movil.png");
		padding: 15% 8% 5% 8%;
	}
	
	.title-gracias{
		font-size:2.5rem;
	}

	.text-gracias{
		font-size:1rem;
	}
}

@media (max-width: 575.98px) {
	
}