@font-face {
    font-family: hw-font;
    src: url(../fonts/kvk33b9w.eot);
    src: url(../fonts/kvk33b9w.eot?#iefix) format("embedded-opentype"), url(../fonts/kvk33b9w.woff2) format("woff2"), url(../fonts/kvk33b9w.woff) format("woff"),
        url(../fonts/kvk33b9w.ttf) format("truetype"), url(../fonts/kvk33b9w.svg?#r4m-icon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.r4m-icon {
    font-family: hw-font;
    font-style: normal;
    font-weight: 400;
    speak: none;
    position: relative;
    color: #515151;
    font-size: 24px;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    line-height: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.r4m-icon:after {
    top: 0;
    left: 0;
    position: absolute;
    color: #ff7400;
}
.r4m-icon:before {
    content: "\e800";
}
.r4m-icon.a01:before {
    content: "\e800";
}
.r4m-icon.a02-next:before {
    content: "\e801";
}
.r4m-icon.a03-check:before {
    content: "\e802";
}
.r4m-icon.academics:before {
    content: "\e803";
}
.r4m-icon.academics:after {
    content: "\e804";
}
.r4m-icon.additional-account-users:before {
    content: "\e805";
}
.r4m-icon.additional-account-users:after {
    content: "\e806";
}
.r4m-icon.address-book-and-territories:before {
    content: "\e807";
}
.r4m-icon.address-book-and-territories:after {
    content: "\e808";
}
.r4m-icon.address-book-custom-data:before {
    content: "\e809";
}
.r4m-icon.address-book-custom-data:after {
    content: "\e80a";
}
.r4m-icon.address-book-management:before {
    content: "\e80b";
}
.r4m-icon.address-book-management:after {
    content: "\e80c";
}
.r4m-icon.advanced-data-export:before {
    content: "\e80d";
}
.r4m-icon.advanced-data-export:after {
    content: "\e80e";
}
.r4m-icon.advanced-reporting:before {
    content: "\e80f";
}
.r4m-icon.advanced-reporting:after {
    content: "\e810";
}
.r4m-icon.advanced-search-groups-with-constraint-filters:before {
    content: "\e811";
}
.r4m-icon.advanced-search-groups-with-constraint-filters:after {
    content: "\e812";
}
.r4m-icon.advanced-team-management:before {
    content: "\e813";
}
.r4m-icon.advanced-team-management:after {
    content: "\e814";
}
.r4m-icon.ai-customer-scheduling:before {
    content: "\e815";
}
.r4m-icon.ai-customer-scheduling:after {
    content: "\e816";
}
.r4m-icon.ai-powered-customer-service:before {
    content: "\e817";
}
.r4m-icon.ai-powered-customer-service:after {
    content: "\e818";
}
.r4m-icon.android-app:before {
    content: "\e819";
}
.r4m-icon.android-app:after {
    content: "\e81a";
}
.r4m-icon.api:before {
    content: "\e81b";
}
.r4m-icon.api:after {
    content: "\e81c";
}
.r4m-icon.armored-truck-transport:before {
    content: "\e81d";
}
.r4m-icon.armored-truck-transport:after {
    content: "\e81e";
}
.r4m-icon.audit-logging-and-activity-stream:before {
    content: "\e81f";
}
.r4m-icon.audit-logging-and-activity-stream:after {
    content: "\e820";
}
.r4m-icon.automated-route-simulations:before {
    content: "\e821";
}
.r4m-icon.automated-route-simulations:after {
    content: "\e822";
}
.r4m-icon.automated-territory-alignment:before {
    content: "\e823";
}
.r4m-icon.automated-territory-alignment:after {
    content: "\e824";
}
.r4m-icon.automated-territory-optimization-and-balancing:before {
    content: "\e825";
}
.r4m-icon.automated-territory-optimization-and-balancing:after {
    content: "\e826";
}
.r4m-icon.autonomous-vehicle-dispatch:before {
    content: "\e827";
}
.r4m-icon.autonomous-vehicle-dispatch:after {
    content: "\e828";
}
.r4m-icon.autonomous-vehicle-route-optimization:before {
    content: "\e829";
}
.r4m-icon.autonomous-vehicle-route-optimization:after {
    content: "\e82a";
}
.r4m-icon.autonomous-vehicle-scheduling:before {
    content: "\e82b";
}
.r4m-icon.autonomous-vehicle-scheduling:after {
    content: "\e82c";
}
.r4m-icon.beverage-machine-refills:before {
    content: "\e82d";
}
.r4m-icon.beverage-machine-refills:after {
    content: "\e82e";
}
.r4m-icon.biking-routes:before {
    content: "\e82f";
}
.r4m-icon.biking-routes:after {
    content: "\e830";
}
.r4m-icon.blog-posts:before {
    content: "\e831";
}
.r4m-icon.blog-posts:after {
    content: "\e832";
}
.r4m-icon.bulk-geocoder:before {
    content: "\e833";
}
.r4m-icon.bulk-geocoder:after {
    content: "\e834";
}
.r4m-icon.business-hours-of-service:before {
    content: "\e835";
}
.r4m-icon.business-hours-of-service:after {
    content: "\e836";
}
.r4m-icon.cable-and-telecom:before {
    content: "\e837";
}
.r4m-icon.cable-and-telecom:after {
    content: "\e838";
}
.r4m-icon.cannabis-delivery:before {
    content: "\e839";
}
.r4m-icon.cannabis-delivery:after {
    content: "\e83a";
}
.r4m-icon.cart:before {
    content: "\e83b";
}
.r4m-icon.close:before {
    content: "\e83c";
}
.r4m-icon.commercial-truck-route-optimization:before {
    content: "\e83d";
}
.r4m-icon.commercial-truck-route-optimization:after {
    content: "\e83e";
}
.r4m-icon.commercial-vehicle-route-optimization:before {
    content: "\e83f";
}
.r4m-icon.commercial-vehicle-route-optimization:after {
    content: "\e840";
}
.r4m-icon.commercial-voice-navigation:before {
    content: "\e841";
}
.r4m-icon.commercial-voice-navigation:after {
    content: "\e842";
}
.r4m-icon.congregation-detection:before {
    content: "\e843";
}
.r4m-icon.congregation-detection:after {
    content: "\e844";
}
.r4m-icon.constraint-avoidance-zones:before {
    content: "\e845";
}
.r4m-icon.constraint-avoidance-zones:after {
    content: "\e846";
}
.r4m-icon.constraint-cube:before {
    content: "\e847";
}
.r4m-icon.constraint-cube:after {
    content: "\e848";
}
.r4m-icon.constraint-driver-skills:before {
    content: "\e849";
}
.r4m-icon.constraint-driver-skills:after {
    content: "\e84a";
}
.r4m-icon.constraint-dynamic-fleet-sizing:before {
    content: "\e84b";
}
.r4m-icon.constraint-dynamic-fleet-sizing:after {
    content: "\e84c";
}
.r4m-icon.constraint-dynamic-service-times:before {
    content: "\e84d";
}
.r4m-icon.constraint-dynamic-service-times:after {
    content: "\e84e";
}
.r4m-icon.constraint-max-route-distance:before {
    content: "\e84f";
}
.r4m-icon.constraint-max-route-distance:after {
    content: "\e850";
}
.r4m-icon.constraint-max-stops-per-route:before {
    content: "\e851";
}
.r4m-icon.constraint-max-stops-per-route:after {
    content: "\e852";
}
.r4m-icon.constraint-multiple-depot:before {
    content: "\e853";
}
.r4m-icon.constraint-multiple-depot:after {
    content: "\e854";
}
.r4m-icon.constraint-pieces-constraint:before {
    content: "\e855";
}
.r4m-icon.constraint-pieces-constraint:after {
    content: "\e856";
}
.r4m-icon.constraint-predictive-traffic-optimization:before {
    content: "\e857";
}
.r4m-icon.constraint-predictive-traffic-optimization:after {
    content: "\e858";
}
.r4m-icon.constraint-predictive-weather:before {
    content: "\e859";
}
.r4m-icon.constraint-predictive-weather:after {
    content: "\e85a";
}
.r4m-icon.constraint-priority:before {
    content: "\e85b";
}
.r4m-icon.constraint-priority:after {
    content: "\e85c";
}
.r4m-icon.constraint-revenue-per-route:before {
    content: "\e85d";
}
.r4m-icon.constraint-revenue-per-route:after {
    content: "\e85e";
}
.r4m-icon.constraint-route-balancing:before {
    content: "\e85f";
}
.r4m-icon.constraint-route-balancing:after {
    content: "\e860";
}
.r4m-icon.constraint-route-time-duration-constraction:before {
    content: "\e861";
}
.r4m-icon.constraint-route-time-duration-constraction:after {
    content: "\e862";
}
.r4m-icon.constraint-time-windows:before {
    content: "\e863";
}
.r4m-icon.constraint-time-windows:after {
    content: "\e864";
}
.r4m-icon.constraint-weight-constraint:before {
    content: "\e865";
}
.r4m-icon.constraint-weight-constraint:after {
    content: "\e866";
}
.r4m-icon.construction-and-heavy-equipment:before {
    content: "\e867";
}
.r4m-icon.construction-and-heavy-equipment:after {
    content: "\e868";
}
.r4m-icon.contact:before {
    content: "\e869";
}
.r4m-icon.contact:after {
    content: "\e86a";
}
.r4m-icon.cost-management:before {
    content: "\e86b";
}
.r4m-icon.cost-management:after {
    content: "\e86c";
}
.r4m-icon.courier-delivery:before {
    content: "\e86d";
}
.r4m-icon.courier-delivery:after {
    content: "\e86e";
}
.r4m-icon.curbside-delivery:before {
    content: "\e871";
}
.r4m-icon.curbside-delivery:after {
    content: "\e872";
}
.r4m-icon.curbside-pickup:before {
    content: "\e873";
}
.r4m-icon.curbside-pickup:after {
    content: "\e874";
}
.r4m-icon.custom-data:before {
    content: "\e875";
}
.r4m-icon.custom-data:after {
    content: "\e876";
}
.r4m-icon.customer-alerting-and-notifications:before {
    content: "\e877";
}
.r4m-icon.customer-alerting-and-notifications:after {
    content: "\e878";
}
.r4m-icon.customer-portal:before {
    content: "\e879";
}
.r4m-icon.customer-portal:after {
    content: "\e87a";
}
.r4m-icon.delivery-and-pickup-confirmation:before {
    content: "\e87b";
}
.r4m-icon.delivery-and-pickup-confirmation:after {
    content: "\e87c";
}
.r4m-icon.demand-shaping:before {
    content: "\e87d";
}
.r4m-icon.demand-shaping:after {
    content: "\e87e";
}
.r4m-icon.dispatch:before {
    content: "\e87f";
}
.r4m-icon.dispatch:after {
    content: "\e880";
}
.r4m-icon.distribution:before {
    content: "\e881";
}
.r4m-icon.distribution:after {
    content: "\e882";
}
.r4m-icon.driver-breaks-insertion:before {
    content: "\e883";
}
.r4m-icon.driver-breaks-insertion:after {
    content: "\e884";
}
.r4m-icon.drone-route-optimization:before {
    content: "\e885";
}
.r4m-icon.drone-route-optimization:after {
    content: "\e886";
}
.r4m-icon.dsd-direct-store-delivery:before {
    content: "\e887";
}
.r4m-icon.dsd-direct-store-delivery:after {
    content: "\e888";
}
.r4m-icon.dynamic-directed-fueling-optimization:before {
    content: "\e889";
}
.r4m-icon.dynamic-directed-fueling-optimization:after {
    content: "\e88a";
}
.r4m-icon.dynamic-e-commerce-order-dispatch:before {
    content: "\e88b";
}
.r4m-icon.dynamic-e-commerce-order-dispatch:after {
    content: "\e88c";
}
.r4m-icon.dynamic-geofencing:before {
    content: "\e88d";
}
.r4m-icon.dynamic-geofencing:after {
    content: "\e88e";
}
.r4m-icon.dynamic-predictive-manifests:before {
    content: "\e88f";
}
.r4m-icon.dynamic-predictive-manifests:after {
    content: "\e890";
}
.r4m-icon.dynamic-route-optimization:before {
    content: "\e891";
}
.r4m-icon.dynamic-route-optimization:after {
    content: "\e892";
}
.r4m-icon.e-books:before {
    content: "\e893";
}
.r4m-icon.e-books:after {
    content: "\e894";
}
.r4m-icon.ecommerce-magento:before {
    content: "\e895";
}
.r4m-icon.ecommerce-magento:after {
    content: "\e896";
}
.r4m-icon.ecommerce-shopify:before {
    content: "\e897";
}
.r4m-icon.ecommerce-shopify:after {
    content: "\e898";
}
.r4m-icon.ecommerce-woocommerce:before {
    content: "\e899";
}
.r4m-icon.ecommerce-woocommerce:after {
    content: "\e89a";
}
.r4m-icon.email-notification-completed:before {
    content: "\e89b";
}
.r4m-icon.email-notification-completed:after {
    content: "\e89c";
}
.r4m-icon.email-notification-geofence-entered:before {
    content: "\e89d";
}
.r4m-icon.email-notification-geofence-entered:after {
    content: "\e89e";
}
.r4m-icon.email-notification-geofence-left:before {
    content: "\e89f";
}
.r4m-icon.email-notification-geofence-left:after {
    content: "\e8a0";
}
.r4m-icon.email-notification-scheduled:before {
    content: "\e8a1";
}
.r4m-icon.email-notification-scheduled:after {
    content: "\e8a2";
}
.r4m-icon.email-notification-you-are-next:before {
    content: "\e8a3";
}
.r4m-icon.email-notification-you-are-next:after {
    content: "\e8a4";
}
.r4m-icon.environment:before {
    content: "\e8a5";
}
.r4m-icon.environment:after {
    content: "\e8a6";
}
.r4m-icon.field-service-marketing-sales-management:before {
    content: "\e8a7";
}
.r4m-icon.field-service-marketing-sales-management:after {
    content: "\e8a8";
}
.r4m-icon.fire-extinguishers:before {
    content: "\e8a9";
}
.r4m-icon.fire-extinguishers:after {
    content: "\e8aa";
}
.r4m-icon.food-and-beverage:before {
    content: "\e8ab";
}
.r4m-icon.food-and-beverage:after {
    content: "\e8ac";
}
.r4m-icon.food-delivery:before {
    content: "\e8ad";
}
.r4m-icon.food-delivery:after {
    content: "\e8ae";
}
.r4m-icon.geofence-analytics:before {
    content: "\e8af";
}
.r4m-icon.geofence-analytics:after {
    content: "\e8b0";
}
.r4m-icon.government-and-public-safety:before {
    content: "\e8b1";
}
.r4m-icon.government-and-public-safety:after {
    content: "\e8b2";
}
.r4m-icon.grocery-delivery:before {
    content: "\e8b3";
}
.r4m-icon.grocery-delivery:after {
    content: "\e8b4";
}
.r4m-icon.high-precision-tracking:before {
    content: "\e8b5";
}
.r4m-icon.high-precision-tracking:after {
    content: "\e8b6";
}
.r4m-icon.hipaa-compliance:before {
    content: "\e8b7";
}
.r4m-icon.hipaa-compliance:after {
    content: "\e8b8";
}
.r4m-icon.historical-tracking:before {
    content: "\e8b9";
}
.r4m-icon.historical-tracking:after {
    content: "\e8ba";
}
.r4m-icon.home-delivery:before {
    content: "\e8bb";
}
.r4m-icon.home-delivery:after {
    content: "\e8bc";
}
.r4m-icon.home-health:before {
    content: "\e8bd";
}
.r4m-icon.home-health:after {
    content: "\e8be";
}
.r4m-icon.ice-distribution:before {
    content: "\e8bf";
}
.r4m-icon.ice-distribution:after {
    content: "\e8c0";
}
.r4m-icon.industries:before {
    content: "\e8c1";
}
.r4m-icon.industries:after {
    content: "\e8c2";
}
.r4m-icon.inventory-management:before {
    content: "\e8c3";
}
.r4m-icon.inventory-management:after {
    content: "\e8c4";
}
.r4m-icon.ios-app:before {
    content: "\e8c5";
}
.r4m-icon.ios-app:after {
    content: "\e8c6";
}
.r4m-icon.iot-gateway:before {
    content: "\e8c7";
}
.r4m-icon.iot-gateway:after {
    content: "\e8c8";
}
.r4m-icon.landscaping:before {
    content: "\e8c9";
}
.r4m-icon.landscaping:after {
    content: "\e8ca";
}
.r4m-icon.location-cost-analysis:before {
    content: "\e8cb";
}
.r4m-icon.location-cost-analysis:after {
    content: "\e8cc";
}
.r4m-icon.login-history:before {
    content: "\e8cd";
}
.r4m-icon.login-history:after {
    content: "\e8ce";
}
.r4m-icon.login:before {
    content: "\e8cf";
}
.r4m-icon.login:after {
    content: "\e8d0";
}
.r4m-icon.logout:before {
    content: "\e8d1";
}
.r4m-icon.logout:after {
    content: "\e8d2";
}
.r4m-icon.lopdex-scoring:before {
    content: "\e8d3";
}
.r4m-icon.lopdex-scoring:after {
    content: "\e8d4";
}
.r4m-icon.marketplace:before {
    content: "\e8d5";
}
.r4m-icon.marketplace:after {
    content: "\e8d6";
}
.r4m-icon.master-route:before {
    content: "\e8d7";
}
.r4m-icon.master-route:after {
    content: "\e8d8";
}
.r4m-icon.medical-healthcare:before {
    content: "\e8d9";
}
.r4m-icon.medical-healthcare:after {
    content: "\e8da";
}
.r4m-icon.mixed-vehicles-fleet:before {
    content: "\e8db";
}
.r4m-icon.mixed-vehicles-fleet:after {
    content: "\e8dc";
}
.r4m-icon.mobile:before {
    content: "\e8dd";
}
.r4m-icon.mobile:after {
    content: "\e8de";
}
.r4m-icon.more:before {
    content: "\e8df";
}
.r4m-icon.more:after {
    content: "\e8e0";
}
.r4m-icon.near-real-time-tracking:before {
    content: "\e8e1";
}
.r4m-icon.near-real-time-tracking:after {
    content: "\e8e2";
}
.r4m-icon.notification-completed:before {
    content: "\e8e3";
}
.r4m-icon.notification-completed:after {
    content: "\e8e4";
}
.r4m-icon.notification-geofence-entered:before {
    content: "\e8e5";
}
.r4m-icon.notification-geofence-entered:after {
    content: "\e8e6";
}
.r4m-icon.notification-geofence-left:before {
    content: "\e8e7";
}
.r4m-icon.notification-geofence-left:after {
    content: "\e8e8";
}
.r4m-icon.notification-report:before {
    content: "\e8e9";
}
.r4m-icon.notification-report:after {
    content: "\e8ea";
}
.r4m-icon.notification-scheduled:before {
    content: "\e8eb";
}
.r4m-icon.notification-scheduled:after {
    content: "\e8ec";
}
.r4m-icon.notification-you-are-next:before {
    content: "\e8ed";
}
.r4m-icon.notification-you-are-next:after {
    content: "\e8ee";
}
.r4m-icon.notifications-history:before {
    content: "\e8ef";
}
.r4m-icon.notifications-history:after {
    content: "\e8f0";
}
.r4m-icon.oil-gas-and-mining:before {
    content: "\e8f1";
}
.r4m-icon.oil-gas-and-mining:after {
    content: "\e8f2";
}
.r4m-icon.onroad-vs-offroad-analytics:before {
    content: "\e8f3";
}
.r4m-icon.onroad-vs-offroad-analytics:after {
    content: "\e8f4";
}
.r4m-icon.operation-assessment:before {
    content: "\e8f5";
}
.r4m-icon.operation-assessment:after {
    content: "\e8f6";
}
.r4m-icon.operational-analytics:before {
    content: "\e8f7";
}
.r4m-icon.operational-analytics:after {
    content: "\e8f8";
}
.r4m-icon.operational-auditing:before {
    content: "\e8f9";
}
.r4m-icon.operational-auditing:after {
    content: "\e8fa";
}
.r4m-icon.operational-fraud-analytics:before {
    content: "\e8fb";
}
.r4m-icon.operational-fraud-analytics:after {
    content: "\e8fc";
}
.r4m-icon.operational-gamification:before {
    content: "\e8fd";
}
.r4m-icon.operational-gamification:after {
    content: "\e8fe";
}
.r4m-icon.operational-insights:before {
    content: "\e8ff";
}
.r4m-icon.operational-insights:after {
    content: "\e900";
}
.r4m-icon.operational-orchestration:before {
    content: "\e901";
}
.r4m-icon.operational-orchestration:after {
    content: "\e902";
}
.r4m-icon.operational-reporting:before {
    content: "\e903";
}
.r4m-icon.operational-reporting:after {
    content: "\e904";
}
.r4m-icon.order-custom-fields:before {
    content: "\e905";
}
.r4m-icon.order-custom-fields:after {
    content: "\e906";
}
.r4m-icon.paper-shredding:before {
    content: "\e907";
}
.r4m-icon.paper-shredding:after {
    content: "\e908";
}
.r4m-icon.pest-control:before {
    content: "\e909";
}
.r4m-icon.pest-control:after {
    content: "\e90a";
}
.r4m-icon.pharmaceutical-delivery:before {
    content: "\e90b";
}
.r4m-icon.pharmaceutical-delivery:after {
    content: "\e90c";
}
.r4m-icon.pick-and-pack-optimization:before {
    content: "\e90d";
}
.r4m-icon.pick-and-pack-optimization:after {
    content: "\e90e";
}
.r4m-icon.pickup-dropoff-routing:before {
    content: "\e90f";
}
.r4m-icon.pickup-dropoff-routing:after {
    content: "\e910";
}
.r4m-icon.plan-recurring-routing-ai-plus:before {
    content: "\e911";
}
.r4m-icon.plan-recurring-routing-ai-plus:after {
    content: "\e912";
}
.r4m-icon.plan-recurring-routing-plus:before {
    content: "\e913";
}
.r4m-icon.plan-recurring-routing-plus:after {
    content: "\e914";
}
.r4m-icon.plan-recurring-routing:before {
    content: "\e915";
}
.r4m-icon.plan-recurring-routing:after {
    content: "\e916";
}
.r4m-icon.plan-route-management:before {
    content: "\e917";
}
.r4m-icon.plan-route-management:after {
    content: "\e918";
}
.r4m-icon.plan-route-optimization-plus:before {
    content: "\e919";
}
.r4m-icon.plan-route-optimization-plus:after {
    content: "\e91a";
}
.r4m-icon.plan-route-optimization:before {
    content: "\e91b";
}
.r4m-icon.plan-route-optimization:after {
    content: "\e91c";
}
.r4m-icon.plan-territory-management-advanced:before {
    content: "\e91d";
}
.r4m-icon.plan-territory-management-advanced:after {
    content: "\e91e";
}
.r4m-icon.plan-territory-management:before {
    content: "\e91f";
}
.r4m-icon.plan-territory-management:after {
    content: "\e920";
}
.r4m-icon.plan-territory-optimization-automatic:before {
    content: "\e921";
}
.r4m-icon.plan-territory-optimization-automatic:after {
    content: "\e922";
}
.r4m-icon.plumbing-and-hvac:before {
    content: "\e923";
}
.r4m-icon.plumbing-and-hvac:after {
    content: "\e924";
}
.r4m-icon.portable-toilet:before {
    content: "\e925";
}
.r4m-icon.portable-toilet:after {
    content: "\e926";
}
.r4m-icon.predictive-traffic-route-optimization:before {
    content: "\e927";
}
.r4m-icon.predictive-traffic-route-optimization:after {
    content: "\e928";
}
.r4m-icon.predictive-weather-route-optimization:before {
    content: "\e929";
}
.r4m-icon.predictive-weather-route-optimization:after {
    content: "\e92a";
}
.r4m-icon.premium-support-turbo:before {
    content: "\e92b";
}
.r4m-icon.premium-support-turbo:after {
    content: "\e92c";
}
.r4m-icon.premium-support-v12:before {
    content: "\e92d";
}
.r4m-icon.premium-support-v12:after {
    content: "\e92e";
}
.r4m-icon.premium-support-v6:before {
    content: "\e92f";
}
.r4m-icon.premium-support-v6:after {
    content: "\e930";
}
.r4m-icon.premium-support-v8:before {
    content: "\e931";
}
.r4m-icon.premium-support-v8:after {
    content: "\e932";
}
.r4m-icon.pricing:before {
    content: "\e933";
}
.r4m-icon.pricing:after {
    content: "\e934";
}
.r4m-icon.professional-services:before {
    content: "\e935";
}
.r4m-icon.professional-services:after {
    content: "\e936";
}
.r4m-icon.pumping-and-liquid-waste:before {
    content: "\e937";
}
.r4m-icon.pumping-and-liquid-waste:after {
    content: "\e938";
}
.r4m-icon.real-time-customer-alerts-with-advanced-workflows:before {
    content: "\e939";
}
.r4m-icon.real-time-customer-alerts-with-advanced-workflows:after {
    content: "\e93a";
}
.r4m-icon.real-time-customer-alerts:before {
    content: "\e93b";
}
.r4m-icon.real-time-customer-alerts:after {
    content: "\e93c";
}
.r4m-icon.real-time-inbound-logistics:before {
    content: "\e93d";
}
.r4m-icon.real-time-inbound-logistics:after {
    content: "\e93e";
}
.r4m-icon.real-time-load-planning-optimization:before {
    content: "\e93f";
}
.r4m-icon.real-time-load-planning-optimization:after {
    content: "\e940";
}
.r4m-icon.real-time-search:before {
    content: "\e941";
}
.r4m-icon.real-time-search:after {
    content: "\e942";
}
.r4m-icon.real-time-tracking:before {
    content: "\e943";
}
.r4m-icon.real-time-tracking:after {
    content: "\e944";
}
.r4m-icon.real-time-traffic-manifests:before {
    content: "\e945";
}
.r4m-icon.real-time-traffic-manifests:after {
    content: "\e946";
}
.r4m-icon.recurring-route-optimization:before {
    content: "\e947";
}
.r4m-icon.recurring-route-optimization:after {
    content: "\e948";
}
.r4m-icon.recycling:before {
    content: "\e949";
}
.r4m-icon.recycling:after {
    content: "\e94a";
}
.r4m-icon.road-network-optimization:before {
    content: "\e94b";
}
.r4m-icon.road-network-optimization:after {
    content: "\e94c";
}
.r4m-icon.route-accounting:before {
    content: "\e94d";
}
.r4m-icon.route-accounting:after {
    content: "\e94e";
}
.r4m-icon.route-consolidation:before {
    content: "\e94f";
}
.r4m-icon.route-consolidation:after {
    content: "\e950";
}
.r4m-icon.route-management:before {
    content: "\e951";
}
.r4m-icon.route-management:after {
    content: "\e952";
}
.r4m-icon.route-ocr:before {
    content: "\e953";
}
.r4m-icon.route-ocr:after {
    content: "\e954";
}
.r4m-icon.route-optimization-multiple-drivers:before {
    content: "\e955";
}
.r4m-icon.route-optimization-multiple-drivers:after {
    content: "\e956";
}
.r4m-icon.route-optimization-single-driver:before {
    content: "\e957";
}
.r4m-icon.route-optimization-single-driver:after {
    content: "\e958";
}
.r4m-icon.route-recurring-schedules:before {
    content: "\e959";
}
.r4m-icon.route-recurring-schedules:after {
    content: "\e95a";
}
.r4m-icon.route4me-smartphone-app-gps-tracking:before {
    content: "\e95b";
}
.r4m-icon.route4me-smartphone-app-gps-tracking:after {
    content: "\e95c";
}
.r4m-icon.routeml:before {
    content: "\e95d";
}
.r4m-icon.routeml:after {
    content: "\e95e";
}
.r4m-icon.routing-add-on-left-turns:before {
    content: "\e95f";
}
.r4m-icon.routing-add-on-left-turns:after {
    content: "\e960";
}
.r4m-icon.routing-add-on-right-turns:before {
    content: "\e961";
}
.r4m-icon.routing-add-on-right-turns:after {
    content: "\e962";
}
.r4m-icon.safety-stickers:before {
    content: "\e963";
}
.r4m-icon.safety-stickers:after {
    content: "\e964";
}
.r4m-icon.search:before {
    content: "\e965";
}
.r4m-icon.security-patrol:before {
    content: "\e966";
}
.r4m-icon.security-patrol:after {
    content: "\e967";
}
.r4m-icon.security:before {
    content: "\e968";
}
.r4m-icon.security:after {
    content: "\e969";
}
.r4m-icon.services:before {
    content: "\e96a";
}
.r4m-icon.services:after {
    content: "\e96b";
}
.r4m-icon.sftp-route-optimization:before {
    content: "\e96c";
}
.r4m-icon.sftp-route-optimization:after {
    content: "\e96d";
}
.r4m-icon.sign-up:before {
    content: "\e96e";
}
.r4m-icon.sign-up:after {
    content: "\e96f";
}
.r4m-icon.signature-capture:before {
    content: "\e970";
}
.r4m-icon.signature-capture:after {
    content: "\e971";
}
.r4m-icon.signup:before {
    content: "\e972";
}
.r4m-icon.signup:after {
    content: "\e973";
}
.r4m-icon.smart-optimizations:before {
    content: "\e974";
}
.r4m-icon.smart-optimizations:after {
    content: "\e975";
}
.r4m-icon.smartzone-routing:before {
    content: "\e976";
}
.r4m-icon.smartzone-routing:after {
    content: "\e977";
}
.r4m-icon.snow-removal:before {
    content: "\e978";
}
.r4m-icon.snow-removal:after {
    content: "\e979";
}
.r4m-icon.speed-violations:before {
    content: "\e97a";
}
.r4m-icon.speed-violations:after {
    content: "\e97b";
}
.r4m-icon.sso:before {
    content: "\e97c";
}
.r4m-icon.sso:after {
    content: "\e97d";
}
.r4m-icon.stops-bundling:before {
    content: "\e97e";
}
.r4m-icon.stops-bundling:after {
    content: "\e97f";
}
.r4m-icon.support:before {
    content: "\e980";
}
.r4m-icon.support:after {
    content: "\e981";
}
.r4m-icon.telematics-gateway:before {
    content: "\e982";
}
.r4m-icon.telematics-gateway:after {
    content: "\e983";
}
.r4m-icon.telematics-gps-tracking_2:before {
    content: "\e984";
}
.r4m-icon.telematics-gps-tracking_2:after {
    content: "\e985";
}
.r4m-icon.telematics4me-telematics-viewer:before {
    content: "\e986";
}
.r4m-icon.telematics4me-telematics-viewer:after {
    content: "\e987";
}
.r4m-icon.territory-management:before {
    content: "\e988";
}
.r4m-icon.territory-management:after {
    content: "\e989";
}
.r4m-icon.territory-optimization:before {
    content: "\e98a";
}
.r4m-icon.territory-optimization:after {
    content: "\e98b";
}
.r4m-icon.third-party-telematics-assets:before {
    content: "\e98c";
}
.r4m-icon.third-party-telematics-assets:after {
    content: "\e98d";
}
.r4m-icon.training:before {
    content: "\e98e";
}
.r4m-icon.training:after {
    content: "\e98f";
}
.r4m-icon.transportation:before {
    content: "\e990";
}
.r4m-icon.transportation:after {
    content: "\e991";
}
.r4m-icon.ultra-high-resolution-route-mapping:before {
    content: "\e992";
}
.r4m-icon.ultra-high-resolution-route-mapping:after {
    content: "\e993";
}
.r4m-icon.upload:before {
    content: "\e994";
}
.r4m-icon.utilities:before {
    content: "\e995";
}
.r4m-icon.utilities:after {
    content: "\e996";
}
.r4m-icon.vehicle-inventory:before {
    content: "\e997";
}
.r4m-icon.vehicle-inventory:after {
    content: "\e998";
}
.r4m-icon.vehicle-profile:before {
    content: "\e999";
}
.r4m-icon.vehicle-profile:after {
    content: "\e99a";
}
.r4m-icon.vehicle-recall-management:before {
    content: "\e99b";
}
.r4m-icon.vehicle-recall-management:after {
    content: "\e99c";
}
.r4m-icon.vendor-management:before {
    content: "\e99d";
}
.r4m-icon.vendor-management:after {
    content: "\e99e";
}
.r4m-icon.voice-navigation:before {
    content: "\e99f";
}
.r4m-icon.voice-navigation:after {
    content: "\e9a0";
}
.r4m-icon.webinars:before {
    content: "\e9a1";
}
.r4m-icon.webinars:after {
    content: "\e9a2";
}
.r4m-icon.zebra-app:before {
    content: "\e9a3";
}
.r4m-icon.zebra-app:after {
    content: "\e9a4";
}
@charset "UTF-8";
#menu-container #search-bar {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
#menu-container #search-bar > div {
    overflow: hidden;
    width: 0;
    display: flex;
    position: absolute;
    z-index: 10002;
    top: 15px;
    right: 20px;
    left: 180px;
    align-items: center;
}
#menu-container #search-bar > div > form {
    flex: 1 1 auto;
}
#menu-container #search-bar > div > form amp-autocomplete {
    width: 100%;
}
#menu-container #search-bar > div > form input {
    background-color: #ededed;
    border: none;
    width: 100%;
    padding-right: 68px;
    padding-left: 20px;
    color: #333;
    line-height: 28px;
    font-size: 18px;
}
#menu-container #search-bar > div > form div {
    width: 100%;
    margin-left: 0;
}
#menu-container #search-bar > div > .close {
    color: #555;
    cursor: pointer;
    position: absolute;
    right: 40px;
}
#menu-container #search-bar > div > .search {
    color: #555;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
