@font-face{
 font-family:'Gotham-Bold';
 src: url('../fonts/Gotham-Bold.ttf') format('truetype'); /* everyone else take this */
}
@font-face{
 font-family:'Gotham-Book';
 src: url('../fonts/Gotham-Book.ttf') format('truetype'); /* everyone else take this */
}
body {
	background-color:  #000;
}
header {
	padding: 10px 0px 10px 0px;
}
header .fas {
	color: #fff !important;
}
.back {
	position: absolute;
	top: 50%;
	margin-top: 100px;
	left: 25px;
	display: flex;
}
.back:after {
		content: '';
 	position: absolute;
 	border-left: 30px solid transparent;
 	border-right: 30px solid transparent;
 	border-top: 30px solid #fff;
 	clear: both;
 	transform: rotate(90deg);
}
#somos .container,
#producto .container,
#asociado .container,
#alianza .container,
#cliente .container,
#socio .container,
#sucursales .container,
#contacto .container {
	background-color: #fff;
	margin-top: 15px;
}
#somos .container,
#asociado .container,
#alianza .container,
#cliente .container,
#socio .container,
#sucursales .container,
#contacto .container {
	padding: 15px 15px;
}
/*header .leyenda {
	height: 170px;
 display: flex;
 justify-content: center;
 align-items: center;
}*/
header h3 {
	color: #fff;
	margin-top: 35px;
}
header h4 {
	padding: 3px;
	border:  1px solid #fff;
	float: right;
	color: #fff;
}
/*#home img {
	z-index:  99999;
}*/
.secciones {
	position: relative;
}
.secciones img {
	display: block;
 width: 100%;
 height: auto;
 transition: all 0.2s linear;
}
/*.secciones:hover img {
	transform: scale(1.1);
}*/
.secciones .overlay {
	position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: #8e91926e;
 overflow: hidden;
 width: 0;
 height: 100%;
 transition: .5s ease;
}
.secciones .text {
 color: white;
 font-size: 20px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
}
.secciones:hover .text {
	transition: all 0.5s ease-in;
}
.secciones:hover .overlay {
	width: 131px;
	margin-left: 5px;
	height: 370px;
 top: 0;
	/*
		width: 131px;
  margin-left: 5px;
  transform: scale(1.1);
  transform: scale(1.1);
} */
}
.secciones:hover a {
	color: #000 !important;
}
.secciones {
	padding-left: 5px !important;
	padding-right: 5px !important;
	min-width: 12.333% !important;
}
.secciones a {
	color:  #fff;
	text-align: center;
	display: block;
}
.secciones a:hover {
	text-decoration: none;
}
.secciones a img {
	height: 385px;
	width: 100%;
	padding-bottom: 15px;
}


/*******  Somos     *******/
#somos .scroll {
	height: 360px;
 overflow-x: scroll;
 overflow-x: hidden;
}
#somos h2 {
	margin-top: 30px;
	color:  #000;
	font-size: 36px;
 font-family: 'Gotham-Book';
}
#somos .bottom_linea {
	margin: 8px 0px 8px 0px;
	background-color:  #000;
	width: 80px;
	height: 3px;
}
#somos  p {
	text-align:  justify;
	color: #000;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	font-size: 12px;
 font-family: 'Gotham-Book';
}
#somos h2 span, #somos  p span {
	font-weight: 700;
}
#somos img,
#asociado img,
#cliente img,
#socio img,
#sucursales img {
	box-shadow: 0px 0px 9px 5px rgb(204, 201, 201);
}


/********** Productos   *************/
#producto .nav {
	/*padding: 15px 0px 15px 0px;*/
	padding-top: 15px;
	border-bottom: 4px solid #c5c4c4;
}
#producto .nav a {
	color:  #000;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-link:hover {
	background-color: transparent !important;
	color: aqua;
	border-radius: 0px;
}
.nav-link {
	padding: 0px;
	font-family: 'Gotham-Book';
 font-size: 22px;
}
#producto .nav a:hover {
	text-decoration: none;
	/*color: aqua;*/
}
#producto .tab-content {
	padding: 35px 0px 35px 0;
}

#producto .tab-content .btn-ing {
	background-color: #000;
	color: #fff;
	border-radius: 8px;
}
#producto .tab-content .btn-ing:hover {
	text-decoration: none;
}
#producto h4 {
 padding-bottom: 15px;
 color:  #000;
 font-family: 'Gotham-Bold';
 font-size: 12px;
}
#producto p {
	color: #000;
	text-align: justify;
	font-family: 'Gotham-Book';
 font-size: 12px;
}
#producto .tab-content ul  li {
	color: #000;
	font-family: 'Gotham-Book';
 font-size: 12px;
}


