.acordeon{
	margin-top: -20px !important;
}

#servicio-general > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-estetica > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-ortodoncia > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-implantes > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-protesis > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-endodoncia > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-maxilofacial > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-periodoncia > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

#servicio-odontopediatria > .acordeon__titulo{
    background-image: url(../img/banners/questions.jpg);
}

/*  PROCEDIMIENTOS  */
/*.gallery{
	width: 100%;
	text-align: center;
}

.photo{
	display: inline-block;
    width: 32%;
    height: 210px;
	margin: 2px;
	overflow: hidden;
	position: relative;
}

.photo > div{
	width: 100%;
	height: 100%;
	background-position: center;
    background-size: cover;
    transition: all .5s;
    transform: scale(1.2) rotate(0deg);
}

.gallery-name{
	top: 0;
    position: absolute;
}

.gallery-name > span{
	background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: block;
    padding: 10px 0px;
    position: relative;
    bottom: 15px;
    transition: all .5s;
    height: 20px;
    top: calc(100% - 56px);
    font-size: 14px;
}

.photo:hover > div{
	transform: scale(1);
	cursor: pointer;
}

.photo:hover > .black-glass{
	opacity: 1;
}

.photo:hover .gallery-name > span{
	top: calc(50% - 20px);
	font-size: 21px;
    height: auto;
}

.black-glass{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
}*/
/*  FIN PROCEDIMIENTOS  */


/*  ACORDEÓN  */


.acordeon__contenedor{
	margin: 25px 0px;
    border-radius: 15px;
    overflow: hidden;
}

.acordeon__titulo {
 	color: white;
 	background: #c5c5c5;
 	/* line-height: 5; */
 	/*padding: 0 1em;*/
 	font-size: 16px;
 	margin: 0;
 	/* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
 	/* box-shadow: 0 -1px 0 0 #000 inset; */
 	/* text-shadow: 1px 1px #000; */
 	cursor: pointer !important;
 	font-weight: bold;
 	/* text-transform: uppercase; */
 	/* letter-spacing: 1px; */
 	/*background-size: auto !important;
    background-position: left !important;*/
 	background-repeat: no-repeat !important;
 	text-align: center;
 	background-position: right;
 	background-size: contain;
 	height: 60px;
}

.acordeon__contenedor:hover{
    filter: drop-shadow(2px 4px 6px black);
}

.acordeon__titulo > div{
	background: linear-gradient(to left, rgba(0, 31, 63, 0) 9%, rgba(0, 31, 63, 1) 17%);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.acordeon__contenido {
	display: none;
	margin: 0;
	background: #ededed;
	padding: 1em 3em 1.5em;
	text-align: justify;
    font-size: 15px;
    line-height: 20px;
}

.acordeon__contenido li{
	margin: 10px 0px;
}
/*  FIN ACORDEÓN  */





/*  PROCEDIMIENTOS  */
/*#background-procedure{
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(220 220 220 / 80%);
    z-index: 100;
    align-items: center;
    display: none;
}*/

#background-procedure > div{
	width: 80%;
    /*height: 86%;
    position: relative;
    top: 8%;
    left: 10%;*/
    margin: 0 auto;
}

#current-procedure{
	width: 100%;
    /*height: 100%;*/
    border: none;
}
/*  FIN PROCEDIMIENTOS  */





@media only screen and (max-width: 599px) {
	


    .acordeon__titulo{
        text-align: left;
	    height: 124px;
	    display: flex;
	    align-items: center;
	    line-height: 1.3;
	    background-size: cover;
	    background-position: center;
    }


    .acordeon__titulo > div {
	    background: linear-gradient(to right, rgba(33, 31, 32, 0.5) 25%, rgba(33, 31, 32, 0.5) 40%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        color: white;
	}

	.acordeon__titulo > div > label{
		margin: 0 auto;
		text-align: center;
	}

    
}

@media only screen and (min-width: 600px) and (max-width: 767px){
	


	.acordeon__titulo{
        text-align: left;
        height: 80px;
        display: flex;
        align-items: center;
        line-height: 1.3;
        background-position: center;
    }

    .acordeon__titulo > div {
	    background: linear-gradient(to right, rgba(14, 5, 111,0.5) 25%, rgba(14, 5, 111,0.5) 40%);
	    width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	}

	.acordeon__titulo > div > label{
		margin: 0 auto;
		text-align: center;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px){
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media only screen and (min-width: 1200px) {}