:root {
  --blue: #13325f;
  --light-blue: #cbe3e3;
  --green: #2cacac;
  --light-green: #2fb7b7;
  --grey: #d2d3d4;
  --light-grey: #e1e2e4;
  --light-grey-2: #e5ebeb;
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url(./fonts/Poppins-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url(./fonts/Poppins-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url(./fonts/Poppins-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url(./fonts/Poppins-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins-Black';
  src: url(./fonts/Poppins-Black.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins-ExtraBold';
  src: url(./fonts/Poppins-ExtraBold.ttf) format('truetype');
}
.bg-blue{
	background-color: var(--blue);
	color: #FFF;
}
body{
	font-family: 'Poppins-Regular', sans-serif;
}

h3{
	font-family: 'Poppins-SemiBold';
	color: var(--blue);
}


.hidden{
	display: none;
}
.invisible{
	visibility: hidden;
}
/* FORMULARIO */
.ml{
	margin-left: 2%;
}
.campo{
	float: left;
	margin-bottom: 10px;
	width: 49%;
}
.campoFull{
	border: 0;
	margin-bottom: 10px;
	width: 100%;
}
label,	
.campo,
.campoFull,
.form-control,
.input-group-text{
	font-size: 0.9em;
}	
label.error {
	color: #e42320;
    font-size: 0.85em;
}
.form-control.error {
  border: 1px solid red;
}
#livomLink{
	padding-top: 40px;
}
#livomLink a{
	color: #FFFFFF75;
	font-size: 0.9em;
}

/* Nav */
nav{
 padding-right: 4% !important;
}
nav li.nav-item img{
	height: 25px;
}
nav li.nav-item span{
	display: block;
	text-align: right;
	color: var(--blue);
	font-family: 'Poppins-SemiBold';
}
nav li.nav-item span.programa{
	font-size: 0.9em;
	color: var(--green);
}
.navbar-nav{
	margin-left: auto;
}
/* Intro + contacto */
#backHeader,
#backHeader div{
	background-size: cover;
	background-position: center;
	position: absolute;
	height: 120vh;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
#backHeader #car1{
	/*background-image: url('../img-new/1splash.jpg');*/
	background-image: url('./img-new/splash-1.png');
}
#backHeader #car2{
	background-image: url('./img-new/primer-splash.jpg');
}
#backHeader #car3{
	background-image: url('./img-new/splash-2.jpg');
}
#intro {
  /*background-image: url("./img-new/primer-splash.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;*/
  min-height: 115vh;
  position: relative;
}

#intro .intro__text img, #intro .intro__text div{
	float: left;
}
#intro .intro__text div{
	margin-left: 30px;
}
#logoIntro{
	width: 110px;
}
#intro .intro__text h1{
	color: #FFF;
	font-size: 3em;
    margin-top: 10px;
	margin-bottom: 0;
}
#intro .intro__text h2{
	color: #FFF;
	font-size: 1.5em;
	margin-top: 0 !important;
}

#intro .contacto{
	background-color: #1d3f70e8;
	padding: 40px;
	padding-bottom: 20px;
    border-radius: 10px;
    width: 80%;
    margin-left: 10%;
}
#intro .contacto h3{
	color: #FFF;
	margin-bottom: 10px;
}
#intro .gracias{
	color: #FFF;
	font-size: 3em;
}
.form-label {
  /* color: var(--green); */
}

.form-control{
	color: #FFFFFF;
}
.form-control::placeholder{
	color: #FFFFFF90;
}
.input-group-text {
	color: #FFF;
}
.form-control,
.input-group-text {
 /* border: 2px solid var(--green); */
	border-radius: 2px;
	border-width: 0;
	background-color: #6182a7;
}
#btnConainer{
	margin-top: 35px;
}
.success.circle{
	color: var(--green);
}

textarea {
  resize: none;
}

