/* --- catálogo f22 */


.carousel-indicators li::after {
    background: #001e62;
    border-radius: 30px;
}
.carousel-indicators li.active::after {
    background: #DCEEE2;
}

.blue_f22 {
    position: absolute;
    top: 3rem;
    left: 0;
    color: #000;
    font-family: 'asics30-bolditalic';
    border-bottom: 2px solid #000;
    padding-left: 12rem;
    font-size: 3rem;
    line-height: 1;
}
.blue_f22.blue_easy {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}
/* --- catálogo S21 */
.capa-foot-desc-s21 {
    position: absolute;
    right: 5vw;
    top: 60vh;
    text-align: left;
}

.capa-foot-desc-s21 span {
    display: block;
    font-family: asics;
    font-weight: bold;
    line-height: 1.1;
}

.capa-foot-desc-s21 span.span1 {
    font-size: 2.5vw;
}

.capa-foot-desc-s21 span.span2 {
    font-size: 3.8vw;
}

.capa-foot-desc-s21 span.span3 {
    font-size: 1.55vw;
}

.catalog-spring-s21 {
    position: absolute;
    bottom: 17vh;
    width: 1px;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: 10vh;
    color: #fff;
    font-weight: bold;
    line-height: 0.9;
    left: 1vh;
    text-transform: uppercase;
    font-family: asics-office;
}

.catalog-acc-s21 {
    position: absolute;
    left: 1vh;
    bottom: 7vh;
    font-size: 10vh;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    font-family: asics-office;
}

/* --- ampliar imagem principal */
.ampli-div {
    position: absolute;
    top: 14vh;
    left: 3vw;
    z-index: 2;
}

.ss21-img-ampli .ampli-div {
    top: 4vh;
}

.img-max {
    width: 25px;
    height: 25px;
    background: url(/images/ss21/maximizar.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.img-min {
    width: 25px;
    height: 25px;
    background: url(/images/ss21/minimizar.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ampli-div div:hover {
    cursor: pointer;
}

.ss21-img-ampli {
    width: 90%;
    flex: unset;
    max-width: unset;
    height: 100%;
    margin: 0 auto;
}

.ss21-img-ampli .carousel-item img {
    display: flex;
    justify-content: center;
}

.ss21-img-ampli .icon-3D {
    right: calc(5px + 1vw);
}

#catalog li .slotTemp .highlight .ss21-img-ampli .carousel-item img {
    width: 100%;
    max-width: unset;
    margin: 0;
    margin-top: 2vh;
}

.ss21-img-ampli figure,
.ss21-img-ampli .carousel,
.ss21-img-ampli .carousel-inner,
.ss21-img-ampli .carousel {
    width: 100%;
    max-width: unset;
}


/* --- altura catálogo */
#catalog-holder,
#catalog-holder div ul,
#catalog-holder div ul li,
#catalog-holder div ul li .cover,
#catalog-holder div ul li .cover figure {
    height: 100%;
}
/* --- camapanha */
.s21-campanha {
    position: absolute;
    top: -8px;
    left: 0;
}
/* --- capa first */
.capa-first {
    position: absolute;
    right: 0 !important;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    background: #fff;
    
}

/* --- capa footwear */
.capa-acc-desc {
    position: absolute;
    right: 3vw;
    bottom: 4vh;
    text-align: left;
    color: #ffffff;
}
.capa-foot-desc{
    position: absolute;
    right: 6vw;
    top: 4vh;
    text-align: left;
    color: #ffffff;
}
.capa-foot-desc span,
.capa-acc-desc span {
    display: block;
    font-family: asics;
    font-weight: bold;
    line-height: 1.1;
    text-shadow: 1px 5px #000000;
}
.capa-foot-desc span.span1,
.capa-acc-desc span.span1 {
    font-size: 2.5vw;
}
.capa-foot-desc span.span2,
.capa-acc-desc span.span2 {
    font-size: 2.65vw;
}
.capa-foot-desc span.span3{
    font-size: 2.85vw;
    margin-top: 2vh;
}
.capa-acc-desc span.span3 {
    text-transform: uppercase;
    font-size: 2.6vw;
    margin-top: 2vh;
}
.capa-foot-desc span.span4,
.capa-acc-desc span.span4 {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
    font-size: 5.8vw;
}


.catalog-s21 {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    min-width: unset;
    object-position: center left;
}
.capa-exclusivo {
    height: 90vh !important;
}
.aw20-desc-sportstyle strong {
    right: 1vw;
    color: #ffffff !important;
}
#catalog .group .title-abreCapa {
    position: absolute;
    left: 5.2vw !important;
    top: 17vh;
    font-family: asics-office;
    width: 15.5vw;
}
.title-abreCapa strong {
    font-size: 1.5vw !important;
    line-height: 1 !important;
}

.title-abreCapa.title-abreS21 strong {
    font-size: 1vw !important;
}

#catalog .group .title-abreCapa.title-abreS21 {
    top: 1vh;
    left: unset !important;
    right: 0 !important;
    width: 13vw !important;
}
#catalog .group div {
    right: 0 !important;
    left: unset !important;
}
.aw20-fall20_claro-cat-B {
    margin-right: 0.4vw;
    top: 79vh !important;
}
.aw20-fall20_claro-cat-B img {
    width: 7vw;
}
/* --- capa ACC */

