/* ========================================================================
 * ESTILOS GENERALES
 * ======================================================================== */

 body {margin: 0px; font-family: 'Roboto Condensed', sans-serif;	background-color: #fff;}
 a, a:hover {text-decoration: none !important;}
 p {margin: 0;}
 header, #fondo-segui, #sucursal, .borde2, .sucursal, .header-productos, .box-productos2, #header-home, .menue2, .menue3, .header-seguimiento, .backdudas, .header-divisiones, .header-base, .box-flota-individualb, .backcontacto, .backheaderbase, .headerregistro{
   width: 100%; 
   position: relative; 
   float: left;
   background-position: center center;
     background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;  
 }
 
 #header-home{height: auto; padding-bottom: 107px; padding-top: 106px;}
 .no-webp #header-home{background-image: url("../img/ilustraciones/marjous-fondo-header.jpg");}
 .webp #header-home{background-image: url("../img/ilustraciones/marjous-fondo-header.webp");}
 
 #fondo-segui{height: auto; z-index: 999; padding-top: 51px;}
 .no-webp #fondo-segui{background-image: url("../img/ilustraciones/marjous-fondo-segui.jpg");}
 .webp #fondo-segui{background-image: url("../img/ilustraciones/marjous-fondo-segui.webp");}
 
 #sucursal{height: auto; padding: 104px 0 77px 0;}
 .no-webp #sucursal{background-image: url("../img/ilustraciones/marjous-fondo-sucursal.jpg");}
 .webp #sucursal{background-image: url("../img/ilustraciones/marjous-fondo-sucursal.webp");}
  
 .borde2{height: 35px; position: absolute; bottom: 0; z-index: 99; opacity: 0.68;}
 .no-webp .borde2{background-image: url("../img/elementos/marjous-borde2.png");}
 .webp .borde2{background-image: url("../img/elementos/marjous-borde2.webp");}
 
 .header-productos{height: auto; padding: 75px 0 63px 0;}
 .no-webp .header-productos{background-image: url("../img/elementos/marjous-header-productos.jpg");}
 .webp .header-productos{background-image: url("../img/elementos/marjous-header-productos.webp");}
 
 .header-seguimiento{height: auto; padding: 200px 0 63px 0;}
 .no-webp .header-seguimiento{background-image: url("../img/seguimiento.jpg");}