.btn {
  background-color: var(--green); 
  color: #FFFFFF;
  font-weight: 600;
  padding: .25rem 1.2rem;
  display: block !important;
  width: 100%;
}
/* EXTERIOR */
#mensajeExterior{
	color: #FFF;
	display: flex;
	justify-content: end;
	align-items: center;
	font-family: 'Poppins-Bold';
	font-size: 2.7rem;
	line-height: 3.5rem;
	text-shadow: 3px 3px 3px #00000076;
}
#mensajeExterior > div{
	width: 80%;
}
#anios{
	/*padding-top: 40px;*/
	text-align: center;
}
#mensajeExterior span span{
	color: #c4d8d9;
	font-family: 'Poppins-SemiBold';
}
#anios{
	margin-top: 40px;
}
#anios .anios,
#anios .fueraArg,
#anios .pacientes{
	display: block;
	font-size: 3em;
	color: var(--green);
	font-family: 'Poppins-SemiBold';
	font-weight: 600; 
}
#anios .anios{
	font-size: 3.1em;
	color: var(--blue);
	margin-top: 5rem;
}
#anios .fueraArg img{
	height: .7em;
	margin-left: 20px;
	margin-right: 20px;
}
#mensajeExterior .fueraArg img{
	width: 40px;
}
#anios .pacientes{
	font-style: italic;
	font-size: 2.5em;
	font-family: 'Poppins-Regular';
	color: var(--blue);
	font-weight: 300;
}
#mensajeExterior .fueraArg{
	font-size: 2.3em;
	color: var(--blue);
	font-weight: 600; 
}

#mensajeExterior .cirugia{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
#mensajeExterior .optimiza{
	/*background-color: var(--light-green);*/
	/*color: #FFF;*/ 
	font-style: italic;
	/*padding: 10px;*/
}
/* ESPECIALIDAD */
#especialidad{
	padding-top: 70px; 
	padding-bottom: 140px; 
}
#especialidad h3{
	color: var(--green) !important;
	padding-bottom: 50px; 
}
.especialidad h5{
	color: var(--blue);
	font-size: 1.65em;
	text-align: right;
	width: 70%;
}
#especialidad p{
	color: var(--blue);
	padding-right: 10px;
}
#especialidad img{
	height: 130px;
}
.especialidad{
	margin-bottom: 50px;
}
.especialidad.mr{
	margin-left: auto;
}
.especialidad .titulo strong{
	display: block;
	font-family: 'Poppins-SemiBold';	
}
.especialidad .titulo{
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
}
.especialidad .titulo div{
	width: 50%;
}
.especialidad p{
	font-size: 1.2em;
	padding-left: 35px;
}
.especialidad .br{
	border-right: 3px solid var(--grey);
}
.square {
  width: 100%;
 /* height: 0;
  padding-top: 60%;*/
  position: relative;
}
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contentInner{
 /* position: absolute;
  top: 0;
  left:0;
  width: 100%;*/
  text-align: center;
  padding: 10%;
}
.contentInner img{
	height: auto !important;
	margin-bottom: 15px;
}
.swap.lap{
	color: var(--green);
}
.swap.lap img{
	height: 90px !important;
}
/* EQUIPO */
#equipo{
	background-color: var(--grey);
	padding-top: 90px;
	padding-bottom: 90px;
}
#equipo #dr-muzzio{
	position: relative;
}
#equipo #dr-muzzio > img{
	width: 100%;
}
#equipo .social{
	position: absolute;
	left: 5%;
	bottom: -25px;
}
#equipo .social img{
	width: 50px;
}
#equipo #dr-info{
	padding-left: 30px;
}	
#equipo #dr-info h3{
	font-size: 2rem;
}
#equipo #dr-info h4{
	color: var(--blue);
	font-size: 1.3rem;
	margin-bottom: 30px;
}
#equipo #dr-info p{
	font-size: 1.1em;
}
#equipo #dr-info p strong{
	font-family: 'Poppins-SemiBold';
	font-weight: 600;
}	
#equipo h5{
	margin-top: 80px;
	margin-bottom: 40px;
	font-size: 1.5em;
	font-family: 'Poppins-SemiBold';
}
#equipo .disciplina{
	margin-bottom: 30px;
}
#equipo .disciplina span{
	font-size: 1.4em;
	margin-left: 20px;
}
#equipo .disciplina img{
	height: 20px;
}
/* LOGROS */
#logros{
	background-image: url("./img-new/logros.png");
	background-size: cover;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}
