html {
	height: 100%; }

body {
	font-family: 'Open Sans', sans-serif;
	color: #666666;
	font-size: 13px;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
	body.gracias {
		height: 100%; }
	@media screen and (max-width: 768px) {
		body {
			padding-bottom: 62px; } }

.open-font {
	font-family: "Open Sans", sans-serif !important; }

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px; }

h1, .h1, .jumbotron h1 {
	font-family: 'Cardo', serif;
	font-size: 50px;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0; }
	@media screen and (max-width: 991px) {
		h1, .h1, .jumbotron h1 {
			font-size: 40px; } }
	@media screen and (max-width: 768px) {
		h1, .h1, .jumbotron h1 {
			font-size: 35px;
			text-align: center;
			line-height: 1.1; } }

h2, .h2, .jumbotron h2 {
	font-family: 'Cardo', serif;
	font-size: 27px;
	font-weight: 600; }
	@media screen and (max-width: 991px) {
		h2, .h2, .jumbotron h2 {
			font-size: 23px; } }
	@media screen and (max-width: 768px) {
		h2, .h2, .jumbotron h2 {
			font-size: 18px;
			text-align: center; } }

h3, .h3, .jumbotron h3 {
	font-family: 'Cardo', serif;
	font-size: 23px;
	font-weight: 500; }
	@media screen and (max-width: 991px) {
		h3, .h3, .jumbotron h3 {
			font-size: 18px; } }

h4, .h4, .jumbotron h4 {
	font-family: 'Cardo', serif;
	font-size: 13px;
	font-weight: 500; }

p {
	font-weight: 400;
	font-size: 15px; }

@media screen and (max-width: 991px) {
	.mobile-margin {
		margin-top: 20px; } }

