.imagen-en-contenedor{
  max-height: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: none !important;

}

/* slide con imagenes responsive*/
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}


/*-------------Padding - Margins----------------------------------*/

.pad0{ padding: 0px !important;    }
.pad5{ padding: 5px !important;    }
.pad10{ padding: 10px !important;    }
.pad15{ padding: 15px !important;    }
.pad20{ padding: 20px !important;    }
.pad50{ padding: 50px !important;    }

.padt0{  padding-top: 0px !important;    }
.padt5{ padding-top: 5px !important;    }
.padt8{ padding-top: 8px !important;    }
.padt10{ padding-top: 10px !important;    }
.padt15{ padding-top: 15px !important;    }
.padt20{ padding-top: 20px !important;    }
.padt25{ padding-top: 25px !important;    }
.padt30{ padding-top: 30px !important;    }
.padt50{ padding-top: 50px !important;    }
.padt70{ padding-top: 70px !important;    }
.padt90{ padding-top: 90px !important;    }

.padr0{ padding-right: 0px !important;  }
.padr5{ padding-right: 5px !important;    }
.padr10{ padding-right: 10px !important;    }
.padr15{ padding-right: 15px !important;    }
.padr20{ padding-right: 20px !important;    }
.padr25{ padding-right: 25px !important;    }
.padr30{ padding-right: 30px !important;    }

.padb0{ padding-bottom: 0px !important;   }
.padb5{ padding-bottom: 5px !important;    }
.padb10{ padding-bottom: 10px !important;    }
.padb15{ padding-bottom: 15px !important;    }
.padb20{ padding-bottom: 20px !important;    }
.padb25{ padding-bottom: 25px !important;    }
.padb30{ padding-bottom: 30px !important;    }
.padb40{ padding-bottom: 40px !important;    }
.padb50{ padding-bottom: 50px !important;    }
.padb80{ padding-bottom: 80px !important;    }

.padl0{ padding-left: 0px !important;   }
.padl5{ padding-left: 5px !important;    }
.padl10{ padding-left: 10px !important;    }
.padl15{ padding-left: 15px !important;    }
.padl20{ padding-left: 20px !important;    }
.padl25{ padding-left: 25px !important;    }
.padl30{ padding-left: 30px !important;    }
.padl35{ padding-left: 35px !important;    }

.margt-55 { margin-top: -55px !important; }
.marg0{  margin: 0px !important; }
.margt0{ margin-top: 0px !important;    }
.margt5{ margin-top: 5px !important;    }
.margt10{ margin-top: 10px !important;    }
.margt13{ margin-top: 13px !important;    }
.margt15{ margin-top: 15px !important;    }
.margt20{ margin-top: 20px !important;    }
.margt25{ margin-top: 25px !important;    }
.margt30{ margin-top: 30px !important;    }
.margt50{ margin-top: 50px !important;    }

.margr0{ margin-right: 0px !important;    }
.margr5{ margin-right: 5px !important;    }
.margr10{ margin-right: 10px !important;    }
.margr15{ margin-right: 15px !important;    }
.margr20{ margin-right: 20px !important;    }
.margr25{ margin-right: 25px !important;    }
.margr30{ margin-right: 30px !important;    }
.margr35{ margin-right: 35px !important;    }
.margr40{ margin-right: 40px !important;    }

.margb0{ margin-bottom: 0px !important;    }
.margb5{ margin-bottom: 5px !important;    }
.margb10{ margin-bottom: 10px !important;    }
.margb15{ margin-bottom: 15px !important;    }
.margb20{ margin-bottom: 20px !important;    }
.margb25{ margin-bottom: 25px !important;    }
.margb30{ margin-bottom: 30px !important;    }

.margl0{ margin-left: 0px !important;    }
.margl5{ margin-left: 5px !important;    }
.margl10{ margin-left: 10px !important;    }
.margl15{ margin-left: 15px !important;    }
.margl20{ margin-left: 20px !important;    }
.margl25{ margin-left: 25px !important;    }
.margl30{ margin-left: 30px !important;    }
.margl50{ margin-left: 50px !important;    }

.container{
  max-width: 360px;
}



.container-video{
  height: 300px;
  overflow: hidden;
}

.video-inicio{
  margin-top: -400px;
 
}

.project-owbx .title{
  font-size: 9px;
  line-height: 15px;
}

