/*
	CSS personalizado para CONTACT
*/

/**************************************** 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 ***********************************/

/****************************************** #rowContact ******************************************/

#rowContact .divContact     { display: flex; justify-content: space-between; }
#rowContact .divContactForm { padding-right: 20px; width: 60%; }
#rowContact .divLocation    { padding-left:  20px; width: 40%; display: flex; flex-direction: column; }

#rowContact .divHeading h2  { margin-bottom: 30px !important; padding: 0px; border: none; font-size: 30px !important; }

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

#rowContact .divForm .divCF7 .divGroupName  .divFirst     { padding-right: 10px; width: 50%; }
#rowContact .divForm .divCF7 .divGroupName  .divLast      { padding-left:  10px; width: 50%; }
#rowContact .divForm .divCF7 .divGroupPhone .divPhone-1   { margin: 0px 10px 20px  0px; width: 65px; }
#rowContact .divForm .divCF7 .divGroupPhone .divPhone-2   { margin: 0px 10px 20px 10px; width: 65px; }
#rowContact .divForm .divCF7 .divGroupPhone .divPhone-3   { margin: 0px 10px 20px 10px; width: 65px; }
#rowContact .divForm .divCF7 .divGroupPhone .divPhone-4   { margin: 0px  0px 20px 10px; width: 65px; }

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

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

#rowContact .divLocation .divDatos span   { font-size: 18px; color: var(--color1-hex); display: block; }
#rowContact .divLocation .divMapa         { margin-top: 30px; height: 100%; }
#rowContact .divLocation .divMapa  iframe { width: 100%; height: 100%; }

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

@media (max-width: 980px) {
	#rowContact .divContactForm                                         { padding-right: 15px; width: 50%; }
	#rowContact .divLocation                                            { padding-left:  15px; width: 50%; }
	#rowContact .divHeading                      h2                     { margin-bottom: 25px !important; font-size: 24px !important; }
	#rowContact .divForm .divCF7 .divGroup       input                  { padding: 10px; }
	#rowContact .divForm .divCF7 .divGroup       textarea               { padding: 10px; height: 120px; }
	#rowContact .divForm .divCF7 .divGroup       input[type="submit"]   { font-size: 14px; }
	#rowContact .divForm .divCF7 .divGroupName                          { flex-direction: column; align-items: flex-start; }
	#rowContact .divForm .divCF7 .divGroupName   .divFirst              { padding-right: 0px; width: 100%; }
	#rowContact .divForm .divCF7 .divGroupName   .divLast               { padding-left:  0px; width: 100%; }
	#rowContact .divForm .divCF7 .divGroupAcepto p                      { font-size: 14px; }
	#rowContact .divForm .divCF7 .divGroupSubmit .divSubmit             { width: 150px; height: 45px; }
}

@media (max-width: 780px) {
	#rowContact .divContact                                             { flex-wrap: wrap; }
	#rowContact .divContactForm                                         { padding-right: 0px; width: 100%; }
	#rowContact .divHeading                      h2                     { margin-bottom: 20px !important; }
	#rowContact .divForm .divCF7 .divGroup       div                    { margin-bottom: 10px; }
	#rowContact .divForm .divCF7 .divGroup       label                  { font-size: 16px; }
	#rowContact .divForm .divCF7 .divGroup       label + span           { margin-top: 5px; }
	#rowContact .divForm .divCF7 .divGroup       input                  { padding: 8px; font-size: 14px; }
	#rowContact .divForm .divCF7 .divGroup       textarea               { padding: 8px; font-size: 14px; height: 100px; }
	#rowContact .divForm .divCF7 .divGroup       input[type="checkbox"] { width: 18px; height: 18px; }
	#rowContact .divForm .divCF7 .divGroup       input[type="submit"]   { font-size: 13px; border-width: 1px }
	#rowContact .divForm .divCF7 .divGroup       .spanNota              { margin-top: 5px; }
	#rowContact .divForm .divCF7 .divGroupName                          { flex-direction: row; align-items: flex-end; }
	#rowContact .divForm .divCF7 .divGroupName   .divFirst              { padding-right: 10px; width: 50%; }
	#rowContact .divForm .divCF7 .divGroupName   .divLast               { padding-left:  10px; width: 50%; }
	#rowContact .divForm .divCF7 .divGroupAcepto p                      { font-size: 13px; }
	#rowContact .divForm .divCF7 .divGroupSubmit .divSubmit             { width: 140px; height: 40px; }
	#rowContact .divLocation                                            { margin-top: 20px; padding-left:  0px; width: 100%; }
	#rowContact .divLocation .divMapa                                   { margin-top: 20px;  height: 300px; }
}

@media (max-width: 580px) {
	#rowContact .divContact                                             { padding: 0px 10px; }
	#rowContact .divForm .divCF7 .divGroupName   .divFirst              { padding-right: 5px; }
	#rowContact .divForm .divCF7 .divGroupName   .divLast               { padding-left:  5px; }
	#rowContact .divForm .divCF7 .divGroupPhone  .divPhone-1            { margin: 0px 5px 10px 0px; width: 55px; }
	#rowContact .divForm .divCF7 .divGroupPhone  .divPhone-2            { margin: 0px 5px 10px 5px; width: 55px; }
	#rowContact .divForm .divCF7 .divGroupPhone  .divPhone-3            { margin: 0px 5px 10px 5px; width: 55px; }
	#rowContact .divForm .divCF7 .divGroupPhone  .divPhone-4            { margin: 0px 0px 10px 5px; width: 55px; }
	#rowContact .divForm .divCF7 .divGroupAcepto p                      { font-size: 12px; }
	#rowContact .divLocation .divDatos span                             { font-size: 16px; }
}

@media (max-width: 480px) {
	#rowContact .divForm .divCF7 .divGroupName                          { flex-direction: column; align-items: flex-start; }
	#rowContact .divForm .divCF7 .divGroupName   .divFirst              { padding-right: 0px; width: 100%; }
	#rowContact .divForm .divCF7 .divGroupName   .divLast               { padding-left:  0px; width: 100%; }
}