/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.


*********************************************************************************
****************************************************************************** */

/* Test */











@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');





.dnd-section > .row-fluid {
  max-width: 1170px;
}


.dnd-section {
  padding-bottom: 80px;
  padding-top: 80px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}
.page-center {
  max-width: 1170px;
}




html {
  font-size: 13;
}

body {
  color: #535353;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 400;
}

p {
  font-family: Open Sans;
  font-weight: 400
}

a {
  font-family: Open Sans;
  color: rgba(0, 0, 0, 1.0);
}



h1 {
  color: #535353;
  font-family: Open Sans;
  font-size: 36px;
  font-weight: 700;
}

h2 {
  color: #231F1F;
  font-family: Open Sans;
  font-size: 30px;
  font-weight: 500;
}

h3 {
  color: #eb681e;
  font-family: Open Sans;
  font-size: 22px;
  font-weight: 500;
}

h4 {
  color: #eb681e;
  font-family: Open Sans;
  font-size: 20px;
  font-weight: 500;
}

h5 {
  color: #eb681e;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 500;
}

h6 {
  color: #eb681e;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 500;
}

blockquote {
  border-left: 10px solid #F8FAFC;;
}





form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family: Open Sans;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(119, 119, 119, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(221, 221, 221, 0.9);
  border-color: rgba(0, 0, 0, 0.0);
  border-radius: 4px;
  border-width: 0px;
  color: rgba(68, 68, 68, 1.0);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(221, 221, 221, 1.0);
  border-color: rgba(0, 0, 0, 0.0);
  color: rgba(68, 68, 68, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(40, 40, 40, 0.0);
  color: rgba(68, 68, 68, 1.0);
}

.hs-form label {
  color: rgba(119, 119, 119, 1.0);
}

.hs-form legend {
  color: rgba(119, 119, 119, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(204, 204, 204, 1.0);
  color: rgba(102, 102, 102, 1.0);
  border-radius: 4px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #535353;
}

.header-logo a {
    width: 110px !important;
  }

@media (max-width: 479px) {
.header-logo a {
    width: 80px !important;
    padding: 0px !important;
    padding-bottom: 10px !important;
  }
}

.hs-richtext {
  font-size: 13;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Open Sans;
}

.fn-date-picker td.is-today .pika-button {
  color: #535353;
}

.fn-date-picker td.is-selected .pika-button {
  background: #535353;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

thead th,
thead td {
  background-color: rgba(83, 83, 83, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(83, 83, 83, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(0, 0, 0, 1.0);
}





.header-group {
  background-color: rgba(255, 255, 255, 1.0);
}

.header__container {
  max-width: 1170px;
}
.topnav ul>li>a{
  color: rgba(30, 30, 30, 0.8);

}

.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color: rgba(30, 30, 30, 1.0);
}


active-branch
.custom-menu-primary .hs-menu-wrapper > ul ul{
  background-color: rgba(245, 245, 245, 1.0); 
}

.custom-menu-primary .hs-menu-wrapper > ul ul > li > a{
  color: rgba(83, 83, 83, 1.0);
}

/*================================= Scroll Header =========================*/

.scroll-header .custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color: rgba(221, 221, 221, 1.0);
}


.scroll-header .custom-menu-primary .hs-menu-wrapper > ul ul{
  background-color: rgba(#00000, 0.75); 
}

.scroll-header .custom-menu-primary .hs-menu-wrapper > ul ul > li > a{
  color: rgba(221, 221, 221, 1.0);
}









.footer {
  background-color: rgba(30, 30, 30, 1.0);
  color: rgba(213, 213, 213, 1.0);
}

.footer__container {
  max-width: 1170px;
}
.contact-details h3, .contact-address-details h3{
  color: rgba(255, 255, 255, 1.0);

}
.footer a{
  color: rgba(255, 255, 255, 1.0);
}
.footer a:hover {
  color: rgba(213, 213, 213, 1.0);
}
.social-icons .social-facebook a{
  background: rgba(63, 92, 154, 1.0);
}
.social-icons .social-linkedin a{
  background: rgba(55, 161, 242, 1.0);
}
.social-icons li a:hover {
  background-color: rgba(235, 104, 30, 1.0);
}




.content-wrapper {
  max-width: 1170px;
}

.blog-post__date {
  border-color: #535353;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #535353;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #2b2b2b;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #7b7b7b;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #535353;
}

.blog-pagination__link {
  color: #535353;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #535353;
}

.blog-post__title {
  color: #231F1F;
  font-family:Open Sans;
  font-size: 30px;
  font-weight: ;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}










body .icon svg {
  fill: #535353;
}

body .tns-nav button.tns-nav-active {
  background-color: #535353;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #535353;
}

body .social-links__icon {
  background-color: #535353;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #F8FAFC;
}

.page-center {
  max-width: 1170px;
  margin: 0 auto;
}


@media(max-width:1199px){

  .page-center,
  .header__container,
  .footer__container,
  .content-wrapper,
  .dnd-section > .row-fluid {
    max-width: 940.00000000023px;
  }

}

@media(max-width:979px){

  .page-center,
  .header__container,
  .footer__container,
  .content-wrapper,
  .dnd-section > .row-fluid {
    max-width: 723.99999999951px;
  }

}

@media(max-width:767px){

  .page-center,
  .header__container,
  .footer__container,
  .content-wrapper,
  .dnd-section > .row-fluid {
    max-width: 100%;
  }

}





.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}

/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */


/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}


/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}


/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block !important;
  }
}