.project-owbx {
  padding: 10px 8px 8px;
  margin: 20px 0 30px;
}
.project-owbx i{
  line-height: 20px;
}
.project-owbx i{
  font-size: 30px;
}

.our-story h4.title {
    font-size: 16px;
    line-height: 23px;
}

.our-story p {
  font-size: 14px;
}

.site-button, .site-button-secondry{
  padding: 8px 20px; 
  font-size: 12px;
}

.ft-contact .ft-contact-bx .title {
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 14px;
}

.ft-contact .ft-contact-bx p {
    line-height: 20px;
    font-size: 13px;
}

.site-footer.style1 .footer-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
    color: #fff;
}

.site-footer.style1 .widget.widget_about p {
    font-size: 13px;
    line-height: 25px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 16px;
}
.box-about-list .icon-bx-wraper p {
    font-size: 13px;
 
}

body{
  font-size: 14px;
}

.pricingtable-wrapper.style1 .pricingtable-icon i {
    font-size: 38px;
}   

.inner-text p {
    font-size: 14px;
}

.imagen-historia{
  padding-right: 15px;
  padding-left: 15px;
}


.widget_getintuch-pro-details .pro-details{
  font-size: 12px;
}

.info-sucursal{
  padding-top: 10px;
}

.lugar-sucursal{
  font-size: 22px !important;
}

.div-sucursal{
  margin-bottom: 0px;
}

.beneficios-titulo{
  font-size: 14px !important;
}

.beneficios-p{
  font-size: 12px !important;
}

 .service-box.style3 .icon-bx-wraper:before {
    font-size: 40px;
    top: -10px;
}  
.service-box.style3 .icon-bx-wraper {
    padding: 20px 20px;
}

.service-box.style3 .icon-lg i {
  font-size: 40px;
  line-height: 0px;
}

.imagen-div-industrial{
  padding-bottom: 10px;
}

.rta-contacto{
    padding-top: 20px;
    padding-left: 13px;
    font-size: small;
}

.div-canvas{
  /*height:600px;*/
  overflow-y: hidden;
  overflow:auto;
}

#loader-pdf{
  margin-right: 30px;
  margin-top: 80px;
}

.div-loader{
  width: 100%;
  position: absolute;
}

.div-download{
  position: absolute;
  right: 40px;
}
.project-list{
  margin-bottom: 0px;
}
.truck{
  padding-top: 5px;
}
.foresTrans{
  padding-bottom: 8px;
  padding-top: 8px;
}

#myFile{
    font-size: 13px;
    padding-left: 12px;
    width: -webkit-fill-available;
}

.rtacv{
    font-size: small;
    margin: 10px;
    margin-top: 20px;
    border:none;
}

.no-border{
    border:none;
}

.div-orden{
    width: max-content;
    float: right;
    padding-bottom: 30px;
}
  

.tagfiltro{
    padding: .2rem 0.25rem;
    margin-bottom: 5px;
    font-size: small;
    clear: both;
}

.cursor{
  cursor: pointer
}
.tagfiltro button{
    position: relative !important;
    top: -.75rem !important;
    right: auto !important;
    padding: .5rem 0.5rem !important;
    color: black !important;
    font-size: medium !important;
    right: 0px !important;
    float: left !important;
    opacity: 1 !important;
}

#f-buscar div input{
    font-size: small;
}

#f-buscar div {
    display: flex;
}

.btn-buscar{
    color: #FE5E14;
    font-size: x-large;
    border: none;
    background: none;
}

.categories_name{
    padding-bottom: 18px;
    margin-bottom: 13px;
    border-bottom: 1px solid rgba(102,102,102,.11);
    position: relative;
    padding: 10px 10px 10px 15px;
    margin-bottom: 0;
    line-height: 20px;
}

.categories_name a{
    color: #767676;
    font-size: smaller;
}

.active-categoria{
  color: #FE5E14 !important;
}

.search-content-area{
  font-size: smaller;
}

.item-title{
    font-size: smaller;
}

.btn-consultar{
    padding: 10px 15px !important;
    padding-bottom: 30px;
}

.modal-header {
    background: #FE5E14;
    padding: 10px 20px;
    color: white
}

.titulo-dialog{
    color: white
}

#respuesta div{
    padding: 10px;
    font-size: smaller;
}

.div-un-producto{
	border-radius: 5px;
	border: 1px solid #ddd;
}

