@media only screen and (min-width: 769px) {
    /*DEFAULT
        03ENERO2023
    */
.fr-banner-container{
    background-image:url(../../imagen/banner-company.jpg);
background-repeat:no-repeat;
background-size: cover;
height:420px;
}
.fr-banner-container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.fr-left-content, 
.fr-right-content{
    background-color:inherit;
    height:22em;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding-top:2em;
}
.fr-left-content{
    padding-right:4em;
}
.fr-top-content{
    background-color:inherit;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
}
.fr-top-content .logo img{
    width:3.5em;
    margin-right:1em;
}
.fr-top-content .nombre span{
    font-size:3.5em;
}
.fr-bottom-content{
    background-color:inherit;
    display:flex;
    justify-content:flex-end;
    font-size:1.5em;
    padding:0;
}
.fr-right-content{
    padding-left:4em;
}
.fr-right-content p{
    background-color:inherit;
    margin:0;
    padding:0;
    width:75%;
    font-size:1.5em;
}
    .fr-container-contpaqi p {
    margin:0;
    padding:0;
    }

    .fr-bg-areas{
        margin:0;
    }
    .fr-warea-container{
        background-color:#ff6d69;
        height:20em;
        border:1px solid #ffffff;
        display:flex;
        justify-content:center;
        align-items:center;
        margin:-5px;
    }
    .fr-warea-main{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
  
    .fr-title-area{
       text-align:center;
        text-transform:uppercase;
        color:#ffffff;
        width:60%;
    }
    .fr-icon-area a, .fr-icon-area a:visited{
        text-decoration:none;
    }
    .fr-icon-area i{
        font-size:8em;
        color:#ffffff;
    }
    .fr-title-area span{
        font-size:1.4em;
    }
    .fr-warea-container img{
        width:7.5em;
    }
   
    .fr-warea-desc{
        display:flex;
        flex-direction:column;
        padding:1em;
    }
    .fr-warea-desc-hdr{
          padding:0.5em;
          color:#fff;
    }
    .fr-warea-desc-hdr i{
        cursor:pointer;
        font-size:1.5em;
    }
    .fr-warea-desc-body{
        color:#fff;
        text-align:center;
        height:14em;
    }

    .fr-contenedor-consultoria{
         display:flex;
         flex-direction:column;
         justify-content:center;
        align-items:center;
        margin:1em 0;
    }

    .fr-titulo-consultoria h4{
        font-size:1.5em;
        margin:0.5em 0;
        color:#444444;
    }

    .fr-listEntry-row{
        display:flex;
        flex-direction:row;
        width:40em;
        font-size:1.2em;
    }
    .fr-listEntry-column{
        margin:0.3em;
        padding:0.2em .1em;
        color:#444444;
        width:50%;
        display:flex;

    }
    .fr-listEntryIcon{
        margin-right:0.5em;
    }




    .fr-footer-bg {
        background-color:#7a7a7a;
        height:10em;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        color:#ffffff;
    }
    .fr-footer-bg a,
    .fr-footer-bg a:visited,
    .fr-footer-bg a:active{
        color:#fff;
        text-decoration:none;
    }
    .fr-socialmedia-container{
        display:flex;
        flex-direction:row;
    }
    .fr-socialmedia-container a{
        font-size:2em;
        color:#ffffff;
        text-decoration:none;
        padding:0.3em;
    }

    /*
        PROCESO
        03ENERO2022
    */
    .fr-page-padding{
        padding:2em;
    }
    .fr-page-title {
        display:flex;
    }
    .fr-page-title h2{
        border-bottom:3px solid #bb1b2b;
        margin:0.5em 0;
        padding:0;
    }
    .fr-page-paragraph,
    .fr-page-body{
        background-color:inherit;
        margin:0 14em;
    }

    .fr-page-paragraph p{
        background-color:inherit;
        padding:0;
    }
    .fr-item-proceso{
        background-color:inherit;
        display:flex;
        align-items:center;
        position:relative;
       
    }
    .fr-proceso-img{
         
    }
    .fr-proceso-img img{
       height:20em;
       width:30em;
      
    }
    .fr-proceso-box{
        background-color:#ffffff;
        border:1px solid #cacaca;
        padding:1.5em 1em;
        height:14em;
        width:25em;
        position:absolute;
        left:25em;
        box-shadow:2px 2px #cacaca;
       
    }
    .fr-box-container{
        position:relative;
      
    }
    .fr-proceso-box-hdr{
        background-color:inherit;
        display:flex;
        justify-content:center;
    }
    .fr-proceso-box-hdr h4{
        margin:0; padding:0;
        text-transform:uppercase;
    }
    .fr-proceso-box-body{
        text-align:justify;
        position:relative;
        
    }
    .fr-floating-number{
        display:block;
        position:absolute;
        font-size:10em;
        font-weight:600;
       left:2.1em;
        color:red;
    }
    /*APLICACIONES
        03ENERO2022
    */

     .fr-page-title h4{
        text-transform:uppercase;
        font-size:1.2em;
        margin:1em 0;
        
    }

      .fr-app-container{
        height:15em;
        border:1px solid #cacaca;
        display:flex;
        justify-content:center;
        align-items:center;
        box-shadow: 2px 2px #cacaca;
    }
    .fr-app-main{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .fr-title-app{
       text-align:center;
        color:#444;
    }
    .fr-icon-app a, .fr-icon-app a:visited{
        text-decoration:none;
    }
    .fr-title-app span{
        font-size:1.4em;
    }
    .fr-app-container img{
        width:6.5em;
    }
   
    .fr-app-desc{
        display:flex;
        flex-direction:column;
        padding:1em;
    }
    .fr-app-desc-hdr{
        background-color:inherit;
          padding:0.5em;
          color:#444;

    }
    .fr-app-desc-hdr i{
        cursor:pointer;
        font-size:1.5em;
    }
    .fr-app-desc-body{
        color:#444;
        text-align:justify;
        height:10em;
    }
    .fr-app-desc-body h6{
        margin:0;
        margin-bottom:0.5em;
        font-size:0.95em;
    }
    .fr-app-desc-body p{
        margin:0;
        font-size:0.9em;
        margin:0;
        margin-bottom:1em;
    }
    /* 04ENERO2023
        NOSOTROS*/
    .fr-item-mision,.fr-item-vision{
        background-color:inherit;
        display:flex;
        align-items:center;
       
    }
      .fr-mision-box,.fr-vision-box{
        background-color:#ffffff;
        border:1px solid #cacaca;
        padding:1.5em 1em;
        height:14em;
        width:100%;
       box-shadow:2px 2px #cacaca;
       
    }

      .fr-values-title,.fr-empresas-title{
          display:flex;
          justify-content:center;
          margin-top:2em;
          text-transform:uppercase;
          font-size:0.80em;
      }
      .fr-values-content{
          display:flex;
          justify-content:center;
          align-items:center;
      }
      .fr-contenedor-empresas{
          display:flex;
          flex-direction:row;
          justify-content:center;
          align-items:center;
        
      }
      .fr-empresa{
          width:10%;
          margin:1em;
      }
      .fr-empresa img{
          max-width:100%;
          
      }

      /*CONTACT 04ENERO2023*/
      .fr-contact-info{
          background-color:inherit;
          width:60%;
      }
      .fr-contact-info p{
          margin:0;padding:0;
      }
      .fr-contact-info div{
          margin:0.5em 0;
      }
      .fr-contact-form{
          background-color:inherit;
          padding:1em 0;
          border:1px solid #cacaca;
      }
      .fr-contact-form form{
          background-color:inherit;
      }
     .fr-contact-form form .fr-form-group{
          background-color:inherit;
          margin:0.5em;
          
      }
        .fr-contact-form form .fr-form-group label{
          display:block;
          
      }
         .fr-contact-form form .fr-form-group input,
         .fr-contact-form form .fr-form-group input:focus{
          width:100%;
          height:2em;
          border-radius:5px;
          border:none;
          border:1px solid #cacaca;
          outline:none;
          padding:0 0.5em;
      }
        .fr-contact-form form .fr-form-group button{
          width:100%;
          height:2em;
          border-radius:5px;
          border:none;
          border:1px solid #bb1b2b;
          background-color:#bb1b2b;
          color:#fff;
          outline:none;
          cursor:pointer;
      } 
           .fr-contact-form form .fr-form-group button:active{
          width:100%;
          height:2em;
          border-radius:5px;
          border:none;
          border:1px solid #bb1b2b;
          background-color:#bb1b2b;
          color:#fff;
          outline:none;
          box-shadow:2px 2px #cacaca;
      } 
      .fr-contact-form form .fr-form-group textarea{
          width:100%;
          height:6em;
          border-radius:5px;
          border:none;
          border:1px solid #cacaca;
          outline:none;
          padding:0.5em;
          resize:none;
      } 
}

/*DISEÑO MÓVIL*/
@media only screen and (max-width: 768px) {
     /*DEFAULT
        03ENERO2023
    */
.fr-banner-container{
    background-image:url(../../imagen/banner-company.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    height:20em;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.fr-left-content, 
.fr-right-content{
    background-color:inherit;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    
}
.fr-left-content{
    padding:2.5em 0;
}
.fr-right-content{
    padding:0;
}
.fr-top-content{
    background-color:inherit;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
}
.fr-top-content .logo img{
    width:2.5em;
}
.fr-top-content .nombre span{
    font-size:2.5em;
}
.fr-bottom-content{
    background-color:inherit;
    display:flex;
    width:95%;
    justify-content:flex-end;
    font-size:1em;
    padding:0;
}
.fr-right-content{
    padding-left:0;
    margin:1.5em 0;
}
.fr-right-content p{
    background-color:inherit;
    margin:0;
    padding:0;
    width:80%;
    font-size:1em;
}
    .fr-container-contpaqi p {
    margin:0;
    padding:0;
    font-size:0.9em;
    }

    .fr-bg-areas{
        margin:0;
    }
    .fr-warea-container{
        background-color:#ff6d69;
        height:20em;
        border:1px solid #ffffff;
        display:flex;
        justify-content:center;
        align-items:center;
        margin:-5px;
    }
    .fr-warea-main{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
  
    .fr-title-area{
       text-align:center;
        text-transform:uppercase;
        color:#ffffff;
        width:60%;
    }
    .fr-icon-area a, .fr-icon-area a:visited{
        text-decoration:none;
    }
    .fr-icon-area i{
        font-size:6em;
        color:#ffffff;
    }
    .fr-title-area span{
        font-size:1.4em;
    }
    .fr-warea-container img{
        width:6em;
    }
   
    .fr-warea-desc{
        display:flex;
        flex-direction:column;
        padding:1em;
    }
    .fr-warea-desc-hdr{
          padding:0.5em;
          color:#fff;
         margin:0.5em 0;
    }
    .fr-warea-desc-hdr i{
        cursor:pointer;
        font-size:1.5em;
    }
    .fr-warea-desc-body{
        color:#fff;
        text-align:center;
        height:14em;
    }

    .fr-contenedor-consultoria{
         display:flex;
         flex-direction:column;
         justify-content:center;
        align-items:center;
        margin:0.5em 0;
    }

    .fr-titulo-consultoria h4{
        font-size:1.5em;
        margin:0.5em 0;
        color:#444444;
    }

    .fr-listEntry-row{
        display:flex;
        flex-direction:column;
        width:100%;
        font-size:1.2em;
    }
    .fr-listEntry-column{
        margin:0.3em;
        padding:0.2em .1em;
        color:#444444;
        width:100%;
        display:flex;

    }
    .fr-listEntryIcon{
        margin-right:0.5em;
    }




    .fr-footer-bg {
        background-color:#7a7a7a;
        height:10em;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        color:#ffffff;
    }
        .fr-footer-bg p{
            text-align:center;
        }
    .fr-footer-bg a,
    .fr-footer-bg a:visited,
    .fr-footer-bg a:active{
        color:#fff;
        text-decoration:none;
    }
    .fr-socialmedia-container{
        display:flex;
        flex-direction:row;
    }
    .fr-socialmedia-container a{
        font-size:2em;
        color:#ffffff;
        text-decoration:none;
        padding:0.3em;
    }

    /*
        PROCESO
        03ENERO2022
    */
    .fr-page-padding{
        padding:2em;
    }
    .fr-page-title {
        display:flex;
    }
    .fr-page-title h2{
        border-bottom:3px solid #bb1b2b;
        margin:0.5em 0;
        padding:0;
    }
    .fr-page-paragraph
    {
        background-color:inherit;
        margin:0 0;
    }
    .fr-page-body{
        margin:1em 0;
    }

    .fr-page-paragraph p{
        background-color:inherit;
        padding:0;
        text-align:justify;
    }
    .fr-item-proceso{
        background-color:inherit;
        display:flex;
        flex-direction:column;
        align-items:center;
        position:relative;
       
    }

    .fr-proceso-img img{
       height:auto;
       width:100%;
      
    }
    .fr-proceso-box{
        background-color:#ffffff;
        border:1px solid #cacaca;
        padding:1.5em 1em;
        height:14em;
        width:100%;
        position:static;
        box-shadow:2px 2px #cacaca;
       
    }
    .fr-box-container{
        position:relative;
      
    }
    .fr-proceso-box-hdr{
        background-color:inherit;
        display:flex;
        justify-content:center;
    }
    .fr-proceso-box-hdr h4{
        margin:0; padding:0;
        text-transform:uppercase;
    }
    .fr-proceso-box-body{
        text-align:justify;
        position:relative;
        
    }
    .fr-floating-number{
        display:block;
        position:absolute;
        font-size:10em;
        font-weight:600;
       left:0;
       bottom:1.22em;
        color:red;
    }
    /*APLICACIONES
        03ENERO2022
    */

     .fr-page-title h4{
        text-transform:uppercase;
        font-size:1.2em;
        margin:1em 0;
        
    }

      .fr-app-container{
        height:15em;
        border:1px solid #cacaca;
        display:flex;
        justify-content:center;
        align-items:center;
        box-shadow: 2px 2px #cacaca;
        margin-bottom:1em;
    }
    .fr-app-main{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .fr-title-app{
       text-align:center;
        color:#444;
    }
    .fr-icon-app a, .fr-icon-app a:visited{
        text-decoration:none;
    }
    .fr-title-app span{
        font-size:1.4em;
    }
    .fr-app-container img{
        width:6.5em;
    }
   
    .fr-app-desc{
        display:flex;
        flex-direction:column;
        padding:1em;
    }
    .fr-app-desc-hdr{
        background-color:inherit;
          padding:0.5em;
          color:#444;

    }
    .fr-app-desc-hdr i{
        cursor:pointer;
        font-size:1.5em;
    }
    .fr-app-desc-body{
        color:#444;
        text-align:justify;
        height:10em;
    }
    .fr-app-desc-body h6{
        margin:0;
        margin-bottom:0.5em;
        font-size:0.95em;
    }
    .fr-app-desc-body p{
        margin:0;
        font-size:0.9em;
        margin:0;
        margin-bottom:1em;
    }
    /* 04ENERO2023
        NOSOTROS*/
    .fr-item-mision,.fr-item-vision{
        background-color:inherit;
        display:flex;
        align-items:center;
       margin-bottom:1em;
    }
      .fr-mision-box,.fr-vision-box{
        background-color:#ffffff;
        border:1px solid #cacaca;
        padding:1.5em 1em;
        height:14em;
        width:100%;
       box-shadow:2px 2px #cacaca;
       
    }

      .fr-values-title,.fr-empresas-title{
          display:flex;
          justify-content:center;
          margin-top:2em;
          text-transform:uppercase;
          font-size:0.80em;
      }
      .fr-empresas-title{
           text-align:center;
      }
      .fr-values-content{
          display:flex;
          justify-content:center;
          align-items:center;
         
      }
      .fr-values-content img{
          max-width:90%;
      }
      .fr-contenedor-empresas{
          display:flex;
          flex-direction:column;
          justify-content:center;
          align-items:center;
      }
      .fr-empresa{
          width:100%;
          margin:1em;
          display:flex;
          justify-content:center;
          align-items:center;
      }
      .fr-empresa img{
          width:50%;
          max-width:50%;
          
      }

      /*CONTACT 04ENERO2023*/
      .fr-contact-info{
          background-color:inherit;
          width:60%;
      }
      .fr-contact-info p{
          margin:0;padding:0;
      }
      .fr-contact-info div{
          margin:0.5em 0;
      }
      .fr-contact-form{
          background-color:inherit;
          padding:1em 0;
          border:1px solid #cacaca;
      }
      .fr-contact-form form{
          background-color:inherit;
      }
     .fr-contact-form form .fr-form-group{
          background-color:inherit;
          margin:0.5em;
          
      }
        .fr-contact-form form .fr-form-group label{
          display:block;
          
      }
         .fr-contact-form form .fr-form-group input,
         .fr-contact-form form .fr-form-group input:focus{
          width:100%;
          height:2em;
          border-radius:5px;
          border:none;
          border:1px solid #cacaca;
          outline:none;
          padding:0 0.5em;
      }
        .fr-contact-form form .fr-form-group button{
          width:100%;
          height:2em;
          border-radius:5px;
          border:none;
          border:1px solid #bb1b2b;
          background-color:#bb1b2b;
          color:#fff;
          outline:none;
          cursor:pointer;
      } 
           .fr-contact-form form .fr-form-group button:active{
          width:100%;
          height:2em;
          border-radius:5px;
          border:none;
          border:1px solid #bb1b2b;
          background-color:#bb1b2b;
          color:#fff;
          outline:none;
          box-shadow:2px 2px #cacaca;
      } 
      .fr-contact-form form .fr-form-group textarea{
          width:100%;
          height:6em;
          border-radius:5px;
          border:none;
          border:1px solid #cacaca;
          outline:none;
          padding:0.5em;
          resize:none;
      } 
}

.fr-hide{
    display:none;
}

.fr-req-border-color{
    border:1px solid red!important;
}
.fr-def-border-color{
    border:1px solid #cacaca!important;
}
.email-val-msg{
    font-size:0.7em;
    color:#bb1b2b;
}