/*fonts*/
@font-face {
	font-family: AlteHaasGrotesk;
	src: url("fonts/AlteHaasGroteskBold.ttf");
}

@font-face {
  font-family:  HelveticaNeue;
  src: url("fonts/HelveticaNeue.otf");
}
@font-face {
	font-family: HelveticaBold;
	src: url("fonts/HelveticaNeue-Bold.otf");
}

@font-face {
	font-family: MyriadPro;
	src: url("fonts/myriadpro-light.otf");
}

.navtext{
	font-family: AlteHaasGrotesk;
	color: white;
	font-size: 1.3333rem;
}

.HelveticaBold{
	font-family: HelveticaBold;
	font-size: 2.0833rem;
	color: #4C207B;
}

.HelveticaSub{
	font-family: HelveticaNeue;
	color: #4C207B;
	font-size: 2.25rem;
}

.txticonos{
	font-family: HelveticaNeue;
	color: #4C207B;
	font-size: 1rem;
}

.helveticaTxt{
	font-family: HelveticaNeue;
	font-size: 1rem;
	color: #B3B3B3;
}

.collapsetext{
	color: rgb(76, 36, 121);
}

.wtlink{
	color: #FFF;
}

.helveticaSocios{
	font-family: HelveticaNeue;
	font-size: 1rem;
	color: #4C207B;
}

.SociosText{
	font-family: MyriadPro;
	font-size: 1rem;
	color: #B3B3B3;
}

.sociosLinkedin{
	font-size: 1.25rem;
	color: rgba(18,123,177);
}

/* navbar */

body .navbar-success{
	background-image: url("../imgs/fondo_navbar.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
}
.nav-link{
	font-family: AlteHaasGrotesk;
	color: #FFF;
	font-size: 1.24rem;
}

.custom-toggler.navbar-toggler {
  border-color: white;
}

.custom-toggler .navbar-toggler-icon {
  color: white;
}

/*--- Background 1 ---*/
.fondo-Slider{
	background: url("imgs/headerConsultorias.png");
	height: 100vh;
	background-position: center;
	background-size: cover;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: -2;
}
.hero-box{
	position: relative;
	top: 20%;
	margin-left: 0%;
	margin-right: -10%;
	background-color: #000000;
	z-index: -1;
	opacity: 0.5;
}

.hero-text{
	transition:
	font-family: HelveticaBold;
	font-size: 2rem;
	padding: 4;
	text-align: left;
	color: white;
}

.contenido{
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    width: 100%;
}
.video-responsive iframe{
    left:0;
    top:0;
		bottom: 0;
		right: 0;
    height:100%;
    width:100%;
    position:absolute;
}

/*** subheader**/
#subheader{
	text-align: center;
	align-content: center;
}

	#subheader>span>{
	margin-top: 10px !important;

}
/*QuienesSomos*/
.nuestroproposito-bg{
	background-color: #F2F2F2;
}

#ListaServicios .btn[aria-expanded="false"] span:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
	color: #4C207B;
	font-size: 1.25rem;

}

#ListaServicios .btn[aria-expanded="true"] span:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f068";
	color: #4C207B;
	font-size: 1.25rem;

}

/**Socios**/
.fondo-socios{
	background: url("../imgs/headerSocios.png");
	height: 50vh;
	background-position: center;
	background-size: cover;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: -2;
}

#listaSocios .btn[aria-expanded="false"] span:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
	color: #4C207B;
	font-size: 1.25rem;
}

#listaSocios .btn[aria-expanded="true"] span:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f068";
	color: #4C207B;
	font-size: 1.25rem;
}

/**Contacto**/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

fieldset{
	padding: 20px;
  border: none;
}

textarea, input{
	font-family: HelveticaNeue;
  border-radius: 11.363px !important;
  background-color: rgb(242, 242, 242) !important;
}

input.formBtn{
  border-radius: 11.363px;
  font-family: HelveticaBold;
  color: #4C207B;
  vertical-align: middle;
	padding: 10px;
	float: right;
}

input.formBtn-L{
  border-radius: 11.363px;
  font-family: HelveticaBold;
  color: #4C207B;
  vertical-align: middle;
	padding: 10px;
	float: left;
}

.formBtn:hover{
  background-color:white;
	color: #4C207B;
}
.formBtn-L:hover{
  background-color:white;
	color: #4C207B;
}

/***FOOTER***/

.footer{
	width: 100%;
	float: right;
}

.footer-list{
	list-style-type: none;
	padding: 0;
}

.footer-color {
	background-color: #252525;
	color: #7e7e7e;
}

.redes-list{
	list-style-type: none;
	display: inline-block;
	padding-left: 15px;
	font-size: 1.50rem;
}


@media (min-width: 1360px) {
    nav { max-width: 1903px; }
}
@media (max-width: 1360px) {
    nav { max-width: 1343px; }