.inner-text ul li{
  font-size: 16px;
  text-align: justify;
}
/*-------------Responsive----------------------------------*/

/* .col-xs */
@media (min-width : 360px) {
  
} 

/* .col-sm */
@media (min-width : 576px) {
    .container{
        max-width: 576px;
    }
    #loader-pdf{
      margin-right: 56px;
      margin-top: 150px;
    }
    .truck{
      padding-top: 0px;
    }
    .foresTrans{
      padding-bottom: 0px;
      padding-top: 0px;
    }
    .project-owbx .title{
      font-size: 9px;
      line-height: 18px;
    }
 
} 

/* .col-md */
@media (min-width : 768px) {
    .container{
        max-width: 768px;
    }
  
    .titulo-filtro{
        font-size: medium;  
    }
    
    .divtagfiltro{
        font-size: small;
    }

    .container-video{
      height: auto;
      overflow: hidden;
    }

    .video-inicio{
      margin-top: -400px;
      margin-left: -500px;
    }
    .project-owbx .title{
      font-size: 14px;
    }
    
    .project-owbx {
      padding: 20px 15px 15px;
      margin: 20px 0 18px;
    }
    .project-owbx i{
      line-height: 50px;
    }
    .project-owbx i{
      font-size: 50px;
    }
    .our-story h4.title {
      font-size: 20px;
      line-height: 30px;
    }
    .our-story p {
      font-size: 16px;
    }  
    .site-button, .site-button-secondry{
      padding: 12px 30px; 
      font-size: 13px;
    }
    .ft-contact .ft-contact-bx .title {
      margin: 0 0 5px 0;
      font-size: 18px;
      line-height: 24px;
    }
    ft-contact .ft-contact-bx p {
        line-height: 26px;
        font-size: 14px;
    }
    .site-footer.style1 .footer-title {
        margin: 0;
        font-size: 24px;
        font-weight: 500;
        padding-bottom: 20px;
        margin-bottom: 30px;
        position: relative;
        color: #fff;
    }
    .site-footer.style1 .widget.widget_about p {
        font-size: 16px;
        line-height: 28px;
    }
    h3 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .box-about-list .icon-bx-wraper p {
      font-size: 15px; 
    }
    body{
      font-size: 16px;
    }
    h4 {
      font-size: 22px;
    }
    .pricingtable-wrapper.style1 .pricingtable-icon i {
        font-size: 48px;
    }   
    .inner-text p {
      font-size: 16px;
    } 
    .imagen-historia{
      padding-right: 25px;
      padding-left: 0px;
    }

    .widget_getintuch-pro-details .pro-details {
      font-size: 13px;
    }
    .info-sucursal{
      padding-top: 8px;
    }

    .video-sucursal{
      margin-top: -200px;
    }
    h2 {
        font-size: 32px;
    }
    .widget_getintuch-pro-details .pro-details{
      font-size: 13px;
    }
    .lugar-sucursal{
      font-size: 24px !important;
    }
    .widget_getintuch-pro-details .pro-details {
      padding-left: 45px;
    }  
    .div-sucursal{
      margin-bottom: inherit;
    }
    .beneficios-titulo{
      font-size: 16px !important;
    }

    .beneficios-p{
      font-size: 14px !important;
    }
    .service-box.style3 .icon-bx-wraper:before {
      font-size: 50px;
      top: 20px;
    }  
   .service-box.style3 .icon-bx-wraper {
        padding: 35px 30px;
    } 
    .service-box.style3 .icon-lg i {
      font-size: 50px;
      line-height: 50px;
    } 
    .imagen-div-industrial{
      padding-right: 15px;
    }
    #loader-pdf{
      margin-right: 70px;
      margin-top: 150px;
    }
    .div-download{
      right: 60px;
    }
    .project-list{
      margin-bottom: 15px;
    }
    
}

/* .col-lg */
@media (min-width : 992px) {
    .container{
        max-width: 992px;
    }

    .container-video{
      height: 320px;
      overflow: hidden;
    }

    .video-inicio{
      margin-top: -300px;
      margin-left: 0px;
    }
    
}

/* .col-xl */
@media (min-width : 1200px) {
    .container{
        max-width: 1200px !important;
    }

    .container-video{
      height: 320px;
      overflow: hidden;
    }

    .video-inicio{
      margin-top: -300px;
    }
   
  
}