.webp .header-seguimiento{background-image: url("../img/seguimiento.jpg");}
.cabecera{background-image: url("../img/seguimiento.jpg");}
.cabecera2{background-image: url("../img/logosegui.jpg");}
 
 .box-productos2{height: 371px; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 6, 25, 0.16); margin: 0 5% 47px 5%; width: 90%;}
 .no-webp .box-productos2{background-image: url("../img/elementos/marjous-cargaproductos.jpg");}
 .webp .box-productos2{background-image: url("../img/elementos/marjous-cargaproductos.webp");}
 
 .backdudas{background-position: center top; margin-top: -27%;}
 .no-webp .backdudas{background-image: url("../img/elementos/marjous-dudas2.png");}
 .webp .backdudas{background-image: url("../img/elementos/marjous-dudas2.webp");}
 
 .header-divisiones, .header-base{height: auto; padding: 75px 0 63px 0;}
 .no-webp .backdivision{background-image: url("../img/elementos/marjous-header-divisiones.jpg");}
 .webp .backdivision{background-image: url("../img/elementos/marjous-header-divisiones.webp");}
 
 .no-webp .backdivision1{background-image: url("../img/elementos/marjous-header-division-1.jpg");}
 .webp .backdivision1{background-image: url("../img/elementos/marjous-header-division-1.webp");}
 
 .no-webp .backdivision3{background-image: url("../img/elementos/marjous-header-division-3.jpg");}
 .webp .backdivision3{background-image: url("../img/elementos/marjous-header-division-3.webp");}
 
 .no-webp .backdivision4{background-image: url("../img/elementos/marjous-header-division-4.jpg");}
 .webp .backdivision4{background-image: url("../img/elementos/marjous-header-division-4.webp");}
 
 .no-webp .backdivision6{background-image: url("../img/elementos/marjous-header-division-6.jpg");}
 .webp .backdivision6{background-image: url("../img/elementos/marjous-header-division-6.webp");}
 
 .no-webp .backdivision7{background-image: url("../img/elementos/marjous-header-division-7.jpg");}
 .webp .backdivision7{background-image: url("../img/elementos/marjous-header-division-7.webp");}
 
 .no-webp .backsucursal{background-image: url("../img/elementos/marjous-header-sucursales.jpg");}
 .webp .backsucursal{background-image: url("../img/elementos/marjous-header-sucursales.webp");}
 
 .no-webp .backempresa{background-image: url("../img/elementos/marjous-header-empresa.jpg");}
 .webp .backempresa{background-image: url("../img/elementos/marjous-header-empresa.webp");}
 
 .no-webp .backflota{background-image: url("../img/elementos/marjous-header-flota.jpg");}
 .webp .backflota{background-image: url("../img/elementos/marjous-header-flota.webp");}
 
 .backfaq, .backtyc, .backcontacto, .backopc{padding-bottom: 109px;}
 .no-webp .backfaq{background-image: url("../img/elementos/marjous-header-faq.jpg");}
 .webp .backfaq{background-image: url("../img/elementos/marjous-header-faq.webp");}
 
 .no-webp .backtyc{background-image: url("../img/elementos/marjous-header-tyc.jpg");}
 .webp .backtyc{background-image: url("../img/elementos/marjous-header-tyc.webp");}
 
 .no-webp .backcontacto{background-image: url("../img/elementos/marjous-header-contacto.jpg");}
 .webp .backcontacto{background-image: url("../img/elementos/marjous-header-contacto.webp");}
 
 .no-webp .backopc{background-image: url("../img/elementos/marjous-header-flota.jpg");}
 .webp .backopc{background-image: url("../img/elementos/marjous-header-flota.webp");}
 
 .no-webp .backtcn{background-image: url("../img/elementos/marjous-header-tcn.jpg");}
 .webp .backtcn{background-image: url("../img/elementos/marjous-header-tcn.webp");}
 
 .headerregistro{padding: 105px 0 0 0;}
 .no-webp .headerregistro{background-image: url("../img/elementos/marjous-header-registro.jpg");}
 .webp .headerregistro{background-image: url("../img/elementos/marjous-header-registro.webp");}
 
 .backoperaciones{background-position: center bottom; padding: 37px 0 17px 0;}
 .no-webp .backoperaciones{background-image: url("../img/elementos/marjous-header-registro.jpg");}
 .webp .backoperaciones{background-image: url("../img/elementos/marjous-header-registro.webp");}
 
 .box-flota-individualb{border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 6, 25, 0.16); margin: 0 5% 65px 5%; width: 90%; height: 375px; position: relative;}
 .no-webp .box-flota-individualb{background-image: url("../img/elementos/marjous-flotab.jpg");}
 .webp .box-flota-individualb{background-image: url("../img/elementos/marjous-flotab.webp");}
 
 .fondo-cotiza{
   width: 100%; 
   height: auto; 
   position: relative; 
   float: left;
   background-position: center bottom;
     background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; 
   z-index: 999; 
   padding-top: 131px;
   padding-bottom: 19px;
   margin-bottom: 55px; 
 }
 .no-webp .fondo-cotiza{background-image: url("../img/ilustraciones/marjous-fondo-cotizacion.jpg");}
 .webp .fondo-cotiza{background-image: url("../img/ilustraciones/marjous-fondo-cotizacion.webp");}
 
 nav{
   width: 100%; 
   height: 95px; 
   position: relative; 
   float: left;
   padding-top: 12px;
   background-color: transparent;
   -webkit-transition: all ease-out .5s;
   -moz-transition: all ease-out .5s;
   -o-transition: all ease-out .5s;
   transition: all ease-out .5s;
 }
 nav.scroll {background-color: #fff; box-shadow: 0px 4px 7px rgba(0,0,0,0.3); background-image: none !important;}
 .lhd1{display: block;}
 .lhd2{display: none;}
 nav.scroll .lhd2{display: block;}
 nav.scroll .lhd1{display: none;}
 nav.scroll .acceso{color:#3158A3 !important; text-shadow: none;}
 
 .no-webp .backheaderbase nav{background-image: url("../img/elementos/marjous-header-header-base.jpg");}
 .webp .backheaderbase nav{background-image: url("../img/elementos/marjous-header-header-base.webp");}
 
 .backheaderbase nav .menu-usuario ,nav.scroll .menu-usuario{margin-top: 11px;}
 nav.scroll .login-menu .acceso{color:#fff !important;}
 .menu-usuario{width: 282px; height: auto; float: right;}
 .login{width: 201px; height: 54px; float: left;}
 .login img{float: left;}
 .logo-header{margin: 12px 0 0 11.5%; width: 88.5%;}
 /* saque inportant de color #fff linea 157 */
 .acceso{ font-weight: 700; color: #fff; text-shadow: rgba(0,0,0,0.56) 0px 0px 6px; float: left; font-size: 18px; line-height: 18px; margin-top: 8px;}
 nav.scroll .acceso:hover, .acceso:hover{color: #00CAC2!important;}
 .registrate{ font-weight: 400; color: #00CAC2 !important; float: left; font-size: 14px; line-height: 21px; margin-top: 3px;}
 .registrate:hover{color: #fff !important;}
 nav.scroll .registrate:hover{color:#3158A3 !important;}
 .menun{width: 80px; height: auto; float: left;}
 .logo-menu{width: 57%; margin-bottom: 60px;}
 .title-menu{color: #fff !important;  font-weight: 700; font-size: 28px; line-height: 40px; margin-bottom: 9px; width: 100%; font-style: italic; padding-left: 27%; text-align: left; float: left;}
 .divi-pro{height: 82px; width: 100%; padding-left: 27%; float: left;}
 .imgdp{width: 70px; margin-right: 18px; float: left; height: 82px; position: relative;}
 .imgdp img{
     margin: 0px auto;
     display: block;
     width: auto;
     position: absolute;
     top: 16%;
     left: 0;
     right: 0;
 }
 .divi-pro:hover{background-color: #fff; box-shadow: 0px 3px 17px rgba(80, 80, 80, 0.3);}
 .divi-pro:hover p{color: #434343;}
 .divi-pro p{line-height: 82px;  font-weight: 700; font-size: 18px;  font-style: italic; color: #fff;}
 .inputn {display: none;}
 .open {
   background-color: #3158A3;
   width: 23.42px;
   height: 3px;
   display: block;
   border-radius: 2px;
   cursor: pointer;
   position: relative;
   top: 12px;
   float: right;
 }
 .open:before {
   content: "";
   background-color: #3158A3;
   width: 31.83px;
   height: 3px;
   display: block;
   border-radius: 2px;
   position: relative;
   top: -10px;
   transform: rotate(0deg);
   transition: all 0.3s ease;
   float: right;
 }
 .open:after {
   content: "";
   background-color: #3158A3;
   width: 17.42px;
   height: 3px;
   display: block;
   border-radius: 2px;
   position: relative;
   top:7px;
   transform: rotate(0deg);
   transition: all 0.3s ease;
   float: right;
 }
 .menuOpen {
   width: 56px; 
   height: 49px; 
   background-color: #fff; 
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45); 
   float: left; 
   margin-left: 24px; 
   display: block;
   padding: 12px 13px;
   cursor: pointer;
   position: relative;
   z-index: 9999;
 }
 .menuOpen:hover .open:before {top: -9px;}
 .menuOpen:hover .open:after {top: 6px;}
 .menue {
   position: fixed;
   width: 100vw;
   height: 100vh;
   top: 0;
   left: 0;
   z-index: 9998;
 }
 .menue1{background-color: #3158A3; position: relative; z-index: 99; padding-top: 70px; padding-bottom: 20px; min-height: 100vh;}
 .menue2{z-index: 9; position: relative; padding-top: 70px; padding-bottom: 20px; padding-left: 0 !important; padding-right: 0 !important; min-height: 100vh;}
 .no-webp .menue2{background-image: url("../img/elementos/marjous-menue2.jpg");}
 .webp .menue2{background-image: url("../img/elementos/marjous-menue2.webp");}
 .menue3{ z-index: 9; position: relative; padding-top: 70px; padding-bottom: 20px; padding-left: 0 !important; padding-right: 0 !important; min-height: 100vh;}
 .no-webp .menue3{background-image: url("../img/elementos/marjous-menue3.jpg");}
 .webp .menue3{background-image: url("../img/elementos/marjous-menue3.webp");}
 .menue label {
   width: 30px;
   height: 30px;
   position: absolute;
   right: 20px;
   top: 20px;
   background-size: 100%;
   cursor: pointer;
 }
 .menue .menuContent {
   position: relative;
   text-align: center;
 }
 .menue ul {list-style: none; padding: 0; margin: 0 auto;}
 .menue ul li{margin-bottom: 14px; text-align: left;  padding-left: 33%; width: 100%;  float: left;}
 .menue ul li a {
   display: block !important;
   color: white !important;
   text-decoration: none !important;
   transition: color 0.2s !important;
   
   font-weight: 400 !important;
   font-style: italic !important;
   font-size: 22px !important;
   line-height: 31px !important;
   float: left !important;
 }
 .menue ul li a:hover {border-bottom: 3px solid #00CAC2; border-radius: 1.5px; margin-bottom: -3px;}
 .login-menu{padding-left: 16%; margin-bottom: 46px;}
 .login-menu a{text-align: left;}
 .login-menu a .lum2{font-size: 15px; font-weight: 400; color: #00CAC2;}
 .menue .redes{width: 52%; float: none}
 .menuEffects {opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;}
 .submenusub a{color: #434343 !important; font-size: 30px !important;}
 .menuEffects ul {transform: translateY(0%); transition: all 0.5s;}
 #menuToggle:checked ~ .menuEffects {
   opacity: 1;
   visibility: visible;
   transition: opacity 0.5s;
   overflow-x:hidden; 
   overflow-y:auto;
   min-height: 100vh;
 }
 #menuToggle:checked ~ .menuEffects ul {opacity: 1;}
 #menuToggle:checked ~ .menuOpen {background-color: transparent; box-shadow: none;}
 #menuToggle:checked ~ .menuOpen .open {background-color: transparent;}
 #menuToggle:checked ~ .menuOpen .open:before {
   content: "";
   background-color: #fff;
   transform: rotate(45deg);
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   width: 16px;
 }
 #menuToggle:checked ~ .menuOpen .open:after {
   content: "";
   background-color: #fff;
   transform: rotate(-45deg);
   position: relative;
   top: 0;
   right: 0;
   z-index: 1;
   width: 16px;
 }
 #menuToggle:not(:checked) ~ .menuEffects ul {transform: translateY(-30%);}
 .header-cotiza h1, .header-productos h1, .header-seguimiento h1, .header-divisiones h1, .header-base h1{ font-weight: 700; color: #fff; float: left; font-size: 61px; line-height: 86px; font-style: italic;}
 .header-productos-individual h1{ font-weight: 700; color: #3158A3; float: left; font-size: 61px; line-height: 86px; font-style: italic; margin: 42% 0 57px 0;}
 .header-cotiza h1{padding-left: 5%; text-shadow: rgba(0,0,0,0.65) 0px 3px 6px;}
 .headerregistro h1{ font-weight: 700; color: #fff; float: left; font-size: 60px; line-height: 62px; font-style: italic; text-shadow: rgba(0,0,0,0.65) 0px 3px 6px; padding-left: 90px;}
 .header-productos h1, .header-seguimiento h1, .header-divisiones h1, .header-base h1{margin-top: 40px;}
 .header-cotiza img{width: 85%; height: auto; margin: 0 0 0 15%;}
 .header-productos p, .header-seguimiento p, .header-divisiones p, .header-base p{font-family: 'Roboto'; font-weight: 600; color: #fff; float: left; font-size: 30px; line-height: 33px; letter-spacing: 0.2px; width: 100%;}
 .tah{width: 54px; height: 54px;}
 .head .menu a.bot {padding: 0 !important;}
 .head .menu a.bot:hover {background-color: transparent !important;}
 .imglt{margin: 0px auto; display: block; width: 84%;}
 /* ========================================================================
  * Loader blue
  * ======================================================================== */
  /* 
  .loader-blue {
   margin: 15px;
   font-size: 6px;
   width: 1em;
   height: 1em;
   border-radius: 50%;
   /* position: relative; 
   text-indent: -9999em;
   -webkit-animation: loadblue 1.1s infinite ease;
   animation: loadblue 1.1s infinite ease;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   margin-left: 30px;
  } 
   */
  /* .loader-blue {
     margin: 40px auto;
     font-size: 7px;
     width: 1em;
     height: 1em;
     border-radius: 50%;
     position: relative;
     text-indent: -9999em;
     -webkit-animation: loadblue 1.1s infinite ease;
     animation: loadblue 1.1s infinite ease;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
  }

  @-webkit-keyframes loadblue {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.5), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.5), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.5), 2.5em 0em 0 0em rgba(0, 73, 147, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.5), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.5), 0em 2.5em 0 0em rgba(0, 73, 147, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.5), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.5), -2.6em 0em 0 0em rgba(0, 73, 147, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes loadblue {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.5), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.5), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.5), 2.5em 0em 0 0em rgba(0, 73, 147, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.5), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.2), -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.5), 0em 2.5em 0 0em rgba(0, 73, 147, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 73, 147, 0.2), -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.5), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 73, 147, 0.2), 1.8em -1.8em 0 0em rgba(0, 73, 147, 0.2), 2.5em 0em 0 0em rgba(0, 73, 147, 0.2), 1.75em 1.75em 0 0em rgba(0, 73, 147, 0.2), 0em 2.5em 0 0em rgba(0, 73, 147, 0.2), -1.8em 1.8em 0 0em rgba(0, 73, 147, 0.5), -2.6em 0em 0 0em rgba(0, 73, 147, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
} */
  
 
 /* ========================================================================
  * BUTTONS
  * ======================================================================== */
 
 button{
   transition: transform .2s;
   outline: 0 !important;
 }
 
 .btnblue, .btnblue2, .btnlightblue{  
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36); 
      
     font-weight: 700; 
     color: #fff !important; 
     font-size: 20px;
     font-style: italic; 
     text-align: center;
     border-radius: 3px !important;
 }
 .btnblue{height: 40px; background-color: #3158A3 !important; }
 .btnblue2{height: 47px; background-color: #3158A3 !important; padding: 8px 0px; }
 .btnlightblue{height: 54px; background-color: #00CAC2; padding: 12px 0px; }
 .btnlightblue2 {
     background-color: #00CAC2;
     height: 34px;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);

     font-weight: 600;
     color: #fff !important; 
     font-size: 14px;
     font-style: italic;
     border-radius: 3px;
     margin: 0px auto;
     width: 100%;
     display: block;
     text-align: center;
 }
 .listaCotizacionesItem button {
     background-color: #3158A3 !important;
     color: #fff !important;

     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36)!important;
     border-radius: 3px !important;
     border: 0 !important;
     font-weight: 600 !important;
     font-style: italic !important;
 }
 .btnwhite{  
     height: 47px; 
     background-color: #fff; 
     padding: 8px 0px; 
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);

     font-weight: 700; 
     color: #3158A3 !important; 
     font-size: 20px;
     font-style: italic; 
     text-align: center;
     border-radius: 3px;
     border: 2px solid #3158A3;

 }
 .btnblue:hover, .btnblue2:hover, .btnblue3:hover{background-color:#fff !important; color: #3158A3 !important;}
 .btnlightblue:hover, .btnlightblue2:hover, .btnblue3:hover{background-color:#fff; color: #00CAC2 !important;}
 .btnwhite:hover{background-color:#3158A3; color: #fff !important;}
 .btnblue3, .btnblue4{  
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);

     font-weight: 700; 
     color: #fff !important; 
     font-size: 16px;
     font-style: italic; 
     text-align: center;
     border-radius: 3px;
     background-color: #3158A3 !important; 
     padding: 4px 0px;
     width: 100%;
     border:0;
 }
 .btnblue3{height: 31px;}
 .btnblue4{min-height: 31px; width: 100%; max-width: 320px; margin: 0px auto; display: block; margin-top: 10px; margin-bottom: 10px;}
 .inputcol, .inputcol2{
     width: calc(33.33% - 30px);
     margin-right: 15px;
     margin-left: 15px;
 }
 .btnuo{width: 200px;}
 .box-btn-pago{width: 684px; height: 49px;}
 .btn-pago{
   width: 141px; 
   height: 49px; 
   background-color: #F6F6F6; 
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
   border-radius: 5px;
   margin: 0 15px;
   float: left;
   padding:6px 11px; 
   border:0;
   outline: none !important;
 }
 .btn-pago:hover{transform: scale(1.1);}
 .btn-pago img{
   height: 36px;
   width: auto;
 }
 
 /* ========================================================================
  * CONTENIDO SECTIONS
  * ======================================================================== */
 

 .input2{/* height: 40px; */ background-color: #fff; border: 1px solid #00CAC2; border-radius: 3px;  font-family: 'Roboto'; font-weight: 300; color: #434343; font-size: 18px; line-height: 22px; position: relative;}
 .input-base input, .input2 input{
   width: 100%;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     border: 0;
     border-radius: 3px;
     outline: none;
     background-color: transparent;
 }
 .input-base input{ height: 34px;}
 .input2 input{ height: 40px;}
 
 /*Animations*/
 @-webkit-keyframes silo-fade {
     0% {opacity: 0; -webkit-transform: translateY(-1.4em);}
     100% {opacity: 1; -webkit-transform: translateY(0);}
 }
 @-moz-keyframes silo-fade {
     0% {opacity: 0; -moz-transform: translateY(-1.4em);}
     100% {opacity: 1; -moz-transform: translateY(0);}
 }
 @keyframes silo-fade {
     0% {opacity: 0; -webkit-transform: translateY(-1.4em);
         -moz-transform: translateY(-1.4em); -ms-transform: translateY(-1.4em); -o-transform: translateY(-1.4em); transform: translateY(-1.4em);}
     100% {opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
 }
 @-webkit-keyframes silo-help {
     0% {opacity: 0;}
     4% {opacity: 0;}
     5% {opacity: 1;}
     100% {opacity: 1;}
 }
 @-moz-keyframes silo-help {
     0% {opacity: 0;}
     4% {opacity: 0;}
     5% {opacity: 1;}
     100% {opacity: 1;}
 }
 @keyframes silo-help {
     0% {opacity: 0;}
     4% {opacity: 0;}
     5% {opacity: 1;}
     100% {opacity: 1;}
 }
 .input-base label, .input2 label, .area-base label {
     font-size: 13px;
     display: none;
     position: absolute;
     top: 5px;
     color: #3158A3;
     -webkit-animation: silo-fade 0.2s;
     -moz-animation: silo-fade 0.2s;
     animation: silo-fade 0.2s;
     font-family: 'Roboto'; 
     font-weight: 300;
 }
 .label-mp label, .label-mp p{
     font-size: 13px;
     color: #3158A3;
     font-family: 'Roboto'; 
     font-weight: 300;
     float: left;
 }
 .label-mp label{text-align: left;}
 .label-mp p{
     text-align: right;
     width: 100%;
     margin-top: -25px;
     margin-bottom: 30px;
 }
 .input-base label, .area-base label{left: 15px;}
 .input2 label{left: 70px;}
 .input-base input:focus + label, .input-base input[required]:valid + label, .input-base input:not(:placeholder-shown) + label,
 .input2 input:focus + label, .input2 input[required]:valid + label, .input2 input:not(:placeholder-shown) + label,
 .area-base textarea:focus + label, .area-base textarea[required]:valid + label, .area-base textarea:not(:placeholder-shown) + label{display: block;}
 .input-base input:placeholder-shown, .input2 input:placeholder-shown{padding-top: 0;}
 .area-base textarea:placeholder-shown{padding-top: 10px;}
 .input-base input:focus::placeholder, .input-base2 input:focus::placeholder, .area-base input:focus::placeholder{color: transparent;}
 .input-base input:focus::-webkit-input-placeholder, .input2 input:focus::-webkit-input-placeholder, .area-base textarea:focus::-webkit-textarea-placeholder{color: transparent;}
 .input-base input:focus:-ms-input-placeholder, .input2 input:focus:-ms-input-placeholder, .area-base textarea:focus:-ms-textarea-placeholder{color: transparent;}
 .input-base input:focus::-moz-placeholder, .input2 input:focus::-moz-placeholder, .area-base textarea:focus::-moz-placeholder{color: transparent;}
 .input-base input:focus, .input2 input:focus{padding-top: 13px;}
 .area-base textarea:focus{padding-top: 20px;}
 .input-base::placeholder, .area-base::placeholder{font-family: 'Roboto'; font-weight: 300; color:#9A9A9A; font-size: 16px; line-height: 19px;}
 .input2::placeholder{font-family: 'Roboto'; font-weight: 300; color:#9A9A9A; font-size: 18px; line-height: 22px;}
 .form-cotiza{margin-top:-107px; background-color: #fff; box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.30); border-radius: 5px; margin-bottom: 34px;}
 .cotiza1{width: 100%; height: auto; border-radius: 5px 5px 0 0; background-color:#F6F8FB;  padding: 26px 1% 24px 1%;}
 .cotiza2{width: 100%; height: auto; border-radius: 0 0 5px 5px; padding: 24px 1% 2px 1%;}
 .cotiza1 .input-base, .cotiza1 .select-base, .cotiza2 .input-base{width: 100%;}
 .cotiza2 .input-base{margin-bottom: 24px;}
 .paddingr1{padding-right: 4px !important;}
 .boxinput1, .boxinput2{width: calc(100% - 51px); float: left; position: relative;}
 .boxinput3{width: 33.33%; float: left; position: relative;}
 .boxinput3 input{padding-right: 4px !important;}
 .boxinput3 label{left: 5px;}
 .kg, .precion, .cm{background-color: #3158A3; width: 51px; height: 46px; float: left;}
 .kg, .cm{border-radius: 0 2px 2px 0;}
 .precio{border-radius: 2px 0 0 2px;}
 .kg p, .precion p, .cm p{color: #fff; font-family: 'Roboto'; font-weight: 300; font-size: 16px; width: 100%; text-align: center; line-height: 46px;}
 .imgcotiza{margin-bottom: 27px; position: relative; z-index: 999;}
 .imgcotiza img{margin: 0px auto; display: block; width: 88%; margin-bottom: 8px;}
 .imgcotiza p{font-weight: 600; font-style: italic; color: #434343; text-align: center; width: 100%; font-size: 35px; line-height: 37px; margin-bottom: 0;}
 .camino{position: absolute !important; z-index: 99; top: 15%; padding: 0 7% 0 1%;}
 .cotiza2 .btnblue2{border:0; margin-bottom: 24px;}
 .incheck{background-color: #fff !important; color: #D0CDCD !important;}
 
 .pagoen{color: #3158A3; font-family: 'Roboto'; font-weight: 300; font-size: 13px; width: 100%; line-height: 15px; margin-bottom: 3px; margin-top: 2px;}
 .containerb {
   display: block;
   position: relative;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .containerb input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
   top: 8px;
 }
 .checkmarkb {
   position: absolute;
   top: 8px;
   left: 0;
   height:16px;
   width: 16px;
   background-color: #fff;
   border: 1px solid #3158A3;
   border-radius: 3px;
 }
 .checkmarkb:after {
   content: "";
   position: absolute;
   display: none;
 }
 .containerb input:checked ~ .checkmarkb:after {
   display: block;
 }
 .containerb .checkmarkb:after {
     left: 5px;
     top: 2px;
     width: 5px;
     height: 8px;
     border: solid blue;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 .checkregister{height: 47px; padding-top: 14px; margin-bottom: 0;}
 .checkregister p{
     padding-left: 19px;
     font-style: normal;
     font-family: 'Roboto';
     color: #575756;
     font-size: 16px;
     font-weight: 300;
     margin-top: 5px;
 }
 .checkregister label{margin-bottom: 0;}
 .radiopagoen .containerc{width: 50%; float: left;}
 .containerc {
     display: block;
     position: relative;
     padding-left: 20px;
     cursor: pointer;
     font-family: 'Roboto';
     color: #575756;
     font-size: 16px;
     font-weight: 300;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: auto;
     float: left;
 }
 .containerc input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
 }
 .checkmark {
   position: absolute;
   top: 3px;
   left: 0;
   height: 16px;
   width: 16px;
   background-color: #fff;
   border: 1px solid #3158A3;
   border-radius: 50%;
 }
 .containerc input:checked ~ .checkmark {background-color: #fff;}
 .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 .containerc input:checked ~ .checkmark:after {display: block;}
 .containerc .checkmark:after {
     top: 2px;
     left: 2px;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #3158A3;
 }
 #CodigosPromocionales{display: none;}
 
 .retiroorigen{height: 47px; margin-bottom: 24px;}
 .retiroorigen .containerc{margin-right: 5%; height: 47px; padding-top: 14px; margin-bottom: 0;}
 .retiroorigen .containerc .checkmark{top: 16px;}
 
 .segui-envio1 h2{ font-weight: 700; color: #fff; float: left; font-size: 48px; line-height: 68px; margin-bottom: 23px; font-style: italic; width: 100%; text-align: left;}
 .segui-envio1 p{color: #fff; font-family: 'Roboto'; font-weight: 300; font-size: 20px; line-height: 29px; max-width: 440px; margin-bottom: 24px; float: left; text-align: left;}
 .segui-envio1 img{border-radius: 11px; position: absolute; width: 91.8%; z-index: 9; left: 0;  top: 173px;}
 .segui-envio2{padding-top: 3.4%; position: relative; z-index: 9999;}
 .segui-envio2 .input2{width: 100%;}
 .segui-envio2h4{ font-weight: 600; font-style: italic; color: #ffffff; width: 100%; font-size: 26px; line-height: 37px; margin-bottom: 28px; text-align: left;}
 .dudas-envio{color: #fff !important; font-family: 'Roboto'; font-weight: 300; font-size: 18px; line-height: 33px; text-decoration: underline !important; width: 100%; float: left; text-align: left;}
 .dudas-envio:hover{color: #3158A3 !important; font-weight: 400 !important;}
 .preguntas-frecuentes {color: #fff; font-family: 'Roboto'; font-weight: 300; font-size: 20px; line-height: 24px; margin-top: 40px; width: 100%; float: left; text-align: left;}
 .preguntas-frecuentes a{text-decoration: underline !important; font-weight: 600; width: auto; margin-left: 5px; margin-top: -4px; color:#fff; letter-spacing: 0.2px;}
 .preguntas-frecuentes a:hover{color: #3158A3;}
 .borde{float: left; margin-top: 15px; bottom: -1px; width: 100%; position: relative; z-index: 99;}
 .bordep{float: left; width: 100%; margin-bottom: 45px;}
 .paddudas{padding-left: 15px;}
 .paddudas h4{margin-bottom: 0;}
 
 #slider-home{z-index: 9990; position: relative; background-color: #fff; padding: 70px 0 50px 0; float: left; width: 100%;}
 .carousel-item {height: auto; padding-bottom: 72px;}
 .usuario-opinion img{margin: 0px auto; display: block; margin-bottom: 25px; width: 55px; height: auto;}
 .usuario-opinion p{ font-weight: 600; font-style: italic; color: #707070; width: 100%; font-size: 24px; line-height: 34px; margin-bottom: 10px; text-align: center;}
 .box-stars{width: 155px; margin: 0px auto;}
 .box-stars img{width: 16px; margin: 0 7.5px; float: left;}
 .big-comilla { font-weight: 600; font-style: italic; color: #3158A3; width: 40px; font-size: 91px; line-height: 121px; float: left;}
 .opinion{width: calc(100% - 80px); float: left;}
 .opinion p{color: #6A6A6A; font-family: 'Roboto'; font-weight: 300; font-size: 16px; line-height: 22px; max-width: 77%; margin: 0px auto; font-style: italic; margin-top: 23px;}
 .points li{width: 10px !important; height: 10px !important; border-radius: 50%; background-color: #D8D8D8 !important; margin: 0 10px !important; border: 0;}
 .points li.active{background-color: #3158A3 !important;}
 .paddinimgl{padding-left: 40px;}
 
 #quiero-ser-cliente{background-color: #eaf4f7; padding-top: 35px; position: relative; float: left; width: 100%}
 .imgcliente{width: 86%; margin: 0px auto; display: block; margin-bottom: 10px; position: relative; z-index: 999;}
 .infocliente{padding-left: 66px;}
 .infoclienteh3{font-weight: 700; color: #3158A3; float: left; font-size: 38px; line-height: 53px; margin:36px 0 19px 0; font-style: italic; width: 100%; text-align: left;}
 .infoclientep{color: #434343; font-family: 'Roboto'; font-weight: 300; font-size: 22px; line-height: 30px; max-width: 440px; margin-bottom: 65px; text-align: left; float: left;}
 .infocliente .btnblue{width: 200px; margin-bottom: 65px; float: left;}
 .comentarios{
     width: 70px; 
     height: 70px; 
     border-radius: 50%;
     position: fixed;
     bottom: 40px;
     right: 24px;
     box-shadow: 0px 0px 20px rgba(0, 3, 6, 0.36);
     z-index: 9997;
     margin: 0px auto;
 }
 
 #sucursal h3{ font-weight: 700; color: #fff; float: left; font-size: 32px; line-height: 45px; margin-bottom: 8px; font-style: italic; width: 100%; max-width: 300px; text-shadow: rgba(0,0,0,1) 0px 0px 14px; text-align: left;}
 #sucursal p{color: #fff; font-family: 'Roboto'; font-weight: 600; font-size: 20px; line-height: 22px; max-width: 300px; margin-bottom: 24px; text-shadow: rgba(0,0,0,0.56) 0px 0px 6px; text-align: left; float: left;}
 #sucursal select{width: 88%; float: left; margin-bottom: 14px;}
 #sucursal .btnlightblue{margin-top: 16px; width: 188px; float: left;}
 
 .tipo-productos{background: linear-gradient(to left, rgba(0,202,194,0.07) 0%, rgba(0,202,194,0.07) 33%, rgba(0,12,235,0.07) 57%, rgba(0,6,121,0.07) 85%, rgba(0,6,121,0.07) 100%);}
 .pasos-productos{padding-top: 80px;}
 .paso-producto{padding: 0 2.9%;}
 .paso-producto img{margin-bottom: 37px;}
 .paso-producto p {
     font-weight: 600;
     font-style: italic;
     color: #434343;
     text-align: center;
     width: 100%;
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 0;
     padding: 0 10%;
 }
 .box-productos{padding: 18px 2% 34px 2%; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 6, 25, 0.16); margin: 0 5% 47px 5%; width: 90%;}
 .box-flota-individual{padding: 23px 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 6, 25, 0.16); margin: 0 5% 65px 5%; width: 90%; height: 375px; position: relative;}
 .box-divisiones{padding: 21px 14px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 6, 25, 0.16); margin: 0 0 47px 0; width: 100%; float: left;}
 .box-divisiones1{width: 37.5%; float: left;}
 .box-divisiones1 img{margin: 0px auto; display: block;}
 .box-divisiones2{width: 62.5%; float: left;}
 .box-divisiones3{width: 61%; float: left;}
 .box-divisiones4{width: 39%; float: left; padding-right: 15px; max-height: 119px}
 .box-divisiones4 img{margin: 0px auto; display:  block; margin-bottom: 3px; max-height: 119px; width: auto;}
 .box-divisiones .btnblue{width: 168px; float: right;}
 .box-productos img{margin: 0px auto; display:  block; margin-bottom: 3px;}
 .bph4, .bdh4, .bdh4-3{font-weight: 600; color: #3158A3; font-size: 28px; line-height: 40px; font-style: italic; width: 100%;}
 .bph4{text-align: center; margin-bottom: 7px;}
 .bdh4-3{text-align: center; margin-bottom: 14px; position: relative; z-index: 99;}
 .bdh4-2{ font-weight: 600; color: #3158A3; font-size: 24px; line-height: 40px; font-style: italic; width: 100%; text-align: left; margin-bottom: 15px;}
 .bdh4{text-align: left; margin-bottom: 13px;}
 .bph4-2{padding: 0 15%; margin-bottom: 33px;}
 .bpp{color: #434343; font-family: 'Roboto'; font-weight: 300; font-size: 20px; line-height: 25px; margin-bottom: 0px; width: 100%; text-align: center;}
 .bdp{color: #434343; font-family: 'Roboto'; font-weight: 300; font-size: 18px; line-height: 25px; margin-bottom: 10px; width: 100%; text-align: left; min-height: 50px;}
 .bdp-2{color: #434343; font-family: 'Roboto'; font-weight: 300; font-size: 16px; line-height: 25px; margin-bottom: 10px; width: 100%; text-align: left; max-width: 244px;}
 .bdp-3{color: #fff; font-family: 'Roboto'; font-weight: 600; font-size: 16px; line-height: 24px; width: 100%; text-align: center; display: none; position: relative; z-index: 99;}
 .box-productos .btnblue{width: 167px; margin: 0px auto; margin-top: 16px; display: block; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);}
 .pcontactanos{color: #3158A3; font-family: 'Roboto'; font-weight: 300; font-size: 24px; line-height: 29px; margin: 67px 0px 50px 0; width: 100%; text-align: center;}
 .pcontactanos a, .pcontactanos span{font-weight: 600; color: #3158A3;}
 .enviar-cotizacion p{color: #054b92; font-family: 'Roboto'; font-weight: 300; font-size: 17px; line-height: 20px;text-align: right; width: 100%; padding-right: 25px;}
 .enviar-cotizacion p img{height: 20px; width: auto; margin-left: 8px;}
 .datos-corroborados{background-color: #0db0ac; border-radius: 5px; margin-top: 32px; float: left;}
 .datos-corroborados p{ font-weight: 600; color: #fff; font-style: italic; padding: 5px; margin-bottom: 0;}
 .fondo-cotiza h3{ font-weight: 600; color: #fff; font-size: 60px; line-height: 83px; font-style: italic; padding-left: 34px; text-align: left;}
 .boxbarra p { font-weight: 600; font-size: 18px; line-height: 25px; font-style: italic; margin-top: 3px; float: left; width: 100%;}
 .pasos-cotizacioni{height: auto; float: left; position: relative; z-index: 999;}
 .paddtop{padding-top: 55px;}
 .wpc1{width: 22%; text-align: left;}
 .wpc1 img{margin-left: 25px;}
 .wpc2, .wpc3{width: 28%;}
 .wpc2 img, .wpc3 img{margin: 0px auto; display: block;}
 .wpc2 p, .wpc3 p{text-align: center;}
 .wpc4{width: 22%; text-align: right;}
 .itemcircle2{margin: 9px 0;}
 .transporte{margin-top: 6px !important; }
 .wpc4 img{margin-right: 30px;}
 .barra{top: 71px; width: 100%; height: 8px; padding: 0 45px 0 40px; position: absolute; z-index: 99;}
 .barra1{top: 0px; width: 100%; height: 8px; position: relative; z-index: 99; left: 0; background-color: #B5B5B5; }
 .barra2{top: 0px; width: 30%; height: 8px; position: absolute; z-index: 999; left: 40px; background-color: #00CAC2;}
 .barra3{top: 0px; width: 58%; height: 8px; position: absolute; z-index: 999; left: 40px; background-color: #00CAC2;}
 .barra4{top: 0px; width: 85%; height: 8px; position: absolute; z-index: 999; left: 40px; background-color: #00CAC2;}
 .cotizacionpaso2{width: 100%; border-radius: 5px; padding-top: 10px; background-color: #fff; box-shadow: 0px 14px 32px rgba(0, 0, 0, 0.30); margin-top: 23px; margin-bottom: 30px; float: left;}
 .datoscot{padding-left: 30px !important; padding-right: 30px !important;}
 .datoscot span, .datoscot p{color: #3158A3; font-family: 'Roboto'; font-size: 14px; font-weight: 600; float: left; width: auto;}
 .datoscot span{margin-right: 36px;}
 .detallenew{float: right !important;}
 .detallenew br{display: none;}
 .cotizacionpaso2 .btnblue{height: 41px; padding: 7px 0px;}
 .cotizacionpaso2 .btnblue img{margin-left: 5px; margin-top: -3px;}
 .mt-80{margin-top:80px !important;}
 .boxform-p3{width: 100%; border-radius: 5px; background-color: #fff; box-shadow: 0px 14px 32px rgba(0, 0, 0, 0.30); margin-top: 23px; margin-bottom: 30px;}
 .bfp3-1{width: 100%; height: auto; padding: 46px 19px 23px 19px; background-color: #F6F8FB;}
 .in-se{height: 47px; border-radius: 3px; border: 1px solid #3158A3; font-size: 16px; margin-bottom: 30px !important; padding: 0 8px;}
 .in-se1{width: 70px; float: left; height: 45px; border-right:1px solid #3158A3; }
 .in-se2{width: calc(100% - 70px); float: left; height: 45px;}
 .boxform-p3 .in-seb{height: 88px !important; border-radius: 3px; border: 1px solid #3158A3 !important; font-size: 16px;}
 .bfp3-2{width: 100%; height: auto; padding:28px 19px 38px 19px;}
 .bfp3-2 .btnwhite{width: 168px;}
 .bfp3-2 .btnblue2{width: 168px; border: 0; margin-top: -1px; border: 2px solid #3158A3;}
 .transporte2 {
     margin-bottom: 6px !important;
     float: right;
     margin-right: 5px !important;
 }
 .terminos{font-family: 'Roboto'; font-size: 16px; font-weight: 300;}
 .textonr{
   color:#3158A3; 
    
   font-size: 14px; 
   line-height:18px; 
   font-weight: 400; 
   text-align: center; 
   margin-bottom: 24px; 
   font-style: italic;
 }
 .mailcotizacion{
   width: 342px;
   display: flex;
   flex-direction: row;
   /* width: 322px;
     margin: 0px auto; */
   }
 
 .titleembalaje{
   
     font-weight: 600;
     padding-top: 12px;
     font-size: 18px;
     font-style: italic;
     width: 20%;
     float: left;
     color: #434343;
 }
 .tipoembalaje{width: 80%; float: left; margin: auto;}
 .fira{}
 .fira2{font-style: italic;}
 .rob{font-family: 'Roboto';}
 .backblue{background: linear-gradient(to left, rgba(0,202,195,1) 0%, rgba(0,202,195,1) 5%, rgba(0,174,181,1) 29%, rgba(0,103,151,1) 71%, rgba(0,51,128,1) 100%);}
 .paddudas2{padding: 170px 15px 0px 15px;}
 .margincontact{margin-top: 44px; margin-bottom: 57px;}
 .padaux{padding: 0 !important;}
 
 
 .title-tabla-new{
   
   font-size: 38px;
   margin-top: 55px;
   margin-bottom: 30px;
   color: #3158A3;
   font-weight: 600;
   font-style: italic;
 }
 .tabla_operaciones th {
     
     font-weight: 600;
     font-style: italic;
     color: #434343;
     background-color: #fff !important;
 }
 table.dataTable tbody td {
     padding: 14px 10px 11px 10px;
     font-family: 'Roboto';
     font-size: 16px;
     font-weight: 300;
     background-color: #B7EEEC;
 }
 .dataTables_wrapper .dataTables_info {
     background: #CCD7DD;
     clear: both;
     float: left;
     padding-top: 19px;
     padding-left: 15px;
     font-family: 'Roboto';
 }
 .dataTables_wrapper .dataTables_paginate {padding-bottom: 7px;}
 
 .php1{font-family: 'Roboto'; font-size: 18px; font-weight: 600; line-height: 25px; color: #434343; width: 100%; float: left;}
 .vision p{text-align: right;}
 .mision p{text-align: left;}
 .php2, .vision p, .mision p{font-family: 'Roboto'; font-size: 18px; font-weight: 300; line-height: 25px; color: #434343; width: 100%; float: left;}
 .php2{margin-bottom: 18px;}
 .php3{font-family: 'Roboto'; font-size: 18px; font-weight: 600; line-height: 25px; color: #06B2AB; width: 100%; float: left; margin-bottom: 30px;}
 .caracteristicas-productos{margin-top: -50px;}
 .caracteristicas-productos img{margin-top: -3px;}
 .caracteristicas-productos h3{
   margin-top: 18px; 
   
   font-size: 45px;
   line-height: 64px;
   margin-bottom: 55px;
   color: #fff;
   font-weight: 600;
   font-style: italic;
   text-align: left;
 }
 .caracteristica{background-color: #fff; width: 100%; border-radius: 5px; padding: 19px 0; float: left; margin-bottom: 19px;}
 .title-caracteristicas{
   
   font-size: 26px;
   line-height: 28px;
   text-align: right;
   color: #06B2AB;
   font-weight: 600;
   font-style: italic;
 }
 .texto-caracteristicas{font-family: 'Roboto'; font-size: 22px; font-weight: 600; line-height: 28px; color: #707070; width: 100%; float: left; padding-right: 3%; margin-bottom: 0;}
 .texto-caracteristicas2{font-family: 'Roboto'; font-size: 20px; font-weight: 300; line-height: 28px; color: #707070; width: 100%; float: left; padding-right: 3%; margin-bottom: 0;}
 .mnprod{margin: 2px 0 17px 0;}
 .paddlr40{padding: 0 30px;}
 .modalidad-envio{padding: 70px 0 10px 0;}
 .modalidad-envio h3{
   
   font-size: 40px;
   line-height: 57px;
   color: #3158A3;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: center;
   margin-bottom: 75px;
 }
 .title-modalidad{
   
   font-size: 28px;
   line-height: 34px;
   color: #434343;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   margin: 45px 0 25px 0;
 }
 .texto-modalidad{font-family: 'Roboto'; font-size: 18px; font-weight: 300; line-height: 22px; color: #434343; width: 100%; float: left; max-width: 295px;}
 .box-modalidad img{margin-bottom: 90px;}
 .tml{text-align: left; margin-left: 19px;}
 .tmr{text-align: right; float: right; margin-right: 19px;}
 .conocer-mas-productos{background-color: #ECFBFA; padding: 59px 0 15px 0;}
 .h3conocemas{
   
   font-size: 35px;
   line-height: 49px;
   color: #06B2AB;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: left;
   margin-bottom: 45px;
   padding-left: 1.4%;
 }
 .backbluehover{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(to right, rgba(0,202,195,1) 0%, rgba(0,202,195,1) 5%, rgba(0,174,181,1) 29%, rgba(0,103,151,1) 71%, rgba(0,51,128,1) 100%);
   border-radius: 5px;
   z-index: 9;
   display: none;
 }
 .img85{width: 85%;}
 .box-flota-individual1{width: 100%; height: 210px; float: left; position: relative; margin-bottom: 21px; position: relative; z-index: 99;}
 .box-flota-individual1 img{margin: 0px auto; display: block; position: absolute; bottom: 0px; left: 0; right: 0;}
 .conocer-mas-productos .box-productos, .conocer-mas-productos .box-divisiones{position: relative;}
 .conocer-mas-productos .box-productos p, .conocer-mas-productos .box-productos img, .conocer-mas-productos .box-divisiones p, .conocer-mas-productos .box-divisiones img{position: relative; z-index: 99;}
 .conocer-mas-productos .box-productos:hover .backbluehover, .conocer-mas-productos .box-divisiones:hover .backbluehover, .box-flota-individual:hover .backbluehover, .box-flota-individual:hover .bdp-3{ display: block;}
 .conocer-mas-productos .box-productos:hover img, .conocer-mas-productos .box-divisiones:hover img, .box-flota-individual:hover .box-flota-individual1 img{opacity: 0.5;}
 .conocer-mas-productos .box-productos:hover p, .conocer-mas-productos .box-divisiones:hover p, .box-flota-individual:hover .bdh4-3{color: #fff;}
 .box-flota-individual:hover .box-flota-individual1{height: 105px;}
 .box-flota-individual:hover .box-flota-individual1 img{width: auto; height: 100px;}
 .pd0{padding-right: 0 !important;}
 
 .tipo-divisiones{margin-top: 77px;}
 .descripcion-division{padding-top: 45px; padding-bottom: 40px;}
 .parrafoempresa{margin-bottom: 40px;}
 .descripcion-division p, .parrafoempresa p {font-family: 'Roboto'; font-size: 20px; font-weight: 300; line-height: 25px; color: #434343; width: 100%; float: left; margin-bottom: 24px;}
 .descripcion-division p span, .parrafoempresa p span{color: #3158A3; font-weight: 600;}
 .imgdivisioni{padding-left: 0 !important;}
 .frase-destacada{
   max-width: 500px; 
   
   font-size: 40px;
   line-height: 52px;
   color: #00CAC2;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: left;
   margin-top: 37%;
   margin-left: 35px;
 }
 .descripcion-division ul{text-decoration: none; width: 100%; padding-inline-start: 0px; float: left; margin-bottom: 19px;}
 .descripcion-division ul li{width: 100%; text-align: center; display: inherit; float: left;}
 .descripcion-division ul li p{margin-bottom: 5px;}
 
 .boxagencia{background-color: #fff; padding: 32px 0 17px 0;}
 .boxagencia h4, .mision h4, .vision h4, .valores h4{
   
   font-size: 40px;
   line-height: 48px;
   color: #3158A3;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   margin-bottom: 30px;
 }
 .boxagencia h4{max-width: 400px; text-align: left;}
 .mision h4{text-align: left;}
 .valores h4{text-align: center;}
 .vision h4{text-align: right;}
 .boxagencia form button{display: block; border: 0;}
 .boxagencia form img{margin-top: -126px; width: 90%;}
 .boxagencia2{background-color: #ECFBFA; padding-top: 40px;}
 
 #slider-contenedor1{position: relative; width: 100%; max-width: 100%; padding: 0 20px;}
 #slider-contenedor1 #agencias-gallery{padding: 0 60px;}
 #slider-contenedor1 .flickity-viewport{height: 466px !important;}
 .dire, .dire2{
   
   line-height: 25px;
   color: #3158A3;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: left;
   max-width: 400px;
   margin-bottom: 20px;
 }
 .dire{font-size: 18px; min-height: 50px;}
 .dire2{font-size: 22px; padding-left: 12px;}
 .pagencia{font-family: 'Roboto'; font-size: 18px; font-weight: 300; line-height: 25px; color: #434343; text-align: left; padding-left: 42px;}
 .pagencia span{font-size: 16px; font-weight: 600; margin-bottom: 15px;}
 .ubic{
   background-position: center center;
     background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;  
   background-image: url("../img/ilustraciones/marjous-ubicacion.png"); 
   width: 32px; 
   height: 39px;
   float: left;
   margin-right: 10px;
 }
 .tela, .hora{
   background-position: center center;
     background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;     
   width: 16px; 
   height: 16px;
   float: left;
   margin-right: 10px;
   margin-left: 14px;
   margin-top: 4px;
 }
 .tela{background-image: url("../img/icons/marjous-tel2.png");}
 .hora{background-image: url("../img/icons/marjous-clock.png");}
 .boxempresa{padding: 70px 0 10px 0;}
 .mision, .vision{margin-bottom: 100px;}
 .imgm{width: 270px; height: auto; margin-right: 60px;}
 .imgv{width: 270px; height: auto; margin-left: 60px;}
 .imgvalores{width: 27px; height: auto; float: left;}
 .boxvalores{width: 840px; margin-left: 11%; float: left;}
 .boxvalores p{width: calc(100% - 27px); float: left; padding-left: 11px;  font-size: 20px; color: #434343; margin-bottom: 11px; }
 .h3empresa{
   
   font-size: 35px;
   line-height: 49px;
   color: #fff;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: center;
   margin-bottom: 43px;
   margin-top: 50px;
 }
 .h4flota{
   font-family: 'Roboto'; 
   font-size: 26px; 
   font-weight: 600; 
   line-height: 33px; 
   color: #3158A3; 
   text-align: center; 
   margin: 0px auto;
   max-width: 530px;
   margin-bottom: 40px;
 }
 
 .pregunta{
   width: 100%;
   display:block;
   background-color: #F6F8FB;
   padding: 14px 36px 10px 40px;
   border-radius: 5px;
   box-shadow: 0px 0px 20px rgba(0, 4, 27, 0.16);
   height: auto;
   margin-bottom: 24px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
 }
 .pregunta label{width: 100%; margin-bottom: 0;}
 .pregunta1{width: calc(100% - 27px); float: left; height: auto;}
 .pregunta2{width: 27px; float: left; height: auto;}
 .pregunta2 img{width: 100%; height: auto; }
 .active .pregunta2 img{transform:rotate(180deg);}
 .pregunta1 p {
   
   font-size: 20px;
   line-height: 30px;
   color: #06B2AB;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: left;
   padding-right: 20px;
   cursor: pointer;
 }
 .hiddentext p span, .hiddentext a{font-weight: 600; color:#3158A3;}
 .hiddentext{opacity: 0; display: none; margin-top: 10px;}
 .hiddentext p, .terminos p, .terminos ul li{font-family: 'Roboto'; font-size: 16px; font-weight: 300; line-height: 25px; color: #434343; text-align: left;}
 #tm:checked ~ .hiddentext, #t1:checked ~ .hiddentext, #t2:checked ~ .hiddentext, #t3:checked ~ .hiddentext, #t4:checked ~ .hiddentext, #t5:checked ~ .hiddentext,
 #t6:checked ~ .hiddentext, #t7:checked ~ .hiddentext, #t8:checked ~ .hiddentext, #t9:checked ~ .hiddentext, #t10:checked ~ .hiddentext, #t11:checked ~ .hiddentext {
   display: block;
   opacity: 1;
 }
 input#tm, input#t1, input#t2, input#t3, input#t4, input#t5, input#t6, input#t7, input#t8, input#t9, input#t10, input#t11 {
   display: none;
   position: relative;
 }
 
 .terminos h4, .h4contacto, .h4tcn{
   
   color: #06B2AB;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: left;
 }
 .terminos h4{font-size: 22px; line-height: 26px;}
 .h4contacto{font-size: 35px; line-height: 48px; margin-bottom: 60px;}
 .h4tcn{font-size: 28px; line-height: 48px; margin-bottom: 60px; text-align: center;}
 .terminos p, .terminos ul{margin-bottom: 28px;}
 .hiddentext p {margin-bottom: 3px;} 
 .formcontacto .input-base, .formcontacto .select-base, .formcontacto .area-base{margin-bottom: 30px !important;}
 .formcontacto button{border:0;}
 .titleform, .titleoperaciones {
   
   color: #3158A3;
   font-weight: 600;
   font-style: italic;
   width: 100%;
   text-align: left;
 }
 .titleform{font-size: 24px; line-height: 42px; margin:14px 0;}
 .titleoperaciones{font-size: 35px; line-height: 37px; margin: 40px 0;}
 .hrform{
   float: left;
     width: calc(100% - 30px);
     margin-top: 0;
     margin-bottom: 30px;
     border: 1px solid #06b2a2;
 }
 .subtitled{font-size: 25px !important}
 .mensaje1{ font-size: 25px; font-weight: 600; line-height: 33px; color: #434343; text-align: left; margin-bottom: 30px; font-style: italic;}
 .mensaje2, .infocuenta{font-family: 'Roboto'; font-size: 24px; line-height: 29px; color: #434343; text-align: left; margin-bottom: 60px;}
 .mensaje2 a{font-weight: 700; color:#3158A3;}
 .infocuenta{font-weight: 600; margin-bottom: 30px;}
 .btnuo{width: 200px; margin-top: 15px; float: left;}
 .pcontactanos2{font-family: 'Roboto'; font-size: 18px; line-height: 22px; color: #3158A3; text-align: center; margin-bottom: 40px; width: 100%; font-weight: 300; padding: 0 20px;}
 .nueva-normativa{margin-top: 53px; margin-bottom: 48px;}
 .nueva-normativa h3{ font-size: 32px; font-weight: 600; line-height: 35px; color: #3158A3; text-align: center; margin-bottom: 45px; font-style: italic;}
 .nueva-normativa p{ font-size:16px; font-weight: 600; line-height: 19px; color: #434343; text-align: center; margin-bottom: 30px; font-style: italic; margin-top: 25px;}
 .nueva-normativa p span{color: #00A3C2;}
 .nuevas-agencias {
   width: 100%;
   height: auto;
   margin-bottom: 30px;
   float: left;
 }
 .nuevas-agencias img {
   width: 10% !important;
   float: left;
   margin-top: -9px !important;
 }
 .nuevas-agenciasp1, .nuevas-agenciasp2 {
 font-family: 'Roboto';
   font-size: 20px;
   font-weight: 300;
   line-height: 25px;
   color: #434343;
   width: 90%;
   float: left;
   margin-bottom: 0px;
 }
 
 
 
 /* ========================================================================
  * FOOTER
  * ======================================================================== */
 .pie{padding: 0;}
 #footer {
     display: block !important;
     padding-bottom: 0;
 }
  .footer{
     background-color: #3158A3;
     padding-top: 50px;
     float: left;
     width: 100%;
     margin-top: -2px;
     z-index: 999;
     position: relative;
   }
 
 .logo-footer{width: 82%; height: auto; margin-bottom: 30px;}
 .menu-footer a, .contacto-footer p, .mercado-pago p{
     width: 100%; text-align: center;  font-weight: 600; color: #fff; float: left; font-size: 17px; line-height: 17px; font-style: italic;}
 .menu-footer a{margin-bottom: 17px;}
 .contacto-footer p, .mercado-pago p{margin-bottom: 15px;}
 .mercado-pago img{margin: 0px auto; display: block; margin-bottom: 10px;}
 .redes {
     width: 100%;
     margin: 0px auto;
     margin-bottom: 31px;
     height: auto;
     float: left;
 }
 .redes img {
     margin: 0 6%;
     float: left;
     width: 13%;
 }
 .tel-footer{width: 100%; text-align: center;  font-weight: 600; color: #fff; float: left; font-size: 18px; line-height: 25px; font-style: italic; margin-bottom: 25px;}
 .tel-footer img{width: auto; height: 13px; margin-right: 8px;}
 .tel-footer a{color: #fff;}
 .auspicio img{margin: 0px auto; display: block; margin-bottom: 19px;}
 .legales{background-color: #383F41; height: auto; margin-top: 14px;}
 .legales1 p, .legales1 a{color: #fff; font-family: 'Roboto'; font-weight: 300; font-size: 12px; line-height: 12px; float: left; height: 12px; margin-top: 8.5px; margin-bottom: 8.5px;}
 .legales1 a{text-decoration: underline !important; margin-left: 14px;}
 .mydesign p{font-family: 'Martel Sans'; font-size: 9px; line-height: 16px; margin: 6.5px 5px 6.5px 0; float: right; color:#fff;}
 .mydesign img{float: right;}
 .boxnormas{
   width: 100%;
   height: auto;
   float: left;
 }
 .imgnormasw1{width: 41%; margin: 0 4.5% 10px 1.5%;}
 .imgnormasw3{width: 20%; margin: 0 2.5% 10px 3.5%;}
 .imgnormasw2{width: 45%; margin: 0 2.5% 10px 2.5%;}
 .boxnormas img{float: left;}
 .imgnormas1{margin-top: 13px;}
 .imgnormas3{margin-top: 2px;}
 .imgnormas4{margin-top: 10px;}
 
 /* ========================================================================
  * VENTANA MODAL
  * ======================================================================== */
 
 .modal_mask {
   position: absolute;
   width: 100%;
   right: 0;
   bottom: 0;
   left: 0;
   opacity:0;
   pointer-events:none;
   -webkit-transition:all 200ms linear;
   transition:all 200ms linear;
   z-index: 9999;
 }
     .modal_mask:target {
       opacity:1;
       top:0;
       pointer-events:auto;
       z-index:9999;
     }
 .cerrarmodal{
   width: auto;
   height: auto;
   position: absolute;
   top: 6px;
   right: 12px;
 }
 .cerrarmodal a {
     font-size: 16px;
     line-height: 20px;
     color: #5F5F5F;
     
     font-weight: 600;
 }
 .box-modal{
   width: 700px;
     height: auto;
     border-radius: 5px;   
     box-shadow: 0px 9px 16px 0 rgba(0, 0, 0, 0.16);
     background-color: #fff;
     margin: 70px auto;
     padding: 20px 25px 20px 30px;
     position: relative;
 }
 .title-modal{width: 100%; text-align: left;  font-weight: 600; color: #3158A3; float: left; font-size: 22px; line-height: 25px; font-style: italic; margin-bottom: 10px;}
 .pmodal{font-family: 'Roboto'; font-size: 13px; float: left; margin-bottom: 15px;}
 .subtitle-modal{width: 100%; text-align: left;  font-weight: 600; color: #434343; float: left; font-size: 16px; line-height: 20px; font-style: italic; margin-bottom: 10px;}
 .box-modal .input-base{margin-bottom: 15px;}
 .box-modal .btnblue2{margin-bottom: 20px; border: 0;}
 .pregunta-modal{font-family: 'Roboto'; font-size: 16px; float: left; margin-bottom: 15px; font-weight: 600; font-style: italic; margin-top: 15px;}
 .overmodal {
     max-height: 530px;
     overflow-y: scroll;
     overflow-x: hidden;
     padding: 0 15px 0 20px;
     margin-top: 19px;
 }
 .btnempresa{
   height: 72px; 
   background-color: #3158A3;
   padding: 18px 0px; 
   box-shadow: 0px 0px 20px rgba(0, 3, 6, 0.36);
   
   font-weight: 600;
   color: #fff !important; 
   font-size: 24px;
   font-style: italic;
   border-radius: 3px;
   display: block;
   text-align: center;
   width: 100%;
 }
 
 .btnempresa:hover{background-color: #00CAC2; text-transform: uppercase;}
 .imge2{width: 100%;}
 
 #cerrar-modal {
   display: none;
 }
 #cerrar-modal + label {
   position: absolute;
   top: 1em;
   right: 1em;
   z-index: 100;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
   background: tomato;
   width: 25px;
   height: 25px;
   line-height: 25px;
   text-align: center;
   border-radius: 50%;
   transition: all .5s;
 }
 #cerrar-modal:checked ~ #modal {
   top: -100vh;
 }
 #cerrar-modal + label {
   display: none;
 }
 #mostrar-modal:checked ~ #cerrar-modal + label {
   display: block;
 }
 #cerrar-modal:checked + label {
   display: none;
 }
 /* ========================================================================
  * RESPONSIVE
  * ======================================================================== */
 
 @media screen and (max-width: 1200px){
   .header-cotiza h1, .fondo-cotiza h3, .headerregistro h1 {font-size: 43px; line-height: 55px;}  
   .imgcotiza p {font-size: 24px; line-height: 30px;}
   .radiopagoen .containerc{width: 100%; margin-bottom: 0;}
   .pagoen{margin-top: 0;}  
   .containerc{font-size: 12px;}
   .checkmark {top: 2px; height: 12px; width: 12px;}
   .containerc .checkmark:after {width: 6px; height: 6px;}
   .segui-envio1 h2 {font-size: 40px; line-height: 50px;}
   .box-stars img{margin:0 2.5px;}
   .box-stars {width: 105px;}
   .btnlightblue2{width: 100%; height: auto; text-align: center;}
   .redes img {margin: 0 5%; width: 15%; margin-bottom: 20px;}
   .redes {width: 100%; margin-bottom: 10px; height: auto;}
   .checkregister p {font-size: 12px;}
   .box-productos {margin: 0 1.5% 47px 1.5%; width: 97%;}
   .bpp{font-size: 18px;}
   .divi-pro{padding-left: 15%;}
   .title-menu{padding-left: 19%;}
   .detallenew{float: left !important;}
   .header-productos-individual h1{margin: 23% 0 40px 0;}
   .boxvalores{margin-left: 0; width: 100%; padding-left: 3%;}
   .imgv, .imgm{width: 200px; margin: 0;}
   .box-flota-individual, .box-flota-individualb{width: 100%; margin-left: 0; margin-right: 0;}
 }
 
 @media screen and (max-width: 992px){
   .radiopagoen .containerc {width: auto; margin-right: 5%;}
   .pagoen {margin-top: 22px;}
   .imgcotiza p, .paso-producto p {font-size: 18px; line-height: 24px;}
   .redes img {margin: 0 17%; width: 14%; margin-bottom: 11px; height: auto;}
   .infoclientep {font-size: 20px; line-height: 29px; margin-bottom: 8%;}
   .infoclienteh3 {font-size: 35px; margin-top: 0;}
   .box-productos {margin: 0 0 30px 0; width: 100%; padding: 18px 5% 34px 5%;}
   .box-divisiones{margin-bottom: 30px;}
   .bph4, .bdh4, .bdh4-3{font-size: 19px; line-height: 30px;}
   .bdh4{margin-bottom: 0;}
   .bpp, .bdp{font-size: 13px;}
   .bdp{min-height: auto; margin-bottom: 15px;}
   .bph4-2{margin-bottom: 43px;}
   .box-productos2{height: 347.38px;}
   .pcontactanos{font-size: 20px; padding: 0 20px;}
   .menue ul li{padding-left: 29%; margin-bottom: 10px;}
   .login-menu{padding-left: 5%;}
   .menue .redes {width: 83%;padding-left: 20px}
   .menue ul li a{font-size: 19px !important; line-height: 30px !important;}
   .login-menu {padding-left: 10%; margin-bottom: 20px;}
   .login-menu img{width: 25%;}
   .login-menu .acceso{font-size: 15px;}
   .login-menu a .lum2 {font-size: 13px;}
   .logo-menu{margin-bottom: 40px;}
   .divi-pro{padding-left: 10%; height: 70px;}
   .divi-pro p{line-height: 70px; font-size: 15px;}
   .imgdp{height: 70px;}
   .title-menu{padding-left: 15%; font-size: 24px;}
   .tel-footer{padding-left: 20px;}
   .pasos-productos{padding: 0;}
   .paso-producto img {margin: 0px auto; display: block; width: 100%; margin-bottom: 20px;}
   .header-productos p, .header-seguimiento p, .header-divisiones p, .header-base p {font-size: 25px; line-height: 30px;}
   .paddlr40 {padding: 0 15px;}
   .title-modalidad{margin: 5px 0 20px 0;}
   .title-caracteristicas{font-size: 23px;}
   .texto-caracteristicas {font-size: 20px;}
   .texto-caracteristicas2{font-size: 18px;}
   .header-productos-individual h1{font-size: 50px; line-height: 65px; margin-bottom: 20px;}
   .php1, .php2, .php3, .texto-modalidad, .vision p, .mision p{font-size: 16px;}
   .texto-modalidad{margin: 0;}
   .modalidad-envio h3, .h3conocemas, .h3empresa{font-size: 30px;}
   .modalidad-envio {padding: 40px 0 10px 0;}
   .hpimgm{margin-top: 72px; width: 77%; margin: 0px auto; margin-top: 76px;}
   .headb .acceso{color: #3158A3 !important; text-shadow:none;}
   .headb .lhd1 {display: none;}
   .headb .lhd2 {display: block;}
   .logo-header{margin-top: 21px;}
   .box-divisiones {padding: 20px;}
   .box-divisiones1 {width: 100%; height: 165px; position: relative;}
   .box-divisiones1 img {position: absolute; left: 0; right: 0; bottom: 0;}
   .box-divisiones2, .box-divisiones3, .box-divisiones4{width: 100%;}
   .bdh4, .bdp, .bdh4-2, .bdp-2{text-align: center;}
   .bdp-2{margin:  0px auto;}
   .box-divisiones .btnblue{float: none; margin: 0px auto; display: block;}
   .bres{bottom: 22px !important;}
   .descripcion-division p, .parrafoempresa p {font-size: 16px; line-height: 20px;}
   .frase-destacada{font-size: 30px; line-height: 40px; margin-left: 0;}
   .paddinimgl{padding-left: 21px;}
   .boxagencia h4{max-width: 100%;}
   .boxagencia form img {margin-top: 40px; width: 100%; margin-bottom: 20px;}
   .imgv, .imgm{width: 150px;}
   .bdp-3{font-size: 13px;}
   .box-flota-individual, .box-flota-individualb{margin-bottom: 30px;}
   .img85{width: 100%;}
   .headerregistro h1{padding-left: 0;}
   .boxagencia select{margin-bottom: 20px;}
   .inputcol{width: calc(50% - 30px);}
   .subtitled{font-size: 20px !important}
   .box-btn-pago{width: 342px; height: 128px;}
   .btn-pago{margin-bottom:15px;}
 }
 
 @media screen and (max-width: 830px){
   .segui-envio2h4{margin-bottom: 15px;}
   .dudas {font-size: 16px; line-height: 28px;}
   .preguntas-frecuentes {font-size: 17px; margin-top: 24px;}
 }
 
 @media screen and (max-width: 814px){
   .retiroorigen .containerc {width: auto; margin-right: 4%;}
   .containerc{font-size: 11px;}
   .imgdp {width: 55px; margin-right: 10px;}
   .imgdp img{top: 20%;}
 }
 
 @media screen and (max-width: 767px){
   .logo-header {margin: 10px 0 0 5%; width: 80%;}
   .header-cotiza h1, .headerregistro h1, .fondo-cotiza h3, .header-productos h1, .header-seguimiento h1, .header-productos-individual h1, .header-divisiones h1, .header-base h1 {font-size: 35px; line-height: 50px;}
   .fondo-cotiza h3{padding-left: 0;}
   .header-productos h1, .header-seguimiento h1, .header-divisiones h1, .header-base h1 {margin-top: 30px;}
   .header-divisiones, .header-base, .header-seguimiento  {padding-bottom: 40px !important;}
   .form-cotiza{top:-100px;}	
   .cotiza1 .input-base, .cotiza1 .select-base, .cotiza2 .input-base {width: 100%; margin-bottom: 10px;}
   .cotiza1 {padding: 20px 1% 10px 1%;}
   .boxinput3 input {padding-right: 15px !important; padding-left: 15px !important;}
   .pagoen {margin-top: 4px;}
   .retiroorigen .containerc, .radiopagoen .containerc {margin-right: 0; height: auto; width: auto; margin-right: 10px;}
   .retiroorigen {margin-top: 0;}
   .checkregister {height: auto; padding-top: 22px;}
   .segui-envio1 h2 {
       font-size: 32px;
       line-height: 40px;
       margin-bottom: 15px;
       padding-left: 3%;
   }
   .segui-envio1 p {
       font-size: 18px;
       line-height: 23px;
       margin-bottom: 20px;
       padding-left: 3%;
   }
   .segui-envio2 {padding-top: 5px;}
   .segui-envio2 .input2 {margin-bottom: 15px;}
   .segui-envio2h4 {
       font-size: 20px;
       line-height: 30px;
       margin-top: 20px;
   }
   .segui-envio1 img {
       position: relative;
       width: 80%;
       display: block;
       margin-bottom: 20px;
       margin-top: 20px;
       margin-left: 18px;
       top: 0;
   }
   .preguntas-frecuentes {font-size: 18px; line-height: 22px;}
   .borde {margin-top: 0;}
   .box-stars img{width: 15%;}
   .infoclienteh3{font-size: 30px; line-height: 35px;}
   .infoclientep {
       font-size: 18px;
       line-height: 25px;
       margin-bottom: 35px;
   }
   .comentarios {left: auto;  right: 30px;}
   .sucursal select {width: 48%; margin-right: 2%;}
   .imgnormas{margin: 0px auto; display: block; margin-bottom: 30px;}
   .logo-footer {margin-bottom: 30px;}
   .redes img {margin: 0px 5.5%; margin-bottom: 31px;}
   .btnlightblue2{margin-bottom: 20px;}
   .mydesign p {width: 100%; text-align: center;}
   .mydesign img {float: none;}
   .legales1 p, .legales1 a{width: 100%; text-align: center;}
   .sucursal {padding: 50px 0;}
   .sucursal h3, .sucursal p{max-width: 100%;}
   .menuOpen{width: 40px; height: 40px; padding: 9px;}
   .open{width: 16px; top: 10px;}
   .open:before{width: 22px; top: -9px;}
   .open:after{width: 11px; top: 6px;}
   #menuToggle:checked ~ .menuOpen .open:after{width: 16px;}
   .boxbarra {margin-top: 20px;}
   .btnblue{font-size: 18px; height: 41px;}
   .menue ul li{margin-bottom: 0; padding-left: 0%;}
   .menue ul li a {font-size: 20px !important; line-height: 32px !important; padding-left: 38% !important; }
   .menue ul li a:hover {border-bottom: 0 !important; margin-bottom: 0px !important;}
   .menue ul li:hover{background-color: #00CAC2;}
   .menue ul li ul{background-color: #EBFAFA; float: left; padding: 7px 0;}
   .menue ul li ul li a{padding-left: 34%;}
   .divi-pro{height: 35px;}
   .imgdp {width: 27px; margin-right: 10px; height: 35px;}
   .divi-pro p {line-height: 35px; color: #716F6F;}
   .divi-pro p:hover{color: #fff;}
   .login-menu {padding-left: 31.4%; margin-bottom: 20px; margin-top: 12px;}
   .login-menu img {width: 40px;}
   .login-menu .acceso {font-size: 18px; margin-top: 10px;}
   .login-menu a .lum2 {font-size: 15px;}
   .tel-footer {padding-left: 35%; text-align: left; margin-bottom: 13px;}
   .menue .redes {width: 167px; padding-left: 0; margin: 0px 0 0 33%;}
   .logo-menu {margin-bottom: 29px; width: 40%;}
   .arrowmenu1, .arrowmenu{float: right; margin-left: 8px; margin-top: 13px;}
   .arrowmenu1, .menue ul li:hover .arrowmenu{display: none;}
   .arrowmenu, .menue ul li:hover .arrowmenu1{display: block;}
   .dropdown {float: left; overflow: hidden;}
   .dropdown .dropbtn {
     cursor: pointer;
     font-size: 16px;  
     border: none;
     outline: none;
     color: white;
     padding: 14px 16px;
     background-color: inherit;
     font-family: inherit;
     margin: 0;
   }
   .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
   }
   .dropdown-content a {
     float: none;
     color: black;
     display: block;
   }
   .show {display: block; position: relative;}
   .box-modal{width: 90%; margin-right: 5%; margin-left: 5%; max-height: 500px;}
   .overmodal{max-height: 400px;}
   .pcontactanos{margin: 30px 0px 50px 0;}
   .pcontactanos span{width: 100%; float: left;}
   .box-productos .btnblue, .box-divisiones .btnblue{padding: 7px 0;}
   .paso-producto p{margin-bottom: 30px;}
   .header-productos p, .header-seguimiento p, .header-divisiones p, .header-base p, .mensaje1, .mensaje2, .infocuenta{font-size: 20px; line-height: 25px;}
   .titleembalaje, .tipoembalaje{width: 100%;}
   .detallenew {float: left !important;}
   .margincontact{padding: 9px 0 !important;}
   .title-tabla-new{font-size: 25px;}
   .tablanew .dataTables_wrapper{width: 100%; overflow-x:auto;}
   .tablanew {overflow-x: auto; padding: 0; margin-bottom: 20px;}
   .tablanew table{margin-bottom: 0;}
   table.dataTable {width: 850px;}
   table.dataTable tbody td, .pcontactanos2{font-size: 12px;}
   .dataTables_wrapper .dataTables_info{font-size: 14px; margin-bottom: 10px; width: 100%;}
   .title-caracteristicas {text-align: left; margin-bottom: 10px;  font-size: 20px;}
   .texto-caracteristicas {font-size: 18px; line-height: 20px;}
   .texto-caracteristicas2 {font-size: 16px; line-height: 20px;}
   .caracteristicas-productos h3 {margin-top: 25px; font-size: 30px; line-height: 40px; margin-bottom: 30px;}
   .modalidad-envio h3{font-size: 30px; margin-bottom: 30px; line-height: 40px;}
   .title-modalidad{font-size: 25px; line-height: 30px;}
   .texto-modalidad {margin: 0 0 25px 0; max-width: 100%;}
   .tmr{text-align: left;}
   .box-modalidad img {margin-bottom: 50px; width: 70%;  margin-left: 15%;}
   .caracteristicas-productos{margin-top: -20px;}
   .pd0{padding-right: 15px !important;}
   .hpimgm{margin-top: 30%;}
   .bres {bottom: 30px !important;}
   .tipo-divisiones {margin-top: 40px;}
   .frase-destacada {
     font-size: 20px;
     line-height: 30px;
     margin-top: 33%;
   }
   .boxagencia h4, .mision h4, .vision h4, .valores h4, .h4contacto, .h4tcn{
     font-size: 25px;
     line-height: 30px;
     margin-bottom: 20px;
   }
   .titleform{font-size: 25px; line-height: 30px;}
   .boxempresa {padding: 40px 0 10px 0;}
   .imge2 img{width: 60%; margin: 0px auto; display: block; margin-bottom: 60px;}
   .imgv, .imgm {
     width: 200px;
     margin: 0px auto;
     display: block;
   }
   .vision h4, .vision p{text-align: left;}
   .mision, .vision {margin-bottom: 60px;}
   .btnempresa {
     margin-bottom: 20px;
     height: 45px;
     width: 70%;
     margin-left: 15%;
     padding: 8px 0;
     font-size: 20px;}
   .box-flota-individual, .box-flota-individualb{height: 325px;}
   .h4flota {font-size: 20px;}
   .backfaq, .backtyc{padding-bottom: 50px;}
   .formcontacto{margin-bottom: 30px;}
   .imglt{width: 100%;}
   #sucursal p{width: 100%; max-width: 100%;}
   .head .menu a.bot {padding-left: 39% !important;}
   .inputcol, .inputcol2{width: calc(100% - 30px);}
   .titleoperaciones{font-size: 30px;}
 }
 
 @media screen and (max-width: 730px){
   .imgcliente{width: 100%;}
   .header-cotiza img {margin-top: 9%;}	
   .infocliente {padding-left: 30px;}
   .hpimgm{margin-top: 42%; width: 100%;}
   #envios_online_1 span{margin-top: 0;}
   .mt-80{margin-top:40px !important;}
 }
 
 @media screen and (max-width: 575px){
   .menue ul li a{padding-left: 32%;}
   .imgcotiza p, .paso-producto p, .pregunta1 p, .nueva-normativa p {font-size: 14px; line-height: 17px;} 
   .segui-envio1 h2 {font-size: 28px; line-height: 35px; padding-left: 0}
   .infoclienteh3 {font-size: 28px; line-height: 30px; margin-bottom: 10px;}
   .segui-envio1 p, .dudas, .preguntas-frecuentes, .opinion p, .infoclientep, .sucursal p, .hiddentext p, .terminos p, .terminos ul {font-size: 13px; line-height: 20px;}
   .infoclientep {margin-bottom: 20px;}
   .segui-envio1 p{padding-left: 0;}
   .infocliente .btnblue {width: 100%;}
   .sucursal h3, .titleoperaciones {font-size: 25px; line-height: 30px;}
   .sucursal p{width: 100%;}
   .btnblue, .btnblue2, .btnlightblue{ height: 35px; padding: 6px 0px !important; font-size: 17px;}
   .input2 {height: 35px; font-size: 16px; line-height: 16px;}
   .input2 input {padding: 9px 20px 2px 20px; height: 35px; font-size: 10px;}
   .input2 label {top: 1px; font-size: 10px;}
   .segui-envio2h4, .terminos h4, .h4contacto, .h4tcn, .titleform {font-size: 16px; line-height: 20px;}
   .borde {margin-top: 10px;}
   .imgcliente {width: 50%; margin-bottom: 15px;}
   .sucursal select{width: 100%; margin-right: 0; height: 35px;}
   .sucursal .btnlightblue{width: 100%; margin-top: 0;}
   .infocliente {padding-left: 15px;}
   .segui-envio1 img {width: 100%; margin-left: 0;}
   .paddudas, .padmobile{padding: 0 !important;}
   .slider-home{padding: 40px 0;}
   .menuOpen{float: right; margin-left: 10px;}
   .menun{width: 50px; float: right;}
   .menu-usuario {width: auto;}
   .login{width: 45px;}
   .logo-footer {width: 60%;}
   .boxnormas {width: 60%; height: auto; float: left; margin: 0 20% 20px 20%;}
   .redes {width: 60%; margin: 20px 20% 0 20%;}
   .boxbarra p, .datos-corroborados p {font-size: 13px; line-height: 16px;}
   .enviar-cotizacion p, .php1, .php2, .php3, .texto-modalidad, .texto-caracteristicas, .texto-caracteristicas2, .vision p, .mision p{font-size: 13px;}
   .mailcotizacion{width: 88%;}
   .wpc1, .wpc2, .wpc3, .wpc4, .wpc1 img, .wpc2 img, .wpc3 img, .wpc4 img {width: 100%;}
   .boxbarra{margin-top: 0;}
   .pcontactanos {font-size: 15px; margin: 30px 0; float: left;}
   .datos-corroborados{padding: 5px;}
   .bfp3-2 .btnblue2 {
     width: 100% !important;
     border: 2px solid #3158A3;
     margin-top: 10px;
     padding: 4px 0;
   }
   .bfp3-2 .btnwhite {
     margin-right: 0;
     width: 100%;
     height: 35px;
     padding: 4px 0;
     font-size: 18px;
   }
   .menue ul li a{padding-left: 30% !important;}
   .login-menu {padding-left: 24.4%;}
   .tel-footer {padding-left: 29%;}
   .menue .redes {margin: -1px 0 0 27%;}
   .menue ul li ul li a{padding-left: 27%;}
   nav.scroll .menu-usuario {margin-top: 0px;}
   .box-productos2{width: 100%; margin: 0;}
   .linktelpro{width: 100%; float: left;}
   .pasos-productos {padding-top: 30px;}
   .header-productos p, .header-seguimiento p, .header-divisiones p, .header-base p, .mensaje1, .mensaje2, .infocuenta {font-size: 15px; line-height: 20px;}
   .padaux{padding: 0 15px !important;}
   .backdudas {margin-top: -50%;}
   .dudas-envio{font-size: 15px; line-height: 25px;}
   .hpimgm {margin: 0 25% 30px 25%; width: 50%;}
   nav{height: 80px;}
   .frase-destacada {margin-top: 25%;}
   .descripcion-division p .parrafoempresa p {
     font-size: 13px;
     line-height: 18px;
     margin-bottom: 20px;
   }
   .descripcion-division, .imgv, .imgm, .mensaje2{margin-bottom: 20px;}
   .frase-destacada {
     font-size: 14px;
     line-height: 20px;
     margin-top: 30%;
   }
   .paddinimgl{padding-left: 21px;}
   #slider-contenedor1 {padding: 0 10px;}
   #slider-contenedor1 #agencias-gallery{padding: 0;}
   .boxvalores{padding-left: 30%;}
   .boxvalores p{font-size: 16px;}
   .h4flota {
     font-size: 13px;
     line-height: 20px;
     max-width: 100%;
     padding: 0 10px;
   }
   .box-flota-individual {min-height: 325px; height: auto;}
   .pregunta2 img {
     width: 60%;
     float: right;
     margin-top: 5px;
   }
   .tah{margin-top: -5px;}
   .headerregistro{padding-top: 80px; padding-bottom: 15px;}
   .head .menu a.bot {padding-left: 33% !important;}
   .retiroorigen .containerc{padding-top: 15px;}
   .imgnormativa img{width: 70%;}
 }
 @media screen and (max-width: 430px){
   .box-btn-pago{width: 100%; height: auto; float: left; margin-bottom: 10px;}
   .btn-pago {width: 100%; height: auto;}
   .btn-pago img {height: 40px; width: auto;}
 }
 
 @media screen and (max-width: 420px){
   .header-cotiza h1, .headerregistro h1, .header-productos h1, .header-seguimiento h1, .header-productos-individual h1, 
   .header-divisiones h1, .header-base h1, .nueva-normativa h3 {font-size: 30px; line-height: 40px;}
   .big-comilla {width: 30px; font-size: 60px; line-height: 100px;}
   .opinion {width: calc(100% - 60px);}
   .logo-menu{width: 180px;}
   .logo-header {margin: 7px 0 0 5%;}
   nav, header{height: 65px;}
   .caracteristicas-productos h3, .modalidad-envio h3, .h3conocemas, .h3empresa {font-size: 25px; margin-bottom: 25px; line-height: 35px;}
   .title-modalidad {font-size: 20px; line-height: 10px;}
   .imge2 img{width: 100%;}
   .btnpagos{margin: 0 !important; width: 100%; float: left; padding: 0 10px;}
 }
 
 @media screen and (max-width: 372px){
   .linktelpro {width: auto; float: none;}
   .logo-header {margin: 12px 0 0 5%;}
 }
 
 @media screen and (max-width: 360px){
   .containerc {
       font-size: 12px;
       padding-top: 3px;
   }
   .retiroorigen .containerc .checkmark {
       top: 14px;
   }
   .checkregister p {
       font-size: 12px;
   }
   .btnblue2 {
       height: 36px;
       padding: 6px 0px;
       font-size: 18px;
   }
   .boxvalores{padding-left: 18%;}
   .headerregistro h1{font-size: 24px; line-height: 30px;}
   .nueva-normativa p {
     font-size: 12px;
   }
   
 }
 
 @media screen and (max-width: 320px){
     .imgcotiza p {font-size: 16px; line-height: 20px;} 
 }