/*  import google fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@300;400;500;600&family=Noto+Sans:wght@400;700&family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@300;400;500&family=Roboto:wght@400;500;700;900&family=Scope+One&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
   
}
html{
    scroll-behavior: smooth;
  
}



/* custom scroll bar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* all similar content styling codes */
section{
    padding: 100px 0;
  
}
.max-width{
    max-width: 1300px;
    padding: 0 80px;
    margin: auto;
     
}
.about, .services, .skills, .teams, .contact, footer{
   font-family: 'Noto Sans JP', sans-serif;
}
.about .about-content,
.services .serv-content,
.skills .skills-content,
.contact .contact-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
section .title{
    position: relative;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 60px;
    
    font-family: 'Noto Sans JP', sans-serif;
}
section .title::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 180px;
    height: 3px;
   /* background: #111;*/
    transform: translateX(-50%);
}
section .title::after{
    position: absolute;
    bottom: -8px;
    left: 50%;
    font-size: 20px;
    color: crimson;
    padding: 0 5px;
    background: #fff;
    transform: translateX(-50%);
}

/* navbar styling */
.navbar{
    position: fixed;
    width: 100%;
    z-index: 999;
    padding: 5px 0;
font-family: 'Roboto', sans-serif;
    transition: all 0.3s ease;
 

}

.navbar.sticky{
    padding: 5px 0;
    background: #0A5696 ;
}
.navbar.sticky .logo img{
    width: 74px;
    height: 74px;
    background: rgba(253, 254, 254,.99 );
   margin: 3px;
}

.navbar.sticky  li a{
  align-items: center;
    
    
}

.navbar.sticky  li a:hover{

   
}
.navbar .max-width{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    
   
}
.navbar .logo img{
    color: #fff;
    width:140px;
    height:140px;
    background: rgba(251, 252, 252,.3);
   border-radius: 1px;
    

}

.navbar .logo a span{
   
    transition: all 0.3s ease;
}
.navbar.sticky .logo a span{
    color: #fff;
}
.navbar .menu li{
    list-style: none;
    display: inline-block;
}
.navbar .menu li a{
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-left: 23px;
    transition: color 0.3s ease;
    text-decoration: none;
    letter-spacing: 1px;
}

.navbar .menu li a:hover{

   
    background: rgba(10, 86, 150,.5) ;
    padding: 7px 15px;
    clip-path: polygon(9% 0, 100% 0%, 93% 100%, 0% 100%);
    border-bottom: 5px solid white;
}
.navbar.sticky .menu li a:hover{
    color: #fff;
}

/* menu btn styling */
.menu-btn{
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    display: none;
}

.scroll-up-btn{
    position: fixed;
    height: 45px;
    width: 42px;
    background: #0A5696 ;
   left: 30px;
top: 90%;
    text-align: center;
    line-height: 45px;
    color: #fff;
    z-index: 9999;
    font-size: 30px;
    border-radius: 3px;
    border-bottom-width: 2px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}
.scroll-up-btn.show{
    bottom: 30px;
    opacity: 1;
    pointer-events: auto;
}
.scroll-up-btn:hover{
    background:  #91989F ;
    color: #fff   ;
  
}


/* Boton fixed 2 Whastapp*/


/*  Whastapp fixed*/

.social-bar{
    position: fixed;
    left: 0;
    top: 75%;
    font-size:29px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
    
    
}



.social-bar .fab{
    color: white;
    text-decoration: none;
    padding: .7rem;
    display: flex;
    transition: all .5s;
    
    
}
.social-bar a  {
    text-decoration: none;
}
.social-bar a:hover{
    text-decoration: none;
}

.social-bar .fab {
    
    background: #2ECC71;
        
    
}




.social-bar .fab:first-child{
 border-radius:  0  1rem  1rem  0;
    
}




.social-bar .fab:hover{
    
    padding-right: 20px;
 border-radius:  0  1rem  1rem  0;
    box-shadow: 0 0 .5rem rgba(0,0,0,0.42);
}



/* home section styling */
.home{
    display: flex;
    
    background: url("img/header-shape.svg") no-repeat bottom  ;
    /*background: linear-gradient(to left, rgba(145, 152, 159,.15), rgba(215, 219, 221,.35)), url("img/paper-3225109_960_720.jpg") no-repeat bottom  ;*/
    

font-family: 'Noto Sans', sans-serif;
    height: 100vh;
    color: #fff;
    min-height: 500px;
    background-size: cover;
    background-attachment: fixed;

    
    
    
}
    
.home .max-width{
  width: 100%;
 
  display: flex;
    
}

.home .max-width .row{
   
  margin-right: 0;
margin-top: 50px;
  
}


.home .home-content .text-2{
    font-size: 71px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -3px;
    
}

.home .home-content .text-2-1{
    font-size: 43px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -1px;

    
}



/*typing 1*/
.home .home-content .typingpadre{
    height:150px;
    color: transparent;
}

.home .home-content .typing{
    font-size: 33px;
    margin: 5px 0;
font-family: 'Poppins', sans-serif;
    color: rgb(230, 126, 34);
}

/*typing 2 */
.home .home-content .typing-2{
    font-size: 33px;
    margin: -20px 0;
font-family: 'Poppins', sans-serif;
    color: rgb(230, 126, 34);
}





.home .btn-container {
  display: flex;
 margin: -80px 10px 0 40px;
font-family: 'Roboto', sans-serif;
    
}

.home .primary-btn {
  background-color: rgb(0, 168, 250);
 font-size: 20px;
  color: white;
  padding: 15px 25px;
   border: 3px solid #00a8fa;

  margin: 2px 20px;
}

.home .primary-btn:hover{
     border: 3px solid #00a8fa;
  color: #00a8fa;
    background-color: transparent;
}


.home .secondary-btn {
  border: 3px solid #00a8fa;
  color: #00a8fa;
     padding: 15px 25px;
  
 font-size: 20px;
  margin: 2px 20px;
}

.home .secondary-btn:hover{
    border: 3px solid #00a8fa;
  color:white; 
       background-color: #00a8fa;
}

/*home slider imagenes vectorizadas*/
.home .col-md-4{
    margin: 0 0 0 -130px;
}

.home .slide img{
    height: 65vh;
}





/*inicios Servicios- submenu*/

