/*
	CSS personalizado para ABOUT
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Azul Oscuro: 1B71B8 rgb( 27,113,184) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 8DB8DB rgb(141,184,219) */
/*     Azul Claro: C6DBED rgb(198,219,237) */
/* Azul Muy Claro: E2EDF6 rgb(226,237,246) */

/*          Verde: 15AC6F rgb( 21,172,111) */
/*    Verde Medio: 8AD5B7 rgb(138,213,183) */
/*    Verde Claro: C4EADB rgb(196,234,219) */
/*Verde Muy Claro: E1F4ED rgb(225,244,237) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/****************************************** #rowWhoWeAre *****************************************/

#rowWhoWeAre .divWhoWeAre * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media (max-width: 1180px) { #rowWhoWeAre .divWhoWeAre { padding: 0px 20px; } }
@media (max-width:  480px) { #rowWhoWeAre .divWhoWeAre { padding: 0px; } }

/************************************ #rowHydrogenTerritories ************************************/

#rowHydrogenTerritories .divHydrogenTerritories *  { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowHydrogenTerritories .divHydrogenTerritories h3 { margin: 25px 0px !important; padding-top: 25px; font-weight: 900; border-top: dotted 1px var(--color2-hex); }

@media (max-width: 1180px) { #rowHydrogenTerritories .divHydrogenTerritories    { padding: 0px 20px; } }
@media (max-width:  780px) { #rowHydrogenTerritories .divHydrogenTerritories h3 { font-size: 20px; } }
@media (max-width:  580px) { #rowHydrogenTerritories .divHydrogenTerritories h3 { margin: 20px 0px !important; padding-top: 20px; font-size: 18px; } }
@media (max-width:  480px) { #rowHydrogenTerritories .divHydrogenTerritories    { padding: 0px; } }

/***************************************** #rowObjectives ****************************************/

#rowObjectives .divObjectives *  { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media (max-width: 1180px) { #rowObjectives .divObjectives { padding: 0px 20px; } }
@media (max-width:  480px) { #rowObjectives .divObjectives { padding: 0px; } }

/*************************************** #rowBeacomeMember ***************************************/

#rowBeacomeMember .divBeacomeMember *  { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowBeacomeMember .divBeacomeMember h3 { margin: 25px 0px !important; padding-top: 25px; font-weight: 900; border-top: dotted 1px var(--color2-hex); }

#rowBeacomeMember .divForm .divCF7 .divGroup                            { display: flex; flex-wrap: wrap; align-items: flex-start; }
#rowBeacomeMember .divForm .divCF7 .divGroup *                          { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowBeacomeMember .divForm .divCF7 .divGroup div                        { margin-bottom: 20px; width: 100%; }
#rowBeacomeMember .divForm .divCF7 .divGroup label                      { font-size: 18px; }
#rowBeacomeMember .divForm .divCF7 .divGroup label + span               { margin-top: 10px; display: block; }
#rowBeacomeMember .divForm .divCF7 .divGroup input                      { padding: 12px; width: 100%; font-size: 16px; color: var(--color1-hex); }
#rowBeacomeMember .divForm .divCF7 .divGroup input                      { background: #FAFAFA; border: solid 1px #CCCCCC; }
#rowBeacomeMember .divForm .divCF7 .divGroup textarea                   { padding: 12px; width: 100%; font-size: 16px; color: var(--color1-hex); }
#rowBeacomeMember .divForm .divCF7 .divGroup textarea                   { background: #FAFAFA; border: solid 1px #CCCCCC; height: 160px; }
#rowBeacomeMember .divForm .divCF7 .divGroup input:focus                { background: #FFFFFF; }
#rowBeacomeMember .divForm .divCF7 .divGroup textarea:focus             { background: #FFFFFF; }
#rowBeacomeMember .divForm .divCF7 .divGroup input[type="submit"]       { padding: 3px 0px 0px 0px; width: 100%; height: 100%; color: #000000; background: none; border: solid 2px #000000; line-height: 100%; }
#rowBeacomeMember .divForm .divCF7 .divGroup input[type="submit"]:hover { color: #FFFFFF; background: var(--color1-hex); }
#rowBeacomeMember .divForm .divCF7 .divGroup input[type="checkbox"]     { width: 20px; height: 20px; }
#rowBeacomeMember .divForm .divCF7 .wpcf7-list-item                     { margin: 0px; }
#rowBeacomeMember .divForm .divCF7 .wpcf7-not-valid-tip                 { padding-top: 5px; }
#rowBeacomeMember .divForm .divCF7 .divGroup .spanNota                  { margin-top: 10px; font-size: 12px; font-weight: 300; display: block; }

#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divEntity { padding-right: 10px; width: 50%; }
#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divLogo   { padding-left:  10px; width: 50%; }
#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divWeb    { padding-right: 10px; width: 50%; }
#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divRegion { padding-left:  10px; width: 50%; }
#rowBeacomeMember .divForm .divCF7 .divGroupContact .divPerson { padding-right: 10px; width: 50%; }
#rowBeacomeMember .divForm .divCF7 .divGroupContact .divMail   { padding-left:  10px; width: 50%; }

#rowBeacomeMember .divForm .divCF7 .divGroupAcepto              { display: block; }
#rowBeacomeMember .divForm .divCF7 .divGroupAcepto .divLegal    { margin-bottom: 0px; }
#rowBeacomeMember .divForm .divCF7 .divGroupAcepto .divLegal  p { margin: 10px 0px; }
#rowBeacomeMember .divForm .divCF7 .divGroupAcepto .divAcepto   { margin-bottom: 0px; display: flex; align-items: center; }
#rowBeacomeMember .divForm .divCF7 .divGroupAcepto .divAcepto p { margin: 10px 0px 10px 10px; }

#rowBeacomeMember .divForm .divCF7 .divGroupSubmit                       { padding: 10px 0px; justify-content: center; }
#rowBeacomeMember .divForm .divCF7 .divGroupSubmit .divSubmit            { margin-bottom: 0px; width: 160px; height: 50px; display: flex; align-items: center; }
#rowBeacomeMember .divForm .divCF7 .divGroupSubmit .wpcf7-spinner        { position: relative; left: -30px; width: auto; height: auto; margin: 0px; }
#rowBeacomeMember .divForm .divCF7 .divGroupSubmit .wpcf7-spinner        { background: none; line-height: normal; -webkit-animation: fa-spin 1s infinite linear; animation: fa-spin 1s infinite linear; }
#rowBeacomeMember .divForm .divCF7 .divGroupSubmit .wpcf7-spinner:before { content: "\f021"; position: relative; top: auto; left: auto; width: auto; height: auto; }
#rowBeacomeMember .divForm .divCF7 .divGroupSubmit .wpcf7-spinner:before { font-family: "FontAwesome"; font-size: 18px; }
#rowBeacomeMember .divForm .divCF7 .divGroupSubmit .wpcf7-spinner:before { background: none; border-radius: 0px; animation: none; transform: none; }

@media (max-width: 1180px) { #rowBeacomeMember .divBeacomeMember { padding: 0px 20px; } }

@media (max-width: 980px) {
	#rowBeacomeMember .divForm .divCF7 .divGroup        input                  { padding: 10px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        input[type="submit"]   { font-size: 14px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupAcepto  p                      { font-size: 14px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupSubmit  .divSubmit             { width: 150px; height: 45px; }
}

@media (max-width: 780px) {
	#rowBeacomeMember .divBeacomeMember                 h3                     { font-size: 20px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        div                    { margin-bottom: 10px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        label                  { font-size: 16px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        label + span           { margin-top: 5px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        input                  { padding: 8px; font-size: 14px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        textarea               { padding: 8px; font-size: 14px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        input[type="checkbox"] { width: 18px; height: 18px; }
	#rowBeacomeMember .divForm .divCF7 .divGroup        input[type="submit"]   { font-size: 13px; border-width: 1px }
	#rowBeacomeMember .divForm .divCF7 .divGroup        .spanNota              { margin-top: 5px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupName    .divFirst              { padding-right: 5px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupName    .divLast               { padding-left:  5px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupPhone   .divPhone-1            { margin: 0px 5px 10px 0px; width: 55px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupPhone   .divPhone-2            { margin: 0px 5px 10px 5px; width: 55px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupPhone   .divPhone-3            { margin: 0px 5px 10px 5px; width: 55px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupPhone   .divPhone-4            { margin: 0px 0px 10px 5px; width: 55px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupAcepto  p                      { font-size: 13px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupSubmit  .divSubmit             { width: 140px; height: 40px; }
}

@media (max-width: 580px) {
	#rowBeacomeMember .divBeacomeMember                 h3                     { margin: 20px 0px !important; padding-top: 20px; font-size: 18px; }
	#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divEntity             { padding-right: 0px; width: 100%; }
	#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divLogo               { padding-left:  0px; width: 100%; }
	#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divWeb                { padding-right: 0px; width: 100%; }
	#rowBeacomeMember .divForm .divCF7 .divGroupEntity  .divRegion             { padding-left:  0px; width: 100%; }
	#rowBeacomeMember .divForm .divCF7 .divGroupContact .divPerson             { padding-right: 0px; width: 100%; }
	#rowBeacomeMember .divForm .divCF7 .divGroupContact .divMail               { padding-left:  0px; width: 100%; }
	#rowBeacomeMember .divForm .divCF7 .divGroupAcepto  p                      { font-size: 12px; }
}

@media (max-width:  480px) { #rowBeacomeMember .divBeacomeMember { padding: 0px; } }