.txt-white {
	color: #fff; }

.txt-blue {
	color: #3a69b1; }

.txt-bluev2 {
	color: #659eff;
	}

.bajada {
	font-size: 18px; }

.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; }

b, strong, .strong {
	font-weight: 700 !important; }

.border-radius {
	border-radius: 10px; }

.top10 {
	margin-top: 10px; }

.top20 {
	margin-top: 20px; }

.top25 {
	margin-top: 25px; }

.top30 {
	margin-top: 30px; }

.top40 {
	margin-top: 40px; }

.top50 {
	margin-top: 50px; }

.top60 {
	margin-top: 60px; }

.top70 {
	margin-top: 70px; }

.top80 {
	margin-top: 80px; }

.top90 {
	margin-top: 90px; }

.top100 {
	margin-top: 100px; }

.img-responsive {
	display: inline-block; }

.btn-primario {
	color: #fff;
	border-radius: 7px;
	padding: 10px 15px;
	background-color: #3D67AF;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
	border: none; }
	.btn-primario:hover, .btn-primario:focus {
		color: #fff;
		background-color: #3174e6;
		text-decoration: none; }

.llamar {
	margin-bottom: 10px; }

.navbar {
	margin-bottom: 0; }
	.navbar .navbar-brand {
		height: inherit; }
		@media screen and (max-width: 768px) {
			.navbar .navbar-brand {
				width: 100%;
				text-align: center; } }
		.navbar .navbar-brand img {
			height: 72px; }
			@media screen and (max-width: 768px) {
				.navbar .navbar-brand img {
					display: inline-block;
					height: 62px; } }

@media screen and (max-width: 768px) {
	.telefono {
		margin: 0;
		width: 100%; } }

@media screen and (max-width: 768px) {
	.telefono h3 {
		width: 100%;
		text-align: center; } }

.telefono img {
	margin-right: 10px; }

.jumbotron {
	background-image: url("../img/top-bg.jpg");
	background-size: cover;
	background-position: top right;
	position: relative;
	padding: 0;
	margin: 0; }
	@media screen and (max-width: 768px) {
		.jumbotron {
			background-size: inherit; } }
	.jumbotron::before {
		content: "";
		z-index: 0;
		background: -moz-linear-gradient(left, rgba(4, 55, 88, 0.8) 0%, rgba(17, 9, 9, 0.7) 100%);
		background: -webkit-linear-gradient(left, rgba(4, 55, 88, 0.65) 0%, rgba(17, 9, 9, 0.7) 100%);
		background: linear-gradient(to right, rgba(61, 103, 175, 0.83) 0%, rgba(17, 9, 9, 0.7) 100%);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
	.jumbotron.gracias {
		min-height: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-align-items: center; }
		.jumbotron.gracias .container {
			padding-top: 20px;
			padding-bottom: 20px; }
		.jumbotron.gracias .logo {
			width: 280px;
			display: inline-block;
			margin-bottom: 50px; }
		.jumbotron.gracias a {
			display: inline-block; }
	.jumbotron h1 {
		color: #fff; }
	.jumbotron h2 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 200;
		font-size: 30px; }
		@media screen and (max-width: 991px) {
			.jumbotron h2 {
				font-size: 23px; } }
		@media screen and (max-width: 768px) {
			.jumbotron h2 {
				font-size: 20px;
				text-align: center; } }
	.jumbotron img.logo {
		display: block;
		margin-bottom: 110px; }
		@media screen and (max-width: 1199px) {
			.jumbotron img.logo {
				margin-bottom: 50px; } }
		@media screen and (max-width: 991px) {
			.jumbotron img.logo {
				margin-bottom: 30px;
				width: 200px; } }
	.jumbotron .container {
		position: relative; }
		@media screen and (max-width: 1199px) {
			.jumbotron .container {
				padding: 0 50px; } }
		@media screen and (max-width: 991px) {
			.jumbotron .container {
				padding: 0 15px; } }
		.jumbotron .container .row {
			display: flex;
			display: -webkit-flex;
			align-items: center;
			-webkit-align-items: center;
			flex-wrap: wrap;
			-webkit-flex-wrap: wrap; }
			.jumbotron .container .row .content-jumbo {
				margin: 50px 0; }
				@media screen and (max-width: 991px) {
					.jumbotron .container .row .content-jumbo {
						margin-bottom: 0; } }
	.jumbotron ul {
		list-style-type: none;
		padding-left: 0; }
		.jumbotron ul li {
			font-size: 20px;
			font-weight: 300;
			padding: 15px 0;
			position: relative;
			border-bottom: 1px solid rgba(255, 255, 255, 0.05);
			display: flex;
			display: -webkit-flex;
			align-items: center;
			-webkit-align-items: center;
			flex-wrap: wrap;
			-webkit-flex-wrap: wrap; }
			@media screen and (max-width: 991px) {
				.jumbotron ul li {
					font-size: 18px;
					margin: 20px 0; } }
			.jumbotron ul li:nth-child(1) {
				border-top: 1px solid rgba(255, 255, 255, 0.05); }
			.jumbotron ul li div {
				float: left; }
				.jumbotron ul li div.content-li {
					width: calc(100% - 65px); }
				.jumbotron ul li div img {
					width: 50px;
					float: left;
					margin-right: 15px; }
				.jumbotron ul li div h3 {
					margin-top: 0;
					margin-bottom: 5px; }
				.jumbotron ul li div p {
					font-size: 16px;
					font-weight: 400;
					margin-bottom: 0; }
	.jumbotron .formulario {
		padding-top: 50px;
		padding-bottom: 50px; }
		.jumbotron .formulario h3 {
			font-family: "Open Sans", sans-serif !important;
			font-weight: 100; }
		.jumbotron .formulario .col-2 {
			width: calc(50% - 5px);
			width: -webkit-calc(50% - 5px);
			float: left; }
			.jumbotron .formulario .col-2:nth-child(1) {
				margin-right: 10px; }
		.jumbotron .formulario .top-form {
			background-color: #3a69b1;
			padding: 22px;
			text-align: center;
			border-radius: 10px 10px 0 0; }
			.jumbotron .formulario .top-form h3 {
				margin: 0;
				padding: 0; }
		.jumbotron .formulario .form {
			color: #6f6f6f;
			font-weight: 400;
			background-color: #fff;
			border-radius: 0 0 10px 10px;
			padding: 5px 20px 10px; }
			.jumbotron .formulario .form p {
				font-size: 12px;
				font-weight: 400; }
			.jumbotron .formulario .form .form-group {
				margin-bottom: 10px;
				position: relative; }
				.jumbotron .formulario .form .form-group input {
					border: 1px solid #DFDFDF;
					height: 35px;
					padding: 0 10px; }
					.jumbotron .formulario .form .form-group input::-webkit-input-placeholder {
						font-size: 11px; }
					.jumbotron .formulario .form .form-group input:-moz-placeholder {
						font-size: 11px; }
					.jumbotron .formulario .form .form-group input::-moz-placeholder {
						font-size: 11px; }
					.jumbotron .formulario .form .form-group input:-ms-input-placeholder {
						font-size: 11px; }
			.jumbotron .formulario .form .btn-primario {
				margin: 15px 0; }
		.jumbotron .formulario p {
			font-size: 13px;
			text-align: center;
			margin: 10px 0; }

#nosotros {
	padding: 40px 15px 50px; }

#materias {
	padding: 40px 15px 50px;
	background-color: #F5F5F5; }
	#materias .panel-group {
		position: relative; }
		#materias .panel-group .panel {
			border: none;
			margin-bottom: 16px;
			-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
			#materias .panel-group .panel .panel-heading {
				text-decoration: none;
				display: block;
				position: relative;
				background: #fff; }
				#materias .panel-group .panel .panel-heading::after {
					content: "+";
					font-size: 26px;
					color: #BDBDBD;
					position: absolute;
					right: 10px;
					top: 50%;
					-webkit-transform: translate(0, -50%) !important;
					-ms-transform: translate(0, -50%) !important;
					transform: translate(0, -50%) !important;
					ms-transform: translate(0, -50%) !important; }
				#materias .panel-group .panel .panel-heading:hover .panel-title {
					color: #3a69b1; }
				#materias .panel-group .panel .panel-heading:hover::after {
					color: #3a69b1; }
				#materias .panel-group .panel .panel-heading .panel-title {
					text-transform: uppercase;
					font-size: 15px; }
			#materias .panel-group .panel .panel-heading[aria-expanded="true"] {
				color: #3a69b1; }
				#materias .panel-group .panel .panel-heading[aria-expanded="true"]::after {
					content: "-";
					top: 45%;
					right: 13px; }
		#materias .panel-group .panel-body {
			border-top-color: #ddd;
			font-size: 11px;
			color: #333;
			text-align: justify; }