.rowser {
    display: flex;
    flex-wrap: wrap;
     font-family: 'Open Sans', sans-serif;
  }
  .rowser  .column {
    width: 100%;
    padding: 0 1em 1em 1em;
    text-align: center;
  }
  
  .rowser  .column a{
      text-decoration: none;
  }
  
  .rowser .card {
    width: 100%;
    height: 100%;
    padding: 2em 1.5em;
    background: linear-gradient(#ffffff 50%, rgb(10, 86, 150) 50%);
    background-size: 100% 200%;
    background-position: 0 2.5%;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
  }
  .rowser  h3 {
    font-size: 20px;
    
    color: rgb(10, 86, 150);
    margin: 1em 0;
      font-family: 'Poppins', sans-serif;
  }
  .rowser p {
    color: #575a7b;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
  .rowser  .icon-wrapper {
    background-color: rgb(174, 214, 241);
    position: relative;
    margin: auto;
    font-size: 30px;
    height: 2.5em;
    width: 2.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
  }
  .rowser .card:hover {
    background-position: 0 100%;
  }
  .rowser  .card:hover .icon-wrapper {
    background-color: #ffffff;
    color:rgb(145, 152, 159);
  }
  .rowser .card:hover h3 {
    color: #ffffff;
  }
  .rowser .card:hover p {
    color: #f0f0f0;
  }
  @media screen and (min-width: 768px) {
    section .rowser  {
      padding: 0 2em;
    }
    .column {
      flex: 0 50%;
      max-width: 50%;
    }
  }
  @media screen and (min-width: 992px) {
    section  .rowser {
      padding: 1em 3em;
    }
   .rowser  .column {
      flex: 0 0 33.33%;
      max-width: 33.33%;
    }
  }
  










.home .rs-home{
    text-align: center;
  width: 30%;
  margin-top: 490px;
    
  
}

.home  a .fab{
    display: inline-block;
  
    color:white;
    font-size: 26px;
    padding: 8px 15px;
   transition: all 0.3s ease;
   
}


.home  .fab:hover{
     transform: scale(1.2);
}





/*Inicio Novedades*/

.ini3{
  
}


.ini3 h3{
    font-family: 'Poppins',sans-serif;
    position: relative;
    font-size: 80px;
    letter-spacing: 0.12em;
    color:rgb(10, 86, 150);
    -webkit-text-stroke: 2.5px rgb(214, 234, 248) ;
}
.ini3 h3:before{
    position: absolute;
    content: attr(data-text);
    top: 3px;
    left: 8px;
    background-image: repeating-linear-gradient(
        45deg,
        transparent 0,
        transparent 0.03em,
   rgba(230, 126, 34,.5) 0.03em,
       rgba(230, 126, 34,.5)0.06em
    );
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    z-index: -1;
    -webkit-text-stroke-width: 0;
}












/*Inicio sitios de interes*/

.titulo{
    font-size: 33px;
      font-family: 'Poppins', sans-serif;
    color: rgb(10, 86, 150);
}

.ini1{
    text-align: center;
}

.ini1 .titulo{
    text-align: center;

    margin-bottom: 50px;

}

.ini1 .col-md-3{
    margin-top: 30px;
} 

.ini1 .col-md-4{
    margin-top: 30px;
} 

.ini1 img{
    width: 150px;
 
  
    
}



/*Inicio perguntas frecuentes y bolsa de trabajo */

.ini2{
    text-align: center;
}

.ini2  .titulo{
color: darkgreen;
}


.ini2 .preg{
    height:300px;
     overflow-y: scroll;
    margin-bottom: 50px;
}

.ini2 .col-md-5{
   
margin: 0 30px;
}



details[open] summary ~ * {
    animation: open 0.3s ease-in-out;
}

@keyframes open {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

details summary::-webkit-details-marker {
    display: none;
    
}

details summary {
    width: 98%;
    padding: 10px 5px;
    border-top: 2px solid rgb(174, 214, 241);
    position: relative;
    font-size: 17px;
 background: repeating-linear-gradient(-45deg, rgb(235, 245, 251), rgb(235, 245, 251) 5px, white 5px, white 10px);
    list-style: none;
    text-align: left;
font-family: 'Open Sans', sans-serif;
  font-weight: 500;
    margin:  10px 0;
    
}

details summary::after {
    content: '+';
    color: #E67E22;
    

    position: absolute;
    font-size: 35px;
    line-height: 0;
    margin-top: 0.75rem;
    right: 0;
    font-weight: 200;
    transform-origin: center;
    transition: 200ms linear;
}

details[open] summary::after {
    transform: rotate(45deg);
    font-size: 2rem;
}

details summary {
    outline: none;
    
}

details p {
    font-size:14px;
    margin: 0 0 1rem;
    padding-top: 1rem;
    
font-family: 'Open Sans', sans-serif;
    text-align: justify;
    width: 95%;
}



/*Inicio Bolsa de trabajo*/


.ini2 p{
    margin-top: 80px;
 margin-bottom: 50px;
 font-size: 17px;
}


.ini2 button{
    font-size: 19px;
        
font-family: 'Open Sans', sans-serif;
}

.ini2 form{
    background-color: rgba(10, 86, 150,.0);
    padding: 10px;
 
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.1);
}

.ini2 form a{
    color: darkgreen;
}
.ini2 form a:hover{
    color: darkgreen;
}
.ini2 form a:active{
    color: darkgreen;
}
.ini2 form a:visited{
    color: darkgreen;
}
.ini2 form label{
  font-family: 'Lato', sans-serif;
   color:rgb(10, 86, 150);
    font-weight: 500;
    font-size: 18px;
}

.ini2 span{
    color: rgba(10, 86, 150,.9);
    font-weight: 500;
    text-transform: uppercase;
}






/**/
.ini4{
    
}


.ini4 .card{
    height: 550px;
}


.ini4 .card img{
    height: 250px;
   
}

.ini4 .col-md-4 p{
text-align: justify;
    padding: 0 10px;
}







.ini4 .card-title{
    color: rgb(10, 86, 150);
    border-left: 5px solid rgb(230, 126, 34);
    padding:  10px;
}

.ini4 h4{
    border-bottom: 1px solid  rgb(0, 168, 250);
    font-family: 'Poppins', sans-serif;
    color: rgb(10, 86, 150);
    font-size: 30px;
    margin-bottom: 30px;
}




/*Img hexagonos Inicio*/

.ini5 h4{
    font-size: 45px;
    text-align: center;
    margin-bottom: 50px;
}

.ini5 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.ini5 .gallery{
    width: 85%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
   
    display: grid;
    grid-template-columns: repeat(auto-fit, 133px);
    grid-auto-rows: 200px;
    justify-content: center;
    gap: 1rem;
}

.ini5 .gallery_item{
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    grid-column: span 2;/* 266px + 17 px= 283px*/
    height: 282px;
    transition: 0.5s;
}



.ini5 .gallery_item:first-of-type{
    grid-column: 2 / span 2;
}

.ini5 .gallery_item:hover{
    filter: brightness(0.3);
    cursor: pointer;
}

.ini5 .gallery_item .imgg{
    color: fuchsia;
    z-index: 99;
    top: 100px;
}




/*Media queries*/


@media screen and (min-width: 270px) and (max-width: 504px){
    
    
.ini5   .gallery_item:first-of-type{
    grid-column: 1 / span 2;
}
    
 .ini5  .gallery{
        
        grid-auto-rows: 282px;
    }

       }



@media screen and (min-width:505px) and (max-width: 685px){
    
    
 .ini5  .gallery_item:nth-of-type(odd){
        grid-column: 2 / span 2;
    }
    
}


@media screen and (min-width:686px) and (max-width: 862px){
    
 .ini5  .gallery_item:nth-of-type(3n + 1){
        grid-column: 2 / span 2 ;
    }
     }
    
    @media screen and (min-width:863px) and (max-width: 1038px){
    
 .ini5  .gallery_item:nth-of-type(4n + 1){
        grid-column: 2 / span 2 ;
    }
    
}


   @media screen and (min-width:1039px) and (max-width: 1215px){
    
 .ini5  .gallery_item:nth-of-type(5n + 1){
        grid-column: 2 / span 2 ;
    }
    
}


   @media screen and (min-width:1216px) and (max-width: 1391px){
    
 .ini5   .gallery_item:nth-of-type(5n + 1){
        grid-column: 2 / span 2 ;
    }
    
}


 @media screen and (min-width:1392px){
    
 .ini5 .gallery_item:nth-of-type(7n + 1){
        grid-column: 2 / span 2 ;
    }
    
}














/*Nosotros*/


/*Home nosostros*/
.nosotros{
   
  
    background: linear-gradient(-50deg, rgba(0, 168, 250,.3), rgba(215, 219, 221,.3)), url("img/fondo2.jpg") no-repeat bottom  ;

    
    min-height:350px;
    background-size: cover;
    background-attachment: fixed;
font-family: 'Noto Sans JP', sans-serif;
    
    
}


/*Intro nosotros*/
.nos1{
    margin-top: -250px
}



.nos1 .titulo{
    
    
    text-align: center;
    margin-bottom: 30px;
}

.nos1 .lead{
text-align: center;
font-style: italic;
font-family: 'Lato', sans-serif;
    font-size: 19px;
    font-weight: 500;
}




/**/

.nos11{
    text-align: center;
    margin: -80px  0 300px;
}

.nos11 .col-md-7 {
    max-width: 1100px;
    height: 400px;
}

.nos11 .col-md-7{
    display: flex;
    justify-content: space-around;
}

.nos11  .right {
    background: #f1eded;
    width: 100%;
    padding: 10px;
    box-shadow: 10px 10px 10px rgba(189, 195, 199,.5);
}
.nos11  .right img{
width: 250px;    
}

.nos11 .right p {
   
    margin: 40px 0px;
    text-align: center;
    font-size: 18px;
font-family: 'Lato', sans-serif;
  font-style: italic;
    color: rgb(10, 86, 150);
}   

.nos11 .right p span{
    color: coral;
}

.nos11 .left ul {
    list-style-type: none;
}

.nos11 .left ul li  {
    margin: 40px 50px;
    text-align: justify;
    font-size: 19px;
}

.nos11 .left ul li::before {
    content: '✓';
    padding: 10px;
    color: rgb(230, 126, 34);
    font-size: 22px;
}



.nos11 .inner-container .left {
    background: #f1eded;
    width: 100%;
    margin-left: 10px;
    box-shadow: 10px 10px 10px rgba(189, 195, 199,.5);
}

.nos11 .left .upper {
    min-height: 200px;
    background: rgb(214, 234, 248);
    border-radius: 10px;
    color: rgb(10, 86, 150);
}



.nos11 .left .upper .content {
    display: flex;
    justify-content: space-around;
    align-items: center;
}


.nos11 .left .lower {
    text-align: center;
}



.nos11 .left .lower p {
    font-size: 12px;
    line-height: 1.5;
    margin: 20px 0px;
    padding: 0 10px;
    text-align: justify;
}



@media (max-width: 1000px) {
    .inner-container {
        flex-direction: column;
        padding: 40px;
    }
    .inner-container .left {
        margin: 20px 0px;
    }
    .container {
        max-width: 800px;
        height: 500px;
    }
    .left .lower p {
        padding: 20px;
    }
}






/**/
.nos111{
    margin: -300px 0 100px;
      background-image: linear-gradient(
      45deg,
      rgba(0, 168, 250,.6),
      rgba(0, 168, 250,.8)
    ),
    url(img/CALIDAD.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
    height: 320px;
       
}


.nos111 .card-title{
  color: rgb(10, 86, 150);
    font-size: 25px;
}


.nos111 .card{
  
    margin-top: -35px;
    background-color:rgb(253, 254, 254,.8);
   
    
}



.nos111 .card p{
    text-align: justify;
font-family: 'Noto Sans', sans-serif;
     font-size: 15px;
}

.nos111 .card span{
    color: coral;
    font-style: italic;
}




/*Mision Nosotros*/

.nos2{
    margin-top: -100px;
   background: repeating-linear-gradient(-45deg, rgb(235, 245, 251), rgb(235, 245, 251) 5px, white 5px, white 10px);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);

}


.nos2 .titulo{
    margin-bottom: 30px;
}



.nos2 img{
    width: 400px;
    outline: thick double rgba(230, 126, 34,.5);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.55);
}
.nos2 .lead{
font-family: 'Lato', sans-serif;
    font-size: 19px;
    text-align: justify;
}




/*Vision Nosotros*/

.nos3{
    margin-top: -100px;
 
}



.nos3 .titulo{
    margin-bottom: 30px;
}

.nos3 .lead{
font-family: 'Lato', sans-serif;
    font-size: 19px;
    text-align: justify;
}


.nos3 img{
    margin-top: -30px;
    width: 400px;
    box-shadow: -20px 18px 0px -8px rgba(230, 126, 34,.5);
    
}

/*Politica de calidad Nosotros*/

.nos4{
    margin-top: -100px;
  background: repeating-linear-gradient(-45deg, rgb(235, 245, 251), rgb(235, 245, 251) 5px, white 5px, white 10px);
clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
}



.nos4 .titulo{
    margin-bottom: 30px;
    text-align: center;
}



.nos4 .lead{
   text-align: justify;
    font-family: 'Lato', sans-serif;
    font-size: 19px;
}




/*Propuesta de valor*/
.nos5{
 text-align: center;
     
    background: linear-gradient(90deg, rgba(0, 0, 0,.6), rgba(0, 0, 0,.7)), url("img/tubo3.jpg") no-repeat center  ;
    background-size: cover;
    background-attachment: fixed;
}


.nos5 .titulo{
    background-color: deepskyblue;
    padding: 5px;
    color: white;
    width: 55%;
      margin: 40px 300px;
font-size: 35px;
}


.nos5 p{
margin: 40px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
      color: rgb(0, 168, 250);
    font-weight: 600;
}


.nos5 .icon-list{
    width: 50%;
    margin: 40px 330px;
}


.nos5 ul {
    list-style: none;
    text-align: left;
   
}
.nos5 ul li{
    font-size: 27px;
       font-family: 'Open Sans', sans-serif;
    color: white;
}


.nos5 ul  i{
    color: rgb(0, 168, 250);
    font-size: 30px;
    margin: 10px 30px;
    
}








/*Ventas*/

.ventas{
    
    
     
    background: linear-gradient(-50deg, rgba(0, 168, 250,.3), rgba(215, 219, 221,.3)), url("img/fondo2.jpg") no-repeat bottom  ;

    
    height:150px;
    background-size: cover;
    background-attachment: fixed;
font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}




.ventas .titulo{
    margin: 50px 0;
    color: rgb(10, 86, 150);
    border-bottom: 3px double rgb(145, 152, 159);
 border-width: 5px;
    font-size: 45px;
    width:35%;
    text-align: center;
}


/*Ventas Titulos refacciones y consumibles*/

.ventas2{
   margin-top:100px; 
}



.ventas2 .titprincipal{
    width: 40%;
    font-size: 30px;
 color: white;
font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.ventas2 .tit1{
text-align: left;
    background: linear-gradient(-50deg, rgba(0, 0, 0,.3), rgba(230, 126, 34,.9)) ;
clip-path: polygon(100% 0, 100% 84%, 50% 92%, 0% 100%, 0 0, 42% 0);
    padding: 20px;
    width: 70%;
    
   
}

.ventas2 .tit2{
text-align: right;
   background: linear-gradient(50deg, rgba(0, 0, 0,.3), rgba(0, 168, 250,.9)) ;
clip-path: polygon(100% 0, 100% 100%, 48% 100%, 0% 100%, 0 19%, 44% 11%);
    padding: 20px;
    width: 70%;
}






/*Ventas Refacciones y consumibles*/
.ventas1{
margin-top: -150px;
}

.ventas1  .card{
    height: 450px;
   box-shadow: 5px 5px 1px 0px rgba(10, 86, 150,.2);
}

.ventas1  .card img{
    width: 350px;
 
}

.ventas1 a{
    color: rgb(10, 86, 150);
}

.ventas1 a:hover{
    color: rgb(230, 126, 34);
}

.ventas1 a:visited{
    color: rgb(10, 86, 150);
}


.ventas1 .col-md-4:nth-child(1) img{
     width: 180px;
    margin: 0 90px;
}


.ventas1 .col-md-4:nth-child(2) img{
     width: 300px;
      margin: 0 20px;
}


.ventas1 .col-md-4:nth-child(3) img{
     width: 300px;
      margin: 17px 30px;
}


.ventas1 .col-md-5 {
margin-top: 40px;    
}




.ventas1 .col-md-5 img{
     width: 200px;
         margin: 0 120px; 
}


.ventas1 .col-md-5:nth-child(1){
    
} 

.ventas1  .card h5{



    width: 100%;
    padding: 10px;
    text-align: left;
    color:rgb(10, 86, 150);
font-family: 'Poppins', sans-serif;
    font-size: 30px;

   
    
}


.ventas1 .col-md-6 {
margin-top: 100px;   
    
    
}


.ventas1 .col-md-6 .card-header{
    color: rgb(230, 126, 34);
    
}



.ventas1 .col-md-6 .card-body{
  
} 

.ventas1 .col-md-6 .card-body p{
   margin-bottom: 40px;
}


.ventas1 .col-md-6 .card {
height: 250px;
    
     box-shadow: 5px 5px 1px 0px rgba(230, 126, 34,.5);
}

.ventas1 .col-md-6 .card a {
margin-right: 25px;
  color: white;
}


.ventas1 .col-md-6 .card a  i{

  margin-left: 10px;
}



.ventas1  .bordetitulo{
    background-color: rgba(230, 126, 34,.7);
    width:50%;
height: 8px;
    text-align: center;
    margin: -30px 8px 20px;
    
}


.ventas1  .card ul {
list-style: none;
   
}

.ventas1  .card ul i{
    font-size: 20px;
    color: rgb(230, 126, 34);
    margin-right: 10px
}








/* Ventas  equipos y servicios*/


.ventas3{
    margin-top: -100px;
}

.ventas3 .col-md-6:nth-child(1) .h-100{
     background-image: linear-gradient(
      45deg,
      rgba(230, 126, 34,.7),
       rgba(230, 126, 34,.4)
    ),  
    url(img/CALIDAD.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
 margin-top: 20px;
}

.ventas3 .col-md-6:nth-child(1)  .btn{
    
   
border: 2px solid rgba(230, 126, 34,.9);
    background-color: rgba(253, 254, 254,.7);
       font-family: 'Roboto', sans-serif; 
    color: rgba(230, 126, 34,.9);
    font-size: 18px;
   font-weight: 500;
}

.ventas3 .col-md-6:nth-child(1)  .btn:hover{
    color: rgb(10, 86, 150);
       background-color: rgba(253, 254, 254,.9);


    
    
}



.ventas3 .col-md-6:nth-child(2) .h-100{
     background-image: linear-gradient(
      45deg,
         rgba(0, 168, 250,.9),
   rgba(0, 168, 250,.4)
      
    ),
  url(img/CONTROL.jpg);
    
  background-size: contain;
  background-position: right;
  background-attachment: fixed;
        margin-top: 20px;
}


.ventas3 h5{
    font-size: 30px;
color: black;
    
}

.ventas3 p{
    
font-family: 'Lato', sans-serif;
    font-size: 17px;
    text-align: justify;
    color: white;
}




.ventas3 .col-md-6  a .btn{
    border: 2px solid rgba(0, 168, 250,.9);
    background-color: rgba(253, 254, 254,.7);
       font-family: 'Roboto', sans-serif; 
    color: rgba(0, 168, 250,.9);
    font-size: 18px;
   font-weight: 500;
}

.ventas3 a .btn:hover{
      color: rgb(10, 86, 150);
       background-color: rgba(253, 254, 254,.9);
}




/*Fondo animado*/

.no-dots .dots {
    display: none;
}

.dots {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.dots .dot {
    position: absolute;

    rotate: -50grad;

    border-radius: 50%;
    animation: dotOne;
    
   background: #E67E22 ;
    background: linear-gradient(135deg,  rgba(230, 126, 34,.7) 25%, rgba(230, 126, 34,.5)  75%);
    animation-iteration-count: infinite;
    animation-duration: 10s;
    opacity: 0;
}

.dots .dot.one {
    width: 50px;
    height: 50px;
    left: 30%;
    top: 33%;
    animation-delay: .5s;
   
}

.dots .dot.two {
    width: 60px;
    height: 60px;
    left: 4%;
    top: 14%;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-direction: reverse;
    
}

.dots .dot.three {
    width: 40px;
    height: 40px;
    left: 70%;
    top: 52%;
    animation-delay: 1.5s;
    animation-name: dotTwo;
}

.dots .dot.four {
    width: 20px;
    height: 20px;
    left: 20%;
    top: 55%;
    animation-delay: 2s;
    animation-duration: 7s;
    animation-direction: reverse;
}

.dots .dot.five {
    width: 40px;
    height: 40px;
    left: 5%;
    top: 80%;
    animation-delay: 2.5s;
    animation-duration: 11s;
    animation-name: dotFour;
}

.dots .dot.six {
    width: 25px;
    height: 25px;
    left: 60%;
    top: 15%;
    animation-delay: .6s;
    animation-name: dotThree;
}

.dots .dot.seven {
    width: 37px;
    height: 37px;
    left: 14%;
    top: 64%;
    animation-delay: 1.2s;
    animation-duration: 5s;
    animation-direction: reverse;
    animation-name: dotTwo;
}

.dots .dot.eight {
    width: 48px;
    height: 48px;
    left: 65%;
    top: 72%;
    animation-delay: 1.25s;
    animation-duration: 15s;
}

.dots .dot.nine {
    width: 15px;
    height: 15px;
    left: 90%;
    top: 75%;
    animation-delay: 2.5s;
    animation-duration: 7s;
    animation-direction: reverse;
}

.dots .dot.ten {
    width: 18px;
    height: 18px;
    left: 74%;
    top: 92%;
    animation-delay: 3s;
    animation-duration: 7s;
    animation-name: dotThree;
}

@keyframes dotOne {
    0% {
        opacity: 0;
        transform: scale(.5, .5);
    }
    80% {
        opacity: .3;
        transform: scale(1.5, 1.5);
    }
    100% {
        opacity: 0;
        transform: scale(1, 1);
    }
}

@keyframes dotTwo {
    0% {
        opacity: 0;
        transform: translateX(-100px) scale(.5, .5);
    }
    80% {
        opacity: .3;
        transform: translateX(30px) scale(1.5, 1.5);
    }
    100% {
        opacity: 0;
        transform: translateX(0) scale(1, 1);
    }
}

@keyframes dotThree {
    0% {
        opacity: 0;
        transform: translateX(30px) translateY(-30px) scale(.5, .5);
    }
    80% {
        opacity: .3;
        transform: translateX(130px) translateY(0) scale(1.5, 1.5);
    }
    100% {
        opacity: 0;
        transform: translateX(-200px) scale(1, 1);
    }
}

@keyframes dotFour {
    0% {
        opacity: 0;
        transform: translateX(100px) translateY(0) scale(.5, .5);
    }
    80% {
        opacity: .3;
        transform: translateX(100px) translateY(0) scale(1.5, 1.5);
    }
    100% {
        opacity: 0;
        transform: translateX(150px) translateY(30px) scale(1, 1);
    }
}






/*Servicios*/




.servicios{
   
  
    background: linear-gradient(-50deg, rgba(0, 168, 250,.3), rgba(215, 219, 221,.3)), url("img/fondo2.jpg") no-repeat bottom  ;

    
    height:150px;
    background-size: cover;
    background-attachment: fixed;
font-family: 'Noto Sans JP', sans-serif;
    
    
}


.servicios .titulo{
    margin: 50px 0;
    color: rgb(10, 86, 150);
    border-bottom: 3px double rgb(145, 152, 159);
 border-width: 5px;
    font-size: 45px;
    width:35%;
    text-align: center;
}



/*Servicios caja 1 Mantenimiento */


.ser1{
   margin-top: 100px; 
    text-align: center;
}


.ser1 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 80px -80px 0 40px;
    height:230px;
  
}


.ser1 .featurette-heading{
    color: rgb(10, 86, 150);
    margin-top: 20px;
 
}


.ser1 .featurette-heading span{
    color:  rgb(230, 126, 34);
}



.ser1 .lead{
    margin-top: 30px;
       font-family: 'Open Sans', sans-serif;
    font-size: 18px;
   
}

.ser1 .col-md-5{
   
    
    z-index: 0;
}



.ser1 .col-md-5 img{
    width: 500px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}



.ser1 .col-md-3{
    margin-top: 50px;
}

.ser1 .col-md-4{
    margin-top: 50px;
}




/*Modales*/

.ser1  .btn{
    background-color: #0A5696  ;
    border: none;
    margin-top: 13px;
    width: 65%;
   font-family: 'Poppins', sans-serif; 
   
  
}

.ser1  .btn:hover{
     transform: scale(1.1);
}
.ser1 .btn-secondary{
     width: 23%;
}

.ser1 .modal-title{
    color:#0A5696  ;
}


.ser1 .modal-body{
display: flex;
    background-color: aliceblue;
 
      
}

.ser1 .modal-body .listam1{
    width: 100%;
/* background-color: aquamarine;*/
   
}


.ser1 .modal-body .listam1 .apa1{
    margin-bottom: -10px;
     margin-top: -10px;
}
.ser1  .modal-body .listam1 .apa2{
    margin-top: -10px;
      margin-bottom: -10px;
}

.ser1 .modal-body .listam1 .apa1{
    background-color: rgba(21, 180, 236,.2);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}

.ser1  .modal-body .listam1 .apa2 {
    background-color:rgba(145, 152, 159,.3);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: right;
}

.ser1  .listam1 .apa3 li{
   background-color: rgba(21, 180, 236,.8);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}



.ser1 .apaq1 ul{
    width: 100%;
    
}

.ser1 .apaq1 li{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}

.ser1  .apaq1 span{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}


.ser1 .apaq2 span{
  color:black;
    font-weight: bolder;
   
} 
.ser1  .apaq2{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: justify;
    border-top: 7px dotted rgb(10, 86, 150) ;
    
}


.ser1 .listam1 hr{
    width: 100%;
    height: 3px;
    color: #0A5696;
}
.ser1  ul{
     width: 50%;
    
    
}

.ser1  ul li{
    color: black;
}
/*.services .serv-content .card  .pmodal{
    width: 50%;
    margin: 10px;
}*/
.ser1 .modal-body  p{
    color:black;
 
    
}






/*Servicios caja 2 Calificación */


.ser3{
 
    text-align: center;
}


.ser3 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 40px 0px 0 -40px;
    height:230px;
  
}


.ser3 .featurette-heading{
    color: rgb(10, 86, 150);
    margin-top: 20px;
    font-size: 30px;
 
}


.ser3 .featurette-heading span{
    color:  rgb(230, 126, 34);
}



.ser3 .lead{
    margin-top: 30px;
       font-family: 'Open Sans', sans-serif;
    font-size: 18px;
   
}

.ser3 .col-md-5{
   
    
    z-index: 0;
}



.ser3 .col-md-5 img{
    width: 500px;
  
box-shadow: -7px 7px 1px 0px rgba(230, 126, 34,.7);
}



.ser3 .col-md-3{
    margin-top: 50px;
}



/*Modales*/


.ser3  .btn{
    background-color: #0A5696  ;
    border: none;
    margin-top: 13px;
    width: 65%;
   font-family: 'Poppins', sans-serif; 
   
  
}

.ser3  .btn:hover{
     transform: scale(1.1);
}
.ser3 .btn-secondary{
     width: 23%;
}

.ser3 .modal-title{
    color:#0A5696  ;
}


.ser3 .modal-body{
display: flex;
    background-color: aliceblue;
 
      
}

.ser3 .modal-body .listam1{
    width: 100%;
/* background-color: aquamarine;*/
   
}


.ser3 .modal-body .listam1 .apa1{
    margin-bottom: -10px;
     margin-top: -10px;
}
.ser3  .modal-body .listam1 .apa2{
    margin-top: -10px;
      margin-bottom: -10px;
}

.ser3.modal-body .listam1 .apa1{
    background-color: rgba(21, 180, 236,.2);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}

.ser3  .modal-body .listam1 .apa2 {
    background-color:rgba(145, 152, 159,.3);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: right;
}

.ser3  .listam1 .apa3 li{
   background-color: rgba(21, 180, 236,.8);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}



.ser3 .apaq1 ul{
    width: 100%;
    
}

.ser3 .apaq1 li{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}
.ser3  .apaq1 span{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}


.ser3 .apaq2 span{
  color:black;
    font-weight: bolder;
   
} 
.ser3  .apaq2{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: justify;
    border-top: 7px dotted rgb(10, 86, 150) ;
    
}


.ser3 .listam1 hr{
    width: 100%;
    height: 3px;
    color: #0A5696;
}
.ser3  ul{
     width: 50%;
    
    
}

.ser3  ul li{
    color: black;
}
/*.services .serv-content .card  .pmodal{
    width: 50%;
    margin: 10px;
}*/
.ser3 .modal-body  p{
    color:black;
 
    
}





/*Servicios caja 3 Capacitación */


.ser4{
 
    text-align: center;
}


.ser4 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 80px -130px 0 40px;
    height:230px;
  
}


.ser4 .featurette-heading{
    color: rgb(10, 86, 150);
    margin-top: 20px;
 font-size: 35px;
}


.ser4 .featurette-heading span{
    color:  rgb(230, 126, 34);
}



.ser4 .lead{
    margin-top: 45px;
       font-family: 'Open Sans', sans-serif;
    font-size: 23px;
   
}

.ser4 .col-md-5{
   
    
    z-index: 0;
}



.ser4 .col-md-5 img{
    width:350px;
    height: 350px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}



.ser4 .col-md-3{
    margin-top: 50px;
}

.ser4 .col-md-4{
    margin-top: 50px;
}




/*Modales*/

.ser4   .btn{
    background-color: #0A5696  ;
    border: none;
    margin-top: 13px;
    width: 65%;
   font-family: 'Poppins', sans-serif; 
   
  
}

.ser4   .btn:hover{
     transform: scale(1.1);
}
.ser4 .btn-secondary{
     width: 23%;
}

.ser4  .modal-title{
    color:#0A5696  ;
}


.ser4  .modal-body{
display: flex;
    background-color: aliceblue;
 
      
}

.ser4  .modal-body .listam1{
    width: 100%;
/* background-color: aquamarine;*/
   
}


.ser4  .modal-body .listam1 .apa1{
    margin-bottom: -10px;
     margin-top: -10px;
}
.ser4   .modal-body .listam1 .apa2{
    margin-top: -10px;
      margin-bottom: -10px;
}

.ser4  .modal-body .listam1 .apa1{
    background-color: rgba(21, 180, 236,.2);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}

.ser4   .modal-body .listam1 .apa2 {
    background-color:rgba(145, 152, 159,.3);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: right;
}

.ser4   .listam1 .apa3 li{
   background-color: rgba(21, 180, 236,.8);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}



.ser4  .apaq1 ul{
    width: 100%;
    
}

.ser4 .apaq1 li{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}

.ser4   .apaq1 span{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}


.ser4  .apaq2 span{
  color:black;
    font-weight: bolder;
   
} 
.ser4   .apaq2{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: justify;
    border-top: 7px dotted rgb(10, 86, 150) ;
    
}


.ser4  .listam1 hr{
    width: 100%;
    height: 3px;
    color: #0A5696;
}
.ser4   ul{
     width: 50%;
    
    
}

.ser4   ul li{
    color: black;
}
/*.services .serv-content .card  .pmodal{
    width: 50%;
    margin: 10px;
}*/
.ser4  .modal-body  p{
    color:black;
 
    
}



.ser2 .titulo{
    text-align: center;
    margin-bottom: 50px;
   
}
.ser2 h4{
     font-size: 40px;
}










/*Contacto*/


/*Mapa*/







/* Contacto redes*/




.contacto{
  
    background: linear-gradient(-50deg, rgba(0, 168, 250,.3), rgba(215, 219, 221,.3)), url("img/fondo2.jpg") no-repeat bottom  ;

    
   height:150px;
    background-size: cover;
    background-attachment: fixed;
font-family: 'Noto Sans JP', sans-serif;    
}


.contacto .titulo{
    margin: 50px 0;
    color: rgb(10, 86, 150);
    border-bottom: 3px double rgb(145, 152, 159);
 border-width: 5px;
    font-size: 45px;
    width:35%;
    text-align: center;
}


/**/
.con1{
    margin-top: 150px;
}




/**/




/**/

.con2{
    margin-top: -130px;
}
.con2 .pulse{
    height:70px;
    width: 70px;
    background: linear-gradient(
      rgba(10, 86, 150,.5),rgba(10, 86, 150,.5),
       rgb(214, 234, 248)
    );
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 50px;
    color: #ffffff;
      margin: 20px 0;
}


.con2  .pulse a{
color: white;
      font-size: 35px;
     
}

.con2  .pulse:before,
.con2  .pulse:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(189, 195, 199);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.5;

}
.con2  .pulse:before{
    animation: pulse 4s ease-out infinite;
}
.con2  .pulse:after{
    animation: pulse 4s 1s ease-out infinite;
}
@keyframes pulse{
    100%{
        transform: scale(1.5);
        opacity: 0;
    }
}