/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


  /* Variables
  ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
  ========================================================================== */
  ul, ol {
    padding: 1px;
    margin: 1px;
}
  
  body > div.header-container-wrapper > div > div > div > div > div {
    background-color: white !important;
  }

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 3px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 44px; /* Makes room for button */
    margin: 10px 0 10px 0;
    
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }


  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}


/* mostar menu mobile en section blog */
#hs_menu_wrapper_module_1604950844058332_ {
  z-index: 20 !important;
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*font-family: 'Noto+Sans', sans-serif;*/
  font-family: 'Roboto', sans-serif;
}
html{
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}

.nav__center {
   /* max-width: 1280px !important;*/
   max-width: 1140px !important;
    margin: 0 auto !important;
    float: none !important;
}

.page__center {
  max-width: 1140px!important;
  margin: 0 auto!important;
  float: none!important;
}


@media(max-width: 1140px){
  .page__center,
  .nav__center{
    padding: 0 1rem;
  }
}
.header-logo {
    padding-top: 1rem;
}

.section {
  display: block;
  width: 100%;
  position: relative;
  padding: 40px 0 0;
  background-position: top center;
  background-size: cover;
}
.section .content {
  width: 100%;
  max-width: 1020px;
  padding: 0 20px;
  display: block;
  margin: 0 auto;
  position: relative;
}

body > div.header-container-wrapper > div > div > div > div > div > div > div {
  background-color: white;
}
/** Banner **/
.banner__text {
    padding: 3rem 0 2rem;
}

.banner__text h1 {
    font-size: 35px;
    font-weight: 700;
    padding-right: 10px;
    /*line-height: 50px;*/
  line-height: 40px;
}

.banner__text h2 {
    font-size: 30px;
}

.banner__text h3 {
    font-weight: 100;
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 25px;
}

.banner__text p {
    padding-top: 15px;
    font-size: 18px;
    line-height: 28px;
}
/*
.section__banner {
    background: url(https://8092335.fs1.hubspotusercontent-na1.net/hubfs/8092335/truck1.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
}

.banner__imag{
  display: none!important;
}
@media(max-width: 769px){
  .section__banner {
    background: url(https://8092335.fs1.hubspotusercontent-na1.net/hubfs/8092335/truck1.png);
    background-repeat: no-repeat;
    background-position: bottom!important;
    background-size: 100%!important;
}
  .banner__imag{
  display: block!important;
}
  .divider {
    min-height: 200px!important;
    margin-top: 5rem!important;
}
}*/
/**/
.banner-info {
  padding: 5% 0.5% 4% 9%;
}
.banner-info h3 {
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 25px;
}
.banner-info h1 {
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
}
.banner-info p {
  padding-top: 15px;
  font-size: 18px;
  line-height: 28px;
}
.boton a {
  color: #fff;
  background-color: #FF6B00;
  width: fit-content;
  padding: 15px 20px;
  text-decoration: none;
  /*margin-top: 40px;*/
  display: block;
}
.big-img img {
  object-fit: cover;
  width: 100%;
  max-height: 651px;
}