#menu-container #search-bar .autocomplete-partial {
    color: #92c836;
}
#menu-container #search-bar .search-results-item {
    font-size: 14px;
}
#menu-container #search-bar .cat {
    font-size: 12px;
}
#menu-container .search-fade {
    display: none;
    position: fixed;
    background-color: transparent;
    transition: background-color 0.2s;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
}
#menu-container.search-mode .search-fade {
    display: block;
}
#menu-container.search-mode #search-bar > div {
    overflow: visible;
    width: auto;
}
#menu-container.search-mode #icon-bar {
    display: none;
}
@media only screen and (min-width: 1256px) {
    #menu-container.search-mode .level1 {
        display: none;
    }
}
#menu-container.search-mode #search-bar > div {
    left: 180px;
}
@media only screen and (max-width: 1255px) {
    #menu-container.search-mode #search-bar > div {
        left: 220px;
    }
}
@media only screen and (max-width: 550px) {
    #menu-container.search-mode > #menu-bar > .logo {
        display: none;
    }
    #menu-container.search-mode #search-bar > div {
        left: 60px;
    }
}
#menu-container input#search-field {
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0.5rem;
}
.autocomplete {
    z-index: 10000;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    color: #555;
    margin-top: 5px;
    font-size: 14px;
    overflow-y: auto;
}
.autocomplete .item {
    display: block;
    cursor: pointer;
    padding: 5px 20px;
}
.autocomplete .item:hover {
    color: #333;
    background-color: rgba(0, 0, 0, 0.05);
}
.autocomplete .item.selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.autocomplete .item.hidden {
    display: none;
}
.autocomplete .group {
    padding: 20px 20px 5px;
    font-size: 12px;
    font-weight: 700;
}
.micro-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.micro-scroll::-webkit-scrollbar-corner,
.micro-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}
.micro-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    position: relative;
    -webkit-transition: background 0.2s;
    border-radius: 3px;
}
.micro-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.22);
    position: relative;
    -webkit-transition: background 0.2s;
}
.micro-scroll.w::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, 0.15);
}
.micro-scroll.w::-webkit-scrollbar-thumb:hover {
    background: hsla(0, 0%, 100%, 0.25);
}
#r4m_cookie_consent {
    z-index: 11000;
}
#global-menu,
#promo-bar {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #555;
    background-color: #fff;
}
#global-menu *,
#promo-bar * {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
#global-menu ol,
#global-menu ul,
#promo-bar ol,
#promo-bar ul {
    list-style: none;
}
#global-menu a,
#promo-bar a {
    color: #0071ef;
    text-decoration: none;
}
#global-menu a:active,
#global-menu a:hover,
#promo-bar a:active,
#promo-bar a:hover {
    color: #3978be;
}
amp-img > div .amp-active {
    background-color: transparent;
}
#promo-bar {
    background-color: #334799;
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.13);
}
#promo-bar > .wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 20px;
    color: hsla(0, 0%, 100%, 0.7);
    text-align: right;
    max-width: 100%;
    margin: 0 auto;
    font-size: 11px;
    line-height: 11px;
}
@media only screen and (max-width: 540px) {
    #promo-bar > .wrapper {
        flex-direction: column;
        align-items: flex-end;
        padding: 20px;
    }
    #promo-bar > .wrapper .speak-to-us {
        margin-bottom: 10px;
    }
}
#promo-bar > .wrapper a.phone {
    color: hsla(0, 0%, 100%, 0.8);
    font-weight: 300;
    font-size: 22px;
    line-height: 26px;
    text-decoration: none;
}
#promo-bar > .wrapper a.phone:hover {
    color: #fff;
}
#promo-bar > .wrapper a.trial-button {
    margin: 0 0 0 25px;
    display: inline-block;
    padding: 10px 30px;
    background-color: #92c836;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 4px;
    color: #fff;
    transition: all 0.1s;
}
#promo-bar > .wrapper a.trial-button:focus,
#promo-bar > .wrapper a.trial-button:hover {
    text-decoration: none;
    box-shadow: 0 0 10px rgba(200, 255, 200, 0.2);
}
#global-menu {
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#global-menu > amp-script {
    opacity: 1;
}
.promo-menu-wrapper {
    position: sticky;
    top: 0;
    z-index: 10000;
}
#menu-container {
    position: relative;
    line-height: 1.4em;
    height: 68px;
    background: #fff;
}
#menu-container .l,
#menu-container a {
    text-decoration: none;
    color: #515151;
    transition: color 0.15s ease-in-out;
}
#menu-container .l:active,
#menu-container .l:hover,
#menu-container a:active,
#menu-container a:hover {
    color: #4c86d3;
}
#menu-container #menu-bar {
    margin: 0 auto;
    max-width: 100%;
}
#menu-container .logo {
    display: inline-block;
    background: 0 0;
    margin: 16px 28px 0;
    vertical-align: top;
}
#menu-container .hamburger {
    display: none;
    position: absolute;
    left: 22px;
    top: 22px;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 2px;
}
#menu-container .hamburger > span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px 0;
    position: relative;
    background-color: #444;
    opacity: 0.8;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