.con3{
   margin-top: -100px;  
}

.con3 .col h4{
    color:  rgb(10, 86, 150);
    font-family: 'Lato', sans-serif;
}


.con3 .col{
    margin: 0   20px ;
}
.con3 .col p{
    font-size: 18px;
    text-align: center;
    font-style: italic;
}

.con3 .col p:nth-child(2){
    color: coral;
    
}


.con3 .col ul li{
  border-top: 2px solid  coral;
    text-align: center;
    font-family: 'Lato', sans-serif;
} 

.con3 iframe{
    
}


/*Contacto formularios*/




 .text{
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 10px;
    
font-family: 'Roboto', sans-serif;
}



 .fields{
    display: flex;
}
 form .field,
 .fields .field{
    height: 45px;
    width: 100%;
    margin-bottom: 15px;
}

 form .textarea{
    height: 80px;
    width: 100%;
}

 form .field input,
form .textarea textarea{
    height: 100%;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 6px;
    outline: none;
    padding: 0 15px;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s ease;
}
 form .field input:focus,
 form .textarea textarea:focus{
    border-color: #b3b3b3;
}
 form .textarea textarea{
  padding-top: 10px;
  resize: none;
}
 form .button-area{
  display: flex;
  align-items: center;
}

 form .checkv {
    margin-bottom: 20px;
     font-family: 'Poppins', sans-serif;
     color:#0A5696   ;
}

 form .checkv a{
    color:#0A5696   ;
}
 form .checkv a:hover, :active, :visited{
    color:#0A5696   ;
}

 
 .right form .fields{
    display: flex;
}
 form .field,
 form .fields .field{
    height: 45px;
    width: 100%;
    margin-bottom: 15px;
}