.catalog-acc {
    position: absolute;
    left: 1vh;
    bottom: 7vh;
    font-size: 10vh;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    font-family: asics-office;
}
/* --- capa AT */
.bckAT {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/images/ss21/asics-tigerAW21.jpg);
    background-position: left;
}
.bckAT2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/images/ss21/asics-tigerAW21_2.jpg);
    background-position: center;
}
.aw20-capa-AT {
    width: 100%;
}
.capa-AT-desc {
    position: absolute;
    left: 5vw;
    bottom: 15vh;
    text-align: left;
}
.capa-AT-desc.at-1{
    top: 7vh;
    color: #000;
}
.capa-AT-desc.at-1 span {
    color: #000000;
}
.capa-AT-desc span {
    display: block;
    font-family: sportstyle_rg;
    font-weight: bold;
    line-height: 0.85;
    color: #ffffff;
    text-shadow: 1px 5px #000000;
}
.capa-AT-desc span.span1 {
    font-size: 3.5vw;
}
.capa-AT-desc span.span2 {
    font-size: 4vw;
}
.capa-AT-desc span.span3 {
    font-size: 4.4vw;
    margin-top: 2vh;
}
.capa-AT-desc span.span4 {
    position: absolute;
    right: 0;
    top: 0.5vw;
    font-size: 7.8vw;
}

#catalog .group .capa-abre-desc {
    width: fit-content;
    position: absolute;
    left: 5vw !important;
    top: 4vh;
    text-align: left;
}
.capa-abre-desc span {
    display: block;
    font-family: asics;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 1px 5px #000000;
}
.capa-abre-desc span.span1 {
    font-size: 2.5vw;
}
.capa-abre-desc span.span2 {
    font-size: 2.7vw;
}
.capa-abre-desc span.span3 {
    position: absolute;
    right: -10.2vw;
    top: 0;
    font-size: 5.25vw;
}
/* --- contra-capa */
.contra-capa {
    position: relative;
}
.contra-capa img {
    width: 100%;
    height: 100%;
}
/* --- contra capa perfomance */
.contra-capa-perfomance {
    position: absolute;
    left: 2vw;
    top: 5vh;
    text-align: left;
}
.contra-capa-perfomance span {
    display: block;
    font-family: asics, asics-office;
    font-weight: bold;
    line-height: 1.1;
    color: #ffffff;
    font-size: 1vw;
}
/* --- capa generica */
.capa-generica {
    position: absolute;
    left: 6vw;
    top: 60vh;
    text-align: left;
}
.capa-generica span {
    display: block;
    font-family: asics;
    line-height: 1.1;
    color: #ffffff;
    font-size: 1.5vw;
}
/* --- contra capa sportstyle */
.contra-capa-sportstyle {
    position: absolute;
    left: 3vw;
    top: 4vh;
    text-align: left;
}
.contra-capa-sportstyle span {
    display: block;
    font-family: sportstyle_rg;
    font-weight: bold;
    line-height: 1.1;
    color: #000000;
    font-size: 2vw;
}
/* --- contra capa infos */
.contra-capa-infos {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 8vh;
}
.contra-capa-infos img {
    width: 10vw;
    margin-bottom: 4vh;
}
.contra-capa-infos span {
    font-family: graphik-medium;
    font-size: 1vw;
    color: #000000;
    display: block;
}
.contra-capa-infos.perfomance span {
    color: #ffffff;
}

