/* slider principal */


.home{
	height: 100vh;
	overflow:hidden;
	position: relative;
}
.home .slide{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index:1; 
	display:none;
	padding:0 15px;
	animation: slide 2s ease;
}
.home .slide.active{
	display: flex;
}
@keyframes slide{
	0%{
		transform:scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}
.container{
	max-width: 1170px;
	margin:auto;	
}
.home .container{
	 flex-grow: 1;
}
.home .caption{
	width:100%;
    
}

.home .caption h1{
	/* font-size:36px; */
	color: #03658C;
	margin:0;
	font-size: 90px;	
	/* background-color: orange; */
	padding: 0;
}
.home .slide.active .caption h1{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1s;
}
.home .caption h2{
	font-size: 54px;
	margin:15px 0 30px;
	color:#088aad;
	/* background-color: yellow; */
	margin-top: -30px;
	padding: 0;
}
.home .slide.active .caption h2{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.2s;
    
}
.home .caption a{
 display: inline-block;
 padding:10px 30px;
 background-color: #03658C;
 text-decoration: none;
 color:#ffffff;
 border-radius: 10px;
}
.home .slide.active .caption a{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.4s;
}

@keyframes captionText{
	0%{
		opacity:0; transform: translateX(-100px);
	}
	100%{
	 opacity:1; transform: translateX(0px);	
	}
}
.home .controls .prev,
.home .controls .next{
 position: absolute;
 z-index:2;
 top:50%;
 height:40px;
 width: 40px;
 margin-top: -20px;
 color:#ffffff;
 background-color: #4643431f;
 text-align: center;
 line-height: 40px;
 font-size:30px;
 cursor:pointer;
 transition: all .5s ease;
}
.home .controls .prev:hover,
.home .controls .next:hover{
	background-color: #000000;
}
.home .controls .prev{
 left:0;
}
.home .controls .next{
 right:0;
}

.home .indicator{
	position: absolute;
	left:50%;
	bottom: 55px;
	z-index: 20;
	transform: translateX(-50%);
    cursor: pointer;
}

.home .indicator div{
	display: inline-block;
	width:25px;
	height: 25px;
	color:#ffffff;
	background-color: #1569e68f;
	border-radius:50%;
	text-align: center;
	line-height: 25px;
	margin:0 3px;
}

.home .indicator div.active{
 background-color: rgba(0, 0, 0, 0.199);
}
.logo-slider{
	width: 20%;
	height: auto;
	position: absolute;
	z-index: 10;
	right: 10px;
	bottom: 20px;
}
.logo-slider img{
	width: 100%;
	height: auto;
}
/*responsive*/
@media (max-width: 768px) {
	.home .caption h1{
		font-size: 54px;
	}
	.home .caption h2{
		font-size: 36px;
		margin-top: -10px;
	}
	.home .caption a{
		margin-top: -10px;
		padding:5px 20px;
	}
	.logo-slider{
		width: 25%;
		height: auto;		
		bottom: 30px;
	}
	.controls{
		display: none;
	}
}
@media (max-width: 640px) {
	.home .caption h1{
		font-size: 33px;
	}
	.home .caption h2{
		font-size: 24px;
		margin-top: 0px;
	}
	.home .caption a{
		font-size: 18px;
	}
	.logo-slider{
		width: 40%;
		height: auto;		
		bottom: 50px;
	}
}

/* fin de la seccion slider */

/* servcios */
.service-body{
    width: 100%;
    text-align: center;
    padding-top: 50px;
}
.service-body h3{
    color: rgb(104, 104, 104);
}
.service-body h1{
    font-weight: 800;
}

.service{
    margin:30px 20px;

}
.galery-service{
    height: 250px;
    width: 220px;
    margin: 10px;       
    text-align: center;
    color: #03658C;   
}
.image-port{
    width: 100%;
    height: 250px;
    transition-duration: 400ms;
    opacity: 0;
}
.galery-icon{    
    width: 80px;
    height: 80px;     
}
.image-port a:hover{
    color: #00AAD8;
}
.image-port p{
    color: white;
}
.image-port:hover{
    opacity: 1;
    transition: transform 2s;
    transform: scale(0.95);    
    background-color: rgba(255, 255, 255, 0.507);
}
.image-port h2:hover{
    
    transition-duration: 400ms;
}
/* fin servicios */


/* Especialistas */
.section-especialist{
    text-align: center;
}
.especialistas{
    margin: 20px;
    margin-top: 40px;
}
.especialistas p{
    line-height : 20px;
}
.especialist-date{
    width: 230px;
    height: 400px;
    margin: 10px;
   
}
.biografia{
    margin-top: -280px;
    position: absolute;
    width: 230px;
    height: 400px;
    text-align: center;      
    padding-bottom: 40px;
}
.biografia2{
    margin-top: -280px;
    position: absolute;
    width: 230px;
    height: 400px;
    text-align: center;      
    padding-bottom: 12px;
}
.icon-hover{
    color: #ffffff;
    font-size: 80px;
    text-align: center;
    position: absolute;
    width: 230px;
    height: 280px;
    padding-left: 75px;
    padding-right: 75px;
    padding-top: 120px;        
    margin-top: -280px;
    border-radius: 10px;
    opacity: 0;
    z-index: 10;   
    background-color: rgba(23, 23, 24, 0.493);   
    transition-duration: 400ms;   
}
.icon-hover span{ 
    padding-top: 10px;  
    font-size: 16px;
}
.icon-hover:hover{
    opacity: 1;    
}
.especialist-date img{
    width: 100%;
    height: 280px;
    border-width: 5px;    
    border-style: double;
    border-color: rgba(185, 180, 180, 0.466);
    border-radius: 10px;
}


/* fin Especialistas */