form .textarea{
    height: 80px;
    width: 100%;
}
 form .name{
    margin-right: 10px;
}
 form .field input,
form .textarea textarea{
    height: 100%;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 6px;
    outline: none;
    padding: 0 15px;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s ease;
}
 form .field input:focus,
 form .textarea textarea:focus{
    border-color: #b3b3b3;
}
 form .textarea textarea{
  padding-top: 10px;
  resize: none;
}
 form .button-area{
  display: flex;
  align-items: center;
}
 form .button-area button{
  color: #fff;
  display: block;
  width: 160px!important;
  height: 45px;
  outline: none;
  font-size: 18px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  flex-wrap: nowrap;
  background:rgba(10, 86, 150,.6) ;
  border: 2px solid #0A5696  ;
  transition: all 0.3s ease;
}
 form .button-area button:hover{
  color:#0A5696  ;
  background: none;
}








/* about section styling */


.about .max-width {
  
 max-width: 1300px;
    padding: 0 40px;
    margin: auto;
    
}

.about .max-width .title{
    

 /* background:linear-gradient(to right,    #91989F, #0A5696)  ;*/
    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 30%;
    height: 100px;
 font-size:40px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 25px 0 10px 30px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       


}
    




















/* Modales */


/*


.services .serv-content .card  .btn{
    background-color: #0A5696  ;
    border: none;
    margin-top: 13px;
    width: 65%;
   font-family: 'Poppins', sans-serif; 
   
  
}

.services .serv-content .card  .btn:hover{
     transform: scale(1.1);
}
.services .serv-content .card .btn-secondary{
     width: 23%;
}

.services .serv-content .card  h5{
    color:#0A5696  ;
}


.services .serv-content .card .modal-body{
display: flex;
    background-color: aliceblue;
 
      
}

.services .serv-content .card  .modal-body .listam1{
    width: 100%;
/* background-color: aquamarine;*/
   