/** Ruta **/
/*
.opl__ruta {
    background: url(https://8092335.fs1.hubspotusercontent-na1.net/hubfs/8092335/truck2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
}*/
.service__boton {
    margin: 2rem 0 8rem;
}
.service__boton a {
    background: #ff6b00;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
}
.services, .services .span12 {
  background-color: #F3F3F3;
  text-align:center;
}
.services h2 {
  max-width: 400px;
  display: block;
  margin: 0 auto;
  font-size:30px;
  font-weight: 700;
  padding-bottom: 20px;
}
.services p {
  max-width: 560px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  padding-bottom: 15px;
}
.servicios, .sectores {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
.servicios .item {
  width: 46%;
  /* padding: 20px 10px; */
  box-shadow: 15px 15px 30px #00000029;
  padding-bottom: 30px;
  margin-bottom: 42px;
}
.servicios .item img.imagen {
  width: 100%;
}
.servicios .item img.icono {
  margin: 15px 0;
} 
.servicios .item h4 {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 14px;
}
.servicios .item p {
  padding: 0px 8% 30px;
  line-height: 21px;
}
.servicios .item:nth-child(odd) {
  margin-right: 30px;
}
.servicios .item a {
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  color:#1E1E1E;
}
.servicios .item a span {
  font-size: 18px;
  padding-left: 2px;

}
.servicios .item-text {
  width: 46%;
  box-shadow: 15px 15px 30px #00000029;
  padding: 18px;
  background: #f3f3f3;
  transition: .3s;
  border: 2px solid #000;
  text-align: left;
  transition: 0.2s;
}
.servicios .item-text p {
  padding: 10px 8% 30px;
  line-height: 21px;
  text-align: left;
}
.servicios .item-text h4{
  padding: 10px 8% 0px;
  line-height: 21px;
  text-align: left;
  transition: 0.2s;
}
.servicios .item-text:hover {
  background: #ffff;
  border-color: transparent;
}
.servicios .item-text:hover h4 {
  color: #ff6b00;
}
.servicios .item-text:nth-child(odd) {
  margin-right: 30px;
}

/****************************  Service module  **********************************/
.service_module-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}
.service_module-text, 
.service_module-img{
  width: 50%;
} 
.service_module-text {
  padding: 0px 2rem;
}
.service_module-item.service-reverse {
  flex-direction: row-reverse;
}
.service_module-text h2 {
  font-size: 30px;
  margin-bottom: 2rem;
  position: relative;
}
.service_module-text h2:after {
  content: '';
  position: absolute;
  bottom: -14px;
  border-bottom: 3px solid #ff6b00;
  background: #ff6b00;
  left: -16px;width: 90px;
}
.service_module .service_module-item:nth-child(
even) {
  background: #F6F6F6;
}
a.conoce-mas {
  color: #fff;
  background-color: #ff6b00;
  width: fit-content;
  padding: 15px 20px;
  text-decoration: none;
  margin-top: 40px!important;
  display: block;
  text-align: center;
  margin: 45px auto;
}
.big-img2 img {
  object-fit: cover;
  width: 100%;
  max-height: 430px;

  object-position: bottom;

}
.sector {
  padding: 40px;
  text-align:center;
  background-color: #F3F3F3;
}
.sector .content{
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  display: block;
  margin: 0 auto;
  position: relative;}
