/*----------------------estilos generales----------------------*/
body{
	font-family: 'Montserrat', sans-serif;}
.boxShadow{-webkit-box-shadow: -1px -1px 25px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px -1px 25px 0px rgba(0,0,0,0.75);box-shadow: -1px -1px 25px 0px rgba(0,0,0,0.75);-webkit-box-shadow: -1px -1px 21px -3px rgba(0,0,0,0.75);-moz-box-shadow: -1px -1px 21px -3px rgba(0,0,0,0.75);box-shadow: -1px -1px 21px -3px rgba(0,0,0,0.75)}
.contenedor{
	height: 100vh;
	scroll-behavior: smooth;
	overflow-y: scroll;
	overflow-x: hidden;
}
.circle {
 width: 1.6vw!important;
 height: 1.6vw!important;
    margin-right: 0.7%!important;
    margin-left: 0.7%!important;
 border-radius: 10%!important; /* the magic */
 -moz-border-radius: 10%!important;
 -webkit-border-radius: 50%!important;
}
.circle2 {
 width: 3.5vw!important;
 height: 3.5vw!important;
 border-radius: 10%!important; /* the magic */
 -moz-border-radius: 10%!important;
 -webkit-border-radius: 50%!important;

}
.alert{
	padding: 1em;
	color: #fff;
	border-radius: 2px;
	margin-bottom: 20px;
	font-size: 14px;
}
.alert.error{
	background: #f2dede;
	border:1px solid #a94442;
	color: #a94442
}
.alert.success{background: #4caf50;}
.g-recaptcha{transform: scale(0.7);display: inline-block;}
@media screen and (min-width: 992px){.img_fa{margin-left: 30%!important;}}
@media screen and (max-width: 500px){.g-recaptcha {margin-left: -40px;}}
.container2 {
 width: 100%;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto
}
@media (min-width:576px) {.container2 {max-width: 800px}}
@media (min-width:768px) {.container2 {max-width: 1100px}}
@media (min-width:992px) {.container2 {max-width: 1400px}}
@media (min-width:1200px) {.container2 {max-width: 1300px}}
/*----------------------fin estilos generales----------------------*/
/*---------------------Info-----------------------*/
.Info{background: #3C65AA;}
.ColorLetraInfo{color: #fff;}
.ColorLetraInfo:hover{text-decoration: none;color: #D4DD8E;}
/*---------------------Fin Info---------------------*/
/*---------------------barra de navegacion---------------------*/
.colorPnav{color: #fff;}
.bg_barra{background: #3C65AA;}
.tmLogoNav{width: 14rem;height: 4.5rem;}
.block {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 1s ease;
	background-image: linear-gradient(90deg, #3C65AA, #3C65AA); /*color de fondo*/
}
.cta {
	height: 3rem; /*tamano del boton completo*/
	width: 3rem; /*tamano del boton completo*/
	cursor: pointer;
}
.toggle-btn {
	height: 0.1rem;
	width: 1.5rem;
	background-color: #fff; /*color de las rayitas*/
	position: relative;
	top: 50%;
	left: 0;
	margin: auto;
	transition: all 0.3s ease-in-out;
}
.toggle-btn:before {
	content: "";
	height: 0.1rem;
	width: 1.5rem;
	box-shadow: 0 -0.6rem 0 0 #fff; /*color de las rayitas*/
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}
.toggle-btn:after {
	content: "";
	height: 0.1rem;
	width: 1.5rem;
	box-shadow: 0 0.6rem 0 0 #fff; /*color de las rayitas*/
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}
.active .toggle-btn {background-color: transparent;transition: all 0.2s ease-in-out;}
.active .toggle-btn:before {top: 0;transition: all 0.3s ease-in-out;}
.active .toggle-btn:after {top: 0;transition: all 0.3s ease-in-out;}
.active .type1:before {left: 0.5rem;transform: translateY(0.5rem) rotate(-45deg);}
.active .type1:after {top: 0;left: 0.5rem;transform: translateY(-0.4rem) rotate(45deg);}
/*------------------------ fin Barra de navegacion------------------------*/
/*------------------------Formulario 1 heder------------------------*/
.formulario_1{
	padding-top: 5%;
	padding-bottom: 5%;
	background: url("../img/img-page/header-image.jpg") fixed;
	max-height: 100%;
	position: relative;
	margin: 0 auto;
	background-size: cover;
}
.textInicio{
	color: #fff;
	font-weight: 600;
	line-height: 80%;
}
.img_fa{width:7%; height:7%;}
.TitleColorForm{
	color:#3C65AA;
	font-weight: 600;
	font-size: 2rem;
}
.recuadro_form{
	background: #FFFFFF;
	width: 100%;
	max-width: 30rem
}
@media screen and (max-width: 450px){.recuadro_form{display: none;}}
@media screen and (max-width: 991px) {
  .recuadro_form {margin: auto;}
  .textInicio {margin: auto;padding-bottom: 5%;}
  .{display: none;}.textInicio{text-align: center;}
}
.input_1 {
  width: 90%;
  margin: auto;
  border: none;
  max-height: 10rem;
}
.hrStyle1 {width: 90%;background: #ccc;}
.StylesSubmit {
  background: #3C65AA;
  border: none;
  color: #fff;
  width: 40%;
  cursor: pointer;
}
@media screen and (max-width: 1450px){.textInicio{color: #fff;font-size: 3.85vw;}}
@media screen and (max-width: 500px){.textInicio{color: #fff;font-size:1.2rem;text-align: center;}.img_fa{margin-left:auto;}.TitleColorForm{}}
@media screen and (min-width: 1451px){.textInicio{color: #fff;font-size: 4.5vw;}}
@media screen and (min-width: 1612px){.textInicio{color: #fff;font-size: 4vw;}}
@media screen and (min-width: 1814px){.textInicio{color: #fff;font-size: 3.5vw;}}
@media screen and (min-width: 2073px){.textInicio{color: #fff;font-size: 3vw;}}
@media screen and (min-width: 2418px){.textInicio{color: #fff;font-size: 2.5vw;}}
@media screen and (min-width: 2902px){.textInicio{color: #fff;font-size: 2vw;}}
/*------------------------fin Formulario 1 heder------------------------*/
/*------------------------Sobre Nosotros------------------------*/
.sobreNosotros{position: relative;}
.HrColor2{
	background: #3C65AA;
	color: #3C65AA;
	height: 0.2rem
}
.Title_SobreNosotros{
	color: #3C65AA;
	font-size: 6vw;
	text-align: center;
}
.ubicacionWhatss{
	position: absolute;
	width: 5rem;
	height: auto;
	bottom: 2%;
	z-index: 1;
	left: 2rem;
}
@media screen and (max-width: 760px){.ubicacionWhatss{width: 4rem;}}
@media screen and (max-width: 576px){.ubicacionWhatss{width: 3rem;}}
.letraSlider {font-size: 2.2rem;}
.Control_slider_Flechas{width: 20%;}
.letraSlider2{font-size: 2rem;}

@media screen and (max-width: 1600px){.letraSlider{font-size: 1.8rem;}}
@media screen and (max-width: 1450px){.letraSlider{font-size: 1.7rem;}}
@media screen and (max-width: 1371px){.letraSlider{font-size: 1.6rem;}}
@media screen and (max-width: 1293px){.letraSlider{font-size: 1.5rem;}}
@media screen and (max-width: 1215px){.letraSlider{font-size: 1.4rem;}}
@media screen and (max-width: 1137px){.letraSlider{font-size: 1.3rem;}}
@media screen and (max-width: 1059px){.letraSlider{font-size: 1.2rem;}}
@media screen and (max-width: 980px){.letraSlider{font-size: 1.1rem;}}
@media screen and (max-width: 902px){.letraSlider{font-size: 1rem;}}
@media screen and (max-width: 824px){.letraSlider{font-size: 0.9rem;}}

.text_pag_sobrenosotros{
	text-align: justify;
	font-size: 1rem;
	text-indent: 3rem!important;
}
/*------------------------Fin Sobre Nosotros------------------------*/
/*------------------------Servicios------------------------*/
.nav.nav-tabs {
	float: left;
	display: block;
	border-bottom:0;
	border-right: 1px solid #ddd;
	padding-right: 15px;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	background: #fff;
	border-left: solid 0.5rem #F2F2F2 !important;
}
.nav-tabs .nav-link.active {
	color: #495057;
	background-color:#F0F3F8 !important;
	border-color: transparent !important;
	border-left: solid 0.5rem #3C65AA !important;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0rem!important;
	border-top-right-radius: 0rem!important;
}
.tab-content>.active {
	display: block;
	background: #fff;
	min-height: 165px;
}
.nav.nav-tabs {
	float: left;
	display: block;
	border-bottom: 0;
	border-right: 1px solid transparent;
	padding-right: 15px;
}
.tab-pane p {text-align: justify;}
.colorTabsLetras{color: #000;}
@media screen and (max-width:600px){.Title_SobreNosotros{font-size: 10vw;}}
@media screen and (max-width:575px){.tabs1{margin-left:25%; }}
@media screen and (max-width:525px){.tabs1{margin-left:20%; }}
@media screen and (max-width:475px){.tabs1{margin-left:15%; }}
@media screen and (max-width:425px){.tabs1{margin-left:10%; }}
@media screen and (max-width:375px){.tabs1{margin-left:5%; }}

/*------------------------Fin Servicios------------------------*/
/*------------------------Preguntas------------------------*/
.preguntas {
	padding-top: 5%;
	padding-bottom: 5%;
	background: url("../img/img-page/question.jpg") fixed; //Imagen de fondo
	max-height: 100%;
	position: relative;
	margin: 0 auto;
	background-size: cover; //ajusta el fondo a la imagen
}
.TextoPregunta{
	color: #fff;
	font-size: 5vw;
	font-weight: 600;
}
@media screen and (min-width: 2237px){.TextoPregunta{font-size: 4vw;}}
@media screen and (min-width: 2796px){.TextoPregunta{font-size: 3.5vw;}}
@media screen and (min-width: 3195px){.TextoPregunta{font-size: 3vw;}}
@media screen and (min-width: 1900px){.TextoBotonPregunta{font-size: 2rem;}}
@media screen and (min-width: 2300px){.TextoBotonPregunta{font-size: 2.5rem;}}
@media screen and (min-width: 2700px){.TextoBotonPregunta{font-size: 3rem;}}
.StiloBotonPregunta{
	background:#3C65AA;
	border:none;
	cursor: pointer;
	color: #fff;
}
/*------------------------Fin Preguntas------------------------*/
/*------------------------Formulario 2------------------------*/
.formulario2{width: 80%;margin: auto;}
.form-control_massage{
	width: 80%;
	margin-top: 15px;
	border-radius: 40px;
	border: 1px solid rgba(191, 201, 202,0.5);
	padding-left: 10px;
	padding-bottom: : 40px;
	background: #fafafa;
	color: grey;
	font-size: 19px;
	font-weight: 200;
}
.contact_us{
	font-size:2.8rem;
	font-weight:600;
	color:#3C65AA;
	text-align:center;
	padding-top: 6%;
	padding-bottom: 2%;
}
.letras_img {
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	padding: 20px;
	transition: opacity .7s;
	text-align: center;
	color: #ffffff;
	padding-top:10%;
}
.indent_2{
	padding-top: -5px;
	margin-left:32px;
	color: white;
	font-size: 100%;
	font-family: 'Quicksand', sans-serif;
}
@media screen and (max-width: 375px) {
	.indent_2{
		padding-top: -5px;
		margin-left: 0px;
		color: white;
		font-family: 'Quicksand', sans-serif;
		text-align: center;
	}
	.colorLetraFooter{
		font-size: 1.12em;
		margin-top: 10%;
		text-align: center;
	}
	.contact_us{font-size: 2rem;}
	.media-body{margin-bottom: 0;}
}
/*------------------------fin Formulario 2------------------------*/
/*------------------------ footer ------------------------*/
.tmBotonFooter{
	width: 100%;
	margin-top: 4%;
	color: #3C65AA;
	font-weight: 600;
	cursor: pointer;
	background: #fff;
	border:none;
}
.footer{background:#3C65AA;}
.derechos{background: black;color: #fff;}
.tmIconosFooter{width: 9%;}
.media-body{color: #fff;}
.aurora{
	font-weight: 600;
	background: -webkit-linear-gradient(to left, #52B5A2, #6587CE, #B36FF4);
	background: -o-linear-gradient(to left, #52B5A2, #6587CE, #B36FF4);
	background: linear-gradient(to bottom right, #52B5A2, #6587CE, #B36FF4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	.tmLetraInfoFooter{
		font-size: 0.8rem;
	}
/*------------------------Fin footer ------------------------*/
/*------------------------Pagina de Peguntas Frecuentes ------------------------*/
.boxShadow2{-webkit-box-shadow: -1px -1px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px -1px 10px 0px rgba(0,0,0,0.75);box-shadow: -1px -1px 10px 0px rgba(0,0,0,0.75);-webkit-box-shadow: -1px -1px 10px -3px rgba(0,0,0,0.75);-moz-box-shadow: -1px -1px 10px -3px rgba(0,0,0,0.75);box-shadow: -1px -1px 10px -3px rgba(0,0,0,0.75)}
.Title_PreguntasFrecuentes{
	font-size: 4vw;
	text-align: center;
	color: #3C65AA;
}
.RespuestaPreguntasF{color: #999999;text-align: justify;}
.PreguntaPreguntasF{
	color: #000;
	font-weight: bold;
	text-align: justify;
}
@media screen and (max-width: 700px){
	.Title_PreguntasFrecuentes{
		font-size: 8vw;
	}
}
/*------------------------Fin Pagina de Peguntas Frecuentes ------------------------*/