/*
.services .serv-content .card  .modal-body .listam1 .apa1{
    margin-bottom: -10px;
     margin-top: -10px;
}
.services .serv-content .card  .modal-body .listam1 .apa2{
    margin-top: -10px;
      margin-bottom: -10px;
}

.services .serv-content .card  .modal-body .listam1 .apa1{
    background-color: rgba(21, 180, 236,.8);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}

.services .serv-content .card  .modal-body .listam1 .apa2 {
    background-color:rgba(145, 152, 159,.8);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: right;
}

.services .serv-content .card  .listam1 .apa3 li{
   background-color: rgba(21, 180, 236,.8);
    padding: 10px ;
    color: #0A5696;
    font-weight: bolder;
    text-align: left;
}



.services .serv-content .card  .apaq1 ul{
    width: 100%;
    
}

.services .serv-content .card  .apaq1 li{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}

.services .serv-content .card  .apaq1 span{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: left;
   
}


.services .serv-content .card  .apaq2 span{
  color:black;
    font-weight: bolder;
   
} 
.services .serv-content .card  .apaq2{
  color: rgb(10, 86, 150) ;
    font-weight: bolder;
    text-align: justify;
    border-top: 7px dotted rgb(10, 86, 150) ;
    
}


.services .serv-content .card  .listam1 hr{
    width: 100%;
    height: 5px;
    color: #0A5696;
}
.services .serv-content .card   ul{
     width: 50%;
    
    
}

.services .serv-content .card  ul li{
    color: black;
}
/*.services .serv-content .card  .pmodal{
    width: 50%;
    margin: 10px;
}*//*
.services .serv-content .card .modal-body  p{
    color:black;
 
    
}

*/


/*ventas*/



.services1{
    color:#fff;

  background: rgba(145, 152, 159,.1)  ;
 
    
}

/*background: repeating-linear-gradient(
      45deg,
      rgba(0, 0, 0, 0) 20px,
      rgba(0, 0, 0, 0) 40px,
      rgba(145, 152, 159,.1)  40px,
    rgba(145, 152, 159,.1)   60px
    );*/

.services1 .title{
    color:#0A5696  ;
font-family: 'Poppins', sans-serif; 
    font-size: 45px;
}

.titulosespeciales{
    
  position: relative;
    width: 100%;
   
}

.services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 30%;;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:50px 60px 700px 500px / 50px  600px 500px 500px; 
}

.services1  .titlea1 h2{
  font-size: 30px;
color:white;
       font-weight: 900;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width: 30%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 35px;
 color:white;
    text-align: center;
        font-weight: 900;
    
}


.services1 .serv-content .card{
    width: calc(25% - 20px);

    background: rgba(145, 152, 159,.2);
    text-align: center;
 
    padding:  35px 25px;
    margin: 10px 13px 10px 0;
    cursor: pointer;
    transition: all 0.3s ease;
  display: inline-block;;
}


.services1 .serv-content .card:nth-child(3){
   top: -17px;
    height: 502px;
}
.services1 .serv-content .card:hover{
    background: rgba(145, 152, 159,.4);
}





.services1 .top-section{
  position: relative;
}
.services1 .top-section img{
  width: 80%;
    height: 150px;
     opacity: .6;

}


.services1 .top-section #imgotross{
    height: 150px;
    width: 100%;
}

.services1 .name{
  position: absolute;
  bottom:-5px;
  left: 25px;
  font-size: 27px;
  font-weight: 900;
  opacity: .5;
    color: #2E4053;
}
.services1 .name span{
  text-transform: uppercase;
  font-weight: 600;
}

.services1 .serv-content .card  .text h3{
    font-size: 21.5px;
    font-weight: 500;
    margin: 3px 0 7px 0;
    color: #0A5696  ;
   font-family: 'Poppins', sans-serif; 
}


 
.services1 .text .border{
  width: 100%;
  height: 6px;
  background:#D4AC0D;
    left: 0;

}
.services1 .text p{
  text-align: center;
  font-size: 14px;
       color:#626567;
     margin: 15px 0 0 0;
     font-family: 'Noto Sans JP', sans-serif; 
     
}

.services1 .text .botoncontactanos{
    color:  rgba(10, 86, 150,.79) ;
    font-size: 15px;
font-family: 'Poppins', sans-serif;
    font-weight: 900;
}

.services1 .text .botoncontactanos:hover{
   color:  rgb(145, 152, 159);
}

.services1 .text .botoncontactanos:visited{
     color:  rgba(10, 86, 150,.79) ;
}






.services1 .vinfo{
    color: dimgrey;
    font-size: 19px;
  
    text-align: center;
 
}

.services1 .fa-long-arrow-alt-down{
    color: rgba(10, 86, 150,.9) ;
    font-size: 35px;
     animation: float 2s linear infinite;
}


 
@keyframes float{
    
    0%, 100%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
}


.services1 .fa-long-arrow-alt-down:hover{
    cursor: pointer;
    color: dimgrey;
}







.grid {

	 list-style: none;
	 margin-left: -40px;
   margin-top: -180px;
    width: 100%;
    
}

.container {
	 box-sizing: border-box;
	 display: inline-block;
	 margin-right: -10px;
 
	 min-height: 1px;
	 padding-left: 40px;
	 vertical-align: top;
    margin-top: 30px;
}

.nav {
	 width: 40%;
}

.details {
	 width: 60%;
}

.wrapper {
	 position: relative;
	 max-width: 900px;
	 margin: 100px auto 0;
       background: rgba(145, 152, 159,.2) ;
    box-shadow: 10px 12px 1px  rgba(251, 192, 45,.6);
   height: 390px;
}

.wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 15px 20px 15px 40px;
	 margin: 10px;
	 color:white;
	 background:rgba(145, 152, 159,.5);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 23px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    
}

.wrapper .menu div:hover {
	 background-color: white;
    color: gray;
    text-decoration: underline;
    border-radius: 5px;
}

