:root {
    --fuentePrincipal: 'Nunito', sans-serif;
    --fuenteSecundaria: Agency FB;
  }

  
  .selMen:hover h6 {
    color: #ffffff;
  }

  .selMen:hover {
    background-color: #B2161C;
  }

  h6 {
    color: #2a2a2a;
  }

  h6:hover {
    color: #fff
  }

  .carlogo {
    margin: 1rem;
  }

  .carousel-inner img {
    width: 100%;
    height: 100%;
  }

  h5 {
    font-family: var(--fuentePrincipal);
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #B2161C;
    border-radius: 11px;
    font-size: 1.3rem;
    padding: 0.3rem;
    font-weight: 300;
  }

  .estpar {
    font-family: var(--fuentePrincipal);
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #B2161C;
    font-size: 90%;
    margin-bottom: 0;
  }

  h4 {
    font-family: var(--fuentePrincipal);
    text-align: center;
    text-decoration: none;
    color: #B2161C;
    background-color: #fff;
    border-radius: 11px;
    font-size: 1.6rem;
    padding: 0.3rem;
    font-weight: 600;
  }

  h4.ccenter {
    font-family: var(--fuentePrincipal);
    text-align: center;
    text-decoration: none;
    color: #B2161C;
    background-color: inherint !important;
  }

  div {
    font-family: var(--fuentePrincipal);
    text-align: justify;
    font-size: 1.1rem;
  }

  .divopa {
    background: rgba(255, 255, 255, 0.85);
  }

  .parallax {
    background-image: url(imagenes/div2.png);
    min-height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .soluciones {
    background-image: url(imagenes/storage.jpg);
    background-size: cover;
  }

  header {
    position: relative;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden
  }

  header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  a.navtel {
    font-size: 0.9rem;
    margin-left: 1rem;
  }

  a:hover {
    text-decoration: none
  }

  .efecto:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    margin-top: 3%;
    margin-bottom: 3%;
    margin-right: 0;
  }

  .efegal:hover {
    border: 3px solid #B2161C
  }

  .efegalt:hover {
    border: 3px solid #FF5F13
  }

  .boton {
    background-color: #B2161C;
    color: #fff;
    border-color: #B2161C
  }

  .botontoy {
    background-color: #FF5F13;
    color: #fff;
    border-color: #FF5F13
  }

  .boton:hover {
    background-color: #fff;
    color: #B2161C;
    border-color: #fff
  }

  .botontoy:hover {
    background-color: #fff;
    color: #FF5F13;
    border-color: #fff
  }

  hr {
    background-color: red;
    margin-top: 0;
    margin-bottom: 0
  }

  .mapa {
    color: #000;
    background-color: #fff
  }

  .titcard {
    font-family: var(--fuentePrincipal);
    text-align: left;
    text-decoration: none;
    color: #B2161C;
    font-size: 1.1rem;
  }

  .titcardtoy {
    font-family: var(--fuentePrincipal);
    text-align: left;
    text-decoration: none;
    color: #FF5F13;
  }

  .titmen {
    font-family: var(--fuentePrincipal);
    text-decoration: none;
  }

  .titmen:hover {
    background-color: #B2161C !important;
  }

  .titmen .active {
    background-color: #B2161C;
  }

  .especif .popover:hover {
    cursor: help;
  }

  .especif {
    color: #B2161C;
    text-align: right
  }

  .especiftoy {
    color: #FF5F13;
    text-align: right
  }

  .especiftoy:hover {
    color: grey
  }

  .especif:hover {
    color: grey;
  }

  .icelectric {
    margin-top: 1%;
    margin-right: 1%;
  }

  .backgal {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
  }

  .rad {
    border-radius: 7px;
  }

  .acord {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: dark;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: .4s;
  }

  .active,
  .acord:hover {
    background-color: light;
  }

  .panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-out;
  }

  .opcs {
    border-radius: 11px;
    margin-top: .5%;
    margin-bottom: .7%;
    border: 2px solid #B2161C;
    background: rgba(0, 0, 0, 0.5);
    color: #fff
  }

  .filterDiv {
    display: none;
  }

  .show {
    display: block
  }

  .mardiv {
    margin-top: 1%;
    margin-bottom: 1%
  }

  .bcon {
    width: 100%;
    margin-bottom: 5%;
  }

  .vert {
    background-color: grey;
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%, 100);
    height: 10vh;
    width: 1px;
  }

  .fa-rsfacebook,
  .fa-rsinstagram,
  .fa-rslinkedin,
  .fa-rstwitter,
  .fa-rswhatsapp,
  .fa-rsyoutube {
    padding: 20px;
    color: #2f2f2f;
    font-size: 2rem !important;
    width: 70px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }

  .fa-rsfacebook {
    background: #3B5998;
    color: #fff;
    transform: scale(0.6);
    margin-bottom: 14%;
  }

  .fa-rstwitter {
    background: #55ACEE;
    color: #fff;
    transform: scale(0.6);
    margin-left: -5%;
    margin-bottom: 5%;
  }

  .fa-rswhatsapp {
    color: #ffffff;
    background-color: #4AC959;
    transform: scale(0.6);
    margin-left: -5%;
    margin-bottom: 5%;
  }

  .fa-rslinkedin {
    color: #ffffff;
    background-color: #0e76a8;
    transform: scale(0.6);
    margin-left: -5%;
    margin-bottom: 5%;
  }

  .fa-rsinstagram {
    color: #fff;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    transform: scale(0.6);
    margin-left: -5%;
    margin-bottom: 5%;
  }

  .fa-rsyoutube {
    color: #ffffff;
    background: #FF0000;
    transform: scale(0.6);
    margin-left: -5%;
    margin-bottom: 5%;
  }

  div .g-recaptcha {
    transform: scale(0.8);
    width: 40%;
    margin-left: -3.5%;
  }

  .paradug {
    background-image: url(imagenes/productos/baterias/sunlight/Warehouse.jpg);
    min-height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }

  .tab {
    float: left;
    border: 1px solid #ccc;
    width: 30%;
    height: auto;
  }

  .tab button {
    display: block;
    background: #224b72;
    color: #fff;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 17px
  }

  .btntit {
    background: rgba(187, 162, 19, 0.9);
    color: #224b72;
    text-align: center;
  }

  .tab button:hover {
    background-color: #224b72;
  }

  .tab button.active {
    background-color: #1e609e;
  }

  .tabcontent {
    float: left;
    padding: 0 12px;
    width: 70%;
    border-left: none;
    height: auto;
    background: #506181;
    color: #fff;
  }

  .img-bat {
    width: 70%;
  }

  .titmodbat {
    color: #84e10b;
  }

  .punt {
    color: #84e10b;
    height: 0;
    border: 1px dashed;
    background-color: inherit;
  }

  .mas {
    background-color: #014c90;
    width: 100%;
    border: none;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
  }

  .mas:hover {
    background-color: #d36a30
  }

  .btnbat {
    padding: 3% 0%;
    background-color: #B2161C;
    color: #fff;
    font-size: 1.1rem;
    width: 100%;
  }

  .btn-group,
  .btn-group1 {
    padding: 0%;
    width: 100%;
  }

  .btn-group1 {
    display: flex;
  }

  .btnbatbat,
  .btnbatac {
    width: 50%;
  }

  .btnmntray,
  .btnmntcom,
  .btnmntbt,
  .btnmntac {
    width: 25%;
  }

  .btnbat:hover {
    background-color: #fff;
    color: #B2161C;
  }

  .efegalm:hover {
    border: 3px solid #0043f0;
  }

  .botonm {
    background-color: #0043f0;
    color: #fff;
    border-color: #0043f0;
  }

  .botonm:hover {
    background-color: #fff;
    color: #0043f0;
    border-color: #fff;
  }

  .txtsun h3 {
    text-align: center;
    font-size: 2vw;
    padding-top: 3%;
  }

  .txtsun p {
    text-align: justify;
    font-size: 3vw;
  }

  .imgsun {
    text-align: center;
  }

  .imgsunall {
    width: 60%;
  }

  .txtsunbat {
    font-size: 1.5vw;
  }

  .titcardm {
    font-family: var(--fuentePrincipal);
    text-align: left;
    text-decoration: none;
    color: #0043f0;
  }

  .especifm {
    color: #0043f0;
    text-align: right;
  }

  .especifm:hover {
    color: grey;
  }

  .carmult {
    font-family: var(--fuentePrincipal);
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #0043f0;
    border-radius: 11px;
  }

  .modm {
    font-family: var(--fuentePrincipal);
    text-align: center;
    text-decoration: none;
    color: #0043f0;
    background-color: #fff;
    border-radius: 11px;
  }

  .filterDiv {
    display: none;
  }

  .show {
    display: block;
  }

  * {
    box-sizing: border-box;
  }

  .contst {
    position: relative;
    width: 100%;
    max-width: 300px;
  }

  .imgst {
    display: block;
    width: 100%;
    height: auto;
  }

  .txtst {
    position: absolute;
    bottom: 0;
    background-color: #fbb707;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    padding: 20px;
    text-align: center;
  }

  .contst:hover .txtst {
    opacity: 1;
  }

  .container {
    position: relative;
    width: 50%;
    max-width: 300px;
  }

  .image {
    display: block;
    width: 100%;
    height: auto;
  }

  .overlay {
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    padding: 20px;
    text-align: center;
  }

  .container:hover .overlay {
    opacity: 1;
  }

  .contenido {
    position: absolute;
    bottom: 117px;
    left: 20px;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    width: 30%;
  }

  .contenidocel {
    position: absolute;
    bottom: 80px;
    left: 20px;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    width: 30%;
  }

  .efegaltoy:hover {
    border: 3px solid #FF5F13;
  }

  .botontoy {
    background-color: #FF5F13;
    color: #fff;
    border-color: #FF5F13;
  }

  .botontoy:hover {
    background-color: #fff;
    color: #FF5F13;
    border-color: #fff;
  }

  .especiftoy {
    color: #FF5F13;
    text-align: right;
  }

  .especiftoy:hover {
    color: grey;
  }

  .cartoy {
    font-family: var(--fuenteSecundaria);
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #FF5F13;
    border-radius: 11px;
  }

  .modtoy {
    font-family: var(--fuenteSecundaria);
    text-align: center;
    text-decoration: none;
    color: #FF5F13;
    background-color: #fff;
    border-radius: 11px;
  }

  .titsumtoy {
    font-family: var(--fuenteSecundaria);
    text-align: left;
    text-decoration: none;
    color: #FF5F13;
    background-color: #fff;
    border-radius: 11px;
  }

  .selMen:hover .navitem .imgmenu {
    color: #ffffff;
  }

  .navitem .imgmenu {
    color: #2a2a2a !important;
  }

  .nav-link {
    color: #212529 !important;
  }

  .nav__titulos {
    font-size: 0.9rem;
    text-align: center;
  }

  .nav-link:hover {
    color: #ffffff !important;
  }

  .tablinks:hover {
    background-color: #1e609e !important;
    color: #84e10b !important;
  }

  .p_iconredes {
    color: white;
    font-size: 1.4rem;
    margin-top: 5%;
  }

  .zsiq_ellips {
    font-size: 0.9rem;
  }

  .card-text {
    font-size: 1.1rem;
  }

  /* ---------- VISIBILIDAD DE CHAT DE ZOHO ( Apartado de Soluciones )---------- */
  .zsiq_floatmain {
    display: block !important;
  }

  /** Redes Sociales **/

  div .g-recaptcha {
    transform: scale(0.8);
  }

  .icon_redsoc:hover {
    transform: scale(0.7);
    color: #000;
  }

  /**FIN Redes Sociales**/


  /** Formulario Contacto Index ************************************************************************************************************************************ **/
  #crmWebToEntityForm.zcwf_lblTopBottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  #crmWebToEntityForm.zcwf_lblTopBottom * {
    box-sizing: border-box;
  }

  #crmWebToEntityForm {
    text-align: left;
  }

  #crmWebToEntityForm * {
    direction: ltr;
  }

  .zcwf_lblTopBottom .zcwf_title {
    text-align: center;
    font-size: 1.5rem;
  }

  .zcwf_lblTopBottom .zcwf_col_fld input[type=text],
  .zcwf_lblTopBottom .zcwf_col_fld textarea {
    width: 100%;
    border: 1px solid #ccc !important;
    resize: vertical;
    border-radius: 5px;
    float: left;
    text-align: center;
  }

  /* ********************************* TEXTOS DE FORMULARIO EJEMPLO: NOMBRE, APELLIDOS, ETC... ***************************** */
  .zcwf_lblTopBottom .zcwf_col_lab {
    width: 50%;
    font-size: 1rem;
  }

  /* ********************************* INPUTS DE FORMULARIO ***************************** */
  .zcwf_lblTopBottom .zcwf_col_fld {
    width: 100%;
    margin: 0% 5%;
    font-size: 1rem;
  }

  .zcwf_lblTopBottom .zcwf_privacy {
    padding: 6px;
  }

  .zcwf_lblTopBottom .wfrm_fld_dpNn {
    display: none;
  }

  .dIB {
    display: inline-block;
  }

  .zcwf_lblTopBottom .zcwf_col_fld_slt {
    width: 60%;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    float: left;
    resize: vertical;
    padding: 2px 5px;
  }

  .wfrm_fld_dpNn {
    visibility: hidden !important;
  }

  .zcwf_lblTopBottom .zcwf_row:after,
  .zcwf_lblTopBottom .zcwf_col_fld:after {
    content: '';
    display: table;
    clear: both;
  }

  .zcwf_lblTopBottom .zcwf_col_help {
    float: left;
    margin-left: 7px;
    font-size: 14px;
    max-width: 35%;
    word-break: break-word;
  }

  .zcwf_lblTopBottom .zcwf_help_icon {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    color: #ccc;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 50%;
  }

  .campos_form {
    margin: 3% 0%;
  }

  .campos_form,
  .captcha_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .captcha_form {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .zcwf_lblTopBottom {
    margin-right: 5px;
    cursor: pointer;
    color: #333;
    font-size: 2rem;
  }

  .zcwf_lblTopBottom .zcwf_privacy_txt {
    width: 90%;
    color: rgb(0, 0, 0);
    font-size: 0.8rem;
    font-family: Verdana;
    display: inline-block;
    vertical-align: top;
    color: #333;
    padding-top: 2px;
    margin-left: 6px;
  }

  #formsubmit {
    background-color: #a91b21;
    color: #fff;
    font-size: 1rem;
  }

  #formdelete {
    background-color: #b9b5b5;
    color: #000;
    font-size: 1rem;
  }

  .zcwf_lblTopBottom .zcwf_button {
    width: 35%;
    font-size: 0.8rem;
    color: #333;
    border: 1px solid #ccc;
    padding: 3px 9px;
    margin-right: 10%;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .zcwf_lblTopBottom .zcwf_tooltip_over {
    position: relative;
  }

  .zcwf_lblTopBottom .zcwf_tooltip_ctn {
    position: absolute;
    background: #dedede;
    padding: 3px 6px;
    top: 3px;
    border-radius: 4px;
    word-break: break-all;
    min-width: 100px;
    max-width: 150px;
    color: #333;
    z-index: 100;
  }

  .zcwf_lblTopBottom .zcwf_ckbox {
    float: left;
  }

  .zcwf_lblTopBottom .zcwf_file {
    width: 35%;
    box-sizing: border-box;
    float: left;
  }

  .clearB:after {
    content: '';
    display: block;
    clear: both;
  }

  @media all {
    .zcwf_lblTopBottom .zcwf_lblTopBottom {
      width: auto;
      float: none !important;
    }

    .zcwf_lblTopBottom .zcwf_col_help {
      width: 40%;
    }
  }

  /********************* CHAT WHATSAPP *******************/

  .float-chatwhats {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 80px;
    right: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }

  .float-contenidochatwhats {
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px -1px #aaa;
    position: fixed;
    width: 200px;
    height: 60px;
    bottom: 80px;
    right: 85px;
    font-size: 0.9rem;
    color: #444;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;

  }

  .float-chatwhats:hover {
    text-decoration: none;
    color: #25d366;
    background-color: #fff;
  }

  .my-floatwhats {
    margin-top: 16px;
  }

  .chat-text,
  .chat-text1 {
    margin: 0;
    text-align: left;
  }

  .chat-text1 {
    font-size: 0.82rem;
    color: #777;
  }

  /** FIN CHAT WHATSAPP **/

  /* ALIADOS */

  #areaAl1,
  #areaAl2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1rem;
  }

  #affariAl {
    width: 30%;
  }


  #ab5Al {
    width: 20%;
  }

  #mindAl,
  #bajioAl,
  #dimopartsAl,
  #aliado6Al {
    width: 25%;
    margin: 10% 0%;
  }

  .DivInfoAliados {
    width: 100%;
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    justify-content: space-around;
    align-items: center;
  }

  .formAliad {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }

  .txtDedAliado {
    margin-top: 1rem;
  }

  .contaliados input {
    width: 90%;
  }

  .fadName {
    align-self: center;
    grid-column: 1;
    grid-row: 1;
  }

  .fadSecName {
    align-self: center;
    grid-column: 1;
    grid-row: 2;
  }

  .fadTel {
    align-self: center;
    grid-column: 2;
    grid-row: 1;
  }

  .fadMail {
    align-self: center;
    grid-column: 2;
    grid-row: 2;
  }

  .fadMessage {
    align-self: center;
    grid-row: 3;
    grid-column: 1/3;
  }

  .form_message {
    width: 100%;
  }


  .fadButton {
    align-self: center;
    width: 100%;
    grid-column: 1/3;
    grid-row: 4;
    align-items: center;
  }

  .btn_sendform {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .indcartit {
    color: #014c90;
    text-align: left;
    background-color: inherit;
  }

  #montacces>div>div>div>div>h5 {
    background-color: inherit;
    color: #5fb624;
    text-align: left;
  }

  .divcarpr {
    padding: 0;
  }

  /*  *************************REDES SOCIALES************************** */

  .redesbody{
    background-image: url("imagenes/redesocial/fdo_dimosaconectado.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: blur(6px);
  }

  .redescont,
  .redesmain,
  .redespiepag {
    max-width: 630px;
    margin: 0 auto;
  }

  .redescont {
    padding-top: 3rem;
  }

  .redescont__imagen {
    max-width: 100%;
  }

  .redescont__texto {
    background-color: #a91b21;
    padding: 1vw;
  }

  .redescont__texto h2 {
    font-size: 1.5rem;
    color: #FFF;
  }

  .redescont__texto p {
    font-size: 1rem;
    color: #d1d1d1;
  }

  .redescont__texto h2,
  .redescont__texto p {
    margin: 0;
    text-align: center;
  }

  .redesmain__contenedor {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr 1fr 1fr 0.5fr;
    align-items: center;
    border-bottom: 1px solid #929292;
    background-color: #f7f7f7c4;
    text-decoration: none;
    padding: 1rem;
  }

  .redesmain__imagen {
    grid-column: 2 / 3;
    max-width: 70px;
    margin: 0 auto;
    padding-right: 1rem;
  }

  .redesmain__texto {
    grid-column: 3 / 6;
    text-align: left;
    text-decoration: none;
  }

  .redesmain__texto--titulo {
    font-size: 1.5rem;
    font-family: 'kanit', sans-serif;
    color: #4b4b4b;
  }

  .redesmain__texto--pagina {
    font-size: 1.2rem;
    color: #838383;
  }

  .redespiepag {
    background-color: #2a2a2a;
    text-align: center;
    padding: 0.5rem;
  }

  .redespiepag__aviso {
    color: #fff;
    text-decoration: none;
  }


  @media (max-width: 1350px) {
    .btnbat {
      font-size: 1.1vw;
    }
  }

  @media (max-width: 995px) {

    .campos_form,
    .captcha_form {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }

    .zcwf_lblTopBottom .zcwf_col_lab label {
      width: 100%;
      text-align: center;
    }

    /*  TEXTOS DE FORMULARIO EJEMPLO: NOMBRE, APELLIDOS, ETC... */
    .zcwf_lblTopBottom .zcwf_col_lab {
      width: 100%;
      font-size: 1.6rem;
      text-align: center;
    }

    /* INPUTS DE FORMULARIO  */
    .zcwf_lblTopBottom .zcwf_col_fld {
      width: 100%;
      font-size: 1.5rem;
    }

    .zcwf_lblTopBottom .zcwf_button {
      margin: 0% 5%;
    }

    .captcha_form {
      width: 100%;
    }

    .zcwf_row .zcwf_col_lab {
      text-align: center;
      align-items: center;
    }

    .zcwf_title {
      visibility: hidden;
      margin-top: 4%;
    }

    .campo_submit {
      margin-top: 8%;
      margin-bottom: 10%;
    }

    #formsubmit {
      font-size: 1.7rem;
    }

    #formdelete {
      font-size: 1.7rem;
    }

    .form_all {
      margin-top: -15%;
    }

    .btnbat {
      padding: 10% 0%;
      font-size: 2.2vw;
    }

    .btn-group1 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }

    .btnbatbat,
    .btnbatac {
      width: 100%;
    }

    .btnmntray,
    .btnmntcom,
    .btnmntbt,
    .btnmntac {
      width: 100%;
    }

    .tab {
      display: contents;
    }

    .tabcontent {
      width: 100%;
    }

    .txtsun p {
      font-size: 5vw;
    }

    .imgsunall {
      width: 100%;
    }

    #eim>div>div.col-12.col-md-6.align-self-center>img {
      width: 70%;
    }

    .indcarros div div h4 {
      text-align: center;
    }

    .indcartit {
      text-align: center;
      font-size: 8vw;
    }

    #montacces>div>div>div>div>h5 {
      text-align: center;
    }

    #montacces>div>div>div>div>p {
      padding: 2vw;
    }