#llamado {
	background-image: url("../img/llamado-bg.jpg");
	background-size: cover;
	background-position: center center;
	padding: 100px 15px;
	position: relative; }
	#llamado h2 {
		font-size: 29px;
		font-weight: 300;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 40px;
		line-height: 1.2; }

footer {
	padding: 30px 10px; }
	@media screen and (max-width: 991px) {
		footer img {
			width: 200px; } }

label.error {
	color: red;
	position: absolute;
	top: 9px;
	right: 4px;
	font-size: 11px;
	font-weight: 400;
	background: #fff; }

/* KIT DE CONTACTO */
#kit-contacto {
	position: fixed;
	bottom: 0;
	width: 100%; }
	@media screen and (min-width: 769px) {
		#kit-contacto {
			display: none; } }
	#kit-contacto ul {
		list-style-type: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		align-items: center;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
		width: 100%; }
		#kit-contacto ul li {
			display: inline-block;
			width: 50%; }
			#kit-contacto ul li a {
				display: block;
				background-color: #3174e6;
				width: 100%;
				text-align: center;
				color: #fff;
				font-size: 11px;
				text-transform: uppercase;
				padding: 8px 5px;
				font-weight: 700;
				border-right: 1px solid rgba(255, 255, 255, 0.4);
				border-top: 1px solid rgba(255, 255, 255, 0.4); }
				#kit-contacto ul li a:hover, #kit-contacto ul li a:focus {
					text-decoration: none; }
				#kit-contacto ul li a span {
					font-size: 25px;
					display: block;
					margin-bottom: 6px; }