/******** Asociados  ***********/
#asociado h2,
#alianza h2,
#cliente h2,
#socio h2,
#sucursales h2 {
	color:  #000;
	text-align: center;
	font-family: 'Gotham-Bold';
 font-size: 32px;
}
#asociado h2 {
	padding-top: 25px;
	padding-bottom: 35px;
}
#asociado ul li {
	color:  #000;
	font-family: 'Gotham-Book';
 font-size: 22px;
}


/**********   Alianzas    *************/
#alianza img {
	width: 230px;
	margin:  0 auto;
	padding: 35px;
}

/*********** Cliente ***************/
#cliente .scroll {
	padding-top: 40px;
	padding-bottom: 60px;
	height: 490px;
 overflow-x: scroll;
 overflow-x: hidden;
}
#cliente .base_linea,
#socio .base_linea,
#sucursales .base_linea {
	margin: 8px 0px 8px 0px;
	background-color:  #000;
	width: 120px;
	height: 3px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}
#cliente ul {
	padding-top: 25px;
	padding-bottom: 25px;
}
#cliente ul li {
	color:  #000;
	font-family: 'Gotham-Bold';
 font-size: 19px;
}

/**********  Socios **************/
#socio ul.socios {
	padding-top: 30px;
}
#socio ul li {
	color:  #000;
	width: 100%;
	padding-bottom: 30px;
	font-family: 'Gotham-Book';
 font-size: 16px;
}
#socio ul li a {
	display: block;
	width: 100%;
	position:  relative;
	color: #000;
	font-family: 'Gotham-Book';
 font-size: 16px;
}
#socio ul li a:hover {
	text-decoration: none;
}

/********* Sucursales ************/
#sucursales h2 {
	padding-top: 25px;
	float: left;
	width: 100%;
 text-align: left;
}
#sucursales h4 {
 color: #000;
 margin-top: 10px;
 text-align: left;
 margin-bottom: 0px;
 font-family: 'Gotham-Bold';
 font-size: 12px;
}
#sucursales li {
	list-style: none;
 color: #000;
 text-align: left;
 font-family: 'Gotham-Book';
 font-size: 12px;
}

/************* Contacto   ***************/
#contacto h4 {
	color: #000;
	margin-top: 20px;
	font-family: 'Gotham-Bold';
 font-size: 22px;
}
#contacto .linea_base_contact {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 50%;
	margin:  0 auto;
	height: 3px;
	background-color: #000;
}
#contacto p {
	color:  #000;
	font-family: 'Gotham-Book';
 font-size: 22px;
}
#contacto p span {
	font-weight: 700;
	font-family: 'Gotham-Bold';
}
#contacto p a {
	color:  #000;
}
#contacto p a:hover {
	text-decoration: none;
}
#contacto h3 {
	color: #000;
	margin-top: 25px;
 font-family: 'Gotham-Bold';
 font-size: 30px;
}
#contacto form {
 padding-left: 50px;
 padding-right: 50px;
 margin-top: 60px;
}
#contacto form label {
	float: left;
	color:  #000;
}
#contacto form input {
	background-color: #7f7f7f;
}
::placeholder {
	color: #fff !important;
}
#contacto .btn_send {
	background-color:  #000;
	color:  #fff;
	font-family: 'Gotham-Bold';
 font-size: 22px;
}

/****** FOOTER (Pie de página)   *********/
footer {
	/*padding: 40px 0px 15px 0px;*/
	padding: 35px 0px 25px 0px;
}
footer .flag1,
footer .flag2 {
	width: 5%;
}
footer  .flag1 {
 position: absolute;
 left: -17px;
 right: 0;
 top: 80px;
}
footer  .flag2 {
	position: relative;
	left: -17px;
	top:  -7px;
}
footer .flag1:after,
footer .flag2:after {
	content: '';
 position: absolute;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #fff;
 clear: both;
 transform: rotate(270deg);
}
footer .link_down {
	padding-left: 0px;
	padding-right: 0px;
	height: 170px;
 display: flex;
 justify-content: center;
 align-items: center;
 float: left;
}
/*footer .link_down a {
	height: 132px;
 display: flex;
 justify-content: center;
 align-items: center;
 float: left;
}*/
footer p {
	color: #fff;
	padding: 0;
	margin: 0;
}
footer  p.linea1 {
	margin-top: 35px;
}
footer a {
	color:  #fff;
}
footer a:hover {
	text-decoration: none;
	color: #fff;
}
.footer2 .tel,
.footer2 .email {
	border-right:1px solid #fff;
	/*height: 30px;*/
}
.footer2 p {
	 text-align: center;
}
.footer2 a,
.footer2 .address p {
	font-family: 'Gotham-Book';
 font-size: 12px;
}
.footer2 p.cpy {
	padding-top: 15px;
}
footer p.cpy {
	text-align:  center;
	/*padding:  25px 0px 25px 0px;*/
	margin:  0;
}
footer p.cpy span {
	font-weight: 700;
}