/* servicios */

div#section_servicios , div#section-covid {
	padding:40px 0;
}


div#section_servicios .row , div#section-covid .row{
	max-width: 90%;
	margin: auto;
	padding-top:10px;
	padding-bottom:20px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
	flex-wrap: wrap;
	overflow:hidden;
}
div#section_servicios .row .servicio , div#section-covid .row .servicio{
	padding:20px;
	box-sizing: border-box;
	position:relative;
	border-radius: 10px;
	background-color:white;
	webkit-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.8);
	height:390px;
	width:296px!important;
	margin-bottom:10px;
	margin-right: 10px;
}
div#section_servicios .row .servicio#seguridad {
	height: 770px;
}
div#section_servicios .row .servicio h3 , div#section-covid .row .servicio h3 {
	text-align:center;
	transition:0.5s;
	font-weight: 400;
}
div#section_servicios .row .servicio:hover h3 , div#section_servicios .row .servicio:active h3 , div#section-covid .row .servicio:hover h3 , div#section-covid .row .servicio:active h3 {
	display:none;
}
div#section_servicios .row .servicio .icon-title , div#section-covid .row .servicio .icon-title {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#00172e;
	transition:0.5s;
	z-index:1;
	display: flex;
    flex-flow: column;
    justify-content: center;
}
div#section_servicios .row .servicio .icon-title::before , div#section-covid .row .servicio .icon-title::before {
    font-family: 'font Awesome 5 pro';
    display: block;
    font-size: 50px;
    margin-bottom: 10px;
	color: #a0c662;
	top: 20%;
    position: absolute;
    left: 40%;
}
div#section_servicios .row .servicio#object5 .icon-title::before , div#section_servicios .row .servicio#object10 .icon-title::before {
	left:44%;
}
div#section_servicios .row .servicio#object5:hover .icon-title::before , div#section_servicios .row .servicio#object10:hover .icon-title::before div#section_servicios .row .servicio#object5:active .icon-title::before , div#section_servicios .row .servicio#object10:active .icon-title::before {
	left:49%;
}
div#section_servicios .row .servicio#object7 .icon-title::before , div#section_servicios .row .servicio#object8 .icon-title::before {
	left:42%;
}
div#section_servicios .row .servicio#object7:hover .icon-title::before , div#section_servicios .row .servicio#object8:hover .icon-title::before div#section_servicios .row .servicio#object7:active .icon-title::before , div#section_servicios .row .servicio#object8:active .icon-title::before {
	left:50%;
}


div#section_servicios .row .servicio#object3 .icon-title::before {
    content: '\f0c0';
}
div#section_servicios .row .servicio#object4 .icon-title::before {
    content: '\f2c2';
}
div#section_servicios .row .servicio#object5 .icon-title::before {
    content: '\f571';
}
div#section_servicios .row .servicio#object6 .icon-title::before {
    content: '\f873';
}
div#section_servicios .row .servicio#object7 .icon-title::before {
    content: '\f2e8';
}
div#section_servicios .row .servicio#object8 .icon-title::before {
    content: '\f080';
}

div#section_servicios .row .servicio#object10 .icon-title::before {
    content: '\f44e';
}
div#section_servicios .row .servicio#object12 .icon-title::before {
    content: '\f274';
}





div#section_servicios .row .servicio:hover .icon-title , div#section_servicios .row .servicio:active .icon-title ,div#section-covid .row .servicio:hover .icon-title , div#section_servicios .row .servicio:active .icon-title {
	top:20px;
	left:calc(50% - 50px);
	height:100px;
	width:100px;
	border-radius:50%;
}
div#section_servicios .row .servicio:hover .icon-title::before , div#section-covid .row .servicio:active .icon-title::before ,div#section-covid .row .servicio:hover .icon-title::before , div#section_servicios .row .servicio:active .icon-title::before {
	position: absolute;
	top:60%;
	left:50%!important;
	transform:translate(-50%,-70%);
	font-size:40px;
	transition:0.5s;
	color:#fff;

}
div#section_servicios .row .servicio .icon-title h3  , div#section-covid .row .servicio .icon-title h3 {
	/*position: absolute;
	top:35%;
	left:50%;
	transform:translate(-50%,0%);*/
	font-size:25px;
	transition:0.5s;
	color:#fff;

}
div#section_servicios .row .servicio:hover .icon-title i , div#section_servicios .row .servicio:active .icon-title i , 
div#section-covid .row .servicio:hover .icon-title i , div#section-covid .row .servicio:active .icon-title i { 
	font-size:30px!important;
	transform: translate(-50%,9%);
}