#menu-container .hamburger > span:first-child {
    transform-origin: 1px 1px;
}
#menu-container .hamburger > span:last-child {
    transform-origin: 2px 1px;
}
#menu-container .hamburger:hover > span {
    opacity: 1;
}
#menu-container .menu-fade {
    display: block;
    position: fixed;
    background-color: transparent;
    transition: background-color 0.2s;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    visibility: hidden;
    overflow: auto;
    -ms-overflow-style: none;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}
#menu-container .menu-fade:after {
    content: "";
    display: block;
    height: 101%;
}
#menu-container .menu-fade::-webkit-scrollbar {
    display: none;
}
@media only screen and (max-width: 1255px) {
    #menu-container .logo {
        margin-left: 65px;
    }
    #menu-container .hamburger {
        display: block;
    }
    #menu-container .level1 {
        position: fixed;
        width: 320px;
        left: -320px;
        transition: left 0.2s;
        top: 0;
        bottom: 0;
    }
    #menu-container .level1.menu-active {
        z-index: 1;
        left: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    #menu-container .level1.menu-active ~ .hamburger {
        position: fixed;
        z-index: 1;
    }
    #menu-container .level1.menu-active ~ .hamburger span {
        opacity: 0;
        transform: scale(0.2);
        background-color: #fff;
    }
    #menu-container .level1.menu-active ~ .hamburger span:first-child {
        opacity: 1;
        transform: translate(4px) rotate(45deg);
    }
    #menu-container .level1.menu-active ~ .hamburger span:last-child {
        opacity: 1;
        transform: translate(4px) rotate(-45deg);
    }
    #menu-container .level1.menu-active ~ .menu-fade {
        visibility: visible;
        background-color: rgba(0, 0, 0, 0.4);
    }
}
#menu-container #icon-bar {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
#menu-container #icon-bar > .icons {
    position: absolute;
    right: 0;
    top: 0;
    height: 68px;
    display: flex;
    align-items: center;
    padding-right: 20px;
}
#menu-container #icon-bar > .icons i {
    color: #555;
}
#menu-container #icon-bar > .icons > * {
    margin-left: 16px;
    position: relative;
    cursor: pointer;
}
#menu-container #icon-bar > .icons > a.mini-cart[data-count]:after {
    content: attr(data-count);
    position: absolute;
    top: -3px;
    left: 10px;
    padding: 0 4px;
    border-radius: 8px;
    line-height: 14px;
    color: #fff;
    background-color: #ff7400;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    border: 1px solid #fff;
    width: auto;
    min-width: 6px;
    height: 16px;
    box-sizing: border-box;
}
#menu-container .l {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 1.2em;
}
#menu-container .l i {
    position: absolute;
    left: 10px;
    top: 22px;
}
#menu-container .l .description {
    line-height: 1em;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
    font-weight: 400;
}
#menu-container .level1 > ul > li > .l {
    border-bottom-color: transparent;
}
#menu-container ul {
    margin-bottom: 0;
}
#menu-container .breadcrumbs {
    padding: 24px 0 14px;
    font-size: 32px;
    line-height: 32px;
}
@media only screen and (max-width: 1255px) {
    #menu-container .breadcrumbs {
        padding: 14px 20px;
    }
    #menu-container .level1 {
        background-color: #303a83;
        padding: 70px 0 0;
        overflow-y: hidden;
    }
    #menu-container .level1 i {
        color: #fff;
    }
    #menu-container .level1 i:after {
        color: #ff7400;
    }
    #menu-container .level1 > ul {
        height: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
    #menu-container .level1 > ul > li > .l {
        color: #fff;
        padding: 16px 15px 16px 70px;
        font-size: 16px;
        border-left: 4px solid transparent;
        position: relative;
    }
    #menu-container .level1 > ul > li.open .l,
    #menu-container .level1 > ul > li.open:hover .l {
        text-decoration: none;
        border-left-color: #ffa733;
    }
    #menu-container .level1 > ul > li:hover .l {
        text-decoration: none;
        border-left-color: #ff7400;
    }
    #menu-container .level1 > ul > li > .l i {
        width: 28px;
        height: 28px;
        font-size: 28px;
        left: 18px;
        top: 12px;
    }
    #menu-container .level2 {
        background: #fff;
        position: fixed;
        top: 0;
        left: 70px;
        width: 250px;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        overflow-y: hidden;
        z-index: 2;
    }
    #menu-container .level2 i {
        color: #515151;
    }
    #menu-container .level2 i:after {
        color: #ff7400;
    }
    #menu-container .level2 > .close {
        display: none;
    }
    #menu-container li.open > .level2 {
        z-index: 1;
        visibility: visible;
        opacity: 1;
    }
    #menu-container .level2 > div {
        height: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding: 20px 0;
    }
    #menu-container .level2 > div .micro-scroll::-webkit-scrollbar-track {
        background: #fff;
    }
    #menu-container .level2 > div .l > span {
        padding: 8px 0;
    }
    #menu-container .level2 > div .name {
        font-size: 14px;
        line-height: 1em;
        font-weight: 700;
    }
    #menu-container .level2 > div .with-icon > .l > span {
        position: relative;
        display: block;
        padding: 8px 0 8px 32px;
    }
    #menu-container .level2 > div .with-icon > .l > span > i {
        left: 0;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        font-size: 24px;
    }
    #menu-container li[data-submenu-id="industries"] .level2 > div > ul > li > .l > span > i {
        top: 8px;
        margin-top: 0;
    }
    #menu-container .level2 ul > li .l {
        padding: 10px 20px;
        line-height: 1em;
    }
    #menu-container .level2 ul > li .l:hover {
        background-color: rgba(233, 231, 217, 0.2);
    }
    #menu-container .level2 ul > li > .level3 {
        z-index: 2;
        display: none;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
    #menu-container .level2 ul > li > .level3 .l .name {
        font-size: 13px;
        line-height: 1em;
    }
    #menu-container .level2 ul > li.open > .level3 {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 250px;
        left: 70px;
        padding: 10px 0;
        background-color: #fff;
    }
    #menu-container .call-us {
        font-size: 13px;
        display: block;
        padding: 25px;
    }
    #menu-container .call-us > span {
        display: block;
    }
    #menu-container .call-us .phone {
        font-size: 24px;
        line-height: 1.5em;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container .mobile-only {
        display: none;
    }
    #menu-container .level1 {
        display: inline-block;
    }
    #menu-container .level1 > ul {
        display: flex;
    }
    #menu-container .level1 > ul > li > .l {
        display: block;
        border-bottom: 2px solid transparent;
        transition: border-bottom-color 0s linear 0.2s;
        padding-right: 10px;
    }
    #menu-container .level1 > ul > li > .l > span {
        position: relative;
        display: block;
        padding: 24px 13px 23px 37px;
        color: #555;
        font-size: 16px;
        line-height: 1.2em;
    }
    #menu-container .level1 > ul > li > .l > span i {
        color: #515151;
    }
    #menu-container .level1 > ul > li > .l > span i:after {
        color: #ff7400;
    }
    #menu-container .level1 > ul > li:hover > .l {
        text-decoration: none;
    }
    #menu-container .level1 > ul > li:hover > .l > span {
        color: #555;
    }
    #menu-container .level1 > ul > li[data-submenu-id] > .l > span {
        padding-right: 18px;
    }
    #menu-container .level1 > ul > li[data-submenu-id] > .l > span:after {
        content: "";
        position: absolute;
        right: 6px;
        top: 34px;
        border: 4px solid transparent;
        border-top-color: #555;
    }
    #menu-container .level1 > ul > li[data-submenu-id]:hover > .l {
        border-bottom-color: #ffa733;
        transition: border-bottom-color 0s linear 0.12s;
    }
    #menu-container .level2 {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0ms ease-in-out 0.2s, visibility 0.2s;
        position: absolute;
        top: 68px;
        left: 0;
        right: 0;
        background: #fdfdfd;
        overflow-y: hidden;
        box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.16);
        border-bottom: 1px solid #ddd;
    }
    #menu-container .level2 > div {
        max-width: 100%;
        padding: 20px 40px 0;
        height: 478px;
        max-height: 70vh;
        min-height: 380px;
        margin: -100px auto 0;
        opacity: 0;
        transition: opacity 0.25s ease-in-out 0.1s, margin-top 0.25s ease-in-out 0.1s;
    }
    #menu-container .level2 > .close {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
        z-index: 2;
    }
    #menu-container li:hover > .level2 {
        z-index: 1;
        visibility: visible;
        opacity: 1;
        transition: opacity 50ms ease-in 0.1s, visibility 0.1s;
    }
    #menu-container li:hover > .level2 > div {
        margin-top: 0;
        opacity: 1;
    }
    #menu-container li[data-submenu-id="industries"] .level2 .l {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2em;
    }
    #menu-container .level2.layout-default > div,
    #menu-container .level2.layout-list > div {
        position: relative;
    }
    #menu-container .level2.layout-default > div > ul,
    #menu-container .level2.layout-list > div > ul {
        width: 230px;
        height: calc(100% - 97px);
        padding: 0 5px 0 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
    #menu-container .level2.layout-default > div > ul > li > .l,
    #menu-container .level2.layout-list > div > ul > li > .l {
        padding: 8px 12px;
        border-radius: 3px;
        margin-bottom: 2px;
        border-left: 3px solid transparent;
    }
    #menu-container .level2.layout-default > div > ul > li > .l:hover,
    #menu-container .level2.layout-list > div > ul > li > .l:hover {
        background-color: rgba(0, 0, 0, 0.03);
    }
    #menu-container .level2.layout-default > div > ul > li > .l > span,
    #menu-container .level2.layout-list > div > ul > li > .l > span {
        display: flex;
        align-items: center;
    }
    #menu-container .level2.layout-default > div > ul > li > .l > span i,
    #menu-container .level2.layout-list > div > ul > li > .l > span i {
        flex: 0 0 auto;
        margin-right: 10px;
        position: relative;
        top: auto;
        left: auto;
    }
    #menu-container .level2.layout-default > div > ul > li.active > .l,
    #menu-container .level2.layout-list > div > ul > li.active > .l {
        border-left: 3px solid #f57c11;
        background-color: rgba(0, 0, 0, 0.06);
    }
    #menu-container .level2.layout-default > div > .breadcrumbs,
    #menu-container .level2.layout-list > div > .breadcrumbs {
        padding-left: 12px;
    }
    #menu-container .level3 {
        display: none;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
    #menu-container li.active > .level3 {
        left: 280px;
        top: 10px;
        bottom: 10px;
        right: 0;
        padding: 20px;
        display: block;
        position: absolute;
    }
    #menu-container .level3.layout-blog .breadcrumbs {
        display: none;
    }
    #menu-container .level3.layout-blog ul {
        display: flex;
        flex-wrap: wrap;
        padding-top: 20px;
    }
    #menu-container .level3.layout-blog ul > li:not(:last-child) {
        flex: 0 0 50%;
        padding: 0 15px 0 0;
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 1256px) and (min-width: 1400px) {
    #menu-container .level3.layout-blog ul > li:not(:last-child) {
        max-width: 400px;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container .level3.layout-blog ul > li:not(:last-child) > .l {
        background: #fff;
        border-left: 3px solid #4c86d3;
        padding: 20px 25px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        height: 78px;
        display: flex;
        align-items: center;
        transition: all 0.3s;
    }
    #menu-container .level3.layout-blog ul > li:not(:last-child) > .l:hover {
        border-left-color: #36439f;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container .level3.layout-blog ul > li:last-child {
        flex: 0 0 100%;
    }
    #menu-container .level3.layout-blog ul > li:last-child .name:after {
        color: #515151;
        transition: all 0.2s ease-in-out;
        margin-top: 1px;
        margin-left: 2px;
        font-family: hw-font;
        font-style: normal;
        font-weight: 400;
        speak: none;
        content: "";
        position: absolute;
        display: inline-block;
        height: 16px;
        width: 16px;
    }
    #menu-container .level3.layout-blog ul > li:last-child .l:hover > span > .name:after {
        color: #4c86d3;
        margin-left: 4px;
        opacity: 1;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container div.layout-cards .breadcrumbs {
        padding: 14px 20px;
    }
    #menu-container div.layout-cards.level2 ul {
        height: calc(100% - 80px);
    }
    #menu-container div.layout-cards.level3 ul {
        left: 20px;
        bottom: 10px;
        top: 86px;
        right: 0;
        position: absolute;
        align-content: flex-start;
    }
    #menu-container div.layout-cards ul {
        overflow-y: auto;
        overscroll-behavior-y: contain;
        display: flex;
        flex-wrap: wrap;
    }
    #menu-container div.layout-cards ul > li {
        flex: 0 0 50%;
        min-width: 270px;
    }
}
@media only screen and (min-width: 1256px) and (min-width: 1142px) {
    #menu-container div.layout-cards ul > li {
        flex: 0 0 33%;
    }
}
@media only screen and (min-width: 1256px) and (min-width: 1600px) {
    #menu-container div.layout-cards ul > li {
        flex: 0 0 25%;
    }
}
@media only screen and (min-width: 1256px) and (min-width: 1800px) {
    #menu-container div.layout-cards ul > li {
        max-width: 400px;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container div.layout-cards ul > li .l:hover > span > .name:after {
        margin-left: 3px;
        opacity: 1;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container div.layout-cards ul > li .l {
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 80px;
        padding-right: 20px;
        height: 90px;
    }
    #menu-container div.layout-cards ul > li .l > span > .name {
        position: relative;
    }
    #menu-container div.layout-cards ul > li .l > span > .name:after {
        color: #4c86d3;
        transition: all 0.2s ease-in-out 0.2s;
        opacity: 0;
        margin-top: 1px;
        font-family: hw-font;
        font-style: normal;
        font-weight: 400;
        speak: none;
        content: "";
        position: absolute;
        display: inline-block;
        height: 16px;
        width: 16px;
    }
    #menu-container div.layout-cards ul > li .l > span > i {
        left: 18px;
        top: 24px;
        width: 48px;
        height: 48px;
        font-size: 48px;
    }
    #menu-container div.layout-cards ul > li .l > span > .description {
        display: block;
        font-size: 12px;
        color: #777;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container div.layout-cards ul > li.no-icon > .l {
        padding-left: 20px;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container li[data-submenu-id="more"] .level2 > div > ul {
        margin-top: 32px;
        height: calc(100% - 60px);
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container li[data-submenu-id="mobile"] > span {
        display: none;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container li[data-submenu-id="industries"] div.layout-cards.level3 ul {
        top: 38px;
    }
    #menu-container li[data-submenu-id="industries"] .breadcrumbs {
        display: none;
    }
    #menu-container li[data-submenu-id="industries"] div.layout-cards ul > li .l {
        height: 100px;
    }
    #menu-container li[data-submenu-id="industries"] div.layout-cards ul > li {
        flex: 0 0 50%;
    }
}
@media only screen and (min-width: 1256px) and (min-width: 1450px) {
    #menu-container li[data-submenu-id="industries"] div.layout-cards ul > li {
        flex: 0 0 33%;
        max-width: 500px;
    }
}
@media only screen and (min-width: 1256px) and (min-width: 2000px) {
    #menu-container li[data-submenu-id="industries"] div.layout-cards ul > li {
        flex: 0 0 25%;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container li[data-submenu-id="industries"] div.layout-cards ul > li .name {
        font-size: 20px;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container li[data-submenu-id="industries"] div.layout-cards ul > li .description {
        font-size: 14px;
        line-height: 1.3em;
    }
}
@media only screen and (min-width: 1256px) {
    #menu-container div.layout-mobile-apps .breadcrumbs {
        padding-left: 0;
    }
    #menu-container div.layout-mobile-apps ul {
        display: flex;
        flex-wrap: wrap;
    }
    #menu-container div.layout-mobile-apps ul > li {
        flex: 0 0 240px;
        margin-bottom: 20px;
        margin-right: 48px;
    }
    #menu-container div.layout-mobile-apps ul > li .l {
        line-height: 2em;
        display: flex;
        align-items: center;
        position: relative;
    }
    #menu-container div.layout-mobile-apps ul > li .l > span {
        font-size: 25px;
    }
    #menu-container div.layout-mobile-apps ul > li .l > span > i {
        display: block;
        position: relative;
        width: 96px;
        height: 96px;
        font-size: 96px;
        top: auto;
        left: auto;
        margin: 20px 0;
    }
    #menu-container div.layout-mobile-apps ul > li .l > span > .description {
        display: block;
        margin-top: 20px;
        font-size: 15px;
        line-height: 1.4em;
        color: #777;
    }
}