/* *****************REDES SOCIALES************************ */
.redescont {
  padding-top: 2rem;
}

.redescont__texto h2 {
  font-size: 1.1rem;
}

.redescont__texto p {
  font-size: 0.8rem;
}

.redescont__texto h2,
.redescont__texto p {
  padding: 0.3rem 0;
}

.redesmain__contenedor {
  padding: 0.5rem;
}

.redesmain__texto--titulo {
  font-size: 1.3rem;
}

.redesmain__texto--pagina {
  font-size: 0.8rem;
}

  }

  @media (max-width: 768px) {

    #affariAl {
      width: 90%;
      margin: 10% 0%;
    }

    #ab5Al {
      width: 50%;
    }

    #mindAl,
    #bajioAl,
    #dimopartsAl,
    #aliado5Al {
      width: 70%;
      margin: 10% 0%;
    }

    #areaAl1,
    #areaAl2 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 2%;
    }

    .txtDedAliado {
      font-size: 0.9rem;
    }

    .formAliad {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(6, 1fr);
    }

    .fadName {
      align-self: center;
      grid-column: 1;
      grid-row: 1;
    }

    .fadSecName {
      align-self: center;
      grid-column: 1;
      grid-row: 2;
    }

    .fadTel {
      align-self: center;
      grid-column: 1;
      grid-row: 3;
    }

    .fadMail {
      align-self: center;
      grid-column: 1;
      grid-row: 4;
    }

    .contaliados input {
      width: 100%;
    }

    .contaliados label {
      text-align: center;
      width: 100%;
    }

    .fadMessage {
      align-self: center;
      grid-column: 1;
      grid-row: 5;
    }

    .form_message {
      width: 100%;
    }


    .fadButton {
      align-self: center;
      width: 100%;
      grid-column: 1;
      grid-row: 6;
    }

    .btn_sendform {
      width: 30%;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
  }