.capa-anteriores {
    width: unset;
    object-fit: cover;
}

#catalog li .slot .info .badge.UNISEX {
    padding: 3px 10px !important;
}
/* --- text-color */
#catalog li .slotTemp .mini p {
    width: 90%;
}
/* --- S20 */
.aw20-catS20 {
    left: 5vw;
    color: #fff;
}
/* --- medias */
@media (max-width: 992px) and (min-width: 767.98px) {
    .ampli-div {
        top: 0.5vh;
        left: 12px;
    }

    .ss21-img-ampli {
        width: 95%;
    }

    .ss21-img-ampli .icon-3D {
        right: calc(5px + 4vw);
    }
}
@media (max-width: 767.97px) and (max-height: 900px) {
    /* /// ampliar imagem// */
    .ampli-div {
        top: 0.5vh;
        left: 11px;
    }

    .ampli-div {
        top: -1vh;
    }

    .icon-3D {
        top: 2.5vh;
    }

    .ss21-img-ampli .icon-3D {
        right: calc(5px + 4vw);
    }

    .img-max,
    .img-min {
        width: 20px;
        height: 20px;
    }
    /* //////////////////// */

    .catalogTemp #aw20-topMobile-ATOT {
        height: calc(100% - 55px);
    }
    #catalog #aw20-topMobile-ATOT li .cover figure img {
        object-fit: cover;
        width: 100%;
        height: 100vh !important;
    }
    #catalog li .slotTemp .highlight figure img {
        max-width: 92vw;
    }
    #catalog li .slotTemp .highlight .price {
        margin-top: -6vh !important;
    }
    .packs-catalog {
        top: 55px;
    }
    .aw20-tableCenter span {
        font-size: 7vw;
    }
    .moveGrade {
        left: calc(22% - 72px);
    }
    .icon-3D {
        position: absolute;
        right: 28px;
        top: 4vh;
    }
    .catalogTemp #catalog .container-fluid {
        max-width: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    /* /// ampliar imagem// */
    .ampli-div {
        top: 4vh;
        left: 2vw;
    }

    .img-max,
    .img-min {
        width: 20px;
        height: 20px;
    }
    
    /* //////////////////// */
    .catalog-acc {
        top: 74vh;
    }
    .contra-capa-infos {
        bottom: 9vh;
    }
    .aw20-fall20_claro-cat-B {
        top: 75vh !important;
    }
    #catalog li .slotTemp .mini figure {
        margin: 10px 0 0px 6px;
        height: 60px;
    }
    .aw20-width-size-cat div {
        line-height: 1;
    }
    .slotTemp .badge.MASCULINO {
        padding: 2px 10px !important;
        font-size: 1.3vh;
    }
    .slotTemp .badge.FEMININO {
        padding: 2px 10px !important;
        font-size: 1.3vh;
    }
    .slotTemp .badge.KIDS {
        padding: 2px 10px !important;
        font-size: 1.3vh;
    }
    .slotTemp .badge.UNISEX {
        padding: 2px 10px !important;
        font-size: 1.3vh;
    }

    .campanha.MASCULINO,
    .campanha.FEMININO,
    .campanha.KIDS,
    .campanha.UNISEX {
        font-size: 7px;
    }

    .slotTemp-gender {
        height: 23vh;
        margin-top: 0.5vh;
    }
    .catalog-desc {
        margin-top: 0;
        padding: 0;
    }
    .aw20-descCat-prod {
        width: 80%;
    }
    .asics #catalog .group {
        background-size: 100% !important;
    }
    .icon-3D {
        right: 10.5vw;
        top: 4.5vh;
    }
}
@media (min-width: 1400px) and (max-width: 1800px){

}
@media (min-width: 1400px) {

}
@media (max-width: 1300px) and (orientation: landscape) {
    /* /// ampliar imagem// */
    .ampli-div {
        top: 9vh;
        left: 3.5vw;
    }
    /* ///////////////////// */
    header #line-bottom menu ul li a {
        font-size: 12px;
    }
    .catalogTemp #catalog .container-fluid{
        max-width: unset;
    }
    .catalog-acc {
        bottom: 7vh !important;
    }
    .contra-capa-infos {
        bottom: 7vh !important;
    }
    .contra-capa-infos span {
        font-size: 1.5vw !important;
    }
    .aw20-fall20_claro-cat-B {
        top: 79vh !important;
    }
    #catalog li .slotTemp .highlight figure .aw20-scale-visualizacao-vest {
        margin-left: 2.4vw;
        margin-top: 4vh;
        max-height: 80%;
        max-width: 53vw;
        width: 45vw;
    }

    .catalogTemp #catalog .container-fluid {
        max-width: 100% !important;
    }
    .icon-3D {
        right: 5px;
    }
    .moveGrade {
        right: 39.1vw !important;
    }
    .packs-indice,
    .packs-catalog {
        width: 39vw;
    }
    .aw20-indice-catalog div,
    .aw20-packs-catalog div {
        font-size: 1vw;
    }
}
@media(min-width: 1200px) and (max-width: 1300px){
    .icon-3D {
        right: 16vw;
    }
    #catalog li .slotTemp .highlight figure img {
        margin-top: 7vh;
        max-width: 39vw;
        margin-left: 1vw;
    }
    .slotTemp-gender {
        margin-top: 6vh !important;
        height: 21.3vh !important;
    }
    #catalog li .slotTemp .mini figure img {
        margin-bottom: 0vh;
    }
    #catalog li .slotTemp .mini figure {
        margin: 10px 0 0px 6px;
    }
    #catalog li .slotTemp .related .checked:after {
        right: 45px;
    }
    .aw20-fall20_claro-cat-B {
        top: 77vh !important;
        margin-right: 0.6vw;
    }
    .contra-capa-infos {
        top: 56vh !important;
    }
}