div#section_servicios .row .servicio .content , div#section-covid .row .servicio .content {
	position: absolute;
	top:100%;
	height: calc(100% - 115px);
	padding:20px;
	box-sizing: border-box;
	transition: 0.5s;
	opacity: 0;
	left:0;
	width:100%;
}
div#section_servicios .row .servicio:hover .content , div#section_servicios .row .servicio:active .content , 
div#section-covid .row .servicio:hover .content , div#section-covid .row .servicio:active .content {
	top:115px;
	opacity: 1;
}
div#section_servicios .row .servicio:hover .content h3 , div#section_servicios .row .servicio:active .content h3 ,

div#section-covid .row .servicio:hover .content h3 , div#section-covid .row .servicio:active .content h3 {
	color:#00172e;
	display:block;
	margin:10px 0;
	font-size:25px;
}

div#section_servicios .row .servicio .content ul {
	list-style: none;
	margin:0;
	padding:0;
}
div#section_servicios .row .servicio .content ul li:before {
	content:'\f00c';
	font-family: 'font Awesome 5 pro';
	display:inline-block;
	font-size:16px;
	color:#a0c662;
	margin-right:5px;

}
div#section_servicios .row .servicio .content ul li {
	font-size:15px;
}
div#section-covid {
	background:#45a8c8;
}
div#section-covid h2 {
	text-align: center;
	color:white;
}
div#section-covid h2::before, div#section-covid h2::after {
	font-family: 'font Awesome 5 pro';
    display: inline-block;
    font-size: 50px;
	color: white;
	content: '\e074';
	font-weight: 900;

}
div#section-covid .row {
	justify-content: center!important;
}
div#section-covid .row .servicio .icon-title {
	background-color: #a0c662;
}
div#section-covid .row .servicio#object16 .icon-title::before {
    content: '\f737';
}
div#section-covid .row .servicio#object17 .icon-title::before {
    content: '\f500';
}
.servicio .content strong {
	font-weight: bold;
}
div#section-covid .row .servicio#object16 .icon-title::before {
	left:45%!important;
}
div#section-covid .row .servicio .icon-title::before {
    font-family: 'font Awesome 5 pro';
    display: block;
    font-size: 50px;
    margin-bottom: 10px;
	color: white;
	top: 20%;
    position: absolute;
    left: 40%;
}
div#section-covid .row .servicio#object17 {
	height: 495px;
}	
/* modal */

.modal-header {
	justify-content: center;
}

.modal-content {
	text-align: center;
}
.modal-content h5::before , .modal-content h5::After {
	content: '\e074';
	display: inline-block;
	font-size: inherit;
	color:#86d2eb;
	font-family:'font Awesome 5 pro'; ;
}
.modal-content .btn {
	background-color: #86d2eb;
	border-color: #86d2eb;
}
.modal-footer {
	justify-content: center;
}
@media only screen and (min-width: 768px) {
/* servicios */
	div#section_servicios .row , div#section-covid .row {
		flex-flow: row;
		flex-wrap: wrap;
	}
}

@media only screen and (min-width: 1024px) {
	div#section_servicios .row .servicio {
		width: 270px!important;
		height: 520px;
	}
	
}
@media only screen and (min-width: 1200px) {

	div#section_servicios .row .servicio {
		width: 323px!important;
		height: 395px;
	}
	div#section-covid .row .servicio {
		width: 323px!important;
		height: 466px!important;
	}
}