.sector h2 {
  font-size: 30px;
  font-weight: 700;
  max-width: 341px;
  margin: 0 auto;
  line-height: 40px;
}
.sectores .item {
  margin: 30px;
}
.sectores .item img.icono{
  height: 64px;
  object-fit: none;
  object-position: bottom;
  margin-bottom: 15px;
}
.sectores .item h4 {
  max-width: 115px;
}
.boton a.ubicaciones {
  margin: 40px auto 30px;
}

.big-img2.img-logistica img{
  object-position: center;
  max-height: 620px;
}
.logistica-info {
  padding: 5% 9% 4% 0.5%;
}
.logistica-info h2{
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
  padding-bottom: 15px;
  max-width: 355px;
}
.logistica-info p{
  padding-bottom: 25px;
  line-height: 27px;
}
section.section.section2.clientes{
  display:table;
  text-align:center;
  padding-bottom: 80px;
}
section.section.section2.clientes, section.section.section2.clientes .content {
  background-color: #F3F3F3;
}
.clientes h2 {
  font-size: 30px;
  font-weight: 700;
  max-width: 519px;
  margin: 0 auto;
  line-height: 45px;
  padding-bottom: 25px;
}
/****************************  slider  **********************************/
.logo-container img{
  margin: 0 auto;
}
.slick-slide img {
  display: block;
  height: 131px;
  object-fit: scale-down;
  width:100%;
}
/****************************  fin slider  **********************************/


