
.ms-alphabetical .ms-letter-selector {
    border-bottom: 1px solid rgba(160, 160, 160, 0.25);
    padding-bottom: 0.625rem
}

.ms-alphabetical .ms-letter-selector > .ms-l-sep {
    padding: 0 0.25rem;
    opacity: .4
}

.ms-alphabetical .ms-letter-list {
    border-bottom: 1px solid rgba(160, 160, 160, 0.25);
    padding: 1rem 0
}

.ms-alphabetical .ms-letter-list:last-child {
    border-bottom: none
}

.ms-alphabetical .ms-letter-list > .ms-letter {
    font-weight: bold;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem
}

.ms-alphabetical .ms-letter-brands ul {
    margin: 0
}

#owl-manufacturer.owl-carousel .owl-stage-outer {
    overflow: hidden !important;
    max-height: initial
}

#manufacturer #main, #guiatallas #main {
    max-width: 1200px;
    margin: 0 auto
}

#manufacturer.brand #main {
    max-width: 100% !important
}

.page-manufacturer .h2, .page-manufacturer .h2 h1, #guiatallas .h2, #guiatallas .h2 h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #43a2ce;
    text-align: center;
    font-weight: 400
}

#manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
    position: fixed;
    right: 0;
    margin-top: -115px;
    margin-right: 0;
    background-color: #43a2ce;
    padding: 8px 8px 0 8px;
    text-align: center;
    transform: scale(0.8);
    margin-bottom: 15px;
    z-index: 99997
}

.wrapper-alphabetical .alphabetical-letters .list-inline-letters > li {
    display: block !important
}

.wrapper-alphabetical .alphabetical-letters .list-inline-item {
    line-height: 1.3em;
    position: relative
}

.wrapper-alphabetical .alphabetical-letters .list-inline-item a {
    font-size: 14px;
    line-height: 22px;
    color: #fff !important;
    position: relative;
    z-index: 1
}

#manufacturers_list .alphabetical {
    border-top: 4px solid #43a2ce;
    border-bottom: none !important
}

.manufacturer-name,
.manufacturer-name h2{
    font-size: 12px;
    text-transform: uppercase;
    line-height: 28px;
    color: #636B75;
    font-weight: unset;
    margin-bottom: unset;
}

.m-w-12 {
    width: 12% !important;
    padding: 0 !important
}

.manufacturer-letter {
    margin-top: 0;
    padding: 10px;
    background-color: #43a2ce;
    text-align: center;
    font-size: 35px;
    border-radius: 3px;
    min-width: 52px;
    width: 40px
}

.manufacturer-letter a {
    color: #fff !important;
    font-weight: 500
}

.manufacturer-letter a:hover {
    color: #fff
}

.manufacturer-divider {
    margin: 10px;
    padding: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    border-top: 4px solid #43a2ce
}

#manufacturer .nopadding, #guiatallas .nopadding {
    padding: 0 !important;
    margin: 0 !important
}

#manufacturer .center_column, #guiatallas .center_column {
    padding-bottom: 50px;
    min-width: 320px
}

#manufacturer .mobile, #guiatallas .mobile {
    display: block
}

#manufacturer .desktop, #guiatallas .desktop {
    display: none
}

#manufacturer .mb-30, #guiatallas .mb-30 {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#owl-manufacturer .owl-item > div img {
    display: block;
    width: 80%;
    height: auto;
    border-radius: 3px;
    margin-bottom: 4px
}

#owl-manufacturer .owl-item > div {
    padding: 0 2px
}

#owl-manufacturer .owl-controls .owl-pagination .owl-page {
    margin-right: 5px
}

#owl-manufacturer .owl-controls .owl-pagination .owl-page:before {
    color: #C8C8C8 !important;
    font-size: 10px;
    opacity: 1 !important
}

.manuf-active {
    background: #2E91BE;
    position: absolute;
    width: 100px;
    height: 25px;
    top: 0;
    left: -12px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    z-index: 0;
    display: none
}

@media (min-width: 769px) {
    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        position: relative;
        margin-top: 0 !important;
        padding: 8px 6px 6px 6px;
        border: 1px solid #808080;
        transform: none !important;
        z-index: 99997
    }

    .wrapper-alphabetical .alphabetical-letters .list-inline-item {
        display: inline-block;
        width: 25px
    }

    #manufacturers_list {
        padding: 0 18%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #manufacturer .mobile, #guiatallas .mobile {
        display: none
    }

    #manufacturer .desktop, #guiatallas .desktop {
        display: block
    }

    .manufacturer-letter {
        width: 45%
    }
}

@media (min-width: 768px) {
    .manufacturer-name,
    .manufacturer-name h2{
        font-size: 14px !important;
    }

    .wrapper-manufacturer {
        width: 500px !important;
        margin: 0 auto
    }

    .manufacturer-letter {
        width: 52%
    }

    .item-m {
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #manufacturers_list {
        padding: 0 5%
    }
}