@media screen and (max-width: 1300px)  and (max-height: 700px) {
    /* /// ampliar imagem// */
    .ampli-div {
        top: 1vh;
    }

    .icon-3D {
        top: 2.5vh;
    }

    .ss21-img-ampli .ampli-div {
        top: 32vh;
    }

    #catalog li .slotTemp .highlight .ss21-img-ampli figure img {
        margin-top: 30vh !important;
        max-width: unset !important;
        margin-left: unset !important;
    }

    .ss21-img-ampli .icon-3D {
        right: calc(5px + 2vw);
    }

    .img-max,
    .img-min {
        width: 20px;
        height: 20px;
    }
    
    /* //////////////////// */
    .aw20-indice-catalog div, .aw20-packs-catalog div {
        font-size: 0.7vw;
    }
    .catalogTemp #catalog .container-fluid{
        max-width: 60% !important;
    }
    #catalog li .slotTemp .highlight figure img {
        margin-top: -1vh !important;
        max-width: 24vw !important;
        margin-left: 1vw !important;
    }
    .campanha.MASCULINO,
    .campanha.FEMININO,
    .campanha.KIDS,
    .campanha.UNISEX {
        font-size: 7px !important;
    }
    #catalog li .slotTemp .mini figure {
        margin: 7px 0 0px 6px !important;
    }
    #catalog li .slotTemp .mini figure .aw20-scaleMini-visualizacao-vest {
        max-width: 6vw !important;
    }
    .slotTemp-gender {
        margin-top: -3vh !important;
        height: 24.9vh !important;
    }
    .slotTemp-gender.genderFem .info {
        margin-top: 1px !important;
        margin-bottom: 7px !important;
    }
    #catalog li .slotTemp .related .checked:after {
        right: -15px !important;
        top: 9px !important;

    }
    .aw20-descCat-prod {
        height: 11.2vh !important;
    }
    #catalog li .slotTemp .highlight p {
        font-size: 10px !important;
    }
    .aw20-span-catalogo small strong {
        font-size: 11px !important;
    }
    .IIID_img {
        height: 190px !important;
    }
    #catalog .flex-direction-nav .flex-prev,
    #catalog .flex-direction-nav .flex-next {
        top: 44vh !important;
    }
    .aw20-fall20_claro-cat-B {
        top: 72vh !important;
    }
    .aw20-tableCenter span {
        font-size: 1.7vw !important;
    }
    .icon-3D {
        position: absolute;
        right: 9vw;
        top: 3vh;
    }
    #catalog li .slotTemp .highlight figure .aw20-scale-visualizacao-vest {
        margin-left: 1vw !important;
        margin-top: 4vh !important;
        max-height: 80%;
        max-width: 19.8vw !important;
    }
}
@media screen and (min-width: 1500px)  and (max-width: 1700px) {
    #catalog li .slotTemp .highlight figure img {
        max-width: 27.8vw;
        margin-top: 9vh;
    }
    .icon-3D {
        right: 20vw;
    }
    
}
@media screen and (min-width: 1430px)  and (max-width: 1450px) {

    #catalog li .slotTemp .mini figure {
        margin: 5px 0 0px 6px;
    }

    /* .catalogTemp #catalog .container-fluid {
        max-width: 60% !important;
    } */
    #catalog li .slotTemp .highlight figure img {
        max-width: 25.8vw;
        margin-top: 3vh;
        margin-left: -1vw;
    }
    .slotTemp-gender {
        height: 26vh;
        margin-top: 0;
    }
    .ampli-div {
        top: 6vh;
        left: 0vw;
    }
    .icon-3D {
        left: 13vw;
        top: 3.5vh;
    }
    /* .icon-3D {
        right: 14px;
        top: 3.5vh;
    } */
    .ss21-img-ampli {
        width: 100%;
    }
    .ss21-img-ampli .ampli-div {
        left: 1vw;
    }
    .ss21-img-ampli .icon-3D {
        right: calc(5px + 2vw);
        top: 3.5vh;
    }
    .aw20-3D-catalog .aw20-title-Vcatalog {
        margin-top: 13px;
    }
    .aw20-3D-catalog .row {
        margin: 2vh auto 0;
    }
    .aw20-indice-catalog-capa, #catalog .group .aw20-indice-catalog-capa {
        right: 12px !important;
    }
    #catalog .flex-direction-nav .flex-prev {
        margin-left: 0px;
    }
    .catalog-desc {
        margin-top: 0vh;
    }
    .catalogTemp #catalog {
        height: calc(100vh - 8.6vh) !important;
    }
    .catalogTemp #catalog li .cover figure {
        height: 100vh;
    }
    .aw20-fall20_claro-cat-B {
        margin-right: 1.4vw;
        top: 76vh !important;
    }
    .asics .catalogTemp  #catalog .group {
        background-size: cover !important;
    }
    #catalog li .slotTemp .highlight figure .aw20-scale-visualizacao-vest {
        margin-left: 0.4vw;
    }

    .blueCatGender.KIDS, 
    .blueCatGender.MASCULINO, 
    .blueCatGender.UNISEX, 
    .slotTemp .badge.FEMININO {
        padding: 0px 30px;
    }

    .aw20-packs-catalog {
        top: 12vh;
    }

    #catalog li .slotTemp .highlight .ss21-img-ampli .carousel-item img {
        width: 80%;
        margin: 2vh auto;
    }
}
@media (min-width: 2100px) {
    #catalog li .slotTemp .highlight figure img {
        max-width: 34.8vw;
    }
    #catalog li .slotTemp .mini figure img {
        margin-bottom: 13px;
    }
    #catalog li .slotTemp .mini figure {
        margin: 40px 0 0px 6px;
    }
    .campanha.MASCULINO,
    .campanha.FEMININO {
        top: 5px;
    }
    .catalog-s21 {
        height: 100vh !important;
    }
    .contra-capa img {
        height: 90vh;
    }
    .contra-capa-infos img {
        height: unset;
    }
}
@media (max-width: 767.97px) { 
    .ampli-div {
        display: none;
    }
    .title-abreCapa {
        font-family: asics-office;
        width: 100% !important;
        display: flex;
        justify-content: center;
        
    }
    .title-abreCapa strong {
        font-size: 5.3vw !important;
        line-height: 1.2 !important;
    }
    #catalog .group .aw20-fall20_claro-cat-B {
        left: unset !important;
        margin-top: 2vh;
        right: 6vw !important;
    }
    .aw20-fall20_claro-cat-B img {
        width: 20vw;
    }
    .aw20-indice-catalog div,
    .aw20-packs-catalog div {
        font-size: 1.8vw;
    }
    .catalogTemp #catalog .container-fluid {
        max-width: 100% !important;
    }
    #catalog li .slotTemp .related figure img {
        max-height: 95px;
        margin-left: 0;
    }
    #catalog li .slotTemp .highlight figure img {
        margin-left: -4vw !important;
        margin-top: 3vh !important;
        max-width: 92vw !important;
    }
    .IIID_img {
        height: 190px !important;
        margin-top: 1vh;
    }
    #catalog li .slotTemp .highlight .price {
        margin-top: 10vh !important;
    }
    .catalogTemp .aw20-top-visualizacao {
        margin-top: 0vh;
        height: 95vh;
    }
    .slotTemp-gender {
        margin-top: -1vh !important;
        height: 24.9vh !important;
    }
    .slotTemp-gender.genderFem .info {
        margin-top: 12px !important;
        margin-bottom: 7px !important;
    }
    .aw20-indice-catalog {
        top: 30vh;
        right: 3px;
    }
    .aw20-packs-catalog {
        top: 41.5vh;
        right: 3px;
    }
    #catalog li .slot .related .checked:after {
        height: 50px;
        width: 50px;
        top: 20px;
        right: 67px;
        margin: 0 auto;
        margin-left: 6vw;
        object-fit: contain;
        background-size: contain;
    }
    #catalog li .slotTemp .mini figure
     .aw20-scaleMini-visualizacao-vest {
        max-width: 23vw !important;
    }
    .moveGrade {
        right: 85.3vw !important;
        left: unset;
    }
    .aw20-packs-catalog div:first-child,
    .aw20-indice-catalog div:first-child {
        padding: 0;
    }
    .aw20-descCat-prod {
        margin-bottom: 1vh;
    }
    .aw20-dashboard-mobile {
        width: unset;
        max-width: unset;
        left: -15px;
        right: 0;
    }
    #catalog li .slotTemp .highlight figure .aw20-scale-visualizacao-vest {
        margin-left: 1vw !important;
        margin-top: 3vh !important;
        max-width: 83vw !important;
    }
    #catalog #aw20-topMobile-ATOT li .cover figure .aw20-fall20-cat img {
        position: absolute;
        top: 10%;
        left: 13%;
        width: 34vw;
        height: unset !important;
    }
    #catalog #aw20-topMobile-ATOT li .cover figure .aw20-fall20Asics-cat img {
        position: absolute;
        top: 75%;
        left: 19%;
        width: 21vw;
        height: auto !important;
    }
    .catalog-acc {
        bottom: 16vh;
        font-size: 3vh;
    }
    .aw20-desc-sportstyle strong {
        right: 7vw;
    }
    .aw20-strongAT-abreCapa {
        top: 3vh;
    }
    #dashboard-search {
        top: 55px;
    }
    .aw20-title-card1 div {
        position: absolute;
        bottom: 0;
    }
    .aw20-title-card1 span:last-child {
        margin-top: 1vh !important;
    }
}