/****************************  slider service **********************************/
.service-container img{
  margin: 0 auto;
}
.slick-slide img {
  display: block;
  height: 131px;
  object-fit: scale-down;
  width:100%;
}
.service-inner {
  background: #fff;
  padding: 0rem 2rem 3rem;
  margin: 2rem;
  box-shadow: 15px 15px 30px #0000001A;
  min-height:378px; 
}
.service-inner h3 {
  margin-bottom: 1rem;
}
/****************************  fin slider  **********************************/
.logistica-info img {
  margin-bottom: 30px;
  margin-left
}
.monitor p {
  font-size: 18px;
}
section.section.monitor-tres .content {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.monitor-tres {
  text-align: center;
}
.monitor-tres .col1 {
  height: 265px;
  padding: 4% 3%;
  line-height: 24px;
  box-shadow: 15px 15px 30px #00000029;
}

element.style {
}
.monitor-tres .col1 h2 {
  font-size: 35px;
  padding-bottom: 30px;
}
.monitor-tres a {
  margin: 40px auto;
}
.ruta {
  padding: 5% .5% 4% 9%;
}
.ruta h2{
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
  padding-bottom: 15px;
}
.ruta p{
  font-size: 18px;
  padding-bottom: 25px;
  line-height: 27px;
}
.ruta ul {
  padding-left: 3em;
}
.ruta ul li {
  font-size: 18px;
  padding-bottom: 10px;
}
.ruta-img img {
  object-fit: cover;
  width: 100%;
  max-height: 686px;
  object-position: center;
}
.pse {
  padding: 5% 9% 4% 3%;
  /*background-color: #F3F3F3;*/
  margin-left: 0px !important;
}
.pse h2{
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
  padding-bottom: 15px;
  max-width: 485px;
}
.pse p{
  padding-bottom: 25px;
  line-height: 27px;
  font-size:18px;
}
.pse ul{
  padding-left: 3em;
}
.pse ul li {
  font-size: 18px;
}
.pse-img img{
  object-fit: cover;
  width: 100%;
  max-height: 580px;
  object-position: center;
}
.pse-img {
  width: 51.2% !important;
  padding: 40px 0;
  /*background-color: #F3F3F3;*/
}
.grupo-pse{
  background-color: #F3F3F3;
}
.form{
  background-image:url(https://8092335.fs1.hubspotusercontent-na1.net/hubfs/8092335/imagenes/background-form.png);
}
section.section.form {
  display: inline-block;
  text-align: center;
}

.form h2 {
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
  padding-bottom: 15px;
  color:#fff;
}
.form p {
  color:#fff;
  padding-bottom: 25px;
  line-height: 27px;
  font-size: 18px;
  margin: auto;
  max-width: 61%;

}
.form input.hs-button {
  color: #fff;
  background-color: #ff6b00;
  width: fit-content;
  padding: 15px 40px;
  text-decoration: none;
  margin-top: 40px;
  margin: 40px auto 20px;
  display: block;
  border: 0;
  cursor: pointer;
}

.form form {
  max-width: 490px;
  border: 1px solid #fff;
  margin: 0 auto;
  padding: 40px 3%;
  /*background-color: rgb(255 255 255 / 12%);*/
  background-color:#FFFFFF;
  margin-bottom: 50px;
  color:#1E1E1E;
}
.form form a{
  color:#FF6B00;
}
.form form p{
  color:#1e1e1e;
  max-width: initial;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}
.form input, .form select {
  width: 100%;
  padding: 12px;
  color: #1E1E1E;
  margin-bottom: 15px
}
.form-text {
  margin-top: 6rem;
  text-align: left;
}
.form-text p{
  max-width: 300px!important;
  margin: 0;
}
section.noticias .content {
  max-width: 1200px;
}
.noticias h2 {
  text-align:center;
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
  padding-bottom: 15px;
  max-width:400px;
  margin:auto;

}
.noticias p {
  text-align:center;

  padding-bottom: 25px;
  line-height: 27px;
  font-size: 18px;
  margin: auto;
}
.noticias .boton a {
  margin: 30px auto 40px;
}
section.section.gray {
  background-color: #F3F3F3;
  display: table;
  text-align: center;
  padding-bottom:40px;
}
.gray h2{
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  padding-right: 10px;
  line-height: 50px;
  padding-bottom: 15px;
  max-width: 500px;
  margin: auto;
}
.gray p {
  text-align:center;

  padding-bottom: 25px;
  line-height: 27px;
  font-size: 18px;
  max-width: 600px;
  margin: auto;
}
section.section.footer {
  display: table;
  background-color: #1E1E1E;
  color: #fff;
  font-family: 'Roboto',sans-serif;
}
.footer h3 {
  font-size: 20px;
  padding-bottom: 10px;
  color: white;
  font-weight: 700;
}
.footer p {
  font-size: 16px;
}


.footer .redes a {
  vertical-align: middle;
  margin-right: 15px;
}
.footer a.privacidad {
  color: #fff;
  text-decoration: none;
  margin-top: 30px;
  display: block;
}

body > div.body-wrapper.hs-content-id-34663478308.hs-site-page.page > div:nth-child(3) > footer > div > div.bottom-footer{
  display: flex !important;
  justify-content: center !important;
}

.footer hr {
  padding-top: 0px;
}

@media (max-width: 767px){
.line-break hr {
    margin: 0;
  }
}

@media (min-width: 1270px){
.line-break hr {
    margin-right: 0px !important;
  }
}

a#back-to-top{
  top: 75% !important;
}

.social-icon {
    display: none !important;
  }

.footer__copyright {
    width: auto;
    float: none;
    min-height: 1px;
    /* margin: 0; */
    margin: auto;
    padding-bottom: 20px;
}

@media (max-width: 767px){
.footer__copyright {
    margin-bottom: 0px;
  }
}

#hs_cos_wrapper_footer_copyright_text_ {
  text-align:center !important;
}

.copy {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
}
.copy a{
  color:#fff;
  text-decoration:none;
}

.blog-container {
  display: flex;
  /*justify-content: space-between;*/
  justify-content: space-evenly;
}

.blog-container .post {
  width: 30.6%;
  background-color: #ffffff;
  box-shadow: 15px 15px 30px #00000029;
}
.blog-container .post img {

  object-fit: cover;
  width: 100%;
  height: 198px;
}

.blog-container .post h2 a {
  color: #1E1E1E;
  font-size: 20px;
  font-weight: 700;
  text-decoration:none;
  /* line-height: 9px !important; */
  /* text-align: left; */
}
.blog-container .post h2, .blog-container .post p{
  padding:10px;
}
.blog-container .post h2  {
  text-align: left;
  line-height: 30px ;

}
.blog-container .post p  {
  text-align: left;
  font-size:16px;
  line-height: 24px ;

}
a.read-more  {

  text-decoration: none;
}
a.read-more p {
  color: #1E1E1E;
  font-weight: 700;

}
a.read-more p span{
  font-size: 21px;
  margin-left: 10px;
}
.post-content {
  padding: 0 1rem 2rem;
  min-height: 300px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around!important;
  align-items: baseline;
  position: relative;
}