#logros img{
	display: block;
	height: 60px;
	margin: auto;
}
#logros span {
    color: #fff;
    font-size: 5em;
    font-weight: 600;
}
#logros p {
    color: #fff;
    font-size: 1.5em;
	font-family: 'Poppins-Regular';
}
/* CANDIDATO */
#candidato img{
	width: 10%;
}
#candidato{
	background-color: var(--grey);
	font-size: 1.2em;
	padding-top: 90px;
    padding-bottom: 90px;
}
#candidato p{
	font-size: 1.1rem;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#candidato h3{ 
	font-size: 2.1em;
}
section#testimonios .quiero,
section#programa .quiero,
#candidato .quiero{
	background-color: var(--light-green);
	border-radius: 3px;
	color: #FFF;
	padding: 10px 20px;
	font-weight: 600;
	letter-spacing: 2px;
} 
/* ETAPAS */
section#programa{
	background-image: url('./img-new/Banner-Programa-Argentino.jpg');
	background-size: cover;
	background-position: center;
	font-size: 1.25em;
}
section#programa .programaContent{
	color: #afc3c4;
	padding: 80px;
	/*padding-right: 80px;*/
} 
section#programa h3, 
section#programa strong{ 
	color: #FFF;
}section#programa h3{ 
	font-size: 1.6em;
}
section#programa p{
	font-size: 1.4rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	/* text-align: justify; */
}
section#testimonios .quiero a,
section#programa .quiero a,
section#programa .quiero a:hover{
	text-decoration: none;
	color: #FFF;
}
section#programa .quiero{
	background-color: var(--green);
	color: #FFF;
}
#extranjeroContenido{
	height: 0;
	overflow: hidden;
	padding-top: 3rem;
	font-size: 1.3rem;
	
	transition: .3s;
}
#extranjeroDesplegar{
	cursor: pointer;
}
#extranjeroContenido.desplegado{
	height: auto;
}
.extranjeroClose{
	display: none;
	position: absolute;
	top: -30px;
	right: 10px;
	width: 25px;
	z-index: 99;
	cursor: pointer;
}
#extranjeroContenido.desplegado .extranjeroClose{
	display: block;
}
/* ETAPAS */
#etapas h3{
	margin-bottom: 60px;
}
#etapas .etapaContainer{
	display: none;
	overflow: hidden;
    height: 100vh;
	padding-left: 0;
}
#etapas .etapaContainer.active{
	display: block;
}
#etapas .etapaContainer .ps__thumb-y{
	background-color: var(--green) !important;	
}
#etapas .etapaContainer .ps__rail-y{
	opacity: 1;
	right: 3px;
}
#etapas .etapaContainer .ps__rail-y > .ps__thumb-y{
	width: 10px;
	border-radius: 0;
}
#etapas img#calendario{
	height: 6rem;
	margin-top: 9rem;
	margin-bottom: 2rem;
}
#etapas h3{
	font-size: 2.3rem;
}
#etapas .etapaProc{
	cursor: pointer;
	position: relative;
	margin-bottom: 40px;
}
#etapas .etapaProc.active img{
	display: block;
}
#etapas .etapaProc img{
	display: none;
	height: 1.5rem;
	margin-top: 5px;
	margin-left: -3rem;
	position: absolute;
}
#etapas .etapaProc.active span{
	color: var(--green);
}
#etapas .etapaProc span{
	color: var(--blue);
	display: block;
	font-size: 1.5rem;
	font-family: 'Poppins-SemiBold';
	width: 70%;
}
#etapas .contenidoEtapa{
	padding: 40px 60px;
	min-height: 100%;
}
#etapas .contenidoEtapa span{
	display: block;
}
#etapas .nroetapa{
	font-size: 5rem;
	line-height: 5rem;
	margin-bottom: 20px;
}
#etapas .nombre{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
#etapas .pasoEtapa{
	color: var(--green);
	font-size: 1.2rem;
	margin-bottom: 20px;
}
#etapas .contenidoEtapa p{
	font-size: 1.05rem;
}

