.banner{width: 100%;height: calc(100vh - 180px);max-height: 400px;background-color: #E6E7E1;background-size: 100% 100%;background-repeat: no-repeat;}
/*===============================================================================================================================*/
.presentacion{width: 94%;padding: 30px 3%;}
.presentacion .row{display: flex;width: 100%;align-items: center;}
.presentacion .row.primary .title{width: 30%;font-size: 30pt;color: #666666;font-weight: bold;}
.presentacion .row.primary .title .l_capital{font-size: 40pt;}
.presentacion .row.primary .icons{width: 70%;display: flex;flex-wrap: nowrap;align-items: center;border-bottom: 6px solid #E5E4DF;padding-bottom: 10px;}
.presentacion .row.primary .icons .img{width: calc((100% / 8) - 20px);padding: 0 10px;}
.presentacion .row.primary .icons .img img{width: 100%;}
.presentacion .row.last{justify-content: flex-end;padding: 50px 0 20px 0;}
.presentacion .row.last .contenido{width: calc(70% - 30px);padding: 0 15px;text-align: center;font-size: 14pt;color: #666666;}
/*===============================================================================================================================*/
.servicios{width: 94%;padding: 30px 3% 50px 3%;display: flex;flex-wrap: wrap;}
.servicios .content-serv{width: 48%;height: 200px;box-shadow: 0 5px 10px rgba(0,0,0,.8);margin-bottom: 25px;display: flex;align-items: flex-start;text-decoration: none;transition: 0.3s;}
.servicios .content-serv:hover{box-shadow: 0 5px 15px rgba(0,0,0,.8);}
.servicios .content-serv:nth-child(odd){margin-right: 2%;}
.servicios .content-serv:nth-child(even){margin-left: 2%;}
.servicios .content-serv .img{width: 50%;height: 100%;}
.servicios .content-serv .img img{width: 100%;height: 100%;}
.servicios .content-serv .info{width: calc(50% - 30px);background-color: #F7F7F7;height: calc(100% - 20px);padding: 10px 15px;overflow-y: auto;}
.servicios .content-serv .info .title{color: #B68832;padding-bottom: 5px;border-bottom: 1px dashed #515F6A;font-weight: bold;font-size: 14pt;}
.servicios .content-serv .info .resumen{text-align: justify;color: #666666;font-size: 11pt;}
/*===============================================================================================================*/
ul.pagination{list-style: none;width: 100%;display: flex;padding: 10px 0;justify-content: center;}
ul.pagination .page-item{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;background-color: #fff;transition: 0.2s;}
ul.pagination .page-item:hover{background-color: #eee;}
ul.pagination .page-item.disabled{cursor: not-allowed;}
ul.pagination .page-item.active, ul.pagination .page-item.active:hover{background-color: #007bff;color: #fff;}
ul.pagination a{text-decoration: none;padding: 0 5px;color: #007bff;}
/*===============================================================================================================*/
.comentarios{width: 90%;padding: 30px 5%;}
.detalle_servicio{width: 90%;padding: 30px 5%;}
.detalle_servicio .title{width: 100%;padding-bottom: 15px;text-align: justify;font-size: 30pt;color: #B68832;}
.detalle_servicio .content-detalle{width: 100%;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.detalle_servicio .content-detalle .img{width: 30%;}
.detalle_servicio .content-detalle .img img{width: 90%;}
.detalle_servicio .content-detalle .contenido{width: 60%;padding: 0 5%;font-size: 14pt;color: #666666;text-align: justify;}
/*===================================================================================*/
/* RESPONSIVE*/
/*===================================================================================*/
@media (max-width: 1090px){
	.detalle_servicio .content-detalle .img img{width: 100%;}
}
@media (max-width: 960px){
	.presentacion{padding: 20px 3%;}
	.presentacion .row.primary .title{width: 25%;font-size: 25pt;}
	.presentacion .row.primary .title .l_capital{font-size: 35pt;}
	.presentacion .row.primary .icons{width: 75%;}
	.presentacion .row.last{padding: 20px 0 10px 0;}
	.presentacion .row.last .contenido{font-size: 12pt;}
	.servicios{justify-content: center;}
	.servicios .content-serv{width: 60%;}
	.servicios .content-serv:nth-child(odd){margin-right: 0;}
	.servicios .content-serv:nth-child(even){margin-left: 0;}
	.detalle_servicio .title{font-size: 20pt;}
	.detalle_servicio .content-detalle .contenido{font-size: 11pt;}
}
@media (max-width: 850px){
	.banner{max-height: 280px;}
	.servicios .content-serv{width: 70%;}
	.detalle_servicio .content-detalle .img{width: 40%;}
	.detalle_servicio .content-detalle .contenido{width: 50%;}
}
@media (max-width: 800px){
	.banner{max-height: 250px;}
	.presentacion .row.primary .title{width: 22%;font-size: 20pt;}
	.presentacion .row.primary .title .l_capital{font-size: 30pt;}
	.presentacion .row.primary .icons{width: 78%;}
	.servicios .content-serv{width: 75%;}
	.detalle_servicio .title{text-align: center;}
	.detalle_servicio .content-detalle .img{width: 50%;display: flex;justify-content: center;padding-bottom: 20px;}
	.detalle_servicio .content-detalle .img img{width: 80%;}
	.detalle_servicio .content-detalle .contenido{width: 100%;}
}
@media (max-width: 705px){
	.banner{max-height: 230px;}
	.banner{background-size: 800px 100%;background-position: center;}
	.presentacion .row.primary{flex-wrap: wrap;justify-content: center;}
	.presentacion .row.primary .title{width: auto;padding-bottom: 10px;}
	.presentacion .row.primary .icons{width: 90%;}
	.presentacion .row.last .contenido{width: calc(100% - 30px);}
	.servicios .content-serv{width: 85%;}
	.detalle_servicio .content-detalle .img{width: 65%;}
}
@media (max-width: 580px){
	.presentacion .row.primary .icons{width: 80%;padding-left: 10%;padding-right: 10%;justify-content: center;flex-wrap: wrap;}
	.presentacion .row.primary .icons .img{width: calc((100% / 5) - 20px);padding-bottom: 10px;}
	.servicios .content-serv{width: 95%;}
	.detalle_servicio .content-detalle .img{width: 70%;}
}
@media (max-width: 480px){
	.presentacion .row.primary .icons{width: 90%;padding-left: 5%;padding-right: 5%;}
	.servicios .content-serv{height: 170px;}
	.detalle_servicio .content-detalle .img{width: 80%;}
}
@media (max-width: 400px){
	.presentacion .row.primary .icons .img{width: calc((100% / 4) - 20px);padding-bottom: 10px;}
	.presentacion .row.primary .title{font-size: 18pt;}
	.presentacion .row.primary .title .l_capital{font-size: 26pt;}
	.servicios .content-serv{height: 150px;}
}
@media (max-width: 350px){
	.servicios .content-serv{width: 100%;}
	.detalle_servicio .content-detalle .img{width: 90%;}
}