/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative; height: 550px; width: 100%}
.nosotros .scroll-wrapper {height: auto}
.productos .scroll-wrapper, .servicios .scroll-wrapper { padding-right: 30px !important}
.direcciones.scroll-wrapper { float: left; width: auto}
.direcciones.scroll-wrapper > .scroll-content { padding-right: 20px}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none; max-width: none !important;
    overflow: scroll !important;padding: 0;position: relative !important;top: 0;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc;border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important;margin: 0; max-height: none !important;
    max-width: none !important;overflow: scroll !important;outline: none;padding: 2px;position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
 
/*************** SIMPLE INNER SCROLLBAR ***************/ 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div{border: none;margin: 0;padding: 0; position: absolute;z-index: 10;}
.scrollbar-inner > .scroll-element div {display: block; height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-inner > .scroll-element.scroll-x {bottom: 2px; height: 8px;left: 0;width: 100%;}
.scrollbar-inner > .scroll-element.scroll-y {height: 100%;right: 0;top: 0; width: 8px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px;}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40); opacity: 0.4;}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #C42027; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
.direcciones.scrollbar-inner > .scroll-element .scroll-bar { background: #666}
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.banners .scroll-wrapper { height:calc(100% - 60px)}
.banners .scrollbar-inner > .scroll-element .scroll-bar { background: #666}
.banners .scrollbar-inner > .scroll-element .scroll-element_track {background: #666}

@media only screen and (max-width: 1023px) {
    .productos .scroll-wrapper, .servicios .scroll-wrapper { padding-right: 0 !important}
.servicios .bloque, .scroll-wrapper { height:calc(100% - 70px); padding-bottom: 50px; min-height: inherit; margin-bottom: 50px; box-sizing: content-box}
    .nosotros .scroll-wrapper { height:auto;}
}

@media only screen and (max-width: 767px) {
    .nosotros .scroll-wrapper {height: 100%; margin-bottom: 0}
    .servicios .scroll-wrapper, .productos .scroll-wrapper { height: calc(100% - 30px)}
    .banners .scroll-wrapper { height: 100%}
}