.opl-carousel {
  width: 100%;
}
.header-logo img {
  padding: 6% 0;
}
.header-container-wrapper {
  box-shadow: 15px 15px 30px #00000029;
}
.custom-menu-primary ul{
  text-align:right !important;
}

.custom-menu-primary .hs-menu-wrapper>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
@media (min-width: 479px) {
  .custom-menu-primary .hs-menu-wrapper>ul {
    display: flex;
    justify-content: flex-end;
  }
}

.custom-menu-primary ul li {
  display: inline-block;
}
.custom-menu-primary  ul.hs-menu-children-wrapper {
  display: none;
  position:absolute;
  min-width:140px;
  text-align: left;
  margin-left: -4.5%;
  padding: 10px 20px;
}

#hs_menu_wrapper_module_160470183670685_ > ul > li:nth-child(even) > a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    padding: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}
#hs_menu_wrapper_module_160470183670685_ > ul > li:nth-child(odd) > a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    padding: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}


.header-container.container-fluid {
  max-width: 1530px;
  margin: auto;
}
.custom-menu-second ul{
  text-align:right;
}
.custom-menu-second ul li {
  display: inline-block;
}
.custom-menu-primary .hs-menu-wrapper>ul>li:hover>a {
    text-decoration: none;
    padding: 0;
    margin: 0;
}
.custom-menu-primary .hs-menu-wrapper>ul>li.active>a, .custom-menu-primary .hs-menu-wrapper>ul>li.active-branch>a {
    padding: 0;
    margin: 0;
}

.custom-menu-second ul li a{
  font-size: 16px;
  /* font-weight: 700; */
  color: #1e1e1e;
  padding: 10px 10px;
  text-align: right;
  text-decoration: none;
  display: block;
} 


ul.hs-menu-children-wrapper {
  position: relative;
}
ul.hs-menu-children-wrapper {
  display:block;
  background-color:#fff;
}
ul.hs-menu-children-wrapper li{
  position:relative;
  display:block;
  padding-bottom: 10px;
  text-align:left;
}
ul.hs-menu-children-wrapper li a{
  text-align: left;
  padding: 10px 0px;
}
#menues .boton a {
  margin-top: 0;
  padding: 10px 30px;
}

.opl-carousel2.slick-slider {
  display: none;
}
/*.search input {
display: none;
}
.search button {
border: none;
background-color: #fff;
padding: 20px 0;
}
.search .hs-search-field__bar button svg {
height: 22px;
}*/
a.searchBtn img {
    width: 62px;
    padding: 10px;
}
.search .hs-search-field {
  width: 330px;
  position: absolute;
  right: 10%;
}
.search form {
  display: flex;
}
.search input {
  padding: 10px;
}
.search button {
  width: 55px;
}
.search .hs-search-field__bar button svg {
  height: 20px;
}
/*.search{display:none;}*/
.movil {
  display: none !important;
}

..slick-list{
  margin:auto;
}

/**********************************  Blog  **********************************/

.hero__section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 2rem 0;
}

.hero__container {
  position: relative;
  z-index: 3;
  max-width: 700px;
  margin: 0 auto;
}

.hero__row {
  min-height: 392px;
  color: #ffffff;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
}

