@font-face {
    font-family: 'ITC Avant Garde Pro Md';
    src: url('../fonts/ITCAvantGardePro-Bold.eot');
    src: url('../fonts/ITCAvantGardePro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ITCAvantGardePro-Bold.woff2') format('woff2'),
        url('../fonts/ITCAvantGardePro-Bold.woff') format('woff'),
        url('../fonts/ITCAvantGardePro-Bold.ttf') format('truetype'),
        url('../fonts/ITCAvantGardePro-Bold.svg#ITCAvantGardePro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Pro Bk';
    src: url('../fonts/ITCAvantGardePro-Bk.eot');
    src: url('../fonts/ITCAvantGardePro-Bk.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ITCAvantGardePro-Bk.woff2') format('woff2'),
        url('../fonts/ITCAvantGardePro-Bk.woff') format('woff'),
        url('../fonts/ITCAvantGardePro-Bk.ttf') format('truetype'),
        url('../fonts/ITCAvantGardePro-Bk.svg#ITCAvantGardePro-Bk') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
a {
	text-decoration: none
}
	#carrouselMedico {
		min-height: 700px; 
	}
	.fondo-virtualdoctor {
		background-image: url(../img/fondo-doctor-virtual.jpg);
		background-position: right;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		min-height: 700px;
		padding-bottom: 40px;
			
	}

	.caja-boton {
		margin-top: 15px;
		width: 250px;
		border: 1px solid white;
		background-color: white;
		color: black;
			text-align: center;
		margin: auto;
		height: 150px;
	}	

	.carousel-item {
		min-height: 600px;
	}
	
	.tit-grande {
		font-family: 'ITC Avant Garde Pro Md';
		font-size: 2.7rem;
			text-transform: uppercase;
				color:white
	}
	.text-bajada {
		font-family: 'ITC Avant Garde Pro Bk';
		font-size: 2.2rem;
		text-transform: uppercase;
		color:#4b4a4a
	}
	.text-icono {
		font-family: 'ITC Avant Garde Pro Md';
		font-size: 2rem;
		text-transform: uppercase;
		color:white;
		text-align: center
	}
	
	.text-icono-multiple {
		font-family: 'ITC Avant Garde Pro Md';
		font-size: 1.2rem;
		text-transform: uppercase;
		color:white;
		text-align: center;
		max-width: 200px; 
		margin: auto
	}
	
	.recuadro-blanco{
		background: rgba(255,255,255,0.3);
		border-radius: 15px;
		
	}
	
	.tit-grande2 {
		font-family: 'ITC Avant Garde Pro Md';
		font-size: 1.7rem;
			text-transform: uppercase;
				color:white
	}
	.text-bajada2 {
		font-family: 'ITC Avant Garde Pro Bk';
		font-size: 1.2rem;		
		color:#163c96
	}
	
	.prod-gel {
		position: absolute;
		bottom: -10%;
		min-height: 320px;
	}
	
	.prod-gel > img {
		max-width: 250px;; margin: auto
	}
	
	.icono-primario {
		max-width: 200px;
		margin: auto
			
	}

	.icono-entrada {
		max-width: 380px;
		width: 90%;
		margin: auto
			
	}
	
	.icono-respuesta {
		
		max-width: 400px;
		margin: auto
			
	}
	
	.btn-volver, .btn-volver:hover, .btn-volver:active, .btn-volve:focus, .btn-volver:visited {
		background-color: #163c96;
		color: white;
		font-family: 'ITC Avant Garde Pro Md';
		text-align: center;
		font-size: 1.3rem;
		max-width: 200px;
		border-radius: 20px;
		padding: 5px;
		text-decoration: none !important;
	}

@media only screen and (max-width:1140px) {
	.text-icono {
		font-size: 1.5rem !important;
	}
	.text-bajada {		
		font-size: 1.7rem;		
	}
	.prod-gel {
		position: absolute;
		bottom: -10%
	}
}
	
	
@media only screen and (max-width:960px) {
	.fondo-virtualdoctor {
		background-image: url(../img/fondo-doctor-virtual-movil.jpg);
		background-position: right;
		background-repeat: no-repeat;
		background-size: 100% 100% ;
		min-height: 700px;
			
	}
	
	.tit-grande {
		font-size: 2rem;	
	}
	.text-icono {
		font-size: 1.2rem !important;
	}
	.text-bajada {		
		font-size: 1.7rem;		
	}
	.prod-gel {
		position: absolute;
		bottom: -25px;
		min-height: 240px;
	}
	
	.prod-gel > img {
		max-width: 200px;; margin: auto
	}
}
	
@media only screen and (max-width:768px) {
	.icono-entrada {
		max-width: 100%;
		width: auto;
		margin: auto
			
	}
	.text-icono {
		font-size: 1rem;
	}
	.text-bajada {		
		font-size: 1.7rem;		
	}
	.prod-gel {
		position: absolute;
		bottom: -11%
	}
	.prod-gel > img {
		width: 90%; max-width: 350px; margin: auto; padding-top: 5%
	}
}
	
	
@media only screen and (max-width:500px) {
	.prod-gel {
		position: absolute;
		bottom: -9%
	}
	.prod-gel > img {
		width: 90%; max-width: 250px; margin: auto; padding-top: 5%
	}
}