.wrapper .menu div span.light {
	 height: 10px;
	 width: 10px;
	 position: absolute;
	 top: 24px;
	 left: 5px;
	 background-color:#0A5696  ;
	 border-radius: 100%;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.wrapper .menu div.active span.light {
	 background-color: #fbc02d;
	 left: 0;
	 height: 100%;
	 width: 6px;
	 top: 0;
	 border-radius: 0;
    
}

.wrapper .menu div.active {
	 color:#0A5696 ;
	 padding: 15px 20px 15px 20px;
  
    
}

ul.content {
	 position: relative;
	 height: 0px;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  

}

ul.content li {
	 opacity: 0;

	 position: absolute;
	 list-style: none;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    color: black;
    font-size: 17px;
    
   
   
}

ul.content li.active {
	 transition-delay: 0.3s;
	 z-index: 2;
	 opacity: 1;
	 transform: translateX(0px);
     
}
  


ul.content li.active .one{
    margin-top: 1px;
}



ul.content li.active .two{
    
        margin-top: 90px;
}


ul.content li.active h3{
    
    text-align: center;
    color:  #0A5696;
    font-size: 25px;
}



ul.content li p {
	 margin: 0;
 font-family: 'Poppins', sans-serif;
    color: black;
   width: 100%;
}
 










/* contact section styling */




.antesbodyinfo{
   
   
   
    display: flex;
    align-items: center;
}



.contact-info{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -40px;
}

.cardinfo1{
    position: relative;
    flex: 1;
    max-width: 350px;
    height: 500px;
    background-color: rgba(10, 86, 150,.5) ;
    margin: 20px;
    cursor: pointer;
      box-shadow: 7px 7px 1px rgb(145, 152, 159);
   text-align: center;
   
}

.texto{
margin: 25px;
}

.cardinfo1 h3{
   font-size: 28px; 
    margin-bottom: 15px;
    font-family: 'Noto Sans JP', sans-serif; 
    color: white;
    font-weight: bolder;
}


.cardinfo1 p{
   font-size: 18px; 
    margin-bottom: 15px;
   font-weight: 500;
    color:rgba(10, 86, 150,.6) ;
    font-family: 'Roboto', sans-serif; 
}

.cardinfo1 h4{
   font-size: 22px; 
    margin-bottom: 15px;
   
    color:whitesmoke;
    font-family: 'Noto Sans JP', sans-serif;
}

.cardinfo1 h5{
   font-size: 22px; 
    margin-bottom: 15px;
   
    color:rgb(10, 86, 150) ;
    font-family: 'Roboto', sans-serif; 
}

.cardinfo1 .tel{
   font-size: 18px; 
    margin-bottom: 15px;
   
    color:white;
    font-family: 'Roboto', sans-serif; 
}





.cardinfo2{
    position: relative;
    flex: 1;
    max-width: 600px;
    height: 500px;
   
    margin: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

iframe{
    
    width: 100%;
    height: 93%;
    border: 3px solid white ;
    box-shadow: 10px 7px 7px rgb(145, 152, 159);
}

.icon{
    font-size: 32px;
    color: #ea8685;
    transition: .3s linear;
}



.cardinfo-content h3,
.cardinfo-content span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    opacity: 0;
}

.cardinfo-content h3{
    top: 20px;
    text-transform: uppercase;
    color: #ea8685;
}

.cardinfo-content span{
    bottom: 20px;
    color: #fff;
    font-weight: 500;
}

.cardinfo:hover h3{
    opacity: 1;
    top: 46px;
    transition: .3s linear .3s;
}

.cardinfo:hover span{
    opacity: 1;
    bottom: 46px;
    transition: .3s linear .3s;
}



/*Redes sociales*/

.antesredes{
    position: relative;
}

.redesabajo{
  position: relative;
top: 80px;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.botonn{
  display: inline-block;
  width: 90px;
  height: 90px;
  background: rgba(189, 195, 199,.5);
  
  margin: 10px;

  color: #3498db;
  overflow: hidden;
  
  border-radius: 5px ;  
  box-shadow: 10px 5px 10px -5px rgba(10, 86, 150,.7) ;

}

.botonn i{
  line-height: 90px;
  font-size: 33px;
  transition: 0.2s linear;
}




.botonn:hover i{
  transform: scale(1.3);
  color: rgba(10, 86, 150) ;
}



.botonn .fa-instagram:hover{
    color: #EC407A;
   
}

.botonn .fa-facebook-f:hover{
    color:#3498DB ;
   
}
.botonn .fa-whatsapp:hover{
    color:#2ECC71;
   
}



@keyframes aaa {
  0%{
    left: -110%;
    top: 90%;
  }50%{
    left: 10%;
    top: -30%;
  }100%{
    top: -10%;
    left: -10%;
  }
}



.accordion-item{
    background: rgba(145, 152, 159,.2);
    margin-top: 50px;
    text-align: center;
}

 .accordion-item .accordion-button{
   
     background: rgba(10, 86, 150,.3); 
    font-size: 25px;
  font-family: 'Noto Sans JP', sans-serif;
     color: #0A5696;
     font-weight: 500;
     
}
    
.accordion-button  .accordion-collapse {
   color: #0A5696; 
}
    


.contact .contact-content .column{
    width: calc(50% - 30px);
  
   
}


















/* footer  */



footer{
    

    border-top: 3px solid  rgb(10, 86, 150);
   width: 100%;
 position: relative;
    background: url(img/fondo3.jpg) no-repeat right  ;
background-attachment: fixed;


    background-size: contain;
    padding: 15px 23px;
    color: #fff;



}

  footer .col-md-2 .nav-link {
        color:white;
    }
    
footer .col-md-2 .nav .nav-item a{
    color: black;
}


 footer .col-md-2 ul  a:hover{
        color:rgb(230, 126, 34);
    }

 footer .col-md-2 ul  a:active{
         color:black;
    }

footer .col-md-2 ul  a:visited{
         color:black;
    }


footer h5{
    color:  rgb(10, 86, 150);
font-family: 'Open Sans', sans-serif;
    
} 



 .nav-link{
font-family: 'Roboto', sans-serif;
   font-size: 16px;
     text-align: center;
}


footer p{
    color: dimgrey;
    
}

footer i{
    color:rgb(230, 126, 34);
    font-size: 25px;
    margin: 10px;
}

footer .row p{
  text-align: center;
}


footer .col-md-2{
    margin-left:  35px;
   
    
}



#avisopf{
    color: #91989F ;
    text-decoration: none;
}
#avisopf:hover, :active, :visited{
    text-decoration: underline;
    color: #91989F ;
}





/* responsive media query start */

@media screen and (max-width: 1200px){
  .blog-posts{
    justify-content: center;
  }
  .post .post-content h3{
 font-size: 28px;   
    color: white;
font-family: 'Roboto', sans-serif;
}

.services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 32%;;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:90px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width: 32%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 37px;
 color:white;
text-align: center;
        font-weight: 900;
    
}



}


@media(max-width:1100px){
    
   
 .nav {
	 width: 40%;
}

.details {
	 width: 60%;
}

.wrapper {
	 position: relative;
	 max-width: 900px;
	 margin: 100px auto 0;
       background: rgba(145, 152, 159,.4) ;
    box-shadow: 10px 12px 1px  rgba(251, 192, 45,.6);
}

.wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 15px 20px 15px 40px;
	 margin: 10px;
	 color:white;
	 background:rgba(145, 152, 159,.5);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 23px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
    
    ul.content li.active .one{
    margin-top: 12px;
}



ul.content li.active .two{
    
        margin-top: 90px;
}
.post .post-content h3{
 font-size:28px;   
    color: white;
font-family: 'Roboto', sans-serif;
}

    .post .t-card{
     height: 290px;
    width: 300px;
 
font-family: 'Noto Sans JP', sans-serif;
    margin: 20px;
    padding: 15px 40px 20px 15px ;
    box-shadow: 5px 1px 3px 5px #ccc;
     width: 100%;
  border-radius: 6px;
  transition: .3s linear;
    text-align:justify;
    font-size: 15px;
    
}
#t-card3{
  background: rgba(21, 180, 236,.25);
     color: white;
    font-size: 14.9px;
}

    
   
.services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 35%;;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:90px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width: 35%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 37px;
 color:white;
text-align: center;
        font-weight: 900;
    
}

}

	









 


@media (max-width: 991px) {
    .max-width{
        padding: 0 50px;
    }
 
    
    .home{
    display: flex;
    
    background: url("img/header-shape.svg") no-repeat right ;
    /*background: linear-gradient(to left, rgba(145, 152, 159,.15), rgba(215, 219, 221,.35)), url("img/paper-3225109_960_720.jpg") no-repeat bottom  ;*/
    


    height: 100vh;
    color: #fff;
    min-height: 500px;
    background-size: cover;
    background-attachment: fixed;

    
    
    
}
    
    
   

   
    
    
    .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 35%;
    height: 100px;
 font-size:38px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 25px 0 10px 30px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
  
 
     .cardinfo1{
        flex: 100%;
        max-width: 300px;
    }
    .cardinfo2{
        flex: 100%;
        max-width: 300px;
    }
  
.texto{
margin: 20px;
}

.cardinfo1 h3{
   font-size: 28px; 
    margin-bottom: 15px;
    font-family: 'Noto Sans JP', sans-serif; 
    color: white;
    font-weight: bolder;
}


.cardinfo1 p{
   font-size: 18px; 
    margin-bottom: 15px;
   font-weight: 500;
    color:rgba(10, 86, 150,.6) ;
    font-family: 'Roboto', sans-serif; 
}

.cardinfo1 h4{
   font-size: 22px; 
    margin-bottom: 15px;
   
    color:whitesmoke;
    font-family: 'Noto Sans JP', sans-serif;
}

.cardinfo1 h5{
   font-size: 22px; 
    margin-bottom: 15px;
   
    color:rgb(10, 86, 150) ;
    font-family: 'Roboto', sans-serif; 
}

.cardinfo1 .tel{
   font-size: 18px; 
    margin-bottom: 15px;
   
    color:white;
    font-family: 'Roboto', sans-serif; 
}

    
   .post{
    width: min(600px, 100%);
  }
     .post .t-card{
     height: 290px;
    width: 300px;
 
font-family: 'Noto Sans JP', sans-serif;
    margin: 20px;
    padding: 15px 40px 20px 15px ;
    box-shadow: 5px 1px 3px 5px #ccc;
     width: 100%;
  border-radius: 6px;
  transition: .3s linear;
    text-align:justify;
    font-size: 18px;
    
}
    
    .blog-posts p{
    font-size: 20px;
}
}