.hero__mask{
  background-color:#FF6B00;
  opacity: .4;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero__row h1 {
  font-size: 38px;
  line-height: 1.6;
}

.hero__row p {
  font-weight: 200!important;
}

.hero__row i {
  font-size: 32px;
}

@media(max-width: 768px){
  .hero__container {
    padding: 0 1rem;
  }
  .blog__section {
    padding: 3rem 1rem;
  }
}

.destacados__section {
  padding: 3rem 0;
  background-color:#D9D9D9;
}


.blog__section {
  padding: 3rem 0;
}

.blog__container {
  text-align: center;
}

.blog-title h2 {
  font-size: 34px;
  padding-bottom: 3rem;
  max-width: 600px;
  margin: 0 auto;
}

.form ul.inputs-list.multi-container {
    display: inline-flex;
    list-style: none;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.form li.hs-form-checkbox {
    margin: 10px 3px 6px;
    border: 1px solid #f1f1f1;
    padding: 5px 10px;
    background-color: #fbfbfb;
}

.custom-menu-primary ul {
    text-align: right;
}


/*****************************  media querys ********************************/
@media screen and (min-width:769px){
  #menues {
    margin-top: 5px;
  }
  .big-img2 img {
    padding-top: 9%;
}
  .ruta-img img {
    padding-top: 9%;
}
}
@media screen and (max-width:768px){
  .banner__text {
    padding: 0.8rem 0 2rem 3rem;
}
  .banner-info {
    padding: 20px 9% 4% 9%;
  }
  .servicios .item {
    width: 85%;
    margin-bottom: 20px;
  }
  .servicios .item:nth-child(odd) {
    margin-right: 0px;
  }
  .servicios .item-text {
    width: 85%;
    margin-bottom: 20px;
  }
  .servicios .item-text:nth-child(odd) {
    margin-right: 0px;
  }  
  .services {
    padding-bottom: 20px;
  }
  .logistica-info {
    padding: 5% 9% 4% 9%;
  }
  .opl-carousel {
    width: 90vw;
    margin: auto;
  }
  .monitor-tres .col1 {
    width: 90%;
    margin: 20px auto;
    display: flex;
    align-items: center;
  }

  .monitor-tres .col1:first-child{
    margin-left: auto;
  } 
  .ruta {
    padding: 5% 9% 40px 9%;
  }
  .pse-img {
    width: 100% !important;

  }
  .pse {
    padding: 5% 9% 6% 9%;
    margin-left: 0px !important;
  }
  .blog-container {
    display: block;

  }
  .blog-container .post img {

    height: 350px;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 80px;
  }
  .slick-list {
    /*width: 85%;*/
    margin: auto;
  }
  .opl-carousel2.slick-slider {
    display:block;
  }

  .opl-carousel2.slick-slider .slick-list {
    width: auto;
    margin: auto !important; 
  }
  .sectores{display:none;}



  .header-logo {
    width: 24% !important;
    float: left !important;
    display: inline-block;
    padding: 0px 0 0px 20px;
  }
  div#menues {
    width: 70%;
    float: right;
  }
  .custom-menu-primary {
    float: right !important;
  }
  a.searchBtn {
    position: relative;
    float: right;
    right: 5px;
  }
  .movil {
    display: block !important;
    width: 100% !important;
    float: right !important;
  }
  #menues {
    display: none;

  }
  .col-movil {
    float: right !important;
    width: 53% !important;
    padding-top: 10px;
  }
  .search-movil {
    float: left !important;
  }
  .boton-movil {

    float: left !important;
  }
  .boton a {
    margin-top: 3px;
  }
  .blog-container .post {
    width: 100%;
    margin-bottom: 50px;
  }
  .service_module-text, .service_module-img {
    width: 100%;
  }
  .service_module-text {
    order: 2;
  }
  .service_module-img img {
    text-align: center;
    width: 100%;
  }
  .service-inner{
    min-height: 488px;
  }
  .custom-menu-primary.fix-menu.js-enabled {
      position: absolute;
      padding-top: 44px;
      margin: 10px 0 10px 0;
      right: 20px;
  }
  .movil ul.hs-menu-children-wrapper {
    background: #000;
}
  .banner-info h1 {
    font-size: 30px;
    line-height: 40px;
}
  .banner__text h1 {
    font-size: 30px;
    line-height: 40px;
}
}
@media screen and (max-width:500px){
  .col-movil {
   width: 70% !important;
}
.header-logo {
    padding-top: 5%;
}
}