@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i&display=swap');

/*
font-family: 'Raleway', sans-serif;
300 light
400 regular
700 bold
*/

html, body {
	background: #fff;
	font-family: 'Raleway', sans-serif;
	scroll-behavior: smooth;
	scroll-padding-top: 170px;
}
a:hover, input[type="submit"]:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	text-decoration: none;
}
.container-fluid {
	padding: 0;
}
header {
	background: #fff;
	overflow: auto;
}
a {
	color: #5788b4;
}
.navbar {
	padding: 0;
	font-size: 1.125rem;
}
.navbar a {
	color: #000;
}
.redes {
	text-align: right;
}
.redes a {
	font-size: 1.8rem;
	color: #999999;
}
.fa-whatsapp {
	font-size: 2.5rem;
	color: #04ad37;
}
.sliderHome {
	max-height: 31.25rem;
}
.carousel-caption {
	width: 50%;
	height: 65%;
	background: rgba(0,0,0, .5);
	top: 3em;
	right: 3em;
	left: auto;
	text-align: left;
	padding: 1em;
	z-index: 0;
}
.carousel-caption h5 {
	font-size: 2.3rem;
}
.carousel-caption p {
	font-size: 1.125rem;
}
main .tituloCentrado h2 {
	font-size: 3.125rem;
	font-weight: 300;
	color: #7f8083;
	position: relative;
	text-align: center;
	z-index: 1;
}
main .tituloCentrado h2:before {
	border-top: 1px solid #7f8083;
	content:"";
	margin: 0 auto; /* this centers the line to the full width specified */
	position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
	top: 1.8rem; left: 0; right: 0; bottom: 0;
	width: 100%;
	z-index: -1;
}

main .tituloCentrado h2 span { 
	/* to hide the lines from behind the text, you have to set the background color the same as the container */ 
	background: #fff; 
	padding: 0 1em; 
}

main .servicios .servicio {
	background: #5688b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #5688b4 0%, #00498c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5688b4 0%,#00498c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5688b4 0%,#00498c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5688b4', endColorstr='#00498c',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.2em;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	padding-top: 2.7em;
}
main .servicios .servicio.single {
	padding-top: 3.2em;
}
main .servicios .servicio a {
	color: #fff;
}
main .line {
	width: 100%;
	border-bottom: solid thin #c3c4c5;
	overflow: auto;
}
/*main .list-group-item {
	margin-left: 0;
	padding-left: 0;
	font-weight: 600;
	cursor: pointer;
}
main .collapse {
	padding: 0.5em 0 2em;
}*/
main .pics {
	border-radius: 1rem;
}
main .pic_r {
	width: 50%;
	float: right;
	margin-bottom: 1.25rem;
	margin-left: 1.25rem;
}
main .pic_l {
	width: 50%;
	float: left;
	margin-bottom: 1.25rem;
	margin-right: 1.25rem;
}
main .notas img {
	border-radius: 1rem;
	margin-bottom: 1.25rem;
}
main .notas h3 {
	font-size: 1.375rem;
	color: #5788b4;
	font-weight: 700;
	margin-bottom: 1rem;
}
main .notas p {
	color: #000;
}
main .elEstudio {
	background: #7f8083;
	color: #fff;
}
main .elEstudio h2 {
	color: #fff;
	font-size: 3.125rem;
	font-weight: 300;
}
main .elEstudio img {
	border-radius: 1rem;
}
main .contacto h2 {
	color: #000;
	font-size: 3.125rem;
	font-weight: 300;
}
main .contacto h4 a {
	color: #54565a;
	font-size: 1.875rem;
}
main .contacto i {
	color: #5788b4;
	margin-right: 0.3em;
}
main .form-control {
	background: #c3c4c5;
	border: none;
	border-radius: 0.5rem;
	margin: 0.5rem 0;
	color: #343435;
}
main .contacto iframe {
	border: thin solid #c3c4c5;
}
footer {
	background: #54565a;
}
footer .haf {
	max-width: 135px;
}




/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
	html, body {
		font-size: 14px;
		scroll-padding-top: 270px;
	}
	.redes a {
		font-size: 1.2rem;
	}
	.fa-whatsapp {
		font-size: 1.8rem;
	}
	.logo img {
		padding-top: 0.8rem;
	}
	main .servicios .servicio {
		max-width: 80%;
		max-height: 80%;
		padding-top: 2.4em;
		margin-left: auto;
		margin-right: auto;
	}
	main .servicios .servicio.single {
		padding-top: 3.0em;
	}
	.carousel-caption {
		width: 90%;
		top: 1.5em;
		right: 1.5em;
		text-align: center;
	}
	.carousel-caption h5 {
		font-size: 1.5rem;
	}
	main .contacto h4 a {
		font-size: 1.4rem;
	}
	main .pic_r, main .pic_l {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.carousel-caption {
		width: 40%;
		height: 50%;
	}
}