@media (max-width: 947px){
    .menu-btn{
        display: block;
        z-index: 999;
    }
    .menu-btn i.active:before{
        content: "\f00d";
    }
    .navbar .menu{
        position: fixed;
        height: 100vh;
        width: 100%;
        left: -100%;
        top: 0;
        background: rgba(145, 152, 159,.9) ;
        text-align: center;
        padding-top: 80px;
        transition: all 0.3s ease;
    }
    
    .navbar .menu.active{
        left: 0;
    }
    .navbar .menu li{
        display: block;
    }
    .navbar .menu li a{
        display: inline-block;
        margin: 20px 0;
        font-size: 28px;
    }
    
    .navbar .logo img{
    color: #fff;
    width:90px;
    height:90px;
    background: rgba(251, 252, 252,.9);
   border-radius: 1px;
    

}
    

    .home .home-content .text-2{
        font-size: 70px;
        
    }
    
    .home .home-content .text-3{
        font-size: 35px;
    }
    
    .home .home-content .text-3-1{
    font-size: 35px;
    margin: 5px 0;
font-family: 'Poppins', sans-serif;
    text-align: left;
}
    .home .home-content a{
        font-size: 23px;
        padding: 10px 30px;
    }
    .max-width{
        max-width: 930px;
    }
    .about .about-content .column{
        width: 100%;
    }
    .about .about-content .left{
        display: flex;
        justify-content: center;
        margin: 0 auto 60px;
    }
    .about .about-content .right{
        flex: 100%;
    }
    .services .serv-content .card{
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    
    .services1 .serv-content .card{
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .skills .skills-content .column,
    .contact .contact-content .column{
        width: 100%;
        margin-bottom: 35px;
    }
    
    
    
        


}

@media (max-width: 850px) {
    
    
   .home .home-content .text-2{
    font-size: 51px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -3px;
    
}

.home .home-content .text-2-1{
    font-size: 35px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -1px;

    
}


.btn-container {
  display: flex;
 margin: 30px 10px 0 40px;
font-family: 'Roboto', sans-serif;
    
}

.primary-btn {
  background-color: rgb(0, 168, 250);
 font-size: 20px;
  color: white;
  padding: 15px 25px;
   border: 3px solid #00a8fa;

  margin: 2px 20px;
}

.primary-btn:hover{
     border: 3px solid #00a8fa;
  color: #00a8fa;
    background-color: transparent;
}


.secondary-btn {
  border: 3px solid #00a8fa;
  color: #00a8fa;
     padding: 15px 25px;
  
 font-size: 20px;
  margin: 2px 20px;
}

.secondary-btn:hover{
    border: 3px solid #00a8fa;
  color:white; 
       background-color: #00a8fa;
}
 




.nos5 p{
margin: 40px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
      color: rgb(0, 168, 250);
    font-weight: 600;
}


.nos5 .icon-list{
    width: 70%;
    margin: 40px 150px;
}






    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .socialc{
	display: none;
}
    
     .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 40%;
    height: 100px;
 font-size:38px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 27px 0 10px 25px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
    .nav {
	 width: 40%;
        margin-top: 25px;
}

.details {
	 width: 60%;
}

.wrapper {
	 position: relative;
	 max-width: 900px;
    height: 300px;
	 margin: 100px auto 0;
       background: rgba(145, 152, 159,.4) ;
    box-shadow: 10px 12px 1px  rgba(251, 192, 45,.6);
}


    
    .wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 15px 20px 15px 40px;
	 margin: 10px;
	 color:white;
	 background:rgba(145, 152, 159,.8);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 18px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
    
    .map iframe{
    width: 500px;
    height: 380px;
}
   
    
 .services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 40%;;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:90px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width:40%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 37px;
 color:white;
text-align: center;
        font-weight: 900;
    
}
}

    



@media (max-width: 690px) {
    
    
    
    
    
    .max-width{
        padding: 0 23px;
        
        
        
    }
     .home .rs-home{
   display: none;
    
  
}
    .ini2{
        margin-top: -100px;
    }
.ini2 .col-md-5{
   
    margin: 0  ;
}
        
    .home{
    display: flex;
    
    background: url("img/header-shape.svg") no-repeat right ;
    /*background: linear-gradient(to left, rgba(145, 152, 159,.15), rgba(215, 219, 221,.35)), url("img/paper-3225109_960_720.jpg") no-repeat bottom  ;*/
    


    height: 100vh;
    color: #fff;
    min-height: 500px;
    background-size: cover;
    background-attachment: fixed;

    
    
    
}
    
    
    
    .home .home-content .text-2{
        font-size: 60px;
    }
    .home .home-content .text-3{
        font-size: 32px;
    }
    .home .home-content a{
        font-size: 20px;
    }
    
    

.home  a{
    display: inline-block;
  
    color:white;
    font-size: 26px;
    padding: 8px 15px;
   transition: all 0.3s ease;
   
}
    
     .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 50%;
    height: 80px;
 font-size:38px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 15px 0 10px 20px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
    
    .services .serv-content .card{
        width: 100%;
    }
     .services1 .serv-content .card{
        width: 100%;
    }
   
   
    
  
    
    .contact-box{
	   background: rgba(10, 86, 150,.3); 
    width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 25px;
	box-shadow: 2px 0px 30px rgba(0,0,0,0.1);
        text-align: center;
        align-content: center;
 
}
   
    .nav {
	 width: 45%;
        margin-top: 50px;
}

.details {
	 width: 55%;
}
    
    .wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 15px 20px 15px 40px;
	 margin: 10px;
	 color:white;
	 background:rgba(145, 152, 159,.8);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 15px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
    
    
        ul.content li {
	 opacity: 0;

	 position: absolute;
	 list-style: none;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    color:  black;
    font-size: 17px;
    
   
   
}
    
    ul.content li.active .one{
    margin-top: 12px;
}



ul.content li.active .two{
    
        margin-top: 45px;
}
  
 .services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 45%;;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:90px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width:45%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 37px;
 color:white;
text-align: center;
        font-weight: 900;
    
}
}






@media (max-width: 630px){
    
    
        .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 50%;
    height: 80px;
 font-size:38px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 15px 0 10px 20px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
     .services{
    color:#fff;
background: none;
    
}

    
 
    .accordion-item{
    background: rgba(145, 152, 159,.2);
    margin-top: 50px;
    text-align: center;
       
        
}
    
.wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 15px 20px 15px 40px;
	 margin: 10px;
	 color:white;
	 background:rgba(145, 152, 159,.8);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 13px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
    
    
        ul.content li {
	 opacity: 0;

	 position: absolute;
	 list-style: none;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    color:  black;
    font-size: 17px;
    
   
   
}
    
    ul.content li.active .one{
    margin-top: 12px;
    }


ul.content li.active .two{
    
        margin-top: 75px;
}
 .services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 50%;;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:90px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width:50%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 37px;
 color:white;
text-align: center;
        font-weight: 900;
    
}
}



@media (max-width: 580px) {
    
    
     
   .home .home-content .text-2{
    font-size: 51px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -3px;
    
}

.home .home-content .text-2-1{
    font-size: 35px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -1px;

    
}


.btn-container {
  display: flex;
 margin: 30px 10px 0 10px;
font-family: 'Roboto', sans-serif;
    
}

.primary-btn {
  background-color: rgb(0, 168, 250);
 font-size: 19px;
  color: white;
  padding: 15px 25px;
   border: 3px solid #00a8fa;

  margin: 2px 10px;
}




.secondary-btn {
  border: 3px solid #00a8fa;
  color: #00a8fa;
     padding: 15px 25px;
  
 font-size: 19px;
  margin: 2px 10px;
}


    
    
    
    
    
    
      .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 30%;
    height: 70px;
 font-size:19px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 20px 0 10px 8px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
    
    .ventas2 .titprincipal{
    width: 90%;
  
}

   
  
        ul.content li {
	 opacity: 0;

	 position: absolute;
	 list-style: none;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    color:  #5DADE2;
    font-size: 15px;
    
   
   
}
    
.blog-posts p{
    font-size: 19px;
}


}





@media (max-width: 500px) {
    iframe{
           width: 100%;
    height: 300px;
    }
  .contacto .titulo{
  
    width:85%;
   
}
    .con1{
        margin-top: 50px;
    }
    
    .con2{
        margin: -100px 150px;
    }
   
    .nos5  .titulo{
  
    padding: 5px;
  
    width:70%;
      margin: -20px 40px 50px;

}

.ini4 .card{
   margin-top: 20px;
}


.nos5  p{
margin: 40px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
      color: rgb(0, 168, 250);
    font-weight: 600;
}


.nos5  .icon-list{
    width: 100%;
    margin: 40px 10px;
}

    
    .ini3 h3{
 
    font-size: 50px;
   
}
.ini3 h3:before{
 
    top: 3px;
    left: 5px;
   
}
    .ventas1  .card{
    margin-top: 30px
    }

    .servicios .titulo{
    margin: 50px 0;
    color: rgb(10, 86, 150);
    border-bottom: 3px double rgb(145, 152, 159);
 border-width: 5px;
    font-size: 45px;
    width:75%;
    text-align: center;
}

    
    .ser1 .col-md-5 img{
    width: 350px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}

    
.ser1 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 80px 0px 0 0px;
    height:230px;
  
}

    
    .ser3 .col-md-5 img{
    width: 350px;
  
box-shadow: -7px 7px 1px 0px rgba(230, 126, 34,.7);
}
    
    
    .ventas1 .col-md-5 img{
    
         margin: 0 80px; 
}

    
    
  
    
    .home .home-content .text-2{
        font-size: 55px;
    }
    .home .home-content .text-3{
        font-size: 30px;
    }
    .home .home-content .text-3-1{
        font-size: 30px;
    }
    .about .about-content .right .text,
    .skills .skills-content .left .text{
        font-size: 19px;
    }
    .contact .right form .fields{
        flex-direction: column;
    }
    .contact .right form .name,
    .contact .right form .email{
        margin: 0;
    }
    .right form .error-box{
       width: 150px;
    }
    .scroll-up-btn{
        right: 15px;
     
        height: 38px;
        width: 35px;
        font-size: 23px;
        line-height: 38px;
    }
    
    
    .nos111{
    margin: -300px 0 180px;
   
    height: 530px;
       
}

    
    
  
       .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 65%;
    height: 80px;
 font-size:30px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 20px 0 10px 15px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
    

    
.ventas .titulo{

    width:70%;
 
}

    
    
    .carousel-inner{
    width: 100%;
       
   
}

  
    
    .footer-section{
 
}

    footer{
 background: linear-gradient(to left, rgba(253, 254, 254 ,.6), rgba(0,0, 0,.3)), url("img/fondo3.jpg") no-repeat bottom  ;
    background-size: cover;

}
    footer .titfo{
        margin: 40px 0 -40px 50px;
        width: 50%;
    }
    
    footer p{
        color: black;  
    }
    
    
    footer .col-md-2{
        color: white;
     
      
    }
    
   
    footer .col-md-2 .nav .nav-item a{
    margin-left: 20px
}

    
     .nav-link{
font-family: 'Roboto', sans-serif;
   font-size: 16px;
     text-align: center;
       
}

    
    
.wrapper {
	 position: relative;
	 max-width: 700px;
	 margin: 100px auto 0;
       background: rgba(145, 152, 159,.2) ;
    box-shadow: 10px 12px 1px  rgba(251, 192, 45,.6);
   height: 390px;
}
    
    .wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 15px 20px 15px 40px;
	 margin: 10px 0 10px 0;
	 color:white;
	 background:rgba(145, 152, 159,.8);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 14.5px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
        top: -30px;
}
    
   .nav {
	 width: 63%;
}

.details {
	 width: 37%;
} 
    ul.content li {
	 opacity: 0;

	 position: absolute;
	 list-style: none;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    color:  black;
    font-size: 14px;
    
   
   
} 
    ul.content li.active .one{
    margin-top: -10px;
}



ul.content li.active .two{
    
        margin-top: 17px;
}
    
    
    
    
    
ul.content li.active h3{
    
    text-align: center;
    color:  #0A5696;
    font-size: 17px;
}



.container {
	
	 margin-right: -40px;

	
    margin-top: 30px;
}



    
    
    
    .services .text p{
        font-size: 16px;
    }
    
    
    
  .services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 70%;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:100px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width:75%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 35px;
 color:white;
text-align: center;
        font-weight: 900;
    
}
    
    
       
.services1 .top-section img{
  width: 58%;
    height: 150px;
     opacity: .6;

}


.services1 .top-section #imgotross{
    height: 150px;
     width: 80%;
}
.services1 .name{
 
  bottom:1px;
  left: 70px;
  font-size: 27px;
  
    color: #2E4053;
}
    
    
    .services1 .text p{
        font-size: 16px;
    }
    
    
    .nos2{
    clip-path:none;
    }
    
   
    
     .nos3{
    clip-path:none;
    }
    
     .nos4{
    clip-path:none;
    }
    
    
    .ser3 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 40px 0px 0px;
    height:230px;
  
}
    
    
    .ser4 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 80px 10px 0 10px;
    height:230px;
  
}
    .ser4 .col-md-5 img{
    width:300px;
    height: 300px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}
