@font-face {
    font-family: MonsBlack;
    src: url(/fonts/Montserrat-Black.ttf);
}

@font-face {
    font-family: MonsRegular;
    src: url(/fonts/Montserrat-Medium.ttf);
}

h1, h2, h3, h4, h5, h6 {
    font-family: Calibri Bold;
    font-family: "Calibri", sans-serif;
    /*font-size: 64px;*/
    color: #4f4763;
    line-height: 1.5;
}

p {
    text-align: justify;
}

.back {
    background-color: #f7f7f7;
}
 
td {
    text-align: justify;
}
.slider {
    cursor: pointer;
}


.cont{
    background-image: linear-gradient(rgba(103, 47, 104, 0.349), rgba(103, 47, 104, 0.349)), url(/img/countdown/boletas_2.png);
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
}

#cuenta {
	display: flex;
	justify-content: center;
}

.simply-section {
	background: #8b328d8a;
	width: 135px;
	height: 135px;
	margin: 0 20px;
	border-radius: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
.simply-days-section{
	background: #ff00ff8a;
	
}
*/

.simply-amount {
	display: block;
	font-size: 50px;
	font-weight: 700;
    color: white;
}

.simply-word {
	font-weight: 300;
	font-size: 15px;
    color: white;
} 

.ribbon {
    background: #302f2f;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #b93c1d, #BC40AA);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #b91d73, #BC40AA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*#f953c6, #b91d73*/

}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(200, 31, 158, 0.5);
}


.btn-outline-danger {
    color: #b91d73;
    border-color: #b91d73;
}

.rosita {
    color: #b91d73;
    border-color: #b91d73;
}

.btn-outline-danger:hover{
    color: #fff;
    background-color: #b91d73;
    border-color: #b91d73;
}

.rosita:hover {
    color: #fff;
    background-color: #b91d73;
    border-color: #b91d73;
}


.hoverBadges figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoverBadges figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}




/*.scroll::-webkit-scrollbar {
    height: 30rem;
    overflow: scroll;
}

/* -- CONSEJO -- */ 
.consejo {
    height: 696px;
    background-image: url(/img/fondoproceso.jpg);
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    align-items: center;
    
}

.consejo h3 {
    color: white;
    font-family: MonsBlack;
    font-size: 38px;
    margin: 0;
    padding: 0;
}

.consejo h4 {
    color: white;
    font-family: MonsRegular;
    font-size: 38px;
    margin: 0;
    padding: 0;    
}


.consejeros {
    color: white;
    background-color: #863d6b;
}
.consejeros h3 {
    color: white;
    font-size: 23px;
    font-family: MonsBlack;
    padding: 0;
    margin: 0;
}

.consejeros h4 {
    font-family: MonsRegular;
    font-size: 23px;
    color: white;
    padding: 0;
    margin: 0;
}

.centrado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centrado hr {
    height: 5px;
    width: 100%;
    color: white;
    border: 1;
    border-top: 2px solid rgb(255, 255, 255); 
    border-bottom: 2px solid rgb(255, 255, 255);
}

/* -- NOSOTROS -- */ 
.nosotros {
    height: 696px;
    background-image: linear-gradient( rgba(0, 0, 0, 0.710), rgba(0, 0, 0, 0.710)),url(/img/fondoproceso.jpg);
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    align-items: center;
    
}

.nosotros h3 {
    color: white;
    font-family: MonsBlack;
    font-size: 38px;
    margin: 0;
    padding: 0;
}

.nosotros h4 {
    color: white;
    font-family: MonsRegular;
    font-size: 38px;
    margin: 0;
    padding: 0;    
}



/* -- FOOTER -- */
footer a {
    text-decoration: none;
}

/*

 background: #b9ae1d;
 background: -webkit-linear-gradient(to right, #b91d73, #BC40AA);  
 background: linear-gradient(to right, #b91d73, #BC40AA); 
 #f953c6, #b91d73
*/

.box {
    display: flex;
    width: 100%;
    height: 8px;
    margin: 5px 0px 60px 0px;
}
  
.box-sm {
    height: 8px;
    margin: 0;
    flex-grow: 1;
    transition: all .8s ease-in-out;
    cursor: pointer;
}
  
  
.box-sm:hover {
    flex-grow: 12;
}

.red {
    background-color: #ffffff;
}
  
.orange {
    background-color: #863d6b;
}
  
.yellow {
    background-color: #863d6b;
}
  
.green {
    background-color: #863d6b;
}
  
.blue {
    background-color: #863d6b;
}
  
.purple {
    background-color: #ffffff;
}
/*


.red {
    background-color: #FF5852;
}
  
.orange {
    background-color: #FF9000;
}
  
.yellow {
    background-color: #FFD300;
}
  
.green {
    background-color: #3DCD49;
}
  
.blue {
    background-color: #0089D7;
}
  
.purple {
    background-color: #9E44C4;
}

*/
@media (min-width: 600px) {

    .texto {
        width: 100%;
    }
    
}

@media (max-width: 780px) {

    .centrado {
        position: relative;
        
    }
    
}



@media (min-width: 1000px) {

    .texto {
        width: 60%;
    }
}