@media (min-width: 1000px) {
    #owl-manufacturer {
        width: 1000px;
        margin: 0 auto
    }
}

@media (min-width: 700px) and (max-width: 999px) {
    #owl-manufacturer {
        width: 500px !important;
        margin: 0 auto
    }
}

@media (max-width: 1024px) and (min-height: 667px) {
    .wrapper-alphabetical .alphabetical-letters .list-inline-item a {
        line-height: 26px;
        font-size: 16px
    }
}

@media (max-width: 1024px) and (min-height: 731px) {
    .wrapper-alphabetical .alphabetical-letters .list-inline-item a {
        line-height: 28px;
        font-size: 18px
    }

    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        margin-top: -20% !important;
        transform: scale(0.9) !important
    }
}

@media (max-width: 1024px) and (min-height: 640px) {
    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        margin-top: -20% !important;
        transform: scale(0.9) !important
    }
}

@media (max-width: 1024px) and (min-height: 667px) {
    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        margin-top: -115px !important;
        transform: scale(0.8) !important
    }
}

@media (max-width: 1024px) and (min-height: 800px) {
    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        margin-top: -60px !important;
        transform: scale(0.9) !important
    }
}

@media (max-width: 1024px) and (min-height: 900px) {
    .wrapper-alphabetical .alphabetical-letters .list-inline-item a {
        font-size: 18px;
        line-height: 28px
    }

    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        margin-top: -15px !important;
        padding: 8px 8px 10px 8px;
        transform: scale(0.9) !important
    }
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none !important
}

@media (max-width: 768px) {
    #manufacturers_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        top: 180px;
        right: -5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 35px;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 99997
    }

    #manufacturer .wrapper-alphabetical .alphabetical-letters .list-inline-item, #guiatallas .wrapper-alphabetical .alphabetical-letters .list-inline-item {
        width: 100%;
        margin: 0
    }

    .wrapper-alphabetical .alphabetical-letters .list-inline-item a {
        line-height: 23px;
        font-size: 15px
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    #manufacturer .alphabetical-letters, #guiatallas .alphabetical-letters {
        top: 180px;
        z-index: 99997
    }

    #manufacturers_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#manufacturers_list .item-m {
    text-align: left
}

#guiatallas #content-wrapper .h1.page-title {
    display: none !important
}

.letter_block {
    margin-top: -160px;
    padding-top: 170px
}

.sports-block-letter, .brands-block-letter {
    float: left
}

#manufacturer .elementor-column-gap-default .elementor-element-populated, #guiatallas .elementor-column-gap-default .elementor-element-populated {
    padding: 0
}

#manufacturer .breadcrumb, #guiatallas .breadcrumb {
    display: none !important
}

@media (min-width: 768px) and (max-width: 1100px) {
    #manufacturer .elementor-column-gap-default .elementor-element-populated {
        padding: 7px
    }

    .letter_block {
        margin-top: -120px;
        padding-top: 130px
    }

    #manufacturer .owl-carousel .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    #manufacturer .owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

    #manufacturer .owl-carousel .owl-dots, #manufacturer .owl-carousel .owl-nav, #guiatallas .owl-carousel .owl-nav, #guiatallas .owl-carousel .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent
    }

    #manufacturer .owl-carousel .owl-dots .owl-dot.active span, #manufacturer .owl-carousel .owl-dots .owl-dot:hover span, #guiatallas .owl-carousel .owl-dots .owl-dot:hover span {
        background: #869791
    }
}

@media (max-width: 767px) {
    #manufacturer .elementor-column-gap-default .elementor-element-populated {
        padding: 5px
    }

    .letter_block {
        margin-top: -80px;
        padding-top: 90px
    }

    #manufacturer .owl-carousel .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    #manufacturer .owl-carousel .owl-dots .owl-dot, #guiatallas .owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

    #manufacturer .owl-carousel .owl-dots, #manufacturer .owl-carousel .owl-nav, #guiatallas .owl-carousel .owl-dots, #guiatallas .owl-carousel .owl-nav {
        text-align: center;
        -webkit-tap-highlight-color: transparent
    }

    #manufacturer .owl-carousel .owl-dots .owl-dot.active span, #manufacturer .owl-carousel .owl-dots .owl-dot:hover span, #guiatallas .owl-carousel .owl-dots .owl-dot.active span, #guiatallas .owl-carousel .owl-dots .owl-dot:hover span {
        background: #869791
    }
}

#manufacturer #header, #guiatallas #header {
    z-index: 99999
}

#manufacturers_list.sizeguide .letter_block {
    width: 100%
}

.es_guiatallas #banpromoheader {
    display: block !important
}

#guiatallas #content-wrapper .h1.page-title {
    text-align: center;
    color: #000;
    display: block !important
}