.ser1 .col-md-3{
    margin-top: 20px;
}

.ser1 .col-md-4{
    margin-top: 20px;
}
.ser3 .col-md-3{
    margin-top: 25px;
}
    
    .ser4 .col-md-4{
    margin-top: 25px;
}

}





@media (max-width: 420px){
    
      footer .col-md-2 .nav .nav-item a{
    margin-left:40px
}
     footer .titfo{
        margin: 40px 0 -40px 70px;
        width: 50%;
    }
    
    .fooredes{
        display: none;
    }
    .ser1 .col-md-5 img{
    width: 300px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}

    .home{
    display: flex;
    
    background: url("img/header-shape.svg") no-repeat top  ;
    /*background: linear-gradient(to left, rgba(145, 152, 159,.15), rgba(215, 219, 221,.35)), url("img/paper-3225109_960_720.jpg") no-repeat bottom  ;*/
    

font-family: 'Noto Sans', sans-serif;
    height: 100vh;
    color: #fff;
    min-height: 500px;
    background-size: cover;
    background-attachment: fixed;

    
    
    
}
    
      .home .home-content .text-2{
    font-size: 45px;
    font-weight:100;
    margin-bottom: 10px;
    color: #0A5696 ;
    letter-spacing: -3px;
    
}

.home .home-content .text-2-1{
    font-size: 33px;
    font-weight:100;
  margin-bottom: 15px;
    color: #0A5696 ;
    letter-spacing: -1px;

    
}


.home  .btn-container {
  display: flex;
 margin: 50px 5px 0 5px;
font-family: 'Roboto', sans-serif;

    
}


.home .primary-btn {
  background-color: rgb(0, 168, 250);
 font-size: 15px;
  color: white;
  padding: 15px 25px;
   border: 3px solid #00a8fa;
width: 130px;
  margin: 2px 3px;
}

.primary-btn:hover {

  color: white;
 
}



.home .secondary-btn {
  border: 3px solid #00a8fa;
  color:rgb(0, 168, 250);
     padding: 15px 25px;
width: 130px;
 font-size: 15px;
  margin: 2px 3px;
}


    .ser3 .col-md-5 img{
    width: 300px;
  
box-shadow: -7px 7px 1px 0px rgba(230, 126, 34,.7);
}
 
    .home .max-width{
  width: 100%;
 
  display: flex;
    
}

.home .max-width .row{
     width:100%;


  
}
.home .home-content .typing{
    font-size: 26px;
   
   
}

/*typing 2 */
.home .home-content .typing-2{
  font-size: 26px;
   
    margin-top: -15px;
}

       
    .ser4 .col-md-7{
    background-color:rgba(214, 234, 248,.7);
    z-index: 1;
    margin: 10px 5px 0 5px;
    height:230px;
  
}
    .ser4 .col-md-5 img{
    width:300px;
    height: 300px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}
    
    
    
      .nos111{
    margin: -300px 0 200px;
   
    height: 670px;
       
}
    
    .nos2 img{
  width: 330px;
    } 
    
      .nos3 img{
  width: 330px;
          margin-top: 20px
    } 
    
    .nos5  .titulo{
  
    padding: 5px;
  
    width:90%;
      margin: -40px 20px 50px;

}



.nos5  p{
margin: 40px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
      color: rgb(0, 168, 250);
    font-weight: 600;
}


.nos5  .icon-list{
    width: 100%;
    margin: 40px 10px;
}

  .nos5  ul li{
    font-size: 20px;
      
}

  .nos5  ul  i{
  
    font-size: 20px;
  
    

    }  
    
      
    .ini3 h3{
 
    font-size: 45px;
   
}
.ini3 h3:before{
 
    top: 3px;
    left: 5px;
   
}

    footer .col-md-2{
        margin-left: 30px;
    }
    .home .col-md-4{
    margin: -40px 0 0 0 ;
}

.home .slide img{
    height: 15vh;
}
.social-bar{
    position: fixed;
    left: 0;
    top: 80%;
    font-size:29px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
    
    
}

}





@media (max-width: 380px){
   
    
         .nos111{
    margin: -300px 0 200px;
   
    height: 800px;
       
}
    
     
    .ser1 .col-md-5 img{
    width: 280px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}

       .ser3 .col-md-5 img{
    width: 270px;
  
box-shadow: -7px 7px 1px 0px rgba(230, 126, 34,.7);
}
 
    .home .max-width{
  width: 100%;
 
  display: flex;
        margin: 0
    
}

.home .max-width .row{
     width:100%;


  
}

  


.primary-btn {
  background-color: rgb(0, 168, 250);
 font-size: 13px;
  color: white;
  padding: 10px 20px;
   border: 3px solid #00a8fa;

  margin: 2px 0px;
}




.secondary-btn {
  border: 3px solid #00a8fa;
  color: white;
     padding: 10px 20px;
  
 font-size: 13px;
  margin: 2px 0px;
}


    
    
    
    .nos2 img{
  width: 300px;
    } 
    
      .nos3 img{
  width: 300px;
          margin-top: 20px;
    } 
    
 
.nos5 .icon-list{
   padding: 0;
    margin: 40px 5px;
}

  .nos5  ul li{
    font-size: 20px;
      
      
}

 .nos5  ul  i{
  
    font-size: 19px;
  margin: 10px 10px 10px 20px ;
    
}  
    
          
    .ini3 h3{
 
    font-size: 40px;
   
}
.ini3 h3:before{
 
    top: 2px;
    left: 4px;
   
}
    
    
    .nav {
	 width: 50%;
}

.details {
	 width: 50%;
} 
    .wrapper .menu div {
      font-family: 'Noto Sans JP', sans-serif;
	 padding: 10px 10px 15px 20px;
	 margin: 10px;
	 color:white;
        width: 122%;
	 background:rgba(145, 152, 159,.8);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 cursor: pointer;
	 position: relative;
	 vertical-align: middle;
	 font-weight: 700;
    font-size: 12.5px;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    
}
    
     ul.content li {
	 opacity: 0;

	 position: absolute;
	 list-style: none;
	 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    color:  black;
    font-size: 13.5px;
    
   
   
} 
    ul.content li.active .one{
    margin-top: 10px;
}



ul.content li.active .two{
    
        margin-top: 45px;
}
    ul.content li.active h3{
    
    text-align: center;
    color:  #0A5696;
    font-size: 16px;
}
    
   
    
    .home .home-content .text-3{
    font-size: 23px;
    margin: 5px 0;
font-family: 'Poppins', sans-serif;
}

.home .home-content .text-3 span{
    color: #fff;
    font-weight: 400;
   
}

/*typing 2 */
.home .home-content .text-3-1{
    font-size: 23px;
    margin: 5px 0;
font-family: 'Poppins', sans-serif;
    text-align: left;
}
    
    
      .about .max-width .title{
    


    color:  white;
background: rgba(145, 152, 159,.7) ;
    width: 65%;
    height: 80px;
 font-size:29px;
  font-family: 'Poppins', sans-serif; 
   
    padding: 18px 0 10px 10px;
    margin-bottom: 30px;
    text-align: center;
 


    box-shadow: 10px 11px 1px   rgba(10, 86, 150,.5) ;
       
 

}
    
    .blog-posts p{
    font-size: 16px;
}
  
    #post3 h3{
        font-size:30px;
        margin-top: -15px;
    
    }
    
    
   .services1  .titlea1   {
    position: relative;
   background-color:  rgba(10, 86, 150,.8) ;
padding: 10px;

width: 90%;
  
    text-align: center;


font-family: 'Poppins', sans-serif; 

    border-radius:90px 90px 300px 500px / 350px  6px 100px 0px; 
}

.services1  .titlea1 h2{
  font-size: 32px;
color:white;
}
    
.services1  .titlea2   {
   
    background-color: rgba(145, 152, 159,.5) ;
   padding: 10px;
 width:90%;
    border-radius: 500px 1000px 100px 500px / 100px  500px 600px 500px;
   
font-family: 'Montserrat', sans-serif;
   
margin-bottom: 30px;

}

.services1  .titlea2 h2{
 font-size: 33px;
 color:white;
text-align: center;
        font-weight: 900;
    
}
 





    .services{
    color:#fff;
background: none;
    
}

    
.services .serv-content .card .btn-secondary{
     width: 40%;
}
  .texto{
margin: 11px;
}
  
.services1 .fa-long-arrow-alt-down{
    color: rgba(10, 86, 150,.9) ;
    font-size: 40px;
     animation: float 2s linear infinite;
}

    
    @keyframes float{
    
    0%, 100%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-8px);
    }
}
.container{
        margin-right: -10px;
    }
    .redesabajo{
       top: 120px;
    }
    
    .nos11 .left ul li  {
    margin: 20px 25px;
    text-align: justify;
    font-size: 20px;
}
    
      .ser4 .col-md-5 img{
    width:250px;
    height:250px;
box-shadow: 7px 7px 1px 0px rgba(230, 126, 34,.7);
}
     footer .titfo{
        margin: 40px 0 -40px 30px;
        width: 70%;
    }
     footer .col-md-2{
        margin-left: 30px;
    }
       
    .ventas1 .col-md-5 img{
    
         margin: 0 50px; 
}
.ventas1 .col-md-4:nth-child(1) img{
    
    margin: 0 60px;
}


.ventas1 .col-md-4:nth-child(2) img{
     width: 280px;
      margin: 0 10px;
}


.ventas1 .col-md-4:nth-child(3) img{
     width: 280px;
      margin: 17px 10px;
}

    .ventas1 .card h5{
        font-size: 25px;
    } 
    
    .ventas1 .col-md-6 .card a {
margin-top: 5px;
  color: white;
        width: 200px;
}
    .ventas1 .bot{
      margin-top: -25px;
    }
     .con2{
        margin: -100px 100px;
    }
    
    
    .home .home-content .typing-2{
 
   
    margin-top: -30px;
}
    
  
    .btn-container {
  display: flex;
 margin: 50px 5px 0 5px;
font-family: 'Roboto', sans-serif;
    
}
    .home .home-content .text-2{
    font-size: 35px;
    font-weight:100;
    margin-left: -3px;
    color: #0A5696 ;
    letter-spacing: -3px;
    
}

.home .home-content .text-2-1{
    font-size: 25px;
    font-weight:100;
    margin-bottom: 30px;
    color: #0A5696 ;
    letter-spacing: -1px;

    
}

.nos111 .card p{
    text-align:left;
font-family: 'Noto Sans', sans-serif;
     font-size: 15px;
}