#etapas .etapa{
	margin-bottom: 30px;
}
#etapas .nroEtapa{
	color: var(--light-green);
	font-size: 5em;
	font-family: 'Poppins-Medium';
	width: 10%;
	display: inline-block;
}
#etapas .nombreEtapa{
	color: var(--light-green);
	font-size: 2em;
	font-family: 'Poppins-Medium';
	background-color: var(--light-blue);
	padding: 40px;
	text-align: left;
	position: relative;
	display: block;
}
#etapas .masEtapa{
	font-size: 2em;
	position: absolute;
	right: 1em;
	top: 15px;
	color: #333;
	text-decoration: none;
}
#etapas .masEtapaContent{
	background-color: var(--light-grey-2);
	padding: 30px 50px;
	font-size: 1.5em;
}
#etapas .masEtapaContent p{
	font-size: 1.1em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#etapas .masEtapaContent p,
#etapas .masEtapaContent span{
	margin-bottom: 30px;
}
#etapas .masEtapaContent span{
	color: var(--green);
	font-weight: 600;
	display: block;
}
/* TESTIMONIOS */
#testimonios{
	padding-top: 100px;
}
#testimonios .slickSlide img{
	padding: 10px;
	width: 100%;
	margin: auto;
}
.slick-prev.slick-arrow{
	z-index: 999;
    background-image: url('./img-new/flecha-izq.svg') !important;
	background-repeat: no-repeat;
}
.slick-next.slick-arrow{
	background-image: url('./img-new/flecha-der.svg') !important;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 999;


}
.slick-prev{
	left: 20px;
	text-align: left;
}
.slick-next{
	right: 20px;
	text-align: right;
}
.slick-prev,
.slick-next{
    height: 25px;
    width: 25px;
	top: 103%;

	z-index: 999;
}
.slick-next:before{  
  content: '';
}
.slick-prev:before{
    content: '';
}
/* CENTROS */
#centros{
	padding-top: 90px;
	padding-bottom: 70px;
}
#centros h3{
	margin-bottom: 50px;
}
#centros div{
	position: relative;
}
#centros img.centro{
	width: 100%;
}
#centros img.ctc,
#centros a.ctc{
	position: absolute;
	right: 30px;
	top: 20px;
	height: 50px;
}
#centros a.ctc img{
	height: 100%;
}
/* CONSULTAS */
#consultas{
	background-image: url("./img-new/consultas.png");
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 70px;
}
#consultas h4{
	margin-bottom: 70px;
	font-size: 1.6em;
	font-family: 'Poppins-SemiBold';
}
#consultas h4,
#consultas a,
#consultas p{
	color: #FFF;
}
#consultas a{
	text-decoration: none;
	padding: 10px 15px;
	background-color: var(--light-green);
	display: inline-block;
	border-radius: 2px;
}
#consultas p{
	font-size: 1.2em;
}
#consultas p strong{
	font-size: 1.25em;
}
#consultas .btnTurno{
	display: flex!important;
	align-items: center!important;
	justify-content: flex-end!important;
	font-weight: 600;
}
#consultas .sede{
	margin-bottom: 30px;
}
/* FOOTER */
footer{
	background-color: black;
	color: white;
	padding-top: 50px;
	padding-bottom: 10px;
}
footer .social{
	margin-right: 10px;
	margin-left: 10px;
	width: 25px;
}
footer #programa{
	padding-left: 10%;
}
footer #programa span.small{
	font-size: 0.9em;
}
footer .dr,
footer #programa span.big{
	display:block;
	font-size: 1.2em;
}
footer #redes{
	padding-right: 10%;
}
.calidadVida{
	height: 75px !important;
    margin-top: -15px;
	margin-right: 20px;
    margin-left: 5px;
}
@media (max-width: 545px) {
	#backHeader,
	#backHeader div{
		height: 28vh;
	}
	.calidadVida{
		height: 65px;
	}
	nav{
	 padding-right: 0%;
	}
	.navbar-nav{
		text-align: center;
	}
	#intro {
		background-position-x: 37%;
		background-size: contain;
		min-height: auto;
		background-position: top;
	}
	span.programa{
		font-size: 0.8em;
		font-weight: 600;
		color: #FFF;
	}
	span.cirugia{
		font-size: 0.8em;
		font-weight: 600;
		color: #FFF;
	}
	#intro .contacto{
		width: 100%; 
		margin-left: 0;
		padding: 40px 20px;
	}
	#logoIntro {
		margin: auto;
		display: block;
		margin-top: 50px;
		width: 65px;
	}
	#intro .intro__text div {
		margin-left: 10px;
		margin-top: 50px;
	}
	#intro .intro__text h1 {
		font-size: 1.3em;
	}
	#intro .intro__text h2 {
		font-size: 1.1em;
	}
	#intro .gracias {
		color: var(--blue);
		font-size: 2em;
	}
	#anios .anios {
		font-size: 2.5em;
	}
	#anios .fueraArg{
		font-size: 2em;
	}
	#anios .pacientes {
		font-size: 2.1em;
		line-height: 1.3em;
	}
	#anios .fueraArg img{
		display: none;
	}
	#especialidad {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.especialidad.mr ,
	.especialidad{ 
		margin: auto;
	}
	#especialidad img {
		height: 100px;
	}
	.especialidad.lap img {
		margin: auto;
		display: block;
		margin-bottom: 10px;
	}
	#especialidad h3,
	.especialidad h5{
		text-align: center;
    	width: 100%;
	}
	.especialidad .titulo {
		display: block;
	}
	.especialidad .titulo div{
		width: 100%;
		margin-bottom: 30px;
	}
	#especialidad p{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 50px;
		text-align: justify;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.especialidad .br{
		border-right: 0;
	}
	#equipo #dr-info {
		margin-top: 50px;
		padding-left: 10px;
	}
	#logros p{
		margin-bottom: 50px;
	}
	#candidato img{
		width: 30%;
	}
	#candidato h3 {
		font-size: 1.5em;
	}	
	section#programa{
		background-position: right;
	}
	#candidato p,
	section#programa p{
		font-size: 1em;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		text-align: justify;
	}
	section#programa h3 {
		font-size: 1.3em;
	}
	#etapas img#calendario{
		margin-top: 5rem;
	}
	#etapas .etapaContainer{
		padding-right: 0;
	}
	#etapas .etapaProc span {
		display: inline-block;
		font-size: 1.3rem;
		width: 85%;
	}
	#etapas .etapaProc img {
		display: inline-block !important;
		visibility: hidden;
		height: 1.2rem;
		margin-top: -3px;
		margin-right: 5px;
		margin-left: 0;
		position: relative;
	}
	#etapas .etapaProc.etapa3 img {
		margin-top: -35px;
	}
	#etapas .etapaProc.active img{
		visibility: visible;
	}
	#etapas .contenidoEtapa {
		padding: 40px 40px;
	}
	#etapas .masEtapa{
		text-align: center;
		display: block;
		position: relative;
		right: 0;
		top: 0;
	}
	#etapas .nombreEtapa {
		font-size: 1.8em;
	}
	#etapas .masEtapaContent{
		padding: 30px 40px;
    	font-size: 1em;
	}
	#mensajeExterior{
		justify-content: center;
		font-size: 1.3em;
		line-height: 1.3em;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#mensajeExterior > div{
		width: 90%;
	}
	section#programa .programaContent {
		padding: 20px 20px;
	}
	section#programa .cirugia img{
		width: 25px !important;
	}
	section#programa .quiero{
		font-size: 1rem;
		margin-bottom: 20px;
	}	
	#consultas h4,
	#consultas p{
		padding-left: 10px;
	}
	#consultas .btnTurno {
		justify-content: center !important;
		font-weight: 600;
		margin-bottom: 20px;
	}
	footer #programa {
		margin: auto;
		margin-bottom: 30px;
		width: fit-content;
	}
	footer #redes {
		margin: auto;
		margin-top: 30px;
		padding-right: 0;
	}
}